@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2084.0

package/dist/bundled/v2/OrOverlay-f25c0d05.js

@@ -1,75 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrOverlay',
-  props: {
-    /** You can use this prop instead of v-if if you want to preserve content state */
-    isActive: {
-      type: Boolean,
-      default: false
-    },
-    /** Attach overlay to browser window rather then nearest relative container */
-    isPage: {
-      type: Boolean,
-      default: false
-    },
-    /** Show overlay without default background color */
-    isWithoutBackground: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    states() {
-      return {
-        active: this.isActive,
-        page: this.isPage,
-        'without-background': this.isWithoutBackground
-      };
-    }
-  }
-});
-
-/* 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-overlay",
-    class: _vm.states
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-72f1a32b_0", {
-    source: "@keyframes spinAround-data-v-72f1a32b{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-72f1a32b{from{opacity:1}to{opacity:0}}.or-overlay[data-v-72f1a32b]{display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:25}.or-overlay[data-v-72f1a32b]:not(.without-background){background-color:rgba(30,35,43,.8)}.or-overlay.active[data-v-72f1a32b]{display:flex}.or-overlay.page[data-v-72f1a32b]{position:fixed;height:100vh;width:100vw}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-72f1a32b";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var OrOverlay = __vue_component__;
-
-export { OrOverlay as O };

package/dist/bundled/v2/OrRadio-48d04879.js

@@ -1,145 +0,0 @@
-import { defineComponent, inject, computed } from 'vue-demi';
-import _ from 'lodash';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrRadio',
-  inheritAttrs: false,
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: null,
-      default: null
-    },
-    value: {
-      type: null,
-      default: null,
-      required: true
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isUncheckable: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
-    const radioGroupInstance = inject('radioGroupInstance', null);
-    const hasInjection = computed(() => !!radioGroupInstance);
-    const modifiedIsDisabled = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isDisabled) || props.isDisabled : props.isDisabled;
-    });
-    const modifiedIsUncheckable = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isUncheckable) || props.isUncheckable : props.isUncheckable;
-    });
-    const isChecked = computed(() => {
-      var _a;
-      if (hasInjection.value) {
-        return _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue'], null), props.value) || _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
-      }
-      return _.isEqual(props.modelValue, props.value) || _.isEqual((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
-    });
-    function onClick() {
-      if (!modifiedIsUncheckable.value && isChecked.value || modifiedIsDisabled.value) return;
-      const emitValue = modifiedIsUncheckable.value && isChecked.value ? null : {
-        label: props.label,
-        value: props.value
-      };
-      hasInjection.value ? radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.emit('update:modelValue', emitValue) : emit('update:modelValue', emitValue);
-    }
-    return {
-      modifiedIsDisabled,
-      modifiedIsUncheckable,
-      isChecked,
-      onClick
-    };
-  },
-  computed: {
-    rootClasses() {
-      return ['or-radio', {
-        'is-checked': this.isChecked,
-        'is-uncheckable': !this.modifiedIsUncheckable,
-        'is-disabled': this.modifiedIsDisabled
-      }, this.$attrs.class];
-    },
-    localAttrs() {
-      return _.omit(this.$attrs, 'class');
-    }
-  }
-});
-
-/* 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('label', {
-    class: _vm.rootClasses
-  }, [_c('input', _vm._b({
-    staticClass: "or-radio--input visually-hidden",
-    attrs: {
-      "disabled": _vm.modifiedIsDisabled,
-      "type": "radio"
-    },
-    domProps: {
-      "value": _vm.value,
-      "checked": _vm.isChecked
-    },
-    on: {
-      "click": _vm.onClick
-    }
-  }, 'input', _vm.localAttrs, false)), _vm._v(" "), _c('span', {
-    staticClass: "or-radio--radio"
-  }), _vm._v(" "), _c('span', {
-    staticClass: "or-radio--content"
-  }, [_vm._t("default", function () {
-    return [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")];
-  })], 2)]);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-5a7edd11_0", {
-    source: "@keyframes spinAround-data-v-5a7edd11{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5a7edd11{from{opacity:1}to{opacity:0}}.or-radio[data-v-5a7edd11]{display:inline-flex;align-items:center;cursor:pointer}.or-radio--radio[data-v-5a7edd11]{position:relative;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,opacity}.or-radio--radio[data-v-5a7edd11]::after{position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;content:\"\";background-color:var(--c-white);border-radius:inherit;transition-delay:.15s;transform:translate(-50%,-50%) scale(0);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform}.or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-radio.is-checked.is-uncheckable[data-v-5a7edd11]{cursor:default}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-primary);border-color:var(--c-primary)}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]::after{transform:translate(-50%,-50%) scale(1)}@media (hover:hover) and (pointer:fine){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-5);border-color:var(--c-neutral-2-darken-5)}.or-radio.is-disabled[data-v-5a7edd11],.or-radio[data-v-5a7edd11]:disabled{cursor:not-allowed}.or-radio.is-disabled .or-radio--radio[data-v-5a7edd11],.or-radio:disabled .or-radio--radio[data-v-5a7edd11]{opacity:.5}.or-radio.is-disabled .or-radio--content[data-v-5a7edd11],.or-radio:disabled .or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-4)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-5a7edd11";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };

package/dist/bundled/v2/OrSearch-9718ba70.js

@@ -1,247 +0,0 @@
-import { defineComponent, ref } from 'vue-demi';
-import __vue_component__$1 from './components/OrInput/OrInput.js';
-import { debouncedWatch } from '@vueuse/core';
-import { O as OrIconButton } from './OrIconButton-05c25d9d.js';
-import { B as BUTTON_SIZE } from './constants-6678dfb5.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrSearch',
-  components: {
-    OrInput: __vue_component__$1,
-    OrIconButton
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: String,
-      default: '',
-      required: false
-    },
-    htmlId: {
-      type: String,
-      default: '',
-      required: false
-    },
-    placeholder: {
-      type: String,
-      default: '',
-      required: false
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    error: {
-      type: String,
-      default: '',
-      required: false
-    },
-    hint: {
-      type: String,
-      default: '',
-      required: false
-    },
-    debounce: {
-      type: Number,
-      default: 500,
-      required: false
-    },
-    isUsingTrim: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    maxLength: {
-      type: Number,
-      default: undefined,
-      required: false
-    },
-    isSmall: Boolean,
-    isRequired: Boolean,
-    isDisabled: Boolean,
-    isReadonly: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['focus', 'blur', 'update:modelValue', 'input', 'search', 'clear', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
-    var _a;
-    const inputRef = ref();
-    const localValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
-    debouncedWatch(localValue, () => {
-      emit('search', props.isUsingTrim ? localValue.value.trim() : localValue.value);
-    }, {
-      debounce: +props.debounce
-    });
-    return {
-      inputRef,
-      localValue
-    };
-  },
-  computed: {
-    hasValue() {
-      var _a;
-      return !!((_a = this.localValue) === null || _a === void 0 ? void 0 : _a.length);
-    },
-    currentButtonIcon() {
-      return this.hasValue ? 'close' : 'search';
-    },
-    size() {
-      return this.isSmall ? BUTTON_SIZE.SMALL : BUTTON_SIZE.DEFAULT;
-    }
-  },
-  watch: {
-    modelValue(val) {
-      if (this.localValue !== val) this.localValue = val;
-    }
-  },
-  methods: {
-    onClick() {
-      var _a;
-      if (this.hasValue) {
-        this.localValue = '';
-        this.$emit('update:modelValue', '');
-        this.$emit('clear');
-        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-    },
-    onModelValueUpdate(value) {
-      this.localValue = value;
-      this.$emit('update:modelValue', value);
-    }
-  }
-});
-
-/* 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('or-input', {
-    ref: "inputRef",
-    staticClass: "or-search",
-    attrs: {
-      "model-value": _vm.localValue,
-      "html-id": _vm.htmlId,
-      "placeholder": _vm.placeholder,
-      "html-type": "search",
-      "label": _vm.label,
-      "error": _vm.error,
-      "hint": _vm.hint,
-      "max-length": _vm.maxLength,
-      "is-small": _vm.isSmall,
-      "is-required": _vm.isRequired,
-      "is-disabled": _vm.isDisabled,
-      "is-readonly": _vm.isReadonly,
-      "is-invalid": _vm.isInvalid
-    },
-    on: {
-      "focus": function ($event) {
-        return _vm.$emit('focus', $event);
-      },
-      "blur": function ($event) {
-        return _vm.$emit('blur', $event);
-      },
-      "update:modelValue": _vm.onModelValueUpdate,
-      "input": function ($event) {
-        return _vm.$emit('input', $event);
-      },
-      "keypress": function ($event) {
-        return _vm.$emit('keypress', $event);
-      },
-      "keyup": function ($event) {
-        return _vm.$emit('keyup', $event);
-      },
-      "keydown": function ($event) {
-        return _vm.$emit('keydown', $event);
-      }
-    },
-    scopedSlots: _vm._u([_vm.$slots.prepend ? {
-      key: "prepend",
-      fn: function () {
-        return [_vm._t("prepend")];
-      },
-      proxy: true
-    } : null, _vm.$slots['label-default'] ? {
-      key: "label-default",
-      fn: function () {
-        return [_vm._t("label-default")];
-      },
-      proxy: true
-    } : null, _vm.$slots['label-append'] ? {
-      key: "label-append",
-      fn: function () {
-        return [_vm._t("label-append")];
-      },
-      proxy: true
-    } : null, {
-      key: "wrapper-end",
-      fn: function () {
-        return [_c('or-icon-button', {
-          style: !_vm.hasValue ? {
-            pointerEvents: 'none'
-          } : null,
-          attrs: {
-            "icon": _vm.currentButtonIcon,
-            "icon-color": "neutral-4",
-            "size": _vm.size
-          },
-          on: {
-            "click": _vm.onClick
-          }
-        })];
-      },
-      proxy: true
-    }, _vm.$slots['input-end'] ? {
-      key: "input-end",
-      fn: function () {
-        return [_vm._t("input-end")];
-      },
-      proxy: true
-    } : null, _vm.$slots.append ? {
-      key: "append",
-      fn: function () {
-        return [_vm._t("append")];
-      },
-      proxy: true
-    } : null], null, true)
-  });
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-073ad33e_0", {
-    source: "@keyframes spinAround-data-v-073ad33e{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-073ad33e{from{opacity:1}to{opacity:0}}.or-search .or-icon-button-root[data-v-073ad33e]{position:absolute;top:50%;right:0;z-index:1;transform:translate(-.625rem,-50%)}.or-search[data-v-073ad33e]  .or-textbox--input{padding-right:calc(.625rem + 1.625rem)}.or-search.is-small[data-v-073ad33e]  .or-textbox--input{padding-right:calc(.625rem + 1.5rem)}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-const __vue_scope_id__ = "data-v-073ad33e";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* 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, createInjector, undefined, undefined);
-var OrSearch = __vue_component__;
-
-export { OrSearch as O };

package/dist/bundled/v2/OrSelect-6fdcd339.js

@@ -1,216 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import __vue_component__$2 from './components/OrSelectMain/OrSelectMain.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, g as OR_SELECT_SEARCH_OPTIONS_PROP, f as OR_SELECT_PLACEHOLDER_PROP, C as COMMON_STRING_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP, b as OR_SELECT_NO_RESULTS_TITLE_PROP, c as OR_SELECT_NO_RESULTS_START_TEXT_PROP, d as OR_SELECT_NO_RESULTS_END_TEXT_PROP, e as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from './constants-0e039de8.js';
-import { O as OrLabel } from './OrLabel-0574b639.js';
-import { O as OrError } from './OrError-9c32e442.js';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { c as createInjector } from './browser-82dea9ed.js';
-
-var script = defineComponent({
-  name: 'OrSelect',
-  components: {
-    OrSelectMain: __vue_component__$2,
-    OrLabel,
-    OrError
-  },
-  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;
-      }
-    }
-  }
-});
-
-/* 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__ = function (inject) {
-  if (!inject) return;
-  inject("data-v-0e970410_0", {
-    source: "@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)}",
-    map: undefined,
-    media: 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 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, createInjector, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
-
-export { __vue_component__$1 as _ };