{"version":3,"sources":["webpack:///./src/components/modals/wizards/CreateAppModal.vue?ff1b","webpack:///./src/layout/Layout.vue","webpack:///./src/layout/aside/Aside.vue","webpack:///./src/layout/aside/Menu.vue","webpack:///./src/core/helpers/documentation.ts","webpack:///./src/core/helpers/config.ts","webpack:///./src/core/config/MainMenuConfig.ts","webpack:///./src/layout/aside/Menu.vue?5908","webpack:///./src/layout/aside/Menu.vue?7a81","webpack:///./src/layout/aside/Aside.vue?0651","webpack:///./src/layout/aside/Aside.vue?3e8f","webpack:///./src/layout/header/Header.vue","webpack:///./src/layout/header/Topbar.vue","webpack:///./src/layout/header/Topbar.vue?19a2","webpack:///./src/layout/header/Topbar.vue?c59a","webpack:///./src/layout/header/Header.vue?6bfb","webpack:///./src/layout/header/Header.vue?badc","webpack:///./src/layout/footer/Footer.vue","webpack:///./src/layout/footer/Footer.vue?c639","webpack:///./src/layout/footer/Footer.vue?e5df","webpack:///./src/core/services/LayoutService.ts","webpack:///./src/layout/toolbar/Toolbar.vue","webpack:///./src/layout/toolbar/Toolbar.vue?437a","webpack:///./src/layout/toolbar/Toolbar.vue?7bb8","webpack:///./src/layout/toolbar/MobilePageTitle.vue","webpack:///./src/layout/toolbar/MobilePageTitle.vue?997d","webpack:///./src/layout/toolbar/MobilePageTitle.vue?3736","webpack:///./src/layout/extras/ScrollTop.vue","webpack:///./src/layout/extras/ScrollTop.vue?62c5","webpack:///./src/layout/extras/ScrollTop.vue?e8d0","webpack:///./src/layout/header/partials/ActivityDrawer.vue","webpack:///./src/layout/header/partials/activity-timeline/Item1.vue","webpack:///./src/layout/header/partials/activity-timeline/Item1.vue?ae00","webpack:///./src/layout/header/partials/activity-timeline/Item1.vue?10e2","webpack:///./src/layout/header/partials/activity-timeline/Item2.vue","webpack:///./src/layout/header/partials/activity-timeline/Item2.vue?b8ac","webpack:///./src/layout/header/partials/activity-timeline/Item2.vue?64d0","webpack:///./src/layout/header/partials/activity-timeline/Item3.vue","webpack:///./src/layout/header/partials/activity-timeline/Item3.vue?0a30","webpack:///./src/layout/header/partials/activity-timeline/Item3.vue?8210","webpack:///./src/layout/header/partials/activity-timeline/Item4.vue","webpack:///./src/layout/header/partials/activity-timeline/Item4.vue?835f","webpack:///./src/layout/header/partials/activity-timeline/Item4.vue?23a3","webpack:///./src/layout/header/partials/activity-timeline/Item5.vue","webpack:///./src/layout/header/partials/activity-timeline/Item5.vue?4bbe","webpack:///./src/layout/header/partials/activity-timeline/Item5.vue?d640","webpack:///./src/layout/header/partials/activity-timeline/Item6.vue","webpack:///./src/layout/header/partials/activity-timeline/Item6.vue?40d7","webpack:///./src/layout/header/partials/activity-timeline/Item6.vue?9720","webpack:///./src/layout/header/partials/activity-timeline/Item7.vue","webpack:///./src/layout/header/partials/activity-timeline/Item7.vue?7a5b","webpack:///./src/layout/header/partials/activity-timeline/Item7.vue?c35f","webpack:///./src/layout/header/partials/activity-timeline/Item8.vue","webpack:///./src/layout/header/partials/activity-timeline/Item8.vue?969e","webpack:///./src/layout/header/partials/activity-timeline/Item8.vue?79d9","webpack:///./src/layout/header/partials/ActivityDrawer.vue?cd50","webpack:///./src/layout/header/partials/ActivityDrawer.vue?25ad","webpack:///./src/components/Loader.vue","webpack:///./src/components/Loader.vue?6ce2","webpack:///./src/components/Loader.vue?c332","webpack:///./src/components/modals/wizards/CreateAppModal.vue","webpack:///./src/components/modals/wizards/CreateAppModal.vue?31e1","webpack:///./src/components/modals/wizards/CreateAppModal.vue?6974","webpack:///./src/layout/extras/DrawerMessenger.vue","webpack:///./src/components/messenger-parts/MessageIn.vue","webpack:///./src/components/messenger-parts/MessageIn.vue?aefe","webpack:///./src/components/messenger-parts/MessageIn.vue?d232","webpack:///./src/components/messenger-parts/MessageOut.vue","webpack:///./src/components/messenger-parts/MessageOut.vue?8848","webpack:///./src/components/messenger-parts/MessageOut.vue?e1cb","webpack:///./src/components/dropdown/Dropdown4.vue","webpack:///./src/components/dropdown/Dropdown4.vue?2f57","webpack:///./src/components/dropdown/Dropdown4.vue?1bdb","webpack:///./src/layout/extras/DrawerMessenger.vue?99c3","webpack:///./src/layout/extras/DrawerMessenger.vue?e246","webpack:///./src/core/helpers/dom.ts","webpack:///./src/layout/Layout.vue?3006","webpack:///./src/layout/Layout.vue?5465","webpack:///./node_modules/clipboard/dist/clipboard.js","webpack:///./src/layout/aside/Menu.vue?5904"],"names":["class","id","logo","loaderLogo","lightLogo","themeLightLogo","darkLogo","themeDarkLogo","title","pageTitle","breadcrumbs","Component","include","href","data-kt-drawer","data-kt-drawer-name","data-kt-drawer-activate","data-kt-drawer-overlay","data-kt-drawer-width","data-kt-drawer-direction","data-kt-drawer-toggle","asideTheme","alt","src","style","data-kt-toggle","data-kt-toggle-state","data-kt-toggle-target","data-kt-toggle-name","ref","data-kt-scroll","data-kt-scroll-activate","data-kt-scroll-dependencies","data-kt-scroll-height","data-kt-scroll-offset","data-kt-scroll-wrappers","data-kt-menu","MainMenuConfig","item","i","translate","heading","pages","menuItem","j","permission","includes","user","role","to","route","isActive","isExactActive","reloadStudentListPage","svgIcon","fontIcon","asideMenuIcons","sectionTitle","hasActiveChildren","data-kt-menu-sub","data-kt-menu-trigger","sub","item2","k","navigate","item3","getters","layoutConfig","version","config","footerWidthFluid","headerWidthFluid","headerLeft","asideDisplay","toolbarDisplay","loaderEnabled","contentWidthFluid","asideEnabled","subheaderDisplay","DocMenuConfig","name","components","store","t","te","scrollElRef","currentUser","reinitialization","MenuComponent","value","scrollTop","text","match","path","indexOf","window","location","assign","resolve","render","KTMenu","props","String","bootstrap","signOut","router","dispatch","LOGOUT","then","push","KTTopbar","Date","getFullYear","target","initLayout","initHeader","initToolbar","initAside","initFooter","ADD_BODY_ATTRIBUTE","qulifiedName","get","ADD_BODY_CLASSNAME","index","Array","data-kt-swapper","data-kt-scrolltop","data-kt-drawer-close","type","Item1","Item2","Item3","Item4","Item5","Item6","Item7","Item8","loaderType","tabindex","aria-hidden","data-bs-dismiss","data-kt-stepper-element","novalidate","handleStep","data-bs-toggle","placeholder","checked","as","key","label","minlength","maxlength","data-kt-stepper-action","previousStep","currentStepIndex","totalSteps","formSubmit","Field","ErrorMessage","_stepperObj","createAppRef","formData","appName","category","framework","dbName","dbType","nameOnCard","cardNumber","cardExpiryMonth","cardExpiryYear","cardCvv","saveCard","createInsance","createAppSchema","required","currentSchema","totatStepsNumber","resetForm","handleSubmit","validationSchema","goPrev","values","goNext","fire","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","reload","__scopeId","data-kt-element","data-kt-menu-placement","data-kt-menu-flip","messages","image","time","addNewMessage","newMessageText","MessageIn","MessageOut","Dropdown4","messagesRef","messagesInRef","messagesOutRef","setTimeout","scrollHeight","getInstance","update","removeModalBackdrop","document","querySelectorAll","length","forEach","remove","KTAside","KTHeader","KTFooter","KTToolbar","KTScrollTop","KTCreateApp","KTUserMenu","KTDrawerMessenger","KTLoader","KTMobilePageTitle","init","pageBreadcrumbPath","isUserAuthenticated","updateAll","REMOVE_BODY_CLASSNAME","hideDropdowns","undefined","hideAll","root","factory","module","exports","this","__webpack_modules__","134","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","clipboard","tiny_emitter","tiny_emitter_default","n","listen","listen_default","src_select","select_default","_typeof","obj","Symbol","iterator","constructor","prototype","_classCallCheck","instance","Constructor","TypeError","_defineProperties","descriptor","enumerable","configurable","writable","Object","defineProperty","_createClass","protoProps","staticProps","ClipboardAction","options","resolveOptions","initSelection","arguments","action","container","emitter","trigger","selectedText","selectFake","selectTarget","isRTL","documentElement","getAttribute","fakeElem","createElement","fontSize","border","padding","margin","position","yPosition","pageYOffset","top","concat","setAttribute","_this","createFakeElement","fakeHandlerCallback","removeFake","fakeHandler","addEventListener","appendChild","copyText","removeEventListener","removeChild","succeeded","execCommand","err","handleResult","emit","clearSelection","bind","focus","activeElement","blur","getSelection","removeAllRanges","set","_action","Error","nodeType","hasAttribute","_target","clipboard_action","clipboard_typeof","clipboard_classCallCheck","clipboard_defineProperties","clipboard_createClass","_inherits","subClass","superClass","create","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","Reflect","construct","apply","_possibleConstructorReturn","self","call","_assertThisInitialized","ReferenceError","sham","Proxy","toString","e","getPrototypeOf","getAttributeValue","suffix","element","attribute","Clipboard","_Emitter","_super","listenClick","defaultAction","defaultTarget","defaultText","body","_this2","listener","onClick","delegateTarget","currentTarget","clipboardAction","selector","querySelector","destroy","actions","support","queryCommandSupported","828","DOCUMENT_NODE_TYPE","Element","matches","proto","matchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector","webkitMatchesSelector","closest","parentNode","438","__unused_webpack_exports","_delegate","callback","useCapture","listenerFn","delegate","elements","map","879","node","HTMLElement","nodeList","string","fn","370","is","listenNode","listenNodeList","listenSelector","817","select","nodeName","isReadOnly","setSelectionRange","removeAttribute","selection","range","createRange","selectNodeContents","addRange","279","E","on","ctx","once","off","_","data","slice","evtArr","len","evts","liveEvents","TinyEmitter","__webpack_module_cache__","moduleId","getter","__esModule","a","definition","prop","hasOwnProperty","default"],"mappings":"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","file":"js/chunk-796ea8ea.b6e04ab6.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./CreateAppModal.vue?vue&type=style&index=0&id=3ca9bce3&lang=scss&scoped=true\"","<template>\r\n  <KTLoader v-if=\"loaderEnabled\" :logo=\"loaderLogo\"></KTLoader>\r\n\r\n  <!-- begin:: Body -->\r\n  <div class=\"page d-flex flex-row flex-column-fluid\">\r\n    <!-- begin:: Aside Left -->\r\n    <KTAside\r\n      v-if=\"asideEnabled\"\r\n      :lightLogo=\"themeLightLogo\"\r\n      :darkLogo=\"themeDarkLogo\"\r\n    ></KTAside>\r\n    <!-- end:: Aside Left -->\r\n\r\n    <div id=\"kt_wrapper\" class=\"d-flex flex-column flex-row-fluid wrapper\">\r\n      <KTHeader :title=\"pageTitle\"></KTHeader>\r\n\r\n      <!-- begin:: Content -->\r\n      <div id=\"kt_content\" class=\"content d-flex flex-column flex-column-fluid\">\r\n        <!-- begin:: Content Head -->\r\n        <KTToolbar\r\n          v-if=\"subheaderDisplay\"\r\n          :breadcrumbs=\"breadcrumbs\"\r\n          :title=\"pageTitle\"\r\n        />\r\n        <!-- end:: Content Head -->\r\n\r\n        <!-- begin:: Content Body -->\r\n        <div class=\"post d-flex flex-column-fluid\">\r\n          <div\r\n            :class=\"{\r\n              'container-fluid': contentWidthFluid,\r\n              container: !contentWidthFluid,\r\n            }\"\r\n          >\r\n            <KTMobilePageTitle\r\n              v-if=\"subheaderDisplay\"\r\n              :breadcrumbs=\"breadcrumbs\"\r\n              :title=\"pageTitle\"\r\n            />\r\n            <router-view  v-slot=\"{ Component }\" >\r\n              <keep-alive include=\"student-list\">\r\n                <component :is=\"Component\"/>\r\n              </keep-alive>\r\n            </router-view >\r\n          </div>\r\n        </div>\r\n        <!-- end:: Content Body -->\r\n      </div>\r\n      <!-- end:: Content -->\r\n      <KTFooter></KTFooter>\r\n    </div>\r\n  </div>\r\n  <!-- end:: Body -->\r\n  <KTScrollTop></KTScrollTop>\r\n  <KTDrawerMessenger></KTDrawerMessenger>\r\n  <KTUserMenu></KTUserMenu>\r\n  <KTCreateApp></KTCreateApp>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, computed, onMounted, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport KTAside from \"@/layout/aside/Aside.vue\";\r\nimport KTHeader from \"@/layout/header/Header.vue\";\r\nimport KTFooter from \"@/layout/footer/Footer.vue\";\r\nimport HtmlClass from \"@/core/services/LayoutService\";\r\nimport KTToolbar from \"@/layout/toolbar/Toolbar.vue\";\r\nimport KTMobilePageTitle from \"@/layout/toolbar/MobilePageTitle.vue\";\r\nimport KTScrollTop from \"@/layout/extras/ScrollTop.vue\";\r\nimport KTUserMenu from \"@/layout/header/partials/ActivityDrawer.vue\";\r\nimport KTLoader from \"@/components/Loader.vue\";\r\nimport KTCreateApp from \"@/components/modals/wizards/CreateAppModal.vue\";\r\nimport KTDrawerMessenger from \"@/layout/extras/DrawerMessenger.vue\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport {\r\n  MenuComponent,\r\n  DrawerComponent,\r\n  ScrollComponent,\r\n} from \"@/assets/ts/components/index\";\r\nimport { removeModalBackdrop } from \"@/core/helpers/dom\";\r\nimport {\r\n  toolbarDisplay,\r\n  loaderEnabled,\r\n  contentWidthFluid,\r\n  loaderLogo,\r\n  asideEnabled,\r\n  subheaderDisplay,\r\n  themeLightLogo,\r\n  themeDarkLogo,\r\n} from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"Layout\",\r\n  components: {\r\n    KTAside,\r\n    KTHeader,\r\n    KTFooter,\r\n    KTToolbar,\r\n    KTScrollTop,\r\n    KTCreateApp,\r\n    KTUserMenu,\r\n    KTDrawerMessenger,\r\n    KTLoader,\r\n    KTMobilePageTitle,\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // show page loading\r\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\r\n\r\n    // initialize html element classes\r\n    HtmlClass.init();\r\n\r\n    const pageTitle = computed(() => {\r\n      return store.getters.pageTitle;\r\n    });\r\n\r\n    const breadcrumbs = computed(() => {\r\n      return store.getters.pageBreadcrumbPath;\r\n    });\r\n\r\n    onMounted(() => {\r\n      //check if current user is authenticated\r\n      if (!store.getters.isUserAuthenticated) {\r\n        router.push({ name: \"sign-in\" });\r\n      }\r\n\r\n      DrawerComponent.bootstrap();\r\n      ScrollComponent.bootstrap();\r\n      DrawerComponent.updateAll();\r\n      ScrollComponent.updateAll();\r\n\r\n      // Simulate the delay page loading\r\n      setTimeout(() => {\r\n        // Remove page loader after some time\r\n        store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"page-loading\");\r\n      }, 500);\r\n    });\r\n\r\n    watch(\r\n      () => route.path,\r\n      () => {\r\n        MenuComponent.hideDropdowns(undefined);\r\n\r\n        DrawerComponent.hideAll();\r\n\r\n        // check if current user is authenticated\r\n        if (!store.getters.isUserAuthenticated) {\r\n          router.push({ name: \"sign-in\" });\r\n        }\r\n\r\n        removeModalBackdrop();\r\n      }\r\n    );\r\n\r\n    return {\r\n      toolbarDisplay,\r\n      loaderEnabled,\r\n      contentWidthFluid,\r\n      loaderLogo,\r\n      asideEnabled,\r\n      subheaderDisplay,\r\n      pageTitle,\r\n      breadcrumbs,\r\n      themeLightLogo,\r\n      themeDarkLogo,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","<template>\r\n  <!--begin::Aside-->\r\n  <div\r\n    id=\"kt_aside\"\r\n    class=\"aside aside-hoverable\"\r\n    :class=\"[\r\n      asideTheme === 'light' && 'aside-light',\r\n      asideTheme === 'dark' && 'aside-dark',\r\n    ]\"\r\n    data-kt-drawer=\"true\"\r\n    data-kt-drawer-name=\"aside\"\r\n    data-kt-drawer-activate=\"{default: true, lg: false}\"\r\n    data-kt-drawer-overlay=\"true\"\r\n    data-kt-drawer-width=\"{default:'200px', '300px': '250px'}\"\r\n    data-kt-drawer-direction=\"start\"\r\n    data-kt-drawer-toggle=\"#kt_aside_mobile_toggle\"\r\n  >\r\n    <!--begin::Brand-->\r\n    <div class=\"aside-logo flex-column-auto\" id=\"kt_aside_logo\">\r\n      <!--begin::Logo-->\r\n      <a href=\"#\" v-if=\"asideTheme === 'dark'\">\r\n        <img alt=\"Logo\" :src=\"darkLogo\" class=\"h-25px logo\" />\r\n      </a>\r\n      <a href=\"/dashboard\" v-if=\"asideTheme === 'light'\">\r\n        <img alt=\"Logo\" :src=\"lightLogo\" class=\"logo\" style=\"height:40px\"/>\r\n      </a>\r\n      <!--end::Logo-->\r\n\r\n      <!--begin::Aside toggler-->\r\n      <div\r\n        id=\"kt_aside_toggle\"\r\n        class=\"btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle\"\r\n        data-kt-toggle=\"true\"\r\n        data-kt-toggle-state=\"active\"\r\n        data-kt-toggle-target=\"body\"\r\n        data-kt-toggle-name=\"aside-minimize\"\r\n      >\r\n        <span class=\"svg-icon svg-icon-1 rotate-180\">\r\n          <img src=\"/media/icons/duotune/arrows/arr080.svg\" />\r\n        </span>\r\n      </div>\r\n      <!--end::Aside toggler-->\r\n    </div>\r\n    <!--end::Brand-->\r\n\r\n    <!--begin::Aside menu-->\r\n    <div class=\"aside-menu flex-column-fluid\">\r\n      <KTMenu></KTMenu>\r\n    </div>\r\n    <!--end::Aside menu-->\r\n  </div>\r\n  <!--end::Aside-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, onUpdated } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { ToggleComponent } from \"@/assets/ts/components/_ToggleComponent\";\r\nimport KTMenu from \"@/layout/aside/Menu.vue\";\r\nimport { asideTheme } from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTAside\",\r\n  components: {\r\n    KTMenu,\r\n  },\r\n  props: {\r\n    lightLogo: String,\r\n    darkLogo: String,\r\n  },\r\n  setup() {\r\n    const { t } = useI18n();\r\n\r\n    onMounted(() => {\r\n      ToggleComponent.reinitialization();\r\n    });\r\n\r\n    onUpdated(() => {\r\n      ToggleComponent.bootstrap();\r\n    });\r\n\r\n    return {\r\n      asideTheme,\r\n      t,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","<template>\r\n  <!--begin::Menu wrapper-->\r\n  <div\r\n    id=\"kt_aside_menu_wrapper\"\r\n    ref=\"scrollElRef\"\r\n    class=\"hover-scroll-overlay-y my-5 my-lg-5\"\r\n    data-kt-scroll=\"true\"\r\n    data-kt-scroll-activate=\"{default: false, lg: true}\"\r\n    data-kt-scroll-dependencies=\"#kt_aside_logo, #kt_aside_footer\"\r\n    data-kt-scroll-height=\"auto\"\r\n    data-kt-scroll-offset=\"0\"\r\n    data-kt-scroll-wrappers=\"#kt_aside_menu\"\r\n  >\r\n    <!--begin::Menu-->\r\n    <div\r\n      id=\"#kt_header_menu\"\r\n      class=\"\r\n        menu\r\n        menu-column\r\n        menu-title-gray-800\r\n        menu-state-title-primary\r\n        menu-state-icon-primary\r\n        menu-state-bullet-primary\r\n        menu-arrow-gray-500\r\n      \"\r\n      data-kt-menu=\"true\"\r\n    >\r\n      <template v-for=\"(item, i) in MainMenuConfig\" :key=\"i\">      \r\n        <div v-if=\"item.heading\" class=\"menu-item\">\r\n          <div class=\"menu-content pt-8 pb-2\">\r\n            <span class=\"menu-section text-muted text-uppercase fs-8 ls-1\">\r\n              {{ translate(item.heading) }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <template v-for=\"(menuItem, j) in item.pages\" :key=\"j\">\r\n          <template v-if=\"menuItem.heading && menuItem.permission && menuItem.permission.includes(user.role)\">\r\n            <div class=\"menu-item\">\r\n              <router-link\r\n                v-slot=\"{ href, isActive, isExactActive }\"\r\n                :to=\"menuItem.route\"\r\n              >\r\n                <a\r\n                  :class=\"[isActive && 'active', isExactActive && 'active']\"\r\n                  :href=\"href\"\r\n                  class=\"menu-link\"\r\n                  @click.stop=\"menuItem.heading=='Student' ? reloadStudentListPage() : null\"\r\n                >\r\n                  <span\r\n                    v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\r\n                    class=\"menu-icon\"\r\n                  >\r\n                    <i\r\n                      v-if=\"asideMenuIcons === 'font'\"\r\n                      :class=\"menuItem.fontIcon\"\r\n                      class=\"bi fs-3\"\r\n                    ></i>\r\n                    <span\r\n                      v-else-if=\"asideMenuIcons === 'svg'\"\r\n                      class=\"svg-icon svg-icon-2\"\r\n                    >\r\n                      <inline-svg :src=\"menuItem.svgIcon\" />\r\n                    </span>\r\n                  </span>\r\n                  <span class=\"menu-title\">{{\r\n                    translate(menuItem.heading)\r\n                  }}</span>\r\n                </a>\r\n              </router-link>\r\n            </div>\r\n          </template>\r\n          <div\r\n            v-if=\"menuItem.sectionTitle && menuItem.permission && menuItem.permission.includes(user.role)\"\r\n            :class=\"{ show: hasActiveChildren(menuItem.route) }\"\r\n            class=\"menu-item menu-accordion\"\r\n            data-kt-menu-sub=\"accordion\"\r\n            data-kt-menu-trigger=\"click\"\r\n          >\r\n            <span class=\"menu-link\">\r\n              <span\r\n                v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\r\n                class=\"menu-icon\"\r\n              >\r\n                <i\r\n                  v-if=\"asideMenuIcons === 'font'\"\r\n                  :class=\"menuItem.fontIcon\"\r\n                  class=\"bi fs-3\"\r\n                ></i>\r\n                <span\r\n                  v-else-if=\"asideMenuIcons === 'svg'\"\r\n                  class=\"svg-icon svg-icon-2\"\r\n                >\r\n                  <inline-svg :src=\"menuItem.svgIcon\" />\r\n                </span>\r\n              </span>\r\n              <span class=\"menu-title\">{{\r\n                translate(menuItem.sectionTitle)\r\n              }}</span>\r\n              <span class=\"menu-arrow\"></span>\r\n            </span>\r\n            <div\r\n              :class=\"{ show: hasActiveChildren(menuItem.route) }\"\r\n              class=\"menu-sub menu-sub-accordion\"\r\n            >\r\n              <template v-for=\"(item2, k) in menuItem.sub\" :key=\"k\">\r\n                <div v-if=\"item2.heading && item2.permission && item2.permission.includes(user.role)\" class=\"menu-item\">\r\n                  <router-link\r\n                    v-slot=\"{ href, navigate, isActive, isExactActive }\"\r\n                    :to=\"item2.route\"\r\n                  >\r\n                    <a\r\n                      :class=\"[isActive && 'active', isExactActive && 'active']\"\r\n                      :href=\"href\"\r\n                      class=\"menu-link\"\r\n                      @click=\"navigate\"\r\n                    >\r\n                      <span class=\"menu-bullet\">\r\n                        <span class=\"bullet bullet-dot\"></span>\r\n                      </span>\r\n                      <span class=\"menu-title\">{{\r\n                        translate(item2.heading)\r\n                      }}</span>\r\n                    </a>\r\n                  </router-link>\r\n                </div>\r\n                <div\r\n                  v-if=\"item2.sectionTitle && item2.permission && item2.permission.includes(user.role)\"\r\n                  :class=\"{ show: hasActiveChildren(item2.route) }\"\r\n                  class=\"menu-item menu-accordion\"\r\n                  data-kt-menu-sub=\"accordion\"\r\n                  data-kt-menu-trigger=\"click\"\r\n                >\r\n                  <span class=\"menu-link\">\r\n                    <span class=\"menu-bullet\">\r\n                      <span class=\"bullet bullet-dot\"></span>\r\n                    </span>\r\n                    <span class=\"menu-title\">{{\r\n                      translate(item2.sectionTitle)\r\n                    }}</span>\r\n                    <span class=\"menu-arrow\"></span>\r\n                  </span>\r\n                  <div\r\n                    :class=\"{ show: hasActiveChildren(item2.route) }\"\r\n                    class=\"menu-sub menu-sub-accordion\"\r\n                  >\r\n                    <template v-for=\"(item3, k) in item2.sub\" :key=\"k\">\r\n                      <div v-if=\"item3.heading  && item3.permission && item3.permission.includes(user.role)\" class=\"menu-item\">\r\n                        <router-link\r\n                          v-slot=\"{ href, navigate, isActive, isExactActive }\"\r\n                          :to=\"item3.route\"\r\n                        >\r\n                          <a\r\n                            class=\"menu-link\"\r\n                            :class=\"[\r\n                              isActive && 'active',\r\n                              isExactActive && 'active',\r\n                            ]\"\r\n                            :href=\"href\"\r\n                            @click=\"navigate\"\r\n                          >\r\n                            <span class=\"menu-bullet\">\r\n                              <span class=\"bullet bullet-dot\"></span>\r\n                            </span>\r\n                            <span class=\"menu-title\">{{\r\n                              translate(item3.heading)\r\n                            }}</span>\r\n                          </a>\r\n                        </router-link>\r\n                      </div>\r\n                    </template>\r\n                  </div>\r\n                </div>\r\n              </template>\r\n            </div>\r\n          </div>\r\n        </template>\r\n      </template>\r\n    </div>\r\n    <!--end::Menu-->\r\n  </div>\r\n  <!--end::Menu wrapper-->\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n.aside-menu .menu .menu-sub .menu-item a a.menu-link {\r\n  padding-left: calc(0.75rem + 25px);\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 0 0 100%;\r\n  transition: none;\r\n  outline: none !important;\r\n}\r\n\r\n.aside-menu .menu .menu-sub .menu-sub .menu-item a a.menu-link {\r\n  padding-left: calc(1.5rem + 25px);\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 0 0 100%;\r\n  transition: none;\r\n  outline: none !important;\r\n}\r\n</style>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\r\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\r\nimport { version } from \"@/core/helpers/documentation\";\r\nimport { asideMenuIcons } from \"@/core/helpers/config\";\r\nimport MainMenuConfig from \"@/core/config/MainMenuConfig\";\r\nimport { useStore } from \"vuex\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"kt-menu\",\r\n  components: {},\r\n  setup() {\r\n    const store = useStore();\r\n    const { t, te } = useI18n();\r\n    const route = useRoute();\r\n    const scrollElRef = ref<null | HTMLElement>(null);\r\n    const user = store.getters.currentUser;\r\n\r\n    onMounted(() => {\r\n      ScrollComponent.reinitialization();\r\n      MenuComponent.reinitialization();\r\n      if (scrollElRef.value) {\r\n        scrollElRef.value.scrollTop = 0;\r\n      }\r\n    });\r\n\r\n    const translate = (text) => {\r\n      if (te(text)) {\r\n        return t(text);\r\n      } else {\r\n        return text;\r\n      }\r\n    };\r\n\r\n    const hasActiveChildren = (match) => {\r\n      return route.path.indexOf(match) !== -1;\r\n    };\r\n\r\n    const reloadStudentListPage = () =>{\r\n      window.location.assign(router.resolve({name: 'student-list'}).href);\r\n    }\r\n\r\n    return {\r\n      hasActiveChildren,\r\n      MainMenuConfig,\r\n      asideMenuIcons,\r\n      version,\r\n      translate,\r\n      user,\r\n      reloadStudentListPage\r\n    };\r\n  },\r\n});\r\n</script>\r\n","import { computed } from \"vue\";\r\nimport store from \"@/store/index\";\r\nimport ClipboardJS from \"clipboard\";\r\n/* eslint-disable  @typescript-eslint/no-explicit-any */\r\n\r\n/**\r\n * Return name of the theme\r\n * @returns {string}\r\n */\r\nexport const themeName = computed(() => {\r\n  return store.getters.layoutConfig(\"themeName\");\r\n});\r\n\r\n/**\r\n * Return version of the theme\r\n * @returns {string}\r\n */\r\nexport const version = computed(() => {\r\n  return store.getters.layoutConfig(\"themeVersion\");\r\n});\r\n\r\n//code copy button initialization\r\nexport const useCopyClipboard = (): any => {\r\n  const _init = (element) => {\r\n    let elements = element;\r\n\r\n    if (typeof elements === \"undefined\") {\r\n      elements = document.querySelectorAll(\".highlight\");\r\n    }\r\n\r\n    if (elements && elements.length > 0) {\r\n      for (let i = 0; i < elements.length; ++i) {\r\n        const highlight = elements[i];\r\n        const copy = highlight.querySelector(\".highlight-copy\");\r\n\r\n        if (copy) {\r\n          const clipboard = new ClipboardJS(copy, {\r\n            target: (trigger): any => {\r\n              const highlight = trigger.closest(\".highlight\");\r\n\r\n              if (highlight) {\r\n                let el: Element | null =\r\n                  highlight.querySelector(\".tab-pane.active\");\r\n\r\n                if (el == null) {\r\n                  el = highlight.querySelector(\".highlight-code\");\r\n                }\r\n\r\n                return el as Element;\r\n              }\r\n\r\n              return highlight;\r\n            },\r\n          });\r\n\r\n          clipboard.on(\"success\", (e) => {\r\n            const caption = e.trigger.innerHTML;\r\n\r\n            e.trigger.innerHTML = \"copied\";\r\n            e.clearSelection();\r\n\r\n            setTimeout(function () {\r\n              e.trigger.innerHTML = caption;\r\n            }, 2000);\r\n          });\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  return {\r\n    init: (element?) => {\r\n      _init(element);\r\n    },\r\n  };\r\n};\r\n","import { computed } from \"vue\";\r\nimport store from \"@/store/index\";\r\n\r\n/**\r\n * Returns layout config\r\n * @returns {object}\r\n */\r\nexport const config = computed(() => {\r\n  return store.getters.layoutConfig();\r\n});\r\n\r\n/**\r\n * Set the sidebar display\r\n * @returns {boolean}\r\n */\r\nexport const displaySidebar = computed(() => {\r\n  return store.getters.layoutConfig(\"sidebar.display\");\r\n});\r\n\r\n/**\r\n * Check if footer container is fluid\r\n * @returns {boolean}\r\n */\r\nexport const footerWidthFluid = computed(() => {\r\n  return store.getters.layoutConfig(\"footer.width\") === \"fluid\";\r\n});\r\n\r\n/**\r\n * Check if header container is fluid\r\n * @returns {boolean}\r\n */\r\nexport const headerWidthFluid = computed(() => {\r\n  return store.getters.layoutConfig(\"header.width\") === \"fluid\";\r\n});\r\n\r\n/**\r\n * Returns header left part type\r\n * @returns {string}\r\n */\r\nexport const headerLeft = computed(() => {\r\n  return store.getters.layoutConfig(\"header.left\");\r\n});\r\n\r\n/**\r\n * Set the aside display\r\n * @returns {boolean}\r\n */\r\nexport const asideDisplay = computed(() => {\r\n  return store.getters.layoutConfig(\"aside.display\") === true;\r\n});\r\n\r\n/**\r\n * Check if toolbar width is fluid\r\n * @returns {boolean}\r\n */\r\nexport const toolbarWidthFluid = computed(() => {\r\n  return store.getters.layoutConfig(\"toolbar.width\") === \"fluid\";\r\n});\r\n\r\n/**\r\n * Set the toolbar display\r\n * @returns {boolean}\r\n */\r\nexport const toolbarDisplay = computed(() => {\r\n  return store.getters.layoutConfig(\"toolbar.display\");\r\n});\r\n\r\n/**\r\n * Check if the page loader is enabled\r\n * @returns {boolean}\r\n */\r\nexport const loaderEnabled = computed(() => {\r\n  return store.getters.layoutConfig(\"loader.display\");\r\n});\r\n\r\n/**\r\n * Check if container width is fluid\r\n * @returns {boolean}\r\n */\r\nexport const contentWidthFluid = computed(() => {\r\n  return store.getters.layoutConfig(\"content.width\") === \"fluid\";\r\n});\r\n\r\n/**\r\n * Page loader logo image\r\n * @returns {string}\r\n */\r\nexport const loaderLogo = computed(() => {\r\n  return process.env.BASE_URL + store.getters.layoutConfig(\"loader.logo\");\r\n});\r\n\r\n/**\r\n * Check if the aside menu is enabled\r\n * @returns {boolean}\r\n */\r\nexport const asideEnabled = computed(() => {\r\n  return !!store.getters.layoutConfig(\"aside.display\");\r\n});\r\n\r\n/**\r\n * Set the aside theme\r\n * @returns {string}\r\n */\r\nexport const asideTheme = computed(() => {\r\n  return store.getters.layoutConfig(\"aside.theme\");\r\n});\r\n\r\n/**\r\n * Set the subheader display\r\n * @returns {boolean}\r\n */\r\nexport const subheaderDisplay = computed(() => {\r\n  return store.getters.layoutConfig(\"toolbar.display\");\r\n});\r\n\r\n/**\r\n * Set the aside menu icon type\r\n * @returns {string}\r\n */\r\nexport const asideMenuIcons = computed(() => {\r\n  return store.getters.layoutConfig(\"aside.menuIcon\");\r\n});\r\n\r\n/**\r\n * Light theme logo image\r\n * @returns {string}\r\n */\r\nexport const themeLightLogo = computed(() => {\r\n  return store.getters.layoutConfig(\"main.logo.light\");\r\n});\r\n\r\n/**\r\n * Dark theme logo image\r\n * @returns {string}\r\n */\r\nexport const themeDarkLogo = computed(() => {\r\n  return store.getters.layoutConfig(\"main.logo.dark\");\r\n});\r\n\r\n/**\r\n * Set the header menu icon type\r\n * @returns {string}\r\n */\r\nexport const headerMenuIcons = computed(() => {\r\n  return store.getters.layoutConfig(\"header.menuIcon\");\r\n});\r\n","const DocMenuConfig = [\r\n  {\r\n    pages: [\r\n      {\r\n        heading: \"Dashboard\",\r\n        route: \"/dashboard\",\r\n        svgIcon: \"/media/icons/duotune/graphs/gra001.svg\",\r\n        fontIcon: \"bi-app-indicator\",\r\n        permission: [\"Administrator\", \"Manager\", \"Staff\", \"Faculty\"]\r\n      },\r\n      {\r\n        heading: \"Student\",\r\n        route: \"/student/student-list\",\r\n        svgIcon: \"/media/icons/duotune/general/gen049.svg\",\r\n        fontIcon: \"bi-layers\",\r\n        permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n      },\r\n      {\r\n        sectionTitle: \"Academics\",\r\n        route: \"/academics\",\r\n        svgIcon: \"/media/icons/duotune/finance/fin001.svg\",\r\n        fontIcon: \"bi-layers\",\r\n        permission: [\"Administrator\", \"Manager\", \"Staff\", \"Faculty\"],\r\n        sub: [\r\n          {\r\n            heading: \"Class\",\r\n            route: \"/academics/class\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Attendance\",\r\n            route: \"/academics/attendance\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\", \"Faculty\"]\r\n          },\r\n          {\r\n            heading: \"Assessment & Grading\",\r\n            route: \"/academics/assessments/0\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\", \"Faculty\"]\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        sectionTitle: \"Management\",\r\n        route: \"/management\",\r\n        svgIcon: \"/media/icons/duotune/art/art002.svg\",\r\n        fontIcon: \"bi-layers\",\r\n        permission: [\"Administrator\", \"Manager\", \"Staff\"],\r\n        sub: [\r\n          {\r\n            heading: \"Admin Report\",\r\n            route: \"/management/admin-report\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Student Invoice\",\r\n            route: \"/management/invoice\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Faculty / Staff\",\r\n            route: \"/management/staff\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Agent\",\r\n            route: \"/management/agent\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Calendar\",\r\n            route: \"/management/calendar\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"School Forms\",\r\n            route: \"/management/school-forms\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n          {\r\n            heading: \"Student Activities\",\r\n            route: \"/management/student-activity-list\",\r\n            permission: [\"Administrator\", \"Manager\", \"Staff\"]\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        heading: \"Financial\",\r\n        route: \"/financial\",\r\n        svgIcon: \"/media/icons/duotune/finance/fin007.svg\",\r\n        fontIcon: \"bi-layers\",\r\n        permission: [\"Administrator\", \"Manager\"]\r\n      },\r\n      {\r\n        heading: \"User\",\r\n        route: \"/users\",\r\n        svgIcon: \"/media/icons/duotune/communication/com006.svg\",\r\n        fontIcon: \"bi-layers\",\r\n        permission: [\"Administrator\", \"Manager\"]\r\n      },\r\n    ],\r\n  },\r\n];\r\n\r\nexport default DocMenuConfig;\r\n","\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\r\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\r\nimport { version } from \"@/core/helpers/documentation\";\r\nimport { asideMenuIcons } from \"@/core/helpers/config\";\r\nimport MainMenuConfig from \"@/core/config/MainMenuConfig\";\r\nimport { useStore } from \"vuex\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"kt-menu\",\r\n  components: {},\r\n  setup() {\r\n    const store = useStore();\r\n    const { t, te } = useI18n();\r\n    const route = useRoute();\r\n    const scrollElRef = ref<null | HTMLElement>(null);\r\n    const user = store.getters.currentUser;\r\n\r\n    onMounted(() => {\r\n      ScrollComponent.reinitialization();\r\n      MenuComponent.reinitialization();\r\n      if (scrollElRef.value) {\r\n        scrollElRef.value.scrollTop = 0;\r\n      }\r\n    });\r\n\r\n    const translate = (text) => {\r\n      if (te(text)) {\r\n        return t(text);\r\n      } else {\r\n        return text;\r\n      }\r\n    };\r\n\r\n    const hasActiveChildren = (match) => {\r\n      return route.path.indexOf(match) !== -1;\r\n    };\r\n\r\n    const reloadStudentListPage = () =>{\r\n      window.location.assign(router.resolve({name: 'student-list'}).href);\r\n    }\r\n\r\n    return {\r\n      hasActiveChildren,\r\n      MainMenuConfig,\r\n      asideMenuIcons,\r\n      version,\r\n      translate,\r\n      user,\r\n      reloadStudentListPage\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Menu.vue?vue&type=template&id=1e85a0c4\"\nimport script from \"./Menu.vue?vue&type=script&lang=ts\"\nexport * from \"./Menu.vue?vue&type=script&lang=ts\"\n\nimport \"./Menu.vue?vue&type=style&index=0&id=1e85a0c4&lang=scss\"\nscript.render = render\n\nexport default script","\r\nimport { defineComponent, onMounted, onUpdated } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { ToggleComponent } from \"@/assets/ts/components/_ToggleComponent\";\r\nimport KTMenu from \"@/layout/aside/Menu.vue\";\r\nimport { asideTheme } from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTAside\",\r\n  components: {\r\n    KTMenu,\r\n  },\r\n  props: {\r\n    lightLogo: String,\r\n    darkLogo: String,\r\n  },\r\n  setup() {\r\n    const { t } = useI18n();\r\n\r\n    onMounted(() => {\r\n      ToggleComponent.reinitialization();\r\n    });\r\n\r\n    onUpdated(() => {\r\n      ToggleComponent.bootstrap();\r\n    });\r\n\r\n    return {\r\n      asideTheme,\r\n      t,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Aside.vue?vue&type=template&id=798a4a28\"\nimport script from \"./Aside.vue?vue&type=script&lang=ts\"\nexport * from \"./Aside.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Header-->\r\n  <div id=\"kt_header\" style=\"\" class=\"header align-items-stretch\">\r\n    <!--begin::Container-->\r\n    <div\r\n      :class=\"{\r\n        'container-fluid': headerWidthFluid,\r\n        container: !headerWidthFluid,\r\n      }\"\r\n      class=\"d-flex align-items-stretch justify-content-between\"\r\n    >\r\n      <!--begin::Aside mobile toggle-->\r\n      <div\r\n        class=\"d-flex align-items-center d-lg-none ms-n3 me-1\"\r\n        title=\"Show aside menu\"\r\n      >\r\n        <div\r\n          class=\"btn btn-icon btn-active-light-primary\"\r\n          id=\"kt_aside_mobile_toggle\"\r\n        >\r\n          <span class=\"svg-icon svg-icon-2x mt-1\">\r\n            <img src=\"/media/icons/duotune/abstract/abs015.svg\" />\r\n          </span>\r\n        </div>\r\n      </div>\r\n      <!--end::Aside mobile toggle-->\r\n\r\n      <!--begin::Mobile logo-->\r\n      <div class=\"d-flex align-items-center flex-grow-1 flex-lg-grow-0\">\r\n        <a href=\"/dashboard\" class=\"d-lg-none\">\r\n          <img alt=\"Logo\" src=\"/media/images/Discovery_Logo_top.png\" class=\"h-20px\" />\r\n        </a>\r\n      </div>\r\n      <!--end::Mobile logo-->\r\n\r\n      <!--begin::Wrapper-->\r\n      <div\r\n        class=\"\r\n          d-flex\r\n          align-items-stretch\r\n          justify-content-between\r\n          flex-lg-grow-1\r\n        \"\r\n      >\r\n        <!--begin::Navbar-->\r\n        <div class=\"d-flex align-items-stretch\" id=\"kt_header_menu_nav\">\r\n          <!--<KTMenu></KTMenu>-->\r\n        </div>\r\n        <!--end::Navbar-->\r\n\r\n        <!--begin::Topbar-->\r\n        <div class=\"d-flex align-items-stretch flex-shrink-0\">\r\n          <KTTopbar></KTTopbar>\r\n        </div>\r\n        <!--end::Topbar-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!--end::Container-->\r\n  </div>\r\n  <!--end::Header-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\nimport KTTopbar from \"@/layout/header/Topbar.vue\";\r\n\r\nimport {\r\n  headerWidthFluid,\r\n  headerLeft,\r\n  asideDisplay,\r\n} from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTHeader\",\r\n  props: {\r\n    title: String,\r\n  },\r\n  components: {\r\n    KTTopbar,\r\n  },\r\n  setup() {\r\n    return {\r\n      headerWidthFluid,\r\n      headerLeft,\r\n      asideDisplay,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","<template>\r\n  <!--begin::Toolbar wrapper-->\r\n  <div class=\"d-flex align-items-stretch flex-shrink-0\">\r\n    <!--begin::User-->\r\n    <div\r\n      class=\"d-flex align-items-center ms-1 ms-lg-3\"\r\n    >\r\n      <!--begin::Menu-->\r\n      <router-link to=\"/account/my-account\">\r\n      <div\r\n        class=\"\r\n          btn btn-icon btn-active-light-primary\r\n          position-relative\r\n          w-30px\r\n          h-30px\r\n          w-md-40px\r\n          h-md-40px\">\r\n          <span class=\"svg-icon svg-icon-1\">\r\n            <inline-svg src=\"/media/icons/duotune/communication/com006.svg\" />\r\n          </span>\r\n      </div>\r\n      </router-link>\r\n      <!--end::Menu-->\r\n    </div>\r\n    <!--end::User --> \r\n\r\n    <!--begin::SignOut-->\r\n    <div class=\"d-flex align-items-center ms-1 ms-lg-3\">\r\n      <!--begin::Menu-->\r\n      <div\r\n        class=\"\r\n          btn btn-icon btn-active-light-primary\r\n          position-relative\r\n          w-30px\r\n          h-30px\r\n          w-md-40px\r\n          h-md-40px\r\n        \"\r\n        @click=\"signOut()\"\r\n      >\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <inline-svg src=\"/media/icons/duotune/arrows/arr076.svg\" />\r\n        </span>\r\n      </div>\r\n      <!--end::Menu-->\r\n    </div>\r\n    <!--end::SignOut-->\r\n  </div>\r\n  <!--end::Toolbar wrapper-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport { useStore } from \"vuex\";\r\n\r\nexport default defineComponent({\r\n  name: \"topbar\",\r\n  components:{},\r\n  setup() {\r\n    const router = useRouter();\r\n    const store = useStore();\r\n    const signOut = () => {\r\n      store\r\n        .dispatch(Actions.LOGOUT)\r\n        .then(() => router.push({ name: \"sign-in\" }));\r\n    };\r\n\r\n    return {\r\n      signOut,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport { useStore } from \"vuex\";\r\n\r\nexport default defineComponent({\r\n  name: \"topbar\",\r\n  components:{},\r\n  setup() {\r\n    const router = useRouter();\r\n    const store = useStore();\r\n    const signOut = () => {\r\n      store\r\n        .dispatch(Actions.LOGOUT)\r\n        .then(() => router.push({ name: \"sign-in\" }));\r\n    };\r\n\r\n    return {\r\n      signOut,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Topbar.vue?vue&type=template&id=88a61410\"\nimport script from \"./Topbar.vue?vue&type=script&lang=ts\"\nexport * from \"./Topbar.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\r\nimport { defineComponent } from \"vue\";\r\nimport KTTopbar from \"@/layout/header/Topbar.vue\";\r\n\r\nimport {\r\n  headerWidthFluid,\r\n  headerLeft,\r\n  asideDisplay,\r\n} from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTHeader\",\r\n  props: {\r\n    title: String,\r\n  },\r\n  components: {\r\n    KTTopbar,\r\n  },\r\n  setup() {\r\n    return {\r\n      headerWidthFluid,\r\n      headerLeft,\r\n      asideDisplay,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Header.vue?vue&type=template&id=37b8044a\"\nimport script from \"./Header.vue?vue&type=script&lang=ts\"\nexport * from \"./Header.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Footer-->\r\n  <div class=\"footer py-4 d-flex flex-lg-column\" id=\"kt_footer\">\r\n    <!--begin::Container-->\r\n    <div\r\n      class=\"\r\n        d-flex\r\n        flex-column flex-md-row\r\n        align-items-center\r\n        justify-content-between\r\n      \"\r\n      :class=\"{\r\n        'container-fluid': footerWidthFluid,\r\n        container: !footerWidthFluid,\r\n      }\"\r\n    >\r\n      <!--begin::Copyright-->\r\n      <div class=\"text-dark order-2 order-md-1\">\r\n        <span class=\"text-muted fw-bold me-1\">{{ new Date().getFullYear() }}&copy;</span>\r\n        <a\r\n          href=\"https://discoveryenglish.org/\"\r\n          target=\"_blank\"\r\n          class=\"text-gray-800 text-hover-primary\"\r\n          >Discovery Learning center</a\r\n        >\r\n      </div>\r\n      <!--end::Copyright-->\r\n\r\n    </div>\r\n    <!--end::Container-->\r\n  </div>\r\n  <!--end::Footer-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\nimport { footerWidthFluid } from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTFooter\",\r\n  setup() {\r\n    return {\r\n      footerWidthFluid,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\nimport { footerWidthFluid } from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTFooter\",\r\n  setup() {\r\n    return {\r\n      footerWidthFluid,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Footer.vue?vue&type=template&id=3082a079\"\nimport script from \"./Footer.vue?vue&type=script&lang=ts\"\nexport * from \"./Footer.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","import objectPath from \"object-path\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport store from \"@/store/\";\r\nimport { config } from \"@/core/helpers/config\";\r\n\r\nclass LayoutService {\r\n  /**\r\n   * @description initialize default layout\r\n   */\r\n  public static init(): void {\r\n    LayoutService.initLayout();\r\n    LayoutService.initHeader();\r\n    LayoutService.initToolbar();\r\n    LayoutService.initAside();\r\n    LayoutService.initFooter();\r\n  }\r\n\r\n  /**\r\n   * @description init layout\r\n   */\r\n  public static initLayout(): void {\r\n    store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\r\n      qulifiedName: \"id\",\r\n      value: \"kt_body\",\r\n    });\r\n\r\n    if (objectPath.get(config.value, \"loader.display\")) {\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading-enabled\");\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description init header\r\n   */\r\n  public static initHeader(): void {\r\n    if (objectPath.get(config.value, \"header.fixed.desktop\")) {\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"header-fixed\");\r\n    }\r\n\r\n    if (objectPath.get(config.value, \"header.fixed.tabletAndMobile\")) {\r\n      store.dispatch(\r\n        Actions.ADD_BODY_CLASSNAME,\r\n        \"header-tablet-and-mobile-fixed\"\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description init toolbar\r\n   */\r\n  public static initToolbar(): void {\r\n    if (!objectPath.get(config.value, \"toolbar.display\")) {\r\n      return;\r\n    }\r\n\r\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"toolbar-enabled\");\r\n\r\n    if (objectPath.get(config.value, \"toolbar.fixed\")) {\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"toolbar-fixed\");\r\n    }\r\n\r\n    store.dispatch(\r\n      Actions.ADD_BODY_CLASSNAME,\r\n      \"toolbar-tablet-and-mobile-fixed\"\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @description init aside\r\n   */\r\n  public static initAside(): void {\r\n    if (!objectPath.get(config.value, \"aside.display\")) {\r\n      return;\r\n    }\r\n\r\n    // Enable Aside\r\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"aside-enabled\");\r\n\r\n    // Minimized\r\n    if (\r\n      objectPath.get(config.value, \"aside.minimized\") &&\r\n      objectPath.get(config.value, \"aside.toggle\")\r\n    ) {\r\n      store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\r\n        qulifiedName: \"data-kt-aside-minimize\",\r\n        value: \"on\",\r\n      });\r\n    }\r\n\r\n    if (objectPath.get(config.value, \"aside.fixed\")) {\r\n      // Fixed Aside\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"aside-fixed\");\r\n    }\r\n\r\n    // Default minimized\r\n    if (objectPath.get(config.value, \"aside.minimized\")) {\r\n      store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\r\n        qulifiedName: \"data-kt-aside-minimize\",\r\n        value: \"on\",\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description init footer\r\n   */\r\n  public static initFooter(): void {\r\n    // Fixed header\r\n    if (objectPath.get(config.value, \"footer.width\") === \"fixed\") {\r\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"footer-fixed\");\r\n    }\r\n  }\r\n}\r\n\r\nexport default LayoutService;\r\n","<template>\r\n  <!--begin::Toolbar-->\r\n  <div class=\"toolbar\" id=\"kt_toolbar\">\r\n    <!--begin::Container-->\r\n    <div id=\"kt_toolbar_container\" class=\"container-fluid d-flex flex-stack\">\r\n      <!--begin::Page title-->\r\n      <div\r\n        class=\"\r\n          page-title\r\n          d-flex\r\n          align-items-center\r\n          me-3\r\n          flex-wrap\r\n          mb-5 mb-lg-0\r\n          lh-1\r\n        \"\r\n      >\r\n        <!--begin::Title-->\r\n        <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\r\n          {{ title }}\r\n        </h1>\r\n        <!--end::Title-->\r\n\r\n        <span\r\n          v-if=\"breadcrumbs\"\r\n          class=\"h-20px border-gray-200 border-start mx-4\"\r\n        ></span>\r\n\r\n        <!--begin::Breadcrumb-->\r\n        <ul\r\n          v-if=\"breadcrumbs\"\r\n          class=\"breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1\"\r\n        >\r\n          <li class=\"breadcrumb-item pe-3\">\r\n            <router-link to=\"/dashboard\" class=\"text-muted text-hover-primary\">\r\n              Home\r\n            </router-link>\r\n          </li>\r\n          <li class=\"breadcrumb-item\">\r\n            <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\r\n          </li>\r\n          <template v-for=\"(item, index) in breadcrumbs\" :key=\"index\">\r\n            <li class=\"breadcrumb-item text-muted\">\r\n              {{ item }}\r\n            </li>\r\n            <li class=\"breadcrumb-item\">\r\n              <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\r\n            </li>\r\n          </template>\r\n          <li class=\"breadcrumb-item pe-3 text-dark\">\r\n            {{ title }}\r\n          </li>\r\n        </ul>\r\n        <!--end::Breadcrumb-->\r\n      </div>\r\n      <!--end::Page title-->\r\n    </div>\r\n    <!--end::Container-->\r\n  </div>\r\n  <!--end::Toolbar-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"KToolbar\",\r\n  props: {\r\n    breadcrumbs: Array,\r\n    title: String,\r\n  },\r\n  components: {\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"KToolbar\",\r\n  props: {\r\n    breadcrumbs: Array,\r\n    title: String,\r\n  },\r\n  components: {\r\n  },\r\n});\r\n","import { render } from \"./Toolbar.vue?vue&type=template&id=30a5ff02\"\nimport script from \"./Toolbar.vue?vue&type=script&lang=ts\"\nexport * from \"./Toolbar.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Page title-->\r\n  <div\r\n    data-kt-swapper=\"true\"\r\n    class=\"page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0\"\r\n  >\r\n    <!--begin::Title-->\r\n    <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\r\n      {{ title }}\r\n    </h1>\r\n    <!--end::Title-->\r\n\r\n    <span\r\n      v-if=\"breadcrumbs\"\r\n      class=\"h-20px border-gray-200 border-start mx-4\"\r\n    ></span>\r\n\r\n    <!--begin::Breadcrumb-->\r\n    <ul\r\n      v-if=\"breadcrumbs\"\r\n      class=\"breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1\"\r\n    >\r\n      <li class=\"breadcrumb-item pe-3\">\r\n        <router-link to=\"/dashboard\" class=\"text-muted text-hover-primary\">\r\n          Home\r\n        </router-link>\r\n      </li>\r\n      <li class=\"breadcrumb-item\">\r\n        <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\r\n      </li>\r\n      <template v-for=\"(item, index) in breadcrumbs\" :key=\"index\">\r\n        <li class=\"breadcrumb-item text-muted\">\r\n          {{ item }}\r\n        </li>\r\n        <li class=\"breadcrumb-item\">\r\n          <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\r\n        </li>\r\n      </template>\r\n      <li class=\"breadcrumb-item pe-3 text-dark\">\r\n        {{ title }}\r\n      </li>\r\n    </ul>\r\n    <!--end::Breadcrumb-->\r\n  </div>\r\n  <!--end::Page title-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"mobile-page-title\",\r\n  components: {},\r\n  props: {\r\n    breadcrumbs: Array,\r\n    title: String,\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"mobile-page-title\",\r\n  components: {},\r\n  props: {\r\n    breadcrumbs: Array,\r\n    title: String,\r\n  },\r\n});\r\n","import { render } from \"./MobilePageTitle.vue?vue&type=template&id=4a0aa144\"\nimport script from \"./MobilePageTitle.vue?vue&type=script&lang=ts\"\nexport * from \"./MobilePageTitle.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!-- begin::Scrolltop -->\r\n  <div\r\n    id=\"kt_scrolltop\"\r\n    ref=\"kt_scrolltop\"\r\n    class=\"scrolltop\"\r\n    data-kt-scrolltop=\"true\"\r\n  >\r\n    <span class=\"svg-icon\">\r\n      <inline-svg src=\"media/icons/duotune/arrows/arr066.svg\" />\r\n    </span>\r\n  </div>\r\n  <!-- end::Scrolltop -->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted } from \"vue\";\r\nimport { ScrollTopComponent } from \"@/assets/ts/components/_ScrollTopComponent\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTScrollTop\",\r\n  components: {},\r\n  setup() {\r\n    onMounted(() => {\r\n      ScrollTopComponent.reinitialization();\r\n    });\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent, onMounted } from \"vue\";\r\nimport { ScrollTopComponent } from \"@/assets/ts/components/_ScrollTopComponent\";\r\n\r\nexport default defineComponent({\r\n  name: \"KTScrollTop\",\r\n  components: {},\r\n  setup() {\r\n    onMounted(() => {\r\n      ScrollTopComponent.reinitialization();\r\n    });\r\n  },\r\n});\r\n","import { render } from \"./ScrollTop.vue?vue&type=template&id=7e98fcf3\"\nimport script from \"./ScrollTop.vue?vue&type=script&lang=ts\"\nexport * from \"./ScrollTop.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Activities drawer-->\r\n  <div\r\n    id=\"kt_activities\"\r\n    class=\"bg-white\"\r\n    data-kt-drawer=\"true\"\r\n    data-kt-drawer-name=\"activities\"\r\n    data-kt-drawer-activate=\"true\"\r\n    data-kt-drawer-overlay=\"true\"\r\n    data-kt-drawer-width=\"{default:'300px', 'lg': '900px'}\"\r\n    data-kt-drawer-direction=\"end\"\r\n    data-kt-drawer-toggle=\"#kt_activities_toggle\"\r\n    data-kt-drawer-close=\"#kt_activities_close\"\r\n  >\r\n    <div class=\"card shadow-none\">\r\n      <!--begin::Header-->\r\n      <div class=\"card-header\" id=\"kt_activities_header\">\r\n        <h3 class=\"card-title fw-bolder text-dark\">Activity Logs</h3>\r\n\r\n        <div class=\"card-toolbar\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn btn-sm btn-icon btn-active-light-primary me-n5\"\r\n            id=\"kt_activities_close\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <!--end::Header-->\r\n\r\n      <!--begin::Body-->\r\n      <div class=\"card-body position-relative\" id=\"kt_activities_body\">\r\n        <!--begin::Content-->\r\n        <div\r\n          id=\"kt_activities_scroll\"\r\n          class=\"position-relative scroll-y me-n5 pe-5\"\r\n          data-kt-scroll=\"true\"\r\n          data-kt-scroll-height=\"auto\"\r\n          data-kt-scroll-wrappers=\"#kt_activities_body\"\r\n          data-kt-scroll-dependencies=\"#kt_activities_header, #kt_activities_footer\"\r\n          data-kt-scroll-offset=\"5px\"\r\n        >\r\n          <!--begin::Timeline items-->\r\n          <div class=\"timeline\">\r\n            <Item1></Item1>\r\n            <Item2></Item2>\r\n            <Item3></Item3>\r\n            <Item4></Item4>\r\n            <Item5></Item5>\r\n            <Item6></Item6>\r\n            <Item7></Item7>\r\n            <Item8></Item8>\r\n          </div>\r\n          <!--end::Timeline items-->\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Body-->\r\n\r\n      <!--begin::Footer-->\r\n      <div class=\"card-footer py-5 text-center\" id=\"kt_activities_footer\">\r\n        <a href=\"#\" class=\"btn btn-bg-white text-primary\">\r\n          View All Activities<span class=\"svg-icon svg-icon-3 svg-icon-primary\">\r\n            <inline-svg src=\"media/icons/duotune/arrows/arr064.svg\" />\r\n          </span>\r\n        </a>\r\n      </div>\r\n      <!--end::Footer-->\r\n    </div>\r\n  </div>\r\n  <!--end::Activities drawer-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\nimport Item1 from \"@/layout/header/partials/activity-timeline/Item1.vue\";\r\nimport Item2 from \"@/layout/header/partials/activity-timeline/Item2.vue\";\r\nimport Item3 from \"@/layout/header/partials/activity-timeline/Item3.vue\";\r\nimport Item4 from \"@/layout/header/partials/activity-timeline/Item4.vue\";\r\nimport Item5 from \"@/layout/header/partials/activity-timeline/Item5.vue\";\r\nimport Item6 from \"@/layout/header/partials/activity-timeline/Item6.vue\";\r\nimport Item7 from \"@/layout/header/partials/activity-timeline/Item7.vue\";\r\nimport Item8 from \"@/layout/header/partials/activity-timeline/Item8.vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"kt-activity-drawer\",\r\n  components: {\r\n    Item1,\r\n    Item2,\r\n    Item3,\r\n    Item4,\r\n    Item5,\r\n    Item6,\r\n    Item7,\r\n    Item8,\r\n  },\r\n});\r\n</script>\r\n","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px me-4\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/communication/com003.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"pe-3 mb-5\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">\r\n          There are 2 new tasks for you in “AirPlus Mobile APp” project:\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Added at 4:23 PM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Nina Nilson\"\r\n          >\r\n            <img src=\"media/avatars/150-11.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n\r\n      <!--begin::Timeline details-->\r\n      <div class=\"overflow-auto pb-5\">\r\n        <!--begin::Record-->\r\n        <div\r\n          class=\"\r\n            d-flex\r\n            align-items-center\r\n            border border-dashed border-gray-300\r\n            rounded\r\n            min-w-750px\r\n            px-7\r\n            py-3\r\n            mb-5\r\n          \"\r\n        >\r\n          <!--begin::Title-->\r\n          <a\r\n            href=\"#\"\r\n            class=\"\r\n              fs-5\r\n              text-dark text-hover-primary\r\n              fw-bold\r\n              w-375px\r\n              min-w-200px\r\n            \"\r\n            >Meeting with customer</a\r\n          >\r\n          <!--end::Title-->\r\n\r\n          <!--begin::Label-->\r\n          <div class=\"min-w-175px pe-2\">\r\n            <span class=\"badge badge-light text-muted\">Application Design</span>\r\n          </div>\r\n          <!--end::Label-->\r\n\r\n          <!--begin::Users-->\r\n          <div\r\n            class=\"\r\n              symbol-group symbol-hover\r\n              flex-nowrap flex-grow-1\r\n              min-w-100px\r\n              pe-2\r\n            \"\r\n          >\r\n            <!--begin::User-->\r\n            <div class=\"symbol symbol-circle symbol-25px\">\r\n              <img src=\"media/avatars/150-3.jpg\" alt=\"img\" />\r\n            </div>\r\n            <!--end::User-->\r\n\r\n            <!--begin::User-->\r\n            <div class=\"symbol symbol-circle symbol-25px\">\r\n              <img src=\"media/avatars/150-11.jpg\" alt=\"img\" />\r\n            </div>\r\n            <!--end::User-->\r\n\r\n            <!--begin::User-->\r\n            <div class=\"symbol symbol-circle symbol-25px\">\r\n              <div\r\n                class=\"\r\n                  symbol-label\r\n                  fs-8\r\n                  fw-bold\r\n                  bg-primary\r\n                  text-inverse-primary\r\n                \"\r\n              >\r\n                A\r\n              </div>\r\n            </div>\r\n            <!--end::User-->\r\n          </div>\r\n          <!--end::Users-->\r\n\r\n          <!--begin::Progress-->\r\n          <div class=\"min-w-125px pe-2\">\r\n            <span class=\"badge badge-light-primary\">In Progress</span>\r\n          </div>\r\n          <!--end::Progress-->\r\n\r\n          <!--begin::Action-->\r\n          <a href=\"#\" class=\"btn btn-sm btn-light btn-active-light-primary\"\r\n            >View</a\r\n          >\r\n          <!--end::Action-->\r\n        </div>\r\n        <!--end::Record-->\r\n\r\n        <!--begin::Record-->\r\n        <div\r\n          class=\"\r\n            d-flex\r\n            align-items-center\r\n            border border-dashed border-gray-300\r\n            rounded\r\n            min-w-750px\r\n            px-7\r\n            py-3\r\n            mb-0\r\n          \"\r\n        >\r\n          <!--begin::Title-->\r\n          <a\r\n            href=\"#\"\r\n            class=\"\r\n              fs-5\r\n              text-dark text-hover-primary\r\n              fw-bold\r\n              w-375px\r\n              min-w-200px\r\n            \"\r\n            >Project Delivery Preparation</a\r\n          >\r\n          <!--end::Title-->\r\n\r\n          <!--begin::Label-->\r\n          <div class=\"min-w-175px\">\r\n            <span class=\"badge badge-light text-muted\"\r\n              >CRM System Development</span\r\n            >\r\n          </div>\r\n          <!--end::Label-->\r\n\r\n          <!--begin::Users-->\r\n          <div\r\n            class=\"\r\n              symbol-group symbol-hover\r\n              flex-nowrap flex-grow-1\r\n              min-w-100px\r\n            \"\r\n          >\r\n            <!--begin::User-->\r\n            <div class=\"symbol symbol-circle symbol-25px\">\r\n              <img src=\"media/avatars/150-5.jpg\" alt=\"img\" />\r\n            </div>\r\n            <!--end::User-->\r\n\r\n            <!--begin::User-->\r\n            <div class=\"symbol symbol-circle symbol-25px\">\r\n              <div\r\n                class=\"\r\n                  symbol-label\r\n                  fs-8\r\n                  fw-bold\r\n                  bg-success\r\n                  text-inverse-primary\r\n                \"\r\n              >\r\n                B\r\n              </div>\r\n            </div>\r\n            <!--end::User-->\r\n          </div>\r\n          <!--end::Users-->\r\n\r\n          <!--begin::Progress-->\r\n          <div class=\"min-w-125px\">\r\n            <span class=\"badge badge-light-success\">Completed</span>\r\n          </div>\r\n          <!--end::Progress-->\r\n\r\n          <!--begin::Action-->\r\n          <a href=\"#\" class=\"btn btn-sm btn-light btn-active-light-primary\"\r\n            >View</a\r\n          >\r\n          <!--end::Action-->\r\n        </div>\r\n        <!--end::Record-->\r\n      </div>\r\n      <!--end::Timeline details-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"item-1\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"item-1\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item1.vue?vue&type=template&id=e7b434ca\"\nimport script from \"./Item1.vue?vue&type=script&lang=ts\"\nexport * from \"./Item1.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/communication/com009.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n2\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"overflow-auto pe-3\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">\r\n          Invitation for crafting engaging designs that speak human workshop\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Sent at 4:23 PM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Alan Nilson\"\r\n          >\r\n            <img src=\"media/avatars/150-2.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item2.vue?vue&type=template&id=14bff98b\"\nimport script from \"./Item2.vue?vue&type=script&lang=ts\"\nexport * from \"./Item2.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/coding/cod008.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"mb-5 pe-3\">\r\n        <!--begin::Title-->\r\n        <a href=\"#\" class=\"fs-5 fw-bold text-gray-800 text-hover-primary mb-2\"\r\n          >3 New Incoming Project Files:</a\r\n        >\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Sent at 10:30 PM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Jan Hummer\"\r\n          >\r\n            <img src=\"media/avatars/150-6.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n\r\n      <!--begin::Timeline details-->\r\n      <div class=\"overflow-auto pb-5\">\r\n        <div\r\n          class=\"\r\n            d-flex\r\n            align-items-center\r\n            border border-dashed border-gray-300\r\n            rounded\r\n            min-w-700px\r\n            p-5\r\n          \"\r\n        >\r\n          <!--begin::Item-->\r\n          <div class=\"d-flex flex-aligns-center pe-10 pe-lg-20\">\r\n            <!--begin::Icon-->\r\n            <img alt=\"\" class=\"w-30px me-3\" src=\"media/svg/files/pdf.svg\" />\r\n            <!--end::Icon-->\r\n\r\n            <!--begin::Info-->\r\n            <div class=\"ms-1 fw-bold\">\r\n              <!--begin::Desc-->\r\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\r\n                >Finance KPI App Guidelines</a\r\n              >\r\n              <!--end::Desc-->\r\n\r\n              <!--begin::Number-->\r\n              <div class=\"text-gray-400\">1.9mb</div>\r\n              <!--end::Number-->\r\n            </div>\r\n            <!--begin::Info-->\r\n          </div>\r\n          <!--end::Item-->\r\n\r\n          <!--begin::Item-->\r\n          <div class=\"d-flex flex-aligns-center pe-10 pe-lg-20\">\r\n            <!--begin::Icon-->\r\n            <img alt=\"\" class=\"w-30px me-3\" src=\"media/svg/files/doc.svg\" />\r\n            <!--end::Icon-->\r\n\r\n            <!--begin::Info-->\r\n            <div class=\"ms-1 fw-bold\">\r\n              <!--begin::Desc-->\r\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\r\n                >Client UAT Testing Results</a\r\n              >\r\n              <!--end::Desc-->\r\n\r\n              <!--begin::Number-->\r\n              <div class=\"text-gray-400\">18kb</div>\r\n              <!--end::Number-->\r\n            </div>\r\n            <!--end::Info-->\r\n          </div>\r\n          <!--end::Item-->\r\n\r\n          <!--begin::Item-->\r\n          <div class=\"d-flex flex-aligns-center\">\r\n            <!--begin::Icon-->\r\n            <img alt=\"\" class=\"w-30px me-3\" src=\"media/svg/files/css.svg\" />\r\n            <!--end::Icon-->\r\n\r\n            <!--begin::Info-->\r\n            <div class=\"ms-1 fw-bold\">\r\n              <!--begin::Desc-->\r\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\r\n                >Finance Reports</a\r\n              >\r\n              <!--end::Desc-->\r\n\r\n              <!--begin::Number-->\r\n              <div class=\"text-gray-400\">20mb</div>\r\n              <!--end::Number-->\r\n            </div>\r\n            <!--end::Icon-->\r\n          </div>\r\n          <!--end::Item-->\r\n        </div>\r\n      </div>\r\n      <!--end::Timeline details-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item3.vue?vue&type=template&id=4c89ace2\"\nimport script from \"./Item3.vue?vue&type=script&lang=ts\"\nexport * from \"./Item3.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/abstract/abs027.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"pe-3 mb-5\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">\r\n          Task <a href=\"#\" class=\"text-primary fw-bolder me-1\">#45890</a> merged\r\n          with <a href=\"#\" class=\"text-primary fw-bolder me-1\">#45890</a> in\r\n          “Ads Pro Admin Dashboard project:\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Initiated at 4:23 PM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Nina Nilson\"\r\n          >\r\n            <img src=\"media/avatars/150-11.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item4.vue?vue&type=template&id=6dbf8e9e\"\nimport script from \"./Item4.vue?vue&type=script&lang=ts\"\nexport * from \"./Item4.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/art/art005.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"pe-3 mb-5\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">\r\n          3 new application design concepts added:\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Created at 4:23 PM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Marcus Dotson\"\r\n          >\r\n            <img src=\"media/avatars/150-3.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n\r\n      <!--begin::Timeline details-->\r\n      <div class=\"overflow-auto pb-5\">\r\n        <div\r\n          class=\"\r\n            d-flex\r\n            align-items-center\r\n            border border-dashed border-gray-300\r\n            rounded\r\n            min-w-700px\r\n            p-7\r\n          \"\r\n        >\r\n          <!--begin::Item-->\r\n          <div class=\"overlay me-10\">\r\n            <!--begin::Image-->\r\n            <div class=\"overlay-wrapper\">\r\n              <img\r\n                alt=\"img\"\r\n                class=\"rounded w-200px\"\r\n                src=\"media/demos/demo1.png\"\r\n              />\r\n            </div>\r\n            <!--end::Image-->\r\n\r\n            <!--begin::Link-->\r\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\r\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\r\n            </div>\r\n            <!--end::Link-->\r\n          </div>\r\n          <!--end::Item-->\r\n\r\n          <!--begin::Item-->\r\n          <div class=\"overlay me-10\">\r\n            <!--begin::Image-->\r\n            <div class=\"overlay-wrapper\">\r\n              <img\r\n                alt=\"img\"\r\n                class=\"rounded w-200px\"\r\n                src=\"media/demos/demo2.png\"\r\n              />\r\n            </div>\r\n            <!--end::Image-->\r\n\r\n            <!--begin::Link-->\r\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\r\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\r\n            </div>\r\n            <!--end::Link-->\r\n          </div>\r\n          <!--end::Item-->\r\n\r\n          <!--begin::Item-->\r\n          <div class=\"overlay\">\r\n            <!--begin::Image-->\r\n            <div class=\"overlay-wrapper\">\r\n              <img\r\n                alt=\"img\"\r\n                class=\"rounded w-200px\"\r\n                src=\"media/demos/demo3.png\"\r\n              />\r\n            </div>\r\n            <!--end::Image-->\r\n\r\n            <!--begin::Link-->\r\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\r\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\r\n            </div>\r\n            <!--end::Link-->\r\n          </div>\r\n          <!--end::Item-->\r\n        </div>\r\n      </div>\r\n      <!--end::Timeline details-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item5.vue?vue&type=template&id=0a4c5283\"\nimport script from \"./Item5.vue?vue&type=script&lang=ts\"\nexport * from \"./Item5.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/communication/com010.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"pe-3 mb-5\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">\r\n          New case <a href=\"#\" class=\"text-primary fw-bolder me-1\">#67890</a>\r\n          is assigned to you in Multi-platform Database Design project\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"overflow-auto pb-5\">\r\n          <!--begin::Wrapper-->\r\n          <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n            <!--begin::Info-->\r\n            <div class=\"text-muted me-2 fs-7\">Added at 4:23 PM by</div>\r\n            <!--end::Info-->\r\n\r\n            <!--begin::User-->\r\n            <a href=\"#\" class=\"text-primary fw-bolder me-1\">Alice Tan</a>\r\n            <!--end::User-->\r\n          </div>\r\n          <!--end::Wrapper-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item6.vue?vue&type=template&id=2b9799c2\"\nimport script from \"./Item6.vue?vue&type=script&lang=ts\"\nexport * from \"./Item6.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Timeline item-->\r\n  <div class=\"timeline-item\">\r\n    <!--begin::Timeline line-->\r\n    <div class=\"timeline-line w-40px\"></div>\r\n    <!--end::Timeline line-->\r\n\r\n    <!--begin::Timeline icon-->\r\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\r\n      <div class=\"symbol-label bg-light\">\r\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\r\n          <inline-svg src=\"media/icons/duotune/art/art005.svg\" />\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <!--end::Timeline icon-->\r\n\r\n    <!--begin::Timeline content-->\r\n    <div class=\"timeline-content mb-10 mt-n1\">\r\n      <!--begin::Timeline heading-->\r\n      <div class=\"pe-3 mb-5\">\r\n        <!--begin::Title-->\r\n        <div class=\"fs-5 fw-bold mb-2\">You have received a new order:</div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Description-->\r\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\r\n          <!--begin::Info-->\r\n          <div class=\"text-muted me-2 fs-7\">Placed at 5:05 AM by</div>\r\n          <!--end::Info-->\r\n\r\n          <!--begin::User-->\r\n          <div\r\n            class=\"symbol symbol-circle symbol-25px\"\r\n            data-bs-toggle=\"tooltip\"\r\n            data-bs-boundary=\"window\"\r\n            data-bs-placement=\"top\"\r\n            title=\"Robert Rich\"\r\n          >\r\n            <img src=\"media/avatars/150-14.jpg\" alt=\"img\" />\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Description-->\r\n      </div>\r\n      <!--end::Timeline heading-->\r\n\r\n      <!--begin::Timeline details-->\r\n      <div class=\"overflow-auto pb-5\">\r\n        <div\r\n          class=\"\r\n            notice\r\n            d-flex\r\n            bg-light-primary\r\n            rounded\r\n            border-primary border border-dashed\r\n            min-w-lg-600px\r\n            flex-shrink-0\r\n            p-6\r\n          \"\r\n        >\r\n          <!--begin::Icon-->\r\n          <span class=\"svg-icon svg-icon-2tx svg-icon-primary me-4\">\r\n            <inline-svg src=\"media/icons/duotune/coding/cod004.svg\" />\r\n          </span>\r\n          <!--end::Icon-->\r\n\r\n          <!--begin::Wrapper-->\r\n          <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\r\n            <!--begin::Content-->\r\n            <div class=\"mb-3 mb-md-0 fw-bold\">\r\n              <h4 class=\"text-gray-800 fw-bolder\">\r\n                Database Backup Process Completed!\r\n              </h4>\r\n\r\n              <div class=\"fs-6 text-gray-600 pe-7\">\r\n                Login into Metronic Admin Dashboard to make sure the data\r\n                integrity is OK\r\n              </div>\r\n            </div>\r\n            <!--end::Content-->\r\n\r\n            <!--begin::Action-->\r\n            <a\r\n              href=\"#\"\r\n              class=\"btn btn-primary px-6 align-self-center text-nowrap\"\r\n            >\r\n              Proceed\r\n            </a>\r\n            <!--end::Action-->\r\n          </div>\r\n          <!--end::Wrapper-->\r\n        </div>\r\n      </div>\r\n      <!--end::Timeline details-->\r\n    </div>\r\n    <!--end::Timeline content-->\r\n  </div>\r\n  <!--end::Timeline item-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item7.vue?vue&type=template&id=0ecb9a32\"\nimport script from \"./Item7.vue?vue&type=script&lang=ts\"\nexport * from \"./Item7.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <div></div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Item8.vue?vue&type=template&id=7b7d77a5\"\nimport script from \"./Item8.vue?vue&type=script&lang=ts\"\nexport * from \"./Item8.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\r\nimport { defineComponent } from \"vue\";\r\nimport Item1 from \"@/layout/header/partials/activity-timeline/Item1.vue\";\r\nimport Item2 from \"@/layout/header/partials/activity-timeline/Item2.vue\";\r\nimport Item3 from \"@/layout/header/partials/activity-timeline/Item3.vue\";\r\nimport Item4 from \"@/layout/header/partials/activity-timeline/Item4.vue\";\r\nimport Item5 from \"@/layout/header/partials/activity-timeline/Item5.vue\";\r\nimport Item6 from \"@/layout/header/partials/activity-timeline/Item6.vue\";\r\nimport Item7 from \"@/layout/header/partials/activity-timeline/Item7.vue\";\r\nimport Item8 from \"@/layout/header/partials/activity-timeline/Item8.vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"kt-activity-drawer\",\r\n  components: {\r\n    Item1,\r\n    Item2,\r\n    Item3,\r\n    Item4,\r\n    Item5,\r\n    Item6,\r\n    Item7,\r\n    Item8,\r\n  },\r\n});\r\n","import { render } from \"./ActivityDrawer.vue?vue&type=template&id=233a43bb\"\nimport script from \"./ActivityDrawer.vue?vue&type=script&lang=ts\"\nexport * from \"./ActivityDrawer.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Page loader-->\r\n  <template v-if=\"loaderType === 'spinner-message'\">\r\n    <div class=\"page-loader flex-column\">\r\n      <span class=\"spinner-border text-primary\" role=\"status\"></span>\r\n      <span class=\"text-muted fs-6 fw-bold mt-5\">Loading...</span>\r\n    </div>\r\n  </template>\r\n  <template v-else-if=\"loaderType === 'spinner-logo'\">\r\n    <div class=\"page-loader flex-column\">\r\n      <img alt=\"Logo\" class=\"max-h-75px\" :src=\"logo\" />\r\n\r\n      <div class=\"d-flex align-items-center mt-5\">\r\n        <span class=\"spinner-border text-primary\" role=\"status\"></span>\r\n        <span class=\"text-muted fs-6 fw-bold ms-5\">Loading...</span>\r\n      </div>\r\n    </div>\r\n  </template>\r\n  <template v-else>\r\n    <div class=\"page-loader\">\r\n      <span class=\"spinner-border text-primary\" role=\"status\">\r\n        <span class=\"visually-hidden\">Loading...</span>\r\n      </span>\r\n    </div>\r\n  </template>\r\n  <!--end::Page Loader-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, computed } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\n\r\nexport default defineComponent({\r\n  name: \"Loader\",\r\n  props: {\r\n    logo: String,\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n\r\n    const loaderType = computed(() => {\r\n      return store.getters.layoutConfig(\"loader.type\");\r\n    });\r\n\r\n    return {\r\n      loaderType,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent, computed } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\n\r\nexport default defineComponent({\r\n  name: \"Loader\",\r\n  props: {\r\n    logo: String,\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n\r\n    const loaderType = computed(() => {\r\n      return store.getters.layoutConfig(\"loader.type\");\r\n    });\r\n\r\n    return {\r\n      loaderType,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Loader.vue?vue&type=template&id=ac7f1726\"\nimport script from \"./Loader.vue?vue&type=script&lang=ts\"\nexport * from \"./Loader.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Modal - Create App-->\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"kt_modal_create_app\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <!--begin::Modal dialog-->\r\n    <div class=\"modal-dialog modal-dialog-centered mw-900px\">\r\n      <!--begin::Modal content-->\r\n      <div class=\"modal-content\">\r\n        <!--begin::Modal header-->\r\n        <div class=\"modal-header\">\r\n          <!--begin::Modal title-->\r\n          <h2>Create class</h2>\r\n          <!--end::Modal title-->\r\n\r\n          <!--begin::Close-->\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n            data-bs-dismiss=\"modal\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n          <!--end::Close-->\r\n        </div>\r\n        <!--end::Modal header-->\r\n\r\n        <!--begin::Modal body-->\r\n        <div class=\"modal-body py-lg-10 px-lg-10\">\r\n          <!--begin::Stepper-->\r\n          <div\r\n            class=\"\r\n              stepper stepper-pills stepper-column\r\n              d-flex\r\n              flex-column flex-xl-row flex-row-fluid\r\n            \"\r\n            id=\"kt_modal_create_app_stepper\"\r\n            ref=\"createAppRef\"\r\n          >\r\n            <!--begin::Aside-->\r\n            <div\r\n              class=\"\r\n                d-flex\r\n                justify-content-center justify-content-xl-start\r\n                flex-row-auto\r\n                w-100 w-xl-300px\r\n              \"\r\n            >\r\n              <!--begin::Nav-->\r\n              <div class=\"stepper-nav ps-lg-10\">\r\n                <!--begin::Step 1-->\r\n                <div class=\"stepper-item current\" data-kt-stepper-element=\"nav\">\r\n                  <!--begin::Line-->\r\n                  <div class=\"stepper-line w-40px\"></div>\r\n                  <!--end::Line-->\r\n\r\n                  <!--begin::Icon-->\r\n                  <div class=\"stepper-icon w-40px h-40px\">\r\n                    <i class=\"stepper-check fas fa-check\"></i>\r\n                    <span class=\"stepper-number\">1</span>\r\n                  </div>\r\n                  <!--end::Icon-->\r\n\r\n                  <!--begin::Label-->\r\n                  <div class=\"stepper-label\">\r\n                    <h3 class=\"stepper-title\">Terms</h3>\r\n\r\n                    <div class=\"stepper-desc\">Select date ran</div>\r\n                  </div>\r\n                  <!--end::Label-->\r\n                </div>\r\n                <!--end::Step 1-->\r\n\r\n                <!--begin::Step 2-->\r\n                <div class=\"stepper-item\" data-kt-stepper-element=\"nav\">\r\n                  <!--begin::Line-->\r\n                  <div class=\"stepper-line w-40px\"></div>\r\n                  <!--end::Line-->\r\n\r\n                  <!--begin::Icon-->\r\n                  <div class=\"stepper-icon w-40px h-40px\">\r\n                    <i class=\"stepper-check fas fa-check\"></i>\r\n                    <span class=\"stepper-number\">2</span>\r\n                  </div>\r\n                  <!--begin::Icon-->\r\n\r\n                  <!--begin::Label-->\r\n                  <div class=\"stepper-label\">\r\n                    <h3 class=\"stepper-title\">Program</h3>\r\n\r\n                    <div class=\"stepper-desc\">Define your app framework</div>\r\n                  </div>\r\n                  <!--begin::Label-->\r\n                </div>\r\n                <!--end::Step 2-->\r\n\r\n                <!--begin::Step 3-->\r\n                <div class=\"stepper-item\" data-kt-stepper-element=\"nav\">\r\n                  <!--begin::Line-->\r\n                  <div class=\"stepper-line w-40px\"></div>\r\n                  <!--end::Line-->\r\n\r\n                  <!--begin::Icon-->\r\n                  <div class=\"stepper-icon w-40px h-40px\">\r\n                    <i class=\"stepper-check fas fa-check\"></i>\r\n                    <span class=\"stepper-number\">3</span>\r\n                  </div>\r\n                  <!--end::Icon-->\r\n\r\n                  <!--begin::Label-->\r\n                  <div class=\"stepper-label\">\r\n                    <h3 class=\"stepper-title\">Level</h3>\r\n\r\n                    <div class=\"stepper-desc\">Select the app database type</div>\r\n                  </div>\r\n                  <!--end::Label-->\r\n                </div>\r\n                <!--end::Step 3-->\r\n\r\n                <!--begin::Step 4-->\r\n                <div class=\"stepper-item\" data-kt-stepper-element=\"nav\">\r\n                  <!--begin::Line-->\r\n                  <div class=\"stepper-line w-40px\"></div>\r\n                  <!--end::Line-->\r\n\r\n                  <!--begin::Icon-->\r\n                  <div class=\"stepper-icon w-40px h-40px\">\r\n                    <i class=\"stepper-check fas fa-check\"></i>\r\n                    <span class=\"stepper-number\">4</span>\r\n                  </div>\r\n                  <!--end::Icon-->\r\n\r\n                  <!--begin::Label-->\r\n                  <div class=\"stepper-label\">\r\n                    <h3 class=\"stepper-title\">Session</h3>\r\n\r\n                    <div class=\"stepper-desc\">Provide payment details</div>\r\n                  </div>\r\n                  <!--end::Label-->\r\n                </div>\r\n                <!--end::Step 4-->\r\n\r\n                <!--begin::Step 5-->\r\n                <div class=\"stepper-item\" data-kt-stepper-element=\"nav\">\r\n                  <!--begin::Line-->\r\n                  <div class=\"stepper-line w-40px\"></div>\r\n                  <!--end::Line-->\r\n\r\n                  <!--begin::Icon-->\r\n                  <div class=\"stepper-icon w-40px h-40px\">\r\n                    <i class=\"stepper-check fas fa-check\"></i>\r\n                    <span class=\"stepper-number\">5</span>\r\n                  </div>\r\n                  <!--end::Icon-->\r\n\r\n                  <!--begin::Label-->\r\n                  <div class=\"stepper-label\">\r\n                    <h3 class=\"stepper-title\">Subject</h3>\r\n\r\n                    <div class=\"stepper-desc\">Review and Submit</div>\r\n                  </div>\r\n                  <!--end::Label-->\r\n                </div>\r\n                <!--end::Step 5-->\r\n              </div>\r\n              <!--end::Nav-->\r\n            </div>\r\n            <!--begin::Aside-->\r\n\r\n            <!--begin::Content-->\r\n            <div class=\"flex-row-fluid py-lg-5 px-lg-15\">\r\n              <!--begin::Form-->\r\n              <form\r\n                class=\"form\"\r\n                novalidate=\"novalidate\"\r\n                id=\"kt_modal_create_app_form\"\r\n                @submit=\"handleStep\"\r\n              >\r\n                <!--begin::Step 1-->\r\n                <div class=\"current\" data-kt-stepper-element=\"content\">\r\n                  <div class=\"w-100\">\r\n                    <!--begin::Input group-->\r\n                    <div class=\"fv-row mb-10\">\r\n                      <!--begin::Label-->\r\n                      <label\r\n                        class=\"d-flex align-items-center fs-5 fw-bold mb-2\"\r\n                      >\r\n                        <span class=\"required\">App Name</span>\r\n                        <i\r\n                          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                          data-bs-toggle=\"tooltip\"\r\n                          title=\"Specify your unique app name\"\r\n                        ></i>\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin::Input-->\r\n                      <Field\r\n                        type=\"text\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                        name=\"appName\"\r\n                        placeholder=\"\"\r\n                      />\r\n                      <ErrorMessage\r\n                        class=\"fv-plugins-message-container invalid-feedback\"\r\n                        name=\"appName\"\r\n                      />\r\n                      <!--end::Input-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n\r\n                    <!--begin::Input group-->\r\n                    <div class=\"fv-row\">\r\n                      <!--begin::Label-->\r\n                      <label\r\n                        class=\"d-flex align-items-center fs-5 fw-bold mb-4\"\r\n                      >\r\n                        <span class=\"required\">Category</span>\r\n\r\n                        <i\r\n                          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                          data-bs-toggle=\"tooltip\"\r\n                          title=\"Select your app category\"\r\n                        ></i>\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin:Options-->\r\n                      <div class=\"fv-row\">\r\n                        <!--begin:Option-->\r\n                        <label class=\"d-flex flex-stack mb-5 cursor-pointer\">\r\n                          <!--begin:Label-->\r\n                          <span class=\"d-flex align-items-center me-2\">\r\n                            <!--begin:Icon-->\r\n                            <span class=\"symbol symbol-50px me-6\">\r\n                              <span class=\"symbol-label bg-light-primary\">\r\n                                <span\r\n                                  class=\"svg-icon svg-icon-1 svg-icon-primary\"\r\n                                >\r\n                                  <inline-svg\r\n                                    src=\"media/icons/duotune/maps/map004.svg\"\r\n                                  />\r\n                                </span>\r\n                              </span>\r\n                            </span>\r\n                            <!--end:Icon-->\r\n\r\n                            <!--begin:Info-->\r\n                            <span class=\"d-flex flex-column\">\r\n                              <span class=\"fw-bolder fs-6\"\r\n                                >Quick Online Courses</span\r\n                              >\r\n\r\n                              <span class=\"fs-7 text-muted\"\r\n                                >Creating a clear text structure is just one\r\n                                SEO</span\r\n                              >\r\n                            </span>\r\n                            <!--end:Info-->\r\n                          </span>\r\n                          <!--end:Label-->\r\n\r\n                          <!--begin:Input-->\r\n                          <span\r\n                            class=\"\r\n                              form-check form-check-custom form-check-solid\r\n                            \"\r\n                          >\r\n                            <Field\r\n                              class=\"form-check-input\"\r\n                              type=\"radio\"\r\n                              name=\"category\"\r\n                              value=\"1\"\r\n                            />\r\n                          </span>\r\n                          <!--end:Input-->\r\n                        </label>\r\n                        <!--end::Option-->\r\n\r\n                        <!--begin:Option-->\r\n                        <label class=\"d-flex flex-stack mb-5 cursor-pointer\">\r\n                          <!--begin:Label-->\r\n                          <span class=\"d-flex align-items-center me-2\">\r\n                            <!--begin:Icon-->\r\n                            <span class=\"symbol symbol-50px me-6\">\r\n                              <span class=\"symbol-label bg-light-danger\">\r\n                                <span\r\n                                  class=\"svg-icon svg-icon-1 svg-icon-danger\"\r\n                                >\r\n                                  <inline-svg\r\n                                    src=\"media/icons/duotune/general/gen024.svg\"\r\n                                  />\r\n                                </span>\r\n                              </span>\r\n                            </span>\r\n                            <!--end:Icon-->\r\n\r\n                            <!--begin:Info-->\r\n                            <span class=\"d-flex flex-column\">\r\n                              <span class=\"fw-bolder fs-6\"\r\n                                >Face to Face Discussions</span\r\n                              >\r\n\r\n                              <span class=\"fs-7 text-muted\"\r\n                                >Creating a clear text structure is just one\r\n                                aspect</span\r\n                              >\r\n                            </span>\r\n                            <!--end:Info-->\r\n                          </span>\r\n                          <!--end:Label-->\r\n\r\n                          <!--begin:Input-->\r\n                          <span\r\n                            class=\"\r\n                              form-check form-check-custom form-check-solid\r\n                            \"\r\n                          >\r\n                            <Field\r\n                              class=\"form-check-input\"\r\n                              type=\"radio\"\r\n                              name=\"category\"\r\n                              value=\"2\"\r\n                            />\r\n                          </span>\r\n                          <!--end:Input-->\r\n                        </label>\r\n                        <!--end::Option-->\r\n\r\n                        <!--begin:Option-->\r\n                        <label class=\"d-flex flex-stack cursor-pointer\">\r\n                          <!--begin:Label-->\r\n                          <span class=\"d-flex align-items-center me-2\">\r\n                            <!--begin:Icon-->\r\n                            <span class=\"symbol symbol-50px me-6\">\r\n                              <span class=\"symbol-label bg-light-success\">\r\n                                <span\r\n                                  class=\"svg-icon svg-icon-1 svg-icon-success\"\r\n                                >\r\n                                  <inline-svg\r\n                                    src=\"media/icons/duotune/general/gen013.svg\"\r\n                                  />\r\n                                </span>\r\n                              </span>\r\n                            </span>\r\n                            <!--end:Icon-->\r\n\r\n                            <!--begin:Info-->\r\n                            <span class=\"d-flex flex-column\">\r\n                              <span class=\"fw-bolder fs-6\"\r\n                                >Full Intro Training</span\r\n                              >\r\n\r\n                              <span class=\"fs-7 text-muted\"\r\n                                >Creating a clear text structure\r\n                                copywriting</span\r\n                              >\r\n                            </span>\r\n                            <!--end:Info-->\r\n                          </span>\r\n                          <!--end:Label-->\r\n\r\n                          <!--begin:Input-->\r\n                          <span\r\n                            class=\"\r\n                              form-check form-check-custom form-check-solid\r\n                            \"\r\n                          >\r\n                            <Field\r\n                              class=\"form-check-input\"\r\n                              type=\"radio\"\r\n                              name=\"category\"\r\n                              value=\"3\"\r\n                            />\r\n                          </span>\r\n                          <!--end:Input-->\r\n                        </label>\r\n                        <!--end::Option-->\r\n                        <ErrorMessage\r\n                          class=\"fv-plugins-message-container invalid-feedback\"\r\n                          name=\"category\"\r\n                        />\r\n                      </div>\r\n                      <!--end:Options-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n                  </div>\r\n                </div>\r\n                <!--end::Step 1-->\r\n\r\n                <!--begin::Step 2-->\r\n                <div data-kt-stepper-element=\"content\">\r\n                  <div class=\"w-100\">\r\n                    <!--begin::Input group-->\r\n                    <div class=\"fv-row\">\r\n                      <!--begin::Label-->\r\n                      <label\r\n                        class=\"d-flex align-items-center fs-5 fw-bold mb-4\"\r\n                      >\r\n                        <span class=\"required\">Select Framework</span>\r\n                        <i\r\n                          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                          data-bs-toggle=\"tooltip\"\r\n                          title=\"Specify your apps framework\"\r\n                        ></i>\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer mb-5\">\r\n                        <!--begin:Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin:Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-warning\">\r\n                              <i class=\"fab fa-html5 text-warning fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end:Icon-->\r\n\r\n                          <!--begin:Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">HTML5</span>\r\n\r\n                            <span class=\"fs-7 text-muted\">Base Web Projec</span>\r\n                          </span>\r\n                          <!--end:Info-->\r\n                        </span>\r\n                        <!--end:Label-->\r\n\r\n                        <!--begin:Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            checked\r\n                            name=\"framework\"\r\n                            value=\"1\"\r\n                          />\r\n                        </span>\r\n                        <!--end:Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer mb-5\">\r\n                        <!--begin:Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin:Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-success\">\r\n                              <i class=\"fab fa-react text-success fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end:Icon-->\r\n\r\n                          <!--begin:Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">ReactJS</span>\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Robust and flexible app framework</span\r\n                            >\r\n                          </span>\r\n                          <!--end:Info-->\r\n                        </span>\r\n                        <!--end:Label-->\r\n\r\n                        <!--begin:Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <input\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"framework\"\r\n                            value=\"2\"\r\n                          />\r\n                        </span>\r\n                        <!--end:Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer mb-5\">\r\n                        <!--begin:Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin:Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-danger\">\r\n                              <i class=\"fab fa-angular text-danger fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end:Icon-->\r\n\r\n                          <!--begin:Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">Angular</span>\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Powerful data mangement</span\r\n                            >\r\n                          </span>\r\n                          <!--end:Info-->\r\n                        </span>\r\n                        <!--end:Label-->\r\n\r\n                        <!--begin:Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"framework\"\r\n                            value=\"3\"\r\n                          />\r\n                        </span>\r\n                        <!--end:Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer\">\r\n                        <!--begin:Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin:Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-primary\">\r\n                              <i class=\"fab fa-vuejs text-primary fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end:Icon-->\r\n\r\n                          <!--begin:Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">Vue</span>\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Lightweight and responsive framework</span\r\n                            >\r\n                          </span>\r\n                          <!--end:Info-->\r\n                        </span>\r\n                        <!--end:Label-->\r\n\r\n                        <!--begin:Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"framework\"\r\n                            value=\"4\"\r\n                          />\r\n                        </span>\r\n                        <!--end:Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <ErrorMessage\r\n                        class=\"fv-plugins-message-container invalid-feedback\"\r\n                        name=\"framework\"\r\n                      />\r\n                    </div>\r\n                    <!--end::Input group-->\r\n                  </div>\r\n                </div>\r\n                <!--end::Step 2-->\r\n\r\n                <!--begin::Step 3-->\r\n                <div data-kt-stepper-element=\"content\">\r\n                  <div class=\"w-100\">\r\n                    <!--begin::Input group-->\r\n                    <div class=\"fv-row mb-10\">\r\n                      <!--begin::Label-->\r\n                      <label class=\"required fs-5 fw-bold mb-2\">\r\n                        Database Name\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin::Input-->\r\n                      <Field\r\n                        type=\"text\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                        name=\"dbName\"\r\n                        placeholder=\"\"\r\n                      />\r\n                      <ErrorMessage\r\n                        class=\"fv-plugins-message-container invalid-feedback\"\r\n                        name=\"dbName\"\r\n                      />\r\n                      <!--end::Input-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n\r\n                    <!--begin::Input group-->\r\n                    <div class=\"fv-row\">\r\n                      <!--begin::Label-->\r\n                      <label\r\n                        class=\"d-flex align-items-center fs-5 fw-bold mb-4\"\r\n                      >\r\n                        <span class=\"required\">Select Database Engine</span>\r\n\r\n                        <i\r\n                          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                          data-bs-toggle=\"tooltip\"\r\n                          title=\"Select your app database engine\"\r\n                        ></i>\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer mb-5\">\r\n                        <!--begin::Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin::Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-success\">\r\n                              <i class=\"fas fa-database text-success fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end::Icon-->\r\n\r\n                          <!--begin::Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">MySQL</span>\r\n\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Basic MySQL database</span\r\n                            >\r\n                          </span>\r\n                          <!--end::Info-->\r\n                        </span>\r\n                        <!--end::Label-->\r\n\r\n                        <!--begin::Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"dbType\"\r\n                            value=\"1\"\r\n                          />\r\n                        </span>\r\n                        <!--end::Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer mb-5\">\r\n                        <!--begin::Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin::Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-danger\">\r\n                              <i class=\"fab fa-google text-danger fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end::Icon-->\r\n\r\n                          <!--begin::Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">Firebase</span>\r\n\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Google based app data management</span\r\n                            >\r\n                          </span>\r\n                          <!--end::Info-->\r\n                        </span>\r\n                        <!--end::Label-->\r\n\r\n                        <!--begin::Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"dbType\"\r\n                            value=\"2\"\r\n                          />\r\n                        </span>\r\n                        <!--end::Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <!--begin:Option-->\r\n                      <label class=\"d-flex flex-stack cursor-pointer\">\r\n                        <!--begin::Label-->\r\n                        <span class=\"d-flex align-items-center me-2\">\r\n                          <!--begin::Icon-->\r\n                          <span class=\"symbol symbol-50px me-6\">\r\n                            <span class=\"symbol-label bg-light-warning\">\r\n                              <i class=\"fab fa-amazon text-warning fs-2x\"></i>\r\n                            </span>\r\n                          </span>\r\n                          <!--end::Icon-->\r\n\r\n                          <!--begin::Info-->\r\n                          <span class=\"d-flex flex-column\">\r\n                            <span class=\"fw-bolder fs-6\">DynamoDB</span>\r\n\r\n                            <span class=\"fs-7 text-muted\"\r\n                              >Amazon Fast NoSQL Database</span\r\n                            >\r\n                          </span>\r\n                          <!--end::Info-->\r\n                        </span>\r\n                        <!--end::Label-->\r\n\r\n                        <!--begin::Input-->\r\n                        <span\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <Field\r\n                            class=\"form-check-input\"\r\n                            type=\"radio\"\r\n                            name=\"dbType\"\r\n                            value=\"3\"\r\n                          />\r\n                        </span>\r\n                        <!--end::Input-->\r\n                      </label>\r\n                      <!--end::Option-->\r\n\r\n                      <ErrorMessage\r\n                        class=\"fv-plugins-message-container invalid-feedback\"\r\n                        name=\"dbType\"\r\n                      />\r\n                    </div>\r\n                    <!--end::Input group-->\r\n                  </div>\r\n                </div>\r\n                <!--end::Step 3-->\r\n\r\n                <!--begin::Step 4-->\r\n                <div data-kt-stepper-element=\"content\">\r\n                  <div class=\"w-100\">\r\n                    <!--begin::Input group-->\r\n                    <div class=\"d-flex flex-column mb-7 fv-row\">\r\n                      <!--begin::Label-->\r\n                      <label\r\n                        class=\"\r\n                          d-flex\r\n                          align-items-center\r\n                          fs-6\r\n                          fw-bold\r\n                          form-label\r\n                          mb-2\r\n                        \"\r\n                      >\r\n                        <span class=\"required\">Name On Card</span>\r\n                        <i\r\n                          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                          data-bs-toggle=\"tooltip\"\r\n                          title=\"Specify a card holder's name\"\r\n                        ></i>\r\n                      </label>\r\n                      <!--end::Label-->\r\n\r\n                      <Field\r\n                        type=\"text\"\r\n                        class=\"form-control form-control-solid\"\r\n                        placeholder=\"\"\r\n                        name=\"nameOnCard\"\r\n                      />\r\n                      <ErrorMessage\r\n                        class=\"fv-plugins-message-container invalid-feedback\"\r\n                        name=\"nameOnCard\"\r\n                      />\r\n                    </div>\r\n                    <!--end::Input group-->\r\n\r\n                    <!--begin::Input group-->\r\n                    <div class=\"d-flex flex-column mb-7 fv-row\">\r\n                      <!--begin::Label-->\r\n                      <label class=\"required fs-6 fw-bold form-label mb-2\"\r\n                        >Card Number</label\r\n                      >\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin::Input wrapper-->\r\n                      <div class=\"position-relative\">\r\n                        <!--begin::Input-->\r\n                        <Field\r\n                          type=\"text\"\r\n                          class=\"form-control form-control-solid\"\r\n                          placeholder=\"Enter card number\"\r\n                          name=\"cardNumber\"\r\n                        />\r\n                        <ErrorMessage\r\n                          class=\"fv-plugins-message-container invalid-feedback\"\r\n                          name=\"cardNumber\"\r\n                        />\r\n                        <!--end::Input-->\r\n\r\n                        <!--begin::Card logos-->\r\n                        <div\r\n                          class=\"\r\n                            position-absolute\r\n                            translate-middle-y\r\n                            top-50\r\n                            end-0\r\n                            me-5\r\n                          \"\r\n                        >\r\n                          <img\r\n                            src=\"media/svg/card-logos/visa.svg\"\r\n                            alt=\"\"\r\n                            class=\"h-25px\"\r\n                          />\r\n                          <img\r\n                            src=\"media/svg/card-logos/mastercard.svg\"\r\n                            alt=\"\"\r\n                            class=\"h-25px\"\r\n                          />\r\n                          <img\r\n                            src=\"media/svg/card-logos/american-express.svg\"\r\n                            alt=\"\"\r\n                            class=\"h-25px\"\r\n                          />\r\n                        </div>\r\n                        <!--end::Card logos-->\r\n                      </div>\r\n                      <!--end::Input wrapper-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n\r\n                    <!--begin::Input group-->\r\n                    <div class=\"row mb-10\">\r\n                      <!--begin::Col-->\r\n                      <div class=\"col-md-8 fv-row\">\r\n                        <!--begin::Label-->\r\n                        <label class=\"required fs-6 fw-bold form-label mb-2\"\r\n                          >Expiration Date</label\r\n                        >\r\n                        <!--end::Label-->\r\n\r\n                        <!--begin::Row-->\r\n                        <div class=\"row fv-row\">\r\n                          <!--begin::Col-->\r\n                          <div class=\"col-6\">\r\n                            <Field\r\n                              name=\"cardExpiryMonth\"\r\n                              class=\"\r\n                                form-select form-select-solid\r\n                                select2-hidden-accessible\r\n                              \"\r\n                              placeholder=\"Month\"\r\n                              as=\"select\"\r\n                            >\r\n                              <option\r\n                                v-for=\"i in 12\"\r\n                                :key=\"i\"\r\n                                :label=\"i\"\r\n                                :value=\"i\"\r\n                              ></option>\r\n                            </Field>\r\n                            <ErrorMessage\r\n                              class=\"\r\n                                fv-plugins-message-container\r\n                                invalid-feedback\r\n                              \"\r\n                              name=\"cardExpiryMonth\"\r\n                            />\r\n                          </div>\r\n                          <!--end::Col-->\r\n\r\n                          <!--begin::Col-->\r\n                          <div class=\"col-6\">\r\n                            <Field\r\n                              name=\"cardExpiryYear\"\r\n                              class=\"\r\n                                form-select form-select-solid\r\n                                select2-hidden-accessible\r\n                              \"\r\n                              placeholder=\"Year\"\r\n                              as=\"select\"\r\n                            >\r\n                              <option\r\n                                v-for=\"i in 10\"\r\n                                :key=\"i\"\r\n                                :label=\"i + (new Date().getFullYear() - 1)\"\r\n                                :value=\"i\"\r\n                              ></option>\r\n                            </Field>\r\n                            <ErrorMessage\r\n                              class=\"\r\n                                fv-plugins-message-container\r\n                                invalid-feedback\r\n                              \"\r\n                              name=\"cardExpiryYear\"\r\n                            />\r\n                          </div>\r\n                          <!--end::Col-->\r\n                        </div>\r\n                        <!--end::Row-->\r\n                      </div>\r\n                      <!--end::Col-->\r\n\r\n                      <!--begin::Col-->\r\n                      <div class=\"col-md-4 fv-row\">\r\n                        <!--begin::Label-->\r\n                        <label\r\n                          class=\"\r\n                            d-flex\r\n                            align-items-center\r\n                            fs-6\r\n                            fw-bold\r\n                            form-label\r\n                            mb-2\r\n                          \"\r\n                        >\r\n                          <span class=\"required\">CVV</span>\r\n                          <i\r\n                            class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n                            data-bs-toggle=\"tooltip\"\r\n                            title=\"Enter a card CVV code\"\r\n                          ></i>\r\n                        </label>\r\n                        <!--end::Label-->\r\n\r\n                        <!--begin::Input wrapper-->\r\n                        <div class=\"position-relative\">\r\n                          <!--begin::Input-->\r\n                          <Field\r\n                            type=\"text\"\r\n                            class=\"form-control form-control-solid\"\r\n                            minlength=\"3\"\r\n                            maxlength=\"4\"\r\n                            placeholder=\"CVV\"\r\n                            name=\"cardCvv\"\r\n                          />\r\n                          <ErrorMessage\r\n                            class=\"\r\n                              fv-plugins-message-container\r\n                              invalid-feedback\r\n                            \"\r\n                            name=\"cardCvv\"\r\n                          />\r\n                          <!--end::Input-->\r\n\r\n                          <!--begin::CVV icon-->\r\n                          <div\r\n                            class=\"\r\n                              position-absolute\r\n                              translate-middle-y\r\n                              top-50\r\n                              end-0\r\n                              me-3\r\n                            \"\r\n                          >\r\n                            <span class=\"svg-icon svg-icon-2hx\">\r\n                              <inline-svg\r\n                                src=\"media/icons/duotune/finance/fin002.svg\"\r\n                              />\r\n                            </span>\r\n                          </div>\r\n                          <!--end::CVV icon-->\r\n                        </div>\r\n                        <!--end::Input wrapper-->\r\n                      </div>\r\n                      <!--end::Col-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n\r\n                    <!--begin::Input group-->\r\n                    <div class=\"d-flex flex-stack\">\r\n                      <!--begin::Label-->\r\n                      <div class=\"me-5\">\r\n                        <label class=\"fs-6 fw-bold form-label\"\r\n                          >Save Card for further billing?</label\r\n                        >\r\n                        <div class=\"fs-7 fw-bold text-gray-400\">\r\n                          If you need more info, please check budget planning\r\n                        </div>\r\n                      </div>\r\n                      <!--end::Label-->\r\n\r\n                      <!--begin::Switch-->\r\n                      <label\r\n                        class=\"\r\n                          form-check\r\n                          form-switch\r\n                          form-check-custom\r\n                          form-check-solid\r\n                        \"\r\n                      >\r\n                        <Field\r\n                          type=\"checkbox\"\r\n                          class=\"form-check-input\"\r\n                          name=\"saveCard\"\r\n                          value=\"1\"\r\n                        />\r\n                        <span class=\"form-check-label fw-bold text-gray-400\">\r\n                          Save Card\r\n                        </span>\r\n                      </label>\r\n                      <!--end::Switch-->\r\n                    </div>\r\n                    <!--end::Input group-->\r\n                  </div>\r\n                </div>\r\n                <!--end::Step 4-->\r\n\r\n                <!--begin::Step 5-->\r\n                <div data-kt-stepper-element=\"content\">\r\n                  <div class=\"w-100 text-center\">\r\n                    <!--begin::Heading-->\r\n                    <h1 class=\"fw-bolder text-dark mb-3\">Release!</h1>\r\n                    <!--end::Heading-->\r\n\r\n                    <!--begin::Description-->\r\n                    <div class=\"text-muted fw-bold fs-3\">\r\n                      Submit your app to kickstart your project.\r\n                    </div>\r\n                    <!--end::Description-->\r\n\r\n                    <!--begin::Illustration-->\r\n                    <div class=\"text-center px-4 py-15\">\r\n                      <img\r\n                        src=\"media/illustrations/sketchy-1/9.png\"\r\n                        alt=\"\"\r\n                        class=\"w-100 mh-300px\"\r\n                      />\r\n                    </div>\r\n                    <!--end::Illustration-->\r\n                  </div>\r\n                </div>\r\n                <!--end::Step 5-->\r\n\r\n                <!--begin::Actions-->\r\n                <div class=\"d-flex flex-stack pt-10\">\r\n                  <!--begin::Wrapper-->\r\n                  <div class=\"me-2\">\r\n                    <button\r\n                      type=\"button\"\r\n                      class=\"btn btn-lg btn-light-primary me-3\"\r\n                      data-kt-stepper-action=\"previous\"\r\n                      @click=\"previousStep()\"\r\n                    >\r\n                      <span class=\"svg-icon svg-icon-3 me-1\">\r\n                        <inline-svg\r\n                          src=\"media/icons/duotune/arrows/arr063.svg\"\r\n                        />\r\n                      </span>\r\n                      Back\r\n                    </button>\r\n                  </div>\r\n                  <!--end::Wrapper-->\r\n\r\n                  <!--begin::Wrapper-->\r\n                  <div>\r\n                    <button\r\n                      type=\"submit\"\r\n                      class=\"btn btn-lg btn-primary\"\r\n                      v-if=\"currentStepIndex === totalSteps - 1\"\r\n                      @click=\"formSubmit()\"\r\n                    >\r\n                      <span class=\"indicator-label\">\r\n                        Submit\r\n                        <span class=\"svg-icon svg-icon-3 ms-2 me-0\">\r\n                          <inline-svg\r\n                            src=\"media/icons/duotune/arrows/arr064.svg\"\r\n                          />\r\n                        </span>\r\n                      </span>\r\n                      <span class=\"indicator-progress\">\r\n                        Please wait...\r\n                        <span\r\n                          class=\"\r\n                            spinner-border spinner-border-sm\r\n                            align-middle\r\n                            ms-2\r\n                          \"\r\n                        ></span>\r\n                      </span>\r\n                    </button>\r\n\r\n                    <button type=\"submit\" class=\"btn btn-lg btn-primary\" v-else>\r\n                      Continue\r\n                      <span class=\"svg-icon svg-icon-3 ms-1 me-0\">\r\n                        <inline-svg\r\n                          src=\"media/icons/duotune/arrows/arr064.svg\"\r\n                        />\r\n                      </span>\r\n                    </button>\r\n                  </div>\r\n                  <!--end::Wrapper-->\r\n                </div>\r\n                <!--end::Actions-->\r\n              </form>\r\n              <!--end::Form-->\r\n            </div>\r\n            <!--end::Content-->\r\n          </div>\r\n          <!--end::Stepper-->\r\n        </div>\r\n        <!--end::Modal body-->\r\n      </div>\r\n      <!--end::Modal content-->\r\n    </div>\r\n    <!--end::Modal dialog-->\r\n  </div>\r\n  <!--end::Modal - Create App-->\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.el-input--suffix .el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n\r\n.el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n</style>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, ref, computed } from \"vue\";\r\nimport { StepperComponent } from \"@/assets/ts/components/_StepperComponent\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\r\nimport { useForm } from \"vee-validate\";\r\nimport { Field, ErrorMessage } from \"vee-validate\";\r\nimport * as Yup from \"yup\";\r\n\r\ninterface Step1 {\r\n  appName: string;\r\n  category: string;\r\n}\r\n\r\ninterface Step2 {\r\n  framework: string;\r\n}\r\n\r\ninterface Step3 {\r\n  dbName: string;\r\n  dbType: string;\r\n}\r\n\r\ninterface Step4 {\r\n  nameOnCard: string;\r\n  cardNumber: string;\r\n  cardExpiryMonth: string;\r\n  cardExpiryYear: string;\r\n  cardCvv: string;\r\n  saveCard: string;\r\n}\r\n\r\ninterface KTCreateApp extends Step1, Step2, Step3, Step4 {}\r\n\r\nexport default defineComponent({\r\n  name: \"create-app-modal\",\r\n  components: {\r\n    Field,\r\n    ErrorMessage,\r\n  },\r\n  setup() {\r\n    const _stepperObj = ref<StepperComponent | null>(null);\r\n    const createAppRef = ref<HTMLElement | null>(null);\r\n    const currentStepIndex = ref(0);\r\n\r\n    const formData = ref<KTCreateApp>({\r\n      appName: \"\",\r\n      category: \"1\",\r\n      framework: \"1\",\r\n      dbName: \"\",\r\n      dbType: \"1\",\r\n      nameOnCard: \"Max Doe\",\r\n      cardNumber: \"4111 1111 1111 1111\",\r\n      cardExpiryMonth: \"1\",\r\n      cardExpiryYear: \"2\",\r\n      cardCvv: \"123\",\r\n      saveCard: \"1\",\r\n    });\r\n\r\n    onMounted(() => {\r\n      _stepperObj.value = StepperComponent.createInsance(\r\n        createAppRef.value as HTMLElement\r\n      );\r\n    });\r\n\r\n    const createAppSchema = [\r\n      Yup.object({\r\n        appName: Yup.string().required().label(\"App name\"),\r\n        category: Yup.string().required().label(\"Category\"),\r\n      }),\r\n      Yup.object({\r\n        framework: Yup.string().required().label(\"Framework\"),\r\n      }),\r\n      Yup.object({\r\n        dbName: Yup.string().required().label(\"Database name\"),\r\n        dbType: Yup.string().required().label(\"Database engine\"),\r\n      }),\r\n      Yup.object({\r\n        nameOnCard: Yup.string().required().label(\"Name\"),\r\n        cardNumber: Yup.string().required().label(\"Card Number\"),\r\n        cardExpiryMonth: Yup.string().required().label(\"Expiration Month\"),\r\n        cardExpiryYear: Yup.string().required().label(\"Expiration Year\"),\r\n        cardCvv: Yup.string().required().label(\"CVV\"),\r\n      }),\r\n    ];\r\n\r\n    // extracts the individual step schema\r\n    const currentSchema = computed(() => {\r\n      return createAppSchema[currentStepIndex.value];\r\n    });\r\n\r\n    const totalSteps = computed(() => {\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      return _stepperObj.value.totatStepsNumber;\r\n    });\r\n\r\n    const { resetForm, handleSubmit } = useForm<Step1 | Step2 | Step3 | Step4>({\r\n      validationSchema: currentSchema,\r\n    });\r\n\r\n    const previousStep = () => {\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      currentStepIndex.value--;\r\n\r\n      _stepperObj.value.goPrev();\r\n    };\r\n\r\n    const handleStep = handleSubmit((values) => {\r\n      formData.value = {\r\n        ...formData.value,\r\n        ...values,\r\n      };\r\n\r\n      currentStepIndex.value++;\r\n\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      _stepperObj.value.goNext();\r\n    });\r\n\r\n    const formSubmit = () => {\r\n      Swal.fire({\r\n        text: \"All is cool! Now you submit this form\",\r\n        icon: \"success\",\r\n        buttonsStyling: false,\r\n        confirmButtonText: \"Ok, got it!\",\r\n        customClass: {\r\n          confirmButton: \"btn fw-bold btn-light-primary\",\r\n        },\r\n      }).then(() => {\r\n        window.location.reload();\r\n      });\r\n    };\r\n\r\n    resetForm({\r\n      values: {\r\n        ...formData.value,\r\n      },\r\n    });\r\n\r\n    return {\r\n      handleStep,\r\n      formSubmit,\r\n      previousStep,\r\n      createAppRef,\r\n      currentStepIndex,\r\n      totalSteps,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent, onMounted, ref, computed } from \"vue\";\r\nimport { StepperComponent } from \"@/assets/ts/components/_StepperComponent\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\r\nimport { useForm } from \"vee-validate\";\r\nimport { Field, ErrorMessage } from \"vee-validate\";\r\nimport * as Yup from \"yup\";\r\n\r\ninterface Step1 {\r\n  appName: string;\r\n  category: string;\r\n}\r\n\r\ninterface Step2 {\r\n  framework: string;\r\n}\r\n\r\ninterface Step3 {\r\n  dbName: string;\r\n  dbType: string;\r\n}\r\n\r\ninterface Step4 {\r\n  nameOnCard: string;\r\n  cardNumber: string;\r\n  cardExpiryMonth: string;\r\n  cardExpiryYear: string;\r\n  cardCvv: string;\r\n  saveCard: string;\r\n}\r\n\r\ninterface KTCreateApp extends Step1, Step2, Step3, Step4 {}\r\n\r\nexport default defineComponent({\r\n  name: \"create-app-modal\",\r\n  components: {\r\n    Field,\r\n    ErrorMessage,\r\n  },\r\n  setup() {\r\n    const _stepperObj = ref<StepperComponent | null>(null);\r\n    const createAppRef = ref<HTMLElement | null>(null);\r\n    const currentStepIndex = ref(0);\r\n\r\n    const formData = ref<KTCreateApp>({\r\n      appName: \"\",\r\n      category: \"1\",\r\n      framework: \"1\",\r\n      dbName: \"\",\r\n      dbType: \"1\",\r\n      nameOnCard: \"Max Doe\",\r\n      cardNumber: \"4111 1111 1111 1111\",\r\n      cardExpiryMonth: \"1\",\r\n      cardExpiryYear: \"2\",\r\n      cardCvv: \"123\",\r\n      saveCard: \"1\",\r\n    });\r\n\r\n    onMounted(() => {\r\n      _stepperObj.value = StepperComponent.createInsance(\r\n        createAppRef.value as HTMLElement\r\n      );\r\n    });\r\n\r\n    const createAppSchema = [\r\n      Yup.object({\r\n        appName: Yup.string().required().label(\"App name\"),\r\n        category: Yup.string().required().label(\"Category\"),\r\n      }),\r\n      Yup.object({\r\n        framework: Yup.string().required().label(\"Framework\"),\r\n      }),\r\n      Yup.object({\r\n        dbName: Yup.string().required().label(\"Database name\"),\r\n        dbType: Yup.string().required().label(\"Database engine\"),\r\n      }),\r\n      Yup.object({\r\n        nameOnCard: Yup.string().required().label(\"Name\"),\r\n        cardNumber: Yup.string().required().label(\"Card Number\"),\r\n        cardExpiryMonth: Yup.string().required().label(\"Expiration Month\"),\r\n        cardExpiryYear: Yup.string().required().label(\"Expiration Year\"),\r\n        cardCvv: Yup.string().required().label(\"CVV\"),\r\n      }),\r\n    ];\r\n\r\n    // extracts the individual step schema\r\n    const currentSchema = computed(() => {\r\n      return createAppSchema[currentStepIndex.value];\r\n    });\r\n\r\n    const totalSteps = computed(() => {\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      return _stepperObj.value.totatStepsNumber;\r\n    });\r\n\r\n    const { resetForm, handleSubmit } = useForm<Step1 | Step2 | Step3 | Step4>({\r\n      validationSchema: currentSchema,\r\n    });\r\n\r\n    const previousStep = () => {\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      currentStepIndex.value--;\r\n\r\n      _stepperObj.value.goPrev();\r\n    };\r\n\r\n    const handleStep = handleSubmit((values) => {\r\n      formData.value = {\r\n        ...formData.value,\r\n        ...values,\r\n      };\r\n\r\n      currentStepIndex.value++;\r\n\r\n      if (!_stepperObj.value) {\r\n        return;\r\n      }\r\n\r\n      _stepperObj.value.goNext();\r\n    });\r\n\r\n    const formSubmit = () => {\r\n      Swal.fire({\r\n        text: \"All is cool! Now you submit this form\",\r\n        icon: \"success\",\r\n        buttonsStyling: false,\r\n        confirmButtonText: \"Ok, got it!\",\r\n        customClass: {\r\n          confirmButton: \"btn fw-bold btn-light-primary\",\r\n        },\r\n      }).then(() => {\r\n        window.location.reload();\r\n      });\r\n    };\r\n\r\n    resetForm({\r\n      values: {\r\n        ...formData.value,\r\n      },\r\n    });\r\n\r\n    return {\r\n      handleStep,\r\n      formSubmit,\r\n      previousStep,\r\n      createAppRef,\r\n      currentStepIndex,\r\n      totalSteps,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./CreateAppModal.vue?vue&type=template&id=3ca9bce3&scoped=true\"\nimport script from \"./CreateAppModal.vue?vue&type=script&lang=ts\"\nexport * from \"./CreateAppModal.vue?vue&type=script&lang=ts\"\n\nimport \"./CreateAppModal.vue?vue&type=style&index=0&id=3ca9bce3&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-3ca9bce3\"\n\nexport default script","<template>\r\n  <!--begin::Chat drawer-->\r\n  <div\r\n    id=\"kt_drawer_chat\"\r\n    class=\"bg-white\"\r\n    data-kt-drawer=\"true\"\r\n    data-kt-drawer-name=\"chat\"\r\n    data-kt-drawer-activate=\"true\"\r\n    data-kt-drawer-overlay=\"true\"\r\n    data-kt-drawer-width=\"{default:'300px', 'md': '500px'}\"\r\n    data-kt-drawer-direction=\"end\"\r\n    data-kt-drawer-toggle=\"#kt_drawer_chat_toggle\"\r\n    data-kt-drawer-close=\"#kt_drawer_chat_close\"\r\n  >\r\n    <!--begin::Messenger-->\r\n    <div class=\"card w-100\" id=\"kt_drawer_chat_messenger\">\r\n      <!--begin::Card header-->\r\n      <div class=\"card-header pe-5\" id=\"kt_drawer_chat_messenger_header\">\r\n        <!--begin::Title-->\r\n        <div class=\"card-title\">\r\n          <!--begin::User-->\r\n          <div class=\"d-flex justify-content-center flex-column me-3\">\r\n            <a\r\n              href=\"#\"\r\n              class=\"\r\n                fs-4\r\n                fw-bolder\r\n                text-gray-900 text-hover-primary\r\n                me-1\r\n                mb-2\r\n                lh-1\r\n              \"\r\n              >Brian Cox</a\r\n            >\r\n\r\n            <!--begin::Info-->\r\n            <div class=\"mb-0 lh-1\">\r\n              <span\r\n                class=\"badge badge-success badge-circle w-10px h-10px me-1\"\r\n              ></span>\r\n              <span class=\"fs-7 fw-bold text-gray-400\">Active</span>\r\n            </div>\r\n            <!--end::Info-->\r\n          </div>\r\n          <!--end::User-->\r\n        </div>\r\n        <!--end::Title-->\r\n\r\n        <!--begin::Card toolbar-->\r\n        <div class=\"card-toolbar\">\r\n          <!--begin::Menu-->\r\n          <div class=\"me-2\">\r\n            <button\r\n              class=\"btn btn-sm btn-icon btn-active-icon-primary\"\r\n              data-kt-menu-trigger=\"click\"\r\n              data-kt-menu-placement=\"bottom-end\"\r\n              data-kt-menu-flip=\"top-end\"\r\n            >\r\n              <i class=\"bi bi-three-dots fs-3\"></i>\r\n            </button>\r\n            <Dropdown4></Dropdown4>\r\n          </div>\r\n          <!--end::Menu-->\r\n\r\n          <!--begin::Close-->\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-icon-primary\"\r\n            id=\"kt_drawer_chat_close\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-2x\">\r\n              <inline-svg src=\"media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n          <!--end::Close-->\r\n        </div>\r\n        <!--end::Card toolbar-->\r\n      </div>\r\n      <!--end::Card header-->\r\n\r\n      <!--begin::Card body-->\r\n      <div class=\"card-body\" id=\"kt_drawer_chat_messenger_body\">\r\n        <!--begin::Messages-->\r\n        <div\r\n          class=\"scroll-y me-n5 pe-5\"\r\n          ref=\"messagesRef\"\r\n          data-kt-element=\"messages\"\r\n          data-kt-scroll=\"true\"\r\n          data-kt-scroll-activate=\"true\"\r\n          data-kt-scroll-height=\"auto\"\r\n          data-kt-scroll-dependencies=\"#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer\"\r\n          data-kt-scroll-wrappers=\"#kt_drawer_chat_messenger_body\"\r\n          data-kt-scroll-offset=\"0px\"\r\n        >\r\n          <template v-for=\"(item, index) in messages\" :key=\"index\">\r\n            <MessageIn\r\n              ref=\"messagesInRef\"\r\n              v-if=\"item.type === 'in'\"\r\n              :name=\"item.name\"\r\n              :image=\"item.image\"\r\n              :time=\"item.time\"\r\n              :text=\"item.text\"\r\n            ></MessageIn>\r\n            <MessageOut\r\n              ref=\"messagesOutRef\"\r\n              v-if=\"item.type === 'out'\"\r\n              :image=\"item.image\"\r\n              :time=\"item.time\"\r\n              :text=\"item.text\"\r\n            ></MessageOut>\r\n          </template>\r\n        </div>\r\n        <!--end::Messages-->\r\n      </div>\r\n      <!--end::Card body-->\r\n\r\n      <!--begin::Card footer-->\r\n      <div class=\"card-footer pt-4\" id=\"kt_drawer_chat_messenger_footer\">\r\n        <!--begin::Input-->\r\n        <input\r\n          class=\"form-control form-control-flush mb-3\"\r\n          data-kt-element=\"input\"\r\n          placeholder=\"Type a message\"\r\n          v-model=\"newMessageText\"\r\n          @keydown.enter=\"addNewMessage\"\r\n        />\r\n        <!--end::Input-->\r\n\r\n        <!--begin:Toolbar-->\r\n        <div class=\"d-flex flex-stack\">\r\n          <!--begin::Actions-->\r\n          <div class=\"d-flex align-items-center me-2\">\r\n            <button\r\n              class=\"btn btn-sm btn-icon btn-active-light-primary me-1\"\r\n              type=\"button\"\r\n              data-bs-toggle=\"tooltip\"\r\n              title=\"Coming soon\"\r\n            >\r\n              <i class=\"bi bi-paperclip fs-3\"></i>\r\n            </button>\r\n            <button\r\n              class=\"btn btn-sm btn-icon btn-active-light-primary me-1\"\r\n              type=\"button\"\r\n              data-bs-toggle=\"tooltip\"\r\n              title=\"Coming soon\"\r\n            >\r\n              <i class=\"bi bi-upload fs-3\"></i>\r\n            </button>\r\n          </div>\r\n          <!--end::Actions-->\r\n\r\n          <!--begin::Send-->\r\n          <button\r\n            @click=\"addNewMessage\"\r\n            class=\"btn btn-primary\"\r\n            type=\"button\"\r\n            data-kt-element=\"send\"\r\n          >\r\n            Send\r\n          </button>\r\n          <!--end::Send-->\r\n        </div>\r\n        <!--end::Toolbar-->\r\n      </div>\r\n      <!--end::Card footer-->\r\n    </div>\r\n    <!--end::Messenger-->\r\n  </div>\r\n  <!--end::Chat drawer-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\r\nimport MessageIn from \"@/components/messenger-parts/MessageIn.vue\";\r\nimport MessageOut from \"@/components/messenger-parts/MessageOut.vue\";\r\nimport Dropdown4 from \"@/components/dropdown/Dropdown4.vue\";\r\n\r\ninterface KTMessage {\r\n  type: string;\r\n  name?: string;\r\n  image: string;\r\n  time: string;\r\n  text: string;\r\n}\r\n\r\nexport default defineComponent({\r\n  name: \"upgrade-to-pro\",\r\n  components: {\r\n    MessageIn,\r\n    MessageOut,\r\n    Dropdown4,\r\n  },\r\n  setup() {\r\n    const messagesRef = ref<null | HTMLElement>(null);\r\n    const messagesInRef = ref<null | HTMLElement>(null);\r\n    const messagesOutRef = ref<null | HTMLElement>(null);\r\n\r\n    const messages = ref<Array<KTMessage>>([\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"5 Hours\",\r\n        text: \"How likely are you to recommend our company to your friends and family ?\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"2 Hours\",\r\n        text: \"Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"2 Hour\",\r\n        text: \"Ok, Understood!\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"2 Hours\",\r\n        text: \"You’ll receive notifications for all issues, pull requests!\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"1 Hour\",\r\n        text: \"You can unwatch this repository immediately by clicking here: Keenthemes.com\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"4 mins\",\r\n        text: \"Most purchased Business courses during this sale!\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"2 mins\",\r\n        text: \"Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided\",\r\n      },\r\n    ]);\r\n\r\n    const newMessageText = ref(\"\");\r\n\r\n    const addNewMessage = () => {\r\n      if (!newMessageText.value) {\r\n        return;\r\n      }\r\n      messages.value.push({\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"Just now\",\r\n        text: newMessageText.value,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        if (messagesRef.value) {\r\n          messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\r\n        }\r\n      }, 1);\r\n\r\n      newMessageText.value = \"\";\r\n      setTimeout(() => {\r\n        messages.value.push({\r\n          type: \"in\",\r\n          name: \"Ja Morant\",\r\n          image: \"media/avatars/150-15.jpg\",\r\n          time: \"Just now\",\r\n          text: \"Thank you for your awesome support!\",\r\n        });\r\n\r\n        setTimeout(() => {\r\n          if (messagesRef.value) {\r\n            messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\r\n          }\r\n        }, 1);\r\n      }, 2000);\r\n    };\r\n\r\n    onMounted(() => {\r\n      if (\r\n        !messagesRef.value ||\r\n        !ScrollComponent.getInstance(messagesRef.value)\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      ScrollComponent.getInstance(messagesRef.value).update();\r\n    });\r\n\r\n    return {\r\n      messages,\r\n      messagesRef,\r\n      newMessageText,\r\n      addNewMessage,\r\n      messagesInRef,\r\n      messagesOutRef,\r\n    };\r\n  },\r\n});\r\n</script>\r\n","<template>\r\n  <div class=\"d-flex justify-content-start mb-10\">\r\n    <!--begin::Wrapper-->\r\n    <div class=\"d-flex flex-column align-items-start\">\r\n      <!--begin::User-->\r\n      <div class=\"d-flex align-items-center mb-2\">\r\n        <div class=\"symbol symbol-35px symbol-circle\">\r\n          <img alt=\"Pic\" :src=\"image\" />\r\n        </div>\r\n\r\n        <!--begin::Details-->\r\n        <div class=\"ms-3\">\r\n          <a\r\n            href=\"#\"\r\n            class=\"fs-5 fw-bolder text-gray-900 text-hover-primary me-1\"\r\n            >{{ name }}</a\r\n          >\r\n          <span class=\"text-muted fs-7 mb-1\">{{ time }}</span>\r\n        </div>\r\n        <!--end::Details-->\r\n      </div>\r\n      <!--end::User-->\r\n\r\n      <!--begin::Text-->\r\n      <div\r\n        class=\"\r\n          p-5\r\n          rounded\r\n          bg-light-info\r\n          text-dark\r\n          fw-bold\r\n          mw-lg-400px\r\n          text-start\r\n        \"\r\n        data-kt-element=\"message-text\"\r\n      >\r\n        {{ text }}\r\n      </div>\r\n      <!--end::Text-->\r\n    </div>\r\n  </div>\r\n  <!--end::Wrapper-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"message-out\",\r\n  props: {\r\n    name: String,\r\n    image: String,\r\n    time: String,\r\n    text: String,\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"message-out\",\r\n  props: {\r\n    name: String,\r\n    image: String,\r\n    time: String,\r\n    text: String,\r\n  },\r\n});\r\n","import { render } from \"./MessageIn.vue?vue&type=template&id=22819606\"\nimport script from \"./MessageIn.vue?vue&type=script&lang=ts\"\nexport * from \"./MessageIn.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <div class=\"d-flex justify-content-end mb-10\">\r\n    <!--begin::Wrapper-->\r\n    <div class=\"d-flex flex-column align-items-end\">\r\n      <!--begin::User-->\r\n      <div class=\"d-flex align-items-center mb-2\">\r\n        <!--begin::Details-->\r\n        <div class=\"me-3\">\r\n          <span class=\"text-muted fs-7 mb-1\">{{ time }}</span>\r\n          <a\r\n            href=\"#\"\r\n            class=\"fs-5 fw-bolder text-gray-900 text-hover-primary ms-1\"\r\n            >You</a\r\n          >\r\n        </div>\r\n        <!--end::Details-->\r\n\r\n        <div class=\"symbol symbol-35px symbol-circle\">\r\n          <img alt=\"Pic\" :src=\"image\" />\r\n        </div>\r\n      </div>\r\n      <!--end::User-->\r\n\r\n      <!--begin::Text-->\r\n      <div\r\n        class=\"\r\n          p-5\r\n          rounded\r\n          bg-light-primary\r\n          text-dark\r\n          fw-bold\r\n          mw-lg-400px\r\n          text-end\r\n        \"\r\n        data-kt-element=\"message-text\"\r\n      >\r\n        {{ text }}\r\n      </div>\r\n      <!--end::Text-->\r\n    </div>\r\n    <!--end::Wrapper-->\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"message-out\",\r\n  props: {\r\n    image: String,\r\n    time: String,\r\n    text: String,\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"message-out\",\r\n  props: {\r\n    image: String,\r\n    time: String,\r\n    text: String,\r\n  },\r\n});\r\n","import { render } from \"./MessageOut.vue?vue&type=template&id=31d414f3\"\nimport script from \"./MessageOut.vue?vue&type=script&lang=ts\"\nexport * from \"./MessageOut.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <!--begin::Menu 3-->\r\n  <div\r\n    class=\"\r\n      menu\r\n      menu-sub\r\n      menu-sub-dropdown\r\n      menu-column\r\n      menu-rounded\r\n      menu-gray-800\r\n      menu-state-bg-light-primary\r\n      fw-bold\r\n      w-200px\r\n      py-3\r\n    \"\r\n    data-kt-menu=\"true\"\r\n  >\r\n    <!--begin::Heading-->\r\n    <div class=\"menu-item px-3\">\r\n      <div class=\"menu-content text-muted pb-2 px-3 fs-7 text-uppercase\">\r\n        Contacts\r\n      </div>\r\n    </div>\r\n    <!--end::Heading-->\r\n\r\n    <!--begin::Menu item-->\r\n    <div class=\"menu-item px-3\">\r\n      <a\r\n        href=\"#\"\r\n        class=\"menu-link px-3\"\r\n        data-bs-toggle=\"modal\"\r\n        data-bs-target=\"#kt_modal_users_search\"\r\n      >\r\n        Add Contact\r\n      </a>\r\n    </div>\r\n    <!--end::Menu item-->\r\n\r\n    <!--begin::Menu item-->\r\n    <div class=\"menu-item px-3\">\r\n      <a\r\n        href=\"#\"\r\n        class=\"menu-link flex-stack px-3\"\r\n        data-bs-toggle=\"modal\"\r\n        data-bs-target=\"#kt_modal_invite_friends\"\r\n      >\r\n        Invite Contacts\r\n\r\n        <i\r\n          class=\"fas fa-exclamation-circle ms-2 fs-7\"\r\n          data-bs-toggle=\"tooltip\"\r\n          title=\"Specify a contact email to send an invitation\"\r\n        ></i>\r\n      </a>\r\n    </div>\r\n    <!--end::Menu item-->\r\n\r\n    <!--begin::Menu item-->\r\n    <div\r\n      class=\"menu-item px-3\"\r\n      data-kt-menu-trigger=\"hover\"\r\n      data-kt-menu-placement=\"right-start\"\r\n      data-kt-menu-flip=\"left, center, top\"\r\n    >\r\n      <a href=\"#\" class=\"menu-link px-3\">\r\n        <span class=\"menu-title\">Groups</span>\r\n        <span class=\"menu-arrow\"></span>\r\n      </a>\r\n\r\n      <!--begin::Menu sub-->\r\n      <div class=\"menu-sub menu-sub-dropdown w-175px py-4\">\r\n        <!--begin::Menu item-->\r\n        <div class=\"menu-item px-3\">\r\n          <a\r\n            href=\"#\"\r\n            class=\"menu-link px-3\"\r\n            data-bs-toggle=\"tooltip\"\r\n            title=\"Coming soon\"\r\n          >\r\n            Create Group\r\n          </a>\r\n        </div>\r\n        <!--end::Menu item-->\r\n\r\n        <!--begin::Menu item-->\r\n        <div class=\"menu-item px-3\">\r\n          <a\r\n            href=\"#\"\r\n            class=\"menu-link px-3\"\r\n            data-bs-toggle=\"tooltip\"\r\n            title=\"Coming soon\"\r\n          >\r\n            Invite Members\r\n          </a>\r\n        </div>\r\n        <!--end::Menu item-->\r\n\r\n        <!--begin::Menu item-->\r\n        <div class=\"menu-item px-3\">\r\n          <a\r\n            href=\"#\"\r\n            class=\"menu-link px-3\"\r\n            data-bs-toggle=\"tooltip\"\r\n            title=\"Coming soon\"\r\n          >\r\n            Settings\r\n          </a>\r\n        </div>\r\n        <!--end::Menu item-->\r\n      </div>\r\n      <!--end::Menu sub-->\r\n    </div>\r\n    <!--end::Menu item-->\r\n\r\n    <!--begin::Menu item-->\r\n    <div class=\"menu-item px-3 my-1\">\r\n      <a\r\n        href=\"#\"\r\n        class=\"menu-link px-3\"\r\n        data-bs-toggle=\"tooltip\"\r\n        title=\"Coming soon\"\r\n      >\r\n        Settings\r\n      </a>\r\n    </div>\r\n    <!--end::Menu item-->\r\n  </div>\r\n  <!--end::Menu 3-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"dropdown-5\",\r\n  components: {},\r\n});\r\n</script>\r\n","\r\nimport { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"dropdown-5\",\r\n  components: {},\r\n});\r\n","import { render } from \"./Dropdown4.vue?vue&type=template&id=a8b5288e\"\nimport script from \"./Dropdown4.vue?vue&type=script&lang=ts\"\nexport * from \"./Dropdown4.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\r\nimport { defineComponent, onMounted, ref } from \"vue\";\r\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\r\nimport MessageIn from \"@/components/messenger-parts/MessageIn.vue\";\r\nimport MessageOut from \"@/components/messenger-parts/MessageOut.vue\";\r\nimport Dropdown4 from \"@/components/dropdown/Dropdown4.vue\";\r\n\r\ninterface KTMessage {\r\n  type: string;\r\n  name?: string;\r\n  image: string;\r\n  time: string;\r\n  text: string;\r\n}\r\n\r\nexport default defineComponent({\r\n  name: \"upgrade-to-pro\",\r\n  components: {\r\n    MessageIn,\r\n    MessageOut,\r\n    Dropdown4,\r\n  },\r\n  setup() {\r\n    const messagesRef = ref<null | HTMLElement>(null);\r\n    const messagesInRef = ref<null | HTMLElement>(null);\r\n    const messagesOutRef = ref<null | HTMLElement>(null);\r\n\r\n    const messages = ref<Array<KTMessage>>([\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"5 Hours\",\r\n        text: \"How likely are you to recommend our company to your friends and family ?\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"2 Hours\",\r\n        text: \"Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"2 Hour\",\r\n        text: \"Ok, Understood!\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"2 Hours\",\r\n        text: \"You’ll receive notifications for all issues, pull requests!\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"1 Hour\",\r\n        text: \"You can unwatch this repository immediately by clicking here: Keenthemes.com\",\r\n      },\r\n      {\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"4 mins\",\r\n        text: \"Most purchased Business courses during this sale!\",\r\n      },\r\n      {\r\n        type: \"in\",\r\n        name: \"Brian Cox\",\r\n        image: \"media/avatars/150-15.jpg\",\r\n        time: \"2 mins\",\r\n        text: \"Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided\",\r\n      },\r\n    ]);\r\n\r\n    const newMessageText = ref(\"\");\r\n\r\n    const addNewMessage = () => {\r\n      if (!newMessageText.value) {\r\n        return;\r\n      }\r\n      messages.value.push({\r\n        type: \"out\",\r\n        image: \"media/avatars/150-2.jpg\",\r\n        time: \"Just now\",\r\n        text: newMessageText.value,\r\n      });\r\n\r\n      setTimeout(() => {\r\n        if (messagesRef.value) {\r\n          messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\r\n        }\r\n      }, 1);\r\n\r\n      newMessageText.value = \"\";\r\n      setTimeout(() => {\r\n        messages.value.push({\r\n          type: \"in\",\r\n          name: \"Ja Morant\",\r\n          image: \"media/avatars/150-15.jpg\",\r\n          time: \"Just now\",\r\n          text: \"Thank you for your awesome support!\",\r\n        });\r\n\r\n        setTimeout(() => {\r\n          if (messagesRef.value) {\r\n            messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\r\n          }\r\n        }, 1);\r\n      }, 2000);\r\n    };\r\n\r\n    onMounted(() => {\r\n      if (\r\n        !messagesRef.value ||\r\n        !ScrollComponent.getInstance(messagesRef.value)\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      ScrollComponent.getInstance(messagesRef.value).update();\r\n    });\r\n\r\n    return {\r\n      messages,\r\n      messagesRef,\r\n      newMessageText,\r\n      addNewMessage,\r\n      messagesInRef,\r\n      messagesOutRef,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./DrawerMessenger.vue?vue&type=template&id=6fae2e7b\"\nimport script from \"./DrawerMessenger.vue?vue&type=script&lang=ts\"\nexport * from \"./DrawerMessenger.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","const removeModalBackdrop = () => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop };\r\n","\r\nimport { defineComponent, computed, onMounted, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport KTAside from \"@/layout/aside/Aside.vue\";\r\nimport KTHeader from \"@/layout/header/Header.vue\";\r\nimport KTFooter from \"@/layout/footer/Footer.vue\";\r\nimport HtmlClass from \"@/core/services/LayoutService\";\r\nimport KTToolbar from \"@/layout/toolbar/Toolbar.vue\";\r\nimport KTMobilePageTitle from \"@/layout/toolbar/MobilePageTitle.vue\";\r\nimport KTScrollTop from \"@/layout/extras/ScrollTop.vue\";\r\nimport KTUserMenu from \"@/layout/header/partials/ActivityDrawer.vue\";\r\nimport KTLoader from \"@/components/Loader.vue\";\r\nimport KTCreateApp from \"@/components/modals/wizards/CreateAppModal.vue\";\r\nimport KTDrawerMessenger from \"@/layout/extras/DrawerMessenger.vue\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\nimport {\r\n  MenuComponent,\r\n  DrawerComponent,\r\n  ScrollComponent,\r\n} from \"@/assets/ts/components/index\";\r\nimport { removeModalBackdrop } from \"@/core/helpers/dom\";\r\nimport {\r\n  toolbarDisplay,\r\n  loaderEnabled,\r\n  contentWidthFluid,\r\n  loaderLogo,\r\n  asideEnabled,\r\n  subheaderDisplay,\r\n  themeLightLogo,\r\n  themeDarkLogo,\r\n} from \"@/core/helpers/config\";\r\n\r\nexport default defineComponent({\r\n  name: \"Layout\",\r\n  components: {\r\n    KTAside,\r\n    KTHeader,\r\n    KTFooter,\r\n    KTToolbar,\r\n    KTScrollTop,\r\n    KTCreateApp,\r\n    KTUserMenu,\r\n    KTDrawerMessenger,\r\n    KTLoader,\r\n    KTMobilePageTitle,\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n    const route = useRoute();\r\n    const router = useRouter();\r\n\r\n    // show page loading\r\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\r\n\r\n    // initialize html element classes\r\n    HtmlClass.init();\r\n\r\n    const pageTitle = computed(() => {\r\n      return store.getters.pageTitle;\r\n    });\r\n\r\n    const breadcrumbs = computed(() => {\r\n      return store.getters.pageBreadcrumbPath;\r\n    });\r\n\r\n    onMounted(() => {\r\n      //check if current user is authenticated\r\n      if (!store.getters.isUserAuthenticated) {\r\n        router.push({ name: \"sign-in\" });\r\n      }\r\n\r\n      DrawerComponent.bootstrap();\r\n      ScrollComponent.bootstrap();\r\n      DrawerComponent.updateAll();\r\n      ScrollComponent.updateAll();\r\n\r\n      // Simulate the delay page loading\r\n      setTimeout(() => {\r\n        // Remove page loader after some time\r\n        store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"page-loading\");\r\n      }, 500);\r\n    });\r\n\r\n    watch(\r\n      () => route.path,\r\n      () => {\r\n        MenuComponent.hideDropdowns(undefined);\r\n\r\n        DrawerComponent.hideAll();\r\n\r\n        // check if current user is authenticated\r\n        if (!store.getters.isUserAuthenticated) {\r\n          router.push({ name: \"sign-in\" });\r\n        }\r\n\r\n        removeModalBackdrop();\r\n      }\r\n    );\r\n\r\n    return {\r\n      toolbarDisplay,\r\n      loaderEnabled,\r\n      contentWidthFluid,\r\n      loaderLogo,\r\n      asideEnabled,\r\n      subheaderDisplay,\r\n      pageTitle,\r\n      breadcrumbs,\r\n      themeLightLogo,\r\n      themeDarkLogo,\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Layout.vue?vue&type=template&id=7cc5a0cc\"\nimport script from \"./Layout.vue?vue&type=script&lang=ts\"\nexport * from \"./Layout.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","/*!\n * clipboard.js v2.0.8\n * https://clipboardjs.com/\n *\n * Licensed MIT © Zeno Rocha\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ClipboardJS\"] = factory();\n\telse\n\t\troot[\"ClipboardJS\"] = factory();\n})(this, function() {\nreturn /******/ (function() { // webpackBootstrap\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 134:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"default\": function() { return /* binding */ clipboard; }\n});\n\n// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js\nvar tiny_emitter = __webpack_require__(279);\nvar tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);\n// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js\nvar listen = __webpack_require__(370);\nvar listen_default = /*#__PURE__*/__webpack_require__.n(listen);\n// EXTERNAL MODULE: ./node_modules/select/src/select.js\nvar src_select = __webpack_require__(817);\nvar select_default = /*#__PURE__*/__webpack_require__.n(src_select);\n;// CONCATENATED MODULE: ./src/clipboard-action.js\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n\n/**\n * Inner class which performs selection from either `text` or `target`\n * properties and then executes copy or cut operations.\n */\n\nvar ClipboardAction = /*#__PURE__*/function () {\n  /**\n   * @param {Object} options\n   */\n  function ClipboardAction(options) {\n    _classCallCheck(this, ClipboardAction);\n\n    this.resolveOptions(options);\n    this.initSelection();\n  }\n  /**\n   * Defines base properties passed from constructor.\n   * @param {Object} options\n   */\n\n\n  _createClass(ClipboardAction, [{\n    key: \"resolveOptions\",\n    value: function resolveOptions() {\n      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n      this.action = options.action;\n      this.container = options.container;\n      this.emitter = options.emitter;\n      this.target = options.target;\n      this.text = options.text;\n      this.trigger = options.trigger;\n      this.selectedText = '';\n    }\n    /**\n     * Decides which selection strategy is going to be applied based\n     * on the existence of `text` and `target` properties.\n     */\n\n  }, {\n    key: \"initSelection\",\n    value: function initSelection() {\n      if (this.text) {\n        this.selectFake();\n      } else if (this.target) {\n        this.selectTarget();\n      }\n    }\n    /**\n     * Creates a fake textarea element, sets its value from `text` property,\n     */\n\n  }, {\n    key: \"createFakeElement\",\n    value: function createFakeElement() {\n      var isRTL = document.documentElement.getAttribute('dir') === 'rtl';\n      this.fakeElem = document.createElement('textarea'); // Prevent zooming on iOS\n\n      this.fakeElem.style.fontSize = '12pt'; // Reset box model\n\n      this.fakeElem.style.border = '0';\n      this.fakeElem.style.padding = '0';\n      this.fakeElem.style.margin = '0'; // Move element out of screen horizontally\n\n      this.fakeElem.style.position = 'absolute';\n      this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically\n\n      var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n      this.fakeElem.style.top = \"\".concat(yPosition, \"px\");\n      this.fakeElem.setAttribute('readonly', '');\n      this.fakeElem.value = this.text;\n      return this.fakeElem;\n    }\n    /**\n     * Get's the value of fakeElem,\n     * and makes a selection on it.\n     */\n\n  }, {\n    key: \"selectFake\",\n    value: function selectFake() {\n      var _this = this;\n\n      var fakeElem = this.createFakeElement();\n\n      this.fakeHandlerCallback = function () {\n        return _this.removeFake();\n      };\n\n      this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || true;\n      this.container.appendChild(fakeElem);\n      this.selectedText = select_default()(fakeElem);\n      this.copyText();\n      this.removeFake();\n    }\n    /**\n     * Only removes the fake element after another click event, that way\n     * a user can hit `Ctrl+C` to copy because selection still exists.\n     */\n\n  }, {\n    key: \"removeFake\",\n    value: function removeFake() {\n      if (this.fakeHandler) {\n        this.container.removeEventListener('click', this.fakeHandlerCallback);\n        this.fakeHandler = null;\n        this.fakeHandlerCallback = null;\n      }\n\n      if (this.fakeElem) {\n        this.container.removeChild(this.fakeElem);\n        this.fakeElem = null;\n      }\n    }\n    /**\n     * Selects the content from element passed on `target` property.\n     */\n\n  }, {\n    key: \"selectTarget\",\n    value: function selectTarget() {\n      this.selectedText = select_default()(this.target);\n      this.copyText();\n    }\n    /**\n     * Executes the copy operation based on the current selection.\n     */\n\n  }, {\n    key: \"copyText\",\n    value: function copyText() {\n      var succeeded;\n\n      try {\n        succeeded = document.execCommand(this.action);\n      } catch (err) {\n        succeeded = false;\n      }\n\n      this.handleResult(succeeded);\n    }\n    /**\n     * Fires an event based on the copy operation result.\n     * @param {Boolean} succeeded\n     */\n\n  }, {\n    key: \"handleResult\",\n    value: function handleResult(succeeded) {\n      this.emitter.emit(succeeded ? 'success' : 'error', {\n        action: this.action,\n        text: this.selectedText,\n        trigger: this.trigger,\n        clearSelection: this.clearSelection.bind(this)\n      });\n    }\n    /**\n     * Moves focus away from `target` and back to the trigger, removes current selection.\n     */\n\n  }, {\n    key: \"clearSelection\",\n    value: function clearSelection() {\n      if (this.trigger) {\n        this.trigger.focus();\n      }\n\n      document.activeElement.blur();\n      window.getSelection().removeAllRanges();\n    }\n    /**\n     * Sets the `action` to be performed which can be either 'copy' or 'cut'.\n     * @param {String} action\n     */\n\n  }, {\n    key: \"destroy\",\n\n    /**\n     * Destroy lifecycle.\n     */\n    value: function destroy() {\n      this.removeFake();\n    }\n  }, {\n    key: \"action\",\n    set: function set() {\n      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'copy';\n      this._action = action;\n\n      if (this._action !== 'copy' && this._action !== 'cut') {\n        throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n      }\n    }\n    /**\n     * Gets the `action` property.\n     * @return {String}\n     */\n    ,\n    get: function get() {\n      return this._action;\n    }\n    /**\n     * Sets the `target` property using an element\n     * that will be have its content copied.\n     * @param {Element} target\n     */\n\n  }, {\n    key: \"target\",\n    set: function set(target) {\n      if (target !== undefined) {\n        if (target && _typeof(target) === 'object' && target.nodeType === 1) {\n          if (this.action === 'copy' && target.hasAttribute('disabled')) {\n            throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n          }\n\n          if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n            throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n          }\n\n          this._target = target;\n        } else {\n          throw new Error('Invalid \"target\" value, use a valid Element');\n        }\n      }\n    }\n    /**\n     * Gets the `target` property.\n     * @return {String|HTMLElement}\n     */\n    ,\n    get: function get() {\n      return this._target;\n    }\n  }]);\n\n  return ClipboardAction;\n}();\n\n/* harmony default export */ var clipboard_action = (ClipboardAction);\n;// CONCATENATED MODULE: ./src/clipboard.js\nfunction clipboard_typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return clipboard_typeof(obj); }\n\nfunction clipboard_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction clipboard_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction clipboard_createClass(Constructor, protoProps, staticProps) { if (protoProps) clipboard_defineProperties(Constructor.prototype, protoProps); if (staticProps) clipboard_defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n/**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n\nfunction getAttributeValue(suffix, element) {\n  var attribute = \"data-clipboard-\".concat(suffix);\n\n  if (!element.hasAttribute(attribute)) {\n    return;\n  }\n\n  return element.getAttribute(attribute);\n}\n/**\n * Base class which takes one or more elements, adds event listeners to them,\n * and instantiates a new `ClipboardAction` on each click.\n */\n\n\nvar Clipboard = /*#__PURE__*/function (_Emitter) {\n  _inherits(Clipboard, _Emitter);\n\n  var _super = _createSuper(Clipboard);\n\n  /**\n   * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n   * @param {Object} options\n   */\n  function Clipboard(trigger, options) {\n    var _this;\n\n    clipboard_classCallCheck(this, Clipboard);\n\n    _this = _super.call(this);\n\n    _this.resolveOptions(options);\n\n    _this.listenClick(trigger);\n\n    return _this;\n  }\n  /**\n   * Defines if attributes would be resolved using internal setter functions\n   * or custom functions that were passed in the constructor.\n   * @param {Object} options\n   */\n\n\n  clipboard_createClass(Clipboard, [{\n    key: \"resolveOptions\",\n    value: function resolveOptions() {\n      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n      this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n      this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n      this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n      this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;\n    }\n    /**\n     * Adds a click event listener to the passed trigger.\n     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n     */\n\n  }, {\n    key: \"listenClick\",\n    value: function listenClick(trigger) {\n      var _this2 = this;\n\n      this.listener = listen_default()(trigger, 'click', function (e) {\n        return _this2.onClick(e);\n      });\n    }\n    /**\n     * Defines a new `ClipboardAction` on each click event.\n     * @param {Event} e\n     */\n\n  }, {\n    key: \"onClick\",\n    value: function onClick(e) {\n      var trigger = e.delegateTarget || e.currentTarget;\n\n      if (this.clipboardAction) {\n        this.clipboardAction = null;\n      }\n\n      this.clipboardAction = new clipboard_action({\n        action: this.action(trigger),\n        target: this.target(trigger),\n        text: this.text(trigger),\n        container: this.container,\n        trigger: trigger,\n        emitter: this\n      });\n    }\n    /**\n     * Default `action` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultAction\",\n    value: function defaultAction(trigger) {\n      return getAttributeValue('action', trigger);\n    }\n    /**\n     * Default `target` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultTarget\",\n    value: function defaultTarget(trigger) {\n      var selector = getAttributeValue('target', trigger);\n\n      if (selector) {\n        return document.querySelector(selector);\n      }\n    }\n    /**\n     * Returns the support of the given action, or all actions if no action is\n     * given.\n     * @param {String} [action]\n     */\n\n  }, {\n    key: \"defaultText\",\n\n    /**\n     * Default `text` lookup function.\n     * @param {Element} trigger\n     */\n    value: function defaultText(trigger) {\n      return getAttributeValue('text', trigger);\n    }\n    /**\n     * Destroy lifecycle.\n     */\n\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      this.listener.destroy();\n\n      if (this.clipboardAction) {\n        this.clipboardAction.destroy();\n        this.clipboardAction = null;\n      }\n    }\n  }], [{\n    key: \"isSupported\",\n    value: function isSupported() {\n      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n      var actions = typeof action === 'string' ? [action] : action;\n      var support = !!document.queryCommandSupported;\n      actions.forEach(function (action) {\n        support = support && !!document.queryCommandSupported(action);\n      });\n      return support;\n    }\n  }]);\n\n  return Clipboard;\n}((tiny_emitter_default()));\n\n/* harmony default export */ var clipboard = (Clipboard);\n\n/***/ }),\n\n/***/ 828:\n/***/ (function(module) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n    var proto = Element.prototype;\n\n    proto.matches = proto.matchesSelector ||\n                    proto.mozMatchesSelector ||\n                    proto.msMatchesSelector ||\n                    proto.oMatchesSelector ||\n                    proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n    while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n        if (typeof element.matches === 'function' &&\n            element.matches(selector)) {\n          return element;\n        }\n        element = element.parentNode;\n    }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n\n/***/ 438:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar closest = __webpack_require__(828);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n    var listenerFn = listener.apply(this, arguments);\n\n    element.addEventListener(type, listenerFn, useCapture);\n\n    return {\n        destroy: function() {\n            element.removeEventListener(type, listenerFn, useCapture);\n        }\n    }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n    // Handle the regular Element usage\n    if (typeof elements.addEventListener === 'function') {\n        return _delegate.apply(null, arguments);\n    }\n\n    // Handle Element-less usage, it defaults to global delegation\n    if (typeof type === 'function') {\n        // Use `document` as the first parameter, then apply arguments\n        // This is a short way to .unshift `arguments` without running into deoptimizations\n        return _delegate.bind(null, document).apply(null, arguments);\n    }\n\n    // Handle Selector-based usage\n    if (typeof elements === 'string') {\n        elements = document.querySelectorAll(elements);\n    }\n\n    // Handle Array-like based usage\n    return Array.prototype.map.call(elements, function (element) {\n        return _delegate(element, selector, type, callback, useCapture);\n    });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n    return function(e) {\n        e.delegateTarget = closest(e.target, selector);\n\n        if (e.delegateTarget) {\n            callback.call(element, e);\n        }\n    }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(__unused_webpack_module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n    return value !== undefined\n        && value instanceof HTMLElement\n        && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return value !== undefined\n        && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n        && ('length' in value)\n        && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n    return typeof value === 'string'\n        || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return type === '[object Function]';\n};\n\n\n/***/ }),\n\n/***/ 370:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar is = __webpack_require__(879);\nvar delegate = __webpack_require__(438);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n    if (!target && !type && !callback) {\n        throw new Error('Missing required arguments');\n    }\n\n    if (!is.string(type)) {\n        throw new TypeError('Second argument must be a String');\n    }\n\n    if (!is.fn(callback)) {\n        throw new TypeError('Third argument must be a Function');\n    }\n\n    if (is.node(target)) {\n        return listenNode(target, type, callback);\n    }\n    else if (is.nodeList(target)) {\n        return listenNodeList(target, type, callback);\n    }\n    else if (is.string(target)) {\n        return listenSelector(target, type, callback);\n    }\n    else {\n        throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n    }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n    node.addEventListener(type, callback);\n\n    return {\n        destroy: function() {\n            node.removeEventListener(type, callback);\n        }\n    }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n    Array.prototype.forEach.call(nodeList, function(node) {\n        node.addEventListener(type, callback);\n    });\n\n    return {\n        destroy: function() {\n            Array.prototype.forEach.call(nodeList, function(node) {\n                node.removeEventListener(type, callback);\n            });\n        }\n    }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n    return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n\n/***/ 817:\n/***/ (function(module) {\n\nfunction select(element) {\n    var selectedText;\n\n    if (element.nodeName === 'SELECT') {\n        element.focus();\n\n        selectedText = element.value;\n    }\n    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n        var isReadOnly = element.hasAttribute('readonly');\n\n        if (!isReadOnly) {\n            element.setAttribute('readonly', '');\n        }\n\n        element.select();\n        element.setSelectionRange(0, element.value.length);\n\n        if (!isReadOnly) {\n            element.removeAttribute('readonly');\n        }\n\n        selectedText = element.value;\n    }\n    else {\n        if (element.hasAttribute('contenteditable')) {\n            element.focus();\n        }\n\n        var selection = window.getSelection();\n        var range = document.createRange();\n\n        range.selectNodeContents(element);\n        selection.removeAllRanges();\n        selection.addRange(range);\n\n        selectedText = selection.toString();\n    }\n\n    return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n\n/***/ 279:\n/***/ (function(module) {\n\nfunction E () {\n  // Keep this empty so it's easier to inherit from\n  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n  on: function (name, callback, ctx) {\n    var e = this.e || (this.e = {});\n\n    (e[name] || (e[name] = [])).push({\n      fn: callback,\n      ctx: ctx\n    });\n\n    return this;\n  },\n\n  once: function (name, callback, ctx) {\n    var self = this;\n    function listener () {\n      self.off(name, listener);\n      callback.apply(ctx, arguments);\n    };\n\n    listener._ = callback\n    return this.on(name, listener, ctx);\n  },\n\n  emit: function (name) {\n    var data = [].slice.call(arguments, 1);\n    var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n    var i = 0;\n    var len = evtArr.length;\n\n    for (i; i < len; i++) {\n      evtArr[i].fn.apply(evtArr[i].ctx, data);\n    }\n\n    return this;\n  },\n\n  off: function (name, callback) {\n    var e = this.e || (this.e = {});\n    var evts = e[name];\n    var liveEvents = [];\n\n    if (evts && callback) {\n      for (var i = 0, len = evts.length; i < len; i++) {\n        if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n          liveEvents.push(evts[i]);\n      }\n    }\n\n    // Remove event from queue to prevent memory leak\n    // Suggested by https://github.com/lazd\n    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n    (liveEvents.length)\n      ? e[name] = liveEvents\n      : delete e[name];\n\n    return this;\n  }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(__webpack_module_cache__[moduleId]) {\n/******/ \t\t\treturn __webpack_module_cache__[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\n/******/ \t// module exports must be returned from runtime so entry inlining is disabled\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(134);\n/******/ })()\n.default;\n});","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Menu.vue?vue&type=style&index=0&id=1e85a0c4&lang=scss\""],"sourceRoot":""}