{"version":3,"sources":["webpack:///./src/components/highlighters/CodeHighlighter.vue","webpack:///./src/components/highlighters/CodeHighlighter.vue?bb79","webpack:///./src/components/highlighters/CodeHighlighter.vue?97eb","webpack:///./src/views/documentation/get-started/Build.vue","webpack:///./src/components/sections/Notice.vue","webpack:///./src/components/sections/Notice.vue?ac64","webpack:///./src/components/sections/Notice.vue?a574","webpack:///./src/views/documentation/get-started/Build.vue?73f8","webpack:///./src/views/documentation/get-started/Build.vue?bc0a","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","data-bs-toggle","title","data-bs-original-title","lang","style","getHeightInPixesls","name","props","String","fieldHeight","Number","setup","height","init","value","highlightAll","components","render","href","id","to","appName","toLowerCase","src","CodeHighlighter","Notice","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-74c55720.246995fd.js","sourcesContent":["<template>\n  <div class=\"py-5\">\n    <div class=\"highlight\">\n      <button\n        class=\"highlight-copy btn\"\n        data-bs-toggle=\"tooltip\"\n        title=\"\"\n        data-bs-original-title=\"Copy code\"\n      >\n        copy\n      </button>\n      <div class=\"highlight-code\">\n        <pre\n          :class=\"`language-${lang}`\"\n          :style=\"{ height: getHeightInPixesls }\"\n        ><code :class=\"`language-${lang}`\">\n          <slot></slot>\n        </code></pre>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from \"vue\";\nimport { useCopyClipboard } from \"@/core/helpers/documentation\";\nimport Prism from \"prismjs\";\n\nexport default defineComponent({\n  name: \"CodeHighlighter\",\n  props: {\n    lang: String,\n    fieldHeight: Number,\n  },\n  setup(props) {\n    const height = ref(props.fieldHeight);\n\n    const { init } = useCopyClipboard();\n\n    const getHeightInPixesls = computed(() => {\n      return height.value + \"px\";\n    });\n\n    onMounted(() => {\n      Prism.highlightAll();\n      init();\n    });\n\n    return {\n      getHeightInPixesls,\n    };\n  },\n  components: {},\n});\n</script>\n","\nimport { defineComponent, computed, ref, onMounted } from \"vue\";\nimport { useCopyClipboard } from \"@/core/helpers/documentation\";\nimport Prism from \"prismjs\";\n\nexport default defineComponent({\n  name: \"CodeHighlighter\",\n  props: {\n    lang: String,\n    fieldHeight: Number,\n  },\n  setup(props) {\n    const height = ref(props.fieldHeight);\n\n    const { init } = useCopyClipboard();\n\n    const getHeightInPixesls = computed(() => {\n      return height.value + \"px\";\n    });\n\n    onMounted(() => {\n      Prism.highlightAll();\n      init();\n    });\n\n    return {\n      getHeightInPixesls,\n    };\n  },\n  components: {},\n});\n","import { render } from \"./CodeHighlighter.vue?vue&type=template&id=04d89187\"\nimport script from \"./CodeHighlighter.vue?vue&type=script&lang=ts\"\nexport * from \"./CodeHighlighter.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\n  <!--begin::Card-->\n  <div class=\"card\">\n    <!--begin::Card Body-->\n    <div class=\"card-body fs-6 py-15 px-10 py-lg-15 px-lg-15 text-gray-700\">\n      <Notice>\n        <a href=\"https://docs.npmjs.com/about-npm\">NPM</a> is the recommended\n        installation method when building large scale applications with Vue. It\n        pairs nicely with module bundlers such as Webpack or Browserify. Vue\n        also provides accompanying tools for authoring Single File Components.\n      </Notice>\n      <!--begin::Section-->\n      <div class=\"py-10\">\n        <!--begin::Heading-->\n        <h1 class=\"anchor fw-bolder mb-5\" id=\"overview\">\n          <router-link to=\"/build#quick_start\"></router-link>\n          Quick Start\n        </h1>\n        <!--end::Heading-->\n\n        <!--begin::Block-->\n        <ol class=\"py-5\">\n          <li class=\"pt-0\">\n            Start a command prompt window or terminal and change directory to\n            <code>[unpacked path]/themes/{{ appName.toLowerCase() }}/vue/</code\n            >.\n          </li>\n          <div class=\"pb-5\">\n            <CodeHighlighter lang=\"bash\">{{\n              `cd themes/` + appName.toLowerCase() + `/vue`\n            }}</CodeHighlighter>\n          </div>\n          <li class=\"pt-0\">\n            Install the Vue local project dependencies by executing\n            <code>npm install</code>\n            command. This command will install the dependencies in the local\n            <code>node_modules</code> folder. By default,\n            <code>npm install</code> will install all modules listed as\n            dependencies in <code>package.json</code>.\n          </li>\n          <div class=\"pb-5\">\n            <CodeHighlighter lang=\"bash\">{{ `npm install` }}</CodeHighlighter>\n          </div>\n          <div class=\"pb-5\">\n            Execute <code>npm run serve</code> command to launch the server,\n            watches your files, and rebuilds the app as you make changes to\n            those files. Open your browser on\n            <a href=\"http://localhost:8080/\">http://localhost:8080/</a>.\n          </div>\n          <div class=\"pb-5\">\n            <CodeHighlighter lang=\"bash\">{{ `npm run serve` }}</CodeHighlighter>\n          </div>\n          <div class=\"pb-5\">\n            This command will take some time to finsh. Please wait for it to\n            complete.\n          </div>\n        </ol>\n        <div class=\"pb-5\">\n          For more detailed information to install the Vue application, visit\n          this official Vue\n          <a href=\"https://v3.vuejs.org/guide/installation.html#installation\"\n            >documentation website</a\n          >.\n        </div>\n        <!--end::Block-->\n      </div>\n      <!--end::Section-->\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted } from \"vue\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport CodeHighlighter from \"@/components/highlighters/CodeHighlighter.vue\";\nimport Notice from \"@/components/sections/Notice.vue\";\nimport { appName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"build\",\n  components: {\n    CodeHighlighter,\n    Notice,\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageBreadcrumbs(\"Build\", [\"Getting Started\"]);\n    });\n\n    return {\n      appName,\n    };\n  },\n});\n</script>\n","<template>\n  <!--begin::Information-->\n  <div class=\"d-flex align-items-center rounded py-4 px-4 bg-light-info\">\n    <!--begin::Icon-->\n    <div\n      class=\"\n        d-flex\n        h-80px\n        w-80px\n        flex-shrink-0 flex-center\n        position-relative\n        ms-5\n        me-8\n      \"\n    >\n      <span class=\"svg-icon position-absolute opacity-5\">\n        <inline-svg\n          class=\"w-80px h-80px\"\n          src=\"media/icons/duotune/abstract/abs051.svg\"\n        />\n      </span>\n      <span class=\"svg-icon svg-icon-3x svg-icon-info position-absolute\">\n        <inline-svg src=\"media/icons/duotune/art/art006.svg\" />\n      </span>\n    </div>\n    <!--end::Icon-->\n    <!--begin::Description-->\n    <div class=\"text-gray-600 fw-bold fs-5\"><slot></slot></div>\n    <!--end::Description-->\n  </div>\n  <!--end::Information-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"Notice\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"Notice\",\n  components: {},\n});\n","import { render } from \"./Notice.vue?vue&type=template&id=52cc2168\"\nimport script from \"./Notice.vue?vue&type=script&lang=ts\"\nexport * from \"./Notice.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\nimport { defineComponent, onMounted } from \"vue\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport CodeHighlighter from \"@/components/highlighters/CodeHighlighter.vue\";\nimport Notice from \"@/components/sections/Notice.vue\";\nimport { appName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"build\",\n  components: {\n    CodeHighlighter,\n    Notice,\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageBreadcrumbs(\"Build\", [\"Getting Started\"]);\n    });\n\n    return {\n      appName,\n    };\n  },\n});\n","import { render } from \"./Build.vue?vue&type=template&id=60a72219\"\nimport script from \"./Build.vue?vue&type=script&lang=ts\"\nexport * from \"./Build.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} pageTitle Current page title\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\n */\nexport const setCurrentPageBreadcrumbs = (\n  pageTitle: string,\n  breadcrumbs: Array<string>\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: pageTitle,\n    pageBreadcrumbPath: breadcrumbs,\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title,\n  });\n};\n"],"sourceRoot":""}