{"version":3,"file":"ValidationPipeline-06b1bcf2.js","sources":["../../../node_modules/@heroicons/vue/24/solid/esm/CheckIcon.js","../../../app/frontend/components/help-center/custom-tags/ValidationPipeline.vue","../../../app/frontend/assets/documentation/custom-tags/ValidationPipeline.markdoc.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<template>\n  <nav class=\"not-prose\" aria-label=\"Progress\">\n    <ul\n      role=\"list\"\n      :class=\"narrow ? '' : 'flex divide-y-0'\"\n      class=\"divide-y divide-gray-300 rounded-md border border-gray-300\"\n    >\n      <li\n        v-for=\"(step, stepIdx) in steps\"\n        :key=\"step.name\"\n        :class=\"narrow ? '' : 'flex flex-1'\"\n        class=\"relative\"\n      >\n        <div\n          v-if=\"step.status === 'complete'\"\n          class=\"group flex w-full items-center\"\n        >\n          <span class=\"flex items-center px-6 py-4 text-sm font-medium\">\n            <span\n              class=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800\"\n            >\n              <CheckIcon class=\"h-6 w-6 text-white\" aria-hidden=\"true\" />\n            </span>\n            <span class=\"ml-4 text-sm font-medium text-gray-900\">{{\n              step.name\n            }}</span>\n          </span>\n        </div>\n        <div\n          v-else-if=\"step.status === 'current'\"\n          class=\"flex items-center px-6 py-4 text-sm font-medium\"\n          aria-current=\"step\"\n        >\n          <span\n            class=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600\"\n          >\n            <span class=\"text-indigo-600\">{{ step.id }}</span>\n          </span>\n          <span class=\"ml-4 text-sm font-medium text-indigo-600\">{{\n            step.name\n          }}</span>\n        </div>\n        <div v-else class=\"group flex items-center\">\n          <span class=\"flex items-center px-6 py-4 text-sm font-medium\">\n            <span\n              class=\"flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400\"\n            >\n              <span class=\"text-gray-500 group-hover:text-gray-900\">{{\n                step.id\n              }}</span>\n            </span>\n            <span\n              class=\"ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900\"\n              >{{ step.name }}</span\n            >\n          </span>\n        </div>\n        <template v-if=\"stepIdx !== steps.length - 1\">\n          <!-- Arrow separator for lg screens and up -->\n          <div\n            :class=\"narrow ? 'hidden' : 'block'\"\n            class=\"absolute right-0 top-0 h-full w-5\"\n            aria-hidden=\"true\"\n          >\n            <svg\n              class=\"h-full w-full text-gray-300\"\n              viewBox=\"0 0 22 80\"\n              fill=\"none\"\n              preserveAspectRatio=\"none\"\n            >\n              <path\n                d=\"M0 -2L20 40L0 82\"\n                vector-effect=\"non-scaling-stroke\"\n                stroke=\"currentcolor\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </div>\n        </template>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script setup>\nimport { CheckIcon } from \"@heroicons/vue/24/solid\";\nimport { useWorkspaceLayoutStore } from \"@/stores/workspaceLayout\";\nimport { useDocumentationStore } from \"@/stores/documentation\";\nimport { storeToRefs } from \"pinia\";\nimport { computed } from \"vue\";\n\nconst layoutStore = useWorkspaceLayoutStore();\nconst { isDesktop } = storeToRefs(layoutStore);\nconst documentationStore = useDocumentationStore();\nconst { helpViews } = storeToRefs(documentationStore);\n\nconst narrow = computed(() => !isDesktop.value || !helpViews.value);\n\nconst steps = [\n  { id: \"01\", name: \"Stake\", status: \"upcoming\" },\n  { id: \"02\", name: \"Publish\", status: \"upcoming\" },\n  { id: \"03\", name: \"Validate\", status: \"upcoming\" },\n  { id: \"04\", name: \"Deploy\", status: \"upcoming\" },\n];\n</script>\n","import ValidationPipeline from \"@/components/help-center/custom-tags/ValidationPipeline.vue\";\n\nexport const validationPipeline = {\n  render: ValidationPipeline,\n};\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","layoutStore","useWorkspaceLayoutStore","isDesktop","storeToRefs","documentationStore","useDocumentationStore","helpViews","narrow","computed","steps","validationPipeline","ValidationPipeline"],"mappings":"27LAEe,SAASA,EAAOC,EAAMC,EAAQ,CAC3C,OAAQC,EAAU,EAAIC,EAAoB,MAAO,CAC/C,MAAO,6BACP,QAAS,YACT,KAAM,eACN,cAAe,OACf,YAAa,MACjB,EAAK,CACDC,EAAoB,OAAQ,CAC1B,YAAa,UACb,EAAG,kJACH,YAAa,SACnB,CAAK,CACL,CAAG,CACH,2/BC2EA,MAAMC,EAAcC,EAAuB,EACrC,CAAE,UAAAC,CAAW,EAAGC,EAAYH,CAAW,EACvCI,EAAqBC,EAAqB,EAC1C,CAAE,UAAAC,CAAW,EAAGH,EAAYC,CAAkB,EAE9CG,EAASC,EAAS,IAAM,CAACN,EAAU,OAAS,CAACI,EAAU,KAAK,EAE5DG,EAAQ,CACZ,CAAE,GAAI,KAAM,KAAM,QAAS,OAAQ,UAAY,EAC/C,CAAE,GAAI,KAAM,KAAM,UAAW,OAAQ,UAAY,EACjD,CAAE,GAAI,KAAM,KAAM,WAAY,OAAQ,UAAY,EAClD,CAAE,GAAI,KAAM,KAAM,SAAU,OAAQ,UAAY,CAClD,o+BCrGaC,GAAqB,CAChC,OAAQC,CACV","x_google_ignoreList":[0]}