{"version":3,"sources":["webpack:///./src/components/basics/buttons/BaseFilledButton.vue?f1b7","webpack:///./src/components/BaseCheckbox.vue?cd97","webpack:///./src/components/FilterSelect.vue?f70e","webpack:///./src/components/FilterSelect.vue","webpack:///src/components/FilterSelect.vue","webpack:///./src/components/FilterSelect.vue?08ad","webpack:///./src/components/FilterSelect.vue?3137","webpack:///./src/components/basics/buttons/BaseFilledButton.vue","webpack:///src/components/basics/buttons/BaseFilledButton.vue","webpack:///./src/components/basics/buttons/BaseFilledButton.vue?6eea","webpack:///./src/components/basics/buttons/BaseFilledButton.vue?aaaa","webpack:///./src/components/BaseCheckbox.vue","webpack:///src/components/BaseCheckbox.vue","webpack:///./src/components/BaseCheckbox.vue?833c","webpack:///./src/components/BaseCheckbox.vue?2400"],"names":["render","_vm","this","_c","_self","label","staticClass","_v","_s","_e","tooltipText","directives","name","rawName","modifiers","class","tooltipIcon","attrs","isMultiple","groupWhenAllSelected","allowSelectAll","areAllOptionsSelected","on","deselectAllOptions","$t","id","clearable","disabled","fieldtext","options","placeholder","model","onSelectionChanged","scopedSlots","_u","key","fn","option","undefined","translate","configured","icon","length","selectAllOptions","error","errorMsg","staticRenderFns","components","vSelect","Error","props","type","default","meta","description","example","required","value","fieldvalue","returnObject","watch","immediate","handler","newVal","data","computed","mounted","methods","translateOptions","result","component","ref","buttonRef","style","cssVar","handleClick","iconClass","text","onClick","bgColor","borderColor","textColor","darkerBgColor","replace","Math","substr","activeBgColor","disabledBgColor","selectedValue","expression","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","updateValue"],"mappings":"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","file":"js/chunk-4b60a26e.3b51f752.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseFilledButton.vue?vue&type=style&index=0&id=656b5fbc&prod&scoped=true&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseCheckbox.vue?vue&type=style&index=0&id=47f52c7a&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelect.vue?vue&type=style&index=0&id=92a127e4&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-form-group',[(_vm.label)?_c('label',{staticClass:\"col-form-label mr-1 pt-0\"},[_vm._v(_vm._s(`${_vm.label}:`))]):_vm._e(),(_vm.tooltipText)?_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:_vm.tooltipIcon,attrs:{\"title\":_vm.tooltipText}}):_vm._e(),(\n      _vm.isMultiple &&\n      _vm.groupWhenAllSelected &&\n      _vm.allowSelectAll &&\n      _vm.areAllOptionsSelected\n    )?_c('div',{staticClass:\"c-filterSelectAll\"},[_c('div',{staticClass:\"c-selectAllFacade\",on:{\"click\":_vm.deselectAllOptions}},[_c('span',[_vm._v(_vm._s(_vm.$t('all')))]),_c('i',{staticClass:\"fas fa-times\"})]),_c('br')]):_vm._e(),(\n      !_vm.allowSelectAll ||\n      !_vm.groupWhenAllSelected ||\n      !_vm.isMultiple ||\n      (_vm.isMultiple && !_vm.areAllOptionsSelected)\n    )?_c('v-select',{staticClass:\"c-filterSelect\",attrs:{\"id\":_vm.id,\"clearable\":_vm.clearable,\"direction\":\"top\",\"disabled\":_vm.disabled,\"label\":_vm.fieldtext,\"multiple\":_vm.isMultiple,\"name\":_vm.name,\"options\":_vm.options,\"placeholder\":_vm.placeholder != null ? `-- ${_vm.$t(_vm.placeholder)} --` : '',\"value\":_vm.model},on:{\"input\":_vm.onSelectionChanged},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_vm._v(\" \"+_vm._s(_vm.translate === undefined ? option[_vm.fieldtext] : _vm.$t(option[_vm.fieldtext]))+\" \"),(option.configured)?_c('i',{staticClass:\"selected-icon\",class:option.icon || _vm.icon}):_vm._e()]}},{key:\"selected-option\",fn:function(option){return [_vm._v(\" \"+_vm._s(_vm.translate === undefined ? option[_vm.fieldtext] : _vm.$t(option[_vm.fieldtext]))+\" \"),(option.configured)?_c('i',{staticClass:\"selected-icon\",class:option.icon || _vm.icon}):_vm._e()]}}],null,false,2722697421)}):_vm._e(),(\n      _vm.isMultiple &&\n      _vm.allowSelectAll &&\n      !this.areAllOptionsSelected &&\n      _vm.options.length\n    )?_c('button',{staticClass:\"c-selectAllButton\",on:{\"click\":_vm.selectAllOptions}},[_vm._v(\" \"+_vm._s(_vm.$t('selectall'))+\" \")]):_vm._e(),(_vm.error)?_c('error',{staticClass:\"mt-n1\",attrs:{\"message\":_vm.errorMsg,\"variant\":\"no-border no-background\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-form-group>\r\n    <label v-if=\"label\" class=\"col-form-label mr-1 pt-0\">{{\r\n      `${label}:`\r\n    }}</label>\r\n    <i\r\n      v-if=\"tooltipText\"\r\n      v-b-tooltip.hover\r\n      :class=\"tooltipIcon\"\r\n      :title=\"tooltipText\"\r\n    />\r\n    <div\r\n      v-if=\"\r\n        isMultiple &&\r\n        groupWhenAllSelected &&\r\n        allowSelectAll &&\r\n        areAllOptionsSelected\r\n      \"\r\n      class=\"c-filterSelectAll\"\r\n    >\r\n      <div class=\"c-selectAllFacade\" @click=\"deselectAllOptions\">\r\n        <span>{{ $t('all') }}</span>\r\n        <i class=\"fas fa-times\" />\r\n      </div>\r\n      <br />\r\n    </div>\r\n    <v-select\r\n      v-if=\"\r\n        !allowSelectAll ||\r\n        !groupWhenAllSelected ||\r\n        !isMultiple ||\r\n        (isMultiple && !areAllOptionsSelected)\r\n      \"\r\n      :id=\"id\"\r\n      class=\"c-filterSelect\"\r\n      :clearable=\"clearable\"\r\n      direction=\"top\"\r\n      :disabled=\"disabled\"\r\n      :label=\"fieldtext\"\r\n      :multiple=\"isMultiple\"\r\n      :name=\"name\"\r\n      :options=\"options\"\r\n      :placeholder=\"placeholder != null ? `-- ${$t(placeholder)} --` : ''\"\r\n      :value=\"model\"\r\n      @input=\"onSelectionChanged\"\r\n    >\r\n      <template v-slot:option=\"option\">\r\n        {{\r\n          translate === undefined ? option[fieldtext] : $t(option[fieldtext])\r\n        }}\r\n        <i\r\n          v-if=\"option.configured\"\r\n          class=\"selected-icon\"\r\n          :class=\"option.icon || icon\"\r\n        />\r\n      </template>\r\n      <template #selected-option=\"option\">\r\n        {{\r\n          translate === undefined ? option[fieldtext] : $t(option[fieldtext])\r\n        }}\r\n        <i\r\n          v-if=\"option.configured\"\r\n          class=\"selected-icon\"\r\n          :class=\"option.icon || icon\"\r\n        />\r\n      </template>\r\n    </v-select>\r\n    <button\r\n      v-if=\"\r\n        isMultiple &&\r\n        allowSelectAll &&\r\n        !this.areAllOptionsSelected &&\r\n        options.length\r\n      \"\r\n      class=\"c-selectAllButton\"\r\n      @click=\"selectAllOptions\"\r\n    >\r\n      {{ $t('selectall') }}\r\n    </button>\r\n    <error\r\n      v-if=\"error\"\r\n      class=\"mt-n1\"\r\n      :message=\"errorMsg\"\r\n      variant=\"no-border no-background\"\r\n    />\r\n  </b-form-group>\r\n</template>\r\n\r\n<script>\r\nimport vSelect from 'vue-select';\r\nimport Error from '@/components/basics/error/CustomError.vue';\r\n\r\nexport default {\r\n  components: {\r\n    vSelect,\r\n    Error,\r\n  },\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: () => '',\r\n      meta: {\r\n        description: 'Id of the tag',\r\n        example: 'ddlOffice',\r\n      },\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: () => '',\r\n      meta: {\r\n        description: 'Name of the tag',\r\n        example: 'ddlOffice',\r\n      },\r\n    },\r\n    label: {\r\n      type: String,\r\n      default: 'notavailable', // Taken from the locale dictionary\r\n      required: true,\r\n      meta: {\r\n        description: 'Label text',\r\n        example: 'Office',\r\n      },\r\n    },\r\n    placeholder: {\r\n      type: String,\r\n      default: 'select', // Taken from the locale dictionary\r\n      meta: {\r\n        description: 'Texto de referencia para el CustomDropDown',\r\n        example: 'Select',\r\n      },\r\n    },\r\n    required: {\r\n      type: String,\r\n      default: function () {\r\n        return '';\r\n      },\r\n      meta: {\r\n        description: 'Required flag',\r\n      },\r\n    },\r\n    error: {\r\n      type: String,\r\n      default: '',\r\n      meta: {\r\n        description: 'Error state',\r\n      },\r\n    },\r\n    errorMsg: {\r\n      type: String,\r\n      default: () => '',\r\n      meta: {\r\n        description: 'Error Message',\r\n        example: 'This field is required',\r\n      },\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      required: false,\r\n      meta: {\r\n        description: 'Disabled flag',\r\n      },\r\n    },\r\n    options: {\r\n      type: Array,\r\n      default: () => [],\r\n      meta: {\r\n        description: 'Elements who can be chosen',\r\n        example: '[4, 8, 15, 16, 23, 42]',\r\n      },\r\n    },\r\n    value: {\r\n      type: [Object, String, Number, Boolean, Array],\r\n      required: false,\r\n      default: () => null,\r\n    },\r\n    fieldvalue: {\r\n      type: String,\r\n      default: 'value',\r\n      meta: {\r\n        description: 'Field that contains the value that will be chosen',\r\n        example: 'id',\r\n      },\r\n    },\r\n    fieldtext: {\r\n      type: String,\r\n      default: 'text',\r\n      meta: {\r\n        description: 'Field that contains the text to display',\r\n        example: 'name',\r\n      },\r\n    },\r\n    clearable: {\r\n      type: Boolean,\r\n      default: () => true,\r\n      meta: {\r\n        description: 'Makes the clear button visible',\r\n        example: 'true',\r\n      },\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: () => false,\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: () => '',\r\n    },\r\n    tooltipIcon: {\r\n      type: String,\r\n      default: () => 'fal fa-exclamation-circle',\r\n    },\r\n    translate: {\r\n      type: String,\r\n      default: () => undefined,\r\n    },\r\n    tooltipText: {\r\n      type: String,\r\n      default: () => '',\r\n    },\r\n    allowSelectAll: {\r\n      type: Boolean,\r\n      default: () => true,\r\n    },\r\n    groupWhenAllSelected: {\r\n      type: Boolean,\r\n      default: () => true,\r\n    },\r\n    isMultiple: {\r\n      type: Boolean,\r\n      default: () => false,\r\n      meta: {\r\n        description:\r\n          'If the field is gonna be able to select multiple options or not',\r\n        example: 'true',\r\n      },\r\n    },\r\n  },\r\n  watch: {\r\n    value: {\r\n      immediate: true,\r\n      handler(newVal) {\r\n        let value = newVal;\r\n\r\n        if (!this.returnObject) {\r\n          if (this.isMultiple)\r\n            value = this.options.filter((x) =>\r\n              newVal.includes(x[this.fieldvalue]),\r\n            );\r\n          else value = this.options.find((x) => x[this.fieldvalue] == newVal);\r\n        }\r\n        this.model = value;\r\n      },\r\n    },\r\n    options: function (values) {\r\n      this.translateOptions();\r\n      if (!this.returnObject && this.value) {\r\n        if (this.isMultiple) {\r\n          this.model = values.filter((x) =>\r\n            this.value.includes(x[this.fieldvalue]),\r\n          );\r\n        } else\r\n          this.model = values.find((x) => x[this.fieldvalue] == this.value);\r\n      }\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      model: this.value,\r\n    };\r\n  },\r\n  computed: {\r\n    areAllOptionsSelected() {\r\n      return this.options?.length && this.value?.length === this.options?.length;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.translateOptions();\r\n  },\r\n  methods: {\r\n    translateOptions() {\r\n      if (this.translate !== undefined)\r\n        this.options.forEach(\r\n          (option) =>\r\n            (option[this.fieldtext] = this.$t(option[this.fieldtext])),\r\n        );\r\n    },\r\n    onSelectionChanged(value) {\r\n      this.$emit('on-selection-changed', value);\r\n      this.$emit('change', value);\r\n      let result = value;\r\n      if (!this.returnObject && value)\r\n        result = this.isMultiple\r\n          ? value.map((x) => x[this.fieldvalue])\r\n          : value[this.fieldvalue];\r\n\r\n      this.$emit('input', result);\r\n    },\r\n    selectAllOptions() {\r\n      this.onSelectionChanged(this.options);\r\n    },\r\n    deselectAllOptions() {\r\n      this.onSelectionChanged([]);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../node_modules/vue-select/dist/vue-select.css';\r\n::v-deep .vs__dropdown-toggle {\r\n  height: 39px;\r\n}\r\n.c-filterSelect {\r\n  background-color: $color-white;\r\n  border-radius: 4px;\r\n  border: 1px solid $color-label-default;\r\n  align-items: center;\r\n  position: relative;\r\n\r\n  ::v-deep .vs__dropdown-option.vs__dropdown-option--selected {\r\n    display: none;\r\n  }\r\n\r\n  ::v-deep .vs__clear {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  ::v-deep .vs__dropdown-toggle {\r\n    border: none;\r\n    min-height: 39px;\r\n    height: auto;\r\n  }\r\n\r\n  ::v-deep .vs__dropdown-option {\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    border-top: solid $color-label-default 1px;\r\n    white-space: normal;\r\n  }\r\n\r\n  ::v-deep .v-select {\r\n    flex: 100% 1 1;\r\n  }\r\n\r\n  ::v-deep .vs__selected {\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    position: relative;\r\n    z-index: 2;\r\n    flex-direction: row-reverse;\r\n    button {\r\n      margin-right: 5px;\r\n      float: right;\r\n    }\r\n  }\r\n\r\n  ::v-deep .vs__search {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0 !important;\r\n    top: 0;\r\n  }\r\n\r\n  &.clock {\r\n    ::v-deep .vs__selected-options {\r\n      padding-left: 40px;\r\n    }\r\n\r\n    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      position: absolute;\r\n      left: 10px;\r\n      top: 0;\r\n      bottom: 0;\r\n      margin: auto;\r\n      /*ICONS IDENTIFIER*/\r\n      &:after {\r\n        content: '\\f017';\r\n        font-family: 'Font Awesome 5 Pro', sans-serif;\r\n        font-size: 14px;\r\n        color: $color-primary;\r\n        margin-right: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.c-filterSelectAll {\r\n  background-color: $color-white;\r\n  border-radius: 4px;\r\n  border: 1px solid $color-label-default;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  min-height: 39px;\r\n\r\n  .c-selectAllFacade {\r\n    background-color: $color-white;\r\n    border: 1px solid rgba(60, 60, 60, 0.26);\r\n    border-radius: 4px;\r\n    padding: 0 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    margin: 5px;\r\n\r\n    i {\r\n      color: rgba(60, 60, 60, 0.5);\r\n      margin-left: 5px;\r\n    }\r\n  }\r\n}\r\n\r\n.c-selectAllButton {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  background-color: transparent;\r\n  border: none;\r\n  margin-top: 10px;\r\n  text-decoration: underline;\r\n}\r\n.selected-icon {\r\n  margin: 0 5px;\r\n  color: $color-font-success;\r\n  font-size: 20px;\r\n}\r\n</style>\r\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!./FilterSelect.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!./FilterSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterSelect.vue?vue&type=template&id=92a127e4&scoped=true&\"\nimport script from \"./FilterSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterSelect.vue?vue&type=style&index=0&id=92a127e4&prod&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  \"92a127e4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{ref:_vm.buttonRef,staticClass:\"c-filledButton\",style:(_vm.cssVar),attrs:{\"disabled\":_vm.disabled},on:{\"click\":_vm.handleClick}},[(_vm.iconClass.length > 0)?_c('i',{class:`icon ${_vm.iconClass}`}):_vm._e(),(_vm.text)?_c('span',{style:(_vm.iconClass.length > 0 ? 'margin: 0 0 0 5px;' : '')},[_vm._v(_vm._s(_vm.text))]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <button\r\n    class=\"c-filledButton\"\r\n    :disabled=\"disabled\"\r\n    :style=\"cssVar\"\r\n    :ref=\"buttonRef\"\r\n    @click=\"handleClick\"\r\n  >\r\n    <i v-if=\"iconClass.length > 0\" :class=\"`icon ${iconClass}`\" />\r\n    <span\r\n      v-if=\"text\"\r\n      :style=\"iconClass.length > 0 ? 'margin: 0 0 0 5px;' : ''\"\r\n      >{{ text }}</span\r\n    >\r\n  </button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FilledButton',\r\n  props: {\r\n    text: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    onClick: {\r\n      type: Function,\r\n      default: () => {},\r\n    },\r\n    bgColor: {\r\n      type: String,\r\n      default: '#FF8105',\r\n    },\r\n    borderColor: {\r\n      type: String,\r\n      default: 'none',\r\n    },\r\n    textColor: {\r\n      type: String,\r\n      default: '#FFFFFF',\r\n    },\r\n    iconClass: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  computed: {\r\n    buttonRef() {\r\n      return `filled-button-${this._uid}`;\r\n    },\r\n    cssVar() {\r\n      return {\r\n        '--bg-color': this.bgColor,\r\n        '--text-color': this.textColor,\r\n        '--border-color': this.borderColor,\r\n        '--darker-bg-color': this.darkerBgColor,\r\n        '--active-bg-color': this.activeBgColor,\r\n        '--disabled-bg-color': this.disabledBgColor,\r\n      };\r\n    },\r\n    darkerBgColor() {\r\n      const amountToDark = -20;\r\n      return (\r\n        '#' +\r\n        this.bgColor\r\n          .replace(/^#/, '')\r\n          .replace(/../g, (color) =>\r\n            (\r\n              '0' +\r\n              Math.min(\r\n                255,\r\n                Math.max(0, parseInt(color, 16) + amountToDark),\r\n              ).toString(16)\r\n            ).substr(-2),\r\n          )\r\n      );\r\n    },\r\n    activeBgColor() {\r\n      const amountToDark = -50;\r\n      return (\r\n        '#' +\r\n        this.bgColor\r\n          .replace(/^#/, '')\r\n          .replace(/../g, (color) =>\r\n            (\r\n              '0' +\r\n              Math.min(\r\n                255,\r\n                Math.max(0, parseInt(color, 16) + amountToDark),\r\n              ).toString(16)\r\n            ).substr(-2),\r\n          )\r\n      );\r\n    },\r\n    disabledBgColor() {\r\n      const amountToDark = -80;\r\n      return (\r\n        '#' +\r\n        this.bgColor\r\n          .replace(/^#/, '')\r\n          .replace(/../g, (color) =>\r\n            (\r\n              '0' +\r\n              Math.min(\r\n                255,\r\n                Math.max(0, parseInt(color, 16) + amountToDark),\r\n              ).toString(16)\r\n            ).substr(-2),\r\n          )\r\n      );\r\n    },\r\n  },\r\n  methods: {\r\n    handleClick() {\r\n      this.onClick();\r\n      this.$refs[this.buttonRef].blur();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.c-filledButton {\r\n  font-family: 'lato_medium', sans-serif;\r\n  font-size: 14px;\r\n  color: var(--text-color);\r\n  transition: background-color 0.3s;\r\n  background-color: var(--bg-color);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 15px 20px;\r\n  min-width: 100px;\r\n  margin: 0 10px;\r\n  height: 38px;\r\n  border-radius: 5px;\r\n  border: 2px solid var(--border-color);\r\n  appearance: none;\r\n  &:hover {\r\n    background-color: var(--darker-bg-color);\r\n  }\r\n  &:active {\r\n    background-color: var(--active-bg-color);\r\n  }\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n  &:disabled {\r\n    background-color: var(--disabled-bg-color);\r\n  }\r\n  .icon {\r\n    fill: $color-white;\r\n    background-color: none;\r\n    margin: 0 5px 0 0;\r\n    font-size: 18px;\r\n  }\r\n}\r\n</style>\r\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!./BaseFilledButton.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!./BaseFilledButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseFilledButton.vue?vue&type=template&id=656b5fbc&scoped=true&\"\nimport script from \"./BaseFilledButton.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseFilledButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseFilledButton.vue?vue&type=style&index=0&id=656b5fbc&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"656b5fbc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"cus-checkbox-container\"},[_c('label',{staticClass:\"cus-checkbox-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedValue),expression:\"selectedValue\"}],attrs:{\"id\":_vm.id,\"name\":_vm.name,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.selectedValue)?_vm._i(_vm.selectedValue,null)>-1:(_vm.selectedValue)},on:{\"change\":[function($event){var $$a=_vm.selectedValue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedValue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedValue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedValue=$$c}},_vm.updateValue]}}),_c('span')]),(_vm.label)?_c('label',{staticClass:\"ml-2 strong color-black\"},[_vm._v(_vm._s(_vm.label))]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <span class=\"cus-checkbox-container\">\r\n    <label class=\"cus-checkbox-label\">\r\n      <input\r\n        :id=\"id\"\r\n        v-model=\"selectedValue\"\r\n        :name=\"name\"\r\n        type=\"checkbox\"\r\n        @change=\"updateValue\"\r\n      />\r\n      <span />\r\n    </label>\r\n    <label\r\n      v-if=\"label\"\r\n      class=\"ml-2 strong color-black\"\r\n    >{{ label }}</label>\r\n  </span>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'BaseCheckbox',\r\n  props: {\r\n    value: {\r\n      type: Boolean\r\n    },\r\n    id: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    label: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false,\r\n      meta: {\r\n        example: \"true\",\r\n      }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      selectedValue: this.value\r\n    };\r\n  },\r\n  watch: {\r\n    value: function (value) {\r\n      this.selectedValue = value;\r\n    }\r\n  },\r\n  methods: {\r\n    updateValue() {\r\n      if (!this.disabled) {\r\n        this.$emit(\"change\", this.selectedValue);\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.cus-checkbox-container {\r\n  label {\r\n    position: relative;\r\n  }\r\n  .cus-checkbox-label {\r\n    top: 5px;\r\n  }\r\n  span {\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 1px solid $color-label-default;\r\n    display: inline-block;\r\n    border-radius: 4px;\r\n    transition: all linear 0.3s;\r\n    &:after {\r\n      content: '';\r\n      opacity: 1;\r\n      border-radius: 1px;\r\n      position: absolute;\r\n      top: 1px;\r\n      left: 6px;\r\n      border-bottom: 0.25em solid $color-white;\r\n      border-right: 0.25em solid $color-white;\r\n      height: 13px;\r\n      width: 8px;\r\n      transform: rotate(45deg);\r\n      visibility: hidden;\r\n    }\r\n  }\r\n  input {\r\n    display: none;\r\n    &:checked ~ span {\r\n      background: $color-primary;\r\n      &:after {\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./BaseCheckbox.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!./BaseCheckbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseCheckbox.vue?vue&type=template&id=47f52c7a&\"\nimport script from \"./BaseCheckbox.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseCheckbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseCheckbox.vue?vue&type=style&index=0&id=47f52c7a&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}