{"version":3,"sources":["webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue?c459","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuHeader.vue?9ad0","webpack:///src/layouts/components/horizontal-nav-menu/HorizontalNavMenuHeader.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuHeader.vue?35d2","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuHeader.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenu.vue?1a4d","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue?4a7f","webpack:///src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue?61e8","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuItem.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuGroup.vue?360a","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuHeader.vue?f877","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenu.vue?ac82","webpack:///src/layouts/components/horizontal-nav-menu/HorizontalNavMenu.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenu.vue?4a7f","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenu.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuGroup.vue?7229","webpack:///src/layouts/components/horizontal-nav-menu/HorizontalNavMenuGroup.vue","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuGroup.vue?3bdf","webpack:///./src/layouts/components/horizontal-nav-menu/HorizontalNavMenuGroup.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","hovered","$event","showChildren","class","isHeaderActive","isHovered","attrs","header","icon","_v","_s","directives","name","rawName","value","expression","ref","dropRight","_l","item","index","key","submenu","checkGrpChildrenActive","slug","url","target","isDisabled","tagColor","tag","_e","staticRenderFns","props","type","Object","requried","openOnHover","Boolean","default","components","HNavMenuGroup","HNavMenuItem","data","computed","items","forEach","path","routeParent","active","watch","$nextTick","dd","getBoundingClientRect","left","offsetWidth","window","innerWidth","methods","group","val","component","activeLink","to","iconPack","_t","href","iconSmall","iconClasses","$route","meta","parent","navbarColor","navMenuItems","length","Array","required","HNavMenuHeader","$store","state","theme","openItems","open","mouseover","mouseout","groupIndex","Math","floor","bottom","$vs","rtl","style","groupItem","Number","isGroupActive","openHover","itemIcon","classes","styleItems","top","dropLeft","right","temp","func","innerHeight","height","maxHeight","overflowY","overflowX"],"mappings":"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","file":"js/chunk-4759a59c.8cfdb67f.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./HorizontalNavMenuItem.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"nav-header py-4\",on:{\"mouseover\":_vm.hovered,\"mouseleave\":function($event){return _vm.hovered(false)},\"click\":function($event){_vm.showChildren = !_vm.showChildren}}},[_c('div',{staticClass:\"header-label flex items-center cursor-pointer relative px-5 py-2\",class:[\n      {'text-white bg-primary-gradient header-active': _vm.isHeaderActive},\n      {'header-open': _vm.isHovered || _vm.showChildren}\n      ]},[_c('vs-icon',{staticClass:\"mr-3\",attrs:{\"icon-pack\":\"speakol\",\"icon\":_vm.header.icon,\"svgClasses\":\"h-5 w-5\"}}),_c('span',{staticClass:\"whitespace-no-wrap\"},[_vm._v(_vm._s(_vm.header.header))]),_c('vs-icon',{staticClass:\"ml-1\",attrs:{\"svgClasses\":\"h-4 w-4\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-arrow-down-2\"}})],1),_c('transition',{attrs:{\"name\":\"fade-top-2x\"}},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showChildren),expression:\"showChildren\"}],ref:\"headerDropdown\",staticClass:\"header-children h-nav-menu-dd shadow-drop text-intial absolute shadow-lg py-2\",class:{'dd-right': _vm.dropRight}},_vm._l((_vm.header.items),function(item,index){return _c('li',{key:item.name},[(!item.submenu)?[_c('h-nav-menu-item',{attrs:{\"to\":item.slug != 'external' ? item.url : '',\"href\":item.slug == 'external' ? item.url : '',\"icon\":item.icon,\"target\":item.target,\"isDisabled\":item.isDisabled,\"slug\":item.slug}},[_c('span',{staticClass:\"truncate\"},[_vm._v(_vm._s(item.name))]),(item.tag)?_c('vs-chip',{attrs:{\"color\":item.tagColor}},[_vm._v(_vm._s(item.tag))]):_vm._e()],1)]:[_c('h-nav-menu-group',{key:(\"group-\" + index),attrs:{\"openHover\":\"\",\"group\":item,\"groupIndex\":index,\"open\":_vm.checkGrpChildrenActive(item)}})]],2)}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"nav-header py-4\"\n    @mouseover  = \"hovered\"\n    @mouseleave = \"hovered(false)\"\n    @click = \"showChildren = !showChildren\">\n\n    <!-- header -->\n    <div\n      class=\"header-label flex items-center cursor-pointer relative px-5 py-2\"\n      :class=\"[\n        {'text-white bg-primary-gradient header-active': isHeaderActive},\n        {'header-open': isHovered || showChildren}\n        ]\">\n      <vs-icon icon-pack=\"speakol\" :icon=\"header.icon\" svgClasses=\"h-5 w-5\" class=\"mr-3\" />\n      <span class=\"whitespace-no-wrap\">{{ header.header }}</span>\n      <vs-icon svgClasses=\"h-4 w-4\" icon-pack=\"speakol\" icon=\"speakol-arrow-down-2\" class=\"ml-1\" />\n    </div>\n\n    <!-- Children -->\n    <transition name=\"fade-top-2x\">\n      <ul class=\"header-children h-nav-menu-dd shadow-drop text-intial absolute shadow-lg py-2\" :class=\"{'dd-right': dropRight}\" v-show=\"showChildren\" ref=\"headerDropdown\">\n        <li v-for=\"(item, index) in header.items\" :key=\"item.name\">\n          <template v-if=\"!item.submenu\">\n            <h-nav-menu-item\n              :to=\"item.slug != 'external' ? item.url : ''\"\n              :href=\"item.slug == 'external' ? item.url : ''\"\n              :icon=\"item.icon\" :target=\"item.target\"\n              :isDisabled=\"item.isDisabled\"\n              :slug=\"item.slug\">\n                <span class=\"truncate\">{{ item.name }}</span>\n                <vs-chip :color=\"item.tagColor\" v-if=\"item.tag\">{{ item.tag }}</vs-chip>\n            </h-nav-menu-item>\n          </template>\n          <template v-else>\n            <h-nav-menu-group\n              openHover\n              :key=\"`group-${index}`\"\n              :group=\"item\"\n              :groupIndex=\"index\"\n              :open=\"checkGrpChildrenActive(item)\" />\n          </template>\n        </li>\n      </ul>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport HNavMenuGroup from './HorizontalNavMenuGroup.vue'\nimport HNavMenuItem from './HorizontalNavMenuItem.vue'\n\nexport default {\n  props: {\n    header: {\n      type: Object,\n      requried: true\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true\n    }\n  },\n  components: {\n    HNavMenuGroup,\n    HNavMenuItem\n  },\n  data () {\n    return {\n      showChildren: false,\n      isHovered: false,\n      dropRight: false\n    }\n  },\n  computed: {\n    isHeaderActive () {\n      const path        = this.$route.fullPath\n      let active        = false\n      const routeParent = this.$route.meta ? this.$route.meta.parent : undefined\n\n      this.header.items.forEach((item) => {\n\n        // If item is group\n        if (item.submenu) {\n          if (this.checkGrpChildrenActive(item)) { active = true }\n        } else if (item.url) {\n          if (path === item.url || routeParent === item.slug) { active = true }\n        }\n      })\n\n      return active\n    }\n  },\n  watch: {\n    showChildren () {\n      this.$nextTick(() => {\n        if (this.showChildren) {\n          const dd = this.$refs.headerDropdown\n          if (dd.getBoundingClientRect().left + dd.offsetWidth - (window.innerWidth - 16) >= 0) {\n            this.dropRight = true\n          }\n        }\n      })\n    }\n  },\n  methods: {\n    checkGrpChildrenActive (group) {\n\n      const path        = this.$route.fullPath\n      let active        = false\n      const routeParent = this.$route.meta ? this.$route.meta.parent : undefined\n\n      if (group.submenu) {\n        group.submenu.forEach((item) => {\n          if ((path === item.url || routeParent === item.slug) && item.slug) active = true\n          else if (item.submenu) { if (this.checkGrpChildrenActive(item)) active = true }\n        })\n      }\n\n      return active\n    },\n    hovered (val = true) {\n      this.isHovered = val\n      if (this.openOnHover) {\n        val ? this.showChildren = true : this.showChildren = false\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/components/horizontalNavMenuHeader.scss\";\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HorizontalNavMenuHeader.vue?vue&type=template&id=73b933f8&\"\nimport script from \"./HorizontalNavMenuHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./HorizontalNavMenuHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HorizontalNavMenuHeader.vue?vue&type=style&index=0&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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./HorizontalNavMenu.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-nav-menu-item\",class:[\n    {'h-nav-active-item text-primary font-medium' : _vm.activeLink},\n    {'disabled-item pointer-events-none' : _vm.isDisabled} ]},[(_vm.to)?_c('router-link',{class:[{'router-link-active': _vm.activeLink}, 'nav-link flex items-center'],attrs:{\"exact\":\"\",\"to\":_vm.to,\"target\":_vm.target}},[_c('vs-icon',{attrs:{\"icon-pack\":_vm.iconPack,\"icon\":_vm.icon}}),_vm._t(\"default\")],2):_c('a',{staticClass:\"nav-link flex items-center\",attrs:{\"target\":_vm.target,\"href\":_vm.href}},[_c('vs-icon',{attrs:{\"icon-pack\":_vm.iconPack,\"icon\":_vm.icon}}),_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: VerticalNavMenuItem.vue\n    Description: Vertical NavMenu item component. Extends vuesax framework's 'vs-sidebar-item' component\n    Component Name: VerticalNavMenuItem\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div\n    class=\"h-nav-menu-item\"\n    :class=\"[\n      {'h-nav-active-item text-primary font-medium' : activeLink},\n      {'disabled-item pointer-events-none' : isDisabled},\n    ]\" >\n\n      <router-link\n        v-if=\"to\"\n        exact\n        :class=\"[{'router-link-active': activeLink}, 'nav-link flex items-center']\"\n        :to=\"to\"\n        :target=\"target\" >\n          <vs-icon :icon-pack=\"iconPack\" :icon=\"icon\" />\n          <slot />\n      </router-link>\n\n      <a v-else :target=\"target\" :href=\"href\" class=\"nav-link flex items-center\">\n        <vs-icon :icon-pack=\"iconPack\" :icon=\"icon\" />\n        <slot />\n      </a>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'v-nav-menu-item',\n  props: {\n    icon        : { type: String,                 default: ''               },\n    iconSmall   : { type: Boolean,                default: false            },\n    iconPack    : { type: String,                 default: 'speakol' },\n    href        : { type: [String, null],         default: '#'              },\n    to          : { type: [String, Object, null], default: null             },\n    slug        : { type: String,                 default: null             },\n    index       : { type: [String, Number],       default: null             },\n    target      : { type: String,                 default: '_self'          },\n    isDisabled  : { type: Boolean,                default: false            }\n  },\n  computed: {\n    iconClasses () {\n      return this.iconSmall ? 'w-3 h-3 mr-3' : 'w-5 h-5 mr-3'\n    },\n    activeLink () {\n      return !!((this.to === this.$route.path || this.$route.meta.parent === this.slug) && this.to)\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/components/horizontalNavMenuItem.scss\";\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HorizontalNavMenuItem.vue?vue&type=template&id=0a28bc02&\"\nimport script from \"./HorizontalNavMenuItem.vue?vue&type=script&lang=js&\"\nexport * from \"./HorizontalNavMenuItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HorizontalNavMenuItem.vue?vue&type=style&index=0&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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./HorizontalNavMenuGroup.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/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/lib/index.js??vue-loader-options!./HorizontalNavMenuHeader.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"vx-navbar-wrapper nav-menu-wrapper\"},[_c('vs-navbar',{staticClass:\"vx-navbar navbar-custom navbar-skelton\",attrs:{\"color\":_vm.navbarColor}},[_c('ul',{staticClass:\"menu-items flex flex-wrap w-full items-center\"},_vm._l((_vm.navMenuItems),function(item,index){return _c('li',{key:index,staticClass:\"menu-item\",class:{'mr-2': !(_vm.navMenuItems.length === index+1)}},[(item.header)?[_c('h-nav-menu-header',{staticClass:\"menu-header relative\",attrs:{\"header\":item}})]:(item.submenu)?[_c('h-nav-menu-group',{key:(\"group-\" + index),staticClass:\"menu-group relative py-4\",attrs:{\"bottom\":\"\",\"group\":item,\"groupIndex\":index,\"open\":_vm.checkGrpChildrenActive(item)}})]:(item.url)?_c('div',{staticClass:\"menu-link\"},[_c('h-nav-menu-item',{staticClass:\"relative py-4 cursor-pointer\",attrs:{\"to\":item.slug !== 'external' ? item.url : null,\"href\":item.slug === 'external' ? item.url : null,\"icon\":item.icon,\"target\":item.target,\"isDisabled\":item.isDisabled,\"slug\":item.slug}},[_c('span',{staticClass:\"truncate\"},[_vm._v(_vm._s(item.name))]),(item.tag)?_c('vs-chip',{attrs:{\"color\":item.tagColor}},[_vm._v(_vm._s(item.tag))]):_vm._e()],1)],1):_vm._e()],2)}),0)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"relative\">\n    <div class=\"vx-navbar-wrapper nav-menu-wrapper\">\n      <vs-navbar class=\"vx-navbar navbar-custom navbar-skelton\" :color=\"navbarColor\">\n\n        <ul class=\"menu-items flex flex-wrap w-full items-center\">\n          <li class=\"menu-item\" v-for=\"(item, index) in navMenuItems\" :key=\"index\"\n            :class=\"{'mr-2': !(navMenuItems.length === index+1)}\">\n\n            <!-- If header -->\n            <template v-if=\"item.header\">\n              <h-nav-menu-header :header=\"item\" class=\"menu-header relative\" />\n            </template>\n\n            <!-- If it's group -->\n            <template v-else-if=\"item.submenu\">\n              <h-nav-menu-group class=\"menu-group relative py-4\" bottom :key=\"`group-${index}`\" :group=\"item\"\n                :groupIndex=\"index\" :open=\"checkGrpChildrenActive(item)\" />\n            </template>\n\n            <!-- If it's link -->\n            <div v-else-if=\"item.url\" class=\"menu-link\">\n              <h-nav-menu-item class=\"relative py-4 cursor-pointer\" :to=\"item.slug !== 'external' ? item.url : null\"\n                :href=\"item.slug === 'external' ? item.url : null\" :icon=\"item.icon\" :target=\"item.target\"\n                :isDisabled=\"item.isDisabled\" :slug=\"item.slug\">\n                <span class=\"truncate\">{{ item.name }}</span>\n                <vs-chip :color=\"item.tagColor\" v-if=\"item.tag\">{{ item.tag }}</vs-chip>\n              </h-nav-menu-item>\n            </div>\n\n          </li>\n        </ul>\n      </vs-navbar>\n    </div>\n  </div>\n</template>\n\n<script>\nimport HNavMenuGroup from './HorizontalNavMenuGroup.vue'\nimport HNavMenuHeader from './HorizontalNavMenuHeader.vue'\nimport HNavMenuItem from './HorizontalNavMenuItem.vue'\n\nexport default {\n  props: {\n    // navbarColor  : { type: String, default: \"#fff\", },\n    navMenuItems: {\n      type: Array,\n      required: true\n    }\n  },\n  components: {\n    HNavMenuGroup,\n    HNavMenuHeader,\n    HNavMenuItem\n  },\n  computed: {\n    navbarColor () {\n      return this.$store.state.theme === 'dark' ? '#10163a' : '#fff'\n    }\n  },\n  methods: {\n    checkGrpChildrenActive (group) {\n      const path = this.$route.fullPath\n      let active = false\n      const routeParent = this.$route.meta ? this.$route.meta.parent : undefined\n\n      if (group.submenu) {\n        group.submenu.forEach((item) => {\n          if (active) return true\n          if ((path === item.url || routeParent === item.slug) && item.url) {\n            active = true\n          } else if (item.submenu) {\n            this.checkGrpChildrenActive(item)\n          }\n        })\n      }\n\n      return active\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n  @import \"@/assets/scss/vuexy/components/horizontalNavMenu.scss\"\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HorizontalNavMenu.vue?vue&type=template&id=803e3d70&\"\nimport script from \"./HorizontalNavMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./HorizontalNavMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HorizontalNavMenu.vue?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-nav-group relative\",class:[\n    {'h-nav-group-open'            : _vm.openItems        },\n    {'h-nav-group-active'          : _vm.open             },\n    {'disabled-item pointer-events-none': _vm.group.isDisabled }\n  ],on:{\"mouseover\":_vm.mouseover,\"mouseleave\":_vm.mouseout}},[_c('div',{staticClass:\"group-header w-full flex items-center\"},[_c('span',{staticClass:\"flex items-center w-full\"},[(_vm.group.icon  || (this.groupIndex > Math.floor(this.groupIndex)))?_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":_vm.group.icon  || 'speakol-circle',\"svgClasses\":_vm.iconClasses}}):_vm._e(),_c('span',{staticClass:\"truncate mr-3 select-none\"},[_vm._v(_vm._s(_vm.group.name))])],1),_c('vs-icon',{class:[{'rotate90' : _vm.openItems}, 'speakol-grp-header-arrow'],attrs:{\"icon-pack\":\"speakol\",\"icon\":_vm.bottom ? 'speakol-arrow-down-2' : _vm.$vs.rtl ? 'speakol-arrow-left' : 'speakol-arrow-right',\"svg-classes\":\"w-4 h-4\"}})],1),_c('transition',{attrs:{\"name\":\"fade-bottom-2x\"}},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.openItems),expression:\"openItems\"}],ref:\"childDropdown\",staticClass:\"h-nav-group-items h-nav-menu-dd absolute shadow-drop py-2\",style:(_vm.styleItems)},_vm._l((_vm.group.submenu),function(groupItem,index){return _c('li',{key:index},[(groupItem.submenu)?_c('h-nav-menu-group',{attrs:{\"group\":groupItem,\"groupIndex\":Number((_vm.groupIndex + \".\" + (index+1))),\"open\":_vm.isGroupActive(groupItem),\"openHover\":_vm.openHover}}):_c('h-nav-menu-item',{attrs:{\"icon-small\":\"\",\"index\":_vm.groupIndex + '.' + index,\"to\":groupItem.slug !== 'external' ? groupItem.url : null,\"href\":groupItem.slug === 'external' ? groupItem.url : null,\"icon\":_vm.itemIcon,\"slug\":groupItem.slug,\"target\":groupItem.target}},[_c('span',{staticClass:\"truncate\"},[_vm._v(_vm._s(groupItem.name))]),(groupItem.tag)?_c('vs-chip',{staticClass:\"ml-auto\",attrs:{\"color\":groupItem.tagColor}},[_vm._v(_vm._s(groupItem.tag))]):_vm._e()],1)],1)}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class  = \"h-nav-group relative\"\n    :class = \"[\n      {'h-nav-group-open'            : openItems        },\n      {'h-nav-group-active'          : open             },\n      {'disabled-item pointer-events-none': group.isDisabled }\n    ]\"\n    @mouseover = \"mouseover\"\n    @mouseleave  = \"mouseout\">\n\n      <!-- Group Label -->\n      <div class=\"group-header w-full flex items-center\">\n        <span class=\"flex items-center w-full\">\n\n          <!-- Group Icon -->\n          <vs-icon\n            icon-pack=\"speakol\"\n            v-if        = \"group.icon  || (this.groupIndex > Math.floor(this.groupIndex))\"\n            :icon       = \"group.icon  || 'speakol-circle'\"\n            :svgClasses = \"iconClasses\" />\n\n          <!-- Group Name -->\n          <span class=\"truncate mr-3 select-none\">{{ group.name }}</span>\n        </span>\n\n        <!-- Group Collapse Icon -->\n        <vs-icon\n          icon-pack=\"speakol\"\n          :class     = \"[{'rotate90' : openItems}, 'speakol-grp-header-arrow']\"\n          :icon       = \"bottom ? 'speakol-arrow-down-2' : $vs.rtl ? 'speakol-arrow-left' : 'speakol-arrow-right'\"\n          svg-classes= \"w-4 h-4\" />\n      </div>\n      <!-- /Group Label -->\n\n      <!-- Group Items -->\n      <transition name=\"fade-bottom-2x\">\n      <ul :style=\"styleItems\" class=\"h-nav-group-items h-nav-menu-dd absolute shadow-drop py-2\" v-show=\"openItems\" ref=\"childDropdown\">\n        <li v-for=\"(groupItem, index) in group.submenu\" :key=\"index\">\n\n          <h-nav-menu-group\n            v-if        = \"groupItem.submenu\"\n            :group      = \"groupItem\"\n            :groupIndex = \"Number(`${groupIndex}.${index+1}`)\"\n            :open       = \"isGroupActive(groupItem)\"\n            :openHover  = \"openHover\" />\n\n\n          <h-nav-menu-item\n            v-else\n            icon-small\n            :index  = \"groupIndex + '.' + index\"\n            :to     = \"groupItem.slug !== 'external' ? groupItem.url : null\"\n            :href   = \"groupItem.slug === 'external' ? groupItem.url : null\"\n            :icon   = \"itemIcon\"\n            :slug   = \"groupItem.slug\"\n            :target = \"groupItem.target\">\n              <span class=\"truncate\">{{ groupItem.name }}</span>\n              <vs-chip class=\"ml-auto\" :color=\"groupItem.tagColor\" v-if=\"groupItem.tag\">{{ groupItem.tag }}</vs-chip>\n          </h-nav-menu-item>\n\n        </li>\n      </ul>\n      </transition>\n      <!-- /Group Items -->\n  </div>\n</template>\n\n\n<script>\n// import VNavMenuItem from './VerticalNavMenuItem.vue'\nimport HNavMenuItem from './HorizontalNavMenuItem.vue'\n\nexport default {\n  name  : 'h-nav-menu-group',\n  props : {\n    openHover  : { type: Boolean, default: true },\n    open       : { type: Boolean, default: false },\n    group      : { type: Object },\n    groupIndex : { type: Number },\n    bottom     : { type: Boolean, default: false }\n  },\n  components: {\n    HNavMenuItem\n  },\n  data: () => ({\n    openItems : false,\n    hovered: false,\n    dropLeft: false\n  }),\n  computed: {\n    iconClasses () {\n      let classes = 'mr-3 '\n      classes += this.groupIndex % 1 !== 0 ? 'w-3 h-3' : 'w-5 h-5'\n      return classes\n    },\n    styleItems () {\n      const style = {}\n      if (this.bottom) {\n        style.top = '100%'\n        style.left = '0'\n      } else {\n        style.top = '12px'\n        style.left = '100%'\n      }\n\n      if (this.dropLeft) {\n        style.left = null\n        style.right = '100%'\n      }\n\n      if (this.$vs.rtl) {\n        const temp = style.left\n        style.left = style.right\n        style.right = temp\n      }\n\n      return style\n    },\n    itemIcon () {\n      // return (index) => {\n      //   // if (!((index.match(/\\./g) || []).length > 1)) return \"CircleIcon\"\n      // }\n      return 'speakol-circle'\n    },\n    isGroupActive () {\n      return (item) => {\n        const path        = this.$route.fullPath\n        let open          = false\n        const routeParent = this.$route.meta ? this.$route.meta.parent : undefined\n\n        const func = (item) => {\n          if (item.submenu) {\n            item.submenu.forEach((item) => {\n              if ((path === item.url || routeParent === item.slug) && item.url) { open = true } else if (item.submenu) { func(item) }\n            })\n          }\n        }\n\n        func(item)\n        return open\n      }\n    }\n  },\n  watch: {\n    hovered (val) {\n      this.$nextTick(() => {\n        if (val) {\n          const dd = this.$refs.childDropdown\n\n          if (window.innerHeight - dd.getBoundingClientRect().top - dd.getBoundingClientRect().height - 28 < 1) {\n            const maxHeight = window.innerHeight - dd.getBoundingClientRect().top - 70\n            dd.style.maxHeight = `${maxHeight}px`\n            dd.style.overflowY = 'auto'\n            dd.style.overflowX = 'hidden'\n          }\n\n          if (dd.getBoundingClientRect().left + dd.offsetWidth - (window.innerWidth - 16) >= 0 || this.$parent.dropLeft) {\n            this.dropLeft = true\n          }\n\n          if (this.$vs.rtl) {\n            if (dd.getBoundingClientRect().right - dd.offsetWidth - 16 < 0) {\n              this.dropLeft = true\n            }\n          }\n        } else {\n          this.dropLeft = false\n        }\n      })\n    }\n  },\n  methods: {\n    mouseover () {\n      this.hovered = true\n      if (this.openHover) {\n        this.showChildren()\n      }\n    },\n    mouseout () {\n      this.hovered = false\n      if (this.openHover) {\n        this.showChildren(false)\n      }\n    },\n    showChildren (val = true) {\n      this.openItems = val\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n@import \"@/assets/scss/vuexy/components/horizontalNavMenuGroup.scss\"\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuGroup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HorizontalNavMenuGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HorizontalNavMenuGroup.vue?vue&type=template&id=f066a61c&\"\nimport script from \"./HorizontalNavMenuGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./HorizontalNavMenuGroup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HorizontalNavMenuGroup.vue?vue&type=style&index=0&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"],"sourceRoot":""}