@onereach/ui-components 2.65.1 → 2.66.0-beta.1965.0

package/dist/v2/OrSelect-ea27a70e.js

@@ -1,1091 +0,0 @@
-import { defineComponent, ref } from 'vue-demi';
-import { onClickOutside } from '@vueuse/core';
-import _ from 'lodash';
-import { _ as __vue_component__$a } from './OrIcon-7cd10497.js';
-import { _ as __vue_component__$9 } from './OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$c } from './OrLoader-212ef381.js';
-import { _ as __vue_component__$b } from './OrCheckbox-ed1f2666.js';
-import { _ as __vue_component__$d } from './OrFloating-b15309d1.js';
-import { _ as __vue_component__$e } from './OrLabel-931394a5.js';
-import { _ as __vue_component__$f } from './OrError-efc74907.js';
-
-const DEFAULT_TEXT = {
-  SEARCH_PLACEHOLDER: 'Search',
-  SELECT_OPTION_PLACEHOLDER: 'Select option',
-  NO_RESULTS_TITLE: 'No results',
-  NO_RESULTS_START: 'We couldn\'t find ',
-  NO_RESULTS_END: '.',
-  UPDATE_SEARCH: 'Please, update your search criteria.'
-};
-const OR_SELECT_OPTIONS_PROP = {
-  type: Array,
-  default: () => []
-};
-const OR_SELECT_SEARCH_OPTIONS_PROP = {
-  type: Array,
-  default: undefined
-};
-const OR_SELECT_VALUE_PROP = {
-  type: [String, Array, Number],
-  default: undefined
-};
-const OR_SELECT_PLACEHOLDER_PROP = {
-  type: String,
-  default: DEFAULT_TEXT.SELECT_OPTION_PLACEHOLDER
-};
-const COMMON_STRING_PROP = {
-  type: String,
-  default: ''
-};
-const SEARCH_OPTIONS_FUNCTION_PROP = {
-  type: Function,
-  default: undefined
-};
-const OR_SELECT_NO_RESULTS_TITLE_PROP = {
-  type: String,
-  default: DEFAULT_TEXT.NO_RESULTS_TITLE
-};
-const OR_SELECT_NO_RESULTS_START_TEXT_PROP = {
-  type: String,
-  default: DEFAULT_TEXT.NO_RESULTS_START
-};
-const OR_SELECT_NO_RESULTS_END_TEXT_PROP = {
-  type: String,
-  default: DEFAULT_TEXT.NO_RESULTS_END
-};
-const OR_SELECT_UPDATE_SEARCH_TEXT_PROP = {
-  type: String,
-  default: DEFAULT_TEXT.UPDATE_SEARCH
-};
-
-var script$8 = defineComponent({
-  name: 'OrSelectInputValue',
-  components: {
-    OrChip: __vue_component__$9
-  },
-  props: {
-    value: OR_SELECT_VALUE_PROP,
-    options: OR_SELECT_SEARCH_OPTIONS_PROP,
-    isMultiSelect: Boolean,
-    isDisabled: Boolean
-  },
-  emits: ['delete-value'],
-  computed: {
-    optionsByKey() {
-      return _.keyBy(this.options, 'value');
-    },
-    states() {
-      return {
-        'simple-value': !this.isMultiSelect,
-        'multi-value': this.isMultiSelect
-      };
-    }
-  },
-  methods: {
-    getOptionLabel(optionId) {
-      var _a;
-      const option = this.optionsByKey[optionId];
-      return String(option ? (_a = option.label) !== null && _a !== void 0 ? _a : option.value : optionId);
-    },
-    /** Prevent content toggle event on chips, since they have their own control elements */
-    handleInputValueClick(event) {
-      const inputValueElement = this.$refs['input-value'];
-      const inputValueTextElement = this.$refs['input-value-text'];
-      const target = event.target;
-      if (target !== inputValueElement && target !== inputValueTextElement) {
-        event.stopPropagation();
-      }
-    }
-  }
-});
-
-var css_248z$8 = "@keyframes spinAround-data-v-df6f626e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-df6f626e{from{opacity:1}to{opacity:0}}.or-select-input-value[data-v-df6f626e]{display:flex;flex:1 1 100%;overflow:hidden}.or-select-input-value.simple-value[data-v-df6f626e]{align-items:center}.or-select-input-value-text[data-v-df6f626e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-select-input-value.multi-value[data-v-df6f626e]{flex-wrap:wrap;padding:.125rem 0}.or-select-input-value.multi-value .or-chip[data-v-df6f626e]{margin:.125rem}.or-select-input-value.multi-value .or-chip[data-v-df6f626e]:not(.disabled){cursor:default}";
-styleInject(css_248z$8);
-
-/* script */
-const __vue_script__$8 = script$8;
-/* template */
-var __vue_render__$8 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "input-value",
-    staticClass: "or-select-input-value",
-    class: _vm.states,
-    on: {
-      "click": _vm.handleInputValueClick
-    }
-  }, [!_vm.isMultiSelect ? _c('div', {
-    ref: "input-value-text",
-    staticClass: "or-select-input-value-text"
-  }, [_vm._v("\n    " + _vm._s(_vm.getOptionLabel(_vm.value)) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm.isMultiSelect ? _vm._l(_vm.value, function (valueItem) {
-    return _c('or-chip', {
-      key: valueItem,
-      attrs: {
-        "content": _vm.getOptionLabel(valueItem),
-        "is-disabled": _vm.isDisabled
-      },
-      on: {
-        "delete": function ($event) {
-          return _vm.$emit('delete-value', valueItem);
-        }
-      }
-    });
-  }) : _vm._e()], 2);
-};
-var __vue_staticRenderFns__$8 = [];
-
-/* style */
-const __vue_inject_styles__$8 = undefined;
-/* scoped */
-const __vue_scope_id__$8 = "data-v-df6f626e";
-/* module identifier */
-const __vue_module_identifier__$8 = undefined;
-/* functional template */
-const __vue_is_functional_template__$8 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
-
-var script$7 = defineComponent({
-  name: 'OrSelectInput',
-  components: {
-    OrIcon: __vue_component__$a,
-    OrSelectInputValue: __vue_component__$8
-  },
-  props: {
-    value: OR_SELECT_VALUE_PROP,
-    options: OR_SELECT_OPTIONS_PROP,
-    placeholder: OR_SELECT_PLACEHOLDER_PROP,
-    isOpen: Boolean,
-    isMultiSelect: Boolean,
-    isTop: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['toggle-content', 'delete-value'],
-  computed: {
-    icon() {
-      return this.isOpen ? 'arrow_drop_up' : 'arrow_drop_down';
-    },
-    states() {
-      return {
-        open: this.isOpen,
-        error: this.isInvalid,
-        disabled: this.isDisabled,
-        multiselect: this.isMultiSelect,
-        top: this.isTop
-      };
-    },
-    isEmptyValue() {
-      return _.isNumber(this.value) ? false : _.isEmpty(this.value);
-    }
-  },
-  methods: {
-    handleToggleContent() {
-      if (!this.isDisabled) {
-        this.$emit('toggle-content');
-      }
-    }
-  }
-});
-
-var css_248z$7 = "@keyframes spinAround-data-v-f80dc71c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-f80dc71c{from{opacity:1}to{opacity:0}}.or-select-input[data-v-f80dc71c]{display:flex;padding:0 .5rem;cursor:pointer}.or-select-input.input-wrapper[data-v-f80dc71c]{min-height:2.25rem;background-color:var(--c-neutral-1);border:1px solid var(--c-neutral-2);border-radius:.25rem}.or-select-input.input-wrapper.error[data-v-f80dc71c]{border-color:var(--c-error)}.or-select-input.open[data-v-f80dc71c],.or-select-input[data-v-f80dc71c]:hover:not(.disabled){background-color:var(--c-white)}.or-select-input.open[data-v-f80dc71c]{border-color:var(--c-neutral-2)}.or-select-input.open[data-v-f80dc71c]:not(.top){border-bottom-right-radius:0;border-bottom-left-radius:0}.or-select-input.open.top[data-v-f80dc71c]{border-top-left-radius:0;border-top-right-radius:0}.or-select-input.disabled[data-v-f80dc71c]{cursor:not-allowed}.or-select-input.disabled[data-v-f80dc71c]:not(.multiselect){background-color:var(--c-neutral-1-darken-5)}.or-select-input-placeholder[data-v-f80dc71c]{display:flex;align-items:center;overflow:hidden;color:var(--c-neutral-4);user-select:none}.or-select-input-placeholder-text[data-v-f80dc71c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-select-input-button[data-v-f80dc71c]{display:flex;align-items:center;height:2.125rem;margin-left:auto}.or-select-input-button[data-v-f80dc71c]  .or-icon{margin-left:.5rem}";
-styleInject(css_248z$7);
-
-/* script */
-const __vue_script__$7 = script$7;
-/* template */
-var __vue_render__$7 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-input input-wrapper",
-    class: _vm.states,
-    on: {
-      "click": _vm.handleToggleContent
-    }
-  }, [_vm.isEmptyValue ? _c('div', {
-    staticClass: "or-select-input-placeholder"
-  }, [_c('span', {
-    staticClass: "or-select-input-placeholder-text"
-  }, [_vm._v("\n      " + _vm._s(_vm.placeholder) + "\n    ")])]) : _vm._e(), _vm._v(" "), !_vm.isEmptyValue ? _vm._t("input-value", function () {
-    return [_c('or-select-input-value', {
-      attrs: {
-        "value": _vm.value,
-        "options": _vm.options,
-        "is-multi-select": _vm.isMultiSelect,
-        "is-disabled": _vm.isDisabled
-      },
-      on: {
-        "delete-value": function ($event) {
-          return _vm.$emit('delete-value', $event);
-        }
-      }
-    })];
-  }, {
-    "value": _vm.value,
-    "options": _vm.options
-  }) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "or-select-input-button"
-  }, [_c('or-icon', {
-    attrs: {
-      "icon": _vm.icon
-    }
-  })], 1)], 2);
-};
-var __vue_staticRenderFns__$7 = [];
-
-/* style */
-const __vue_inject_styles__$7 = undefined;
-/* scoped */
-const __vue_scope_id__$7 = "data-v-f80dc71c";
-/* module identifier */
-const __vue_module_identifier__$7 = undefined;
-/* functional template */
-const __vue_is_functional_template__$7 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
-
-var script$6 = defineComponent({
-  name: 'OrSelectSearchOptions',
-  components: {
-    OrIcon: __vue_component__$a
-  },
-  props: {
-    isTop: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  emits: ['search-change'],
-  data() {
-    return {
-      search: '',
-      placeholder: DEFAULT_TEXT.SEARCH_PLACEHOLDER
-    };
-  },
-  computed: {
-    icon() {
-      return this.search ? 'close' : 'search';
-    }
-  },
-  methods: {
-    handleSearchChange(search) {
-      this.search = search;
-      this.$emit('search-change', search);
-    }
-  }
-});
-
-var css_248z$6 = "@keyframes spinAround-data-v-d8d3169a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-d8d3169a{from{opacity:1}to{opacity:0}}.or-select-search-options[data-v-d8d3169a]{display:flex;flex:0 0 auto;align-items:center;height:2.1875rem;padding:0 .5rem}.or-select-search-options[data-v-d8d3169a]:not(.top){border-bottom:1px solid var(--c-neutral-2)}.or-select-search-options.top[data-v-d8d3169a]{border-top:1px solid var(--c-neutral-2)}.or-select-search-options-input[data-v-d8d3169a]{flex:1 1 100%;min-width:0;height:100%;background:0 0;border:none;outline:0}.or-select-search-options-button[data-v-d8d3169a]{display:flex;padding:.125rem;margin-left:.5rem;cursor:pointer}.or-select-search-options-button[data-v-d8d3169a]  .or-icon{font-size:1rem;color:var(--c-neutral-4)}";
-styleInject(css_248z$6);
-
-/* script */
-const __vue_script__$6 = script$6;
-/* template */
-var __vue_render__$6 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-search-options",
-    class: {
-      'top': _vm.isTop
-    }
-  }, [_c('input', {
-    staticClass: "or-select-search-options-input",
-    attrs: {
-      "placeholder": _vm.placeholder
-    },
-    domProps: {
-      "value": _vm.search
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.handleSearchChange($event.target.value);
-      }
-    }
-  }), _vm._v(" "), _c('span', {
-    staticClass: "or-select-search-options-button",
-    on: {
-      "click": function ($event) {
-        return _vm.handleSearchChange('');
-      }
-    }
-  }, [_c('or-icon', {
-    attrs: {
-      "icon": _vm.icon
-    }
-  })], 1)]);
-};
-var __vue_staticRenderFns__$6 = [];
-
-/* style */
-const __vue_inject_styles__$6 = undefined;
-/* scoped */
-const __vue_scope_id__$6 = "data-v-d8d3169a";
-/* module identifier */
-const __vue_module_identifier__$6 = undefined;
-/* functional template */
-const __vue_is_functional_template__$6 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
-
-/** TODO: Use text management library! */
-var script$5 = defineComponent({
-  name: 'OrSelectContentEmpty',
-  props: {
-    search: {
-      type: String,
-      default: ''
-    },
-    noResultsTitle: OR_SELECT_NO_RESULTS_TITLE_PROP,
-    noResultsStartText: OR_SELECT_NO_RESULTS_START_TEXT_PROP,
-    noResultsEndText: OR_SELECT_NO_RESULTS_END_TEXT_PROP,
-    updateSearchText: OR_SELECT_UPDATE_SEARCH_TEXT_PROP
-  }
-});
-
-var css_248z$5 = "@keyframes spinAround-data-v-48c0de3c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-48c0de3c{from{opacity:1}to{opacity:0}}.or-select-content-empty[data-v-48c0de3c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:10.625rem}.or-select-content-empty-title[data-v-48c0de3c]{font-weight:var(--fw-1)}.or-select-content-empty-description[data-v-48c0de3c]{margin-top:.5rem}";
-styleInject(css_248z$5);
-
-/* script */
-const __vue_script__$5 = script$5;
-/* template */
-var __vue_render__$5 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-content-empty"
-  }, [_c('div', {
-    staticClass: "or-select-content-empty-title"
-  }, [_vm._v("\n    " + _vm._s(_vm.noResultsTitle) + "\n  ")]), _vm._v(" "), _vm.search ? [_c('div', {
-    staticClass: "or-select-content-empty-description"
-  }, [_vm._v("\n      " + _vm._s(_vm.noResultsStartText)), _c('strong', [_vm._v(_vm._s(_vm.search))]), _vm._v(_vm._s(_vm.noResultsEndText) + "\n    ")]), _vm._v("\n\n    " + _vm._s(_vm.updateSearchText) + "\n  ")] : _vm._e()], 2);
-};
-var __vue_staticRenderFns__$5 = [];
-
-/* style */
-const __vue_inject_styles__$5 = undefined;
-/* scoped */
-const __vue_scope_id__$5 = "data-v-48c0de3c";
-/* module identifier */
-const __vue_module_identifier__$5 = undefined;
-/* functional template */
-const __vue_is_functional_template__$5 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
-
-var script$4 = defineComponent({
-  name: 'OrSelectOption',
-  components: {
-    OrCheckbox: __vue_component__$b
-  },
-  props: {
-    option: {
-      type: Object,
-      required: true
-    },
-    isActive: Boolean,
-    isCheckbox: Boolean
-  },
-  emits: ['select-option'],
-  computed: {
-    optionLabel() {
-      var _a;
-      return String((_a = this.option.label) !== null && _a !== void 0 ? _a : this.option.value);
-    }
-  }
-});
-
-var css_248z$4 = "@keyframes spinAround-data-v-2204257c{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2204257c{from{opacity:1}to{opacity:0}}.or-select-option[data-v-2204257c]{display:flex;align-items:center;height:2.125rem;padding:0 .5rem;cursor:pointer}.or-select-option[data-v-2204257c]:hover{background-color:var(--c-neutral-1)}.or-select-option.active[data-v-2204257c]:not(.checkbox){background-color:var(--c-neutral-2);font-weight:var(--fw-1)}.or-select-option[data-v-2204257c]  .or-checkbox--content,.or-select-option-content[data-v-2204257c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.or-select-option .or-checkbox[data-v-2204257c]{overflow:hidden}";
-styleInject(css_248z$4);
-
-/* script */
-const __vue_script__$4 = script$4;
-/* template */
-var __vue_render__$4 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-option",
-    class: {
-      active: _vm.isActive,
-      checkbox: _vm.isCheckbox
-    },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('select-option');
-      }
-    }
-  }, [!_vm.isCheckbox ? _c('span', {
-    staticClass: "or-select-option-content"
-  }, [_vm._v("\n    " + _vm._s(_vm.optionLabel) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm.isCheckbox ? _c('or-checkbox', {
-    attrs: {
-      "label": _vm.optionLabel,
-      "model-value": _vm.isActive
-    }
-  }) : _vm._e()], 1);
-};
-var __vue_staticRenderFns__$4 = [];
-
-/* style */
-const __vue_inject_styles__$4 = undefined;
-/* scoped */
-const __vue_scope_id__$4 = "data-v-2204257c";
-/* module identifier */
-const __vue_module_identifier__$4 = undefined;
-/* functional template */
-const __vue_is_functional_template__$4 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
-
-var script$3 = defineComponent({
-  name: 'OrSelectContentOptions',
-  components: {
-    OrSelectOption: __vue_component__$4
-  },
-  props: {
-    value: OR_SELECT_VALUE_PROP,
-    options: OR_SELECT_OPTIONS_PROP,
-    isMultiSelect: Boolean
-  },
-  emits: ['select-option'],
-  methods: {
-    isActive(option) {
-      return this.isMultiSelect ? (this.value || []).includes(option.value) : option.value === this.value;
-    },
-    /** Bind event and content here, so slot won't have to manage event name and payload */
-    getOnSelectCallback(option) {
-      return () => this.$emit('select-option', option);
-    }
-  }
-});
-
-var css_248z$3 = ".or-select-content-options[data-v-9c43707e]{display:flex;flex-direction:column;flex:1 1 100%}";
-styleInject(css_248z$3);
-
-/* script */
-const __vue_script__$3 = script$3;
-/* template */
-var __vue_render__$3 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-content-options"
-  }, _vm._l(_vm.options, function (option) {
-    return _c('div', {
-      key: option.value,
-      staticClass: "or-select-content-option-wrapper"
-    }, [_vm._t("content-option", function () {
-      return [_c('or-select-option', {
-        attrs: {
-          "option": option,
-          "is-active": _vm.isActive(option),
-          "is-checkbox": _vm.isMultiSelect
-        },
-        on: {
-          "select-option": function ($event) {
-            return _vm.$emit('select-option', option);
-          }
-        }
-      })];
-    }, {
-      "option": option,
-      "isActive": _vm.isActive(option),
-      "onSelect": _vm.getOnSelectCallback(option)
-    })], 2);
-  }), 0);
-};
-var __vue_staticRenderFns__$3 = [];
-
-/* style */
-const __vue_inject_styles__$3 = undefined;
-/* scoped */
-const __vue_scope_id__$3 = "data-v-9c43707e";
-/* module identifier */
-const __vue_module_identifier__$3 = undefined;
-/* functional template */
-const __vue_is_functional_template__$3 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
-
-var script$2 = defineComponent({
-  name: 'OrSelectContent',
-  components: {
-    OrLoader: __vue_component__$c,
-    OrSelectSearchOptions: __vue_component__$6,
-    OrSelectContentEmpty: __vue_component__$5,
-    OrSelectContentOptions: __vue_component__$3
-  },
-  props: {
-    value: OR_SELECT_VALUE_PROP,
-    options: OR_SELECT_OPTIONS_PROP,
-    useSearch: Boolean,
-    isTop: Boolean,
-    isLoading: Boolean,
-    isMultiSelect: Boolean,
-    noResultsTitle: OR_SELECT_NO_RESULTS_TITLE_PROP,
-    noResultsStartText: OR_SELECT_NO_RESULTS_START_TEXT_PROP,
-    noResultsEndText: OR_SELECT_NO_RESULTS_END_TEXT_PROP,
-    updateSearchText: OR_SELECT_UPDATE_SEARCH_TEXT_PROP
-  },
-  emits: ['search-change', 'select-option'],
-  data() {
-    return {
-      search: ''
-    };
-  },
-  computed: {
-    showOptions() {
-      return !this.isLoading && this.options.length > 0;
-    },
-    showEmptyResult() {
-      return !this.isLoading && !this.options.length;
-    }
-  },
-  methods: {
-    handleSearchChange(search) {
-      this.search = search;
-      this.$emit('search-change', search);
-    },
-    handleSelectOption(option) {
-      this.$emit('select-option', option);
-    }
-  }
-});
-
-var css_248z$2 = "@keyframes spinAround-data-v-63b1ffa4{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-63b1ffa4{from{opacity:1}to{opacity:0}}.or-select-content[data-v-63b1ffa4]{display:flex;flex-direction:column;background-color:var(--c-white);border:1px solid var(--c-neutral-2);overflow:hidden}.or-select-content[data-v-63b1ffa4]:not(.top){border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;box-shadow:0 .125rem .5rem 0 rgba(0,0,0,.1)}.or-select-content.top[data-v-63b1ffa4]{border-top-right-radius:.25rem;border-top-left-radius:.25rem;box-shadow:0 -.125rem .5rem 0 rgba(0,0,0,.1)}.or-select-content-main[data-v-63b1ffa4]{display:flex;flex:1 1 100%;flex-direction:column;max-height:10.625rem;overflow-y:auto}.or-select-content-main.center-content[data-v-63b1ffa4]{flex:0 0 10.625rem;align-items:center;justify-content:center}";
-styleInject(css_248z$2);
-
-/* script */
-const __vue_script__$2 = script$2;
-/* template */
-var __vue_render__$2 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select-content",
-    class: {
-      'top': _vm.isTop
-    }
-  }, [_vm.useSearch && !_vm.isTop ? _c('or-select-search-options', {
-    on: {
-      "search-change": _vm.handleSearchChange
-    }
-  }) : _vm._e(), _vm._v(" "), _c('div', {
-    staticClass: "or-select-content-main",
-    class: {
-      'center-content': _vm.isLoading
-    }
-  }, [_vm.isLoading ? _c('or-loader') : _vm._e(), _vm._v(" "), _vm.showEmptyResult ? _vm._t("empty-options", function () {
-    return [_c('or-select-content-empty', {
-      attrs: {
-        "search": _vm.search,
-        "no-results-title": _vm.noResultsTitle,
-        "no-results-start-text": _vm.noResultsStartText,
-        "no-results-end-text": _vm.noResultsEndText,
-        "update-search-text": _vm.updateSearchText
-      }
-    })];
-  }, {
-    "search": _vm.search
-  }) : _vm._e(), _vm._v(" "), _vm._t("content-options", function () {
-    return [_vm.showOptions ? _c('or-select-content-options', {
-      attrs: {
-        "value": _vm.value,
-        "options": _vm.options,
-        "is-multi-select": _vm.isMultiSelect
-      },
-      on: {
-        "select-option": function ($event) {
-          return _vm.$emit('select-option', $event);
-        }
-      },
-      scopedSlots: _vm._u([{
-        key: "content-option",
-        fn: function (scope) {
-          return [_vm._t("content-option", null, null, scope)];
-        }
-      }], null, true)
-    }) : _vm._e()];
-  }, {
-    "onSelectOption": _vm.handleSelectOption
-  })], 2), _vm._v(" "), _vm.useSearch && _vm.isTop ? _c('or-select-search-options', {
-    attrs: {
-      "is-top": ""
-    },
-    on: {
-      "search-change": _vm.handleSearchChange
-    }
-  }) : _vm._e()], 1);
-};
-var __vue_staticRenderFns__$2 = [];
-
-/* style */
-const __vue_inject_styles__$2 = undefined;
-/* scoped */
-const __vue_scope_id__$2 = "data-v-63b1ffa4";
-/* module identifier */
-const __vue_module_identifier__$2 = undefined;
-/* functional template */
-const __vue_is_functional_template__$2 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
-
-var script$1 = defineComponent({
-  name: 'OrSelect',
-  components: {
-    OrSelectInput: __vue_component__$7,
-    OrSelectContent: __vue_component__$2,
-    OrFloating: __vue_component__$d
-  },
-  props: {
-    value: OR_SELECT_VALUE_PROP,
-    options: OR_SELECT_OPTIONS_PROP,
-    placeholder: OR_SELECT_PLACEHOLDER_PROP,
-    contentOptions: OR_SELECT_OPTIONS_PROP,
-    useSearch: Boolean,
-    isMultiSelect: Boolean,
-    isLoading: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean,
-    noResultsTitle: OR_SELECT_NO_RESULTS_TITLE_PROP,
-    noResultsStartText: OR_SELECT_NO_RESULTS_START_TEXT_PROP,
-    noResultsEndText: OR_SELECT_NO_RESULTS_END_TEXT_PROP,
-    updateSearchText: OR_SELECT_UPDATE_SEARCH_TEXT_PROP,
-    ignoreClickOutside: Boolean
-  },
-  emits: ['open', 'close', 'input', 'search-change'],
-  setup(props) {
-    const isOpen = ref(false);
-    const root = ref();
-    const content = ref(null);
-    const floating = ref();
-    onClickOutside(content, evt => {
-      if (props.ignoreClickOutside) return;
-      if (evt.composedPath().includes(root.value)) return;
-      isOpen.value = false;
-    });
-    return {
-      root,
-      floating,
-      content,
-      isOpen
-    };
-  },
-  computed: {
-    isFlipped() {
-      var _a, _b;
-      return (_b = (_a = this.floating) === null || _a === void 0 ? void 0 : _a.isFlipped) !== null && _b !== void 0 ? _b : false;
-    }
-  },
-  watch: {
-    /* Closing dropdown should notify about search state reset */
-    isOpen(isOpen) {
-      const event = isOpen ? 'open' : 'close';
-      this.$emit(event);
-      if (!isOpen && this.useSearch) {
-        this.$emit('search-change', '');
-      }
-    }
-  },
-  methods: {
-    handleOptionSelect(option) {
-      if (this.isMultiSelect) {
-        const copy = [...this.value];
-        const index = copy.findIndex(optionId => optionId === option.value);
-        index !== -1 ? copy.splice(index, 1) : copy.push(option.value);
-        this.$emit('input', copy);
-      } else {
-        this.$emit('input', option.value);
-        this.isOpen = false;
-      }
-    },
-    handleDeleteValue(optionId) {
-      const value = [...this.value].filter(valueItem => valueItem !== optionId);
-      this.$emit('input', value);
-    }
-  }
-});
-
-var css_248z$1 = "@keyframes spinAround-data-v-aeff87be{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-aeff87be{from{opacity:1}to{opacity:0}}.or-select-main[data-v-aeff87be]{position:relative}.or-select-main .or-select-input[data-v-aeff87be]{position:relative}.or-floating .or-select-content[data-v-aeff87be]{width:100%}.or-floating .or-select-content[data-v-aeff87be]:not(.top){border-top:none}.or-floating .or-select-content.top[data-v-aeff87be]{border-bottom:none}";
-styleInject(css_248z$1);
-
-/* script */
-const __vue_script__$1 = script$1;
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    staticClass: "or-select-main",
-    class: {
-      open: _vm.isOpen
-    }
-  }, [_c('or-select-input', {
-    attrs: {
-      "value": _vm.value,
-      "options": _vm.options,
-      "placeholder": _vm.placeholder,
-      "is-open": _vm.isOpen,
-      "is-multi-select": _vm.isMultiSelect,
-      "is-top": _vm.isFlipped,
-      "is-disabled": _vm.isDisabled,
-      "is-invalid": _vm.isInvalid
-    },
-    on: {
-      "toggle-content": function ($event) {
-        _vm.isOpen = !_vm.isOpen;
-      },
-      "delete-value": _vm.handleDeleteValue
-    },
-    scopedSlots: _vm._u([{
-      key: "input-value",
-      fn: function (scope) {
-        return [_vm._t("input-value", null, null, scope)];
-      }
-    }], null, true)
-  }), _vm._v(" "), _vm.isOpen ? _c('or-floating', {
-    ref: "floating",
-    attrs: {
-      "trigger": _vm.root,
-      "placement": "bottom",
-      "is-inheriting-width": "",
-      "is-using-flip": "",
-      "hide-strategy": "escaped",
-      "z-index-offset": 10
-    }
-  }, [_c('or-select-content', {
-    ref: "content",
-    class: {
-      'top': _vm.isFlipped
-    },
-    attrs: {
-      "value": _vm.value,
-      "options": _vm.contentOptions,
-      "use-search": _vm.useSearch,
-      "is-multi-select": _vm.isMultiSelect,
-      "is-loading": _vm.isLoading,
-      "is-top": _vm.isFlipped,
-      "no-results-title": _vm.noResultsTitle,
-      "no-results-start-text": _vm.noResultsStartText,
-      "no-results-end-text": _vm.noResultsEndText,
-      "update-search-text": _vm.updateSearchText
-    },
-    on: {
-      "select-option": _vm.handleOptionSelect,
-      "search-change": function ($event) {
-        return _vm.$emit('search-change', $event);
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "empty-options",
-      fn: function (scope) {
-        return [_vm._t("empty-options", null, null, scope)];
-      }
-    }, {
-      key: "content-option",
-      fn: function (scope) {
-        return [_vm._t("content-option", null, null, scope)];
-      }
-    }, {
-      key: "content-options",
-      fn: function (scope) {
-        return [_vm._t("content-options", null, null, scope)];
-      }
-    }], null, true)
-  })], 1) : _vm._e()], 1);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = "data-v-aeff87be";
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-var script = defineComponent({
-  name: 'OrSelect',
-  components: {
-    OrSelectMain: __vue_component__$1,
-    OrLabel: __vue_component__$e,
-    OrError: __vue_component__$f
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    /** Values are displayed as is, when there are no matching options */
-    modelValue: OR_SELECT_VALUE_PROP,
-    /**
-     * Options visible by default, when search options are empty.
-     * In order to display labels for values, we need options that match them by ID.
-     */
-    options: OR_SELECT_OPTIONS_PROP,
-    /**
-     * User can override list of options visible in dropdown content,
-     * for example when displaying search results.
-     * Does't work when search function is provided.
-     */
-    searchOptions: OR_SELECT_SEARCH_OPTIONS_PROP,
-    placeholder: OR_SELECT_PLACEHOLDER_PROP,
-    label: COMMON_STRING_PROP,
-    error: COMMON_STRING_PROP,
-    /**
-     * Enables search textbox, but does nothing by default.
-     * User has either to listen to 'search-change' event, or provide search function.
-     */
-    useSearch: Boolean,
-    isMultiSelect: Boolean,
-    /** Ignored when search function is provided */
-    isLoading: Boolean,
-    isRequired: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean,
-    ignoreClickOutside: Boolean,
-    /**
-     * When search function is provided, make component self-managed,
-     * and ignore props like "searchOptions" and "isLoading".
-     */
-    searchFunction: SEARCH_OPTIONS_FUNCTION_PROP,
-    noResultsTitle: OR_SELECT_NO_RESULTS_TITLE_PROP,
-    noResultsStartText: OR_SELECT_NO_RESULTS_START_TEXT_PROP,
-    noResultsEndText: OR_SELECT_NO_RESULTS_END_TEXT_PROP,
-    updateSearchText: OR_SELECT_UPDATE_SEARCH_TEXT_PROP
-  },
-  emits: ['update:modelValue', 'open', 'close', 'search-change'],
-  data() {
-    return {
-      localIsLoading: null,
-      localContentOptions: null
-    };
-  },
-  computed: {
-    /**
-     * When component is self-managed - local options override everything else.
-     * Otherwise user can override options with a different list.
-     */
-    contentOptions() {
-      return this.localContentOptions || this.searchOptions || this.options;
-    },
-    isContentLoading() {
-      var _a;
-      return (_a = this.localIsLoading) !== null && _a !== void 0 ? _a : this.isLoading;
-    }
-  },
-  methods: {
-    async handleSearchChange(search) {
-      /* If component is managed by parent,
-         simply emit event and let parent provide search results. */
-      if (!this.searchFunction) {
-        this.$emit('search-change', search);
-        return;
-      }
-      /* Search function is applied to non-zero search values,
-         since original options are displayed by default. */
-      if (!search) {
-        this.localContentOptions = this.options;
-      }
-      const searchResult = this.searchFunction({
-        search
-      });
-      const searchResultPromise = searchResult;
-      /* Automatically manage loading state, when search function return promise */
-      if (!searchResultPromise.then) {
-        this.localContentOptions = searchResult;
-        return;
-      }
-      try {
-        this.localIsLoading = true;
-        this.localContentOptions = await searchResultPromise;
-      } finally {
-        this.localIsLoading = false;
-      }
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-0e970410{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-0e970410{from{opacity:1}to{opacity:0}}.or-select[data-v-0e970410]{display:flex;flex-direction:column;font-size:var(--fs-1)}.or-select .or-label[data-v-0e970410]{margin-bottom:var(--s-1)}.or-select .or-error[data-v-0e970410]{margin-top:var(--s-1)}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "or-select"
-  }, [_vm.label ? _c('or-label', {
-    attrs: {
-      "label": _vm.label,
-      "is-required": _vm.isRequired
-    },
-    scopedSlots: _vm._u([{
-      key: "append",
-      fn: function () {
-        return [_vm._t("label-append")];
-      },
-      proxy: true
-    }], null, true)
-  }) : _vm._e(), _vm._v(" "), _c('or-select-main', {
-    attrs: {
-      "value": _vm.modelValue,
-      "options": _vm.options,
-      "content-options": _vm.contentOptions,
-      "placeholder": _vm.placeholder,
-      "use-search": _vm.useSearch,
-      "is-multi-select": _vm.isMultiSelect,
-      "is-loading": _vm.isContentLoading,
-      "is-disabled": _vm.isDisabled,
-      "is-invalid": _vm.isInvalid,
-      "no-results-title": _vm.noResultsTitle,
-      "no-results-start-text": _vm.noResultsStartText,
-      "no-results-end-text": _vm.noResultsEndText,
-      "update-search-text": _vm.updateSearchText,
-      "ignore-click-outside": _vm.ignoreClickOutside
-    },
-    on: {
-      "input": function ($event) {
-        return _vm.$emit('update:modelValue', $event);
-      },
-      "search-change": _vm.handleSearchChange,
-      "open": function ($event) {
-        return _vm.$emit('open');
-      },
-      "close": function ($event) {
-        return _vm.$emit('close');
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "empty-options",
-      fn: function (scope) {
-        return [_vm._t("empty-options", null, null, scope)];
-      }
-    }, {
-      key: "input-value",
-      fn: function (scope) {
-        return [_vm._t("input-value", null, null, scope)];
-      }
-    }, {
-      key: "content-option",
-      fn: function (scope) {
-        return [_vm._t("content-option", null, null, scope)];
-      }
-    }, {
-      key: "content-options",
-      fn: function (scope) {
-        return [_vm._t("content-options", null, null, scope)];
-      }
-    }], null, true)
-  }), _vm._v(" "), _vm.isInvalid ? _c('or-error', {
-    attrs: {
-      "error": _vm.error
-    }
-  }) : _vm._e()], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-0e970410";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as _ };