{"version":3,"sources":["webpack:///./src/module/_shared/components/toggle-button.vue?303f","webpack:///src/module/_shared/components/toggle-button.vue","webpack:///./src/module/_shared/components/toggle-button.vue?e68e","webpack:///./src/module/_shared/components/toggle-button.vue","webpack:///./src/module/_shared/components/toggle-button.vue?e736"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isActive","style","customHeight","customWidth","attrs","isAllActive","on","toggle","doActive","_v","_s","activeText","doInActive","inactiveText","background","color","staticRenderFns","props","value","type","Boolean","Number","String","default","activeValue","inactiveValue","isToggle","computed","methods","$emit","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgBC,MAAOP,EAAIQ,SAA+B,GAApB,oBAAuBC,MAAQ,UAAYT,EAAIU,aAAe,YAAcV,EAAIW,YAAcC,MAAM,CAAC,iBAAiBZ,EAAIQ,SAAS,gBAAgBR,EAAIa,aAAaC,GAAG,CAAC,MAAQd,EAAIe,SAAS,CAACX,EAAG,MAAM,CAACE,YAAY,sBAAsBM,MAAM,CAAC,iBAAiBZ,EAAIQ,UAAUM,GAAG,CAAC,MAAQd,EAAIgB,WAAW,CAACZ,EAAG,OAAO,CAACJ,EAAIiB,GAAGjB,EAAIkB,GAAGlB,EAAImB,YAAY,SAASf,EAAG,MAAM,CAACE,YAAY,sBAAsBM,MAAM,CAAC,kBAAkBZ,EAAIQ,UAAUM,GAAG,CAAC,MAAQd,EAAIoB,aAAa,CAAChB,EAAG,OAAO,CAACE,YAAY,iBAAiB,CAACN,EAAIiB,GAAGjB,EAAIkB,GAAGlB,EAAIqB,mBAAmBjB,EAAG,MAAM,CAACE,YAAY,yBAAyBG,MAAM,CAAEa,WAAWtB,EAAIuB,YAC3vBC,EAAkB,GCSP,GACbC,MAAO,CACLC,MAAO,CACLC,KAAM,CAACC,QAASC,OAAQC,QACxBC,SAAS,GAEXC,YAAa,CACXL,KAAM,CAACC,QAASC,OAAQC,QACxBC,SAAS,GAEXZ,WAAY,CACVQ,KAAMG,OACNC,QAAS,eAEXE,cAAe,CACbN,KAAM,CAACC,QAASC,OAAQC,QACxBC,SAAS,GAEXV,aAAc,CACZM,KAAMG,OACNC,QAAS,eAEXG,SAAU,CACRP,KAAMC,QACNG,SAAS,GAEblB,YAAa,CACTc,KAAMC,QACNG,SAAS,GAEXR,MAAO,CACLI,KAAMG,OACNC,QAAS,sBAEXrB,aAAc,CACZiB,KAAMG,OACNC,QAAS,OAEXpB,YAAa,CACXgB,KAAMG,OACNC,QAAS,SAGb,OACE,MAAO,IAETI,SAAU,CACR,WACE,OAAOlC,KAAKyB,QAAUzB,KAAK+B,cAG/BI,QAAS,CACP,SACOnC,KAAKiC,WAINjC,KAAKO,SACPP,KAAKoC,MAAM,eAAgBpC,KAAKgC,eAEhChC,KAAKoC,MAAM,eAAgBpC,KAAK+B,eAGpC,WACM/B,KAAKiC,UAGTjC,KAAKoC,MAAM,eAAgBpC,KAAK+B,cAElC,aACM/B,KAAKiC,UAGTjC,KAAKoC,MAAM,eAAgBpC,KAAKgC,kBCnF4K,I,wBCQ9MK,EAAY,eACd,EACAvC,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,kECnBf","file":"js/chunk-234ad222.b0afb559.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toggle-button\",class:!_vm.isActive ? 'change-background':'',style:((\"height:\" + _vm.customHeight + \"; width: \" + _vm.customWidth)),attrs:{\"data-is-active\":_vm.isActive,\"is-all-active\":_vm.isAllActive},on:{\"click\":_vm.toggle}},[_c('div',{staticClass:\"toggle-button__item\",attrs:{\"data-is-active\":_vm.isActive},on:{\"click\":_vm.doActive}},[_c('span',[_vm._v(_vm._s(_vm.activeText)+\" \")])]),_c('div',{staticClass:\"toggle-button__item\",attrs:{\"data-is-active\":!_vm.isActive},on:{\"click\":_vm.doInActive}},[_c('span',{staticClass:\"inactive-text\"},[_vm._v(_vm._s(_vm.inactiveText))])]),_c('div',{staticClass:\"toggle-button__overlay\",style:({background:_vm.color})})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.toggle-button( :data-is-active=\"isActive\" @click=\"toggle\" :is-all-active=\"isAllActive\" :style=\"`height:${customHeight}; width: ${customWidth}`\" :class=\"!isActive ? 'change-background':''\")\n  .toggle-button__item( :data-is-active=\"isActive\" @click=\"doActive\")\n    span {{activeText}} \n  .toggle-button__item( :data-is-active=\"!isActive\" @click=\"doInActive\")\n    span.inactive-text {{inactiveText}}\n  .toggle-button__overlay(:style=\"{background:color}\")\n</template>\n\n<script>\nexport default {\n  props: {\n    value: {\n      type: [Boolean, Number, String],\n      default: true\n    },\n    activeValue: {\n      type: [Boolean, Number, String],\n      default: true\n    },\n    activeText: {\n      type: String,\n      default: \"Detail View\"\n    },\n    inactiveValue: {\n      type: [Boolean, Number, String],\n      default: false\n    },\n    inactiveText: {\n      type: String,\n      default: \"Report View\"\n    },\n    isToggle: {\n      type: Boolean,\n      default: true\n    },\n\t\tisAllActive: {\n      type: Boolean,\n      default: false\n    },\n    color: {\n      type: String,\n      default: \"var(--styleGuide4)\"\n    },\n    customHeight: {\n      type: String,\n      default: \"65%\"\n    },\n    customWidth: {\n      type: String,\n      default: \"auto\"\n    }\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    isActive() {\n      return this.value === this.activeValue;\n    }\n  },\n  methods: {\n    toggle() {\n      if (!this.isToggle) {\n        return;\n      }\n        \n      if (this.isActive) {\n        this.$emit(\"update:value\", this.inactiveValue);\n      } else {\n        this.$emit(\"update:value\", this.activeValue);\n      }\n    },\n    doActive() {\n      if (this.isToggle) {\n        return;\n      }\n      this.$emit(\"update:value\", this.activeValue);\n    },\n    doInActive() {\n      if (this.isToggle) {\n        return;\n      }\n      this.$emit(\"update:value\", this.inactiveValue);\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n\t.toggle-button {\n  position: relative;\n  margin-top:4px;\n  \n  cursor: pointer;\n\tbackground: var(--appBackground);\n    border-radius: 20px;\n  // height: 65%;\n  display: flex;\n  align-items: center;\n  box-shadow: inset 0rem 0rem 0.1rem var(--styleGuide5), \n    inset 0.1rem 0.1rem 0.1rem lightgray, \n    0.2rem 0.3rem 0.8rem transparent, \n    0.1rem 0.1rem 1rem transparent;\n\n  &__item {\n    float: left;\n    width: 50%;\n    text-align: center;\n    /* font-size: 13px; */\n    padding: 12px;\n    background: transparent;\n    border-radius: 20px;\n    -webkit-transition: 0.3s;\n    transition: 0.3s;\n\t\tcolor: var(--styleGuide1);\n\t\t\n\n    span {\n      position: relative;\n      z-index: 2;\n      font-size: 14px;\n    }\n\n    &[data-is-active='true'] {\n      color: var(--white);\n    }\n  }\n\n  &__overlay {\n    position: absolute;\n    width: 50%;\n    height: 91%;\n    right: 0;\n    top: 2%;\n    padding: 5px;\n    border-radius: 20px;\n    transition: 0.3s;\n    box-shadow: 0.1rem 0.1rem 0.2rem var(--styleGuide6);\n  }\n\n  &::after {\n    display: table;\n    content: '';\n    clear: both;\n  }\n\n  &[data-is-active='true'] {\n    .toggle-button__overlay {\n      right: 50%;\n    }\n  }\n\t&[is-all-active='true'] {\n    .toggle-button__overlay {\n      position:absolute;\n      width: 100%;\n      left: 0;\n    }\n\t\t.toggle-button__item{\n\t\t\tcolor: var(--white);\n\t\t}\n  }\n}\n.change-background{\n  background: var(--styleGuide4) !important;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toggle-button.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toggle-button.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./toggle-button.vue?vue&type=template&id=a8ed0ac2&scoped=true&lang=pug&\"\nimport script from \"./toggle-button.vue?vue&type=script&lang=js&\"\nexport * from \"./toggle-button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./toggle-button.vue?vue&type=style&index=0&id=a8ed0ac2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a8ed0ac2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./toggle-button.vue?vue&type=style&index=0&id=a8ed0ac2&lang=scss&scoped=true&\""],"sourceRoot":""}