{"version":3,"sources":["webpack:///./src/view/pages/resources/documentation/base/Carousel.vue","webpack:///./src/view/pages/resources/documentation/base/carousel/Overview.vue","webpack:///./src/view/pages/resources/documentation/base/carousel/Overview.vue?a6a6","webpack:///./src/view/pages/resources/documentation/base/carousel/Overview.vue?23d6","webpack:///./src/view/pages/resources/documentation/base/carousel/CustomExample.vue","webpack:///./src/view/pages/resources/documentation/base/carousel/CustomExample.vue?4aee","webpack:///./src/view/pages/resources/documentation/base/carousel/CustomExample.vue?860f","webpack:///./src/view/pages/resources/documentation/base/Carousel.vue?7ec3","webpack:///./src/view/pages/resources/documentation/base/Carousel.vue?44d2","webpack:///./src/core/helpers/breadcrumbs/breadcrumb.ts","webpack:///./src/view/content/highlighters/CodeHighlighter.vue","webpack:///./src/view/content/highlighters/CodeHighlighter.vue?1b19","webpack:///./src/view/content/highlighters/CodeHighlighter.vue?0140"],"names":["class","id","href","themeName","name","components","setup","render","fieldHeight","lang","CodeHighlighter","Overview","CustomExample","setCurrentPageBreadcrumbs","section","title","dispatch","SET_BREADCRUMB_ACTION","setCurrentPageTitle","data-bs-toggle","data-bs-original-title","style","getHeightInPixesls","props","String","Number","height","init","value","highlightAll"],"mappings":"kJAEOA,MAAM,Q,GAEJA,MAAM,0B,2JAFb,yBAQM,MARN,EAQM,CANJ,yBAIM,MAJN,EAIM,CAHJ,yBAAqB,GAErB,yBAA+B,O,yBCL9BA,MAAM,S,EAET,yBAGK,MAHDA,MAAM,wBAAwBC,GAAG,Y,CACnC,yBAAwB,KAArBC,KAAK,c,6BAAgB,gB,MAMrBF,MAAM,Q,+BACa,oB,EACtB,yBAIC,KAHCE,KAAK,yDACLF,MAAM,WACL,sBAAkB,G,+BACpB,oC,EACD,yBAAqC,YAA/B,4BAAwB,G,+BAAO,mC,EACrC,yBAAoC,YAA9B,2BAAuB,G,+BAAO,M,wDAjBxC,yBAoBM,MApBN,EAoBM,CAlBJ,EAOA,yBASM,MATN,EASM,CARJ,yBAAsB,sCAAhB,EAAAG,WAAS,G,EACf,E,EAKA,E,EACA,E,sBCfS,+BAAgB,CAC7BC,KAAM,WACNC,WAAY,GACZC,MAAK,WACH,MAAO,CACLH,UAAS,WCNf,EAAOI,OAAS,EAED,Q,SCHRP,MAAM,S,05DA6FJA,MAAM,Q,iHA7Fb,yBA8JM,MA9JN,EA8JM,CA5JJ,EA2FA,yBA+DM,MA/DN,EA+DM,CA9DJ,yBA6DC,GA7DgBQ,YAAY,MAAMC,KAAK,Q,8BACrC,IA2DE,C,0DA3DA,61DA2DF,K,0BCxJM,+BAAgB,CAC7BL,KAAM,iBACNC,WAAY,CACVK,gBAAe,UCJnB,EAAOH,OAAS,EAED,QCCA,+BAAgB,CAC7BH,KAAM,WACNC,WAAY,CACVM,SAAQ,EACRC,cAAa,GAEfN,MAAK,WACH,wBAAU,WACR,eAAoB,kBCX1B,EAAOC,OAASA,EAED,gB,oCCLf,gGAQaM,EAA4B,SACvCC,EACAC,GAEA,OAAMC,SAAS,OAAQC,sBAAuB,CAC5CH,QAASA,EACTC,MAAOA,KAQEG,EAAsB,SAACH,GAClC,OAAMC,SAAS,OAAQC,sBAAuB,CAC5CF,MAAOA,M,6DCvBJf,MAAM,Q,GACJA,MAAM,a,EACT,yBAOS,UANPA,MAAM,qBACNmB,iBAAe,UACfJ,MAAM,GACNK,yBAAuB,aACxB,UAED,G,GACKpB,MAAM,kB,+BAI0B,gB,+BACpB,c,wDAfrB,yBAmBM,MAnBN,EAmBM,CAlBJ,yBAiBM,MAjBN,EAiBM,CAhBJ,EAQA,yBAOM,MAPN,EAOM,CANJ,yBAKa,OAJVA,MAAK,YAAc,EAAAS,KACnBY,MAAK,QAAY,EAAAC,qB,CACnB,yBAEM,QAFCtB,MAAK,YAAc,EAAAS,M,GACzB,wBAAa,oB,qDCXR,+BAAgB,CAC7BL,KAAM,kBACNmB,MAAO,CACLd,KAAMe,OACNhB,YAAaiB,QAEfnB,MAAK,SAACiB,GACJ,IAAMG,EAAS,iBAAIH,EAAMf,aAEjBmB,EAAS,iBAAkB,KAE7BL,EAAqB,uBAAS,WAClC,OAAOI,EAAOE,MAAQ,QAQxB,OALA,wBAAU,WACR,IAAMC,eACNF,OAGK,CACLL,mBAAkB,IAGtBjB,WAAY,KC1Bd,EAAOE,OAASA,EAED","file":"js/chunk-7578e698.96d884e0.js","sourcesContent":["<template>\n  <!--begin::Card-->\n  <div class=\"card\">\n    <!--begin::Card Body-->\n    <div class=\"card-body p-10 p-lg-15\">\n      <Overview></Overview>\n\n      <CustomExample></CustomExample>\n    </div>\n    <!--end::Card Body-->\n  </div>\n  <!--end::Card-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted } from \"vue\";\nimport { setCurrentPageTitle } from \"@/core/helpers/breadcrumbs/breadcrumb\";\nimport Overview from \"@/view/pages/resources/documentation/base/carousel/Overview.vue\";\nimport CustomExample from \"@/view/pages/resources/documentation/base/carousel/CustomExample.vue\";\n\nexport default defineComponent({\n  name: \"carousel\",\n  components: {\n    Overview,\n    CustomExample\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageTitle(\"Carousel\");\n    });\n  }\n});\n</script>\n","<template>\n  <!--begin::Section-->\n  <div class=\"pb-10\">\n    <!--begin::Heading-->\n    <h1 class=\"anchor fw-bolder mb-5\" id=\"overview\">\n      <a href=\"#overview\"></a>\n      Overview\n    </h1>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      <b>{{ themeName }}</b> customizes the\n      <a\n        href=\"https://getbootstrap.com/docs/5.0/components/carousel/\"\n        class=\"fw-bold\"\n        >Bootstrap Carousel</a\n      >&nbsp; through the SASS variables in\n      <code>src/sass/_variables.scss</code> and adds additonal options in\n      <code>src/sass/_carousel.scss</code>.\n    </div>\n    <!--end::Block-->\n  </div>\n  <!--end::Section-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { themeName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"overview\",\n  components: {},\n  setup() {\n    return {\n      themeName\n    };\n  }\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\nimport { themeName } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"overview\",\n  components: {},\n  setup() {\n    return {\n      themeName\n    };\n  }\n});\n","import { render } from \"./Overview.vue?vue&type=template&id=a1f7c82e\"\nimport script from \"./Overview.vue?vue&type=script&lang=ts\"\nexport * from \"./Overview.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\n  <!--begin::Section-->\n  <div class=\"pt-10\">\n    <!--begin::Heading-->\n    <h1 class=\"anchor fw-bolder mb-5\" id=\"custom\">\n      <a href=\"#custom\"></a>\n      Custom Example\n    </h1>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      Add <code>.carousel-custom</code> to use a customized carousel as shown\n      below:\n    </div>\n    <!--end::Block-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      <div class=\"rounded border p-10\">\n        <div\n          id=\"kt_carousel_1_carousel\"\n          class=\"carousel carousel-custom slide\"\n          data-bs-ride=\"carousel\"\n          data-bs-interval=\"8000\"\n        >\n          <!--begin::Heading-->\n          <div\n            class=\"d-flex align-items-center justify-content-between flex-wrap\"\n          >\n            <!--begin::Label-->\n            <span class=\"fs-4 fw-bolder pe-2\">Projects</span>\n            <!--end::Label-->\n\n            <!--begin::Carousel Indicators-->\n            <ol class=\"p-0 m-0 carousel-indicators carousel-indicators-dots\">\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"0\"\n                class=\"ms-1 active\"\n              ></li>\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"1\"\n                class=\"ms-1\"\n              ></li>\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"2\"\n                class=\"ms-1\"\n              ></li>\n            </ol>\n            <!--end::Carousel Indicators-->\n          </div>\n          <!--end::Heading-->\n\n          <!--begin::Carousel-->\n          <div class=\"carousel-inner pt-8\">\n            <!--begin::Item-->\n            <div class=\"carousel-item active\">\n              Lorem Ipsum is simply dummy text of the printing and typesetting\n              industry. Lorem Ipsum has been the industry's standard dummy text\n              ever since the 1500s, when an unknown printer took a galley of\n              type and scrambled it to make a type specimen book. It has\n              survived not only five centuries, but also the leap into\n              electronic typesetting, remaining essentially unchanged.\n            </div>\n            <!--end::Item-->\n\n            <!--begin::Item-->\n            <div class=\"carousel-item\">\n              Lorem Ipsum is simply dummy text of the printing and typesetting\n              industry. Lorem Ipsum has been the industry's standard dummy text\n              ever since the 1500s, when an unknown printer took a galley of\n              type and scrambled it to make a type specimen book.\n            </div>\n            <!--end::Item-->\n\n            <!--begin::Item-->\n            <div class=\"carousel-item\">\n              Lorem Ipsum has been the industry's standard dummy text ever since\n              the 1500s, when an unknown printer took a galley of type and\n              scrambled it to make a type specimen book. It has survived not\n              only five centuries, but also the leap into electronic\n              typesetting, remaining essentially unchanged.\n            </div>\n            <!--end::Item-->\n          </div>\n          <!--end::Carousel-->\n        </div>\n      </div>\n    </div>\n    <!--end::Block-->\n\n    <!--begin::Code-->\n    <div class=\"py-5\">\n      <CodeHighlighter fieldHeight=\"400\" lang=\"html\"\n        >{{`\n        <div\n          id=\"kt_carousel_1_carousel\"\n          class=\"carousel carousel-custom slide\"\n          data-bs-ride=\"carousel\"\n          data-bs-interval=\"8000\"\n        >\n          <!--begin::Heading-->\n          <div\n            class=\"d-flex align-items-center justify-content-between flex-wrap\"\n          >\n            <!--begin::Label-->\n            <span class=\"fs-4 fw-bolder pe-2\">Projects</span>\n            <!--end::Label-->\n\n            <!--begin::Carousel Indicators-->\n            <ol class=\"p-0 m-0 carousel-indicators carousel-indicators-dots\">\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"0\"\n                class=\"ms-1 active\"\n              ></li>\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"1\"\n                class=\"ms-1\"\n              ></li>\n              <li\n                data-bs-target=\"#kt_carousel_1_carousel\"\n                data-bs-slide-to=\"2\"\n                class=\"ms-1\"\n              ></li>\n            </ol>\n            <!--end::Carousel Indicators-->\n          </div>\n          <!--end::Heading-->\n\n          <!--begin::Carousel-->\n          <div class=\"carousel-inner pt-8\">\n            <!--begin::Item-->\n            <div class=\"carousel-item active\">\n              ...\n            </div>\n            <!--end::Item-->\n\n            <!--begin::Item-->\n            <div class=\"carousel-item\">\n              ...\n            </div>\n            <!--end::Item-->\n\n            <!--begin::Item-->\n            <div class=\"carousel-item\">\n              ...\n            </div>\n            <!--end::Item-->\n          </div>\n          <!--end::Carousel-->\n        </div>\n        `}}</CodeHighlighter\n      >\n    </div>\n    <!--end::Code-->\n  </div>\n  <!--end::Section-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport CodeHighlighter from \"@/view/content/highlighters/CodeHighlighter.vue\";\n\nexport default defineComponent({\n  name: \"custom-example\",\n  components: {\n    CodeHighlighter\n  }\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\nimport CodeHighlighter from \"@/view/content/highlighters/CodeHighlighter.vue\";\n\nexport default defineComponent({\n  name: \"custom-example\",\n  components: {\n    CodeHighlighter\n  }\n});\n","import { render } from \"./CustomExample.vue?vue&type=template&id=759921c3\"\nimport script from \"./CustomExample.vue?vue&type=script&lang=ts\"\nexport * from \"./CustomExample.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\nimport { defineComponent, onMounted } from \"vue\";\nimport { setCurrentPageTitle } from \"@/core/helpers/breadcrumbs/breadcrumb\";\nimport Overview from \"@/view/pages/resources/documentation/base/carousel/Overview.vue\";\nimport CustomExample from \"@/view/pages/resources/documentation/base/carousel/CustomExample.vue\";\n\nexport default defineComponent({\n  name: \"carousel\",\n  components: {\n    Overview,\n    CustomExample\n  },\n  setup() {\n    onMounted(() => {\n      setCurrentPageTitle(\"Carousel\");\n    });\n  }\n});\n","import { render } from \"./Carousel.vue?vue&type=template&id=2be476cc\"\nimport script from \"./Carousel.vue?vue&type=script&lang=ts\"\nexport * from \"./Carousel.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/store.enums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} section Current page section name\n * @param {string} title Current page title name\n */\nexport const setCurrentPageBreadcrumbs = (\n  section: string,\n  title: string\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    section: section,\n    title: title\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","<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=9d0e1ad0\"\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"],"sourceRoot":""}