{"version":3,"sources":["webpack:///./src/components/menus/i4pro-menu.vue?935b","webpack:///src/components/menus/i4pro-menu.vue","webpack:///./src/components/menus/i4pro-menu.vue?a88e","webpack:///./src/components/menus/i4pro-menu.vue","webpack:///./src/components/menus/i4pro-menu.vue?b884"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","staticClass","getConfigMenu","attributes","ref","class","menuNavigation","_l","item","index","key","getCurrentActiveMenu","id","attrs","on","$event","handleLoadRoute","icon","_e","_v","_s","name","scopedSlots","_u","fn","_g","open","model","value","menuModel","callback","$$v","$set","expression","handleToggleDropdown","swipeLeft","swipeRight","staticRenderFns","components","i4proMenuDropdown","data","mounted","$nextTick","window","addEventListener","getWindowWidth","checkMenuScroll","computed","menu","store","methods","scrollTo","scrollPos","scrollPixels","element","clientWidth","scrollWidth","scrollLeft","progress","timeElapsed","duration","requestAnimationFrame","scroll","content","windowWidth","innerWidth","beforeDestroy","removeEventListener","watch","$route","to","path","component","VBtn","VIcon","VMenu","VToolbar","VToolbarItems"],"mappings":"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","file":"js/chunk-57eedcfd.4e8a1780.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar',_vm._b({staticClass:\"v-toolbar__content--custom\"},'v-toolbar',_vm.getConfigMenu.attributes,false),[_c('v-toolbar-items',{ref:\"content\",class:[_vm.menuNavigation && 'v-toolbar__items--custom']},[_vm._l((_vm.menu),function(item,index){return [('children' in item === false)?_c('v-btn',{key:index,class:[_vm.getCurrentActiveMenu === item.id && 'active'],attrs:{\"text\":\"\",\"id\":(\"menu-\" + (item.id))},on:{\"click\":function($event){return _vm.handleLoadRoute(item)}}},[(item.icon)?_c('i',{class:[item.icon, 'icon-shake mr-1']}):_vm._e(),_vm._v(\" \"+_vm._s(item.name)+\" \")]):_vm._e(),('children' in item === true)?_c('v-menu',{key:index,attrs:{\"offset-y\":\"\",\"origin\":\"center center\",\"transition\":\"scroll-y-transition\",\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({class:[item.open === true && 'active'],attrs:{\"id\":(\"menu-\" + (item.id)),\"text\":\"\"}},on),[(item.icon)?_c('i',{class:[item.icon, 'icon-shake mr-1']}):_vm._e(),_vm._v(\" \"+_vm._s(item.name)+\" \"),_c('i',{staticClass:\"zmdi zmdi-chevron-down ml-1\"})])]}}],null,true),model:{value:(_vm.menuModel[index]),callback:function ($$v) {_vm.$set(_vm.menuModel, index, $$v)},expression:\"menuModel[index]\"}},[_c('i4proMenuDropdown',{staticClass:\"i4pro-dropdown i4pro-dropdown--menu\",attrs:{\"item\":item,\"menuModel\":_vm.menuModel,\"isScroll\":true},on:{\"handleToggleDropdown\":_vm.handleToggleDropdown}})],1):_vm._e()]})],2),(_vm.menuNavigation)?_c('v-btn',{staticClass:\"icon-menu-left\",attrs:{\"icon\":\"\",\"text\":\"\",\"small\":\"\",\"dark\":\"\"},on:{\"click\":_vm.swipeLeft}},[_c('v-icon',[_vm._v(\"keyboard_arrow_left\")])],1):_vm._e(),(_vm.menuNavigation)?_c('v-btn',{staticClass:\"icon-menu-right\",attrs:{\"icon\":\"\",\"text\":\"\",\"small\":\"\",\"dark\":\"\"},on:{\"click\":_vm.swipeRight}},[_c('v-icon',[_vm._v(\"keyboard_arrow_right\")])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-toolbar v-bind=\"getConfigMenu.attributes\" class=\"v-toolbar__content--custom\">\r\n    <v-toolbar-items ref=\"content\" :class=\"[menuNavigation && 'v-toolbar__items--custom']\">\r\n      <template v-for=\"(item, index) in menu\">\r\n        <v-btn\r\n          v-if=\"'children' in item === false\"\r\n          :key=\"index\"\r\n          text\r\n          :class=\"[getCurrentActiveMenu === item.id && 'active']\"\r\n          @click=\"handleLoadRoute(item)\"\r\n          :id=\"`menu-${item.id}`\"\r\n        >\r\n          <i v-if=\"item.icon\" :class=\"[item.icon, 'icon-shake mr-1']\"></i>\r\n          {{ item.name }}\r\n        </v-btn>\r\n\r\n        <v-menu\r\n          v-if=\"'children' in item === true\"\r\n          v-model=\"menuModel[index]\"\r\n          :key=\"index\"\r\n          offset-y\r\n          origin=\"center center\"\r\n          transition=\"scroll-y-transition\"\r\n          :close-on-content-click=\"false\"\r\n        >\r\n          <template v-slot:activator=\"{ on }\">\r\n            <v-btn :id=\"`menu-${item.id}`\" text v-on=\"on\" :class=\"[item.open === true && 'active']\">\r\n              <i v-if=\"item.icon\" :class=\"[item.icon, 'icon-shake mr-1']\"></i>\r\n              {{ item.name }}\r\n              <i class=\"zmdi zmdi-chevron-down ml-1\"></i>\r\n            </v-btn>\r\n          </template>\r\n\r\n          <i4proMenuDropdown\r\n            class=\"i4pro-dropdown i4pro-dropdown--menu\"\r\n            :item=\"item\"\r\n            :menuModel=\"menuModel\"\r\n            :isScroll=\"true\"\r\n            @handleToggleDropdown=\"handleToggleDropdown\"\r\n          />\r\n        </v-menu>\r\n      </template>\r\n    </v-toolbar-items>\r\n    <v-btn icon text small dark @click=\"swipeLeft\" class=\"icon-menu-left\" v-if=\"menuNavigation\">\r\n      <v-icon>keyboard_arrow_left</v-icon>\r\n    </v-btn>\r\n    <v-btn icon text small dark @click=\"swipeRight\" class=\"icon-menu-right\" v-if=\"menuNavigation\">\r\n      <v-icon>keyboard_arrow_right</v-icon>\r\n    </v-btn>\r\n  </v-toolbar>\r\n</template>\r\n\r\n<script>\r\nimport { handleLoadRoute } from '@/helpers/page';\r\nimport store from '@/store';\r\n\r\nexport default {\r\n  components: {\r\n    i4proMenuDropdown: () => import('@/components/menus/i4pro-menu-dropdown')\r\n  },\r\n\r\n  data: () => ({\r\n    menuModel: [],\r\n    menuNavigation: false\r\n  }),\r\n\r\n  async created() {\r\n    await store.dispatch('menu/getMenu');\r\n  },\r\n\r\n  mounted() {\r\n    this.$nextTick(function () {\r\n      window.addEventListener('resize', this.getWindowWidth);\r\n      this.getWindowWidth();\r\n    });\r\n\r\n    this.checkMenuScroll();\r\n  },\r\n\r\n  computed: {\r\n    menu: () => {\r\n      return store.getters['menu/getMenu'];\r\n    },\r\n\r\n    getCurrentActiveMenu: () => store.getters['menu/currentActiveMenu'],\r\n\r\n    getConfigMenu: () => store.getters['layout/getConfigMenu']\r\n  },\r\n\r\n  methods: {\r\n    handleLoadRoute,\r\n\r\n    handleToggleDropdown() {\r\n      for (let model in this.menuModel) {\r\n        this.menuModel[model] = false;\r\n      }\r\n    },\r\n\r\n    scrollTo(element, scrollPixels, duration) {\r\n      const scrollPos = element.scrollLeft;\r\n      if (!((scrollPos === 0 || scrollPixels > 0) && (element.clientWidth + scrollPos === element.scrollWidth || scrollPixels < 0))) {\r\n        const startTime = 'now' in window.performance ? performance.now() : new Date().getTime();\r\n\r\n        function scroll(timestamp) {\r\n          const timeElapsed = timestamp - startTime;\r\n          const progress = Math.min(timeElapsed / duration, 1);\r\n\r\n          element.scrollLeft = scrollPos + scrollPixels * progress;\r\n\r\n          if (timeElapsed < duration) {\r\n            window.requestAnimationFrame(scroll);\r\n          } else {\r\n            return;\r\n          }\r\n        }\r\n\r\n        window.requestAnimationFrame(scroll);\r\n      }\r\n    },\r\n\r\n    swipeLeft() {\r\n      const content = this.$refs.content;\r\n      this.scrollTo(content, -300, 800);\r\n    },\r\n\r\n    swipeRight() {\r\n      const content = this.$refs.content;\r\n      this.scrollTo(content, 300, 800);\r\n    },\r\n\r\n    getWindowWidth(event) {\r\n      let windowWidth = document.documentElement.clientWidth;\r\n      this.checkMenuScroll(windowWidth);\r\n    },\r\n\r\n    checkMenuScroll(param) {\r\n      let innerWidth = param ? param : window.innerWidth;\r\n      let menu = document.querySelector('.v-toolbar__content--custom .v-toolbar__content .v-toolbar__items');\r\n\r\n      if (menu && menu.clientWidth > innerWidth) {\r\n        this.menuNavigation = true;\r\n      } else {\r\n        this.menuNavigation = false;\r\n      }\r\n    }\r\n  },\r\n\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.getWindowWidth);\r\n  },\r\n\r\n  watch: {\r\n    $route(to) {\r\n      to.path === '/dashboard' && store.dispatch('menu/setCurrentActiveMenu', this.menu[0].id);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.v-menu__content {\r\n  overflow-y: initial;\r\n  overflow-x: initial;\r\n  contain: initial;\r\n  border-bottom: 3px solid var(--v-primary-base);\r\n  z-index: 20 !important;\r\n}\r\n</style>\r\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!./i4pro-menu.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!./i4pro-menu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./i4pro-menu.vue?vue&type=template&id=35f1fbc6&scoped=true&\"\nimport script from \"./i4pro-menu.vue?vue&type=script&lang=js&\"\nexport * from \"./i4pro-menu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./i4pro-menu.vue?vue&type=style&index=0&id=35f1fbc6&lang=scss&scoped=true&\"\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  \"35f1fbc6\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarItems } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VIcon,VMenu,VToolbar,VToolbarItems})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./i4pro-menu.vue?vue&type=style&index=0&id=35f1fbc6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./i4pro-menu.vue?vue&type=style&index=0&id=35f1fbc6&lang=scss&scoped=true&\""],"sourceRoot":""}