@onereach/ui-components 4.6.1-beta.2771.0 → 4.6.1

package/dist/esm/v3/{OrCheckbox-ab457011.js → OrCheckbox-72ae9748.js}

@@ -1,6 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
-import { s as script$1 } from './OrIcon-b566a871.js';
+import { s as script$1 } from './OrIcon-d8ea7901.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -32,20 +31,18 @@ var script = defineComponent({
     label: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     isDisabled: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     }
   },
   emits: ['update:modelValue', 'focus', 'blur'],
   computed: {
     isArrayModelValue() {
-      return _.isArray(this.modelValue);
+      return Array.isArray(this.modelValue);
     },
     rootClasses() {
       return ['or-checkbox', {
@@ -59,7 +56,7 @@ var script = defineComponent({
     isChecked() {
       var _a;
       if (this.isArrayModelValue) {
-        return _.includes(this.modelValue, this.value);
+        return this.modelValue.includes(this.value);
       }
       if (this.withState) return (_a = this.modelValue) === null || _a === void 0 ? void 0 : _a.icon;
       return !!this.modelValue;

package/dist/esm/v3/{OrChip-1b479371.js → OrChip-857982e0.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-b566a871.js';
+import { s as script$1 } from './OrIcon-d8ea7901.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrChips-544a35b3.js → OrChips-053f3a92.js}

@@ -1,8 +1,8 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$2 } from './OrChip-1b479371.js';
+import { s as script$2 } from './OrChip-857982e0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode, withCtx, renderSlot, createCommentVNode, createVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import { s as script$3 } from './OrLabel-876f8729.js';
+import { s as script$3 } from './OrLabel-a7d99df4.js';
 import { s as script$4 } from './OrError-f90296db.js';
 
 const OR_CHIPS_VALUE_PROP = {

package/dist/esm/v3/{OrCode-48281fc0.js → OrCode-cae13dcc.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-d6834ea0.js';
-import { s as script$1 } from './OrIconButton-049a3bd2.js';
+import './OrButton-e44f6f03.js';
+import { s as script$1 } from './OrIconButton-440b9f36.js';
 import { s as script$4 } from './OrError-f90296db.js';
-import { s as script$5 } from './OrHint-1414c530.js';
-import { s as script$6 } from './OrLabel-876f8729.js';
-import { s as script$2 } from './OrModal-c420594e.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$3 } from './OrTeleport.vue3-9bce0c02.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';

package/dist/esm/v3/{OrCollapse-2b31de04.js → OrCollapse-a06f22aa.js}

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as setStyle, r as requestAF, a as reflow, b as removeStyle, c as cancelAF, g as getBCR } from './dom-7a41831b.js';
-import _ from 'lodash';
+import { s as setStyle, r as requestAF, a as reflow, b as removeStyle, c as cancelAF, g as getBCR } from './dom-f1d55b67.js';
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, vShow, Fragment, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -15,20 +14,17 @@ var script = defineComponent({
     modelValue: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isVisible: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     keepState: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     }
   },
   emits: ['update:modelValue'],

package/dist/esm/v3/{OrColorPicker-ffaaf14f.js → OrColorPicker-475c0be4.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import { s as script$1, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
+import { s as script$1, O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrConfirm-410da5b4.js → OrConfirm-a004c8b6.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrButton-d6834ea0.js';
-import { a as BUTTON_COLOR } from './OrIconButton-049a3bd2.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-c420594e.js';
-import { s as script$3 } from './OrInput-53a32706.js';
+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$3 } from './OrInput-9be9a209.js';
 import { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';

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

@@ -1,9 +1,8 @@
 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-4cb59ae5.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-02821bda.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';
 
@@ -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: ['open', 'close', 'confirm'],
-  expose: ['root', 'open', 'close'],
-  setup(props, context) {
+  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-81566ff0.js → OrDatePicker-f144d074.js}

@@ -1,15 +1,15 @@
 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-6af64e73.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-6d328f9c.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-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-ce1b5542.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-bec73a66.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, Fragment } from 'vue';
+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 = [
 // Layout
@@ -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, {
@@ -277,7 +277,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[6] || (_cache[6] = $event => _ctx.$emit('update:modelValue', undefined))
+      onClick: _cache[6] || (_cache[6] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
       key: 1,
       icon: 'calendar_month',

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

@@ -2,15 +2,15 @@ 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-ce1b5542.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-bec73a66.js';
-import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-6af64e73.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-6d328f9c.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-68b76476.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, Fragment } from 'vue';
+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-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';
 
 const DateTimePicker = [
 // Layout
@@ -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, {
@@ -388,7 +388,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       icon: 'close',
       color: 'inherit',
       disabled: _ctx.readonly || _ctx.disabled,
-      onClick: _cache[11] || (_cache[11] = $event => _ctx.$emit('update:modelValue', undefined))
+      onClick: _cache[11] || (_cache[11] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
     }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
       key: 1,
       icon: 'calendar_month',

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

@@ -1,14 +1,14 @@
-import _ from 'lodash';
+import padStart from 'lodash/padStart';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { onClickOutside } from '@vueuse/core';
-import { s as script$2 } from './OrFloating-291c7653.js';
-import { s as script$3 } from './OrLabel-876f8729.js';
+import { s as script$2 } from './OrFloating-1a9ccfe9.js';
+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-1414c530.js';
-import { s as script$6 } from './OrCollapse-2b31de04.js';
-import './OrButton-d6834ea0.js';
-import { s as script$7 } from './OrIconButton-049a3bd2.js';
-import { s as setStyle, r as requestAF, d as getCS, a as reflow, c as cancelAF } from './dom-7a41831b.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 { 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';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -69,9 +69,9 @@ var script$1 = defineComponent({
         case OrDateTimePickerItemTypes.day:
           return '' + ((_a = this.value) === null || _a === void 0 ? void 0 : _a.getDate());
         case OrDateTimePickerItemTypes.hours:
-          return _.padStart('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
+          return padStart('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
         case OrDateTimePickerItemTypes.minutes:
-          return _.padStart('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
+          return padStart('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
         default:
           throw new Error('Unknown type');
       }
@@ -220,7 +220,7 @@ var script = defineComponent({
     inputHours: {
       get: function () {
         if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getHours(), 2, '0');
+        return padStart('' + this.modelValue.getHours(), 2, '0');
       },
       set: function (val) {
         var _a;
@@ -234,7 +234,7 @@ var script = defineComponent({
     inputMinutes: {
       get: function () {
         if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getMinutes(), 2, '0');
+        return padStart('' + this.modelValue.getMinutes(), 2, '0');
       },
       set: function (val) {
         var _a;
@@ -251,15 +251,15 @@ var script = defineComponent({
     },
     dateValue() {
       if (!this.modelValue) return '';
-      const year = _.padStart('' + this.modelValue.getFullYear(), 4, '0');
-      const month = _.padStart('' + (this.modelValue.getMonth() + 1), 2, '0');
-      const day = _.padStart('' + this.modelValue.getDate(), 2, '0');
+      const year = padStart('' + this.modelValue.getFullYear(), 4, '0');
+      const month = padStart('' + (this.modelValue.getMonth() + 1), 2, '0');
+      const day = padStart('' + this.modelValue.getDate(), 2, '0');
       return `${year}-${month}-${day}`;
     },
     timeValue() {
       if (!this.modelValue) return '';
-      const hours = _.padStart('' + this.modelValue.getHours(), 2, '0');
-      const minutes = _.padStart('' + this.modelValue.getMinutes(), 2, '0');
+      const hours = padStart('' + this.modelValue.getHours(), 2, '0');
+      const minutes = padStart('' + this.modelValue.getMinutes(), 2, '0');
       return `${hours}:${minutes}`;
     },
     isInactive() {

package/dist/esm/v3/{OrDateTimePickerMonthSelect-6d328f9c.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, withCtx, createVNode } from 'vue';
+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-ce1b5542.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-79312946.js';
-import './OrPopover-bec73a66.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, {
@@ -258,7 +258,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
       disabled: _ctx.dateFilter && !_ctx.dateFilter(value),
-      onClick: $event => _ctx.proxyModelValue = value
+      onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatDay(value)), 1 /* TEXT */)]),
 
@@ -418,15 +418,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.rootStyles)
   }, [createVNode(_component_OrIconButton, {
     icon: 'chevron_left',
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.goToPreviousMonth())
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.goToPreviousMonth(), ["stop"]))
   }), createElementVNode("div", _hoisted_1, [createVNode(_component_OrButton, {
     ref: "yearButton",
     variant: 'link',
     color: 'inherit',
-    onClick: _cache[1] || (_cache[1] = $event => {
+    onClick: _cache[1] || (_cache[1] = withModifiers($event => {
       _ctx.monthMenu.close();
       _ctx.yearMenu.open();
-    })
+    }, ["stop"]))
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatYear(_ctx.proxyModelValue)) + " ", 1 /* TEXT */), createVNode(_component_OrIcon, {
       icon: _ctx.yearMenuState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
@@ -436,10 +436,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "monthButton",
     variant: 'link',
     color: 'inherit',
-    onClick: _cache[2] || (_cache[2] = $event => {
+    onClick: _cache[2] || (_cache[2] = withModifiers($event => {
       _ctx.yearMenu.close();
       _ctx.monthMenu.open();
-    })
+    }, ["stop"]))
   }, {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatMonth(_ctx.proxyModelValue)) + " ", 1 /* TEXT */), createVNode(_component_OrIcon, {
       icon: _ctx.monthMenuState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
@@ -454,10 +454,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: Number(value),
         selected: Number(value) === Number(_ctx.proxyModelValue),
         disabled: _ctx.yearFilter && !_ctx.yearFilter(value),
-        onClick: $event => {
+        onClick: withModifiers($event => {
           _ctx.proxyModelValue = value;
           _ctx.yearMenu.close();
-        }
+        }, ["stop"])
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatYear(value)), 1 /* TEXT */)]),
 
@@ -475,10 +475,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: Number(value),
         selected: Number(value) === Number(_ctx.proxyModelValue),
         disabled: _ctx.monthFilter && !_ctx.monthFilter(value),
-        onClick: $event => {
+        onClick: withModifiers($event => {
           _ctx.proxyModelValue = value;
           _ctx.monthMenu.close();
-        }
+        }, ["stop"])
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatMonth(value)), 1 /* TEXT */)]),
 
@@ -489,7 +489,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["trigger"])]), createVNode(_component_OrIconButton, {
     icon: 'chevron_right',
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.goToNextMonth())
+    onClick: _cache[3] || (_cache[3] = withModifiers($event => _ctx.goToNextMonth(), ["stop"]))
   })], 2 /* CLASS */);
 }
 

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-6af64e73.js → OrDateTimePickerPopoverHeader-042566f4.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$3 } from './OrLabel-4da56db0.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot, withModifiers } from 'vue';
 import { s as script$4 } from './OrButton-c2b6aa9e.js';
 
 function useCurrentDate() {
@@ -98,13 +98,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.rootStyles)
   }, [createVNode(_component_OrButton, {
     variant: 'outlined',
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('apply'))
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('apply'), ["stop"]))
   }, {
     default: withCtx(() => [createTextVNode(" Done ")]),
     _: 1 /* STABLE */
   }), createVNode(_component_OrButton, {
     variant: 'text',
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('reset'))
+    onClick: _cache[1] || (_cache[1] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
   }, {
     default: withCtx(() => [createTextVNode(" Cancel ")]),
     _: 1 /* STABLE */

package/dist/esm/v3/{OrDateTimePickerTimeSelect-68b76476.js → OrDateTimePickerTimeSelect-e404e826.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx } from 'vue';
 import { s as script$2 } from './OrButton-c2b6aa9e.js';
 
 function useTimePlaceholder() {
@@ -222,7 +222,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
       disabled: _ctx.hoursFilter && !_ctx.hoursFilter(value),
-      onClick: $event => _ctx.proxyModelValue = value
+      onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatHours(value)), 1 /* TEXT */)]),
 
@@ -237,7 +237,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: Number(value) === Number(_ctx.proxyModelValue) ? 'contained' : 'text',
       color: Number(value) === Number(_ctx.proxyModelValue) ? 'primary' : 'inherit',
       disabled: _ctx.minutesFilter && !_ctx.minutesFilter(value),
-      onClick: $event => _ctx.proxyModelValue = value
+      onClick: withModifiers($event => _ctx.proxyModelValue = value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatMinutes(value)), 1 /* TEXT */)]),
 

package/dist/esm/v3/{OrFloating-291c7653.js → OrFloating-1a9ccfe9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, nextTick } from 'vue-demi';
 import { autoUpdate, computePosition, offset, hide, flip, shift } from '@floating-ui/dom';
 import { s as script$1 } from './OrTeleport.vue3-9bce0c02.js';
-import { e as getMaxZIndex, d as getCS } from './dom-7a41831b.js';
+import { e as getMaxZIndex, d as getCS } from './dom-f1d55b67.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrHint-1414c530.js → OrHint-8822005b.js}

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
 import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -9,8 +8,7 @@ var script = defineComponent({
     hint: {
       type: String,
       default: '',
-      required: true,
-      validator: _.isString
+      required: true
     }
   }
 });