{"version":3,"sources":["webpack:///./src/components/utility/dropdown/Dropdown.vue?0c60","webpack:///src/components/utility/dropdown/Dropdown.vue","webpack:///./src/components/utility/dropdown/Dropdown.vue?72b9","webpack:///./src/components/utility/dropdown/Dropdown.vue","webpack:///./src/layout/AdminLayout.vue?5b26","webpack:///./src/components/utilsLayout/Sidebar.vue?5737","webpack:///src/components/utilsLayout/Sidebar.vue","webpack:///./src/components/utilsLayout/Sidebar.vue?fd04","webpack:///./src/components/utilsLayout/Sidebar.vue","webpack:///./src/components/utilsLayout/SidebarOperator.vue?c3ea","webpack:///src/components/utilsLayout/SidebarOperator.vue","webpack:///./src/components/utilsLayout/SidebarOperator.vue?05b1","webpack:///./src/components/utilsLayout/SidebarOperator.vue","webpack:///./src/components/utilsLayout/SidebarJfx.vue?403a","webpack:///src/components/utilsLayout/SidebarJfx.vue","webpack:///./src/components/utilsLayout/SidebarJfx.vue?0c7d","webpack:///./src/components/utilsLayout/SidebarJfx.vue","webpack:///./src/components/utilsLayout/Header.vue?8843","webpack:///src/components/utilsLayout/Header.vue","webpack:///./src/components/utilsLayout/Header.vue?9847","webpack:///./src/components/utilsLayout/Header.vue","webpack:///./src/components/utilsLayout/SidebarSuperAdmin.vue?1f18","webpack:///src/components/utilsLayout/SidebarSuperAdmin.vue","webpack:///./src/components/utilsLayout/SidebarSuperAdmin.vue?1171","webpack:///./src/components/utilsLayout/SidebarSuperAdmin.vue","webpack:///./src/components/utilsLayout/SidebarPos.vue?2724","webpack:///src/components/utilsLayout/SidebarPos.vue","webpack:///./src/components/utilsLayout/SidebarPos.vue?1fb6","webpack:///./src/components/utilsLayout/SidebarPos.vue","webpack:///./src/components/utilsLayout/SidebarBappebti.vue?89a1","webpack:///src/components/utilsLayout/SidebarBappebti.vue","webpack:///./src/components/utilsLayout/SidebarBappebti.vue?f906","webpack:///./src/components/utilsLayout/SidebarBappebti.vue","webpack:///src/layout/AdminLayout.vue","webpack:///./src/layout/AdminLayout.vue?9733","webpack:///./src/layout/AdminLayout.vue","webpack:///./src/components/utilsLayout/Sidebar.vue?41cf","webpack:///./src/components/utilsLayout/Header.vue?bd27","webpack:///./src/components/utilsLayout/SidebarOperator.vue?25f2","webpack:///./src/assets/icon_cms/management/1w.svg","webpack:///./src/assets/icon_cms/withdrawal/1w.svg","webpack:///./src/assets/icon_cms/clearing/1w.svg","webpack:///./src/assets/icon_cms/history/1w.svg","webpack:///./src/assets/icon_cms/vault/4c.svg","webpack:///./src/assets/icon_cms/inventory/1w.svg","webpack:///./src/assets/kbi-bw.png","webpack:///./src/components/utility/dropdown/DropdownContent.vue?2110","webpack:///./src/assets/icon_cms/8b.svg","webpack:///./src/layout/AdminLayout.vue?8f37","webpack:///./src/components/utilsLayout/SidebarPos.vue?50ae","webpack:///./src/assets/icon_cms/management/3c.svg","webpack:///./src/assets/kbi-bw-logo.png","webpack:///./src/assets/icon_cms/deposit/1w.svg","webpack:///./src/assets/Kinesis-Putih-mini.png","webpack:///./src/assets/kinesis-logo-white.svg","webpack:///./src/assets/icon_cms/holders/1w.svg","webpack:///./node_modules/vue-clickaway/dist/vue-clickaway.common.js","webpack:///./src/components/utilsLayout/SidebarJfx.vue?56a4","webpack:///./src/components/utility/dropdown/DropdownContent.vue?8dce","webpack:///src/components/utility/dropdown/DropdownContent.vue","webpack:///./src/components/utility/dropdown/DropdownContent.vue?ee16","webpack:///./src/components/utility/dropdown/DropdownContent.vue","webpack:///./src/assets/icon_cms/vault/3c.svg","webpack:///./src/components/utilsLayout/SidebarBappebti.vue?75a0","webpack:///./src/components/utilsLayout/SidebarSuperAdmin.vue?5bdc"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","on","toggle","_t","_v","staticRenderFns","mixins","provide","sharedState","data","active","methods","away","component","class","status","attrs","role","openToggle","sidebarfull","$event","props","miniSide","Boolean","mounted","sessionStorage","getItem","$root","$on","elems","document","getElementsByClassName","e","classList","add","diagonaltop","centerLine","diagonalbottom","slot","_s","username","logout","components","Dropdown","DropdownContent","dataToggle","liveTime","currentDate","created","setInterval","showLiveTime","clear","$router","go","$emit","_m","module","exports","Vue","version","compatible","test","util","warn","HANDLER","bind","el","binding","vnode","unbind","vm","context","callback","initialMacrotaskEnded","setTimeout","ev","path","composedPath","undefined","indexOf","contains","target","call","documentElement","addEventListener","removeEventListener","directive","update","oldValue","mixin","onClickaway","_e","inject","computed"],"mappings":"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","file":"js/chunk-0802024b.f9dac2da.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"on-clickaway\",rawName:\"v-on-clickaway\",value:(_vm.away),expression:\"away\"}],staticClass:\"relative\",on:{\"click\":_vm.toggle}},[_vm._t(\"toggler\",function(){return [_c('button',[_vm._v(\"Toggle\")])]}),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div @click=\"toggle\" v-on-clickaway=\"away\" class=\"relative\">\n    <slot name=\"toggler\">\n      <button>Toggle</button>\n    </slot>\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { mixin as clickaway } from \"vue-clickaway\";\n\nexport default {\n  name: \"Dropdown\",\n  mixins: [clickaway],\n  provide() {\n    return {\n      sharedState: this.sharedState,\n    };\n  },\n  data() {\n    return {\n      sharedState: {\n        active: false,\n      },\n    };\n  },\n  methods: {\n    toggle() {\n      this.sharedState.active = !this.sharedState.active;\n    },\n    away() {\n      this.sharedState.active = false;\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!./Dropdown.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!./Dropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dropdown.vue?vue&type=template&id=49ae76f8&\"\nimport script from \"./Dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./Dropdown.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-layout\"},[_c('div',{staticClass:\"layout\"},[_c('div',{staticClass:\"wrap-sidebar\",class:{ 'hide-side': _vm.status },attrs:{\"miniSide\":_vm.status}},[_c('Sidebar',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 3 || _vm.role == 2 || _vm.role == 3),expression:\"role == 3 || role == 2 || role == 3\"}]}),_c('SidebarOperator',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 5 || _vm.role == 7),expression:\"role == 5 || role == 7\"}]}),_c('SidebarJfx',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 15),expression:\"role == 15\"}]}),_c('sidebar-pos',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 6),expression:\"role == 6\"}]}),_c('sidebar-super-admin',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 99),expression:\"role == 99\"}]}),_c('sidebar-bappebti',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 8 || _vm.role == 9),expression:\"role == 8 || role == 9\"}]})],1),_c('div',{staticClass:\"wrap-main-content\",class:{ 'mini-side': _vm.status }},[_c('header',{staticClass:\"header\"},[_c('Header',{on:{\"toggleSide\":_vm.openToggle}})],1),_c('main',[_c('router-view')],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\",class:{ sidebarfull: _vm.status }},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"logo-img\",class:{ 'mini-logo-img': !_vm.status }},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 1 || _vm.role == 13),expression:\"role == 1 || role == 13\"}]},[(_vm.status)?_c('img',{attrs:{\"src\":require(\"@/assets/kbi-bw.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/kbi-bw-logo.png\"),\"alt\":\"\"}})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role == 2 || _vm.role == 3 || _vm.role == 3),expression:\"role == 2 || role == 3 || role == 3\"}]},[(!_vm.status)?_c('img',{attrs:{\"src\":require(\"@/assets/Kinesis-Putih-mini.png\"),\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"@/assets/kinesis-logo-white.svg\"),\"alt\":\"\"}})])])]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_c('li',{staticClass:\"title-list-menu\"},[(!_vm.status)?_c('div',{staticClass:\"text-center\"},[_vm._v(\"Vault\")]):_c('div',[_vm._v(\"Vault Management\")])]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role != 13),expression:\"role != 13\"}],staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(0)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/vault/4c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"On Exchange\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"On Exchange\")]),_c('router-link',{attrs:{\"to\":\"/permission\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/management/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" IBOSS \")])]),_c('router-link',{attrs:{\"to\":\"/deposite\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Deposit \")])]),_c('router-link',{attrs:{\"to\":\"/withdrawalOn\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Withdrawal \")])]),_c('router-link',{attrs:{\"to\":\"/inventory\"}},[_c('li',[_c('img',{staticClass:\"icon vertical\",attrs:{\"src\":require(\"@/assets/icon_cms/inventory/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Inventory \")])])],1)]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role != 13),expression:\"role != 13\"}],staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(1)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/vault/3c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Off Exchange\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Off Exchange\")]),_c('router-link',{attrs:{\"to\":\"/deposite-off\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Deposit \")])]),_c('router-link',{attrs:{\"to\":\"/withdrawalOff\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Withdrawal \")])]),_c('router-link',{attrs:{\"to\":\"/inventoryOff\"}},[_c('li',[_c('img',{staticClass:\"icon vertical\",attrs:{\"src\":require(\"@/assets/icon_cms/inventory/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Inventory \")])]),_c('router-link',{attrs:{\"to\":\"/vendor\"}},[_c('li',[_c('b-icon',{staticClass:\"icon\",attrs:{\"icon\":\"person-fill\"}}),_vm._v(\" Client\")],1)])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidebar\" :class=\"{ sidebarfull: status }\">\n    <div class=\"title\">\n      <div class=\"logo-img\" :class=\"{ 'mini-logo-img': !status }\">\n        <div v-show=\"role == 1 || role == 13\">\n          <img src=\"@/assets/kbi-bw.png\" alt=\"\" v-if=\"status\" />\n          <img src=\"@/assets/kbi-bw-logo.png\" alt=\"\" v-else />\n        </div>\n        <!-- <img src=\"@/assets/ABX-grey.png\" alt=\"\" v-show=\"role == 2 || role == 3\" /> -->\n        <div v-show=\"role == 2 || role == 3 || role == 3\">\n          <img src=\"@/assets/Kinesis-Putih-mini.png\" alt=\"\" v-if=\"!status\" />\n          <img src=\"@/assets/kinesis-logo-white.svg\" alt=\"\" v-else />\n        </div>\n      </div>\n    </div>\n    <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n      <ul class=\"nav-menu\">\n        <!-- <li class=\"title-list-menu\">\n          <div v-if=\"!status\" class=\"text-center\">Clearing</div>\n          <div v-else>Clearing Management</div>\n        </li> -->\n        <!-- <router-link to=\"/\" exact>\n          <li class=\"list-menu\">\n            <div>\n              <img\n                src=\"@/assets/icon_cms/clearing/1c.svg\"\n                alt=\"\"\n                class=\"icon main-icon\"\n              />\n              <span>Clearing & Settlement</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Clearing & Settlement</li>\n            </ul>\n          </li>\n        </router-link> -->\n        <li class=\"title-list-menu\">\n          <div v-if=\"!status\" class=\"text-center\">Vault</div>\n          <div v-else>Vault Management</div>\n        </li>\n        <li class=\"list-menu\" v-show=\"role != 13\">\n          <div @click=\"toggle(0)\" class=\"sub-menu\">\n            <img\n              src=\"@/assets/icon_cms/vault/4c.svg\"\n              alt=\"\"\n              class=\"icon main-icon\"\n            />\n            <span>On Exchange</span>\n          </div>\n          <ul class=\"list-sub-menu\">\n            <li class=\"title-sub-menu\">On Exchange</li>\n            <router-link to=\"/permission\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/management/1w.svg\"\n                  alt=\"\"\n                  class=\"icon\"\n                />\n                IBOSS\n              </li>\n            </router-link>\n            <router-link to=\"/deposite\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/deposit/1w.svg\"\n                  alt=\"\"\n                  class=\"icon\"\n                />\n                Deposit\n              </li>\n            </router-link>\n            <router-link to=\"/withdrawalOn\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/withdrawal/1w.svg\"\n                  alt=\"\"\n                  class=\"icon\"\n                />\n                Withdrawal\n              </li>\n            </router-link>\n            <router-link to=\"/inventory\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/inventory/1w.svg\"\n                  alt=\"\"\n                  class=\"icon vertical\"\n                />\n                Inventory\n              </li>\n            </router-link>\n            <!-- <router-link to=\"/history\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/history/1w.svg\"\n                  alt=\"\"\n                  class=\"icon vertical\"\n                />\n                History\n              </li>\n            </router-link> -->\n          </ul>\n        </li>\n        <li class=\"list-menu\" v-show=\"role != 13\">\n          <div @click=\"toggle(1)\" class=\"sub-menu\">\n            <img\n              src=\"@/assets/icon_cms/vault/3c.svg\"\n              alt=\"\"\n              class=\"icon main-icon\"\n            />\n            <span>Off Exchange</span>\n          </div>\n          <ul class=\"list-sub-menu\">\n            <li class=\"title-sub-menu\">Off Exchange</li>\n            <router-link to=\"/deposite-off\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/deposit/1w.svg\"\n                  alt=\"\"\n                  class=\"icon\"\n                />\n                Deposit\n              </li>\n            </router-link>\n            <router-link to=\"/withdrawalOff\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/withdrawal/1w.svg\"\n                  alt=\"\"\n                  class=\"icon\"\n                />\n                Withdrawal\n              </li>\n            </router-link>\n            <router-link to=\"/inventoryOff\">\n              <li>\n                <img\n                  src=\"@/assets/icon_cms/inventory/1w.svg\"\n                  alt=\"\"\n                  class=\"icon vertical\"\n                />\n                Inventory\n              </li>\n            </router-link>\n            <router-link to=\"/vendor\">\n              <li><b-icon icon=\"person-fill\" class=\"icon\"></b-icon> Client</li>\n            </router-link>\n          </ul>\n        </li>\n        <!-- <li class=\"title-list-menu\">\n          <div v-if=\"!status\" class=\"text-center\">User</div>\n          <div v-else>User Management</div>\n        </li> -->\n        <!-- <li class=\"list-menu\" v-show=\"role != 13\">\n          <div @click=\"toggle(3)\" class=\"sub-menu\">\n            <img\n              src=\"@/assets/icon_cms/user_management.svg\"\n              alt=\"\"\n              class=\"icon main-icon\"\n            />\n\n            <span>User Management</span>\n          </div>\n          <ul class=\"list-sub-menu\">\n            <li class=\"title-sub-menu\">User Management</li>\n            \n          </ul>\n        </li> -->\n        <!-- <router-link to=\"/visitor\" exact>\n          <li class=\"list-menu\">\n            <div>\n              <b-icon icon=\"person-square\" class=\"icon main-icon\"></b-icon>\n              <span>Visitor</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Visitor</li>\n            </ul>\n          </li>\n        </router-link> -->\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    miniSide: Boolean,\n  },\n  data() {\n    return {\n      status: false,\n      role: \"\",\n    };\n  },\n  mounted() {\n    this.role = sessionStorage.getItem(\"role\");\n    this.$root.$on(\"toggleSide\", (data) => {\n      this.status = data;\n    });\n  },\n  methods: {\n    toggle(e) {\n      if (this.status) {\n        var elems = document.getElementsByClassName(\"list-sub-menu\");\n        if (elems[e].classList.value === \"list-sub-menu\") {\n          elems[e].classList.add(\"active-menu\");\n        } else {\n          elems[e].classList = \"list-sub-menu\";\n        }\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n  background: #23313e;\n  color: #fff;\n}\n.title {\n  height: 70px;\n  padding: 7px;\n  font-size: 30px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  text-align: center;\n  background: #0d1d2c;\n  box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n}\n\n.sidebarfull {\n  height: 100%;\n  overflow-y: scroll;\n}\n\n.logo-img {\n  width: 9rem;\n  margin: 0 auto;\n  transition: ease-out 0.5s;\n}\n\n.mini-logo-img {\n  width: 2rem;\n  transition: ease-out 0.5s;\n}\n\n.logo-img img {\n  width: 100%;\n}\n\n.bagi {\n  height: 38px;\n  margin-left: -32px;\n  width: 163px !important;\n}\n\n.menu {\n  margin-top: 50px;\n}\n\nul {\n  padding: 0 5px;\n  transition: 0.5s;\n}\n\n/* .nav-menu {\n  position: relative;\n} */\n\n.menu.mini-menu .nav-menu {\n  overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n  justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n  display: none;\n}\n\n.list-menu {\n  border-radius: 5px;\n  font-size: 13px;\n  letter-spacing: 1px;\n  position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n  display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n  display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n  white-space: nowrap;\n  font-size: 13px;\n  opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n  white-space: nowrap;\n  font-size: 13px;\n  opacity: 1;\n}\n\n.menu.mini-menu .list-menu .icon {\n  margin: unset;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .icon {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n  position: absolute;\n  left: 100%;\n  top: -10px;\n  background: #23313e;\n  padding: 0;\n  border-radius: 0 5px 5px 0;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n  display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n  top: 0px;\n  opacity: 1;\n  pointer-events: auto;\n  padding: 4px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n  display: block;\n  opacity: 1;\n}\n\n.list-menu div,\n.list-sub-menu li {\n  padding: 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  position: relative;\n  text-decoration: none;\n}\n\n.list-menu div {\n  display: flex;\n  align-items: center;\n}\n\n/* .sub-menu::after {\n  font-family: \"Ionicons\";\n  content: \"\\f35f\";\n  position: absolute;\n  right: 10px;\n} */\n\n.mini-sub-menu {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  padding: 0px;\n  margin-bottom: 10px;\n  gap: 5px;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n  background: #23313e;\n  color: #fff;\n}\n\n.list-sub-menu {\n  padding: 0 0 0 20px;\n  /* display: none; */\n}\n\nli {\n  color: #fff;\n}\n\n.icon {\n  width: 15px;\n  margin-right: 10px;\n  vertical-align: text-bottom;\n}\n\n.vertical {\n  width: 12px;\n  margin-left: 3px;\n}\n\n.holders {\n  width: 17px;\n}\n\n.main-icon {\n  width: 27px;\n}\n\n.title-list-menu {\n  margin: 1rem 0.5rem 0.2rem;\n  color: #9ea5ab;\n  font-size: 12px;\n  font-weight: bold;\n}\n</style>\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!./Sidebar.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!./Sidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sidebar.vue?vue&type=template&id=46006dc2&scoped=true&\"\nimport script from \"./Sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./Sidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sidebar.vue?vue&type=style&index=0&id=46006dc2&scoped=true&lang=css&\"\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  \"46006dc2\",\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:\"sidebar\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" VMS \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.status),expression:\"status\"}]},[_vm._v(\"Vault Management System\")])]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_c('li',{staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(0)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/vault/4c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"On Exchange\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"On Exchange\")]),_c('router-link',{attrs:{\"to\":\"/operator-deposite\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Deposit \")])]),_c('router-link',{attrs:{\"to\":\"/operator-withdrawal\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Withdrawal \")])])],1)]),_c('li',{staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(1)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/vault/3c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Off Exchange\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Off Exchange\")]),_c('router-link',{attrs:{\"to\":\"/deposite-off\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Deposit \")])]),_c('router-link',{attrs:{\"to\":\"/withdrawalOff\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Withdrawal \")])])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"sidebar\">\n        <div class=\"title\">\n            VMS\n            <div v-show=\"status\">Vault Management System</div>\n        </div>\n        <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n            <ul class=\"nav-menu\">\n                <li class=\"list-menu\">\n                    <div @click=\"toggle(0)\" class=\"sub-menu\">\n                        <img src=\"@/assets/icon_cms/vault/4c.svg\" alt=\"\" class=\"icon main-icon\" />\n                        <span>On Exchange</span>\n                    </div>\n                    <ul class=\"list-sub-menu\">\n                        <li class=\"title-sub-menu\">On Exchange</li>\n                        <router-link to=\"/operator-deposite\">\n                            <li>\n                                <img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" />\n                                Deposit\n                            </li>\n                        </router-link>\n                        <router-link to=\"/operator-withdrawal\">\n                            <li>\n                                <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n                                Withdrawal\n                            </li>\n                        </router-link>\n                    </ul>\n                </li>\n                <li class=\"list-menu\">\n                    <div @click=\"toggle(1)\" class=\"sub-menu\">\n                        <img src=\"@/assets/icon_cms/vault/3c.svg\" alt=\"\" class=\"icon main-icon\" />\n                        <span>Off Exchange</span>\n                    </div>\n                    <ul class=\"list-sub-menu\">\n                        <li class=\"title-sub-menu\">Off Exchange</li>\n                        <router-link to=\"/deposite-off\">\n                            <li>\n                                <img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" />\n                                Deposit\n                            </li>\n                        </router-link>\n                        <router-link to=\"/withdrawalOff\">\n                            <li>\n                                <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n                                Withdrawal\n                            </li>\n                        </router-link>\n                    </ul>\n                </li>\n            </ul>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        miniSide: Boolean,\n    },\n    data() {\n        return {\n            status: false,\n            role: \"\",\n        };\n    },\n    mounted() {\n        // console.log(this.miniSide);\n        this.role = sessionStorage.getItem(\"role\");\n        this.$root.$on(\"toggleSide\", (data) => {\n            this.status = data;\n        });\n    },\n    methods: {\n        toggle(e) {\n            var elems = document.getElementsByClassName(\"list-sub-menu\");\n            if (elems[e].classList.value === \"list-sub-menu\") {\n                elems[e].classList.add(\"active-menu\");\n            } else {\n                elems[e].classList = \"list-sub-menu\";\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n    background: #23313e;\n    color: #fff;\n}\n.title {\n    height: 70px;\n    padding: 7px;\n    font-size: 30px;\n    font-weight: bold;\n    margin-bottom: 20px;\n    text-align: center;\n    background: #0d1d2c;\n    box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n}\n\n.sidebarfull {\n    height: 100%;\n    overflow-y: scroll;\n}\n\n.logo-img {\n    width: 9rem;\n    margin: 0 auto;\n    transition: ease-out 0.5s;\n}\n\n.mini-logo-img {\n    width: 2rem;\n    transition: ease-out 0.5s;\n}\n\n.logo-img img {\n    width: 100%;\n}\n\n.bagi {\n    height: 38px;\n    margin-left: -32px;\n    width: 163px !important;\n}\n\n.menu {\n    margin-top: 50px;\n}\n\nul {\n    padding: 0 5px;\n    transition: 0.5s;\n}\n\n/* .nav-menu {\n  position: relative;\n} */\n\n.menu.mini-menu .nav-menu {\n    overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n    justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n    display: none;\n}\n\n.list-menu {\n    border-radius: 5px;\n    font-size: 13px;\n    letter-spacing: 1px;\n    position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n    display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n    display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n    white-space: nowrap;\n    font-size: 13px;\n    opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n    white-space: nowrap;\n    font-size: 13px;\n    opacity: 1;\n}\n\n.menu.mini-menu .list-menu .icon {\n    margin: unset;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .icon {\n    display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n    position: absolute;\n    left: 100%;\n    top: -10px;\n    background: #23313e;\n    padding: 0;\n    border-radius: 0 5px 5px 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.5s ease;\n    display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n    top: 0px;\n    opacity: 1;\n    pointer-events: auto;\n    padding: 4px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n    display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n    display: block;\n    opacity: 1;\n}\n\n.list-menu div,\n.list-sub-menu li {\n    padding: 10px;\n    border-radius: 5px;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n\n.list-menu div {\n    display: flex;\n    align-items: center;\n}\n\n/* .sub-menu::after {\n  font-family: \"Ionicons\";\n  content: \"\\f35f\";\n  position: absolute;\n  right: 10px;\n} */\n\n.mini-sub-menu {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    padding: 0px;\n    margin-bottom: 10px;\n    gap: 5px;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n    background: #23313e;\n    color: #fff;\n}\n\n.list-sub-menu {\n    padding: 0 0 0 20px;\n    /* display: none; */\n}\n\nli {\n    color: #fff;\n}\n\n.icon {\n    width: 15px;\n    margin-right: 10px;\n    vertical-align: text-bottom;\n}\n\n.vertical {\n    width: 12px;\n    margin-left: 3px;\n}\n\n.holders {\n    width: 17px;\n}\n\n.main-icon {\n    width: 27px;\n}\n\n.title-list-menu {\n    margin: 1rem 0.5rem 0.2rem;\n    color: #9ea5ab;\n    font-size: 12px;\n    font-weight: bold;\n}\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!./SidebarOperator.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!./SidebarOperator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarOperator.vue?vue&type=template&id=30a972e8&scoped=true&\"\nimport script from \"./SidebarOperator.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarOperator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarOperator.vue?vue&type=style&index=0&id=30a972e8&scoped=true&lang=css&\"\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  \"30a972e8\",\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:\"sidebar\",class:{ sidebarfull: _vm.status }},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"logo-img\",class:{ 'mini-logo-img': !_vm.status }})]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role != 13),expression:\"role != 13\"}],staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(1)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/vault/4c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Vault Management\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Vault Management\")]),_c('router-link',{attrs:{\"to\":\"/inventory\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/inventory/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Inventory \")])]),_c('router-link',{attrs:{\"to\":\"/holders\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/holders/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Holders \")])]),_c('router-link',{attrs:{\"to\":\"/history\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/history/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" History \")])])],1)]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.role != 13),expression:\"role != 13\"}],staticClass:\"list-menu\"},[_c('div',{staticClass:\"sub-menu\",on:{\"click\":function($event){return _vm.toggle(2)}}},[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/management/3c.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Bullion Management\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Bullion Management\")]),_c('router-link',{attrs:{\"to\":\"/deposite\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Deposit\")])]),_c('router-link',{attrs:{\"to\":\"/withdrawal\"}},[_c('li',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_vm._v(\" Withdrawal\")])])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidebar\" :class=\"{ sidebarfull: status }\">\n    <div class=\"title\">\n      <div class=\"logo-img\" :class=\"{ 'mini-logo-img': !status }\">\n        <!-- <div v-show=\"role == 6 || role == 13\">\n          <img src=\"@/assets/kbi-bw.png\" alt=\"\" v-if=\"status\" />\n          <img src=\"@/assets/kbi-bw-logo.png\" alt=\"\" v-else />\n        </div>\n        <div v-show=\"role == 2 || role == 3\">\n          <img src=\"@/assets/Kinesis-Putih-mini.png\" alt=\"\" v-if=\"!status\" />\n          <img src=\"@/assets/kinesis-logo-white.svg\" alt=\"\" v-else />\n        </div> -->\n      </div>\n    </div>\n    <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n      <ul class=\"nav-menu\">\n        <li class=\"list-menu\" v-show=\"role != 13\">\n          <div @click=\"toggle(1)\" class=\"sub-menu\">\n            <img src=\"@/assets/icon_cms/vault/4c.svg\" alt=\"\" class=\"icon main-icon\" />\n            <span>Vault Management</span>\n          </div>\n          <ul class=\"list-sub-menu\">\n            <li class=\"title-sub-menu\">Vault Management</li>\n            <router-link to=\"/inventory\">\n              <li>\n                <img src=\"@/assets/icon_cms/inventory/1w.svg\" alt=\"\" class=\"icon\" />\n                Inventory\n              </li>\n            </router-link>\n            <router-link to=\"/holders\">\n              <li>\n                <img src=\"@/assets/icon_cms/holders/1w.svg\" alt=\"\" class=\"icon\" />\n                Holders\n              </li>\n            </router-link>\n            <router-link to=\"/history\">\n              <li>\n                <img src=\"@/assets/icon_cms/history/1w.svg\" alt=\"\" class=\"icon\" />\n                History\n              </li>\n            </router-link>\n          </ul>\n        </li>\n        <li class=\"list-menu\" v-show=\"role != 13\">\n          <div @click=\"toggle(2)\" class=\"sub-menu\">\n            <img src=\"@/assets/icon_cms/management/3c.svg\" alt=\"\" class=\"icon main-icon\" />\n            <span>Bullion Management</span>\n          </div>\n          <ul class=\"list-sub-menu\">\n            <li class=\"title-sub-menu\">Bullion Management</li>\n            <router-link to=\"/deposite\">\n              <li><img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" /> Deposit</li>\n            </router-link>\n            <router-link to=\"/withdrawal\">\n              <li><img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" /> Withdrawal</li>\n            </router-link>\n          </ul>\n        </li>\n      </ul>\n    </div>\n    <!-- <div class=\"footer\">logout</div> -->\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    miniSide: Boolean,\n  },\n  data() {\n    return {\n      status: false,\n      role: \"\",\n    };\n  },\n  mounted() {\n    this.role = sessionStorage.getItem(\"role\");\n    this.$root.$on(\"toggleSide\", (data) => {\n      this.status = data;\n    });\n  },\n  methods: {\n    toggle(e) {\n      if (this.status) {\n        var elems = document.getElementsByClassName(\"list-sub-menu\");\n        if (elems[e].classList.value === \"list-sub-menu\") {\n          elems[e].classList.add(\"active-menu\");\n        } else {\n          elems[e].classList = \"list-sub-menu\";\n        }\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n  background: #23313e;\n  color: #fff;\n}\n.title {\n  height: 70px;\n  padding: 7px;\n  font-size: 30px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  text-align: center;\n  background: #0d1d2c;\n  box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n}\n\n.sidebarfull {\n  height: 100%;\n  overflow-y: scroll;\n}\n\n.logo-img {\n  width: 9rem;\n  margin: 0 auto;\n  transition: ease-out 0.5s;\n}\n\n.mini-logo-img {\n  width: 2rem;\n  transition: ease-out 0.5s;\n}\n\n.logo-img img {\n  width: 100%;\n}\n\n.bagi {\n  height: 38px;\n  margin-left: -32px;\n  width: 163px !important;\n}\n\n.menu {\n  margin-top: 50px;\n}\n\nul {\n  padding: 0 5px;\n  transition: 0.5s;\n}\n\n/* .nav-menu {\n  position: relative;\n} */\n\n.menu.mini-menu .nav-menu {\n  overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n  justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n  display: none;\n}\n\n.list-menu {\n  border-radius: 5px;\n  font-size: 14px;\n  letter-spacing: 1px;\n  padding: 5px 0;\n  position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n  display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n  display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 1;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu img {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n  position: absolute;\n  left: 100%;\n  top: -10px;\n  background: #23313e;\n  padding: 0;\n  border-radius: 0 5px 5px 0;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n  display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n  top: 5px;\n  opacity: 1;\n  pointer-events: auto;\n  padding: 5px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n  display: block;\n  opacity: 1;\n}\n\n.list-menu div,\n.list-sub-menu li {\n  padding: 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  position: relative;\n  text-decoration: none;\n}\n\n.list-menu div {\n  display: flex;\n  align-items: center;\n}\n\n/* .sub-menu::after {\n  font-family: \"Ionicons\";\n  content: \"\\f35f\";\n  position: absolute;\n  right: 10px;\n} */\n\n.mini-sub-menu {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  padding: 0px;\n  margin-bottom: 10px;\n  gap: 5px;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n  background: #23313e;\n  color: #fff;\n}\n\n.list-sub-menu {\n  padding: 0 0 0 20px;\n  /* display: none; */\n}\n\nli {\n  color: #9ea5ab;\n}\n\n/* .active-menu {\n  display: block;\n} */\n\n.icon {\n  width: 15px;\n  margin-right: 10px;\n  vertical-align: text-bottom;\n}\n\n.holders {\n  width: 17px;\n}\n\n.main-icon {\n  width: 30px;\n  /* margin-right: 10px; */\n}\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!./SidebarJfx.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!./SidebarJfx.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarJfx.vue?vue&type=template&id=2c9a8205&scoped=true&\"\nimport script from \"./SidebarJfx.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarJfx.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarJfx.vue?vue&type=style&index=0&id=2c9a8205&scoped=true&lang=css&\"\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  \"2c9a8205\",\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:\"wrap-header\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"brand\"},[_c('div',{staticClass:\"humberger-icon\",on:{\"click\":_vm.openToggle}},[_c('label',{staticClass:\"sidebarIconToggle\"},[_c('div',{staticClass:\"spinner diagonal part-1\",class:{ diagonaltop: _vm.status }}),_c('div',{staticClass:\"spinner horizontal\",class:{ centerLine: _vm.status }}),_c('div',{staticClass:\"spinner diagonal part-2\",class:{ diagonalbottom: _vm.status }})])])]),_c('div',{staticClass:\"user\"},[_c('dropdown',[_c('template',{slot:\"toggler\"},[_vm._v(\" \"+_vm._s(_vm.username)+\" \"),_c('i',{staticClass:\"fa fa-sort-down\"})]),_c('dropdown-content',[_c('div',{staticClass:\"item-dropdown my-1 px-3 py-2\",on:{\"click\":_vm.logout}},[_vm._v(\"Logout\")])])],2)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrap-header\">\n    <div class=\"header\">\n      <div class=\"brand\">\n        <div class=\"humberger-icon\" @click=\"openToggle\">\n          <label class=\"sidebarIconToggle\">\n            <div class=\"spinner diagonal part-1\" :class=\"{ diagonaltop: status }\"></div>\n            <div class=\"spinner horizontal\" :class=\"{ centerLine: status }\"></div>\n            <div class=\"spinner diagonal part-2\" :class=\"{ diagonalbottom: status }\"></div>\n          </label>\n        </div>\n      </div>\n      <!-- <div class=\"live-time\">{{ currentDate }} {{ liveTime }}</div> -->\n      <div class=\"user\">\n        <dropdown>\n          <template slot=\"toggler\">\n            {{ username }}\n            <i class=\"fa fa-sort-down\"></i>\n          </template>\n          <dropdown-content>\n            <div class=\"item-dropdown my-1 px-3 py-2\" @click=\"logout\">Logout</div>\n          </dropdown-content>\n        </dropdown>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport Dropdown from \"../utility/dropdown/Dropdown.vue\";\nimport DropdownContent from \"../utility/dropdown/DropdownContent.vue\";\n\nexport default {\n  components: {\n    Dropdown,\n    DropdownContent,\n  },\n  data() {\n    return {\n      dataToggle: false,\n      status: false,\n      username: \"\",\n      liveTime: null,\n      currentDate: null,\n    };\n  },\n  mounted() {\n    this.username = sessionStorage.getItem(\"username\");\n    let date = new Date();\n    this.currentDate = moment(date).format(\"dddd, DD MMMM YYYY\");\n  },\n  created() {\n    setInterval(() => {\n      this.showLiveTime();\n    }, 1000);\n  },\n  methods: {\n    showLiveTime() {\n      let date = new Date();\n      this.liveTime = moment(date).format(\"HH:mm:ss\");\n    },\n    toggle() {\n      this.dataToggle = !this.dataToggle;\n    },\n    logout() {\n      sessionStorage.clear();\n      delete axios.defaults.headers.common[\"Authorization\"];\n      this.$router.go(\"/login\");\n    },\n    openToggle() {\n      this.status = !this.status;\n      // console.log(this.status);\n      this.$emit(\"toggleSide\", this.status);\n      this.$root.$emit(\"toggleSide\", this.status);\n    },\n  },\n};\n</script>\n\n<style scoped>\n/* .wrap-header {\n \n} */\n\n/* .mini {\n  width: calc(100% - 70px);\n} */\n\n.live-time {\n  font-size: 14px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n}\n\n.item-dropdown {\n  line-height: 1.5;\n}\n\n.content-dropdown {\n  right: 0;\n  top: 2.5em;\n}\n\n.user {\n  position: relative;\n}\n\n.user div {\n  cursor: pointer;\n}\n\n.active-dropdown {\n  display: inline-block;\n}\n\n.dropdown-header {\n  position: absolute;\n  right: 0;\n  border: solid 1px rgba(112, 112, 112, 0.4);\n  -webkit-box-shadow: 0 0px 5px 0 rgba(10, 10, 10, 0.76);\n  box-shadow: 0 0px 2px 0 rgba(1, 2, 5, 0.55);\n  width: 170px;\n  border-radius: 5px;\n  background: #fff;\n}\n\n.dropdown-header li {\n  color: #2c3e50;\n  cursor: pointer;\n  /* padding: 10px 15px; */\n  line-height: 35px;\n}\n\n.dropdown-header li:hover {\n  color: #6495ed;\n}\n\n.humberger-icon {\n  position: absolute;\n  left: 20px;\n  top: 25px;\n}\n.sidebarIconToggle {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  cursor: pointer;\n  position: absolute;\n  z-index: 99;\n  height: 100%;\n  width: 100%;\n  height: 22px;\n  width: 22px;\n}\n.spinner {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  position: absolute;\n  height: 3px;\n  width: 100%;\n  background-color: #0d1d2c;\n}\n\n.horizontal {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  position: relative;\n  float: left;\n  margin-top: 3px;\n}\n.diagonal.part-1 {\n  position: relative;\n  transition: all 0.3s;\n  box-sizing: border-box;\n  float: left;\n}\n.diagonal.part-2 {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  position: relative;\n  float: left;\n  margin-top: 3px;\n}\n\ninput[type=\"checkbox\"] {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  display: none;\n}\n\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .centerLine {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  opacity: 0;\n}\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .diagonaltop {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  transform: rotate(135deg);\n  margin-top: 8px;\n}\n/* input[type=checkbox]:checked ~  */\n.sidebarIconToggle > .diagonalbottom {\n  transition: all 0.3s;\n  box-sizing: border-box;\n  transform: rotate(-135deg);\n  margin-top: -9px;\n}\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!./Header.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!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=da5ab762&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=da5ab762&scoped=true&lang=css&\"\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  \"da5ab762\",\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:\"sidebar\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" VMS \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.status),expression:\"status\"}]},[_vm._v(\"Management System\")])]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_c('router-link',{attrs:{\"to\":\"/management-user\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"User\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"User\")])])])]),_c('router-link',{attrs:{\"to\":\"/role\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Role\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Role\")])])])]),_c('router-link',{attrs:{\"to\":\"/audit-trail\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/8b.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Audit Trail\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Audit Trail\")])])])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidebar\">\n    <div class=\"title\">\n      VMS\n      <div v-show=\"status\">Management System</div>\n    </div>\n    <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n      <ul class=\"nav-menu\">\n        <router-link to=\"/management-user\">\n          <li class=\"list-menu\">\n            <div>\n              <img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" />\n              <span>User</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">User</li>\n            </ul>\n          </li>\n        </router-link>\n        <router-link to=\"/role\">\n          <li class=\"list-menu\">\n            <div>\n              <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n              <span>Role</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Role</li>\n            </ul>\n          </li>\n        </router-link>\n        <router-link to=\"/audit-trail\">\n          <li class=\"list-menu\">\n            <div>\n              <img src=\"@/assets/icon_cms/8b.svg\" alt=\"\" class=\"icon\" />\n              <span>Audit Trail</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Audit Trail</li>\n            </ul>\n          </li>\n        </router-link>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    miniSide: Boolean,\n  },\n  data() {\n    return {\n      status: false,\n      role: \"\",\n    };\n  },\n  mounted() {\n    // console.log(this.miniSide);\n    this.role = sessionStorage.getItem(\"role\");\n    this.$root.$on(\"toggleSide\", (data) => {\n      this.status = data;\n    });\n  },\n  methods: {\n    toggle(e) {\n      var elems = document.getElementsByClassName(\"list-sub-menu\");\n      if (elems[e].classList.value === \"list-sub-menu\") {\n        elems[e].classList.add(\"active-menu\");\n      } else {\n        elems[e].classList = \"list-sub-menu\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n  background: #23313e;\n  color: #fff;\n}\n\n.title {\n  height: 70px;\n  padding: 7px;\n  font-size: 30px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  text-align: center;\n  background: #0d1d2c;\n  box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n  color: #fff;\n}\n\n.menu {\n  margin-top: 50px;\n}\n\n.title div {\n  font-size: 11px;\n}\n\nul {\n  padding: 0 5px;\n  transition: 0.5s;\n}\n\n.menu.mini-menu .nav-menu {\n  overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n  justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n  display: none;\n}\n\n.list-menu {\n  border-radius: 5px;\n  font-size: 14px;\n  letter-spacing: 1px;\n  padding: 5px 0;\n  position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n  display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n  display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 1;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu img {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n  position: absolute;\n  left: 100%;\n  top: -10px;\n  background: #0d1d2c;\n  padding: 0;\n  border-radius: 0 5px 5px 0;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n  display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n  top: 5px;\n  opacity: 1;\n  pointer-events: auto;\n  padding: 5px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n  display: block;\n  opacity: 1;\n}\n\n/* .mini-nav-menu .list-sub-menu,\n.mini-nav-menu .list-sub-menu li {\n  padding: 0;\n} */\n\n.list-menu div,\n.list-sub-menu li {\n  padding: 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  position: relative;\n  text-decoration: none;\n}\n\n.list-menu div {\n  display: flex;\n  align-items: center;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n  background: #23313e;\n  color: #fff;\n}\n\nli {\n  color: #9ea5ab;\n}\n\n.list-sub-menu {\n  padding: 0 0 0 20px;\n}\n\n.list-sub-menu li {\n  text-decoration: none;\n}\n\n.active-menu {\n  display: block;\n}\n\n.icon {\n  width: 23px;\n  margin-right: 10px;\n  vertical-align: text-bottom;\n}\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!./SidebarSuperAdmin.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!./SidebarSuperAdmin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarSuperAdmin.vue?vue&type=template&id=d2f11a72&scoped=true&\"\nimport script from \"./SidebarSuperAdmin.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarSuperAdmin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarSuperAdmin.vue?vue&type=style&index=0&id=d2f11a72&scoped=true&lang=css&\"\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  \"d2f11a72\",\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:\"sidebar\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" VMS \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.status),expression:\"status\"}]},[_vm._v(\"Vault Management System\")])]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_c('router-link',{attrs:{\"to\":\"/\",\"exact\":\"\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon main-icon\",attrs:{\"src\":require(\"@/assets/icon_cms/clearing/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Clearing & Settlement\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Clearing & Settlement\")])])])]),_c('router-link',{attrs:{\"to\":\"/pos-withdrawal\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Withdrawal\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Withdrawal\")])])])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidebar\">\n    <div class=\"title\">\n      VMS\n      <div v-show=\"status\">Vault Management System</div>\n    </div>\n    <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n      <ul class=\"nav-menu\">\n        <router-link to=\"/\" exact>\n          <li class=\"list-menu\">\n            <div>\n              <img src=\"@/assets/icon_cms/clearing/1w.svg\" alt=\"\" class=\"icon main-icon\" />\n              <span>Clearing & Settlement</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Clearing & Settlement</li>\n            </ul>\n          </li>\n        </router-link>\n        <router-link to=\"/pos-withdrawal\">\n          <li class=\"list-menu\">\n            <div>\n              <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n              <span>Withdrawal</span>\n            </div>\n            <ul class=\"list-sub-menu\">\n              <li class=\"title-sub-menu\">Withdrawal</li>\n            </ul>\n          </li>\n        </router-link>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    miniSide: Boolean,\n  },\n  data() {\n    return {\n      status: false,\n      role: \"\",\n    };\n  },\n  mounted() {\n    // console.log(this.miniSide);\n    this.role = sessionStorage.getItem(\"role\");\n    this.$root.$on(\"toggleSide\", (data) => {\n      this.status = data;\n    });\n  },\n  methods: {\n    toggle(e) {\n      var elems = document.getElementsByClassName(\"list-sub-menu\");\n      if (elems[e].classList.value === \"list-sub-menu\") {\n        elems[e].classList.add(\"active-menu\");\n      } else {\n        elems[e].classList = \"list-sub-menu\";\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n  background: #23313e;\n  color: #fff;\n}\n.title {\n  height: 70px;\n  padding: 7px;\n  font-size: 30px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  text-align: center;\n  background: #0d1d2c;\n  box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n  color: #fff;\n}\n\n.menu {\n  margin-top: 50px;\n}\n\n.title div {\n  font-size: 11px;\n}\n\nul {\n  padding: 0 5px;\n  transition: 0.5s;\n}\n\n.menu.mini-menu .nav-menu {\n  overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n  justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n  display: none;\n}\n\n.list-menu {\n  border-radius: 5px;\n  font-size: 14px;\n  letter-spacing: 1px;\n  padding: 5px 0;\n  position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n  display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n  display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n  white-space: nowrap;\n  font-size: 14px;\n  opacity: 1;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu img {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n  position: absolute;\n  left: 100%;\n  top: -10px;\n  background: #0d1d2c;\n  padding: 0;\n  border-radius: 0 5px 5px 0;\n  opacity: 0;\n  pointer-events: none;\n  transition: all 0.5s ease;\n  display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n  top: 5px;\n  opacity: 1;\n  pointer-events: auto;\n  padding: 5px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n  display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n  display: block;\n  opacity: 1;\n}\n\n/* .mini-nav-menu .list-sub-menu,\n.mini-nav-menu .list-sub-menu li {\n  padding: 0;\n} */\n\n.list-menu div,\n.list-sub-menu li {\n  padding: 10px;\n  border-radius: 5px;\n  cursor: pointer;\n  position: relative;\n  text-decoration: none;\n}\n\n.list-menu div {\n  display: flex;\n  align-items: center;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n  background: #23313e;\n  color: #fff;\n}\n\nli {\n  color: #9ea5ab;\n}\n\n.list-sub-menu {\n  padding: 0 0 0 20px;\n}\n\n.list-sub-menu li {\n  text-decoration: none;\n}\n\n.active-menu {\n  display: block;\n}\n\n.icon {\n  width: 23px;\n  margin-right: 10px;\n  vertical-align: text-bottom;\n}\n\n.main-icon {\n  width: 27px;\n}\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!./SidebarPos.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!./SidebarPos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarPos.vue?vue&type=template&id=2da9d1a6&scoped=true&\"\nimport script from \"./SidebarPos.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarPos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarPos.vue?vue&type=style&index=0&id=2da9d1a6&scoped=true&lang=css&\"\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  \"2da9d1a6\",\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:\"sidebar\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" VMS \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.status),expression:\"status\"}]},[_vm._v(\"Vault Management System\")])]),_c('div',{staticClass:\"menu\",class:{ 'mini-menu': !_vm.status }},[_c('ul',{staticClass:\"nav-menu\"},[_vm._m(0),_c('router-link',{attrs:{\"to\":\"/history-transaction\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Deposit\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Deposit\")])])])]),_c('router-link',{attrs:{\"to\":\"/history-withdraw\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Withdrawal\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Withdrawal\")])])])]),_c('router-link',{attrs:{\"to\":\"/history-inventory\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon icon-vertical\",attrs:{\"src\":require(\"@/assets/icon_cms/inventory/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Inventory\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Inventory\")])])])]),_vm._m(1),_c('router-link',{attrs:{\"to\":\"/history-transaction-off\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/deposit/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Deposit\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Deposite\")])])])]),_c('router-link',{attrs:{\"to\":\"/history-withdraw-off\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"@/assets/icon_cms/withdrawal/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Withdrawal\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Withdrawal\")])])])]),_c('router-link',{attrs:{\"to\":\"/history-inventory-off\"}},[_c('li',{staticClass:\"list-menu\"},[_c('div',[_c('img',{staticClass:\"icon icon-vertical\",attrs:{\"src\":require(\"@/assets/icon_cms/inventory/1w.svg\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"Inventory\")])]),_c('ul',{staticClass:\"list-sub-menu\"},[_c('li',{staticClass:\"title-sub-menu\"},[_vm._v(\"Inventory\")])])])])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"title-list-menu\"},[_c('div',{staticClass:\"text-center\"},[_vm._v(\"On Exchange\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"title-list-menu\"},[_c('div',{staticClass:\"text-center\"},[_vm._v(\"Off Exchange\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"sidebar\">\n        <div class=\"title\">\n            VMS\n            <div v-show=\"status\">Vault Management System</div>\n        </div>\n        <div class=\"menu\" :class=\"{ 'mini-menu': !status }\">\n            <ul class=\"nav-menu\">\n                <li class=\"title-list-menu\">\n                    <div class=\"text-center\">On Exchange</div>\n                    <!-- <div v-else>Vault Management</div> -->\n                </li>\n                <router-link to=\"/history-transaction\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" />\n                            <span>Deposit</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Deposit</li>\n                        </ul>\n                    </li>\n                </router-link>\n                <router-link to=\"/history-withdraw\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n                            <span>Withdrawal</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Withdrawal</li>\n                        </ul>\n                    </li>\n                </router-link>\n                <router-link to=\"/history-inventory\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/inventory/1w.svg\" alt=\"\" class=\"icon icon-vertical\" />\n                            <span>Inventory</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Inventory</li>\n                        </ul>\n                    </li>\n                </router-link>\n                <li class=\"title-list-menu\">\n                    <div class=\"text-center\">Off Exchange</div>\n                    <!-- <div v-else>Vault Management</div> -->\n                </li>\n                <router-link to=\"/history-transaction-off\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/deposit/1w.svg\" alt=\"\" class=\"icon\" />\n                            <span>Deposit</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Deposite</li>\n                        </ul>\n                    </li>\n                </router-link>\n                <router-link to=\"/history-withdraw-off\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/withdrawal/1w.svg\" alt=\"\" class=\"icon\" />\n                            <span>Withdrawal</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Withdrawal</li>\n                        </ul>\n                    </li>\n                </router-link>\n                <router-link to=\"/history-inventory-off\">\n                    <li class=\"list-menu\">\n                        <div>\n                            <img src=\"@/assets/icon_cms/inventory/1w.svg\" alt=\"\" class=\"icon icon-vertical\" />\n                            <span>Inventory</span>\n                        </div>\n                        <ul class=\"list-sub-menu\">\n                            <li class=\"title-sub-menu\">Inventory</li>\n                        </ul>\n                    </li>\n                </router-link>\n            </ul>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        miniSide: Boolean,\n    },\n    data() {\n        return {\n            status: false,\n            role: \"\",\n        };\n    },\n    mounted() {\n        // console.log(this.miniSide);\n        this.role = sessionStorage.getItem(\"role\");\n        this.$root.$on(\"toggleSide\", (data) => {\n            this.status = data;\n        });\n    },\n    methods: {\n        toggle(e) {\n            var elems = document.getElementsByClassName(\"list-sub-menu\");\n            if (elems[e].classList.value === \"list-sub-menu\") {\n                elems[e].classList.add(\"active-menu\");\n            } else {\n                elems[e].classList = \"list-sub-menu\";\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\na .router-link-exact-active,\n.router-link-active li {\n    background: #23313e;\n    color: #fff;\n}\n.title {\n    height: 70px;\n    padding: 7px;\n    font-size: 30px;\n    font-weight: bold;\n    margin-bottom: 20px;\n    text-align: center;\n    background: #0d1d2c;\n    box-shadow: 0px 3px 5px rgb(0 0 0 / 12%);\n    color: #fff;\n}\n\n.menu {\n    margin-top: 50px;\n}\n\n.title div {\n    font-size: 11px;\n}\n\nul {\n    padding: 0 5px;\n    transition: 0.5s;\n}\n\n.menu.mini-menu .nav-menu {\n    overflow: visible;\n}\n\n.menu.mini-menu .list-menu div {\n    justify-content: center;\n}\n\n.menu.mini-menu .list-menu div span {\n    display: none;\n}\n\n.list-menu {\n    border-radius: 5px;\n    font-size: 14px;\n    letter-spacing: 1px;\n    padding: 5px 0;\n    position: relative;\n}\n\n.menu .list-menu .list-sub-menu {\n    display: none;\n}\n\n.menu .list-menu .list-sub-menu.active-menu {\n    display: block;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu li {\n    white-space: nowrap;\n    font-size: 14px;\n    opacity: 0.6;\n}\n.menu.mini-menu .list-menu .list-sub-menu li:hover {\n    white-space: nowrap;\n    font-size: 14px;\n    opacity: 1;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu img {\n    display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu {\n    position: absolute;\n    left: 100%;\n    top: -10px;\n    background: #0d1d2c;\n    padding: 0;\n    border-radius: 0 5px 5px 0;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.5s ease;\n    display: block;\n}\n\n.menu.mini-menu .list-menu:hover .list-sub-menu {\n    top: 5px;\n    opacity: 1;\n    pointer-events: auto;\n    padding: 5px 10px;\n}\n\n.menu .list-menu .list-sub-menu .title-sub-menu {\n    display: none;\n}\n\n.menu.mini-menu .list-menu .list-sub-menu .title-sub-menu {\n    display: block;\n    opacity: 1;\n}\n\n/* .mini-nav-menu .list-sub-menu,\n.mini-nav-menu .list-sub-menu li {\n  padding: 0;\n} */\n\n.list-menu div,\n.list-sub-menu li {\n    padding: 10px;\n    border-radius: 5px;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n\n.list-menu div {\n    display: flex;\n    align-items: center;\n}\n\n.list-menu div:hover,\n.list-sub-menu li:hover {\n    background: #23313e;\n    color: #fff;\n}\n\nli {\n    color: #9ea5ab;\n}\n\n.list-sub-menu {\n    padding: 0 0 0 20px;\n}\n\n.list-sub-menu li {\n    text-decoration: none;\n}\n\n.active-menu {\n    display: block;\n}\n\n.menu.mini-menu .icon {\n    margin: unset;\n}\n\n.icon {\n    width: 23px;\n    margin-right: 10px;\n    vertical-align: text-bottom;\n}\n\n.icon-vertical {\n    width: 19px;\n}\n\n.title-list-menu {\n    margin: 1rem 0.5rem 0.2rem;\n    color: #9ea5ab;\n    font-size: 12px;\n    font-weight: bold;\n}\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!./SidebarBappebti.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!./SidebarBappebti.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarBappebti.vue?vue&type=template&id=b3139700&scoped=true&\"\nimport script from \"./SidebarBappebti.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarBappebti.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarBappebti.vue?vue&type=style&index=0&id=b3139700&scoped=true&lang=css&\"\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  \"b3139700\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"wrap-layout\">\n        <div class=\"layout\">\n            <div class=\"wrap-sidebar\" :class=\"{ 'hide-side': status }\" :miniSide=\"status\">\n                <Sidebar v-show=\"role == 3 || role == 2 || role == 3\" />\n                <SidebarOperator v-show=\"role == 5 || role == 7\" />\n                <SidebarJfx v-show=\"role == 15\" />\n                <sidebar-pos v-show=\"role == 6\" />\n                <sidebar-super-admin v-show=\"role == 99\" />\n                <sidebar-bappebti v-show=\"role == 8 || role == 9\"></sidebar-bappebti>\n            </div>\n            <div class=\"wrap-main-content\" :class=\"{ 'mini-side': status }\">\n                <header class=\"header\">\n                    <Header @toggleSide=\"openToggle\" />\n                </header>\n                <main>\n                    <router-view></router-view>\n                </main>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Sidebar from \"../components/utilsLayout/Sidebar.vue\";\nimport SidebarOperator from \"../components/utilsLayout/SidebarOperator.vue\";\nimport SidebarJfx from \"../components/utilsLayout/SidebarJfx.vue\";\nimport Header from \"../components/utilsLayout/Header.vue\";\nimport SidebarSuperAdmin from \"../components/utilsLayout/SidebarSuperAdmin.vue\";\nimport SidebarPos from \"../components/utilsLayout/SidebarPos.vue\";\nimport SidebarBappebti from \"../components/utilsLayout/SidebarBappebti.vue\";\n\nexport default {\n    components: {\n        Sidebar,\n        Header,\n        SidebarOperator,\n        SidebarJfx,\n        SidebarSuperAdmin,\n        SidebarPos,\n        SidebarBappebti,\n    },\n    data() {\n        return {\n            status: false,\n            role: \"\",\n        };\n    },\n    mounted() {\n        this.role = sessionStorage.getItem(\"role\");\n    },\n    methods: {\n        openToggle(e) {\n            this.status = e;\n        },\n    },\n};\n</script>\n<style scoped>\n.wrap-layout {\n    min-height: 100vh;\n}\n.layout {\n    height: 100%;\n    display: flex;\n    position: relative;\n}\n\n.header {\n    height: 70px;\n    padding: 5px 40px;\n    background: #fff;\n    color: #2c3e50;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);\n    position: fixed;\n    width: calc(100% - 80px);\n    z-index: 9;\n    line-height: 57px;\n}\n\n.wrap-sidebar {\n    height: 100%;\n    width: 80px;\n    background: #0d1d2c;\n    color: #9ea5ab;\n    position: fixed;\n    transition: ease-out 0.5s;\n    z-index: 1;\n}\n\n.hide-side {\n    width: 240px;\n}\n\n.wrap-main-content {\n    margin-left: 80px;\n    transition: ease-out 0.5s;\n    width: calc(100% - 80px);\n}\n\n.mini-side {\n    margin-left: 240px;\n}\n\n.mini-side .header {\n    width: calc(100% - 240px);\n}\n\n/* width */\n::-webkit-scrollbar {\n    width: 5px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n    background: #0d1d2c;\n    display: none;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n    background: #fff;\n    border-radius: 50px;\n    display: none;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n    background: #555;\n    border-radius: 50px;\n}\n\nmain {\n    margin-top: 70px;\n}\n\n@media only screen and (max-width: 600px) {\n    .wrap-sidebar {\n        margin-left: -240px;\n    }\n    .wrap-main-content {\n        margin-left: 0;\n    }\n    .hide-side {\n        margin-left: 0;\n        width: 240px;\n        z-index: 1;\n    }\n}\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!./AdminLayout.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!./AdminLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdminLayout.vue?vue&type=template&id=30f3e411&scoped=true&\"\nimport script from \"./AdminLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./AdminLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdminLayout.vue?vue&type=style&index=0&id=30f3e411&scoped=true&lang=css&\"\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  \"30f3e411\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sidebar.vue?vue&type=style&index=0&id=46006dc2&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=style&index=0&id=da5ab762&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SidebarOperator.vue?vue&type=style&index=0&id=30a972e8&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/1w.8aa4c8d3.svg\";","module.exports = __webpack_public_path__ + \"img/1w.7bb16dcb.svg\";","module.exports = __webpack_public_path__ + \"img/1w.8d9d170b.svg\";","module.exports = __webpack_public_path__ + \"img/1w.837d6086.svg\";","module.exports = __webpack_public_path__ + \"img/4c.7f2fadf1.svg\";","module.exports = __webpack_public_path__ + \"img/1w.6841d767.svg\";","module.exports = __webpack_public_path__ + \"img/kbi-bw.8bc95676.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DropdownContent.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/8b.abb710ac.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdminLayout.vue?vue&type=style&index=0&id=30f3e411&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SidebarPos.vue?vue&type=style&index=0&id=2da9d1a6&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/3c.ba4af34e.svg\";","module.exports = __webpack_public_path__ + \"img/kbi-bw-logo.7f5ebf1d.png\";","module.exports = __webpack_public_path__ + \"img/1w.776ff20e.svg\";","module.exports = __webpack_public_path__ + \"img/Kinesis-Putih-mini.86bbf8cb.png\";","module.exports = __webpack_public_path__ + \"img/kinesis-logo-white.1a686d3e.svg\";","module.exports = __webpack_public_path__ + \"img/1w.d722ae20.svg\";","'use strict';\r\n\r\nvar Vue = require('vue');\r\nVue = 'default' in Vue ? Vue['default'] : Vue;\r\n\r\nvar version = '2.2.2';\r\n\r\nvar compatible = (/^2\\./).test(Vue.version);\r\nif (!compatible) {\r\n  Vue.util.warn('VueClickaway ' + version + ' only supports Vue 2.x, and does not support Vue ' + Vue.version);\r\n}\r\n\r\n\r\n\r\n// @SECTION: implementation\r\n\r\nvar HANDLER = '_vue_clickaway_handler';\r\n\r\nfunction bind(el, binding, vnode) {\r\n  unbind(el);\r\n\r\n  var vm = vnode.context;\r\n\r\n  var callback = binding.value;\r\n  if (typeof callback !== 'function') {\r\n    if (process.env.NODE_ENV !== 'production') {\r\n      Vue.util.warn(\r\n        'v-' + binding.name + '=\"' +\r\n        binding.expression + '\" expects a function value, ' +\r\n        'got ' + callback\r\n      );\r\n    }\r\n    return;\r\n  }\r\n\r\n  // @NOTE: Vue binds directives in microtasks, while UI events are dispatched\r\n  //        in macrotasks. This causes the listener to be set up before\r\n  //        the \"origin\" click event (the event that lead to the binding of\r\n  //        the directive) arrives at the document root. To work around that,\r\n  //        we ignore events until the end of the \"initial\" macrotask.\r\n  // @REFERENCE: https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/\r\n  // @REFERENCE: https://github.com/simplesmiler/vue-clickaway/issues/8\r\n  var initialMacrotaskEnded = false;\r\n  setTimeout(function() {\r\n    initialMacrotaskEnded = true;\r\n  }, 0);\r\n\r\n  el[HANDLER] = function(ev) {\r\n    // @NOTE: this test used to be just `el.containts`, but working with path is better,\r\n    //        because it tests whether the element was there at the time of\r\n    //        the click, not whether it is there now, that the event has arrived\r\n    //        to the top.\r\n    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`\r\n    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);\r\n    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {\r\n      return callback.call(vm, ev);\r\n    }\r\n  };\r\n\r\n  document.documentElement.addEventListener('click', el[HANDLER], false);\r\n}\r\n\r\nfunction unbind(el) {\r\n  document.documentElement.removeEventListener('click', el[HANDLER], false);\r\n  delete el[HANDLER];\r\n}\r\n\r\nvar directive = {\r\n  bind: bind,\r\n  update: function(el, binding) {\r\n    if (binding.value === binding.oldValue) return;\r\n    bind(el, binding);\r\n  },\r\n  unbind: unbind,\r\n};\r\n\r\nvar mixin = {\r\n  directives: { onClickaway: directive },\r\n};\r\n\r\nexports.version = version;\r\nexports.directive = directive;\r\nexports.mixin = mixin;","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SidebarJfx.vue?vue&type=style&index=0&id=2c9a8205&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"dropdown-content\"}},[(_vm.active)?_c('div',{staticClass:\"origin-top-right absolute right-0 mt-2 w-48 bg-white rounded-lg border py-2 content-dropdown\"},[_vm._t(\"default\")],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"dropdown-content\">\n    <div v-if=\"active\" class=\"origin-top-right absolute right-0 mt-2 w-48 bg-white rounded-lg border py-2 content-dropdown\">\n      <slot />\n    </div>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: \"DropdownContent\",\n  inject: [\"sharedState\"],\n  computed: {\n    active() {\n      return this.sharedState.active;\n    },\n  },\n};\n</script>\n\n<style>\n.dropdown-content-enter-active,\n.dropdown-content-leave-active {\n  transition: all 0.2s;\n  z-index: 9;\n}\n.dropdown-content-enter,\n.dropdown-content-leave-to {\n  opacity: 0;\n  transform: translateY(-5px);\n}\n\n.content-dropdown {\n  position: absolute;\n  min-width: 165px;\n  right: 39px;\n  font-size: 15px;\n}\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!./DropdownContent.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!./DropdownContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DropdownContent.vue?vue&type=template&id=3693f290&\"\nimport script from \"./DropdownContent.vue?vue&type=script&lang=js&\"\nexport * from \"./DropdownContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropdownContent.vue?vue&type=style&index=0&lang=css&\"\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","module.exports = __webpack_public_path__ + \"img/3c.cf9ac90d.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SidebarBappebti.vue?vue&type=style&index=0&id=b3139700&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SidebarSuperAdmin.vue?vue&type=style&index=0&id=d2f11a72&scoped=true&lang=css&\""],"sourceRoot":""}