@onereach/ui-components 4.6.2-beta.2782.0 → 4.6.2

package/dist/esm/v3/{OrBottomSheet-348fe528.js → OrBottomSheet-5969a217.js}

@@ -1,7 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watch, unref } from 'vue-demi';
-import { u as usePopoverState } from './usePopoverState-30ac6da1.js';
-import { s as script$1 } from './OrOverlay-28952099.js';
+import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
+import { s as script$1 } from './OrOverlay-bf72f582.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 
 var BottomSheetVariant;
@@ -57,17 +56,13 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
     variant: {
       type: String,
       default: BottomSheetVariant.Advanced
     }
   },
-  emits: ['update:state', 'open', 'close'],
-  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
+  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'open', 'close'],
   setup(props, context) {
     // Refs
     const root = ref();
@@ -76,18 +71,43 @@ var script = defineComponent({
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
-    const {
-      state,
-      open,
-      close,
-      toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
-    const fullscreen = ref(false);
+    const state = ref('closed');
+    const isOpen = computed(() => state.value === 'open');
+    const isFullscreen = computed(() => state.value === 'fullscreen');
+    const isClosed = computed(() => state.value === 'closed');
+    // Events
     watch(state, value => {
-      if (value === 'closed') {
-        fullscreen.value = false;
+      context.emit('update:state', value);
+      switch (value) {
+        case 'open':
+          context.emit('update:state:open');
+          break;
+        case 'fullscreen':
+          context.emit('update:state:fullscreen');
+          break;
+        case 'closed':
+          context.emit('update:state:closed');
+          break;
       }
     });
+    // Methods
+    function open() {
+      state.value = 'open';
+    }
+    function close() {
+      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      state.value = 'closed';
+      if (auto) {
+        context.emit('update:state:closed-automatically');
+      }
+    }
+    // Handlers
+    function onSwipeUp() {
+      state.value = 'fullscreen';
+    }
+    function onSwipeDown() {
+      state.value = state.value === 'fullscreen' ? 'open' : 'closed';
+    }
     // Effects
     // #region Swipe
     const swipeOptions = {
@@ -112,7 +132,7 @@ var script = defineComponent({
                 minHeight: '100%',
                 maxHeight: '100%'
               });
-              fullscreen.value = true;
+              onSwipeUp();
               break;
             case SwipeDirection.DOWN:
               Object.assign(rootElement.style, {
@@ -120,11 +140,7 @@ var script = defineComponent({
                 minHeight: '0',
                 maxHeight: '50%'
               });
-              if (fullscreen.value) {
-                fullscreen.value = false;
-              } else {
-                close();
-              }
+              onSwipeDown();
               break;
           }
         }
@@ -141,7 +157,7 @@ var script = defineComponent({
         } = _ref;
         return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
       })) {
-        close();
+        close(true);
       }
     });
     // #endregion
@@ -151,19 +167,20 @@ var script = defineComponent({
       handleStyles,
       headerStyles,
       state,
-      fullscreen,
+      isOpen,
+      isFullscreen,
+      isClosed,
       open,
-      close,
-      toggle
+      close
     };
   }
 });
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.state !== 'closed' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
-    fullscreen: _ctx.fullscreen
+    fullscreen: _ctx.state === 'fullscreen'
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"
@@ -175,7 +192,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass([_ctx.fullscreen ? 'overflow-y-auto' : 'overflow-hidden'])
+      class: normalizeClass([_ctx.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden'])
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */

package/dist/esm/v3/{OrButton-5410e79f.js → OrButton-0082a3ce.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue-demi';
-import { s as script$1, L as LoaderViews } from './OrLoader-7d0021b7.js';
+import { s as script$1, L as LoaderViews } from './OrLoader-7b006619.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrButton-e44f6f03.js → OrButton-78a118d7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, isVue3 } from 'vue-demi';
 import { s as script$1 } from './OrIcon-d8ea7901.js';
-import { s as script$2, L as LoaderViews } from './OrLoader-7d0021b7.js';
-import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-440b9f36.js';
+import { s as script$2, L as LoaderViews } from './OrLoader-7b006619.js';
+import { B as BUTTON_TYPE, a as BUTTON_COLOR, b as BUTTON_SIZE, H as HTML_BUTTON_TYPE } from './OrIconButton-ad0cbc8d.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrCardCollection-126e4eb3.js → OrCardCollection-b9218f98.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$1 } from './OrCard-e3a5aea4.js';
 import { s as script$2 } from './OrIcon-d8ea7901.js';
-import { s as script$3 } from './OrSearch-cdb1eeb4.js';
-import './OrButton-e44f6f03.js';
-import { s as script$4 } from './OrIconButton-440b9f36.js';
+import { s as script$3 } from './OrSearch-d0c8aca7.js';
+import './OrButton-78a118d7.js';
+import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrCardCollection-97807bb9.js → OrCardCollection-d5390215.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrIconButton-3d1ffea6.js';
+import { s as script$2 } from './OrIconButton-b7217ea5.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
-import { s as script$4 } from './OrMenu-458e495d.js';
-import './OrPopover-9bc36ad6.js';
-import { s as script$7 } from './OrSearch-ad1a1b36.js';
+import { s as script$4 } from './OrMenu-8a53ccf9.js';
+import './OrPopover-15c2968f.js';
+import { s as script$7 } from './OrSearch-ecad7638.js';
 import './OrInputBox-ba40bbdf.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrCheckbox-56d7b6eb.js → OrCheckbox-7093e9c2.js}

@@ -5,6 +5,10 @@ import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
+function isEmptyValue(val) {
+  return val === undefined || val === null || val === '';
+}
+
 const CheckboxRoot = [
 // Layout
 'layout-row',
@@ -94,7 +98,7 @@ var script = defineComponent({
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     const isChecked = computed(() => {
       if (Array.isArray(proxyModelValue.value)) {
-        return props.value && proxyModelValue.value.includes(props.value);
+        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
       }
       return !!proxyModelValue.value;
     });
@@ -175,4 +179,4 @@ script.render = render;
 script.__scopeId = "data-v-5358d710";
 script.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
 
-export { script as s };
+export { isEmptyValue as i, script as s };

package/dist/esm/v3/{OrCheckboxGroup-c41a99ba.js → OrCheckboxGroup-f755d216.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-9f581536.js';
-import { s as script$1 } from './OrCheckboxTree-fa6288af.js';
+import { s as script$1 } from './OrCheckboxTree-99f6eaec.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrCheckboxTree-fa6288af.js → OrCheckboxTree-99f6eaec.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { s as script$2 } from './OrCheckbox-56d7b6eb.js';
+import { s as script$2 } from './OrCheckbox-7093e9c2.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';

package/dist/esm/v3/{OrCode-cae13dcc.js → OrCode-2f8cdf96.js}

@@ -4,12 +4,12 @@ import { indentWithTab } from '@codemirror/commands';
 import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, ref } from 'vue-demi';
-import './OrButton-e44f6f03.js';
-import { s as script$1 } from './OrIconButton-440b9f36.js';
+import './OrButton-78a118d7.js';
+import { s as script$1 } from './OrIconButton-ad0cbc8d.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
 import { s as script$6 } from './OrLabel-a7d99df4.js';
-import { s as script$2 } from './OrModal-03ad23ea.js';
+import { s as script$2 } from './OrModal-f3a4813a.js';
 import { s as script$3 } from './OrTeleport.vue3-9bce0c02.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v3/{OrConfirm-a004c8b6.js → OrConfirm-704f817e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrButton-e44f6f03.js';
-import { a as BUTTON_COLOR } from './OrIconButton-440b9f36.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-03ad23ea.js';
+import { s as script$1 } from './OrButton-78a118d7.js';
+import { a as BUTTON_COLOR } from './OrIconButton-ad0cbc8d.js';
+import { s as script$2, O as OrModalSizes } from './OrModal-f3a4813a.js';
 import { s as script$3 } from './OrInput-9be9a209.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';

package/dist/esm/v3/{OrConfirm-06350a61.js → OrConfirm-fe8617ac.js}

@@ -1,10 +1,9 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
-import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
-import { u as usePopoverState } from './usePopoverState-30ac6da1.js';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-2e83e367.js';
-import { s as script$1 } from './OrOverlay-28952099.js';
+import { s as script$3 } from './OrInput-af5bb98a.js';
+import { s as script$1 } from './OrOverlay-bf72f582.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;
@@ -66,10 +65,6 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
     titleText: {
       type: String,
       required: false,
@@ -77,18 +72,22 @@ var script = defineComponent({
     },
     confirmButtonText: {
       type: String,
+      required: false,
       default: 'Confirm'
     },
     cancelButtonText: {
       type: String,
+      required: false,
       default: 'Cancel'
     },
     confirmType: {
       type: String,
+      required: false,
       default: ConfirmType.C
     },
     loading: {
       type: Boolean,
+      required: false,
       default: false
     },
     disabled: {
@@ -98,35 +97,43 @@ var script = defineComponent({
     },
     confirmationText: {
       type: String,
-      default: undefined
+      required: false,
+      default: null
     },
     textConfirmationLabel: {
       type: String,
-      default: undefined
+      required: false,
+      default: null
     },
     textConfirmationPlaceholder: {
       type: String,
-      default: undefined
+      required: false,
+      default: null
     },
     textConfirmationError: {
       type: String,
+      required: false,
+      default: null
+    },
+    isOpen: {
+      type: Boolean,
+      required: false,
       default: undefined
     }
   },
-  emits: ['update:state', 'open', 'close', 'confirm'],
-  expose: ['root', 'state', 'open', 'close'],
-  setup(props, context) {
+  emits: ['open', 'close', 'confirm'],
+  expose: ['root', 'isActive', 'open', 'close'],
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const confirmationInput = ref();
     const confirmationButton = ref();
     // State
     const touched = ref(false);
-    const {
-      state,
-      open,
-      close
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    const isActive = ref(props.isOpen || false);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
     const {
@@ -139,11 +146,22 @@ var script = defineComponent({
     const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);
     const confirmButtonColor = computed(() => props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger);
     // Methods
-    function confirm() {
-      if (!props.disabled && !isInvalid.value) {
-        context.emit('confirm');
+    function open() {
+      isActive.value = true;
+      emit('open');
+    }
+    function close() {
+      // In case if component opened by isOpen -  only event can be emited, app will catch it and flip reference
+      if (props.isOpen === true) {
+        emit('close');
+      } else {
+        isActive.value = false;
+        emit('close');
       }
     }
+    function confirm() {
+      if (!props.disabled && !isInvalid.value) emit('confirm');
+    }
     function onInputFocus() {
       isInputActive.value = true;
     }
@@ -152,14 +170,20 @@ var script = defineComponent({
       touched.value = true;
     }
     // Events
+    watch(() => props.isOpen, value => {
+      // In case if component opened by isOpen - no need to emmit events, we need just sync local state
+      if (value != undefined) {
+        isActive.value = value;
+      }
+    }, {
+      immediate: true
+    });
     watch(escape, val => {
       if (val) close();
     });
-    watch(state, value => {
-      if (value === 'closed') {
-        confirmationValue.value = '';
-        touched.value = false;
-      }
+    watch(isActive, () => {
+      confirmationValue.value = '';
+      touched.value = false;
     });
     // types here are used for fixing TS2349
     watch(confirmationInput, val => {
@@ -192,7 +216,7 @@ var script = defineComponent({
       isInvalid,
       isConfirmationButtonDisabled,
       touched,
-      state,
+      isActive,
       isInputActive,
       escape,
       rootStyles,
@@ -216,9 +240,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrInput = resolveComponent("OrInput");
   const _component_OrButton = resolveComponent("OrButton");
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
-    fullscreen: true
+    fullscreen: ""
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"

package/dist/esm/v3/{OrDatePicker-db267041.js → OrDatePicker-f144d074.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-eac28443.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-3d1ffea6.js';
+import { s as script$a } from './OrIconButton-b7217ea5.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
-import { s as script$d } from './OrPopover-9bc36ad6.js';
+import { s as script$d } from './OrPopover-15c2968f.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DatePicker = [
@@ -238,7 +238,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      onClose: _cache[5] || (_cache[5] = $event => _ctx.reset())
+      "onUpdate:state:closedAutomatically": _cache[5] || (_cache[5] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {

package/dist/esm/v3/{OrDateTimePicker-f505ab31.js → OrDateTimePicker-2214cd85.js}

@@ -2,13 +2,13 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$9 } from './OrError-c01d0c29.js';
 import { s as script$a } from './OrHint-06ab89d7.js';
-import { s as script$c } from './OrIconButton-3d1ffea6.js';
+import { s as script$c } from './OrIconButton-b7217ea5.js';
 import { s as script$b } from './OrIcon-62793572.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
-import { s as script$f } from './OrPopover-9bc36ad6.js';
+import { s as script$f } from './OrPopover-15c2968f.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-eac28443.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-e404e826.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
@@ -299,7 +299,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      onClose: _cache[6] || (_cache[6] = $event => _ctx.reset())
+      "onUpdate:state:closedAutomatically": _cache[6] || (_cache[6] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
@@ -348,7 +348,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
-      onClose: _cache[10] || (_cache[10] = $event => _ctx.reset())
+      "onUpdate:state:closedAutomatically": _cache[10] || (_cache[10] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
         default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {

package/dist/esm/v3/{OrDateTimePicker-cde869f4.js → OrDateTimePicker-c19dcefc.js}

@@ -6,8 +6,8 @@ import { s as script$3 } from './OrLabel-a7d99df4.js';
 import { s as script$4 } from './OrError-f90296db.js';
 import { s as script$5 } from './OrHint-8822005b.js';
 import { s as script$6 } from './OrCollapse-a06f22aa.js';
-import './OrButton-e44f6f03.js';
-import { s as script$7 } from './OrIconButton-440b9f36.js';
+import './OrButton-78a118d7.js';
+import { s as script$7 } from './OrIconButton-ad0cbc8d.js';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';

package/dist/esm/v3/{OrDateTimePickerMonthSelect-eac28443.js → OrDateTimePickerMonthSelect-5a7b7b5c.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$5 } from './OrIconButton-3d1ffea6.js';
+import { s as script$5 } from './OrIconButton-b7217ea5.js';
 import { s as script$4 } from './OrIcon-62793572.js';
 import { s as script$7 } from './OrMenuItem-dbee450f.js';
-import { s as script$6 } from './OrMenu-458e495d.js';
-import './OrPopover-9bc36ad6.js';
+import { s as script$6 } from './OrMenu-8a53ccf9.js';
+import './OrPopover-15c2968f.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {

package/dist/esm/v3/{OrIconButton-440b9f36.js → OrIconButton-ad0cbc8d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, isVue3, h } from 'vue-demi';
 import { s as script$3 } from './OrIcon-d8ea7901.js';
-import { s as script$4 } from './OrLoader-7d0021b7.js';
+import { s as script$4 } from './OrLoader-7b006619.js';
 import { s as script$2 } from './OrTooltip-c1006713.js';
 import './OrTooltipContent-c0042844.js';
 import { O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';

package/dist/esm/v3/{OrIconButton-3d1ffea6.js → OrIconButton-b7217ea5.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-00037d45.js';
-import './OrPopover-9bc36ad6.js';
+import { s as script$2 } from './OrTooltip-3d5fcaf9.js';
+import './OrPopover-15c2968f.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-3785a2fd.js → OrInlineInput-dcb28ea2.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-3d1ffea6.js';
+import { s as script$3 } from './OrIconButton-b7217ea5.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextEdit-be428430.js → OrInlineTextEdit-6bf54bd0.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { s as script$1 } from './OrCollapse-a06f22aa.js';
 import { s as script$2 } from './OrError-f90296db.js';
-import './OrButton-e44f6f03.js';
-import { s as script$3 } from './OrIconButton-440b9f36.js';
+import './OrButton-78a118d7.js';
+import { s as script$3 } from './OrIconButton-ad0cbc8d.js';
 import { useVModel } from '@vueuse/core';
 import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-f1d55b67.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';

package/dist/esm/v3/{OrInlineTextarea-7d5e758d.js → OrInlineTextarea-88eac437.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-3d1ffea6.js';
+import { s as script$3 } from './OrIconButton-b7217ea5.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-2e83e367.js → OrInput-af5bb98a.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-3d1ffea6.js';
+import { s as script$4 } from './OrIconButton-b7217ea5.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrList-9872c4e6.js → OrList-042d8681.js}

@@ -4,8 +4,8 @@ import isEqual from 'lodash/isEqual';
 import { v4 } from 'uuid';
 import Sortable from 'sortablejs';
 import { s as script$2 } from './OrLabel-a7d99df4.js';
-import { s as script$3 } from './OrButton-e44f6f03.js';
-import { s as script$4 } from './OrIconButton-440b9f36.js';
+import { s as script$3 } from './OrButton-78a118d7.js';
+import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
 import { s as script$5 } from './OrIcon-d8ea7901.js';
 import { s as script$1 } from './OrError-f90296db.js';
 import { resolveComponent, openBlock, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, withModifiers } from 'vue';

package/dist/esm/v3/{OrListOfInputs-916d8682.js → OrListOfInputs-ce0d6ac0.js}

@@ -1,9 +1,9 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrList-9872c4e6.js';
+import { s as script$1 } from './OrList-042d8681.js';
 import { s as script$2 } from './OrInput-9be9a209.js';
 import { s as script$3 } from './OrIcon-d8ea7901.js';
-import './OrButton-e44f6f03.js';
-import { s as script$4 } from './OrIconButton-440b9f36.js';
+import './OrButton-78a118d7.js';
+import { s as script$4 } from './OrIconButton-ad0cbc8d.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, mergeProps, createSlots, normalizeStyle } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrLoader-7d0021b7.js → OrLoader-7b006619.js}

@@ -2,7 +2,9 @@ import { defineComponent } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, createTextVNode, toDisplayString, Fragment, renderList, createElementVNode, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
-const isEmpty = val => val == null || !(Object.keys(val) || val).length;
+function isEmpty(val) {
+  return val == null || !(Object.keys(val) || val).length;
+}
 
 var LoaderViews;
 (function (LoaderViews) {