{"version":3,"sources":["webpack:///./src/layout/aside/Menu.vue?b0b8","webpack:///./src/layout/aside/PartnerViewMenu.vue?8a35","webpack:///./src/components/RoleView.vue","webpack:///./src/components/RoleView.vue?042f","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/PartnerViewMenu.vue","webpack:///./src/layout/aside/PartnerViewMenu.vue?4232","webpack:///./src/layout/aside/PartnerViewMenu.vue?42a7","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/partials/UserMenu.vue","webpack:///./src/layout/header/partials/UserMenu.vue?73d3","webpack:///./src/layout/header/partials/UserMenu.vue?d25e","webpack:///./src/layout/header/Topbar.vue?19a2","webpack:///./src/layout/header/Topbar.vue?c59a","webpack:///./src/layout/header/Menu.vue","webpack:///./src/layout/header/Menu.vue?31f3","webpack:///./src/layout/header/Menu.vue?ef70","webpack:///./src/layout/PartnerSelect.vue","webpack:///./src/layout/PartnerSelect.vue?fa2a","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/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/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"],"names":["props","roles","Array","String","computed","currentUser","this","$store","getters","isArray","map","r","toLowerCase","includes","role","render","class","id","logo","loaderLogo","lightLogo","themeLightLogo","darkLogo","themeDarkLogo","title","pageTitle","breadcrumbs","Component","route","default","key","meta","notCache","undefined","fullPath","fallback","data-kt-toggle","data-kt-toggle-state","data-kt-toggle-target","data-kt-toggle-name","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","to","asideTheme","alt","src","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","chackRole","translate","heading","pages","menuItem","j","href","navigate","isActive","isExactActive","svgIcon","fontIcon","asideMenuIcons","sectionTitle","hasActiveChildren","data-kt-menu-sub","data-kt-menu-trigger","sub","item2","k","item3","selectPartner","layoutConfig","version","config","footerWidthFluid","headerWidthFluid","headerLeft","asideDisplay","toolbarWidthFluid","toolbarDisplay","loaderEnabled","contentWidthFluid","asideEnabled","subheaderDisplay","headerMenuIcons","isAdmin","use2Sonline","partnerCode","getUserMenu","prefix","name","owner","manager","user","adminMenu","admin","getMenu","currentRole","selectPartnerCode","getRepresentId","linkPrefix","representPartner","partnerName","components","t","te","store","scrollElRef","reinitialization","MenuComponent","value","scrollTop","text","match","path","indexOf","length","PartnerViewMenu","KTMenu","bootstrap","style","trim","data-kt-menu-attach","data-kt-menu-placement","data-kt-menu-flip","email","roleShow","signOut","RoleView","i18n","locale","localStorage","getItem","countries","en","flag","es","de","ja","fr","dispatch","LOGOUT","then","window","location","replace","setLang","lang","setItem","currentLanguage","currentLangugeLocale","KTUserMenu","data-kt-place","data-kt-place-mode","data-kt-place-parent","data-kt-menu-dismiss","index","MainMenuConfig","placeholder","loading","fatchingPartner","filterable","partnerList","partnerOption","label","getPartnerList","getFatchingStatus","val","GET_PARTNER_BY_ID","$route","params","basePartnerCode","$router","console","log","FETCH_PARTNER_LIST","KTTopbar","PartnerSelect","initLayout","initHeader","initToolbar","initAside","initFooter","ADD_BODY_ATTRIBUTE","qulifiedName","get","ADD_BODY_CLASSNAME","data-kt-swapper","data-kt-swapper-mode","data-kt-swapper-parent","data-kt-scrolltop","data-kt-drawer-close","type","Item1","Item2","Item3","Item4","Item5","Item6","Item7","Item8","loaderType","data-kt-element","messages","image","time","newMessageText","addNewMessage","MessageIn","MessageOut","Dropdown4","messagesRef","messagesInRef","messagesOutRef","push","setTimeout","scrollHeight","getInstance","update","removeModalBackdrop","document","querySelectorAll","forEach","remove","KTAside","KTHeader","KTFooter","KTToolbar","KTScrollTop","KTDrawerMessenger","KTLoader","router","init","pageBreadcrumbPath","isUserAuthenticated","updateAll","REMOVE_BODY_CLASSNAME","hideDropdowns","hideAll","root","factory","module","exports","__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","target","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","Date","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","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"],"mappings":"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","file":"js/chunk-9c02fe44.bf03b54f.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!./Menu.vue?vue&type=style&index=0&id=0cc79640&lang=scss\"","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!./PartnerViewMenu.vue?vue&type=style&index=0&id=764b2268&lang=scss\"","<template>\r\n  <slot v-if=\"isShow\"></slot>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {role, validateRole} from '@/helpers/role'\r\n\r\nexport default {\r\n  props: {\r\n    roles: [Array, String]\r\n  },\r\n  computed: {\r\n    isShow() {\r\n      const currentUser = this.$store.getters.currentUser;\r\n     \r\n      return (!Array.isArray(this.roles) ? [this.roles] : this.roles).map(r => r.toLowerCase()).includes(currentUser.role.toLowerCase())\r\n      // return validateRole(this.roles)\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./RoleView.vue?vue&type=template&id=1ca92398\"\nimport script from \"./RoleView.vue?vue&type=script&lang=js\"\nexport * from \"./RoleView.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n  <KTLoader v-if=\"loaderEnabled\" :logo=\"loaderLogo\"></KTLoader>\n\n  <!-- begin:: Body -->\n  <div class=\"page d-flex flex-row flex-column-fluid\">\n    <!-- begin:: Aside Left -->\n    <KTAside\n      v-if=\"asideEnabled\"\n      :lightLogo=\"themeLightLogo\"\n      :darkLogo=\"themeDarkLogo\"\n    ></KTAside>\n    <!-- end:: Aside Left -->\n\n    <div id=\"kt_wrapper\" class=\"d-flex flex-column flex-row-fluid wrapper\">\n      <KTHeader :title=\"pageTitle\" \n          :breadcrumbs=\"breadcrumbs\"></KTHeader>\n\n      <!-- begin:: Content -->\n      <div id=\"kt_content\" class=\"content d-flex flex-column flex-column-fluid\">\n        <!-- begin:: Content Head -->\n        <KTToolbar\n          v-if=\"subheaderDisplay\"\n          :breadcrumbs=\"breadcrumbs\"\n          :title=\"pageTitle\"\n        />\n        <!-- end:: Content Head -->\n\n        <!-- begin:: Content Body -->\n        <div class=\"post d-flex flex-column-fluid\">\n          <div\n            id=\"kt_content_container \"\n            class=\"px-0 px-md-5\"\n            :class=\"{\n              'container-fluid': contentWidthFluid,\n              'container-xxl': !contentWidthFluid,\n            }\"\n          >\n            <router-view v-slot=\"{ Component, route }\">\n              <!-- <keep-alive :max=\"2\"> -->\n                <suspense>\n                  <template #default>\n                    <component\n                      :is=\"Component\"\n                      :key=\"!route.meta.notCache ? route.fullPath : undefined\"\n                    />\n                  </template>\n                  <template #fallback> Loading... </template>\n                </suspense>\n              <!-- </keep-alive> -->\n            </router-view>\n            <!-- <router-view v-slot=\"{ Component }\">\n\n              <keep-alive max=\"2\" >\n                <component :is=\"Component\"/>\n              </keep-alive>\n            </router-view> -->\n          </div>\n        </div>\n        <!-- end:: Content Body -->\n      </div>\n      <!-- end:: Content -->\n      <KTFooter></KTFooter>\n    </div>\n  </div>\n  <!-- end:: Body -->\n  <KTScrollTop></KTScrollTop>\n  <!-- \n  <KTExplore></KTExplore>\n  -->\n  <KTDrawerMessenger></KTDrawerMessenger>\n  <KTUserMenu></KTUserMenu>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, watch } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport KTAside from \"@/layout/aside/Aside.vue\";\nimport KTHeader from \"@/layout/header/Header.vue\";\nimport KTFooter from \"@/layout/footer/Footer.vue\";\nimport HtmlClass from \"@/core/services/LayoutService\";\nimport KTToolbar from \"@/layout/toolbar/Toolbar.vue\";\nimport KTScrollTop from \"@/layout/extras/ScrollTop.vue\";\nimport KTUserMenu from \"@/layout/header/partials/ActivityDrawer.vue\";\nimport KTLoader from \"@/components/Loader.vue\";\n// import KTExplore from \"@/layout/extras/Explore.vue\";\nimport KTDrawerMessenger from \"@/layout/extras/DrawerMessenger.vue\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport {\n  MenuComponent,\n  DrawerComponent,\n  ScrollComponent,\n} from \"@/assets/ts/components/index\";\nimport { removeModalBackdrop } from \"@/core/helpers/dom\";\nimport {\n  toolbarDisplay,\n  loaderEnabled,\n  contentWidthFluid,\n  loaderLogo,\n  asideEnabled,\n  subheaderDisplay,\n  themeLightLogo,\n  themeDarkLogo,\n} from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"Layout\",\n  components: {\n    KTAside,\n    KTHeader,\n    KTFooter,\n    KTToolbar,\n    KTScrollTop,\n    KTUserMenu,\n    // KTExplore,\n    KTDrawerMessenger,\n    KTLoader,\n  },\n  setup() {\n    const store = useStore();\n    const route = useRoute();\n    const router = useRouter();\n\n    // show page loading\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\n\n    // initialize html element classes\n    HtmlClass.init();\n\n    const pageTitle = computed(() => {\n      return store.getters.pageTitle;\n    });\n\n    const breadcrumbs = computed(() => {\n      return store.getters.pageBreadcrumbPath;\n    });\n\n    onMounted(() => {\n      //check if current user is authenticated\n      if (!store.getters.isUserAuthenticated) {\n        router.push({ name: \"sign-in\" });\n      }\n\n      DrawerComponent.bootstrap();\n      ScrollComponent.bootstrap();\n      DrawerComponent.updateAll();\n      ScrollComponent.updateAll();\n\n      // Simulate the delay page loading\n      setTimeout(() => {\n        // Remove page loader after some time\n        store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"page-loading\");\n      }, 500);\n    });\n\n    watch(\n      () => route.path,\n      () => {\n        MenuComponent.hideDropdowns(undefined);\n\n        DrawerComponent.hideAll();\n\n        // check if current user is authenticated\n        if (!store.getters.isUserAuthenticated) {\n          router.push({ name: \"sign-in\" });\n        }\n\n        removeModalBackdrop();\n      }\n    );\n\n    return {\n      toolbarDisplay,\n      loaderEnabled,\n      contentWidthFluid,\n      loaderLogo,\n      asideEnabled,\n      subheaderDisplay,\n      pageTitle,\n      breadcrumbs,\n      themeLightLogo,\n      themeDarkLogo,\n    };\n  },\n});\n</script>\n","<template>\n  <!--begin::Aside-->\n  <div\n    id=\"kt_aside\"\n    class=\"aside aside-hoverable\"\n    :class=\"[\n      asideTheme === 'light' && 'aside-light',\n      asideTheme === 'dark' && 'aside-dark',\n    ]\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"aside\"\n    data-kt-drawer-activate=\"{default: true, lg: false}\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'200px', '300px': '250px'}\"\n    data-kt-drawer-direction=\"start\"\n    data-kt-drawer-toggle=\"#kt_aside_mobile_toggle\"\n  >\n    <!--begin::Brand-->\n    <div class=\"aside-logo flex-column-auto\" id=\"kt_aside_logo\">\n      <!--begin::Logo-->\n      <router-link to=\"/\">\n        <img alt=\"Logo\" :src=\"darkLogo\" class=\"h-25px logo\" v-if=\"asideTheme === 'dark'\"/>\n        <img alt=\"Logo\" :src=\"lightLogo\" class=\"h-25px logo\" v-if=\"asideTheme === 'light'\"/>\n      </router-link>\n      <!-- <a href=\"#\" v-if=\"asideTheme === 'dark'\">\n        <img alt=\"Logo\" :src=\"darkLogo\" class=\"h-25px logo\" />\n      </a>\n      <a href=\"#\" v-if=\"asideTheme === 'light'\">\n        <img alt=\"Logo\" :src=\"lightLogo\" class=\"h-25px logo\" />\n      </a> -->\n      <!--end::Logo-->\n\n      <!--begin::Aside toggler-->\n      <div\n        id=\"kt_aside_toggle\"\n        class=\"btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle\"\n        data-kt-toggle=\"true\"\n        data-kt-toggle-state=\"active\"\n        data-kt-toggle-target=\"body\"\n        data-kt-toggle-name=\"aside-minimize\"\n      >\n        <span class=\"svg-icon svg-icon-1 rotate-180\">\n          <inline-svg src=\"/media/icons/duotune/arrows/arr080.svg\" />\n        </span>\n      </div>\n      <!--end::Aside toggler-->\n    </div>\n    <!--end::Brand-->\n\n    <!--begin::Aside menu-->\n    <div class=\"aside-menu flex-column-fluid\">\n      <KTMenu></KTMenu>\n    </div>\n    <!--end::Aside menu-->\n\n    <!--begin::Footer-->\n    <div\n      class=\"aside-footer flex-column-auto pt-5 pb-7 px-5\"\n      id=\"kt_aside_footer\"\n    ></div>\n    <!--end::Footer-->\n  </div>\n  <!--end::Aside-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, onUpdated } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { ToggleComponent } from \"@/assets/ts/components/_ToggleComponent\";\nimport KTMenu from \"@/layout/aside/Menu.vue\";\nimport { asideTheme } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTAside\",\n  components: {\n    KTMenu\n  },\n  props: {\n    lightLogo: String,\n    darkLogo: String,\n  },\n  setup() {\n    const { t } = useI18n();\n\n    onMounted(() => {\n      ToggleComponent.reinitialization();\n    });\n\n    onUpdated(() => {\n      ToggleComponent.bootstrap();\n    });\n\n    return {\n      asideTheme,\n      t,\n    };\n  },\n});\n</script>\n","<template>\n  <!--begin::Menu wrapper-->\n  <div\n    id=\"kt_aside_menu_wrapper\"\n    ref=\"scrollElRef\"\n    class=\"hover-scroll-overlay-y my-5 my-lg-5\"\n    data-kt-scroll=\"true\"\n    data-kt-scroll-activate=\"{default: false, lg: true}\"\n    data-kt-scroll-dependencies=\"#kt_aside_logo, #kt_aside_footer\"\n    data-kt-scroll-height=\"auto\"\n    data-kt-scroll-offset=\"0\"\n    data-kt-scroll-wrappers=\"#kt_aside_menu\"\n  >\n    <!--begin::Menu-->\n    <div\n      id=\"#kt_header_menu\"\n      class=\"\n        menu\n        menu-column\n        menu-title-gray-800\n        menu-state-title-primary\n        menu-state-icon-primary\n        menu-state-bullet-primary\n        menu-arrow-gray-500\n      \"\n      data-kt-menu=\"true\"\n    >\n      <template v-for=\"(item, i) in mainMenuConfig\" :key=\"i\" >\n        <div v-if=\"chackRole(item.roles)\">\n          <div v-if=\"item.heading  \" class=\"menu-item\">\n            <div class=\"menu-content pt-8 pb-2\">\n              <span class=\"menu-section text-muted text-uppercase fs-8 ls-1\">\n                {{ translate(item.heading) }}\n              </span>\n            </div>\n          </div>\n          <template v-for=\"(menuItem, j) in item.pages\" :key=\"j\">\n            <template v-if=\"menuItem.heading && chackRole(menuItem.roles)\">\n              <div class=\"menu-item\">\n                <router-link\n                  v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                  :to=\"menuItem.route\"\n                >\n                  <a\n                    :class=\"[isActive && 'active', isExactActive && 'active']\"\n                    :href=\"href\"\n                    class=\"menu-link\"\n                    @click=\"navigate\"\n                  >\n                    <span\n                      v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\n                      class=\"menu-icon\"\n                    >\n                      <i\n                        v-if=\"asideMenuIcons === 'font'\"\n                        :class=\"menuItem.fontIcon\"\n                        class=\"bi fs-3\"\n                      ></i>\n                      <span\n                        v-else-if=\"asideMenuIcons === 'svg'\"\n                        class=\"svg-icon svg-icon-2\"\n                      >\n                        <inline-svg :src=\"menuItem.svgIcon\" />\n                      </span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(menuItem.heading)\n                    }}</span>\n                  </a>\n                </router-link>\n              </div>\n            </template>\n            <div\n              v-if=\"menuItem.sectionTitle && chackRole(menuItem.roles)\"\n              :class=\"{ show: hasActiveChildren(menuItem.route) }\"\n              class=\"menu-item menu-accordion\"\n              data-kt-menu-sub=\"accordion\"\n              data-kt-menu-trigger=\"click\"\n            >\n              <span class=\"menu-link\">\n                <span\n                  v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\n                  class=\"menu-icon\"\n                >\n                  <i\n                    v-if=\"asideMenuIcons === 'font'\"\n                    :class=\"menuItem.fontIcon\"\n                    class=\"bi fs-3\"\n                  ></i>\n                  <span\n                    v-else-if=\"asideMenuIcons === 'svg'\"\n                    class=\"svg-icon svg-icon-2\"\n                  >\n                    <inline-svg :src=\"menuItem.svgIcon\" />\n                  </span>\n                </span>\n                <span class=\"menu-title\">{{\n                  translate(menuItem.sectionTitle)\n                }}</span>\n                <span class=\"menu-arrow\"></span>\n              </span>\n              <div\n                :class=\"{ show: hasActiveChildren(menuItem.route) }\"\n                class=\"menu-sub menu-sub-accordion\"\n              >\n                <template v-for=\"(item2, k) in menuItem.sub\" :key=\"k\">\n                  <div\n                    v-if=\"item2.heading && chackRole(item2.roles)\"\n                    class=\"menu-item\"\n                  >\n                    <router-link\n                      v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                      :to=\"item2.route\"\n                    >\n                      <a\n                        :class=\"[isActive && 'active', isExactActive && 'active']\"\n                        :href=\"href\"\n                        class=\"menu-link\"\n                        @click=\"navigate\"\n                      >\n                        <span class=\"menu-bullet\">\n                          <span class=\"bullet bullet-dot\"></span>\n                        </span>\n                        <span class=\"menu-title\">{{\n                          translate(item2.heading)\n                        }}</span>\n                      </a>\n                    </router-link>\n                  </div>\n                  <div\n                    v-if=\"item2.sectionTitle && chackRole(item2.roles)\"\n                    :class=\"{ show: hasActiveChildren(item2.route) }\"\n                    class=\"menu-item menu-accordion\"\n                    data-kt-menu-sub=\"accordion\"\n                    data-kt-menu-trigger=\"click\"\n                  >\n                    <span class=\"menu-link\">\n                      <span class=\"menu-bullet\">\n                        <span class=\"bullet bullet-dot\"></span>\n                      </span>\n                      <span class=\"menu-title\">{{\n                        translate(item2.sectionTitle)\n                      }}</span>\n                      <span class=\"menu-arrow\"></span>\n                    </span>\n                    <div\n                      :class=\"{ show: hasActiveChildren(item2.route) }\"\n                      class=\"menu-sub menu-sub-accordion\"\n                    >\n                      <template v-for=\"(item3, k) in item2.sub\" :key=\"k\">\n                        <div\n                          v-if=\"item3.heading && chackRole(item3.roles)\"\n                          class=\"menu-item\"\n                        >\n                          <router-link\n                            v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                            :to=\"item3.route\"\n                          >\n                            <a\n                              class=\"menu-link\"\n                              :class=\"[\n                                isActive && 'active',\n                                isExactActive && 'active',\n                              ]\"\n                              :href=\"href\"\n                              @click=\"navigate\"\n                            >\n                              <span class=\"menu-bullet\">\n                                <span class=\"bullet bullet-dot\"></span>\n                              </span>\n                              <span class=\"menu-title\">{{\n                                translate(item3.heading)\n                              }}</span>\n                            </a>\n                          </router-link>\n                        </div>\n                      </template>\n                    </div>\n                  </div>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n      <div class=\"menu-item\">\n        <div class=\"menu-content\">\n          <div class=\"separator mx-1 my-4\"></div>\n        </div>\n      </div>\n      <!-- {{mainMenuConfig}} -->\n      <PartnerViewMenu v-if=\"!!selectPartner && selectPartner != ''\"></PartnerViewMenu>\n      <!-- <div class=\"menu-item\">\n        <a\n          class=\"menu-link\"\n          href=\"https://preview.keenthemes.com/metronic8/vue/docs/#/changelog\"\n        >\n          <span class=\"menu-icon\">\n            <i\n              v-if=\"asideMenuIcons === 'font'\"\n              class=\"bi bi-card-text fs-3\"\n            ></i>\n            <span\n              v-else-if=\"asideMenuIcons === 'svg'\"\n              class=\"svg-icon svg-icon-2\"\n            >\n              <inline-svg src=\"/media/icons/duotune/general/gen005.svg\" />\n            </span>\n          </span>\n          <span class=\"menu-title\"\n            >{{ translate(\"changelog\") }} v{{ version }}</span\n          >\n        </a>\n      </div> -->\n    </div>\n    <!--end::Menu-->\n  </div>\n  <!--end::Menu wrapper-->\n</template>\n\n<style lang=\"scss\">\n.aside-menu .menu .menu-sub .menu-item a a.menu-link {\n  padding-left: calc(0.75rem + 25px);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  flex: 0 0 100%;\n  transition: none;\n  outline: none !important;\n}\n\n.aside-menu .menu .menu-sub .menu-sub .menu-item a a.menu-link {\n  padding-left: calc(1.5rem + 25px);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  flex: 0 0 100%;\n  transition: none;\n  outline: none !important;\n}\n</style>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, ref, reactive,computed, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\nimport { version } from \"@/core/helpers/documentation\";\nimport { asideMenuIcons } from \"@/core/helpers/config\";\nimport MainMenuConfig, {getMenu, adminMenu, getUserMenu} from \"@/core/config/MainMenuConfig\";\nimport PartnerViewMenu from \"@/layout/aside/PartnerViewMenu.vue\"\nimport {role} from \"@/helpers/role\"\n\nexport default defineComponent({\n  name: \"kt-menu\",\n  components: {\n    PartnerViewMenu\n  },\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const scrollElRef = ref<null | HTMLElement>(null);\n    onMounted(() => {\n      ScrollComponent.reinitialization();\n      MenuComponent.reinitialization();\n      if (scrollElRef.value) {\n        scrollElRef.value.scrollTop = 0;\n      }\n    });\n\n    const currentUser = store.getters.currentUser;\n\n    const selectPartner = computed(() => store.getters.getRepresentId);\n\n    // const currentRole = ref(store.getters.currentRole) \n    const currentRole = computed(() => store.getters.currentRole);\n    \n    let mainMenuConfig = reactive(getMenu())\n    if(currentUser.role == \"Admin\") {\n      mainMenuConfig = adminMenu\n    } else {\n      mainMenuConfig = getUserMenu()\n    }\n    \n    // watch(currentRole, (cr) => {\n    //   console.log(\"watch\", \"cr\", cr)\n    //   mainMenuConfig.splice(0,mainMenuConfig.length);\n    //   mainMenuConfig.push(...getMenu())\n    // }) \n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    \n\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(match) !== -1;\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentUser.role);\n    };\n\n    return {\n      hasActiveChildren,\n      mainMenuConfig,\n      asideMenuIcons,\n      version,\n      translate,\n      chackRole,\n      selectPartner,\n      currentRole\n    };\n  },\n});\n</script>\n","import { computed } from \"vue\";\nimport store from \"@/store/index\";\nimport ClipboardJS from \"clipboard\";\n/* eslint-disable  @typescript-eslint/no-explicit-any */\n\n/**\n * Return name of the theme\n * @returns {string}\n */\nexport const themeName = computed(() => {\n  return store.getters.layoutConfig(\"themeName\");\n});\n\n/**\n * Return version of the theme\n * @returns {string}\n */\nexport const version = computed(() => {\n  return store.getters.layoutConfig(\"themeVersion\");\n});\n\n//code copy button initialization\nexport const useCopyClipboard = (): any => {\n  const _init = (element) => {\n    let elements = element;\n\n    if (typeof elements === \"undefined\") {\n      elements = document.querySelectorAll(\".highlight\");\n    }\n\n    if (elements && elements.length > 0) {\n      for (let i = 0; i < elements.length; ++i) {\n        const highlight = elements[i];\n        const copy = highlight.querySelector(\".highlight-copy\");\n\n        if (copy) {\n          const clipboard = new ClipboardJS(copy, {\n            target: (trigger): any => {\n              const highlight = trigger.closest(\".highlight\");\n\n              if (highlight) {\n                let el: Element | null =\n                  highlight.querySelector(\".tab-pane.active\");\n\n                if (el == null) {\n                  el = highlight.querySelector(\".highlight-code\");\n                }\n\n                return el as Element;\n              }\n\n              return highlight;\n            },\n          });\n\n          clipboard.on(\"success\", (e) => {\n            const caption = e.trigger.innerHTML;\n\n            e.trigger.innerHTML = \"copied\";\n            e.clearSelection();\n\n            setTimeout(function () {\n              e.trigger.innerHTML = caption;\n            }, 2000);\n          });\n        }\n      }\n    }\n  };\n\n  return {\n    init: (element?) => {\n      _init(element);\n    },\n  };\n};\n","import { computed } from \"vue\";\nimport store from \"@/store/index\";\n\n/**\n * Returns layout config\n * @returns {object}\n */\nexport const config = computed(() => {\n  return store.getters.layoutConfig();\n});\n\n/**\n * Set the sidebar display\n * @returns {boolean}\n */\nexport const displaySidebar = computed(() => {\n  return store.getters.layoutConfig(\"sidebar.display\");\n});\n\n/**\n * Check if footer container is fluid\n * @returns {boolean}\n */\nexport const footerWidthFluid = computed(() => {\n  return store.getters.layoutConfig(\"footer.width\") === \"fluid\";\n});\n\n/**\n * Check if header container is fluid\n * @returns {boolean}\n */\nexport const headerWidthFluid = computed(() => {\n  return store.getters.layoutConfig(\"header.width\") === \"fluid\";\n});\n\n/**\n * Returns header left part type\n * @returns {string}\n */\nexport const headerLeft = computed(() => {\n  return store.getters.layoutConfig(\"header.left\");\n});\n\n/**\n * Set the aside display\n * @returns {boolean}\n */\nexport const asideDisplay = computed(() => {\n  return store.getters.layoutConfig(\"aside.display\") === true;\n});\n\n/**\n * Check if toolbar width is fluid\n * @returns {boolean}\n */\nexport const toolbarWidthFluid = computed(() => {\n  return store.getters.layoutConfig(\"toolbar.width\") === \"fluid\";\n});\n\n/**\n * Set the toolbar display\n * @returns {boolean}\n */\nexport const toolbarDisplay = computed(() => {\n  return store.getters.layoutConfig(\"toolbar.display\");\n});\n\n/**\n * Check if the page loader is enabled\n * @returns {boolean}\n */\nexport const loaderEnabled = computed(() => {\n  return store.getters.layoutConfig(\"loader.display\");\n});\n\n/**\n * Check if container width is fluid\n * @returns {boolean}\n */\nexport const contentWidthFluid = computed(() => {\n  return store.getters.layoutConfig(\"content.width\") === \"fluid\";\n});\n\n/**\n * Page loader logo image\n * @returns {string}\n */\nexport const loaderLogo = computed(() => {\n  return process.env.BASE_URL + store.getters.layoutConfig(\"loader.logo\");\n});\n\n/**\n * Check if the aside menu is enabled\n * @returns {boolean}\n */\nexport const asideEnabled = computed(() => {\n  return !!store.getters.layoutConfig(\"aside.display\");\n});\n\n/**\n * Set the aside theme\n * @returns {string}\n */\nexport const asideTheme = computed(() => {\n  return store.getters.layoutConfig(\"aside.theme\");\n});\n\n/**\n * Set the subheader display\n * @returns {boolean}\n */\nexport const subheaderDisplay = computed(() => {\n  return store.getters.layoutConfig(\"toolbar.display\");\n});\n\n/**\n * Set the aside menu icon type\n * @returns {string}\n */\nexport const asideMenuIcons = computed(() => {\n  return store.getters.layoutConfig(\"aside.menuIcon\");\n});\n\n/**\n * Light theme logo image\n * @returns {string}\n */\nexport const themeLightLogo = computed(() => {\n  return store.getters.layoutConfig(\"main.logo.light\");\n});\n\n/**\n * Dark theme logo image\n * @returns {string}\n */\nexport const themeDarkLogo = computed(() => {\n  return store.getters.layoutConfig(\"main.logo.dark\");\n});\n\n/**\n * Set the header menu icon type\n * @returns {string}\n */\nexport const headerMenuIcons = computed(() => {\n  return store.getters.layoutConfig(\"header.menuIcon\");\n});\n","import { role } from \"@/helpers/role\";\nimport { object } from \"yup\";\nimport {Menu, SubMenu} from \"@/core/config/LayoutMainMenuConfig\";\nimport store from \"@/store\";\nimport ApiService from '../../core/services/ApiService';\n\n const currentUser = store.getters.currentUser;\n\n const isAdmin =store.getters.isAdmin;\n const pCode = currentUser.partnerCode;\n const use2Sonline = isAdmin?true:currentUser.use2Sonline;\n//console.log(\"use2SOnline\",currentUser);\n\nexport const getUserMenu =(prefix = \"\") =>  [\n  {\n    name: \"partnerMenu\",\n    roles: [role.owner, role.manager, role.user],\n    pages: [\n      {\n        sectionTitle: \"รายการขาย\",\n        route: prefix + \"/order\",\n\n        svgIcon: \"media/icons/duotune/ecommerce/ecm001.svg\",\n        fontIcon: \"bi-basket\",\n        sub: [\n          {\n            heading: \"ใบเสนอราคา\",\n            route: prefix + \"/order/sellrequest\",\n            \n          },\n          {\n            heading: \"ดูใบเสนอราคา\",\n            route: prefix + \"/order/sellrequestlist\",\n            \n          },\n          {\n            heading: \"ค้างส่ง(ใบเสนอราคา)\",\n            route: prefix + \"/order/nondeliveryreport\",\n            //roles: [role.user],\n            \n          }, \n          {\n            heading: \"เปิดบิล\",\n            route: prefix + \"/order/create\",\n          },\n          {\n            heading: \"ดูบิลขาย\",\n            route: prefix + \"/order\",\n          }, \n          // {...(use2Sonline?{\n          //   heading: \"คำสั่งซื้อ 2SOnline\",\n          //   route: prefix + \"/order2slist\"\n          //   }:{})\n          // },               \n          // {\n          //   heading: \"ดูรายการใบรับมัดจำ\",\n          //   route: prefix + \"/order/aivoucherlist\",\n          // },          \n          {\n            heading: \"การขายตามสินค้า\",\n            route: prefix + \"/order/product-sales-summary\",\n          },\n          {\n            heading: \"การขายตามหมวด\",\n            route: prefix + \"/order/product-sellorder\",\n          },\n        ],\n      },\n      {...(use2Sonline?{\n          sectionTitle: \"คำสั่งซื้อ 2SOnline\",\n          route: prefix + \"/order2s\",\n          svgIcon: \"media/icons/duotune/ecommerce/ecm001.svg\",\n          fontIcon: \"bi-basket\",\n          sub: [\n            {\n              heading: \"ค้างส่ง\",\n              route: prefix + \"/order2s\"\n            },\n            {\n              heading: \"รอยืนยันส่ง\",\n              route: prefix + \"/order2s/shipment2slist/nondelivery\"\n            },\n            {\n              heading: \"สำเร็จ\",\n              route: prefix + \"/order2s/shipment2slist/success\"\n            },\n            {\n              heading: \"ใบวางบิลค่าขนส่ง\",\n              route: prefix + \"/order2s/billingnote\",\n            }\n            // {...((isAdmin || pCode == 'J0142')?\n            //   {\n            //     heading: \"ใบวางบิลค่าขนส่ง\",\n            //     route: prefix + \"/order2s/billingnote\",\n            //   }:{})\n            // },\n          ],\n        }:{})\n      },\n      {\n        sectionTitle: \"รายการรับ-คืนสินค้า\",\n        route: prefix + \"/transfer\",\n        svgIcon: \"media/icons/duotune/ecommerce/ecm006.svg\",\n        fontIcon: \"bi-truck\",\n        sub: [\n          {\n            heading: \"รับสินค้า\",\n            route: prefix + \"/transfer/receive\",\n          },\n          {\n            heading: \"คืนสินค้า\",\n            route: prefix + \"/transfer/return\",\n          },\n        ],\n      },\n      {\n        sectionTitle: \"สินค้า\",\n        route: prefix + \"/products\",\n        svgIcon: \"media/icons/duotune/abstract/abs026.svg\",\n        fontIcon: \"bi-box-seam\",\n        sub: [\n          {\n            heading: \"สต๊อกและราคา\",\n            route: prefix + \"/products/stock\",\n          },\n          {\n            heading: \"จองย้ายสินค้า\",\n            route: prefix + \"/products/booking\",\n          },          \n        ],\n      },\n      {\n        sectionTitle: \"ลูกค้า\",\n        route: prefix + \"/customers\",\n        svgIcon: \"media/icons/duotune/communication/com005.svg\",\n        fontIcon: \"bi-people\",\n        sub: [\n          {\n            heading: \"ทะเบียนลูกค้า\",\n            route: prefix + \"/customers\",\n          },\n        ],\n      },\n      {\n        sectionTitle: \"การเงิน\",\n        route: prefix + \"/financial\",\n        svgIcon: \"media/icons/duotune/finance/fin010.svg\",\n        fontIcon: \"bi-currency-dollar\",\n        sub: [\n          // {\n          //   heading: \"ภาพรวม\",\n          //   route: prefix + \"/apps/chat/private-chat\",\n          // },\n          {\n            heading: \"ดูรายการค้างชำระเงิน\",\n            route: prefix + \"/financial/overduereport\",\n          }\n        ],\n      },\n      {\n        sectionTitle: \"รายงาน\",\n        route: prefix + \"/reports/\",\n        svgIcon: \"media/icons/duotune/finance/fin010.svg\",\n        fontIcon: \"bi-file-earmark-bar-graph\",\n        sub: [  \n          {\n            heading: \"สินค้าไม่เคลื่อนไหว\",\n            route: prefix + \"/reports/productnotmove\",\n          },                \n          {\n            heading: \"สินค้าค้างนาน\",\n            route: prefix + \"/reports/stocklongtime\",\n          },     \n                        \n        ],\n      },\n    ],\n  },\n  \n];\n// :(prefix = \"\") =>  [  \n//   {\n//     name: \"partnerMenu\",\n//     roles: [role.owner, role.manager, role.user],\n//     pages: [\n//       {\n//         sectionTitle: \"รายการขาย\",\n//         route: prefix + \"/order\",\n//         svgIcon: \"media/icons/duotune/ecommerce/ecm001.svg\",\n//         fontIcon: \"bi-basket\",\n//         sub: [\n//           {\n//             heading: \"เปิดบิล\",\n//             route: prefix + \"/order/create\",\n//           },\n//           {\n//             heading: \"ดูบิลขาย\",\n//             route: prefix + \"/order\",\n//           },          \n//           // {\n//           //   heading: \"ดูรายการใบรับมัดจำ\",\n//           //   route: prefix + \"/order/aivoucherlist\",\n//           // },          \n//           {\n//             heading: \"การขายตามสินค้า\",\n//             route: prefix + \"/order/product-sales-summary\",\n//           },\n//         ],\n//       },\n//       {\n//         sectionTitle: \"รายการรับ-คืนสินค้า\",\n//         route: prefix + \"/transfer\",\n//         svgIcon: \"media/icons/duotune/ecommerce/ecm006.svg\",\n//         fontIcon: \"bi-truck\",\n//         sub: [\n//           {\n//             heading: \"รับสินค้า\",\n//             route: prefix + \"/transfer/receive\",\n//           },\n//           {\n//             heading: \"คืนสินค้า\",\n//             route: prefix + \"/transfer/return\",\n//           },\n//         ],\n//       },\n//       {\n//         sectionTitle: \"สินค้า\",\n//         route: prefix + \"/products\",\n//         svgIcon: \"media/icons/duotune/abstract/abs026.svg\",\n//         fontIcon: \"bi-box-seam\",\n//         sub: [\n//           {\n//             heading: \"สต๊อกและราคา\",\n//             route: prefix + \"/products/stock\",\n//           },\n//           {\n//             heading: \"จองย้ายสินค้า\",\n//             route: prefix + \"/products/booking\",\n//           },          \n//         ],\n//       },\n//       {\n//         sectionTitle: \"ลูกค้า\",\n//         route: prefix + \"/customers\",\n//         svgIcon: \"media/icons/duotune/communication/com005.svg\",\n//         fontIcon: \"bi-people\",\n//         sub: [\n//           {\n//             heading: \"ทะเบียนลูกค้า\",\n//             route: prefix + \"/customers\",\n//           },\n//         ],\n//       },\n//       {\n//         sectionTitle: \"การเงิน\",\n//         route: prefix + \"/financial\",\n//         svgIcon: \"media/icons/duotune/finance/fin010.svg\",\n//         fontIcon: \"bi-currency-dollar\",\n//         sub: [\n//           // {\n//           //   heading: \"ภาพรวม\",\n//           //   route: prefix + \"/apps/chat/private-chat\",\n//           // },\n//           {\n//             heading: \"ดูรายการค้างชำระเงิน\",\n//             route: prefix + \"/financial/overduereport\",\n//           },\n//         ],\n//       },\n//       {\n//         sectionTitle: \"รายงาน\",\n//         route: prefix + \"/reports/\",\n//         svgIcon: \"media/icons/duotune/finance/fin010.svg\",\n//         fontIcon: \"bi-file-earmark-bar-graph\",\n//         sub: [  \n//           {\n//             heading: \"สินค้าไม่เคลื่อนไหว\",\n//             route: prefix + \"/reports/productnotmove\",\n//           },                \n//           {\n//             heading: \"สินค้าค้างนาน\",\n//             route: prefix + \"/reports/stocklongtime\",\n//           },              \n//         ],\n//       },\n//     ],\n//   },\n  \n// ];\n\n\n// const pmenu = (partnerCode) : Array<any>=> {\n//   if(userMenu[0] && userMenu[0].pages) {\n//     return userMenu[0].pages.map(m1 => Object.assign(m1, { \n//       route: \"/partners/\" + partnerCode + m1.route, \n//       sub: m1.sub ? m1.sub.map(m2 => Object.assign(m2, {route: \"/partners/\" + partnerCode + m2.route})) : []\n//     }) )\n//   }\n//   return [];\n  \n// }\n\n// export const genPartnerViewMenu = (partnerCode) : any => ({\n//   sectionTitle: \"เมนูพาร์ทเนอร์\",\n//   route: \"/partners/\" + partnerCode,\n//   // svgIcon: \"media/icons/duotune/communication/com005.svg\",\n//   fontIcon: \"bi-list\",\n//   sub: pmenu(partnerCode),\n//   roles: [role.admin],\n// })\n\nexport const adminMenu : Array<any> = [\n  {\n    name: \"adminMenu\",\n    pages: [\n      {\n        sectionTitle: \"จัดการสินค้าฝากขาย\",\n        route: \"admin/products/\",\n        fontIcon: \"bi-box-seam\",\n        sub: [\n          {\n            heading: \"กำหนดสินค้า & ตั้งราคา\",\n            route: \"/admin/products/setproduct\",\n          },          \n          // {\n          //   heading: \"ตั้งราคาสินค้า\",\n          //   route: \"/admin/setprice\",\n          // },\n        ],\n        roles: [role.admin],\n      },\n      {\n        heading: \"Campaign\",\n        route: \"/admin/campaign\",\n        fontIcon: \"bi-currency-dollar\",\n        roles: [role.admin],\n      },\n      {\n        heading: \"ข่าวสาร\",\n        route: \"/admin/news\",\n        fontIcon: \"bi bi-newspaper\",\n        roles: [role.admin],\n      },\n      {\n        sectionTitle: \"รายงาน\",\n        route: \"/admin/reports/\",\n        fontIcon: \"bi-file-earmark-bar-graph\",\n        sub: [\n          // {\n          //   heading: \"ภาพรวม\",\n          //   route: \"/apps/chat/private-chat\",\n          // },\n          {\n            heading: \"ยอดขาย\",\n            route: \"/admin/reports/orders\",\n          },\n          {\n            heading: \"การขายตามสินค้า\",\n            route: \"/admin/reports/salereports/product-sales-summary\",\n          },\n          {\n            heading: \"การขายตามหมวด\",\n            route: \"/admin/reports/sellorderreport/product-sellorder\",\n          },   \n          {\n            heading: \"สินค้าไม่เคลื่อนไหว\",\n            route: \"/admin/reports/productnotmove/\",\n          }, \n          {\n            heading: \"สินค้าค้างนาน\",\n            route: \"/admin/reports/stocklongtime\",\n          },                          \n          {\n            heading: \"การชำระเงิน\",\n            route: \"/admin/reports/overdue\",\n          },  \n          {\n            heading: \"ลูกค้า\",\n            route: \"/admin/reports/customer\",\n          },                    \n          {\n            heading: \"จองย้าย & รับ-คืน สินค้า\",\n            route: \"/admin/reports/transfers\",\n          },            \n        ],\n        roles: [role.admin],\n      },\n    ],\n    roles: [role.admin],\n  },\n  {\n    route: \"/partners\",\n    name: \"partnerView\",\n    pages: [\n      {\n        heading: \"จัดการพาร์ทเนอร์\",\n        route: \"/partners\",\n        // svgIcon: \"media/icons/duotune/communication/com005.svg\",\n        fontIcon: \"bi-people\",\n        // sub: [\n        //   {\n        //     heading: \"ทะเบียนพาร์ทเนอร์\",\n        //     route: \"/admin/partners\",\n        //   },\n        // ],\n        roles: [role.admin],\n      },     \n    ],\n    roles: [role.admin],\n  },\n]\n\nexport const getMenu = () => {\n  const user = store.getters.currentUser;\n  const currentRole = store.getters.currentRole;\n  const selectPartnerCode = store.getters.getRepresentId;\n\n  if(user.role == \"Admin\") {\n    return currentRole != \"Admin\" ? [\n      \n      ...getUserMenu(\"/partners/\"+ selectPartnerCode) ,\n      {\n        heading: \"จัดการพาร์ทเนอร์\",        \n        pages: [\n          \n          {\n            fontIcon: \"bi-people-fill\",\n            heading: \"เลือกพาร์ทเนอร์\",\n            route: \"/partners\"\n          },\n          {\n            fontIcon: \"bi-box-arrow-left\",\n            heading: \"ออกจากการจัดการพาร์ทเนอร์\",\n            route: \"/\"\n          },\n        ]\n      },\n    ]: adminMenu\n  } else {\n    return getUserMenu()\n  }\n}\n\nexport default [ ...getUserMenu(), ...adminMenu];\n","<template>\n      <template v-for=\"(item, i) in mainMenuConfig\" :key=\"i\" >\n        <div >\n          <div class=\"menu-item\">\n            <div class=\"menu-content pt-2 pb-2\">\n              <div class=\"menu-section text-muted text-uppercase fs-8 ls-1 mb-3\">\n                เมนูพาร์ทเนอร์\n              </div>\n              <router-link\n                  v-slot=\"{ href }\"\n                  :to=\"linkPrefix\"\n                >\n                <h2 v-if=\"!!representPartner\" >\n                  <a \n                    :href=\"href\"\n                    class=\"text-dark\" >\n                    {{representPartner.partnerName}}\n                  </a>\n                </h2>\n              \n              </router-link>\n            </div>\n          </div>\n          \n\n          <div v-if=\"item.heading  \" class=\"menu-item\">\n            <div class=\"menu-content pt-8 pb-2\">\n              <span class=\"menu-section text-muted text-uppercase fs-8 ls-1\">\n                {{ translate(item.heading) }}\n              </span>\n            </div>\n          </div>\n          <template v-for=\"(menuItem, j) in item.pages\" :key=\"j\">\n            <template v-if=\"menuItem.heading\">\n              <div class=\"menu-item\">\n                <router-link\n                  v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                  :to=\"linkPrefix + menuItem.route\"\n                >\n                  <a\n                    :class=\"[isActive && 'active', isExactActive && 'active']\"\n                    :href=\"href\"\n                    class=\"menu-link\"\n                    @click=\"navigate\"\n                  >\n                    <span\n                      v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\n                      class=\"menu-icon\"\n                    >\n                      <i\n                        v-if=\"asideMenuIcons === 'font'\"\n                        :class=\"menuItem.fontIcon\"\n                        class=\"bi fs-3\"\n                      ></i>\n                      <span\n                        v-else-if=\"asideMenuIcons === 'svg'\"\n                        class=\"svg-icon svg-icon-2\"\n                      >\n                        <inline-svg :src=\"menuItem.svgIcon\" />\n                      </span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(menuItem.heading)\n                    }}</span>\n                  </a>\n                </router-link>\n              </div>\n            </template>\n            <div\n              v-if=\"menuItem.sectionTitle\"\n              :class=\"{ show: hasActiveChildren(menuItem.route) }\"\n              class=\"menu-item menu-accordion\"\n              data-kt-menu-sub=\"accordion\"\n              data-kt-menu-trigger=\"click\"\n            >\n              <span class=\"menu-link\">\n                <span\n                  v-if=\"menuItem.svgIcon || menuItem.fontIcon\"\n                  class=\"menu-icon\"\n                >\n                  <i\n                    v-if=\"asideMenuIcons === 'font'\"\n                    :class=\"menuItem.fontIcon\"\n                    class=\"bi fs-3\"\n                  ></i>\n                  <span\n                    v-else-if=\"asideMenuIcons === 'svg'\"\n                    class=\"svg-icon svg-icon-2\"\n                  >\n                    <inline-svg :src=\"menuItem.svgIcon\" />\n                  </span>\n                </span>\n                <span class=\"menu-title\">{{\n                  translate(menuItem.sectionTitle)\n                }}</span>\n                <span class=\"menu-arrow\"></span>\n              </span>\n              <div\n                :class=\"{ show: hasActiveChildren(menuItem.route) }\"\n                class=\"menu-sub menu-sub-accordion\"\n              >\n                <template v-for=\"(item2, k) in menuItem.sub\" :key=\"k\">\n                  <div\n                    v-if=\"item2.heading\"\n                    class=\"menu-item\"\n                  >\n                    <router-link\n                      v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                      :to=\"linkPrefix + item2.route\"\n                    >\n                      <a\n                        :class=\"[isActive && 'active', isExactActive && 'active']\"\n                        :href=\"href\"\n                        class=\"menu-link\"\n                        @click=\"navigate\"\n                      >\n                        <span class=\"menu-bullet\">\n                          <span class=\"bullet bullet-dot\"></span>\n                        </span>\n                        <span class=\"menu-title\">{{\n                          translate(item2.heading)\n                        }}</span>\n                      </a>\n                    </router-link>\n                  </div>\n                  <div\n                    v-if=\"item2.sectionTitle\"\n                    :class=\"{ show: hasActiveChildren(item2.route) }\"\n                    class=\"menu-item menu-accordion\"\n                    data-kt-menu-sub=\"accordion\"\n                    data-kt-menu-trigger=\"click\"\n                  >\n                    <span class=\"menu-link\">\n                      <span class=\"menu-bullet\">\n                        <span class=\"bullet bullet-dot\"></span>\n                      </span>\n                      <span class=\"menu-title\">{{\n                        translate(item2.sectionTitle)\n                      }}</span>\n                      <span class=\"menu-arrow\"></span>\n                    </span>\n                    <div\n                      :class=\"{ show: hasActiveChildren(item2.route) }\"\n                      class=\"menu-sub menu-sub-accordion\"\n                    >\n                      <template v-for=\"(item3, k) in item2.sub\" :key=\"k\">\n                        <div\n                          v-if=\"item3.heading\"\n                          class=\"menu-item\"\n                        >\n                          <router-link\n                            v-slot=\"{ href, navigate, isActive, isExactActive }\"\n                            :to=\"linkPrefix + item3.route\"\n                          >\n                            <a\n                              class=\"menu-link\"\n                              :class=\"[\n                                isActive && 'active',\n                                isExactActive && 'active',\n                              ]\"\n                              :href=\"href\"\n                              @click=\"navigate\"\n                            >\n                              <span class=\"menu-bullet\">\n                                <span class=\"bullet bullet-dot\"></span>\n                              </span>\n                              <span class=\"menu-title\">{{\n                                translate(item3.heading)\n                              }}</span>\n                            </a>\n                          </router-link>\n                        </div>\n                      </template>\n                    </div>\n                  </div>\n                </template>\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n  <!--end::Menu wrapper-->\n</template>\n\n<style lang=\"scss\">\n.aside-menu .menu .menu-sub .menu-item a a.menu-link {\n  padding-left: calc(0.75rem + 25px);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  flex: 0 0 100%;\n  transition: none;\n  outline: none !important;\n}\n\n.aside-menu .menu .menu-sub .menu-sub .menu-item a a.menu-link {\n  padding-left: calc(1.5rem + 25px);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  flex: 0 0 100%;\n  transition: none;\n  outline: none !important;\n}\n</style>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, ref, reactive,computed, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\nimport { version } from \"@/core/helpers/documentation\";\nimport { asideMenuIcons } from \"@/core/helpers/config\";\nimport MainMenuConfig, {getMenu, getUserMenu} from \"@/core/config/MainMenuConfig\";\nimport {role} from \"@/helpers/role\"\n\nexport default defineComponent({\n  name: \"kt-menu\",\n  components: {},\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const scrollElRef = ref<null | HTMLElement>(null);\n    onMounted(() => {\n      ScrollComponent.reinitialization();\n      MenuComponent.reinitialization();\n      if (scrollElRef.value) {\n        scrollElRef.value.scrollTop = 0;\n      }\n    });\n\n    const currentUser = store.getters.currentUser;\n\n    const selectPartner = computed(() => store.getters.getRepresentId);\n\n    const linkPrefix = computed(() => \"/partners/\" + ( selectPartner.value == \"\" ? \"\" :  selectPartner.value ))\n\n    // const currentRole = ref(store.getters.currentRole) \n    const currentRole = computed(() => store.getters.currentRole);\n    \n    const mainMenuConfig = reactive([...getUserMenu()])\n    const representPartner = computed(() => store.getters.representPartner)\n    \n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(linkPrefix.value + match) !== -1;\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentRole.value);\n    };\n\n    return {\n      hasActiveChildren,\n      mainMenuConfig,\n      asideMenuIcons,\n      version,\n      translate,\n      chackRole,\n      selectPartner,\n      currentRole,\n      linkPrefix,\n      representPartner\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, onMounted, ref, reactive,computed, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\nimport { version } from \"@/core/helpers/documentation\";\nimport { asideMenuIcons } from \"@/core/helpers/config\";\nimport MainMenuConfig, {getMenu, getUserMenu} from \"@/core/config/MainMenuConfig\";\nimport {role} from \"@/helpers/role\"\n\nexport default defineComponent({\n  name: \"kt-menu\",\n  components: {},\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const scrollElRef = ref<null | HTMLElement>(null);\n    onMounted(() => {\n      ScrollComponent.reinitialization();\n      MenuComponent.reinitialization();\n      if (scrollElRef.value) {\n        scrollElRef.value.scrollTop = 0;\n      }\n    });\n\n    const currentUser = store.getters.currentUser;\n\n    const selectPartner = computed(() => store.getters.getRepresentId);\n\n    const linkPrefix = computed(() => \"/partners/\" + ( selectPartner.value == \"\" ? \"\" :  selectPartner.value ))\n\n    // const currentRole = ref(store.getters.currentRole) \n    const currentRole = computed(() => store.getters.currentRole);\n    \n    const mainMenuConfig = reactive([...getUserMenu()])\n    const representPartner = computed(() => store.getters.representPartner)\n    \n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(linkPrefix.value + match) !== -1;\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentRole.value);\n    };\n\n    return {\n      hasActiveChildren,\n      mainMenuConfig,\n      asideMenuIcons,\n      version,\n      translate,\n      chackRole,\n      selectPartner,\n      currentRole,\n      linkPrefix,\n      representPartner\n    };\n  },\n});\n","import { render } from \"./PartnerViewMenu.vue?vue&type=template&id=764b2268\"\nimport script from \"./PartnerViewMenu.vue?vue&type=script&lang=ts\"\nexport * from \"./PartnerViewMenu.vue?vue&type=script&lang=ts\"\n\nimport \"./PartnerViewMenu.vue?vue&type=style&index=0&id=764b2268&lang=scss\"\nscript.render = render\n\nexport default script","\nimport { defineComponent, onMounted, ref, reactive,computed, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport { MenuComponent } from \"@/assets/ts/components/MenuComponent\";\nimport { version } from \"@/core/helpers/documentation\";\nimport { asideMenuIcons } from \"@/core/helpers/config\";\nimport MainMenuConfig, {getMenu, adminMenu, getUserMenu} from \"@/core/config/MainMenuConfig\";\nimport PartnerViewMenu from \"@/layout/aside/PartnerViewMenu.vue\"\nimport {role} from \"@/helpers/role\"\n\nexport default defineComponent({\n  name: \"kt-menu\",\n  components: {\n    PartnerViewMenu\n  },\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const scrollElRef = ref<null | HTMLElement>(null);\n    onMounted(() => {\n      ScrollComponent.reinitialization();\n      MenuComponent.reinitialization();\n      if (scrollElRef.value) {\n        scrollElRef.value.scrollTop = 0;\n      }\n    });\n\n    const currentUser = store.getters.currentUser;\n\n    const selectPartner = computed(() => store.getters.getRepresentId);\n\n    // const currentRole = ref(store.getters.currentRole) \n    const currentRole = computed(() => store.getters.currentRole);\n    \n    let mainMenuConfig = reactive(getMenu())\n    if(currentUser.role == \"Admin\") {\n      mainMenuConfig = adminMenu\n    } else {\n      mainMenuConfig = getUserMenu()\n    }\n    \n    // watch(currentRole, (cr) => {\n    //   console.log(\"watch\", \"cr\", cr)\n    //   mainMenuConfig.splice(0,mainMenuConfig.length);\n    //   mainMenuConfig.push(...getMenu())\n    // }) \n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    \n\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(match) !== -1;\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentUser.role);\n    };\n\n    return {\n      hasActiveChildren,\n      mainMenuConfig,\n      asideMenuIcons,\n      version,\n      translate,\n      chackRole,\n      selectPartner,\n      currentRole\n    };\n  },\n});\n","import { render } from \"./Menu.vue?vue&type=template&id=0cc79640\"\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=0cc79640&lang=scss\"\nscript.render = render\n\nexport default script","\nimport { defineComponent, onMounted, onUpdated } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { ToggleComponent } from \"@/assets/ts/components/_ToggleComponent\";\nimport KTMenu from \"@/layout/aside/Menu.vue\";\nimport { asideTheme } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTAside\",\n  components: {\n    KTMenu\n  },\n  props: {\n    lightLogo: String,\n    darkLogo: String,\n  },\n  setup() {\n    const { t } = useI18n();\n\n    onMounted(() => {\n      ToggleComponent.reinitialization();\n    });\n\n    onUpdated(() => {\n      ToggleComponent.bootstrap();\n    });\n\n    return {\n      asideTheme,\n      t,\n    };\n  },\n});\n","import { render } from \"./Aside.vue?vue&type=template&id=30d0e612\"\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>\n  <!--begin::Header-->\n  <div id=\"kt_header\" style=\"\" class=\"header align-items-stretch\">\n    <!--begin::Container-->\n    <div\n      :class=\"{\n        'container-fluid': headerWidthFluid,\n        'container-xxl': !headerWidthFluid,\n      }\"\n      class=\"d-flex align-items-stretch justify-content-between\"\n    >\n      <!--begin::Aside mobile toggle-->\n      <div\n        class=\"d-flex align-items-center d-lg-none ms-n3 me-1\"\n        title=\"Show aside menu\"\n      >\n        <div\n          class=\"btn btn-icon btn-active-light-primary\"\n          id=\"kt_aside_mobile_toggle\"\n        >\n          <span class=\"svg-icon svg-icon-2x mt-1\">\n            <inline-svg src=\"/media/icons/duotune/abstract/abs015.svg\" />\n          </span>\n        </div>\n      </div>\n      <!--end::Aside mobile toggle-->\n\n      <!--begin::Mobile logo-->\n      <div class=\"d-flex align-items-center flex-grow-1 flex-lg-grow-0\">\n        <a href=\"#\" class=\"d-lg-none\">\n          <!-- <img alt=\"Logo\" src=\"/media/logos/logo-2s.png\" class=\"h-30px\" /> -->\n          <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\n          {{ title }}\n        </h1>\n        </a>\n      </div>\n      <!--end::Mobile logo-->\n\n      <!--begin::Wrapper-->\n      <div\n        class=\"\n          d-flex\n          align-items-stretch\n          justify-content-between\n          flex-lg-grow-1\n        \"\n      >\n        <!--begin::Navbar-->\n        <div class=\"d-flex align-items-stretch\" id=\"kt_header_menu_nav\">\n          \n          <div\n            name=\"partnerName\"\n            class=\"align-items-center d-flex \" \n            v-if=\"representPartner && representPartner.trim() != ''\">\n            <partner-select></partner-select>\n            <!-- <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\n              {{representPartner.partnerName}} asasd\n\n            </h1> -->\n            <span\n              class=\"h-20px border-gray-200 border-start mx-4\"\n            ></span>\n          </div>\n          <KTMenu :breadcrumbs=\"breadcrumbs\" :title=\"title\"></KTMenu>\n        </div>\n        <!--end::Navbar-->\n\n        <!--begin::Topbar-->\n        <div class=\"d-flex align-items-stretch flex-shrink-0\">\n          <KTTopbar></KTTopbar>\n        </div>\n        <!--end::Topbar-->\n      </div>\n      <!--end::Wrapper-->\n    </div>\n    <!--end::Container-->\n  </div>\n  <!--end::Header-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from \"vue\";\nimport KTTopbar from \"@/layout/header/Topbar.vue\";\nimport KTMenu from \"@/layout/header/Menu.vue\";\nimport { useStore } from \"vuex\";\nimport PartnerSelect from \"../PartnerSelect.vue\"\n\nimport {\n  headerWidthFluid,\n  headerLeft,\n  asideDisplay,\n} from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTHeader\",\n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  components: {\n    KTTopbar,\n    KTMenu,\n    PartnerSelect\n  },\n  setup() {\n    const store = useStore();\n\n    const representPartner = computed(() => store.getters.getRepresentId)\n\n\n    return {\n      headerWidthFluid,\n      headerLeft,\n      asideDisplay,\n      representPartner\n    };\n  },\n});\n</script>\n","<template>\n  <!--begin::Toolbar wrapper-->\n  <div class=\"d-flex align-items-stretch flex-shrink-0\">\n    <!--begin::Activities-->\n    <!-- <div class=\"d-flex align-items-center ms-1 ms-lg-3\">\n\n      <div\n        class=\"\n          btn btn-icon btn-active-light-primary\n          w-30px\n          h-30px\n          w-md-40px\n          h-md-40px\n        \"\n        id=\"kt_activities_toggle\"\n      >\n        <span class=\"svg-icon svg-icon-1\">\n          <inline-svg src=\"/media/icons/duotune/general/gen032.svg\" />\n        </span>\n      </div>\n\n    </div> -->\n    <!--end::Activities-->\n\n    <!--begin::Quick links-->\n    <!-- <div class=\"d-flex align-items-center ms-1 ms-lg-3\">\n\n      <div\n        class=\"\n          btn btn-icon btn-active-light-primary\n          w-30px\n          h-30px\n          w-md-40px\n          h-md-40px\n        \"\n        data-kt-menu-trigger=\"click\"\n        data-kt-menu-attach=\"parent\"\n        data-kt-menu-placement=\"bottom-end\"\n        data-kt-menu-flip=\"bottom\"\n      >\n        <span class=\"svg-icon svg-icon-1\">\n          <inline-svg src=\"/media/icons/duotune/general/gen025.svg\" />\n        </span>\n      </div>\n      <KTQuickLinksMenu></KTQuickLinksMenu>\n\n    </div> -->\n    <!--end::Quick links-->\n\n    <!--begin::Chat-->\n    <!-- <div class=\"d-flex align-items-center ms-1 ms-lg-3\">\n  \n      <div\n        class=\"\n          btn btn-icon btn-active-light-primary\n          position-relative\n          w-30px\n          h-30px\n          w-md-40px\n          h-md-40px\n        \"\n        id=\"kt_drawer_chat_toggle\"\n      >\n        <span class=\"svg-icon svg-icon-1\">\n          <inline-svg src=\"/media/icons/duotune/communication/com012.svg\" />\n        </span>\n\n        <span\n          class=\"\n            bullet bullet-dot\n            bg-success\n            h-6px\n            w-6px\n            position-absolute\n            translate-middle\n            top-0\n            start-50\n            animation-blink\n          \"\n        >\n        </span>\n      </div>\n\n    </div> -->\n    <!--end::Chat-->\n\n    <!--begin::Notifications-->\n    <!-- <div class=\"d-flex align-items-center ms-1 ms-lg-3\">\n\n      <div\n        class=\"\n          btn btn-icon btn-active-light-primary\n          position-relative\n          w-30px\n          h-30px\n          w-md-40px\n          h-md-40px\n        \"\n        data-kt-menu-trigger=\"click\"\n        data-kt-menu-attach=\"parent\"\n        data-kt-menu-placement=\"bottom-end\"\n        data-kt-menu-flip=\"bottom\"\n      >\n        <span class=\"svg-icon svg-icon-1\">\n          <inline-svg src=\"/media/icons/duotune/general/gen022.svg\" />\n        </span>\n      </div>\n      <KTNotificationsMenu></KTNotificationsMenu>\n\n    </div> -->\n    <!--end::Notifications-->\n\n    <!--begin::User-->\n    <div\n      class=\"d-flex align-items-center ms-1 ms-lg-3\"\n      id=\"kt_header_user_menu_toggle\"\n    >\n      <div\n        class=\"cursor-pointer symbol symbol-30px symbol-md-40px\"\n        data-kt-menu-trigger=\"click\"\n        data-kt-menu-attach=\"parent\"\n        data-kt-menu-placement=\"bottom-end\"\n        data-kt-menu-flip=\"bottom\"\n      >\n        <img src=\"/media/avatars/blank.png\" alt=\"metronic\" />\n      </div>\n      <KTUserMenu></KTUserMenu>\n    </div>\n    <!--end::User -->\n\n    <!--begin::Heaeder menu toggle-->\n    <!-- <div\n      class=\"d-flex align-items-center d-lg-none ms-2 me-n3\"\n      title=\"Show header menu\"\n    >\n      <div\n        class=\"btn btn-icon btn-active-light-primary\"\n        id=\"kt_header_menu_mobile_toggle\"\n      >\n        <span class=\"svg-icon svg-icon-1\">\n          <inline-svg src=\"/media/icons/duotune/text/txt001.svg\" />\n        </span>\n      </div>\n    </div> -->\n    <!--end::Heaeder menu toggle-->\n  </div>\n  <!--end::Toolbar wrapper-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport KTNotificationsMenu from \"@/layout/header/partials/NotificationsMenu.vue\";\nimport KTQuickLinksMenu from \"@/layout/header/partials/QuickLinksMenu.vue\";\nimport KTUserMenu from \"@/layout/header/partials/UserMenu.vue\";\n\nexport default defineComponent({\n  name: \"topbar\",\n  components: {\n    // KTNotificationsMenu,\n    // KTQuickLinksMenu,\n    KTUserMenu,\n  },\n});\n</script>\n","<template>\n  <!--begin::Menu-->\n  <div\n    class=\"\n      menu\n      menu-sub\n      menu-sub-dropdown\n      menu-column\n      menu-rounded\n      menu-gray-600\n      menu-state-bg-light-primary\n      fw-bold\n      py-4\n      fs-6\n      w-275px\n    \"\n    data-kt-menu=\"true\"\n  >\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3\">\n      <div class=\"menu-content d-flex align-items-center px-3\">\n        <!--begin::Avatar-->\n        <div class=\"symbol symbol-50px me-5\">\n          <img alt=\"Logo\" src=\"/media/avatars/blank.png\" />\n        </div>\n        <!--end::Avatar-->\n\n        <!--begin::Username-->\n        <div class=\"d-flex flex-column\">\n          <div class=\"fw-bolder d-flex align-items-center fs-5\">\n            {{currentUser.name}}\n            <!-- <span\n              class=\"badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2\"\n              >Pro</span\n            > -->\n          </div>\n          <a href=\"#\" class=\"fw-bold text-muted text-hover-primary fs-7\">{{currentUser.email}}</a>\n        </div>\n        <!--end::Username-->\n      </div>\n    </div>\n    <!--end::Menu item-->\n\n    <!--begin::Menu separator-->\n    <div class=\"separator my-2\"></div>\n    <!--end::Menu separator-->\n\n    <!--begin::Menu item-->\n    <role-view :roles=\"roleShow\">\n      <div class=\"menu-item px-5\">\n        <router-link to=\"/settings\" class=\"menu-link px-5\">\n          ข้อมูลพาร์ทเนอร์\n        </router-link>\n      </div>\n    </role-view>\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <!-- <div class=\"menu-item px-5\">\n      <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n        <span class=\"menu-text\">My Projects</span>\n        <span class=\"menu-badge\">\n          <span class=\"badge badge-light-danger badge-circle fw-bolder fs-7\"\n            >3</span\n          >\n        </span>\n      </router-link>\n    </div> -->\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <!-- <div\n      class=\"menu-item px-5\"\n      data-kt-menu-trigger=\"hover\"\n      data-kt-menu-placement=\"left-start\"\n      data-kt-menu-flip=\"center, top\"\n    >\n      <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n        <span class=\"menu-title\">My Subscription</span>\n        <span class=\"menu-arrow\"></span>\n      </router-link>\n\n\n      <div class=\"menu-sub menu-sub-dropdown w-175px py-4\">\n\n        <div class=\"menu-item px-3\">\n          <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n            Referrals\n          </router-link>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n            Billing\n          </router-link>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n            Payments\n          </router-link>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <router-link\n            to=\"/pages/profile/overview\"\n            class=\"menu-link d-flex flex-stack px-5\"\n          >\n            Statements\n\n            <i\n              class=\"fas fa-exclamation-circle ms-2 fs-7\"\n              data-bs-toggle=\"tooltip\"\n              title=\"View your statements\"\n            ></i>\n          </router-link>\n        </div>\n\n        <div class=\"separator my-2\"></div>\n\n        <div class=\"menu-item px-3\">\n          <div class=\"menu-content px-3\">\n            <label\n              class=\"form-check form-switch form-check-custom form-check-solid\"\n            >\n              <input\n                class=\"form-check-input w-30px h-20px\"\n                type=\"checkbox\"\n                value=\"1\"\n                checked=\"checked\"\n                name=\"notifications\"\n              />\n              <span class=\"form-check-label text-muted fs-7\">\n                Notifications\n              </span>\n            </label>\n          </div>\n        </div>\n\n      </div>\n\n    </div> -->\n\n    <!--begin::Menu item-->\n    <!-- <div class=\"menu-item px-5\">\n      <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n        My Statements\n      </router-link>\n    </div> -->\n    <!--end::Menu item-->\n\n    <!--begin::Menu separator-->\n    <!-- <div class=\"separator my-2\"></div> -->\n    <!--end::Menu separator-->\n\n    <!-- <div\n      class=\"menu-item px-5\"\n      data-kt-menu-trigger=\"hover\"\n      data-kt-menu-placement=\"left-start\"\n      data-kt-menu-flip=\"center, top\"\n    >\n      <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n        <span class=\"menu-title position-relative\">\n          Language\n          <span\n            class=\"\n              fs-8\n              rounded\n              bg-light\n              px-3\n              py-2\n              position-absolute\n              translate-middle-y\n              top-50\n              end-0\n            \"\n          >\n            {{ currentLangugeLocale.name }}\n            <img\n              class=\"w-15px h-15px rounded-1 ms-2\"\n              :src=\"currentLangugeLocale.flag\"\n              alt=\"metronic\"\n            />\n          </span>\n        </span>\n      </router-link>\n\n\n      <div class=\"menu-sub menu-sub-dropdown w-175px py-4\">\n\n        <div class=\"menu-item px-3\">\n          <a\n            @click=\"setLang('en')\"\n            href=\"#\"\n            class=\"menu-link d-flex px-5\"\n            :class=\"{ active: currentLanguage('en') }\"\n          >\n            <span class=\"symbol symbol-20px me-4\">\n              <img\n                class=\"rounded-1\"\n                src=\"/media/flags/united-states.svg\"\n                alt=\"metronic\"\n              />\n            </span>\n            English\n          </a>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <a\n            @click=\"setLang('es')\"\n            href=\"#\"\n            class=\"menu-link d-flex px-5\"\n            :class=\"{ active: currentLanguage('es') }\"\n          >\n            <span class=\"symbol symbol-20px me-4\">\n              <img\n                class=\"rounded-1\"\n                src=\"/media/flags/spain.svg\"\n                alt=\"metronic\"\n              />\n            </span>\n            Spanish\n          </a>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <a\n            @click=\"setLang('de')\"\n            href=\"#\"\n            class=\"menu-link d-flex px-5\"\n            :class=\"{ active: currentLanguage('de') }\"\n          >\n            <span class=\"symbol symbol-20px me-4\">\n              <img\n                class=\"rounded-1\"\n                src=\"/media/flags/germany.svg\"\n                alt=\"metronic\"\n              />\n            </span>\n            German\n          </a>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <a\n            @click=\"setLang('ja')\"\n            href=\"#\"\n            class=\"menu-link d-flex px-5\"\n            :class=\"{ active: currentLanguage('ja') }\"\n          >\n            <span class=\"symbol symbol-20px me-4\">\n              <img\n                class=\"rounded-1\"\n                src=\"/media/flags/japan.svg\"\n                alt=\"metronic\"\n              />\n            </span>\n            Japanese\n          </a>\n        </div>\n\n        <div class=\"menu-item px-3\">\n          <a\n            @click=\"setLang('fr')\"\n            href=\"#\"\n            class=\"menu-link d-flex px-5\"\n            :class=\"{ active: currentLanguage('fr') }\"\n          >\n            <span class=\"symbol symbol-20px me-4\">\n              <img\n                class=\"rounded-1\"\n                src=\"/media/flags/france.svg\"\n                alt=\"metronic\"\n              />\n            </span>\n            French\n          </a>\n        </div>\n\n      </div>\n\n    </div> -->\n\n    <!--begin::Menu item-->\n    <!-- <div class=\"menu-item px-5 my-1\">\n      <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n        Account Settings\n      </router-link>\n    </div> -->\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-5\">\n      <a @click=\"signOut()\" class=\"menu-link px-5\"> ออกจากระบบ </a>\n    </div>\n    <!--end::Menu item-->\n  </div>\n  <!--end::Menu-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport RoleView from '../../../components/RoleView.vue';\n\nexport default defineComponent({\n  name: \"kt-user-menu\",\n  components: { RoleView },\n  data(){\n    return {\n      roleShow: ['user', 'owner', 'manager']\n    }\n  },\n  setup() {\n    const router = useRouter();\n    const i18n = useI18n();\n    const store = useStore();\n\n    i18n.locale.value = localStorage.getItem(\"lang\")\n      ? (localStorage.getItem(\"lang\") as string)\n      : \"en\";\n\n    const countries = {\n      en: {\n        flag: \"/media/flags/united-states.svg\",\n        name: \"English\",\n      },\n      es: {\n        flag: \"/media/flags/spain.svg\",\n        name: \"Spanish\",\n      },\n      de: {\n        flag: \"/media/flags/germany.svg\",\n        name: \"German\",\n      },\n      ja: {\n        flag: \"/media/flags/japan.svg\",\n        name: \"Japanese\",\n      },\n      fr: {\n        flag: \"/media/flags/france.svg\",\n        name: \"French\",\n      },\n    };\n\n    const signOut = () => {\n      store\n        .dispatch(Actions.LOGOUT)\n        .then(() => {\n          window.location.replace(\"/\") \n          // router.push({ name: \"sign-in\" })\n        });\n    };\n\n    const setLang = (lang) => {\n      localStorage.setItem(\"lang\", lang);\n      i18n.locale.value = lang;\n    };\n\n    const currentLanguage = (lang) => {\n      return i18n.locale.value === lang;\n    };\n\n    const currentUser = computed(() => {\n      return store.getters.currentUser;\n    });\n\n    const currentLangugeLocale = computed(() => {\n      return countries[i18n.locale.value];\n    });\n\n    return {\n      signOut,\n      setLang,\n      currentLanguage,\n      currentLangugeLocale,\n      countries,\n      currentUser,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useStore } from \"vuex\";\nimport { useRouter } from \"vue-router\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport RoleView from '../../../components/RoleView.vue';\n\nexport default defineComponent({\n  name: \"kt-user-menu\",\n  components: { RoleView },\n  data(){\n    return {\n      roleShow: ['user', 'owner', 'manager']\n    }\n  },\n  setup() {\n    const router = useRouter();\n    const i18n = useI18n();\n    const store = useStore();\n\n    i18n.locale.value = localStorage.getItem(\"lang\")\n      ? (localStorage.getItem(\"lang\") as string)\n      : \"en\";\n\n    const countries = {\n      en: {\n        flag: \"/media/flags/united-states.svg\",\n        name: \"English\",\n      },\n      es: {\n        flag: \"/media/flags/spain.svg\",\n        name: \"Spanish\",\n      },\n      de: {\n        flag: \"/media/flags/germany.svg\",\n        name: \"German\",\n      },\n      ja: {\n        flag: \"/media/flags/japan.svg\",\n        name: \"Japanese\",\n      },\n      fr: {\n        flag: \"/media/flags/france.svg\",\n        name: \"French\",\n      },\n    };\n\n    const signOut = () => {\n      store\n        .dispatch(Actions.LOGOUT)\n        .then(() => {\n          window.location.replace(\"/\") \n          // router.push({ name: \"sign-in\" })\n        });\n    };\n\n    const setLang = (lang) => {\n      localStorage.setItem(\"lang\", lang);\n      i18n.locale.value = lang;\n    };\n\n    const currentLanguage = (lang) => {\n      return i18n.locale.value === lang;\n    };\n\n    const currentUser = computed(() => {\n      return store.getters.currentUser;\n    });\n\n    const currentLangugeLocale = computed(() => {\n      return countries[i18n.locale.value];\n    });\n\n    return {\n      signOut,\n      setLang,\n      currentLanguage,\n      currentLangugeLocale,\n      countries,\n      currentUser,\n    };\n  },\n});\n","import { render } from \"./UserMenu.vue?vue&type=template&id=cbe3cbd8\"\nimport script from \"./UserMenu.vue?vue&type=script&lang=ts\"\nexport * from \"./UserMenu.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\nimport { defineComponent } from \"vue\";\nimport KTNotificationsMenu from \"@/layout/header/partials/NotificationsMenu.vue\";\nimport KTQuickLinksMenu from \"@/layout/header/partials/QuickLinksMenu.vue\";\nimport KTUserMenu from \"@/layout/header/partials/UserMenu.vue\";\n\nexport default defineComponent({\n  name: \"topbar\",\n  components: {\n    // KTNotificationsMenu,\n    // KTQuickLinksMenu,\n    KTUserMenu,\n  },\n});\n","import { render } from \"./Topbar.vue?vue&type=template&id=782aaf31\"\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","<template>\n  <!--begin::Menu wrapper-->\n  <div\n    class=\"header-menu align-items-stretch\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"header-menu\"\n    data-kt-drawer-activate=\"{default: true, lg: false}\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'200px', '300px': '250px'}\"\n    data-kt-drawer-direction=\"end\"\n    data-kt-drawer-toggle=\"#kt_header_menu_mobile_toggle\"\n    data-kt-place=\"true\"\n    data-kt-place-mode=\"prepend\"\n    data-kt-place-parent=\"{default: '#kt_body', lg: '#kt_header_nav'}\"\n  >\n    <!--begin::Menu-->\n    <div\n      class=\"\n        menu\n        menu-lg-rounded\n        menu-column\n        menu-lg-row\n        menu-state-bg\n        menu-title-gray-700\n        menu-state-title-primary\n        menu-state-icon-primary\n        menu-state-bullet-primary\n        menu-arrow-gray-400\n        fw-bold\n        my-5 my-lg-0\n        align-items-stretch\n      \"\n      id=\"#kt_header_menu\"\n      data-kt-menu=\"true\"\n    >\n      <!-- <template v-for=\"(item, i) in MainMenuConfig\" :key=\"i\">\n        <template v-if=\"!item.heading && chackRole(item.roles)\"> \n            <template v-for=\"(menuItem, j) in item.pages\" :key=\"j\">\n            <div\n              v-if=\"menuItem.heading && chackRole(menuItem.roles)\"\n              class=\"menu-item me-lg-1\"\n            >\n              <router-link\n                :to=\"menuItem.route\"\n                v-slot=\"{ href, navigate, isActive, isExactActive }\"\n              >\n                <a\n                  :href=\"href\"\n                  class=\"menu-link py-3\"\n                  @click=\"navigate\"\n                  :class=\"[isActive && 'active', isExactActive && 'active']\"\n                >\n                  <span class=\"menu-title\">{{\n                    translate(menuItem.heading)\n                  }}</span>\n                </a>\n              </router-link>\n            </div>\n          </template>\n          </template>\n        <div\n          v-if=\"item.heading && chackRole(item.roles)\"\n          data-kt-menu-trigger=\"click\"\n          data-kt-menu-placement=\"bottom-start\"\n          class=\"menu-item menu-lg-down-accordion me-lg-1\"\n        >\n          <span\n            class=\"menu-link py-3\"\n            :class=\"{ active: hasActiveChildren(item.route) }\"\n          >\n            <span class=\"menu-title\">{{ translate(item.heading) }}</span>\n            <span class=\"menu-arrow d-lg-none\"></span>\n          </span>\n          <div\n            class=\"\n              menu-sub\n              menu-sub-lg-down-accordion\n              menu-sub-lg-dropdown\n              menu-rounded-0\n              py-lg-4\n              w-lg-225px\n            \"\n          >\n            <template v-for=\"(menuItem, j) in item.pages\" :key=\"j\">\n              <div\n                v-if=\"menuItem.sectionTitle && chackRole(menuItem.roles)\"\n                data-kt-menu-trigger=\"{default:'click', lg: 'hover'}\"\n                data-kt-menu-placement=\"right-start\"\n                class=\"menu-item menu-lg-down-accordion\"\n              >\n                <span\n                  class=\"menu-link py-3\"\n                  :class=\"{ active: hasActiveChildren(menuItem.route) }\"\n                >\n                  <span class=\"menu-icon\">\n                    <i\n                      v-if=\"headerMenuIcons === 'font'\"\n                      :class=\"menuItem.fontIcon\"\n                      class=\"bi fs-3\"\n                    ></i>\n                    <span\n                      v-if=\"headerMenuIcons === 'svg'\"\n                      class=\"svg-icon svg-icon-2\"\n                    >\n                      <inline-svg :src=\"menuItem.svgIcon\" />\n                    </span>\n                  </span>\n                  <span class=\"menu-title\">{{\n                    translate(menuItem.sectionTitle)\n                  }}</span>\n                  <span class=\"menu-arrow\"></span>\n                </span>\n                <div\n                  class=\"\n                    menu-sub\n                    menu-sub-lg-down-accordion\n                    menu-sub-lg-dropdown\n                    menu-active-bg\n                    py-lg-4\n                    w-lg-225px\n                  \"\n                >\n                  <template v-for=\"(menuItem1, k) in menuItem.sub\" :key=\"k\">\n                    <div\n                      v-if=\"\n                        menuItem1.sectionTitle && chackRole(menuItem1.roles)\n                      \"\n                      data-kt-menu-trigger=\"{default:'click', lg: 'hover'}\"\n                      data-kt-menu-placement=\"right-start\"\n                      class=\"menu-item menu-lg-down-accordion\"\n                    >\n                      <span\n                        class=\"menu-link py-3\"\n                        :class=\"{ active: hasActiveChildren(menuItem1.route) }\"\n                      >\n                        <span class=\"menu-bullet\">\n                          <span class=\"bullet bullet-dot\"></span>\n                        </span>\n                        <span class=\"menu-title\">{{\n                          translate(menuItem1.sectionTitle)\n                        }}</span>\n                        <span class=\"menu-arrow\"></span>\n                      </span>\n                      <div\n                        class=\"\n                          menu-sub\n                          menu-sub-lg-down-accordion\n                          menu-sub-lg-dropdown\n                          menu-active-bg\n                          py-lg-4\n                          w-lg-225px\n                        \"\n                      >\n                        <template\n                          v-for=\"(menuItem2, l) in menuItem1.sub\"\n                          :key=\"l\"\n                        >\n                          <div class=\"menu-item\">\n                            <router-link\n                              class=\"menu-link py-3\"\n                              active-class=\"active\"\n                              :to=\"menuItem2.route\"\n                            >\n                              <span class=\"menu-bullet\">\n                                <span class=\"bullet bullet-dot\"></span>\n                              </span>\n                              <span class=\"menu-title\">{{\n                                translate(menuItem2.heading)\n                              }}</span>\n                            </router-link>\n                          </div>\n                        </template>\n                      </div>\n                    </div>\n                    <div\n                      v-if=\"menuItem1.heading && chackRole(menuItem1.roles)\"\n                      class=\"menu-item\"\n                    >\n                      <router-link class=\"menu-link py-3\" :to=\"menuItem1.route\">\n                        <span class=\"menu-bullet\">\n                          <span class=\"bullet bullet-dot\"></span>\n                        </span>\n                        <span class=\"menu-title\">{{\n                          translate(menuItem1.heading)\n                        }}</span>\n                      </router-link>\n                    </div>\n                  </template>\n                </div>\n              </div>\n              <div\n                v-if=\"menuItem.heading && chackRole(menuItem.roles)\"\n                class=\"menu-item\"\n              >\n                <router-link class=\"menu-link py-3\" :to=\"menuItem.route\">\n                  <span class=\"menu-icon\">\n                    <span class=\"svg-icon svg-icon-2\">\n                      <inline-svg\n                        src=\"/media/icons/duotune/layouts/lay009.svg\"\n                      />\n                    </span>\n                  </span>\n                  <span class=\"menu-title\">{{\n                    translate(menuItem.heading)\n                  }}</span>\n                </router-link>\n              </div>\n            </template>\n          </div>\n        </div>\n      </template> -->\n      <div class=\"menu-item menu-lg-down-accordion me-lg-1\">\n        \n        <!-- <span class=\"text-gray-500\"> {{currentUser.name}} asdasd </span> -->\n        <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\n          {{ title }}\n        </h1>\n        <span\n          v-if=\"breadcrumbs\"\n          class=\"h-20px border-gray-200 border-start mx-4\"\n        ></span>\n\n        <!--begin::Breadcrumb-->\n        <ul\n          v-if=\"breadcrumbs\"\n          class=\"breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1\"\n        >\n          <li class=\"breadcrumb-item pe-3\">\n            <router-link to=\"/\" class=\"text-muted text-hover-primary\">\n              หน้าหลัก\n            </router-link>\n          </li>\n          <li class=\"breadcrumb-item\">\n            <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\n          </li>\n          <template v-for=\"(item, index) in breadcrumbs\" :key=\"index\">\n            <li class=\"breadcrumb-item text-muted\">\n              {{ item }}\n            </li>\n            <li class=\"breadcrumb-item\">\n              <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\n            </li>\n          </template>\n          <li class=\"breadcrumb-item pe-3 text-dark\">\n            {{ title }}\n          </li>\n        </ul>\n      </div>\n\n      <div\n        data-kt-menu-trigger=\"click\"\n        data-kt-menu-placement=\"bottom-start\"\n        class=\"menu-item menu-lg-down-accordion me-lg-1\"\n      >\n        <div\n          class=\"\n            menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown\n            w-100 w-lg-600px\n            p-5 p-lg-5\n          \"\n          style=\"\"\n        >\n          <!--begin:Row-->\n          <div class=\"row\" data-kt-menu-dismiss=\"true\">\n            <!--begin:Col-->\n            <div class=\"col-lg-4 border-left-lg-1\">\n              <div class=\"menu-inline menu-column menu-active-bg\">\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n              </div>\n            </div>\n            <!--end:Col-->\n            <!--begin:Col-->\n            <div class=\"col-lg-4 border-left-lg-1\">\n              <div class=\"menu-inline menu-column menu-active-bg\">\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n              </div>\n            </div>\n            <!--end:Col-->\n            <!--begin:Col-->\n            <div class=\"col-lg-4 border-left-lg-1\">\n              <div class=\"menu-inline menu-column menu-active-bg\">\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n                <div class=\"menu-item\">\n                  <a href=\"#\" class=\"menu-link\">\n                    <span class=\"menu-bullet\">\n                      <span class=\"bullet bullet-dot\"></span>\n                    </span>\n                    <span class=\"menu-title\">{{\n                      translate(\"exampleLink\")\n                    }}</span>\n                  </a>\n                </div>\n              </div>\n            </div>\n            <!--end:Col-->\n          </div>\n          <!--end:Row-->\n        </div>\n      </div>\n      <!--end::Menu-->\n    </div>\n  </div>\n  <!--end::Menu wrapper-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { useI18n } from \"vue-i18n\";\nimport { MenuComponent } from \"@/assets/ts/components\";\nimport MainMenuConfig from \"@/core/config/MainMenuConfig\";\nimport { headerMenuIcons } from \"@/core/helpers/config\";\nimport { version } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"KTMenu\",\n  components: {},  \n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(match) !== -1;\n    };\n\n    const currentUser = store.getters.currentUser;\n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentUser.role);\n    };\n\n    onMounted(() => {\n      MenuComponent.reinitialization();\n    });\n\n    return {\n      hasActiveChildren,\n      headerMenuIcons,\n      MainMenuConfig,\n      translate,\n      version,\n      chackRole,\n      currentUser\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, onMounted, computed } from \"vue\";\nimport { useRoute } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { useI18n } from \"vue-i18n\";\nimport { MenuComponent } from \"@/assets/ts/components\";\nimport MainMenuConfig from \"@/core/config/MainMenuConfig\";\nimport { headerMenuIcons } from \"@/core/helpers/config\";\nimport { version } from \"@/core/helpers/documentation\";\n\nexport default defineComponent({\n  name: \"KTMenu\",\n  components: {},  \n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  setup() {\n    const { t, te } = useI18n();\n    const route = useRoute();\n    const store = useStore();\n    const hasActiveChildren = (match) => {\n      return route.path.indexOf(match) !== -1;\n    };\n\n    const currentUser = store.getters.currentUser;\n\n    const translate = (text) => {\n      if (te(text)) {\n        return t(text);\n      } else {\n        return text;\n      }\n    };\n\n    const chackRole = (roles: string[]): boolean => {\n      return !roles || !roles.length || roles.includes(currentUser.role);\n    };\n\n    onMounted(() => {\n      MenuComponent.reinitialization();\n    });\n\n    return {\n      hasActiveChildren,\n      headerMenuIcons,\n      MainMenuConfig,\n      translate,\n      version,\n      chackRole,\n      currentUser\n    };\n  },\n});\n","import { render } from \"./Menu.vue?vue&type=template&id=530f70c8\"\nimport script from \"./Menu.vue?vue&type=script&lang=ts\"\nexport * from \"./Menu.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\r\n  <el-select \r\n      v-model=\"partnerCode\"\r\n      placeholder=\"เลือกพาร์ทเนอร์\"\r\n      :loading=\"fatchingPartner\"   \r\n      filterable>\r\n      <el-option\r\n      v-for=\"partnerOption in partnerList\"\r\n      :key=\"partnerOption.partnerCode\"\r\n      :label=\"partnerOption.partnerName\"\r\n      :value=\"partnerOption.partnerCode\"                \r\n      >\r\n      <span style=\"float: left\">{{ partnerOption.partnerCode }}</span>\r\n      <span\r\n          style=\"\r\n          float: right;\r\n          color: var(--el-text-color-secondary);\"\r\n          >{{ partnerOption.partnerName }}</span\r\n      >\r\n      </el-option>\r\n  </el-select>  \r\n</template>\r\n\r\n<script>\r\n\r\n  import {Mutations, Actions} from '../store/enums/StoreEnums'\r\n\r\n  export default {\r\n    computed: {\r\n      partnerList() {\r\n        return this.$store.getters.getPartnerList\r\n      },\r\n      fatchingPartner() {\r\n        return this.$store.getters.getFatchingStatus\r\n      },\r\n      partnerCode: {\r\n        get() {\r\n          return this.$store.getters.getRepresentId\r\n        },\r\n        set(val) {\r\n          this.$store.dispatch(Actions.GET_PARTNER_BY_ID, val)\r\n          if(!this.$route.params.basePartnerCode || this.$route.params.basePartnerCode == \"\")\r\n          {            \r\n            this.$router.replace({ name: \"dashboard\", params: { basePartnerCode: val}})\r\n          }\r\n          else\r\n          {\r\n            this.$router.replace({ name: this.$route.name, params: { basePartnerCode: val}})\r\n          }\r\n        }\r\n      }\r\n    },\r\n\r\n    mounted() {\r\n      console.log(this.$route)\r\n      this.$store.dispatch(Actions.FETCH_PARTNER_LIST);\r\n\r\n    },\r\n    // methods: {\r\n    //   onSelectPartnerHandler(val) {\r\n        \r\n    //   }\r\n    // },\r\n  }\r\n</script>\r\n\r\n","import { render } from \"./PartnerSelect.vue?vue&type=template&id=7037e4c7\"\nimport script from \"./PartnerSelect.vue?vue&type=script&lang=js\"\nexport * from \"./PartnerSelect.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","\nimport { defineComponent, computed } from \"vue\";\nimport KTTopbar from \"@/layout/header/Topbar.vue\";\nimport KTMenu from \"@/layout/header/Menu.vue\";\nimport { useStore } from \"vuex\";\nimport PartnerSelect from \"../PartnerSelect.vue\"\n\nimport {\n  headerWidthFluid,\n  headerLeft,\n  asideDisplay,\n} from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTHeader\",\n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  components: {\n    KTTopbar,\n    KTMenu,\n    PartnerSelect\n  },\n  setup() {\n    const store = useStore();\n\n    const representPartner = computed(() => store.getters.getRepresentId)\n\n\n    return {\n      headerWidthFluid,\n      headerLeft,\n      asideDisplay,\n      representPartner\n    };\n  },\n});\n","import { render } from \"./Header.vue?vue&type=template&id=29c6cb8f\"\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>\n  <!--begin::Footer-->\n  <div class=\"footer py-1 d-flex flex-lg-column\" id=\"kt_footer\">\n    <!--begin::Container-->\n    <div\n      class=\"\n        d-flex\n        flex-column flex-md-row\n        align-items-center\n        justify-content-between\n      \"\n      :class=\"{\n        'container-fluid': footerWidthFluid,\n        'container-xxl': !footerWidthFluid,\n      }\"\n    >\n      <!--begin::Copyright-->\n      <div class=\"text-dark order-2 order-md-1\">\n        <span class=\"text-muted fw-bold me-1\">2021 &copy;</span>\n        <a\n          href=\"https://www.2sonline.net/partner/\"\n          target=\"_blank\"\n          class=\"text-gray-800 text-hover-primary\"\n          >2S Partner</a\n        >\n      </div>\n      <!--end::Copyright-->\n\n      <!--begin::Menu-->\n      <ul class=\"menu menu-gray-600 menu-hover-primary fw-bold order-1\">\n        <li class=\"menu-item\">\n          <a href=\"https://www.ss.co.th\" target=\"_blank\" class=\"menu-link px-2\"\n            >About</a\n          >\n        </li>\n\n        <li class=\"menu-item\">\n          <a href=\"https://www.ss.co.th\" target=\"_blank\" class=\"menu-link px-2\"\n            >Support</a\n          >\n        </li>\n      </ul>\n      <!--end::Menu-->\n    </div>\n    <!--end::Container-->\n  </div>\n  <!--end::Footer-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport { footerWidthFluid } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTFooter\",\n  setup() {\n    return {\n      footerWidthFluid,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\nimport { footerWidthFluid } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KTFooter\",\n  setup() {\n    return {\n      footerWidthFluid,\n    };\n  },\n});\n","import { render } from \"./Footer.vue?vue&type=template&id=0ee88c62\"\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\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport store from \"@/store/\";\nimport { config } from \"@/core/helpers/config\";\n\nclass LayoutService {\n  /**\n   * @description initialize default layout\n   */\n  public static init(): void {\n    LayoutService.initLayout();\n    LayoutService.initHeader();\n    LayoutService.initToolbar();\n    LayoutService.initAside();\n    LayoutService.initFooter();\n  }\n\n  /**\n   * @description init layout\n   */\n  public static initLayout(): void {\n    store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\n      qulifiedName: \"id\",\n      value: \"kt_body\",\n    });\n\n    if (objectPath.get(config.value, \"loader.display\")) {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading-enabled\");\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\n    }\n  }\n\n  /**\n   * @description init header\n   */\n  public static initHeader(): void {\n    if (objectPath.get(config.value, \"header.fixed.desktop\")) {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"header-fixed\");\n    }\n\n    if (objectPath.get(config.value, \"header.fixed.tabletAndMobile\")) {\n      store.dispatch(\n        Actions.ADD_BODY_CLASSNAME,\n        \"header-tablet-and-mobile-fixed\"\n      );\n    }\n  }\n\n  /**\n   * @description init toolbar\n   */\n  public static initToolbar(): void {\n    if (!objectPath.get(config.value, \"toolbar.display\")) {\n      return;\n    }\n\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"toolbar-enabled\");\n\n    if (objectPath.get(config.value, \"toolbar.fixed\")) {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"toolbar-fixed\");\n    }\n\n    store.dispatch(\n      Actions.ADD_BODY_CLASSNAME,\n      \"toolbar-tablet-and-mobile-fixed\"\n    );\n  }\n\n  /**\n   * @description init aside\n   */\n  public static initAside(): void {\n    if (!objectPath.get(config.value, \"aside.display\")) {\n      return;\n    }\n\n    // Enable Aside\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"aside-enabled\");\n\n    // Minimized\n    if (\n      objectPath.get(config.value, \"aside.minimized\") &&\n      objectPath.get(config.value, \"aside.toggle\")\n    ) {\n      store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\n        qulifiedName: \"data-kt-aside-minimize\",\n        value: \"on\",\n      });\n    }\n\n    if (objectPath.get(config.value, \"aside.fixed\")) {\n      // Fixed Aside\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"aside-fixed\");\n    }\n\n    // Default minimized\n    if (objectPath.get(config.value, \"aside.minimized\")) {\n      store.dispatch(Actions.ADD_BODY_ATTRIBUTE, {\n        qulifiedName: \"data-kt-aside-minimize\",\n        value: \"on\",\n      });\n    }\n  }\n\n  /**\n   * @description init footer\n   */\n  public static initFooter(): void {\n    // Fixed header\n    if (objectPath.get(config.value, \"footer.width\") === \"fixed\") {\n      store.dispatch(Actions.ADD_BODY_CLASSNAME, \"footer-fixed\");\n    }\n  }\n}\n\nexport default LayoutService;\n","<template>\n  <!--begin::Toolbar-->\n  <div class=\"toolbar\" id=\"kt_toolbar\">\n    <!--begin::Container-->\n    <div\n      id=\"kt_toolbar_container\"\n      :class=\"{\n        'container-fluid': toolbarWidthFluid,\n        'container-xxl': !toolbarWidthFluid,\n      }\"\n      class=\"d-flex flex-stack\"\n    >\n      <!--begin::Page title-->\n      <div\n        data-kt-swapper=\"true\"\n        data-kt-swapper-mode=\"prepend\"\n        data-kt-swapper-parent=\"{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}\"\n        class=\"page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0\"\n      >\n        <!--begin::Title-->\n        <h1 class=\"d-flex align-items-center text-dark fw-bolder my-1 fs-3\">\n          {{ title }}\n        </h1>\n        <!--end::Title-->\n\n        <span\n          v-if=\"breadcrumbs\"\n          class=\"h-20px border-gray-200 border-start mx-4\"\n        ></span>\n\n        <!--begin::Breadcrumb-->\n        <ul\n          v-if=\"breadcrumbs\"\n          class=\"breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1\"\n        >\n          <li class=\"breadcrumb-item pe-3\">\n            <router-link to=\"/\" class=\"text-muted text-hover-primary\">\n              หน้าหลัก\n            </router-link>\n          </li>\n          <li class=\"breadcrumb-item\">\n            <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\n          </li>\n          <template v-for=\"(item, index) in breadcrumbs\" :key=\"index\">\n            <li class=\"breadcrumb-item text-muted\">\n              {{ item }}\n            </li>\n            <li class=\"breadcrumb-item\">\n              <span class=\"bullet bg-gray-200 w-5px h-2px\"></span>\n            </li>\n          </template>\n          <li class=\"breadcrumb-item pe-3 text-dark\">\n            {{ title }}\n          </li>\n        </ul>\n        <!--end::Breadcrumb-->\n      </div>\n      <!--end::Page title-->\n\n      <!--begin::Actions-->\n      <!-- <div class=\"d-flex align-items-center py-1\">\n        <div class=\"me-4\">\n          \n          <a\n            href=\"#\"\n            class=\"btn btn-sm btn-flex btn-light btn-active-primary fw-bolder\"\n            data-kt-menu-trigger=\"click\"\n            data-kt-menu-placement=\"bottom-end\"\n            data-kt-menu-flip=\"top-end\"\n          >\n            <span class=\"svg-icon svg-icon-5 svg-icon-gray-500 me-1\">\n              <inline-svg src=\"/media/icons/duotune/general/gen031.svg\" />\n            </span>\n            Filter\n          </a>\n\n          <Dropdown1></Dropdown1>\n          \n        </div>\n\n        <a\n          href=\"#\"\n          class=\"btn btn-sm btn-primary\"\n          data-bs-toggle=\"modal\"\n          data-bs-target=\"#kt_modal_create_app\"\n          id=\"kt_toolbar_primary_button\"\n        >\n          Create\n        </a>\n      </div> -->\n    </div>\n    <!--end::Container-->\n  </div>\n  <!--end::Toolbar-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n// import Dropdown1 from \"@/components/dropdown/Dropdown1.vue\";\nimport { toolbarWidthFluid } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KToolbar\",\n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  components: {\n    // Dropdown1,\n  },\n  setup() {\n    return {\n      toolbarWidthFluid,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n// import Dropdown1 from \"@/components/dropdown/Dropdown1.vue\";\nimport { toolbarWidthFluid } from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"KToolbar\",\n  props: {\n    breadcrumbs: Array,\n    title: String,\n  },\n  components: {\n    // Dropdown1,\n  },\n  setup() {\n    return {\n      toolbarWidthFluid,\n    };\n  },\n});\n","import { render } from \"./Toolbar.vue?vue&type=template&id=3fe69269\"\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>\n  <!-- begin::Scrolltop -->\n  <div\n    id=\"kt_scrolltop\"\n    ref=\"kt_scrolltop\"\n    class=\"scrolltop\"\n    data-kt-scrolltop=\"true\"\n  >\n    <span class=\"svg-icon\">\n      <inline-svg src=\"/media/icons/duotune/arrows/arr066.svg\" />\n    </span>\n  </div>\n  <!-- end::Scrolltop -->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted } from \"vue\";\nimport { ScrollTopComponent } from \"@/assets/ts/components/_ScrollTopComponent\";\n\nexport default defineComponent({\n  name: \"KTScrollTop\",\n  components: {},\n  setup() {\n    onMounted(() => {\n      ScrollTopComponent.reinitialization();\n    });\n  },\n});\n</script>\n","\nimport { defineComponent, onMounted } from \"vue\";\nimport { ScrollTopComponent } from \"@/assets/ts/components/_ScrollTopComponent\";\n\nexport default defineComponent({\n  name: \"KTScrollTop\",\n  components: {},\n  setup() {\n    onMounted(() => {\n      ScrollTopComponent.reinitialization();\n    });\n  },\n});\n","import { render } from \"./ScrollTop.vue?vue&type=template&id=6cb26990\"\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>\n  <!--begin::Activities drawer-->\n  <div\n    id=\"kt_activities\"\n    class=\"bg-white\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"activities\"\n    data-kt-drawer-activate=\"true\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'300px', 'lg': '900px'}\"\n    data-kt-drawer-direction=\"end\"\n    data-kt-drawer-toggle=\"#kt_activities_toggle\"\n    data-kt-drawer-close=\"#kt_activities_close\"\n  >\n    <div class=\"card shadow-none\">\n      <!--begin::Header-->\n      <div class=\"card-header\" id=\"kt_activities_header\">\n        <h3 class=\"card-title fw-bolder text-dark\">Activity Logs</h3>\n\n        <div class=\"card-toolbar\">\n          <button\n            type=\"button\"\n            class=\"btn btn-sm btn-icon btn-active-light-primary me-n5\"\n            id=\"kt_activities_close\"\n          >\n            <span class=\"svg-icon svg-icon-1\">\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\n            </span>\n          </button>\n        </div>\n      </div>\n      <!--end::Header-->\n\n      <!--begin::Body-->\n      <div class=\"card-body position-relative\" id=\"kt_activities_body\">\n        <!--begin::Content-->\n        <div\n          id=\"kt_activities_scroll\"\n          class=\"position-relative scroll-y me-n5 pe-5\"\n          data-kt-scroll=\"true\"\n          data-kt-scroll-height=\"auto\"\n          data-kt-scroll-wrappers=\"#kt_activities_body\"\n          data-kt-scroll-dependencies=\"#kt_activities_header, #kt_activities_footer\"\n          data-kt-scroll-offset=\"5px\"\n        >\n          <!--begin::Timeline items-->\n          <div class=\"timeline\">\n            <Item1></Item1>\n            <Item2></Item2>\n            <Item3></Item3>\n            <Item4></Item4>\n            <Item5></Item5>\n            <Item6></Item6>\n            <Item7></Item7>\n            <Item8></Item8>\n          </div>\n          <!--end::Timeline items-->\n        </div>\n        <!--end::Content-->\n      </div>\n      <!--end::Body-->\n\n      <!--begin::Footer-->\n      <div class=\"card-footer py-5 text-center\" id=\"kt_activities_footer\">\n        <a href=\"#\" class=\"btn btn-bg-white text-primary\">\n          View All Activities<span class=\"svg-icon svg-icon-3 svg-icon-primary\">\n            <inline-svg src=\"/media/icons/duotune/arrows/arr064.svg\" />\n          </span>\n        </a>\n      </div>\n      <!--end::Footer-->\n    </div>\n  </div>\n  <!--end::Activities drawer-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport Item1 from \"@/layout/header/partials/activity-timeline/Item1.vue\";\nimport Item2 from \"@/layout/header/partials/activity-timeline/Item2.vue\";\nimport Item3 from \"@/layout/header/partials/activity-timeline/Item3.vue\";\nimport Item4 from \"@/layout/header/partials/activity-timeline/Item4.vue\";\nimport Item5 from \"@/layout/header/partials/activity-timeline/Item5.vue\";\nimport Item6 from \"@/layout/header/partials/activity-timeline/Item6.vue\";\nimport Item7 from \"@/layout/header/partials/activity-timeline/Item7.vue\";\nimport Item8 from \"@/layout/header/partials/activity-timeline/Item8.vue\";\n\nexport default defineComponent({\n  name: \"kt-activity-drawer\",\n  components: {\n    Item1,\n    Item2,\n    Item3,\n    Item4,\n    Item5,\n    Item6,\n    Item7,\n    Item8,\n  },\n});\n</script>\n","<template>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px me-4\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/communication/com003.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"pe-3 mb-5\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">\n          There are 2 new tasks for you in “AirPlus Mobile APp” project:\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Added at 4:23 PM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Nina Nilson\"\n          >\n            <img src=\"/media/avatars/150-11.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n\n      <!--begin::Timeline details-->\n      <div class=\"overflow-auto pb-5\">\n        <!--begin::Record-->\n        <div\n          class=\"\n            d-flex\n            align-items-center\n            border border-dashed border-gray-300\n            rounded\n            min-w-750px\n            px-7\n            py-3\n            mb-5\n          \"\n        >\n          <!--begin::Title-->\n          <a\n            href=\"#\"\n            class=\"\n              fs-5\n              text-dark text-hover-primary\n              fw-bold\n              w-375px\n              min-w-200px\n            \"\n            >Meeting with customer</a\n          >\n          <!--end::Title-->\n\n          <!--begin::Label-->\n          <div class=\"min-w-175px pe-2\">\n            <span class=\"badge badge-light text-muted\">Application Design</span>\n          </div>\n          <!--end::Label-->\n\n          <!--begin::Users-->\n          <div\n            class=\"\n              symbol-group symbol-hover\n              flex-nowrap flex-grow-1\n              min-w-100px\n              pe-2\n            \"\n          >\n            <!--begin::User-->\n            <div class=\"symbol symbol-circle symbol-25px\">\n              <img src=\"/media/avatars/150-3.jpg\" alt=\"img\" />\n            </div>\n            <!--end::User-->\n\n            <!--begin::User-->\n            <div class=\"symbol symbol-circle symbol-25px\">\n              <img src=\"/media/avatars/150-11.jpg\" alt=\"img\" />\n            </div>\n            <!--end::User-->\n\n            <!--begin::User-->\n            <div class=\"symbol symbol-circle symbol-25px\">\n              <div\n                class=\"\n                  symbol-label\n                  fs-8\n                  fw-bold\n                  bg-primary\n                  text-inverse-primary\n                \"\n              >\n                A\n              </div>\n            </div>\n            <!--end::User-->\n          </div>\n          <!--end::Users-->\n\n          <!--begin::Progress-->\n          <div class=\"min-w-125px pe-2\">\n            <span class=\"badge badge-light-primary\">In Progress</span>\n          </div>\n          <!--end::Progress-->\n\n          <!--begin::Action-->\n          <a href=\"#\" class=\"btn btn-sm btn-light btn-active-light-primary\"\n            >View</a\n          >\n          <!--end::Action-->\n        </div>\n        <!--end::Record-->\n\n        <!--begin::Record-->\n        <div\n          class=\"\n            d-flex\n            align-items-center\n            border border-dashed border-gray-300\n            rounded\n            min-w-750px\n            px-7\n            py-3\n            mb-0\n          \"\n        >\n          <!--begin::Title-->\n          <a\n            href=\"#\"\n            class=\"\n              fs-5\n              text-dark text-hover-primary\n              fw-bold\n              w-375px\n              min-w-200px\n            \"\n            >Project Delivery Preparation</a\n          >\n          <!--end::Title-->\n\n          <!--begin::Label-->\n          <div class=\"min-w-175px\">\n            <span class=\"badge badge-light text-muted\"\n              >CRM System Development</span\n            >\n          </div>\n          <!--end::Label-->\n\n          <!--begin::Users-->\n          <div\n            class=\"\n              symbol-group symbol-hover\n              flex-nowrap flex-grow-1\n              min-w-100px\n            \"\n          >\n            <!--begin::User-->\n            <div class=\"symbol symbol-circle symbol-25px\">\n              <img src=\"/media/avatars/150-5.jpg\" alt=\"img\" />\n            </div>\n            <!--end::User-->\n\n            <!--begin::User-->\n            <div class=\"symbol symbol-circle symbol-25px\">\n              <div\n                class=\"\n                  symbol-label\n                  fs-8\n                  fw-bold\n                  bg-success\n                  text-inverse-primary\n                \"\n              >\n                B\n              </div>\n            </div>\n            <!--end::User-->\n          </div>\n          <!--end::Users-->\n\n          <!--begin::Progress-->\n          <div class=\"min-w-125px\">\n            <span class=\"badge badge-light-success\">Completed</span>\n          </div>\n          <!--end::Progress-->\n\n          <!--begin::Action-->\n          <a href=\"#\" class=\"btn btn-sm btn-light btn-active-light-primary\"\n            >View</a\n          >\n          <!--end::Action-->\n        </div>\n        <!--end::Record-->\n      </div>\n      <!--end::Timeline details-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"item-1\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"item-1\",\n  components: {},\n});\n","import { render } from \"./Item1.vue?vue&type=template&id=734d2584\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/communication/com009.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n2\">\n      <!--begin::Timeline heading-->\n      <div class=\"overflow-auto pe-3\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">\n          Invitation for crafting engaging designs that speak human workshop\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Sent at 4:23 PM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Alan Nilson\"\n          >\n            <img src=\"/media/avatars/150-2.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item2.vue?vue&type=template&id=f5bfc192\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/coding/cod008.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"mb-5 pe-3\">\n        <!--begin::Title-->\n        <a href=\"#\" class=\"fs-5 fw-bold text-gray-800 text-hover-primary mb-2\"\n          >3 New Incoming Project Files:</a\n        >\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Sent at 10:30 PM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Jan Hummer\"\n          >\n            <img src=\"/media/avatars/150-6.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n\n      <!--begin::Timeline details-->\n      <div class=\"overflow-auto pb-5\">\n        <div\n          class=\"\n            d-flex\n            align-items-center\n            border border-dashed border-gray-300\n            rounded\n            min-w-700px\n            p-5\n          \"\n        >\n          <!--begin::Item-->\n          <div class=\"d-flex flex-aligns-center pe-10 pe-lg-20\">\n            <!--begin::Icon-->\n            <img alt=\"\" class=\"w-30px me-3\" src=\"/media/svg/files/pdf.svg\" />\n            <!--end::Icon-->\n\n            <!--begin::Info-->\n            <div class=\"ms-1 fw-bold\">\n              <!--begin::Desc-->\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\n                >Finance KPI App Guidelines</a\n              >\n              <!--end::Desc-->\n\n              <!--begin::Number-->\n              <div class=\"text-gray-400\">1.9mb</div>\n              <!--end::Number-->\n            </div>\n            <!--begin::Info-->\n          </div>\n          <!--end::Item-->\n\n          <!--begin::Item-->\n          <div class=\"d-flex flex-aligns-center pe-10 pe-lg-20\">\n            <!--begin::Icon-->\n            <img alt=\"\" class=\"w-30px me-3\" src=\"/media/svg/files/doc.svg\" />\n            <!--end::Icon-->\n\n            <!--begin::Info-->\n            <div class=\"ms-1 fw-bold\">\n              <!--begin::Desc-->\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\n                >Client UAT Testing Results</a\n              >\n              <!--end::Desc-->\n\n              <!--begin::Number-->\n              <div class=\"text-gray-400\">18kb</div>\n              <!--end::Number-->\n            </div>\n            <!--end::Info-->\n          </div>\n          <!--end::Item-->\n\n          <!--begin::Item-->\n          <div class=\"d-flex flex-aligns-center\">\n            <!--begin::Icon-->\n            <img alt=\"\" class=\"w-30px me-3\" src=\"/media/svg/files/css.svg\" />\n            <!--end::Icon-->\n\n            <!--begin::Info-->\n            <div class=\"ms-1 fw-bold\">\n              <!--begin::Desc-->\n              <a href=\"#\" class=\"fs-6 text-hover-primary fw-bolder\"\n                >Finance Reports</a\n              >\n              <!--end::Desc-->\n\n              <!--begin::Number-->\n              <div class=\"text-gray-400\">20mb</div>\n              <!--end::Number-->\n            </div>\n            <!--end::Icon-->\n          </div>\n          <!--end::Item-->\n        </div>\n      </div>\n      <!--end::Timeline details-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item3.vue?vue&type=template&id=ed3e7d58\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/abstract/abs027.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"pe-3 mb-5\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">\n          Task <a href=\"#\" class=\"text-primary fw-bolder me-1\">#45890</a> merged\n          with <a href=\"#\" class=\"text-primary fw-bolder me-1\">#45890</a> in\n          “Ads Pro Admin Dashboard project:\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Initiated at 4:23 PM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Nina Nilson\"\n          >\n            <img src=\"/media/avatars/150-11.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item4.vue?vue&type=template&id=01b2024c\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/art/art005.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"pe-3 mb-5\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">\n          3 new application design concepts added:\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Created at 4:23 PM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Marcus Dotson\"\n          >\n            <img src=\"/media/avatars/150-3.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n\n      <!--begin::Timeline details-->\n      <div class=\"overflow-auto pb-5\">\n        <div\n          class=\"\n            d-flex\n            align-items-center\n            border border-dashed border-gray-300\n            rounded\n            min-w-700px\n            p-7\n          \"\n        >\n          <!--begin::Item-->\n          <div class=\"overlay me-10\">\n            <!--begin::Image-->\n            <div class=\"overlay-wrapper\">\n              <img\n                alt=\"img\"\n                class=\"rounded w-200px\"\n                src=\"/media/demos/demo1.png\"\n              />\n            </div>\n            <!--end::Image-->\n\n            <!--begin::Link-->\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\n            </div>\n            <!--end::Link-->\n          </div>\n          <!--end::Item-->\n\n          <!--begin::Item-->\n          <div class=\"overlay me-10\">\n            <!--begin::Image-->\n            <div class=\"overlay-wrapper\">\n              <img\n                alt=\"img\"\n                class=\"rounded w-200px\"\n                src=\"/media/demos/demo2.png\"\n              />\n            </div>\n            <!--end::Image-->\n\n            <!--begin::Link-->\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\n            </div>\n            <!--end::Link-->\n          </div>\n          <!--end::Item-->\n\n          <!--begin::Item-->\n          <div class=\"overlay\">\n            <!--begin::Image-->\n            <div class=\"overlay-wrapper\">\n              <img\n                alt=\"img\"\n                class=\"rounded w-200px\"\n                src=\"/media/demos/demo3.png\"\n              />\n            </div>\n            <!--end::Image-->\n\n            <!--begin::Link-->\n            <div class=\"overlay-layer bg-dark bg-opacity-10 rounded\">\n              <a href=\"#\" class=\"btn btn-sm btn-primary btn-shadow\">Explore</a>\n            </div>\n            <!--end::Link-->\n          </div>\n          <!--end::Item-->\n        </div>\n      </div>\n      <!--end::Timeline details-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item5.vue?vue&type=template&id=5f7f2fee\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/communication/com010.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"pe-3 mb-5\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">\n          New case <a href=\"#\" class=\"text-primary fw-bolder me-1\">#67890</a>\n          is assigned to you in Multi-platform Database Design project\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"overflow-auto pb-5\">\n          <!--begin::Wrapper-->\n          <div class=\"d-flex align-items-center mt-1 fs-6\">\n            <!--begin::Info-->\n            <div class=\"text-muted me-2 fs-7\">Added at 4:23 PM by</div>\n            <!--end::Info-->\n\n            <!--begin::User-->\n            <a href=\"#\" class=\"text-primary fw-bolder me-1\">Alice Tan</a>\n            <!--end::User-->\n          </div>\n          <!--end::Wrapper-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item6.vue?vue&type=template&id=3fea028a\"\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>\n  <!--begin::Timeline item-->\n  <div class=\"timeline-item\">\n    <!--begin::Timeline line-->\n    <div class=\"timeline-line w-40px\"></div>\n    <!--end::Timeline line-->\n\n    <!--begin::Timeline icon-->\n    <div class=\"timeline-icon symbol symbol-circle symbol-40px\">\n      <div class=\"symbol-label bg-light\">\n        <span class=\"svg-icon svg-icon-2 svg-icon-gray-500\">\n          <inline-svg src=\"/media/icons/duotune/art/art005.svg\" />\n        </span>\n      </div>\n    </div>\n    <!--end::Timeline icon-->\n\n    <!--begin::Timeline content-->\n    <div class=\"timeline-content mb-10 mt-n1\">\n      <!--begin::Timeline heading-->\n      <div class=\"pe-3 mb-5\">\n        <!--begin::Title-->\n        <div class=\"fs-5 fw-bold mb-2\">You have received a new order:</div>\n        <!--end::Title-->\n\n        <!--begin::Description-->\n        <div class=\"d-flex align-items-center mt-1 fs-6\">\n          <!--begin::Info-->\n          <div class=\"text-muted me-2 fs-7\">Placed at 5:05 AM by</div>\n          <!--end::Info-->\n\n          <!--begin::User-->\n          <div\n            class=\"symbol symbol-circle symbol-25px\"\n            data-bs-toggle=\"tooltip\"\n            data-bs-boundary=\"window\"\n            data-bs-placement=\"top\"\n            title=\"Robert Rich\"\n          >\n            <img src=\"/media/avatars/150-14.jpg\" alt=\"img\" />\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Description-->\n      </div>\n      <!--end::Timeline heading-->\n\n      <!--begin::Timeline details-->\n      <div class=\"overflow-auto pb-5\">\n        <div\n          class=\"\n            notice\n            d-flex\n            bg-light-primary\n            rounded\n            border-primary border border-dashed\n            min-w-lg-600px\n            flex-shrink-0\n            p-6\n          \"\n        >\n          <!--begin::Icon-->\n          <span class=\"svg-icon svg-icon-2tx svg-icon-primary me-4\">\n            <inline-svg src=\"/media/icons/duotune/coding/cod004.svg\" />\n          </span>\n          <!--end::Icon-->\n\n          <!--begin::Wrapper-->\n          <div class=\"d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap\">\n            <!--begin::Content-->\n            <div class=\"mb-3 mb-md-0 fw-bold\">\n              <h4 class=\"text-gray-800 fw-bolder\">\n                Database Backup Process Completed!\n              </h4>\n\n              <div class=\"fs-6 text-gray-600 pe-7\">\n                Login into Metronic Admin Dashboard to make sure the data\n                integrity is OK\n              </div>\n            </div>\n            <!--end::Content-->\n\n            <!--begin::Action-->\n            <a\n              href=\"#\"\n              class=\"btn btn-primary px-6 align-self-center text-nowrap\"\n            >\n              Proceed\n            </a>\n            <!--end::Action-->\n          </div>\n          <!--end::Wrapper-->\n        </div>\n      </div>\n      <!--end::Timeline details-->\n    </div>\n    <!--end::Timeline content-->\n  </div>\n  <!--end::Timeline item-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n","import { render } from \"./Item7.vue?vue&type=template&id=f2d3b6c4\"\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>\n  <div></div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"\",\n  components: {},\n});\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","\nimport { defineComponent } from \"vue\";\nimport Item1 from \"@/layout/header/partials/activity-timeline/Item1.vue\";\nimport Item2 from \"@/layout/header/partials/activity-timeline/Item2.vue\";\nimport Item3 from \"@/layout/header/partials/activity-timeline/Item3.vue\";\nimport Item4 from \"@/layout/header/partials/activity-timeline/Item4.vue\";\nimport Item5 from \"@/layout/header/partials/activity-timeline/Item5.vue\";\nimport Item6 from \"@/layout/header/partials/activity-timeline/Item6.vue\";\nimport Item7 from \"@/layout/header/partials/activity-timeline/Item7.vue\";\nimport Item8 from \"@/layout/header/partials/activity-timeline/Item8.vue\";\n\nexport default defineComponent({\n  name: \"kt-activity-drawer\",\n  components: {\n    Item1,\n    Item2,\n    Item3,\n    Item4,\n    Item5,\n    Item6,\n    Item7,\n    Item8,\n  },\n});\n","import { render } from \"./ActivityDrawer.vue?vue&type=template&id=123c2c3a\"\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>\n  <!--begin::Page loader-->\n  <template v-if=\"loaderType === 'spinner-message'\">\n    <div class=\"page-loader flex-column\">\n      <span class=\"spinner-border text-primary\" role=\"status\"></span>\n      <span class=\"text-muted fs-6 fw-bold mt-5\">Loading...</span>\n    </div>\n  </template>\n  <template v-else-if=\"loaderType === 'spinner-logo'\">\n    <div class=\"page-loader flex-column\">\n      <img alt=\"Logo\" class=\"max-h-75px\" :src=\"logo\" />\n\n      <div class=\"d-flex align-items-center mt-5\">\n        <span class=\"spinner-border text-primary\" role=\"status\"></span>\n        <span class=\"text-muted fs-6 fw-bold ms-5\">Loading...</span>\n      </div>\n    </div>\n  </template>\n  <template v-else>\n    <div class=\"page-loader\">\n      <span class=\"spinner-border text-primary\" role=\"status\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </span>\n    </div>\n  </template>\n  <!--end::Page Loader-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default defineComponent({\n  name: \"Loader\",\n  props: {\n    logo: String,\n  },\n  setup() {\n    const store = useStore();\n\n    const loaderType = computed(() => {\n      return store.getters.layoutConfig(\"loader.type\");\n    });\n\n    return {\n      loaderType,\n    };\n  },\n});\n</script>\n","\nimport { defineComponent, computed } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default defineComponent({\n  name: \"Loader\",\n  props: {\n    logo: String,\n  },\n  setup() {\n    const store = useStore();\n\n    const loaderType = computed(() => {\n      return store.getters.layoutConfig(\"loader.type\");\n    });\n\n    return {\n      loaderType,\n    };\n  },\n});\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>\n  <!--begin::Chat drawer-->\n  <div\n    id=\"kt_drawer_chat\"\n    class=\"bg-white\"\n    data-kt-drawer=\"true\"\n    data-kt-drawer-name=\"chat\"\n    data-kt-drawer-activate=\"true\"\n    data-kt-drawer-overlay=\"true\"\n    data-kt-drawer-width=\"{default:'300px', 'md': '500px'}\"\n    data-kt-drawer-direction=\"end\"\n    data-kt-drawer-toggle=\"#kt_drawer_chat_toggle\"\n    data-kt-drawer-close=\"#kt_drawer_chat_close\"\n  >\n    <!--begin::Messenger-->\n    <div class=\"card w-100\" id=\"kt_drawer_chat_messenger\">\n      <!--begin::Card header-->\n      <div class=\"card-header pe-5\" id=\"kt_drawer_chat_messenger_header\">\n        <!--begin::Title-->\n        <div class=\"card-title\">\n          <!--begin::User-->\n          <div class=\"d-flex justify-content-center flex-column me-3\">\n            <a\n              href=\"#\"\n              class=\"\n                fs-4\n                fw-bolder\n                text-gray-900 text-hover-primary\n                me-1\n                mb-2\n                lh-1\n              \"\n              >Brian Cox</a\n            >\n\n            <!--begin::Info-->\n            <div class=\"mb-0 lh-1\">\n              <span\n                class=\"badge badge-success badge-circle w-10px h-10px me-1\"\n              ></span>\n              <span class=\"fs-7 fw-bold text-gray-400\">Active</span>\n            </div>\n            <!--end::Info-->\n          </div>\n          <!--end::User-->\n        </div>\n        <!--end::Title-->\n\n        <!--begin::Card toolbar-->\n        <div class=\"card-toolbar\">\n          <!--begin::Menu-->\n          <div class=\"me-2\">\n            <button\n              class=\"btn btn-sm btn-icon btn-active-icon-primary\"\n              data-kt-menu-trigger=\"click\"\n              data-kt-menu-placement=\"bottom-end\"\n              data-kt-menu-flip=\"top-end\"\n            >\n              <i class=\"bi bi-three-dots fs-3\"></i>\n            </button>\n            <Dropdown4></Dropdown4>\n          </div>\n          <!--end::Menu-->\n\n          <!--begin::Close-->\n          <div\n            class=\"btn btn-sm btn-icon btn-active-icon-primary\"\n            id=\"kt_drawer_chat_close\"\n          >\n            <span class=\"svg-icon svg-icon-2x\">\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\n            </span>\n          </div>\n          <!--end::Close-->\n        </div>\n        <!--end::Card toolbar-->\n      </div>\n      <!--end::Card header-->\n\n      <!--begin::Card body-->\n      <div class=\"card-body\" id=\"kt_drawer_chat_messenger_body\">\n        <!--begin::Messages-->\n        <div\n          class=\"scroll-y me-n5 pe-5\"\n          ref=\"messagesRef\"\n          data-kt-element=\"messages\"\n          data-kt-scroll=\"true\"\n          data-kt-scroll-activate=\"true\"\n          data-kt-scroll-height=\"auto\"\n          data-kt-scroll-dependencies=\"#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer\"\n          data-kt-scroll-wrappers=\"#kt_drawer_chat_messenger_body\"\n          data-kt-scroll-offset=\"0px\"\n        >\n          <template v-for=\"(item, index) in messages\" :key=\"index\">\n            <MessageIn\n              ref=\"messagesInRef\"\n              v-if=\"item.type === 'in'\"\n              :name=\"item.name\"\n              :image=\"item.image\"\n              :time=\"item.time\"\n              :text=\"item.text\"\n            ></MessageIn>\n            <MessageOut\n              ref=\"messagesOutRef\"\n              v-if=\"item.type === 'out'\"\n              :image=\"item.image\"\n              :time=\"item.time\"\n              :text=\"item.text\"\n            ></MessageOut>\n          </template>\n        </div>\n        <!--end::Messages-->\n      </div>\n      <!--end::Card body-->\n\n      <!--begin::Card footer-->\n      <div class=\"card-footer pt-4\" id=\"kt_drawer_chat_messenger_footer\">\n        <!--begin::Input-->\n        <input\n          class=\"form-control form-control-flush mb-3\"\n          data-kt-element=\"input\"\n          placeholder=\"Type a message\"\n          v-model=\"newMessageText\"\n          @keydown.enter=\"addNewMessage\"\n        />\n        <!--end::Input-->\n\n        <!--begin:Toolbar-->\n        <div class=\"d-flex flex-stack\">\n          <!--begin::Actions-->\n          <div class=\"d-flex align-items-center me-2\">\n            <button\n              class=\"btn btn-sm btn-icon btn-active-light-primary me-1\"\n              type=\"button\"\n              data-bs-toggle=\"tooltip\"\n              title=\"Coming soon\"\n            >\n              <i class=\"bi bi-paperclip fs-3\"></i>\n            </button>\n            <button\n              class=\"btn btn-sm btn-icon btn-active-light-primary me-1\"\n              type=\"button\"\n              data-bs-toggle=\"tooltip\"\n              title=\"Coming soon\"\n            >\n              <i class=\"bi bi-upload fs-3\"></i>\n            </button>\n          </div>\n          <!--end::Actions-->\n\n          <!--begin::Send-->\n          <button\n            @click=\"addNewMessage\"\n            class=\"btn btn-primary\"\n            type=\"button\"\n            data-kt-element=\"send\"\n          >\n            Send\n          </button>\n          <!--end::Send-->\n        </div>\n        <!--end::Toolbar-->\n      </div>\n      <!--end::Card footer-->\n    </div>\n    <!--end::Messenger-->\n  </div>\n  <!--end::Chat drawer-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, ref } from \"vue\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport MessageIn from \"@/components/messenger-parts/MessageIn.vue\";\nimport MessageOut from \"@/components/messenger-parts/MessageOut.vue\";\nimport Dropdown4 from \"@/components/dropdown/Dropdown4.vue\";\n\ninterface KTMessage {\n  type: string;\n  name?: string;\n  image: string;\n  time: string;\n  text: string;\n}\n\nexport default defineComponent({\n  name: \"upgrade-to-pro\",\n  components: {\n    MessageIn,\n    MessageOut,\n    Dropdown4,\n  },\n  setup() {\n    const messagesRef = ref<null | HTMLElement>(null);\n    const messagesInRef = ref<null | HTMLElement>(null);\n    const messagesOutRef = ref<null | HTMLElement>(null);\n\n    const messages = ref<Array<KTMessage>>([\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"5 Hours\",\n        text: \"How likely are you to recommend our company to your friends and family ?\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"2 Hours\",\n        text: \"Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"2 Hour\",\n        text: \"Ok, Understood!\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"2 Hours\",\n        text: \"You’ll receive notifications for all issues, pull requests!\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"1 Hour\",\n        text: \"You can unwatch this repository immediately by clicking here: Keenthemes.com\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"4 mins\",\n        text: \"Most purchased Business courses during this sale!\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"2 mins\",\n        text: \"Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided\",\n      },\n    ]);\n\n    const newMessageText = ref(\"\");\n\n    const addNewMessage = () => {\n      if (!newMessageText.value) {\n        return;\n      }\n      messages.value.push({\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"Just now\",\n        text: newMessageText.value,\n      });\n\n      setTimeout(() => {\n        if (messagesRef.value) {\n          messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\n        }\n      }, 1);\n\n      newMessageText.value = \"\";\n      setTimeout(() => {\n        messages.value.push({\n          type: \"in\",\n          name: \"Ja Morant\",\n          image: \"/media/avatars/150-15.jpg\",\n          time: \"Just now\",\n          text: \"Thank you for your awesome support!\",\n        });\n\n        setTimeout(() => {\n          if (messagesRef.value) {\n            messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\n          }\n        }, 1);\n      }, 2000);\n    };\n\n    onMounted(() => {\n      if (\n        !messagesRef.value ||\n        !ScrollComponent.getInstance(messagesRef.value)\n      ) {\n        return;\n      }\n\n      ScrollComponent.getInstance(messagesRef.value).update();\n    });\n\n    return {\n      messages,\n      messagesRef,\n      newMessageText,\n      addNewMessage,\n      messagesInRef,\n      messagesOutRef,\n    };\n  },\n});\n</script>\n","<template>\n  <div class=\"d-flex justify-content-start mb-10\">\n    <!--begin::Wrapper-->\n    <div class=\"d-flex flex-column align-items-start\">\n      <!--begin::User-->\n      <div class=\"d-flex align-items-center mb-2\">\n        <div class=\"symbol symbol-35px symbol-circle\">\n          <img alt=\"Pic\" :src=\"image\" />\n        </div>\n\n        <!--begin::Details-->\n        <div class=\"ms-3\">\n          <a\n            href=\"#\"\n            class=\"fs-5 fw-bolder text-gray-900 text-hover-primary me-1\"\n            >{{ name }}</a\n          >\n          <span class=\"text-muted fs-7 mb-1\">{{ time }}</span>\n        </div>\n        <!--end::Details-->\n      </div>\n      <!--end::User-->\n\n      <!--begin::Text-->\n      <div\n        class=\"\n          p-5\n          rounded\n          bg-light-info\n          text-dark\n          fw-bold\n          mw-lg-400px\n          text-start\n        \"\n        data-kt-element=\"message-text\"\n      >\n        {{ text }}\n      </div>\n      <!--end::Text-->\n    </div>\n  </div>\n  <!--end::Wrapper-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"message-out\",\n  props: {\n    name: String,\n    image: String,\n    time: String,\n    text: String,\n  },\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"message-out\",\n  props: {\n    name: String,\n    image: String,\n    time: String,\n    text: String,\n  },\n});\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>\n  <div class=\"d-flex justify-content-end mb-10\">\n    <!--begin::Wrapper-->\n    <div class=\"d-flex flex-column align-items-end\">\n      <!--begin::User-->\n      <div class=\"d-flex align-items-center mb-2\">\n        <!--begin::Details-->\n        <div class=\"me-3\">\n          <span class=\"text-muted fs-7 mb-1\">{{ time }}</span>\n          <a\n            href=\"#\"\n            class=\"fs-5 fw-bolder text-gray-900 text-hover-primary ms-1\"\n            >You</a\n          >\n        </div>\n        <!--end::Details-->\n\n        <div class=\"symbol symbol-35px symbol-circle\">\n          <img alt=\"Pic\" :src=\"image\" />\n        </div>\n      </div>\n      <!--end::User-->\n\n      <!--begin::Text-->\n      <div\n        class=\"\n          p-5\n          rounded\n          bg-light-primary\n          text-dark\n          fw-bold\n          mw-lg-400px\n          text-end\n        \"\n        data-kt-element=\"message-text\"\n      >\n        {{ text }}\n      </div>\n      <!--end::Text-->\n    </div>\n    <!--end::Wrapper-->\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"message-out\",\n  props: {\n    image: String,\n    time: String,\n    text: String,\n  },\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"message-out\",\n  props: {\n    image: String,\n    time: String,\n    text: String,\n  },\n});\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>\n  <!--begin::Menu 3-->\n  <div\n    class=\"\n      menu\n      menu-sub\n      menu-sub-dropdown\n      menu-column\n      menu-rounded\n      menu-gray-800\n      menu-state-bg-light-primary\n      fw-bold\n      w-200px\n      py-3\n    \"\n    data-kt-menu=\"true\"\n  >\n    <!--begin::Heading-->\n    <div class=\"menu-item px-3\">\n      <div class=\"menu-content text-muted pb-2 px-3 fs-7 text-uppercase\">\n        Contacts\n      </div>\n    </div>\n    <!--end::Heading-->\n\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3\">\n      <a\n        href=\"#\"\n        class=\"menu-link px-3\"\n        data-bs-toggle=\"modal\"\n        data-bs-target=\"#kt_modal_users_search\"\n      >\n        Add Contact\n      </a>\n    </div>\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3\">\n      <a\n        href=\"#\"\n        class=\"menu-link flex-stack px-3\"\n        data-bs-toggle=\"modal\"\n        data-bs-target=\"#kt_modal_invite_friends\"\n      >\n        Invite Contacts\n\n        <i\n          class=\"fas fa-exclamation-circle ms-2 fs-7\"\n          data-bs-toggle=\"tooltip\"\n          title=\"Specify a contact email to send an invitation\"\n        ></i>\n      </a>\n    </div>\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <div\n      class=\"menu-item px-3\"\n      data-kt-menu-trigger=\"hover\"\n      data-kt-menu-placement=\"right-start\"\n      data-kt-menu-flip=\"left, center, top\"\n    >\n      <a href=\"#\" class=\"menu-link px-3\">\n        <span class=\"menu-title\">Groups</span>\n        <span class=\"menu-arrow\"></span>\n      </a>\n\n      <!--begin::Menu sub-->\n      <div class=\"menu-sub menu-sub-dropdown w-175px py-4\">\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-3\">\n          <a\n            href=\"#\"\n            class=\"menu-link px-3\"\n            data-bs-toggle=\"tooltip\"\n            title=\"Coming soon\"\n          >\n            Create Group\n          </a>\n        </div>\n        <!--end::Menu item-->\n\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-3\">\n          <a\n            href=\"#\"\n            class=\"menu-link px-3\"\n            data-bs-toggle=\"tooltip\"\n            title=\"Coming soon\"\n          >\n            Invite Members\n          </a>\n        </div>\n        <!--end::Menu item-->\n\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-3\">\n          <a\n            href=\"#\"\n            class=\"menu-link px-3\"\n            data-bs-toggle=\"tooltip\"\n            title=\"Coming soon\"\n          >\n            Settings\n          </a>\n        </div>\n        <!--end::Menu item-->\n      </div>\n      <!--end::Menu sub-->\n    </div>\n    <!--end::Menu item-->\n\n    <!--begin::Menu item-->\n    <div class=\"menu-item px-3 my-1\">\n      <a\n        href=\"#\"\n        class=\"menu-link px-3\"\n        data-bs-toggle=\"tooltip\"\n        title=\"Coming soon\"\n      >\n        Settings\n      </a>\n    </div>\n    <!--end::Menu item-->\n  </div>\n  <!--end::Menu 3-->\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"dropdown-5\",\n  components: {},\n});\n</script>\n","\nimport { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"dropdown-5\",\n  components: {},\n});\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","\nimport { defineComponent, onMounted, ref } from \"vue\";\nimport { ScrollComponent } from \"@/assets/ts/components/_ScrollComponent\";\nimport MessageIn from \"@/components/messenger-parts/MessageIn.vue\";\nimport MessageOut from \"@/components/messenger-parts/MessageOut.vue\";\nimport Dropdown4 from \"@/components/dropdown/Dropdown4.vue\";\n\ninterface KTMessage {\n  type: string;\n  name?: string;\n  image: string;\n  time: string;\n  text: string;\n}\n\nexport default defineComponent({\n  name: \"upgrade-to-pro\",\n  components: {\n    MessageIn,\n    MessageOut,\n    Dropdown4,\n  },\n  setup() {\n    const messagesRef = ref<null | HTMLElement>(null);\n    const messagesInRef = ref<null | HTMLElement>(null);\n    const messagesOutRef = ref<null | HTMLElement>(null);\n\n    const messages = ref<Array<KTMessage>>([\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"5 Hours\",\n        text: \"How likely are you to recommend our company to your friends and family ?\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"2 Hours\",\n        text: \"Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"2 Hour\",\n        text: \"Ok, Understood!\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"2 Hours\",\n        text: \"You’ll receive notifications for all issues, pull requests!\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"1 Hour\",\n        text: \"You can unwatch this repository immediately by clicking here: Keenthemes.com\",\n      },\n      {\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"4 mins\",\n        text: \"Most purchased Business courses during this sale!\",\n      },\n      {\n        type: \"in\",\n        name: \"Brian Cox\",\n        image: \"/media/avatars/150-15.jpg\",\n        time: \"2 mins\",\n        text: \"Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided\",\n      },\n    ]);\n\n    const newMessageText = ref(\"\");\n\n    const addNewMessage = () => {\n      if (!newMessageText.value) {\n        return;\n      }\n      messages.value.push({\n        type: \"out\",\n        image: \"/media/avatars/150-2.jpg\",\n        time: \"Just now\",\n        text: newMessageText.value,\n      });\n\n      setTimeout(() => {\n        if (messagesRef.value) {\n          messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\n        }\n      }, 1);\n\n      newMessageText.value = \"\";\n      setTimeout(() => {\n        messages.value.push({\n          type: \"in\",\n          name: \"Ja Morant\",\n          image: \"/media/avatars/150-15.jpg\",\n          time: \"Just now\",\n          text: \"Thank you for your awesome support!\",\n        });\n\n        setTimeout(() => {\n          if (messagesRef.value) {\n            messagesRef.value.scrollTop = messagesRef.value.scrollHeight;\n          }\n        }, 1);\n      }, 2000);\n    };\n\n    onMounted(() => {\n      if (\n        !messagesRef.value ||\n        !ScrollComponent.getInstance(messagesRef.value)\n      ) {\n        return;\n      }\n\n      ScrollComponent.getInstance(messagesRef.value).update();\n    });\n\n    return {\n      messages,\n      messagesRef,\n      newMessageText,\n      addNewMessage,\n      messagesInRef,\n      messagesOutRef,\n    };\n  },\n});\n","import { render } from \"./DrawerMessenger.vue?vue&type=template&id=4d64d74d\"\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 = () => {\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\n      item.remove();\n    });\n  }\n};\n\nexport { removeModalBackdrop };\n","\nimport { defineComponent, computed, onMounted, watch } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport KTAside from \"@/layout/aside/Aside.vue\";\nimport KTHeader from \"@/layout/header/Header.vue\";\nimport KTFooter from \"@/layout/footer/Footer.vue\";\nimport HtmlClass from \"@/core/services/LayoutService\";\nimport KTToolbar from \"@/layout/toolbar/Toolbar.vue\";\nimport KTScrollTop from \"@/layout/extras/ScrollTop.vue\";\nimport KTUserMenu from \"@/layout/header/partials/ActivityDrawer.vue\";\nimport KTLoader from \"@/components/Loader.vue\";\n// import KTExplore from \"@/layout/extras/Explore.vue\";\nimport KTDrawerMessenger from \"@/layout/extras/DrawerMessenger.vue\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport {\n  MenuComponent,\n  DrawerComponent,\n  ScrollComponent,\n} from \"@/assets/ts/components/index\";\nimport { removeModalBackdrop } from \"@/core/helpers/dom\";\nimport {\n  toolbarDisplay,\n  loaderEnabled,\n  contentWidthFluid,\n  loaderLogo,\n  asideEnabled,\n  subheaderDisplay,\n  themeLightLogo,\n  themeDarkLogo,\n} from \"@/core/helpers/config\";\n\nexport default defineComponent({\n  name: \"Layout\",\n  components: {\n    KTAside,\n    KTHeader,\n    KTFooter,\n    KTToolbar,\n    KTScrollTop,\n    KTUserMenu,\n    // KTExplore,\n    KTDrawerMessenger,\n    KTLoader,\n  },\n  setup() {\n    const store = useStore();\n    const route = useRoute();\n    const router = useRouter();\n\n    // show page loading\n    store.dispatch(Actions.ADD_BODY_CLASSNAME, \"page-loading\");\n\n    // initialize html element classes\n    HtmlClass.init();\n\n    const pageTitle = computed(() => {\n      return store.getters.pageTitle;\n    });\n\n    const breadcrumbs = computed(() => {\n      return store.getters.pageBreadcrumbPath;\n    });\n\n    onMounted(() => {\n      //check if current user is authenticated\n      if (!store.getters.isUserAuthenticated) {\n        router.push({ name: \"sign-in\" });\n      }\n\n      DrawerComponent.bootstrap();\n      ScrollComponent.bootstrap();\n      DrawerComponent.updateAll();\n      ScrollComponent.updateAll();\n\n      // Simulate the delay page loading\n      setTimeout(() => {\n        // Remove page loader after some time\n        store.dispatch(Actions.REMOVE_BODY_CLASSNAME, \"page-loading\");\n      }, 500);\n    });\n\n    watch(\n      () => route.path,\n      () => {\n        MenuComponent.hideDropdowns(undefined);\n\n        DrawerComponent.hideAll();\n\n        // check if current user is authenticated\n        if (!store.getters.isUserAuthenticated) {\n          router.push({ name: \"sign-in\" });\n        }\n\n        removeModalBackdrop();\n      }\n    );\n\n    return {\n      toolbarDisplay,\n      loaderEnabled,\n      contentWidthFluid,\n      loaderLogo,\n      asideEnabled,\n      subheaderDisplay,\n      pageTitle,\n      breadcrumbs,\n      themeLightLogo,\n      themeDarkLogo,\n    };\n  },\n});\n","import { render } from \"./Layout.vue?vue&type=template&id=81296914\"\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});"],"sourceRoot":""}