{"version":3,"sources":["webpack:///./src/layouts/PosLayOut.vue?dccc","webpack:///src/layouts/PosLayOut.vue","webpack:///./src/layouts/PosLayOut.vue?2b60","webpack:///./src/layouts/PosLayOut.vue","webpack:///./src/layouts/PosLayOut.vue?31cf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","navbarClasses","attrs","isNavbarDark","isThemeDark","navbarColor","menuType","staticRenderFns","components","TheNavbarVertical","data","navMenuItems","navbarType","themeConfig","mixins","watch","setNavMenuVisibility","val","updateNavbarColor","color","computed","contentAreaClass","mainLayoutType","verticalNavMenuWidth","layoutTypeClass","$store","state","theme","windowWidth","methods","commit","dispatch","created","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmBC,MAAM,CAACP,EAAIQ,gBAAgB,CAACJ,EAAG,MAAM,CAACK,MAAM,CAAC,GAAK,qBAAqB,CAACL,EAAG,sBAAsB,CAACG,MAAM,CAAC,CAAE,aAAcP,EAAIU,eAAiBV,EAAIW,aAAe,CAAE,aAAcX,EAAIU,cAAgBV,EAAIW,cAAeF,MAAM,CAAC,YAAcT,EAAIY,YAAY,SAAWZ,EAAIa,aAAaT,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,gBAAgB,QAAQ,IACzhBU,EAAkB,G,gDCmCtB,GACEC,WAAY,CACVC,kBAAJ,QAEEC,KAJF,WAKI,MAAO,CACLP,cAAc,EACdQ,aAAN,aACMC,WAAYC,EAAlB,4BACMR,YAAaQ,EAAnB,yBACMP,SAAU,aAGdQ,OAAQ,CAAC,EAAX,MACEC,MAAO,CACL,8BADJ,SACA,GACMrB,KAAKsB,qBAAqBC,IAE5Bb,YAJJ,SAIA,GACM,IAAN,gDACMV,KAAKwB,kBAAkBC,KAG3BC,SAAU,CACRC,iBADJ,WAEM,MAA4B,aAAxB3B,KAAK4B,eAC2B,YAA9B5B,KAAK6B,qBAA2C,uBAC5D,wDACA,oBACA,qBAEIC,gBARJ,WASM,MAAO,QAAb,6BAEIF,eAXJ,WAYM,OAAO5B,KAAK+B,OAAOC,MAAMJ,gBAE3BC,qBAdJ,WAeM,OAAO7B,KAAK+B,OAAOC,MAAMH,sBAE3BnB,YAjBJ,WAkBM,MAAmC,SAA5BV,KAAK+B,OAAOC,MAAMC,OAE3BC,YApBJ,WAqBM,OAAOlC,KAAK+B,OAAOC,MAAME,aAE3B3B,cAvBJ,WAwBM,MAAO,CACL,gBAAqC,WAApBP,KAAKkB,WACtB,gBAAqC,WAApBlB,KAAKkB,WACtB,gBAAqC,WAApBlB,KAAKkB,WACtB,kBAAuC,aAApBlB,KAAKkB,cAI9BiB,QAAS,CACPX,kBADJ,SACA,GACMxB,KAAKW,YAAcY,EACCvB,KAAKS,aAAb,SAARc,GAGND,qBANJ,SAMA,GACA,eAAU,GAAV,+DACQtB,KAAK+B,OAAOK,OAAO,sCAAsC,GACzDpC,KAAK+B,OAAOM,SAAS,6BAA8B,gBAEnDrC,KAAK+B,OAAOK,OAAO,sCAAsC,KAI/DE,QAtEF,WAuEI,IAAJ,yEACItC,KAAKwB,kBAAkBC,GACvBzB,KAAKsB,qBAAqBtB,KAAK+B,OAAOC,MAAMJ,kBC7GmS,I,wBCQ/UW,EAAY,eACd,EACAzC,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAA0B,E,2CCnBf,W","file":"js/chunk-45b10b73.7ecf3cb2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"layout--main p-1\",class:[_vm.navbarClasses]},[_c('div',{attrs:{\"id\":\"content-overlay\"}}),[_c('the-navbar-vertical',{class:[{ 'text-white': _vm.isNavbarDark && !_vm.isThemeDark }, { 'text-base': !_vm.isNavbarDark && _vm.isThemeDark }],attrs:{\"navbarColor\":_vm.navbarColor,\"menuType\":_vm.menuType}})],_c('div',{},[_c('div',{staticClass:\"router-view p-4\"},[_c('div',{staticClass:\"router-content\"},[_c('router-view')],1)])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: FullPage.vue\n  Description: Full page layout\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\n<template>\n  <!-- <div class=\"layout--full-page p-3\"> -->\n  <div class=\"layout--main p-1\" :class=\"[navbarClasses]\">\n    <div id=\"content-overlay\" />\n\n    <template>\n      <the-navbar-vertical :navbarColor=\"navbarColor\" :menuType=\"menuType\" :class=\"[{ 'text-white': isNavbarDark && !isThemeDark }, { 'text-base': !isNavbarDark && isThemeDark }]\" />\n    </template>\n\n    <div class=\"\">\n      <div class=\"router-view p-4\">\n        <div class=\"router-content\">\n          <router-view></router-view>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { inActiveSession } from '@/mixins/inactive-session'\n\nimport themeConfig from '@/../themeConfig.js'\nimport navMenuItems from '@/layouts/components/vertical-nav-menu/navMenuItems.js'\nimport TheNavbarVertical from '@/layouts/components/navbar/TheNavbarVertical.vue'\n\nexport default {\n  components: {\n    TheNavbarVertical\n  },\n  data() {\n    return {\n      isNavbarDark: false,\n      navMenuItems,\n      navbarType: themeConfig.navbarType || 'floating',\n      navbarColor: themeConfig.navbarColor || '#fff',\n      menuType: 'POS_menu'\n    }\n  },\n  mixins: [inActiveSession],\n  watch: {\n    '$store.state.mainLayoutType'(val) {\n      this.setNavMenuVisibility(val)\n    },\n    isThemeDark(val) {\n      const color = this.navbarColor === '#fff' && val ? '#10163a' : '#fff'\n      this.updateNavbarColor(color)\n    }\n  },\n  computed: {\n    contentAreaClass() {\n      if (this.mainLayoutType === 'vertical') {\n        if (this.verticalNavMenuWidth === 'default') return 'content-area-reduced'\n        else if (this.verticalNavMenuWidth === 'reduced') return 'content-area-lg'\n        else return 'content-area-full'\n      } else return 'content-area-full'\n    },\n    layoutTypeClass() {\n      return `main-${this.mainLayoutType}`\n    },\n    mainLayoutType() {\n      return this.$store.state.mainLayoutType\n    },\n    verticalNavMenuWidth() {\n      return this.$store.state.verticalNavMenuWidth\n    },\n    isThemeDark() {\n      return this.$store.state.theme === 'dark'\n    },\n    windowWidth() {\n      return this.$store.state.windowWidth\n    },\n    navbarClasses() {\n      return {\n        'navbar-hidden': this.navbarType === 'hidden',\n        'navbar-sticky': this.navbarType === 'sticky',\n        'navbar-static': this.navbarType === 'static',\n        'navbar-floating': this.navbarType === 'floating'\n      }\n    }\n  },\n  methods: {\n    updateNavbarColor(val) {\n      this.navbarColor = val\n      if (val === '#fff') this.isNavbarDark = false\n      else this.isNavbarDark = true\n    },\n    setNavMenuVisibility(layoutType) {\n      if ((layoutType === 'horizontal' && this.windowWidth >= 1200) || (layoutType === 'vertical' && this.windowWidth < 1200)) {\n        this.$store.commit('TOGGLE_IS_VERTICAL_NAV_MENU_ACTIVE', false)\n        this.$store.dispatch('updateVerticalNavMenuWidth', 'no-nav-menu')\n      } else {\n        this.$store.commit('TOGGLE_IS_VERTICAL_NAV_MENU_ACTIVE', true)\n      }\n    }\n  },\n  created() {\n    const color = this.navbarColor === '#fff' && this.isThemeDark ? '#10163a' : this.navbarColor\n    this.updateNavbarColor(color)\n    this.setNavMenuVisibility(this.$store.state.mainLayoutType)\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.vx-navbar {\n  border-radius: 0.5rem;\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!./PosLayOut.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!./PosLayOut.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PosLayOut.vue?vue&type=template&id=0746c369&\"\nimport script from \"./PosLayOut.vue?vue&type=script&lang=js&\"\nexport * from \"./PosLayOut.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PosLayOut.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!./PosLayOut.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}