{"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/SetupThemeSkeleton.vue","webpack:///./src/views/documentation/get-started/SetupThemeSkeleton.vue?6770","webpack:///./src/views/documentation/get-started/SetupThemeSkeleton.vue?a23d","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","id","to","appName","src","CodeHighlighter","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-4c4f8d60.d44b27aa.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      <!--begin::Section-->\n      <div class=\"py-5\">\n        <!--begin::Heading-->\n        <h1 class=\"anchor fw-bolder mb-5\" id=\"setup_skeleton\">\n          <router-link to=\"#setup_skeleton\"></router-link>\n          Setup skeleton\n        </h1>\n        <!--end::Heading-->\n\n        <!--begin::Block-->\n        <div class=\"py-5\">\n          To get started with theme skeleton you should change router path to\n          new path for clean router file, which is already added inside\n          <code>src/router</code> folder. Change router path inside file main.js\n          to the following path:\n        </div>\n        <!--end::Block-->\n\n        <div class=\"pb-5\">\n          <CodeHighlighter lang=\"javascript\">{{\n            `import router from \"@/router/clean.ts\";`\n          }}</CodeHighlighter>\n        </div>\n\n        <!--begin::Block-->\n        <div class=\"py-5\">\n          Second thing what you need to change is our menus, in {{ appName }} we\n          have two types of menu in header and aside bar.\n        </div>\n        <!--end::Block-->\n\n        <div class=\"py-5\">\n          <!--begin::Information-->\n          <div\n            class=\"d-flex align-items-center rounded py-5 px-5 bg-light-info\"\n          >\n            <span class=\"svg-icon svg-icon-3x svg-icon-info me-5\">\n              <inline-svg src=\"media/icons/duotune/general/gen044.svg\" />\n            </span>\n            <div class=\"text-gray-600 fw-bold fs-5\">\n              Main menu is generated from the file\n              <code>src/core/config/MainMenuConfig.ts</code>. Header menu is\n              generated inside\n              <code>src/layout/header/Menu.vue</code>\n              and the aside menu is generated inside\n              <code>src/layout/aside/Menu.vue</code>.\n            </div>\n            <!--end::Description-->\n          </div>\n          <!--end::Information-->\n        </div>\n\n        <div class=\"py-5\">\n          To get started with clean menu, you can update menu config path in\n          both <code>Menu.vue</code> files from\n          <code>src/core/config/MainMenuConfig.ts</code>\n          to the following code:\n        </div>\n\n        <div class=\"pb-5\">\n          <CodeHighlighter lang=\"javascript\">{{\n            `import MainMenuConfig from \"@/core/config/CleanMainMenuConfig\";`\n          }}</CodeHighlighter>\n        </div>\n\n        <!--begin::Block-->\n        <div class=\"py-5\">\n          Now you can delete unneeded page view files from folder\n          <code>src/views</code>\n        </div>\n        <!--end::Block-->\n      </div>\n      <!--end::Section-->\n\n      <!--begin::Section-->\n      <div class=\"py-5\">\n        <!--begin::Heading-->\n        <h1 class=\"anchor fw-bolder mb-5\" id=\"setup_api\">\n          <router-link to=\"#setup_api\"></router-link>\n          Setup API\n        </h1>\n        <!--end::Heading-->\n\n        <!--begin::Block-->\n        <div class=\"py-5\">\n          In theme we are using axios-adapter to make http requests. In the real\n          app requests will be send to real server api so you can remove\n          MockService initialization from the file <code>main.ts</code>.\n        </div>\n        <!--end::Block-->\n\n        <div class=\"pb-5\">\n          <CodeHighlighter lang=\"javascript\">{{\n            `MockAdapter.init(app);`\n          }}</CodeHighlighter>\n        </div>\n\n        <!--begin::Block-->\n        <div class=\"py-5\">\n          And change baseURL property of axios to your api url in file\n          <code>src/core/services/ApiService.ts</code>.\n        </div>\n        <!--end::Block-->\n\n        <div class=\"pb-5\">\n          <CodeHighlighter lang=\"javascript\">{{\n            `ApiService.vueInstance.axios.defaults.baseURL = \"http://your-url\";`\n          }}</CodeHighlighter>\n        </div>\n      </div>\n      <!--end::Section-->\n    </div>\n    <!--end::Card Body-->\n  </div>\n  <!--begin::Card-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted } from \"vue\";\nimport CodeHighlighter from \"@/components/highlighters/CodeHighlighter.vue\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport { appName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"setup-theme-skeleton\",\n  components: {\n    CodeHighlighter,\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageBreadcrumbs(\"Setup theme skeleton\", [\"Getting Started\"]);\n    });\n\n    return {\n      appName,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, onMounted } from \"vue\";\nimport CodeHighlighter from \"@/components/highlighters/CodeHighlighter.vue\";\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\nimport { appName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"setup-theme-skeleton\",\n  components: {\n    CodeHighlighter,\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageBreadcrumbs(\"Setup theme skeleton\", [\"Getting Started\"]);\n    });\n\n    return {\n      appName,\n    };\n  },\n});\n","import { render } from \"./SetupThemeSkeleton.vue?vue&type=template&id=066d3180\"\nimport script from \"./SetupThemeSkeleton.vue?vue&type=script&lang=ts\"\nexport * from \"./SetupThemeSkeleton.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":""}