{"version":3,"sources":["webpack:///./src/lib/components/Dropdown/DfMultipleSelectDropdown.vue?d940","webpack:///./src/modules/users/components/modal/AddUserModal.vue","webpack:///src/modules/users/components/modal/AddUserModal.vue","webpack:///./src/modules/users/components/modal/AddUserModal.vue?44f9","webpack:///./src/modules/users/components/modal/AddUserModal.vue?cd39","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/lib/components/Select/DfMultipleSelect.vue","webpack:///./src/lib/components/Dropdown/DfMultipleSelectDropdown.vue","webpack:///src/lib/components/Dropdown/DfMultipleSelectDropdown.vue","webpack:///./src/lib/components/Dropdown/DfMultipleSelectDropdown.vue?bbe3","webpack:///./src/lib/components/Dropdown/DfMultipleSelectDropdown.vue?2b87","webpack:///src/lib/components/Select/DfMultipleSelect.vue","webpack:///./src/lib/components/Select/DfMultipleSelect.vue?dbbe","webpack:///./src/lib/components/Select/DfMultipleSelect.vue?2a7b","webpack:///./src/lib/components/Select/DfMultipleSelect.vue?3ce1"],"names":["_c","_self","attrs","modalTitle","scopedSlots","_vm","fn","ref","staticClass","required","model","callback","email","expression","translatedProfiles","profile","formattedFarms","selectedFarms","isExceededUsersModalOpened","closeExceededUsersModal","staticRenderFns","ExceededUsersModal","name","components","DfInput","DfModal","DfMultipleSelect","DfSelect","props","user","default","type","Object","data","isFarmsSelectionDisabled","loading","validEmail","watch","_ref","value","adminProfileId","$root","$emit","$t","mounted","_this","isEditing","find","profile_id","farms","reduce","acc","farm","includes","id","push","String","inject","getProfiles","from","computed","_objectSpread","mapGetters","map","modalActionName","_this2","uid","methods","mapActions","addUser","_this3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","params","_error$response","_error$response$data","wrap","_context","prev","next","active","Number","createUser","logEvent","events","usersModule","create","t0","response","key","Error","finish","stop","closeAddUserModal","editUser","_this4","_callee2","profileId","_context2","profileUid","updateUser","update","console","error","register","_this5","_callee3","_context3","$refs","form","validate","abrupt","component","mixins","BindsAttrs","RegistrableProvide","extend","provide","this","inheritAttrs","disabled","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","handler","val","errors","values","deep","immediate","watchInput","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","filter","length","reset","forEach","resetErrorBag","setTimeout","resetValidation","unregister","found","i","unwatch","$delete","render","h","novalidate","attrs$","on","submit","e","getSlot","_u","slotProps","label","rules","_t","menu","searchBar","loadingSearchTerm","searchTerm","_e","filteredItems","click","cleanFilter","_v","applyFilter","DfButton","clearable","items","Array","validator","every","item","searchPlaceholder","componentValue","debouncedFunction","debouncedSearchTerm","menuWidth","created","debounce","updateSearch","newValue","changeBackgroundColor","updateMenuWidth","toLowerCase","showActions","_toConsumableArray","isExpanded","element","slotContainer","firstChild","setAttribute","clickItem","some","checkedValue","index","findIndex","checkValue","splice","showSelectedCheckbox","slotElement","children","offsetWidth","debouncedTerm","DfMultipleSelectDropdown","placeholder","componentText","hasRequiredRule","rule","itemsText","join","backgroundColor","colors","colorBackgroundDisabled","colorBackgroundLight","dropdown","externalFilterClear"],"mappings":"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","file":"js/chunk-3539cd6e.bd074b83.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!./DfMultipleSelectDropdown.vue?vue&type=style&index=0&id=2660de05&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('df-modal',{attrs:{\"persistent\":\"\",\"action-name\":_vm.modalActionName,\"loading\":_vm.loading,\"title\":_vm.modalTitle},on:{\"action-click\":_vm.register,\"close\":_vm.closeAddUserModal},scopedSlots:_vm._u([{key:\"card-content\",fn:function(){return [_c('v-form',{ref:\"form\",staticClass:\"df-flex-xxl df-flex-col add-user-modal\"},[_c('df-input',{attrs:{\"disabled\":_vm.isEditing,\"label\":_vm.$t('Users.email'),\"placeholder\":_vm.$t('Users.modal.email_placeholder'),\"rules\":[_vm.required, _vm.validEmail]},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('df-select',{attrs:{\"items\":_vm.translatedProfiles,\"label\":_vm.$t('Users.modal.profile'),\"placeholder\":_vm.$t('Users.modal.profile_placeholder'),\"rules\":[_vm.required]},model:{value:(_vm.profile),callback:function ($$v) {_vm.profile=$$v},expression:\"profile\"}}),_c('df-multiple-select',{attrs:{\"clearable\":\"\",\"disabled\":_vm.isFarmsSelectionDisabled,\"items\":_vm.formattedFarms,\"label\":_vm.$t('Users.modal.farms'),\"placeholder\":_vm.$t('Users.modal.farms_placeholder'),\"rules\":[_vm.required]},model:{value:(_vm.selectedFarms),callback:function ($$v) {_vm.selectedFarms=$$v},expression:\"selectedFarms\"}})],1)]},proxy:true}])}),(_vm.isExceededUsersModalOpened)?_c('exceeded-users-modal',{on:{\"close\":_vm.closeExceededUsersModal}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <df-modal\n      persistent\n      :action-name=\"modalActionName\"\n      :loading=\"loading\"\n      :title=\"modalTitle\"\n      @action-click=\"register\"\n      @close=\"closeAddUserModal\"\n    >\n      <template #card-content>\n        <v-form ref=\"form\" class=\"df-flex-xxl df-flex-col add-user-modal\">\n          <df-input\n            v-model=\"email\"\n            :disabled=\"isEditing\"\n            :label=\"$t('Users.email')\"\n            :placeholder=\"$t('Users.modal.email_placeholder')\"\n            :rules=\"[required, validEmail]\"\n          />\n          <df-select\n            v-model=\"profile\"\n            :items=\"translatedProfiles\"\n            :label=\"$t('Users.modal.profile')\"\n            :placeholder=\"$t('Users.modal.profile_placeholder')\"\n            :rules=\"[required]\"\n          />\n          <df-multiple-select\n            v-model=\"selectedFarms\"\n            clearable\n            :disabled=\"isFarmsSelectionDisabled\"\n            :items=\"formattedFarms\"\n            :label=\"$t('Users.modal.farms')\"\n            :placeholder=\"$t('Users.modal.farms_placeholder')\"\n            :rules=\"[required]\"\n          />\n        </v-form>\n      </template>\n    </df-modal>\n    <exceeded-users-modal\n      v-if=\"isExceededUsersModalOpened\"\n      @close=\"closeExceededUsersModal\"\n    />\n  </div>\n</template>\n\n<script>\nimport DfInput from '@/lib/components/Input/DfInput.vue'\nimport DfModal from '@/lib/Modal/DfModal.vue'\nimport DfMultipleSelect from '@/lib/components/Select/DfMultipleSelect.vue'\nimport DfSelect from '@/lib/components/Select/DfSelect.vue'\nconst ExceededUsersModal = () =>\n  import('@/modules/users/components/modal/ExceededUsersModal.vue')\nimport { mapActions, mapGetters } from 'vuex'\nimport { logEvent, events } from '@/services/analytics'\nimport { required, validEmail } from '@/utils/formValidations'\n\nexport default {\n  name: 'AddUserModal',\n\n  components: {\n    DfInput,\n    DfModal,\n    DfMultipleSelect,\n    DfSelect,\n    ExceededUsersModal,\n  },\n\n  props: {\n    user: {\n      default: () => ({}),\n      type: Object,\n    },\n  },\n\n  data() {\n    return {\n      email: '',\n      isExceededUsersModalOpened: false,\n      isFarmsSelectionDisabled: false,\n      loading: false,\n      name: '',\n      profile: {},\n      required,\n      selectedFarms: [],\n      validEmail,\n    }\n  },\n\n  watch: {\n    profile({ value }) {\n      const adminProfileId = 2\n      if (value == adminProfileId) {\n        this.isFarmsSelectionDisabled = true\n        this.$root.$emit(\n          'notify',\n          'warning',\n          this.$t('Users.modal.admin_select_warning')\n        )\n      } else {\n        this.isFarmsSelectionDisabled = false\n      }\n    },\n  },\n\n  mounted() {\n    if (this.isEditing) {\n      this.email = this.user.email\n      this.name = this.user.name\n      this.profile = this.translatedProfiles.find(\n        (profile) => profile.value == this.user.profile_id\n      )\n      this.selectedFarms = this.farms.reduce((acc, farm) => {\n        if (this.user.farms.includes(farm.id)) {\n          acc.push({\n            name: farm.name,\n            value: String(farm.id),\n          })\n        }\n\n        return acc\n      }, [])\n    }\n  },\n\n  inject: {\n    getProfiles: {\n      from: 'getProfiles',\n    },\n  },\n\n  computed: {\n    ...mapGetters('farms', ['farms']),\n    formattedFarms() {\n      return this.farms.map((farm) => {\n        return {\n          name: farm.name,\n          value: String(farm.id),\n        }\n      })\n    },\n    isEditing() {\n      return !!this.user.id\n    },\n    modalActionName() {\n      return this.isEditing\n        ? this.$t('Users.modal.edit')\n        : this.$t('Users.modal.add')\n    },\n    modalTitle() {\n      return this.isEditing\n        ? this.$t('Users.modal.edit_user')\n        : this.$t('Users.modal.register_user')\n    },\n    translatedProfiles() {\n      return this.getProfiles().map((profile) => {\n        return {\n          name:\n            this.$t('Users.profiles.' + profile.uid) +\n            ' - ' +\n            this.$t('Users.profiles.description.' + profile?.uid),\n          value: String(profile.id),\n        }\n      })\n    },\n  },\n\n  methods: {\n    ...mapActions('user', ['createUser', 'updateUser']),\n    async addUser() {\n      const params = {\n        active: true,\n        email: this.email,\n        farms: this.selectedFarms.map((farm) => Number(farm.value)),\n        name: this.name,\n        profile_id: Number(this.profile.value),\n      }\n      this.loading = true\n      try {\n        await this.createUser(params)\n        logEvent(events.usersModule.create)\n      } catch (error) {\n        if (error.response?.data?.key === 'exception.users.exceeded_limit') {\n          this.isExceededUsersModalOpened = true\n        }\n        throw new Error(error)\n      } finally {\n        this.loading = false\n      }\n    },\n    closeAddUserModal() {\n      this.$emit('close')\n    },\n    closeExceededUsersModal() {\n      this.isExceededUsersModalOpened = false\n      this.$emit('close')\n    },\n    async editUser() {\n      const profileId = Number(this.profile.value)\n      const params = {\n        active: true,\n        email: this.email,\n        farms: this.selectedFarms.map((farm) => Number(farm.value)),\n        id: this.user.id,\n        name: this.name,\n        profile_id: profileId,\n        profileUid: this.getProfiles().find(\n          (profile) => profile.id == profileId\n        ),\n      }\n      this.loading = true\n      try {\n        await this.updateUser(params)\n        logEvent(events.usersModule.update)\n      } catch (error) {\n        console.error(error)\n      } finally {\n        this.loading = false\n      }\n    },\n    async register() {\n      if (!this.$refs.form.validate()) return\n\n      if (this.isEditing) {\n        await this.editUser()\n      } else {\n        try {\n          await this.addUser()\n        } catch (error) {\n          return\n        }\n      }\n\n      this.$root.$emit(\n        'notify',\n        'success',\n        this.$t('Users.modal.register_success')\n      )\n      this.closeAddUserModal()\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!./AddUserModal.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!./AddUserModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AddUserModal.vue?vue&type=template&id=35288142\"\nimport script from \"./AddUserModal.vue?vue&type=script&lang=js\"\nexport * from \"./AddUserModal.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","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, getSlot(this))\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('df-multiple-select-dropdown',{ref:\"dropdown\",attrs:{\"items\":_vm.items,\"clearable\":_vm.clearable,\"disabled\":_vm.disabled,\"search-bar\":_vm.searchBar,\"search-placeholder\":_vm.searchPlaceholder,\"value\":_vm.value},on:{\"apply-filter\":_vm.applyFilter},scopedSlots:_vm._u([{key:\"default\",fn:function(slotProps){return [_c('div',{staticClass:\"df-flex-sm df-flex-col df-multiple-select\"},[(_vm.label)?_c('h3',[_vm._v(_vm._s(_vm.label)),(_vm.hasRequiredRule)?_c('span',[_vm._v(\"*\")]):_vm._e()]):_vm._e(),_c('div',_vm._g({},slotProps.on),[_c('v-text-field',{attrs:{\"data-id\":\"select-input\",\"value\":_vm.componentText,\"dense\":\"\",\"flat\":\"\",\"hide-spin-buttons\":\"\",\"outlined\":\"\",\"readonly\":\"\",\"solo\":\"\",\"background-color\":_vm.backgroundColor,\"disabled\":_vm.disabled,\"loading\":_vm.loading,\"placeholder\":_vm.placeholder,\"rules\":_vm.rules},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('font-awesome-icon',{staticClass:\"icon\",attrs:{\"icon\":\"chevron-down\"}})]},proxy:true}],null,true)})],1)])]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-menu',{attrs:{\"bottom\":\"\",\"offset-y\":\"\",\"close-on-content-click\":false,\"disabled\":_vm.disabled,\"max-width\":_vm.menuWidth,\"min-width\":220},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('div',{ref:\"slotContainer\"},[_vm._t(\"default\",null,{\"on\":on})],2)]}}],null,true),model:{value:(_vm.menu),callback:function ($$v) {_vm.menu=$$v},expression:\"menu\"}},[_c('v-list',{staticClass:\"filter__list\"},[(_vm.searchBar)?_c('div',{staticClass:\"list__filter\"},[_c('df-input',{staticClass:\"filter__search-input\",attrs:{\"left-icon\":\"search\",\"loading\":_vm.loadingSearchTerm,\"placeholder\":_vm.searchPlaceholder},on:{\"change\":_vm.debouncedFunction},model:{value:(_vm.searchTerm),callback:function ($$v) {_vm.searchTerm=$$v},expression:\"searchTerm\"}})],1):_vm._e(),(_vm.filteredItems.length)?_c('div',{staticClass:\"list__content\"},_vm._l((_vm.filteredItems),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.clickItem(item)}}},[_c('v-list-item-title',[_c('p',[_vm._v(\" \"+_vm._s(item.name)+\" \")]),(_vm.showSelectedCheckbox(item))?_c('font-awesome-icon',{staticClass:\"content__checkbox-selected\",attrs:{\"icon\":\"check\"}}):_c('div',{staticClass:\"content__checkbox-empty\"})],1)],1)}),1):_vm._e(),(!_vm.filteredItems.length)?_c('div',{staticClass:\"filter__not-found\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('Components.select_dropdown.results_not_found'))+\" \")])]):_vm._e(),(_vm.showActions)?_c('div',{staticClass:\"df-flex-m filter__list-action\"},[(_vm.clearable)?_c('v-btn',{staticClass:\"df-col-6 action__button\",attrs:{\"plain\":\"\"},on:{\"click\":_vm.cleanFilter}},[_vm._v(\" \"+_vm._s(_vm.$t('Components.select_dropdown.clean'))+\" \")]):_vm._e(),_c('df-button',{staticClass:\"df-col-6\",attrs:{\"data-id\":\"apply-button\"},on:{\"click\":_vm.applyFilter}},[_vm._v(\" \"+_vm._s(_vm.$t('Components.select_dropdown.apply'))+\" \")])],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-menu\n    v-model=\"menu\"\n    bottom\n    offset-y\n    :close-on-content-click=\"false\"\n    :disabled=\"disabled\"\n    :max-width=\"menuWidth\"\n    :min-width=\"220\"\n  >\n    <template #activator=\"{ on }\">\n      <div ref=\"slotContainer\">\n        <slot :on=\"on\"></slot>\n      </div>\n    </template>\n    <v-list class=\"filter__list\">\n      <div v-if=\"searchBar\" class=\"list__filter\">\n        <df-input\n          v-model=\"searchTerm\"\n          class=\"filter__search-input\"\n          left-icon=\"search\"\n          :loading=\"loadingSearchTerm\"\n          :placeholder=\"searchPlaceholder\"\n          @change=\"debouncedFunction\"\n        />\n      </div>\n      <div v-if=\"filteredItems.length\" class=\"list__content\">\n        <v-list-item\n          v-for=\"(item, index) in filteredItems\"\n          :key=\"index\"\n          @click=\"clickItem(item)\"\n        >\n          <v-list-item-title>\n            <p>\n              {{ item.name }}\n            </p>\n            <font-awesome-icon\n              v-if=\"showSelectedCheckbox(item)\"\n              class=\"content__checkbox-selected\"\n              icon=\"check\"\n            />\n            <div v-else class=\"content__checkbox-empty\"></div>\n          </v-list-item-title>\n        </v-list-item>\n      </div>\n      <div v-if=\"!filteredItems.length\" class=\"filter__not-found\">\n        <p>\n          {{ $t('Components.select_dropdown.results_not_found') }}\n        </p>\n      </div>\n      <div v-if=\"showActions\" class=\"df-flex-m filter__list-action\">\n        <v-btn\n          v-if=\"clearable\"\n          class=\"df-col-6 action__button\"\n          plain\n          @click=\"cleanFilter\"\n        >\n          {{ $t('Components.select_dropdown.clean') }}\n        </v-btn>\n        <df-button data-id=\"apply-button\" class=\"df-col-6\" @click=\"applyFilter\">\n          {{ $t('Components.select_dropdown.apply') }}\n        </df-button>\n      </div>\n    </v-list>\n  </v-menu>\n</template>\n\n<script>\nimport DfButton from '@/lib/components/Button/DfButton.vue'\nimport DfInput from '@/lib/components/Input/DfInput.vue'\nimport { debounce } from '@/utils/lodash'\n\nexport default {\n  name: 'DfMultipleSelectDropdown',\n\n  components: {\n    DfButton,\n    DfInput,\n  },\n\n  props: {\n    clearable: {\n      default: false,\n      type: Boolean,\n    },\n    disabled: {\n      default: false,\n      type: Boolean,\n    },\n    items: {\n      required: true,\n      type: Array,\n      validator(value) {\n        return value.every((item) => {\n          return typeof item.name === 'string' && typeof item.value === 'string'\n        })\n      },\n    },\n    searchBar: {\n      default: false,\n      type: Boolean,\n    },\n    searchPlaceholder: {\n      default: '',\n      type: String,\n    },\n    value: {\n      required: true,\n      type: [Array],\n    },\n  },\n\n  data() {\n    return {\n      componentValue: [],\n      debouncedFunction: () => {},\n      debouncedSearchTerm: '',\n      loadingSearchTerm: false,\n      menu: false,\n      menuWidth: 220,\n      searchTerm: '',\n    }\n  },\n\n  created() {\n    this.debouncedFunction = debounce(\n      () => this.updateSearch(this.searchTerm),\n      800,\n      () => (this.loadingSearchTerm = true),\n      () => (this.loadingSearchTerm = false)\n    )\n  },\n\n  watch: {\n    menu(newValue) {\n      this.changeBackgroundColor(this.menu)\n      if (newValue) {\n        this.updateMenuWidth()\n      }\n    },\n    value: {\n      handler(newValue) {\n        this.componentValue = newValue\n      },\n      immediate: true,\n    },\n  },\n\n  computed: {\n    filteredItems() {\n      const searchTerm = this.debouncedSearchTerm.toLowerCase()\n      return this.items.filter((item) =>\n        item.name.toLowerCase().includes(searchTerm)\n      )\n    },\n    showActions() {\n      return this.filteredItems.length || this.clearable\n    },\n  },\n\n  methods: {\n    applyFilter() {\n      this.$emit('apply-filter', [...this.componentValue])\n      this.menu = false\n    },\n    changeBackgroundColor(isExpanded) {\n      const element = this.$refs.slotContainer.firstChild\n      if (element && element.type === 'button' && isExpanded) {\n        element.setAttribute('style', 'background-color: #D8F2DC !important')\n      } else element.setAttribute('style', 'background-color: transparent')\n    },\n    cleanFilter() {\n      this.componentValue = []\n    },\n    clickItem(item) {\n      if (\n        this.componentValue.some(\n          (checkedValue) => checkedValue.value == item.value\n        )\n      ) {\n        const index = this.value.findIndex(\n          (checkValue) => checkValue.value == item.value\n        )\n        this.componentValue.splice(index, 1)\n      } else {\n        this.componentValue.push(item)\n      }\n    },\n    showSelectedCheckbox(item) {\n      return this.componentValue.some(\n        (checkedValue) => checkedValue.value == item.value\n      )\n    },\n    updateMenuWidth() {\n      const slotElement = this.$refs.slotContainer.children[0]\n      this.menuWidth = slotElement ? slotElement.offsetWidth : 220\n    },\n    updateSearch(debouncedTerm) {\n      this.debouncedSearchTerm = debouncedTerm\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.filter__list {\n  .list__filter {\n    padding: $spacing-l;\n    border-bottom: 1px solid $color-border;\n  }\n  .list__content {\n    max-height: 200px;\n    overflow-y: auto;\n\n    .content__checkbox-empty {\n      max-height: 16px;\n      min-height: 16px;\n      max-width: 16px;\n      min-width: 16px;\n      border: 1px solid $color-border-dark;\n      border-radius: $border-radius-sm;\n    }\n    .content__checkbox-selected {\n      max-height: 16px;\n      min-height: 16px;\n      max-width: 16px;\n      min-width: 16px;\n      padding: $spacing-xs;\n      color: $white;\n      background-color: $color-background-primary;\n      border-radius: $border-radius-sm;\n    }\n  }\n  .filter__not-found {\n    padding: $spacing-l 0px;\n\n    p {\n      @include paragraph-medium;\n      color: $color-text-neutral;\n      text-align: center;\n    }\n  }\n  .filter__list-action {\n    padding: $spacing-m $spacing-l;\n    border-top: 1px solid $color-border;\n\n    .action__button {\n      height: 40px;\n      @include label-small;\n      padding: $spacing-m;\n      color: $color-text-secondary;\n      background-color: $color-background-white;\n      border: 1px solid $color-border;\n      border-radius: $border-radius-sm;\n      text-transform: capitalize;\n      letter-spacing: 0px;\n    }\n  }\n}\n.v-menu__content {\n  width: 100%;\n  margin-top: $spacing-xs;\n  border-radius: $border-radius-m !important;\n  border: 1px solid $color-border;\n  box-shadow: 6px 4px 7px 0px rgba(219, 219, 219, 0.4) !important;\n}\n.df-button {\n  height: 40px !important;\n}\n::v-deep .action__button .v-btn__content {\n  opacity: 1 !important;\n}\n::v-deep .v-list {\n  padding: 0px;\n}\n::v-deep .v-list-item {\n  min-height: 16px;\n  padding: $spacing-m $spacing-l;\n}\n::v-deep .v-list-item__title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: $spacing-sm;\n  @include label-small;\n  color: $color-text-secondary;\n\n  p {\n    text-wrap: wrap;\n  }\n}\n::v-deep .filter__search-input .v-text-field__details {\n  display: none;\n}\n.v-btn::before {\n  background-color: transparent !important;\n}\n::-webkit-scrollbar {\n  width: 14px;\n}\n::-webkit-scrollbar-thumb {\n  border: 4px solid $white;\n  background-clip: padding-box;\n  border-radius: 9999px;\n}\n::-webkit-scrollbar-track {\n  box-shadow: none;\n  background-color: $color-background-white;\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!./DfMultipleSelectDropdown.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!./DfMultipleSelectDropdown.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DfMultipleSelectDropdown.vue?vue&type=template&id=2660de05&scoped=true\"\nimport script from \"./DfMultipleSelectDropdown.vue?vue&type=script&lang=js\"\nexport * from \"./DfMultipleSelectDropdown.vue?vue&type=script&lang=js\"\nimport style0 from \"./DfMultipleSelectDropdown.vue?vue&type=style&index=0&id=2660de05&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  \"2660de05\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <df-multiple-select-dropdown\n    ref=\"dropdown\"\n    :items=\"items\"\n    :clearable=\"clearable\"\n    :disabled=\"disabled\"\n    :search-bar=\"searchBar\"\n    :search-placeholder=\"searchPlaceholder\"\n    :value=\"value\"\n    @apply-filter=\"applyFilter\"\n  >\n    <template #default=\"slotProps\">\n      <div class=\"df-flex-sm df-flex-col df-multiple-select\">\n        <h3 v-if=\"label\">{{ label }}<span v-if=\"hasRequiredRule\">*</span></h3>\n        <div v-on=\"slotProps.on\">\n          <v-text-field\n            data-id=\"select-input\"\n            :value=\"componentText\"\n            dense\n            flat\n            hide-spin-buttons\n            outlined\n            readonly\n            solo\n            :background-color=\"backgroundColor\"\n            :disabled=\"disabled\"\n            :loading=\"loading\"\n            :placeholder=\"placeholder\"\n            :rules=\"rules\"\n          >\n            <template #append>\n              <font-awesome-icon class=\"icon\" icon=\"chevron-down\" />\n            </template>\n          </v-text-field>\n        </div>\n      </div>\n    </template>\n  </df-multiple-select-dropdown>\n</template>\n\n<script>\nimport colors from '@/assets/styles/__colors.module.scss'\nimport DfMultipleSelectDropdown from '@/lib/components/Dropdown/DfMultipleSelectDropdown.vue'\nimport { required } from '@/utils/formValidations'\n\nexport default {\n  name: 'DfMultipleSelect',\n\n  components: {\n    DfMultipleSelectDropdown,\n  },\n\n  props: {\n    clearable: {\n      default: false,\n      type: Boolean,\n    },\n    disabled: {\n      default: false,\n      type: Boolean,\n    },\n    items: {\n      required: true,\n      type: Array,\n      validator(value) {\n        return value.every((item) => {\n          return typeof item.name === 'string' && typeof item.value === 'string'\n        })\n      },\n    },\n    label: {\n      default: '',\n      type: String,\n    },\n    loading: {\n      default: false,\n      type: Boolean,\n    },\n    placeholder: {\n      default: '',\n      type: String,\n    },\n    rules: {\n      default: () => [],\n      type: Array,\n    },\n    searchBar: {\n      default: false,\n      type: Boolean,\n    },\n    searchPlaceholder: {\n      default: '',\n      type: String,\n    },\n    value: {\n      required: true,\n      type: [Array, Object],\n    },\n  },\n\n  data() {\n    return {\n      componentText: '',\n      hasRequiredRule: false,\n    }\n  },\n\n  created() {\n    this.rules.some((rule) => {\n      if (rule === required) this.hasRequiredRule = true\n    })\n  },\n\n  watch: {\n    value: {\n      handler(newValue) {\n        const itemsText = []\n        newValue.forEach((item) => {\n          itemsText.push(item.name)\n        })\n        this.componentText = itemsText.join(', ')\n      },\n    },\n  },\n\n  computed: {\n    backgroundColor() {\n      return this.disabled\n        ? colors.colorBackgroundDisabled\n        : colors.colorBackgroundLight\n    },\n  },\n\n  methods: {\n    applyFilter(value) {\n      this.$emit('input', [...value])\n      this.$emit('apply-filter')\n    },\n    // accessed by refs\n    // eslint-disable-next-line vue/no-unused-properties\n    cleanFilter() {\n      this.$refs.dropdown.externalFilterClear()\n      this.componentText = []\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.df-multiple-select {\n  h3 {\n    @include label-medium;\n    color: $color-text-secondary;\n\n    span {\n      color: $color-text-danger;\n    }\n  }\n  .icon {\n    color: $color-icon-neutral;\n  }\n}\n// placeholder\n::v-deep .v-text-field__slot input::placeholder {\n  @include paragraph-medium;\n  color: $color-text-neutral;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  top: 0px !important;\n}\n::v-deep .v-input__slot {\n  padding: $spacing-m $spacing-l !important;\n  margin-bottom: 0px !important;\n  cursor: pointer !important;\n}\n::v-deep .v-input--is-disabled .v-input__slot {\n  cursor: default !important;\n}\n::v-deep .v-input--is-focused fieldset {\n  border-color: $color-border-primary !important;\n}\n// typed text\n::v-deep .v-text-field__slot input {\n  @include paragraph-medium;\n  color: $color-text-secondary;\n  padding: 0px;\n  cursor: pointer !important;\n}\n::v-deep .v-input--is-disabled input {\n  color: $color-text-disabled;\n  cursor: default !important;\n}\n// error messages\n::v-deep .v-text-field__details {\n  position: absolute;\n  top: 46px;\n  padding: 0px !important;\n\n  .v-messages__message {\n    @include paragraph-x-small;\n    color: $color-text-danger;\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!./DfMultipleSelect.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!./DfMultipleSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DfMultipleSelect.vue?vue&type=template&id=43607dbe&scoped=true\"\nimport script from \"./DfMultipleSelect.vue?vue&type=script&lang=js\"\nexport * from \"./DfMultipleSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./DfMultipleSelect.vue?vue&type=style&index=0&id=43607dbe&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  \"43607dbe\",\n  null\n  \n)\n\nexport default component.exports","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!./DfMultipleSelect.vue?vue&type=style&index=0&id=43607dbe&prod&lang=scss&scoped=true\""],"sourceRoot":""}