{"version":3,"file":"FormSelect-IcwmdAoi.js","sources":["../../vue-src/components/FormSelect.vue"],"sourcesContent":["<template>\n  <div v-click-outside=\"closeOnOutsideClick ? clickOutside : ''\" class=\"custom-select\" :tabindex=\"tabindex\" @blur=\"handleBlur\">\n    <div class=\"selected zt-hover font-medium transition-opacity\"\n         :class=\"{ open: opened, '!text-center' : center, 'opacity-40': textShown === placeholder,\n          'small-selected': selectedDivStyles }\"\n         :style=\"selectedDivStyles\"\n         @click.stop=\"openOptions\"\n         @input=\"handleInput\"\n         :contenteditable=\"editable\"\n         v-text=\"textShown\"></div>\n    <div class=\"items\" :class=\"{ 'hidden': !opened }\" :style=\"optionsDivStyles\">\n      <div v-for=\"option of optionsToShow\" @click.stop=\"selectOption(option)\">\n        {{ option }}\n      </div>\n      <div v-if=\"showNoResultsInfo && !optionsToShow.length\">\n        Brak wyników\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'FormSelect',\n  props: {\n    options: {\n      type: Array,\n      required: true,\n    },\n    default: {\n      type: String,\n      default: null,\n    },\n    tabindex: {\n      type: Number,\n      default: 0,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    center: {\n      type: Boolean,\n      default: false,\n    },\n    placeholder: {\n      type: String,\n      default: null,\n    },\n    resetOnClick: {\n      type: Boolean,\n      default: true,\n    },\n    showNoResultsInfo: {\n      type: Boolean,\n      default: false,\n    },\n    model: {\n      type: Object,\n      required: false,\n      default(rawProps) {\n        if (!rawProps.placeholder) {\n          return { string: rawProps.default ?? rawProps.options[0] }\n        } else {\n          return { string: rawProps.default ?? '' }\n        }\n      }\n    },\n    editable: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    optionsDivStyles: {\n      type: Object,\n      required: false,\n    },\n    selectedDivStyles: {\n      type: Object,\n      required: false,\n    },\n    closeOnSecondClick: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n    closeOnOutsideClick: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  },\n  data() {\n    return {\n      opened: false,\n      clickOutside: {\n        handler: (e) => {\n          if (!e.target.closest('.tox')) {\n            this.opened = false;\n          }\n        },\n        events: ['touchend', 'mousedown'],\n      }\n    };\n  },\n  computed: {\n    optionsToShow() {\n      if (this.model.string === '') {\n        return this.options;\n      } else if (this.default && this.model.string === this.default) {\n        return this.options;\n      } else if (this.options.length > 0 && this.model.string === this.options[0]) {\n        return this.options;\n      } else if (this.editable) {\n        let inputStringArr = this.model.string?.toLowerCase().replace(/\\u00a0/g, \" \")\n            .split(' ');\n        return this.options.filter(option => inputStringArr?.every(inputString =>\n            option.toLowerCase().replace(/\\u00a0/g, \" \").includes(inputString))\n        );\n      } else {\n        return this.options;\n      }\n    },\n    textShown() {\n      if (this.placeholder) {\n        return this.model.string === '' ? this.placeholder : this.model.string;\n      } else {\n        return this.model.string;\n      }\n    }\n  },\n  mounted() {\n    this.$emit('input', this.model.string);\n    if (this.default) {\n      this.model.string = this.default;\n    }\n  },\n  methods: {\n    openOptions() {\n      if (this.opened && this.closeOnSecondClick) {\n        this.opened = false;\n        return;\n      }\n      if (!this.disabled) {\n        this.opened = true;\n        if ( this.opened && this.editable && (this.resetOnClick || this.model.string === this.default) ) {\n          this.model.string = '';\n        }\n      }\n    },\n    selectOption(option) {\n      this.model.string = option;\n      this.opened = false;\n      this.$emit('input', option);\n    },\n    handleInput(e) {\n      this.model.string = e.target.innerText;\n    },\n    handleBlur(e) {\n      if (e.relatedTarget === this.$el) {\n        return;\n      }\n      setTimeout(() => {\n        this.opened = false;\n        if (this.model.string === '') {\n          this.model.string = this.default ? this.default : '';\n        }\n      }, 100);\n    }\n  },\n};\n</script>\n\n<style scoped>\n.custom-select {\n  @apply px-0 leading-8 !important;\n  @apply outline-none relative text-left;\n}\n\n.custom-select .selected {\n  @apply h-[45px] pl-4 pr-8 pt-2 cursor-pointer select-none truncate;\n}\n\n.custom-select .selected.open {\n  @apply border border-zt-light rounded-t-zt;\n}\n\n.custom-select .selected:after {\n  @apply absolute top-5 right-4 w-0 h-0;\n  content: \"\";\n  border: 5px solid transparent;\n  border-color: #fff transparent transparent transparent;\n}\n\n.custom-select .small-selected:after {\n  @apply !top-[16px];\n}\n\n.custom-select .items {\n  @apply absolute left-0 right-0 z-10 border-x border-b border-zt-light rounded-b-zt bg-zt-main max-h-[300px] overflow-y-auto;\n}\n\n.custom-select .items div {\n  @apply text-text pl-4 cursor-pointer select-none;\n}\n\n.custom-select .items div:hover {\n  @apply bg-zt-light;\n}\n</style>"],"names":["_sfc_main","rawProps","inputStringArr","_a","option","inputString","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","$props","$options","args","_createElementVNode","_normalizeClass","$data","_normalizeStyle","_cache","_withModifiers","_toDisplayString","_openBlock","_Fragment","_renderList","$event","_hoisted_4","_createCommentVNode","_directive_click_outside"],"mappings":"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"}