\n \n \n \n \n \n \n \n \n \n \n
\n\n\n\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1f024ecb&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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 store from '@/store'\n\nconst { body } = document\nconst WIDTH = 992 // refer to Bootstrap's responsive design\n\nexport default {\n watch: {\n $route(route) {\n if (this.device === 'mobile' && this.sidebar.opened) {\n store.dispatch('app/closeSideBar', { withoutAnimation: false })\n }\n }\n },\n beforeMount() {\n window.addEventListener('resize', this.$_resizeHandler)\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.$_resizeHandler)\n },\n mounted() {\n const isMobile = this.$_isMobile()\n if (isMobile) {\n store.dispatch('app/toggleDevice', 'mobile')\n store.dispatch('app/closeSideBar', { withoutAnimation: true })\n }\n },\n methods: {\n // use $_ for mixins properties\n // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential\n $_isMobile() {\n const rect = body.getBoundingClientRect()\n return rect.width - 1 < WIDTH\n },\n $_resizeHandler() {\n if (!document.hidden) {\n const isMobile = this.$_isMobile()\n store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')\n\n if (isMobile) {\n store.dispatch('app/closeSideBar', { withoutAnimation: true })\n }\n }\n }\n }\n}\n","