@onereach/ui-components 10.3.3 → 10.3.4-beta.4317.0

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eef95dbd.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -514,17 +514,29 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow']
-  })], 1), _vm._v(" "), !_vm.error ? [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()] : _vm._e(), _vm._v(" "), typeof _vm.error === 'string' ? [_c('OrError', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string' && _vm.error.length > 0,
+      expression: "typeof error === 'string' && error.length > 0"
+    }],
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])] : _vm._e()], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eef95dbd.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-31d1e247.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e2499ef1.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-0b9e141c.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-314341ee.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-305e36b3.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatTime } from './utils/formatTime.js';
 export { getCurrentDate } from './utils/getCurrentDate.js';

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js

@@ -1,4 +1,4 @@
-import { c as useScroll } from '../../index-13c63b4c.js';
+import { d as useScroll } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, isVue2, toRef, watch } from 'vue-demi';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-ba8d63bb.js';
+export { _ as default } from '../../OrInlineInput-82e094ab.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-ba8d63bb.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-82e094ab.js';

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { d as useVModel } from '../../index-13c63b4c.js';
+import { e as useVModel } from '../../index-fe85dfd9.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -125,7 +125,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-3f1c704e]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-37ef33bd]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -214,48 +214,44 @@ var __vue_render__ = function () {
         return _vm.reset.apply(null, arguments);
       }
     }
