{"version":3,"sources":["webpack:///./src/shared/elements/AppInputSelect.vue?13f4","webpack:///./src/shared/elements/AppInputSelect.vue?62a9","webpack:///src/shared/elements/AppInputSelect.vue","webpack:///./src/shared/elements/AppInputSelect.vue?1e7b","webpack:///./src/shared/elements/AppInputSelect.vue?7e61"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","focus","style","color","attrs","name","_v","_s","label","_e","on","onClick","_t","prependIcon","_l","item","index","key","staticStyle","$event","removeItem","innerVal","$attrs","placeholder","_b","ref","disabled","domProps","displayText","allValidationsPassed","activeIcon","inactiveIcon","appendIcon","directives","rawName","value","items","length","expression","preventClose","searchPlaceholder","model","callback","$$v","searchFilter","filteredItems","text","selectItem","isSelected","hideError","error","onClickDisabledText","staticRenderFns","components","mixins","_appDefaultInput","props","validations","validate","multiple","searchable","shouldSelectFirstItem","searchValue","data","preventCloseFlag","showDisabledText","computed","$emit","newItems","itemValInner","val","valueItem","displayables","displayable","watch","selectFirstItem","handler","immediate","methods","openOptions","setTimeout","document","addEventListener","closeOptions","removeEventListener","filter","newVal","findIndex","itemVal","splice","component"],"mappings":"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","file":"js/chunk-68745eac.c97facfc.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./AppInputSelect.vue?vue&type=style&index=0&id=15c6d935&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-input\",class:{ 'app-input-focus': _vm.focus },style:({ '--input-hover-color': (\"var(--\" + _vm.color + \")\") })},[(_vm.label)?_c('label',{staticClass:\"app-input-label\",attrs:{\"for\":_vm.name}},[_c('span',[_vm._v(_vm._s(_vm.label))]),(_vm.isRequired)?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"app-input-container\",on:{\"click\":_vm.onClick,\"keypress\":_vm.onClick}},[_c('div',{staticClass:\"app-input-icon-prepend\"},[_vm._t(\"prepend-icon\",function(){return [(_vm.prependIcon)?_c('AppIcon',{attrs:{\"name\":_vm.prependIcon}}):_vm._e()]})],2),(_vm.multiple)?_c('div',{staticClass:\"w-100 d-inline-flex flex-wrap\"},[_vm._l((_vm.displayText),function(item,index){return _c('div',{key:(\"app-input-item-\" + item + \"-\" + index),staticClass:\"\\n            p-0\\n            pl-1\\n            pr-1\\n            m-md-0\\n            mb-1\\n            ml-1 ml-md-1\\n            bg-gray-dark-6\\n            text-body-2 text-white\\n            rounded\\n            d-flex\\n            align-items-center\\n            justify-content-center\\n          \",staticStyle:{\"word-break\":\"break-word\"}},[_c('span',[_vm._v(_vm._s(item))]),_c('AppIcon',{attrs:{\"hoverable\":\"\",\"size\":\"12\",\"name\":\"close\"},on:{\"click\":function($event){return _vm.removeItem(index)}}})],1)}),(!_vm.innerVal)?_c('span',{staticClass:\"text-gray-dark-2\"},[_vm._v(\" \"+_vm._s(_vm.$attrs.placeholder || '')+\" \")]):_vm._e()],2):_c('input',_vm._b({ref:\"inputField\",attrs:{\"disabled\":_vm.disabled === true,\"readonly\":\"\",\"type\":\"text\",\"name\":_vm.name},domProps:{\"value\":_vm.displayText}},'input',_vm.$attrs,false)),_c('input',{staticClass:\"app-form-validation\",attrs:{\"type\":\"hidden\"},domProps:{\"value\":_vm.allValidationsPassed}}),_c('div',{staticClass:\"app-input-icon-prepend\"},[_c('AppIcon',{attrs:{\"name\":_vm.focus ? _vm.activeIcon : _vm.inactiveIcon}})],1),(_vm.appendIcon)?_c('div',{staticClass:\"app-input-icon-prepend\"},[_vm._t(\"append-icon\",function(){return [_c('AppIcon',{attrs:{\"name\":_vm.appendIcon}})]})],2):_vm._e()]),_c('transition',{attrs:{\"name\":\"app-input-select-options\"}},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.focus && _vm.items.length > 0),expression:\"focus && items.length > 0\"}],staticClass:\"app-input-select-options bg-white shadow-40 w-100\"},[_c('li',{staticClass:\"app-input-select-option-search bg-white sticky-top\",on:{\"click\":_vm.preventClose}},[_vm._t(\"option-header\")],2),(_vm.searchable)?_c('li',{staticClass:\"app-input-select-option-search p-3 bg-white sticky-top\",on:{\"click\":_vm.preventClose}},[_c('AppInput',{staticClass:\"bg-gray-light-3\",attrs:{\"hideError\":\"\",\"color\":\"black\",\"prependIcon\":\"search\",\"type\":\"text\",\"placeholder\":_vm.searchPlaceholder},model:{value:(_vm.searchFilter),callback:function ($$v) {_vm.searchFilter=$$v},expression:\"searchFilter\"}})],1):_vm._e(),_vm._l((_vm.filteredItems || _vm.items),function(item,index){return _c('li',{key:(\"app-input-select-option-\" + index + \"-\" + (item.value || item.text || item)),staticClass:\"p-1 pl-3 pr-3\",attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.selectItem(item)},\"keypress\":function($event){return _vm.selectItem(item, true)}}},[_vm._t(\"option-item\",function(){return [(_vm.multiple)?_c('AppInputCheckbox',{staticClass:\"d-inline-block\",attrs:{\"value\":_vm.isSelected(item),\"hideError\":\"\"},on:{\"click\":function($event){return _vm.selectItem(item)}}}):_vm._e(),_c('span',{staticClass:\"pt-1 pb-1 d-inline-block\"},[_vm._v(_vm._s(item.text || item.value || item))])]},{\"item\":item})],2)}),_c('li',{staticClass:\"app-input-select-option-footer p-1 bg-white position-sticky\",on:{\"click\":_vm.preventClose}},[_vm._t(\"option-footer\")],2)],2)])],1),(!_vm.hideError)?_c('span',{staticClass:\"app-input-error\"},[_vm._v(\" \"+_vm._s(_vm.error)+\" \")]):_vm._e(),(_vm.showDisabledText)?_c('span',{staticClass:\"app-input-error\"},[_vm._v(\" \"+_vm._s(_vm.onClickDisabledText)+\" \")]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"app-input\"\r\n    :class=\"{ 'app-input-focus': focus }\"\r\n    :style=\"{ '--input-hover-color': `var(--${color})` }\"\r\n  >\r\n    <!-- Label -->\r\n    <label v-if=\"label\" :for=\"name\" class=\"app-input-label\">\r\n      <span>{{ label }}</span>\r\n      <span v-if=\"isRequired\" class=\"text-danger\">*</span>\r\n    </label>\r\n\r\n    <div class=\"position-relative\">\r\n      <div class=\"app-input-container\" @click=\"onClick\" @keypress=\"onClick\">\r\n        <!-- Prepend Icon -->\r\n        <div class=\"app-input-icon-prepend\">\r\n          <slot name=\"prepend-icon\">\r\n            <AppIcon v-if=\"prependIcon\" :name=\"prependIcon\"></AppIcon>\r\n          </slot>\r\n        </div>\r\n        <!-- Multiple Value Inputs -->\r\n        <div v-if=\"multiple\" class=\"w-100 d-inline-flex flex-wrap\">\r\n          <div\r\n            v-for=\"(item, index) in displayText\"\r\n            :key=\"`app-input-item-${item}-${index}`\"\r\n            class=\"\r\n              p-0\r\n              pl-1\r\n              pr-1\r\n              m-md-0\r\n              mb-1\r\n              ml-1 ml-md-1\r\n              bg-gray-dark-6\r\n              text-body-2 text-white\r\n              rounded\r\n              d-flex\r\n              align-items-center\r\n              justify-content-center\r\n            \"\r\n            style=\"word-break: break-word\"\r\n          >\r\n            <span>{{ item }}</span>\r\n            <AppIcon\r\n              hoverable\r\n              size=\"12\"\r\n              name=\"close\"\r\n              @click=\"removeItem(index)\"\r\n            ></AppIcon>\r\n          </div>\r\n          <span v-if=\"!innerVal\" class=\"text-gray-dark-2\">\r\n            {{ $attrs.placeholder || '' }}\r\n          </span>\r\n        </div>\r\n        <!-- Input Element -->\r\n        <input\r\n          v-else\r\n          :disabled=\"disabled === true\"\r\n          readonly\r\n          ref=\"inputField\"\r\n          type=\"text\"\r\n          :value=\"displayText\"\r\n          v-bind=\"$attrs\"\r\n          :name=\"name\"\r\n        />\r\n        <!-- Form Validation Input (maintain app-form-validation class) -->\r\n        <input\r\n          class=\"app-form-validation\"\r\n          type=\"hidden\"\r\n          :value=\"allValidationsPassed\"\r\n        />\r\n        <!-- Select Icon -->\r\n        <div class=\"app-input-icon-prepend\">\r\n          <AppIcon :name=\"focus ? activeIcon : inactiveIcon\"></AppIcon>\r\n        </div>\r\n        <!-- Append Icon -->\r\n        <div v-if=\"appendIcon\" class=\"app-input-icon-prepend\">\r\n          <slot name=\"append-icon\">\r\n            <AppIcon :name=\"appendIcon\"></AppIcon>\r\n          </slot>\r\n        </div>\r\n      </div>\r\n      <!-- Select Options -->\r\n      <transition name=\"app-input-select-options\">\r\n        <ul\r\n          v-show=\"focus && items.length > 0\"\r\n          class=\"app-input-select-options bg-white shadow-40 w-100\"\r\n        >\r\n          <li\r\n            class=\"app-input-select-option-search bg-white sticky-top\"\r\n            @click=\"preventClose\"\r\n          >\r\n            <slot name=\"option-header\"></slot>\r\n          </li>\r\n          <li\r\n            v-if=\"searchable\"\r\n            class=\"app-input-select-option-search p-3 bg-white sticky-top\"\r\n            @click=\"preventClose\"\r\n          >\r\n            <AppInput\r\n              v-model=\"searchFilter\"\r\n              hideError\r\n              color=\"black\"\r\n              prependIcon=\"search\"\r\n              type=\"text\"\r\n              class=\"bg-gray-light-3\"\r\n              :placeholder=\"searchPlaceholder\"\r\n            />\r\n          </li>\r\n          <li\r\n            v-for=\"(item, index) in filteredItems || items\"\r\n            tabindex=\"0\"\r\n            :key=\"`app-input-select-option-${index}-${\r\n              item.value || item.text || item\r\n            }`\"\r\n            class=\"p-1 pl-3 pr-3\"\r\n            @click=\"selectItem(item)\"\r\n            @keypress=\"selectItem(item, true)\"\r\n          >\r\n            <slot name=\"option-item\" :item=\"item\">\r\n              <AppInputCheckbox\r\n                v-if=\"multiple\"\r\n                :value=\"isSelected(item)\"\r\n                hideError\r\n                class=\"d-inline-block\"\r\n                @click=\"selectItem(item)\"\r\n              ></AppInputCheckbox>\r\n              <span class=\"pt-1 pb-1 d-inline-block\">{{\r\n                item.text || item.value || item\r\n              }}</span>\r\n            </slot>\r\n          </li>\r\n          <li\r\n            class=\"app-input-select-option-footer p-1 bg-white position-sticky\"\r\n            @click=\"preventClose\"\r\n          >\r\n            <slot name=\"option-footer\"></slot>\r\n          </li>\r\n        </ul>\r\n      </transition>\r\n    </div>\r\n    <!-- Error Message -->\r\n    <span v-if=\"!hideError\" class=\"app-input-error\">\r\n      {{ error }}\r\n    </span>\r\n    <!-- Disabled Error Message -->\r\n    <span v-if=\"showDisabledText\" class=\"app-input-error\">\r\n      {{ onClickDisabledText }}\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _appDefaultInput from '@/shared/mixins/_appDefaultInput';\r\nimport _appErrorValidation from '@/shared/mixins/_appErrorValidation';\r\n\r\nimport AppIcon from './AppIcon.vue';\r\nimport AppInputCheckbox from './AppInputCheckbox.vue';\r\nimport AppInput from './AppInput.vue';\r\nexport default {\r\n  name: 'AppInputSelect',\r\n\r\n  components: { AppIcon, AppInputCheckbox, AppInput },\r\n\r\n  mixins: [_appDefaultInput, _appErrorValidation],\r\n\r\n  props: {\r\n    value: { type: [String, Number, Array, Object], default: '' },\r\n    items: { type: Array, default: () => [] },\r\n    name: { type: String, default: '' },\r\n    label: { type: String, default: '' },\r\n    prependIcon: { type: String, default: '' },\r\n    inactiveIcon: { type: String, default: 'caret_down' },\r\n    activeIcon: { type: String, default: 'caret_up' },\r\n    appendIcon: { type: String, default: '' },\r\n    color: { type: String, default: 'primary' },\r\n    hideError: { type: Boolean, default: false },\r\n    validations: { type: Array, default: () => [] },\r\n    validate: { type: [Number, String, Boolean], default: false },\r\n    multiple: { type: Boolean, default: false },\r\n    searchable: { type: Boolean, default: false },\r\n    searchPlaceholder: { type: String, default: '' },\r\n    disabled: { default: false },\r\n    shouldSelectFirstItem: { type: Boolean, default: true },\r\n    searchValue: { type: String, default: '' },\r\n    onClickDisabledText: { type: String, default: '' },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      focus: false,\r\n      preventCloseFlag: false,\r\n      searchFilter: '',\r\n      showDisabledText: false,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    filteredItems() {\r\n      if (this.searchFilter) {\r\n        const newItems = this.items.filter((value) => {\r\n          const item = value.text || value.value || value;\r\n          return item\r\n            .toString()\r\n            .toLowerCase()\r\n            .includes(this.searchFilter.toString().toLowerCase());\r\n        });\r\n\r\n        this.$emit('searched', newItems);\r\n\r\n        return newItems;\r\n      }\r\n\r\n      return null;\r\n    },\r\n    displayText() {\r\n      if (this.innerVal) {\r\n        const value = this.innerVal;\r\n        const items = this.items;\r\n        if (this.multiple) {\r\n          const displayables = this.innerVal.map((val) => {\r\n            const valueItem = items.find((itemVal) => {\r\n              const itemValInner = itemVal.value || itemVal.text || itemVal;\r\n              return itemValInner == val;\r\n            });\r\n\r\n            return valueItem.text || valueItem.val || valueItem;\r\n          });\r\n          if (displayables.length > 0) {\r\n            return displayables;\r\n          }\r\n        } else {\r\n          const displayable = this.items.find(\r\n            (val) => val.value === value || val === value\r\n          );\r\n          if (displayable) {\r\n            return displayable.text || displayable.value || displayable;\r\n          }\r\n        }\r\n      }\r\n      return this.multiple ? [] : '';\r\n    },\r\n  },\r\n\r\n  watch: {\r\n    items(value) {\r\n      if (value.length > 0 && !this.disabled && this.shouldSelectFirstItem) {\r\n        this.selectFirstItem();\r\n      }\r\n    },\r\n    disabled: {\r\n      handler(value) {\r\n        if (value) {\r\n          this.innerVal = null;\r\n        } else if (this.shouldSelectFirstItem) {\r\n          this.selectFirstItem();\r\n        }\r\n      },\r\n      immediate: true,\r\n    },\r\n    searchFilter: {\r\n      handler(value) {\r\n        this.$emit('onSearchChange', value);\r\n      }\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    openOptions() {\r\n      this.focus = true;\r\n      this.showDisabledText = false;\r\n      setTimeout(() => {\r\n        document.addEventListener('click', this.closeOptions, false);\r\n      }, 0);\r\n    },\r\n    closeOptions() {\r\n      if (this.preventCloseFlag) {\r\n        this.preventCloseFlag = false;\r\n      } else {\r\n        this.focus = false;\r\n        setTimeout(() => {\r\n          document.removeEventListener('click', this.closeOptions, false);\r\n        }, 0);\r\n      }\r\n    },\r\n    preventClose() {\r\n      this.preventCloseFlag = this.focus;\r\n      // this.focus = this.focus;\r\n    },\r\n    selectItem(item, keyPress = false) {\r\n      if (this.multiple) {\r\n        this.preventClose();\r\n      } else if (keyPress) {\r\n        this.closeOptions();\r\n      }\r\n\r\n      const newVal = item.value || item.text || item;\r\n      if (this.multiple) {\r\n        if (!this.innerVal) {\r\n          this.innerVal = [newVal];\r\n        } else if (this.innerVal.includes(newVal)) {\r\n          this.innerVal = this.innerVal.filter((item) => item !== newVal);\r\n        } else {\r\n          this.innerVal = [...this.innerVal, newVal];\r\n        }\r\n      } else {\r\n        this.innerVal = newVal;\r\n      }\r\n\r\n      this.showDisabledText = false;\r\n    },\r\n    isSelected(item) {\r\n      if (this.innerVal) {\r\n        const itemVal = item.value || item.text || item;\r\n        if (this.multiple) {\r\n          return this.innerVal.findIndex((val) => val == itemVal) > -1;\r\n        } else {\r\n          // this.items.find((val) => {\r\n          //   if (item.value) {\r\n          //     return val.value === item.value;\r\n          //   } else if (item.text) {\r\n          //     return val.text === item.text;\r\n          //   } else {\r\n          //     return val === item;\r\n          //   }\r\n          // });\r\n          // return this.innerVal.includes(itemVal);\r\n          return this.innerVal === itemVal;\r\n        }\r\n      }\r\n    },\r\n    removeItem(index) {\r\n      this.preventClose();\r\n      this.innerVal.splice(index, 1);\r\n    },\r\n    selectFirstItem() {\r\n      if (!this.innerVal && this.items.length > 0) {\r\n        const item = this.items[0];\r\n        const newVal = item.value || item.text || item;\r\n        if (this.multiple) {\r\n          if (!this.innerVal) {\r\n            this.innerVal = [newVal];\r\n          } else if (this.innerVal.includes(newVal)) {\r\n            this.innerVal = this.innerVal.filter((item) => item !== newVal);\r\n          } else {\r\n            this.innerVal = [...this.innerVal, newVal];\r\n          }\r\n        } else {\r\n          this.innerVal = newVal;\r\n        }\r\n      }\r\n    },\r\n    onClick() {\r\n      if (this.disabled && this.onClickDisabledText) {\r\n        this.showDisabledText = true;\r\n        return;\r\n      }\r\n\r\n      return this.disabled || this.preventCloseFlag\r\n        ? null\r\n        : this.focus\r\n        ? this.closeOptions()\r\n        : this.openOptions();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/scss/theme/_inputs';\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppInputSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppInputSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppInputSelect.vue?vue&type=template&id=15c6d935&scoped=true&\"\nimport script from \"./AppInputSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./AppInputSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppInputSelect.vue?vue&type=style&index=0&id=15c6d935&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  \"15c6d935\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}