{"version":3,"sources":["webpack:///./src/layouts/vertical/LayoutVertical.vue?275c","webpack:///./src/@core/layouts/layout-vertical/LayoutVertical.vue?e91a","webpack:///./src/@core/layouts/components/app-navbar/AppNavbarVerticalLayout.vue?a3a7","webpack:///src/@core/layouts/components/app-navbar/AppNavbarVerticalLayout.vue","webpack:///./src/@core/layouts/components/app-navbar/AppNavbarVerticalLayout.vue?1870","webpack:///./src/@core/layouts/components/app-navbar/AppNavbarVerticalLayout.vue","webpack:///./src/@core/layouts/layout-vertical/mixinVerticalLayout.js","webpack:///src/@core/layouts/layout-vertical/LayoutVertical.vue","webpack:///./src/@core/layouts/layout-vertical/LayoutVertical.vue?655e","webpack:///./src/@core/layouts/layout-vertical/LayoutVertical.vue","webpack:///src/layouts/vertical/LayoutVertical.vue","webpack:///./src/layouts/vertical/LayoutVertical.vue?a313","webpack:///./src/layouts/vertical/LayoutVertical.vue","webpack:///./src/@core/layouts/layout-vertical/LayoutVertical.vue?6cc2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","staticClass","class","layoutClasses","attrs","isNavMenuHidden","navbarTypeClass","navbarBackgroundColor","_t","toggleVerticalMenuActive","concat","_e","isVerticalMenuActive","scopedSlots","_u","key","fn","slotProps","overlayClasses","on","$event","routerTransition","layoutContentRenderer","$route","meta","navActiveLink","name","tag","_l","$scopedSlots","index","data","appLogoImage","navMenuItems","item","setRootRoute","_v","_s","$t","title","components","BLink","BImg","BNavbarNav","BNavItem","BNavbarBrand","Bookmarks","Locale","SearchBar","DarkToggler","CartDropdown","NotificationDropdown","UserDropdown","CoursesDropdown","ToastificationContent","props","type","Function","default","methods","localStorage","setItem","store","commit","clickHelp","$toast","component","clickRefresh","setup","appName","$themeConfig","app","watch","$store","state","windowWidth","$themeBreakpoints","xl","AppNavbarVerticalLayout","AppFooter","VerticalNavMenu","BNavbar","LayoutContentRendererLeftDetached","LayoutContentRendererLeft","LayoutContentRendererDefault","mixins","mixinVerticalLayout","computed","rendererType","contentRenderer","navbarType","footerType","useAppConfig","isVerticalMenuCollapsed","resizeHandler","footerTypeClass","useVerticalLayout","window","addEventListener","onUnmounted","removeEventListener","AppCustomizer","LayoutVertical","showCustomizer","layout","customizer"],"mappings":"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","file":"js/chunk-13500f34.b66184ab.js","sourcesContent":["var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('layout-vertical', [_c('router-view')], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('div', {\n    staticClass: \"vertical-layout h-100\",\n    class: [_vm.layoutClasses],\n    attrs: {\n      \"data-col\": _vm.isNavMenuHidden ? '1-column' : null\n    }\n  }, [_c('b-navbar', {\n    staticClass: \"header-navbar navbar navbar-shadow align-items-center\",\n    class: [_vm.navbarTypeClass],\n    attrs: {\n      \"toggleable\": false,\n      \"variant\": _vm.navbarBackgroundColor\n    }\n  }, [_vm._t(\"navbar\", function () {\n    return [_c('app-navbar-vertical-layout', {\n      attrs: {\n        \"toggle-vertical-menu-active\": _vm.toggleVerticalMenuActive\n      }\n    })];\n  }, {\n    \"toggleVerticalMenuActive\": _vm.toggleVerticalMenuActive,\n    \"navbarBackgroundColor\": _vm.navbarBackgroundColor,\n    \"navbarTypeClass\": [].concat(_vm.navbarTypeClass, ['header-navbar navbar navbar-shadow align-items-center'])\n  })], 2), !_vm.isNavMenuHidden ? _c('vertical-nav-menu', {\n    attrs: {\n      \"is-vertical-menu-active\": _vm.isVerticalMenuActive,\n      \"toggle-vertical-menu-active\": _vm.toggleVerticalMenuActive\n    },\n    scopedSlots: _vm._u([{\n      key: \"header\",\n      fn: function (slotProps) {\n        return [_vm._t(\"vertical-menu-header\", null, null, slotProps)];\n      }\n    }], null, true)\n  }) : _vm._e(), _c('div', {\n    staticClass: \"sidenav-overlay\",\n    class: _vm.overlayClasses,\n    on: {\n      \"click\": function ($event) {\n        _vm.isVerticalMenuActive = false;\n      }\n    }\n  }), _c('transition', {\n    attrs: {\n      \"name\": _vm.routerTransition,\n      \"mode\": \"out-in\"\n    }\n  }, [_c(_vm.layoutContentRenderer, {\n    key: _vm.layoutContentRenderer === 'layout-content-renderer-left' ? _vm.$route.meta.navActiveLink || _vm.$route.name : null,\n    tag: \"component\",\n    scopedSlots: _vm._u([_vm._l(_vm.$scopedSlots, function (index, name) {\n      return {\n        key: name,\n        fn: function (data) {\n          return [_vm._t(name, null, null, data)];\n        }\n      };\n    })], null, true)\n  })], 1), _vm._t(\"customizer\")], 2);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('div', {\n    staticClass: \"navbar-container d-flex content align-items-center\"\n  }, [_c('ul', {\n    staticClass: \"nav navbar-nav d-xl-none\"\n  }, [_c('li', {\n    staticClass: \"nav-item\"\n  }, [_c('b-link', {\n    staticClass: \"nav-link\",\n    on: {\n      \"click\": _vm.toggleVerticalMenuActive\n    }\n  }, [_c('feather-icon', {\n    attrs: {\n      \"icon\": \"MenuIcon\",\n      \"size\": \"21\"\n    }\n  })], 1)], 1)]), _c('div', {\n    staticClass: \"nav grid-icon\"\n  }, [_c('b-link', {\n    staticClass: \"nav-link\",\n    on: {\n      \"click\": _vm.toggleVerticalMenuActive\n    }\n  }, [_c('b-img', {\n    attrs: {\n      \"src\": _vm.appLogoImage,\n      \"alt\": \"logo\"\n    }\n  })], 1)], 1), _c('b-navbar-nav', {\n    staticClass: \"d-none d-lg-flex\",\n    attrs: {\n      \"id\": \"ez-root-menu\"\n    }\n  }, [_vm._l(_vm.navMenuItems, function (item, index) {\n    return _c('b-nav-item', {\n      key: index,\n      attrs: {\n        \"href\": \"#\"\n      },\n      on: {\n        \"click\": function ($event) {\n          return _vm.setRootRoute(index);\n        }\n      }\n    }, [_vm._v(\" \" + _vm._s(_vm.$t(item.title)) + \" \")]);\n  }), _c('search-bar')], 2), _c('b-navbar-nav', {\n    staticClass: \"nav align-items-center ml-auto\"\n  }, [_c('courses-dropdown'), _c('locale'), _c('user-dropdown')], 1)], 1);\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"navbar-container d-flex content align-items-center\">\n    <!-- Nav Menu Toggler -->\n    <ul class=\"nav navbar-nav d-xl-none\">\n      <li class=\"nav-item\">\n        <b-link\n          class=\"nav-link\"\n          @click=\"toggleVerticalMenuActive\"\n        >\n          <feather-icon\n            icon=\"MenuIcon\"\n            size=\"21\"\n          />\n        </b-link>\n      </li>\n    </ul>\n\n    <!-- Left Col -->\n    <div class=\"nav grid-icon\">\n      <b-link\n        class=\"nav-link\"\n        @click=\"toggleVerticalMenuActive\"\n      >\n        <b-img\n          :src=\"appLogoImage\"\n          alt=\"logo\"\n        />\n      </b-link>\n    </div>\n    <b-navbar-nav\n      id=\"ez-root-menu\"\n      class=\"d-none d-lg-flex\"\n    >\n      <b-nav-item\n        v-for=\"(item, index) in navMenuItems\"\n        :key=\"index\"\n        href=\"#\"\n        @click=\"setRootRoute(index)\"\n      >\n        {{ $t(item.title) }}\n      </b-nav-item>\n      <search-bar />\n    </b-navbar-nav>\n    <b-navbar-nav class=\"nav align-items-center ml-auto\">\n\n      <courses-dropdown />\n      <locale />\n      <!-- <div class=\"icon-nav-act\">\n        <feather-icon\n          class=\"item-icon-nav-act\"\n          icon=\"HelpCircleIcon\"\n          size=\"22\"\n          @click=\"clickHelp\"\n        />\n        <feather-icon\n          class=\"item-icon-nav-act\"\n          icon=\"RefreshCwIcon\"\n          size=\"22\"\n          @click=\"clickRefresh\"\n        />\n      </div> -->\n      <user-dropdown />\n    </b-navbar-nav>\n  </div>\n</template>\n\n<script>\nimport {\n  BLink, BImg, BNavbarNav, BNavItem, BNavbarBrand,\n} from 'bootstrap-vue'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\nimport { $themeConfig } from '@themeConfig'\nimport navMenuItems from '@/navigation/vertical'\nimport router from '@/router'\nimport store from '@/store'\nimport Bookmarks from './components/Bookmarks.vue'\nimport Locale from './components/Locale.vue'\nimport SearchBar from './components/SearchBar.vue'\nimport DarkToggler from './components/DarkToggler.vue'\nimport CartDropdown from './components/CartDropdown.vue'\nimport NotificationDropdown from './components/NotificationDropdown.vue'\nimport UserDropdown from './components/UserDropdown.vue'\nimport CoursesDropdown from './components/CoursesDropdown.vue'\n\nexport default {\n  components: {\n    BLink,\n    BImg,\n    // Navbar Components\n    BNavbarNav,\n    BNavItem,\n    BNavbarBrand,\n    Bookmarks,\n    Locale,\n    SearchBar,\n    DarkToggler,\n    CartDropdown,\n    NotificationDropdown,\n    UserDropdown,\n    CoursesDropdown,\n    ToastificationContent,\n  },\n  props: {\n    toggleVerticalMenuActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n  methods: {\n    // Long HQ - 09/11/2021 - Lưu index mảng link để hiện thị các sub item của nó ở menu trái, đồng thời chuyển hướng đến menu đầu tiên của sub item.\n    setRootRoute(index) {\n      localStorage.setItem('rootRoute', index)\n      store.commit('verticalMenu/UPDATE_ROOT_ROUTE', index)\n      // store.commit('rootRoute', index)\n\n      // this.router.push({ name: navMenuItems[index].children})\n    },\n    clickHelp() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'You have click on Help',\n        },\n      })\n    },\n    clickRefresh() {\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          title: 'You have click on Refresh',\n        },\n      })\n    },\n  },\n  setup(props) {\n    const { appName, appLogoImage } = $themeConfig.app\n    return {\n      appName,\n      appLogoImage,\n      navMenuItems,\n    }\n\n    // return { navMenuItems }\n  },\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppNavbarVerticalLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppNavbarVerticalLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppNavbarVerticalLayout.vue?vue&type=template&id=831143aa&\"\nimport script from \"./AppNavbarVerticalLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./AppNavbarVerticalLayout.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import { $themeBreakpoints } from '@themeConfig'\n\nexport default {\n  watch: {\n    $route() {\n      if (this.$store.state.app.windowWidth < $themeBreakpoints.xl) {\n        this.isVerticalMenuActive = false\n      }\n    },\n  },\n}\n","<template>\n  <div\n    class=\"vertical-layout h-100\"\n    :class=\"[layoutClasses]\"\n    :data-col=\"isNavMenuHidden ? '1-column' : null\"\n  >\n    <!-- Navbar -->\n    <b-navbar\n      :toggleable=\"false\"\n      :variant=\"navbarBackgroundColor\"\n      class=\"header-navbar navbar navbar-shadow align-items-center\"\n      :class=\"[navbarTypeClass]\"\n    >\n      <slot\n        name=\"navbar\"\n        :toggleVerticalMenuActive=\"toggleVerticalMenuActive\"\n        :navbarBackgroundColor=\"navbarBackgroundColor\"\n        :navbarTypeClass=\"[...navbarTypeClass, 'header-navbar navbar navbar-shadow align-items-center']\"\n      >\n        <app-navbar-vertical-layout :toggle-vertical-menu-active=\"toggleVerticalMenuActive\" />\n      </slot>\n    </b-navbar>\n    <!--/ Navbar -->\n\n    <!-- Vertical Nav Menu -->\n    <vertical-nav-menu\n      v-if=\"!isNavMenuHidden\"\n      :is-vertical-menu-active=\"isVerticalMenuActive\"\n      :toggle-vertical-menu-active=\"toggleVerticalMenuActive\"\n    >\n      <template #header=\"slotProps\">\n        <slot\n          name=\"vertical-menu-header\"\n          v-bind=\"slotProps\"\n        />\n      </template>\n    </vertical-nav-menu>\n    <!-- /Vertical Nav Menu -->\n\n    <!-- Vertical Nav Menu Overlay -->\n    <div\n      class=\"sidenav-overlay\"\n      :class=\"overlayClasses\"\n      @click=\"isVerticalMenuActive = false\"\n    />\n    <!-- /Vertical Nav Menu Overlay -->\n\n    <!-- Content -->\n\n    <!-- CONTENT TYPE: Left -->\n    <transition\n      :name=\"routerTransition\"\n      mode=\"out-in\"\n    >\n      <component\n        :is=\"layoutContentRenderer\"\n        :key=\"layoutContentRenderer === 'layout-content-renderer-left' ? $route.meta.navActiveLink || $route.name : null\"\n      >\n        <template\n          v-for=\"(index, name) in $scopedSlots\"\n          v-slot:[name]=\"data\"\n        >\n          <slot\n            :name=\"name\"\n            v-bind=\"data\"\n          />\n        </template>\n      </component>\n    </transition>\n    <!--/ Content -->\n\n    <!-- Footer -->\n    <!-- <footer\n      class=\"footer footer-light\"\n      :class=\"[footerTypeClass]\"\n    >\n      <slot name=\"footer\">\n        <app-footer />\n      </slot>\n    </footer> -->\n    <!-- /Footer -->\n\n    <slot name=\"customizer\" />\n  </div>\n</template>\n\n<script>\nimport { onUnmounted } from '@vue/composition-api'\nimport AppNavbarVerticalLayout from '@core/layouts/components/app-navbar/AppNavbarVerticalLayout.vue'\nimport AppFooter from '@core/layouts/components/AppFooter.vue'\nimport useAppConfig from '@core/app-config/useAppConfig'\nimport { BNavbar } from 'bootstrap-vue'\nimport LayoutContentRendererDefault from '@core/layouts/components/layout-content-renderer/LayoutContentRendererDefault.vue'\nimport LayoutContentRendererLeft from '@core/layouts/components/layout-content-renderer/LayoutContentRendererLeft.vue'\nimport LayoutContentRendererLeftDetached from '@core/layouts/components/layout-content-renderer/LayoutContentRendererLeftDetached.vue'\nimport VerticalNavMenu from './components/vertical-nav-menu/VerticalNavMenu.vue'\nimport useVerticalLayout from './useVerticalLayout'\nimport mixinVerticalLayout from './mixinVerticalLayout'\n\nexport default {\n  components: {\n    // AppBreadcrumb,\n    AppNavbarVerticalLayout,\n    AppFooter,\n    VerticalNavMenu,\n    BNavbar,\n    LayoutContentRendererLeftDetached,\n    LayoutContentRendererLeft,\n    LayoutContentRendererDefault,\n  },\n  mixins: [mixinVerticalLayout],\n  computed: {\n    layoutContentRenderer() {\n      const rendererType = this.$route.meta.contentRenderer\n      if (rendererType === 'sidebar-left') return 'layout-content-renderer-left'\n      if (rendererType === 'sidebar-left-detached') return 'layout-content-renderer-left-detached'\n      return 'layout-content-renderer-default'\n    },\n  },\n  setup() {\n    const {\n      routerTransition, navbarBackgroundColor, navbarType, footerType, isNavMenuHidden,\n    } = useAppConfig()\n\n    const {\n      isVerticalMenuActive,\n      toggleVerticalMenuActive,\n      isVerticalMenuCollapsed,\n      layoutClasses,\n      overlayClasses,\n      resizeHandler,\n      navbarTypeClass,\n      footerTypeClass,\n    } = useVerticalLayout(navbarType, footerType)\n\n    // Resize handler\n    resizeHandler()\n    window.addEventListener('resize', resizeHandler)\n    onUnmounted(() => {\n      window.removeEventListener('resize', resizeHandler)\n    })\n\n    return {\n      isVerticalMenuActive,\n      toggleVerticalMenuActive,\n      isVerticalMenuCollapsed,\n      overlayClasses,\n      layoutClasses,\n      navbarTypeClass,\n      footerTypeClass,\n\n      // App Config\n      routerTransition,\n      navbarBackgroundColor,\n      isNavMenuHidden,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import \"~@core/scss/base/themes/bordered-layout.scss\";\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutVertical.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutVertical.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutVertical.vue?vue&type=template&id=dbe8dc14&\"\nimport script from \"./LayoutVertical.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutVertical.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LayoutVertical.vue?vue&type=style&index=0&id=dbe8dc14&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <layout-vertical>\n\n    <router-view />\n\n    <!-- <app-customizer\n      v-if=\"showCustomizer\"\n      slot=\"customizer\"\n    /> -->\n\n  </layout-vertical>\n</template>\n\n<script>\nimport LayoutVertical from '@core/layouts/layout-vertical/LayoutVertical.vue'\nimport AppCustomizer from '@core/layouts/components/app-customizer/AppCustomizer.vue'\nimport { $themeConfig } from '@themeConfig'\n\nexport default {\n  components: {\n    AppCustomizer,\n    LayoutVertical,\n  },\n  data() {\n    return {\n      showCustomizer: $themeConfig.layout.customizer,\n    }\n  },\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutVertical.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutVertical.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LayoutVertical.vue?vue&type=template&id=a8d09d8e&\"\nimport script from \"./LayoutVertical.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutVertical.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutVertical.vue?vue&type=style&index=0&id=dbe8dc14&prod&lang=scss&\""],"sourceRoot":""}