-  })], 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint || _vm.maxLength ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n        " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
+        return [_vm._v("\n      " + _vm._s(_vm.length) + " / " + _vm._s(_vm.maxLength) + "\n    ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)]);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n\n    ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-3f1c704e";
+const __vue_scope_id__ = "data-v-37ef33bd";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-436fb208.js';
+export { _ as default } from '../../OrInput-0153ab46.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-436fb208.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-0153ab46.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-2f433e52.js';
+export { _ as default } from '../../OrList-be5c0555.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-2f433e52.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-be5c0555.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { j as useElementSize } from '../../index-13c63b4c.js';
+import { k as useElementSize } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-13c63b4c.js';
-import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { k as useScrollLock } from '../../index-13c63b4c.js';
+import { l as useScrollLock } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { d as useVModel } from '../../index-13c63b4c.js';
+import { e as useVModel } from '../../index-fe85dfd9.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { e as useElementBounding } from '../../index-13c63b4c.js';
+import { f as useElementBounding } from '../../index-fe85dfd9.js';
 import { r as round_1 } from '../../round-b22acb42.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,4 +1,4 @@
-import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
+import { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
@@ -334,16 +334,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(toRef(props, 'minValue'), value => {
+    watch(() => props.minValue, value => {
       if (value >= props.maxValue) {
-        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
+        throw new Error('[OrRangeSlider]: `minValue` must be lesser than `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(toRef(props, 'maxValue'), value => {
+    watch(() => props.maxValue, value => {
       if (value <= props.minValue) {
-        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
+        throw new Error('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');
       }
     }, {
       immediate: true

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { f as useDraggable } from '../../index-13c63b4c.js';
+import { g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,5 +1,5 @@
-import { g as useResizeObserver, o as onClickOutside } from '../../index-13c63b4c.js';
-import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
+import { h as useResizeObserver, o as onClickOutside } from '../../index-fe85dfd9.js';
+import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-62ee11bf.js';
 import { OrRichTextEditor, EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
@@ -12,12 +12,13 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$6 } from '../../OrInput-0153ab46.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrErrorV3/OrError.js';
 import { a as useDebounceFn } from '../../index-279e78b9.js';
+import { isArray } from '../../utils/isArray.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -1652,7 +1653,7 @@ var script = defineComponent({
       activeHeadingLevel.value = ((_a = editor === null || editor === void 0 ? void 0 : editor.getAttributes('heading')) === null || _a === void 0 ? void 0 : _a.level) || 0;
     };
     const isVisible = value => {
-      if (Array.isArray(value)) {
+      if (isArray(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$1 } from '../../OrInput-0153ab46.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { o as onClickOutside } from '../../index-fe85dfd9.js';
 import { DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './constants.js';
 import __vue_component__$9 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,11 +1,12 @@
 import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
-import { castToMultipleValue } from './utils/castToMultipleValue.js';
-import { h as useFocus } from '../../index-13c63b4c.js';
+import { i as useFocus } from '../../index-fe85dfd9.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
-import { TagsOverflow } from '../OrTagsV3/props.js';
 import { isEqual } from '../../utils/isEqual.js';
+import { TagsOverflow } from '../OrTagsV3/props.js';
+import { isNil } from '../../utils/isNil.js';
+import { toArray } from '../../utils/toArray.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './styles.js';
 import __vue_component__$6 from '../OrCheckboxV3/OrCheckbox.js';
@@ -14,15 +15,17 @@ import __vue_component__$8 from '../OrExpansionPanelV3/OrExpansionPanel.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrIconV3/OrIcon.js';
 import __vue_component__$b from '../OrIconButtonV3/OrIconButton.js';
-import { _ as __vue_component__$c } from '../../OrInput-436fb208.js';
+import { _ as __vue_component__$c } from '../../OrInput-0153ab46.js';
 import __vue_component__$d from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$e from '../OrLabelV3/OrLabel.js';
 import __vue_component__$f from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$g from '../OrPopoverV3/OrPopover.js';
+import { searchItemsByLabel } from '../../helpers/searchItemsByLabel.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
+import { isArray } from '../../utils/isArray.js';
 
 const SelectControlInput = [
 // Base
@@ -300,7 +303,7 @@ var script$2 = defineComponent({
     // Styles
     const rootStyles = computed(() => ['or-select-multiple-control-v3', ...SelectMultipleControlRoot]);
     // Computed
-    const value = computed(() => castToMultipleValue(model.value));
+    const value = computed(() => isNil(model.value) ? [] : toArray(model.value));
     const isEmpty = computed(() => value.value.length === 0);
     const selection = computed(() => {
       if (model.value === undefined || model.value === null) {
@@ -608,6 +611,10 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
+    modelValue: {
+      type: [Object, String, Number, Array],
+      default: undefined
+    },
     options: {
       type: Array,
       default: () => []
@@ -616,14 +623,14 @@ var script = defineComponent({
       type: Array,
       default: () => []
     },
-    modelValue: {
-      type: [Object, String, Number, Array],
-      default: undefined
-    },
     multiple: {
       type: Boolean,
       default: false
     },
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -666,14 +673,7 @@ var script = defineComponent({
     },
     searchFunction: {
       type: Function,
-      default: async (searchText, options) => {
-        return options.filter(_ref => {
-          let {
-            label
-          } = _ref;
-          return label.toLowerCase().includes(searchText.toLowerCase());
-        });
-      }
+      default: searchItemsByLabel
     },
     groupByFunction: {
       type: Function,
@@ -682,10 +682,6 @@ var script = defineComponent({
     externalControl: {
       type: Boolean,
       default: false
-    },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
     }
   },
   emits: ['update:modelValue', 'focus', 'blur', 'search'],
@@ -753,8 +749,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
-      let [externalControl, searchText, options] = _ref2;
+    watch([() => props.externalControl, searchText, () => props.options], async _ref => {
+      let [externalControl, searchText, options] = _ref;
       if (externalControl) {
         context.emit('search', searchText);
       } else {
@@ -817,17 +813,17 @@ var script = defineComponent({
     }
     function deselect(option) {
       const modelValue = proxyModelValue.value;
-      if (Array.isArray(modelValue)) {
+      if (isArray(modelValue)) {
         proxyModelValue.value = modelValue.filter(value => value !== option);
       }
     }
     function toggleOption(option) {
       const modelValue = proxyModelValue.value;
       if (multiple.value) {
-        if (modelValue && Array.isArray(modelValue) && modelValue.includes(option)) {
+        if (modelValue && isArray(modelValue) && modelValue.includes(option)) {
           deselect(option);
         } else {
-          proxyModelValue.value = [...castToMultipleValue(modelValue), option];
+          proxyModelValue.value = [...toArray(modelValue), option];
         }
       } else {
         proxyModelValue.value = option;
@@ -1156,33 +1152,29 @@ var __vue_render__ = function () {
     return [_vm._v("\n            No results\n          ")];
   }, {
     "searchText": _vm.searchText
-  })], 2)]], 2)], 1), _vm._v(" "), _c('div', {
+  })], 2)]], 2)], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.error,
       expression: "!error"
     }],
-    class: ['contents']
-  }, [_vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
   }, [_vm._t("hint", function () {
-    return [_vm._v("\n          " + _vm._s(_vm.hint) + "\n        ")];
-  })], 2)] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    return [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")];
+  })], 2)] : _vm._e(), _vm._v(" "), _c('OrError', {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: typeof _vm.error === 'string' && _vm.error.length > 0,
       expression: "typeof error === 'string' && error.length > 0"
     }],
-    class: ['contents']
-  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.error) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -57,6 +57,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -65,14 +69,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
-    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -125,11 +129,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectValue>;
+        default: undefined;
+    };
     options: {
         type: PropType<SelectOption[]>;
         default: () => never[];
@@ -138,14 +142,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<SelectOption[]>;
         default: () => never[];
     };
-    modelValue: {
-        type: PropType<SelectValue>;
-        default: undefined;
-    };
     multiple: {
         type: BooleanConstructor;
         default: boolean;
     };
+    overflow: {
+        type: PropType<"wrap" | "scroll" | "hidden">;
+        default: () => TagsOverflow.Hidden;
+    };
     size: {
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
@@ -198,17 +202,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-    overflow: {
-        type: PropType<"wrap" | "scroll" | "hidden">;
-        default: () => TagsOverflow.Hidden;
-    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: SelectValue;
-    label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -220,7 +221,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -279,11 +279,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: SelectValue;
-    label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -295,16 +296,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: SelectValue;
-    label: string;
     options: SelectOption[];
     searchOptions: SelectOption[];
     multiple: boolean;
+    overflow: "wrap" | "scroll" | "hidden";
     size: "m" | "s";
+    label: string;
     placeholder: string;
     hint: string;
     error: string | boolean;
@@ -316,6 +317,5 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     searchFunction: SelectSearchFunction;
     groupByFunction: SelectGroupByFunction;
     externalControl: boolean;
-    overflow: "wrap" | "scroll" | "hidden";
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrSidebar/OrSidebar.js

@@ -1,4 +1,4 @@
-import { f as useDraggable } from '../../index-13c63b4c.js';
+import { g as useDraggable } from '../../index-fe85dfd9.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, f as useDraggable } from '../../index-13c63b4c.js';
+import { o as onClickOutside, g as useDraggable } from '../../index-fe85dfd9.js';
 import { f as addClass, h as removeClass } from '../../dom-59fe0ee3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';