@onereach/ui-components 4.3.8 → 4.3.9-beta.2653.0

package/dist/esm/v3/{OrCheckbox-7efd5f26.js → OrCheckbox-ab457011.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import { s as script$1 } from './OrIcon-925c5413.js';
+import { s as script$1 } from './OrIcon-b566a871.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';
 
@@ -66,9 +66,10 @@ var script = defineComponent({
     }
   },
   methods: {
-    onChange({
-      target
-    }) {
+    onChange(_ref) {
+      let {
+        target
+      } = _ref;
       if (this.isDisabled || this.withState) return;
       const isChecked = target.checked;
       if (this.isArrayModelValue) {
@@ -101,10 +102,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     value: _ctx.value,
     type: "checkbox",
     class: "or-checkbox--input visually-hidden",
-    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.onChange && _ctx.onChange(...arguments);
+    }),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event)),
-    onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    onClick: _cache[3] || (_cache[3] = withModifiers(function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    }, ["stop"]))
   }), null, 16 /* FULL_PROPS */, _hoisted_1), !_ctx.withState ? (openBlock(), createElementBlock("span", {
     key: 0,
     style: normalizeStyle(!_ctx.hasContent ? {

package/dist/esm/v3/{OrCheckboxTree-ed8b5f53.js → OrCheckboxTree-4a85b9b3.js}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, watch } from 'vue-demi';
 import { useVModel, useToggle } from '@vueuse/core';
-import { s as script$2 } from './OrCheckbox-247ce27b.js';
+import { s as script$2 } from './OrCheckbox-56d7b6eb.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { f as flattenDeep } from './flattenDeep-e7a8b995.js';
+import { f as flattenDeep } from './flattenDeep-fe0af413.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 
 const CheckboxTreeRoot = [
@@ -49,9 +49,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // State
     const hasChildren = computed(() => props.item.children && props.item.children.length > 0);
     const childrenValues = computed(() => {

package/dist/esm/v3/{OrChip-97a85e10.js → OrChip-1b479371.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$1 } from './OrIcon-925c5413.js';
+import { s as script$1 } from './OrIcon-b566a871.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -51,7 +51,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("span", _hoisted_1, toDisplayString(_ctx.content), 1 /* TEXT */), _ctx.canDelete ? (openBlock(), createElementBlock("span", {
     key: 0,
     class: "or-chip-button",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleDeleteClick && _ctx.handleDeleteClick(...args))
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleDeleteClick && _ctx.handleDeleteClick(...arguments);
+    })
   }, [createVNode(_component_or_icon, {
     icon: "close"
   })])) : createCommentVNode("v-if", true)], 2 /* CLASS */);

package/dist/esm/v3/{OrChips-64b86761.js → OrChips-544a35b3.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as script$2 } from './OrChip-97a85e10.js';
+import { s as script$2 } from './OrChip-1b479371.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';
@@ -77,7 +77,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_chip = resolveComponent("or-chip");
   return openBlock(), createElementBlock("form", {
     class: normalizeClass(["or-chips-input", _ctx.states]),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleContentClick && _ctx.handleContentClick(...args)),
+    onClick: _cache[2] || (_cache[2] = function () {
+      return _ctx.handleContentClick && _ctx.handleContentClick(...arguments);
+    }),
     onSubmit: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('add-chip'), ["prevent"]))
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.chips, (item, index) => {
     return openBlock(), createBlock(_component_or_chip, {

package/dist/esm/v3/{OrCode-6f2e4d99.js → OrCode-48281fc0.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-f8b10d79.js';
-import { s as script$1 } from './OrIconButton-5387fd59.js';
+import './OrButton-d6834ea0.js';
+import { s as script$1 } from './OrIconButton-049a3bd2.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-e6513e8c.js';
+import { s as script$2 } from './OrModal-c420594e.js';
 import { s as script$3 } from './OrTeleport.vue3-9bce0c02.js';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';
@@ -297,9 +297,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue', 'focus', 'blur'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // editor config
     const root = ref();
     const target = ref();

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

@@ -32,9 +32,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // data
     const isActive = ref(props.modelValue || props.isVisible);
     const reqAF = ref(null);
@@ -88,7 +89,8 @@ var script = defineComponent({
       reqAF.value = null;
     });
     // watchers
-    watch([() => props.modelValue, () => props.isVisible], ([newValue, newIsVisible]) => {
+    watch([() => props.modelValue, () => props.isVisible], _ref2 => {
+      let [newValue, newIsVisible] = _ref2;
       if (newValue !== isActive.value || newIsVisible !== isActive.value) {
         isActive.value = newValue || newIsVisible;
       }

package/dist/esm/v3/{OrColorPicker-9a149e6b.js → OrColorPicker-ffaaf14f.js}

@@ -328,7 +328,8 @@ var Palette = {
 
 const defaultTones = ['900', '700', '500', '300', '100'];
 function defaultPalette() {
-  return Object.entries(Palette).reduce((acc, [color, schema]) => {
+  return Object.entries(Palette).reduce((acc, _ref) => {
+    let [color, schema] = _ref;
     if (color === 'black' || color === 'white') {
       acc.push([Palette[color].default]);
     } else {
@@ -417,7 +418,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle({
       backgroundColor: _ctx.selected || _ctx.defaultColor
     }),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.toggle && _ctx.toggle(...arguments);
+    }, ["prevent"]))
   }, null, 4 /* STYLE */), _ctx.isActive ? (openBlock(), createBlock(_component_or_floating, {
     key: 0,
     trigger: _ctx.trigger,

package/dist/esm/v3/{OrConfirm-c497fe8e.js → OrConfirm-017b80b5.js}

@@ -2,8 +2,8 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 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-4215a3d8.js';
-import { s as script$1 } from './OrOverlay-d63d39c3.js';
+import { s as script$3 } from './OrInput-de491b63.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;
@@ -123,9 +123,10 @@ var script = defineComponent({
   },
   emits: ['open', 'close', 'confirm'],
   expose: ['root', 'isActive', 'open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const confirmationInput = ref();

package/dist/esm/v3/{OrConfirm-ab04201f.js → OrConfirm-1a94bdea.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrButton-f8b10d79.js';
-import { a as BUTTON_COLOR } from './OrIconButton-5387fd59.js';
-import { s as script$2, O as OrModalSizes } from './OrModal-e6513e8c.js';
-import { s as script$3 } from './OrInput-0dbd5a01.js';
+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 { useMagicKeys, useActiveElement, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, createCommentVNode } from 'vue';
@@ -87,9 +87,10 @@ var script = defineComponent({
     }
   },
   emits: ['close', 'confirm'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const confirmationTextboxRef = ref();
     const confirmationButtonRef = ref();
     const confirmationValue = ref('');

package/dist/esm/v3/{OrDatePicker-b4e92bf3.js → OrDatePicker-09a6c970.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-9fb0b634.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-45e637e4.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-6c3fafc2.js';
+import { s as script$a } from './OrIconButton-55d51a7a.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-0635cb63.js';
+import { s as script$d } from './OrPopover-84d5b844.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DatePicker = [

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

@@ -5,9 +5,9 @@ import { s as script$2 } from './OrFloating-291c7653.js';
 import { s as script$3 } from './OrLabel-876f8729.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-37a52e8f.js';
-import './OrButton-f8b10d79.js';
-import { s as script$7 } from './OrIconButton-5387fd59.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 { 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';
@@ -95,7 +95,9 @@ var script$1 = defineComponent({
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["or-calendar-item", _ctx.rootClasses]),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.select && _ctx.select(...args), ["prevent"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.select && _ctx.select(...arguments);
+    }, ["prevent"]))
   }, toDisplayString(_ctx.valueToShow), 3 /* TEXT, CLASS */);
 }
 
@@ -552,7 +554,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["is-required", "for"])) : createCommentVNode("v-if", true), createElementVNode("div", {
     ref: "wrapperRef",
     class: normalizeClass(["or-date-time-picker-input-wrapper", _ctx.wrapperClasses]),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.toggle && _ctx.toggle(...arguments);
+    }, ["prevent"]))
   }, [createElementVNode("input", {
     id: _ctx.localId,
     type: "hidden",

package/dist/esm/v3/{OrDateTimePicker-cd4741af.js → OrDateTimePicker-40e08446.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-6c3fafc2.js';
+import { s as script$c } from './OrIconButton-55d51a7a.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-0635cb63.js';
+import { s as script$f } from './OrPopover-84d5b844.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-9fb0b634.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-45e637e4.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 

package/dist/esm/v3/{OrDateTimePickerMonthSelect-9fb0b634.js → OrDateTimePickerMonthSelect-45e637e4.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-6c3fafc2.js';
+import { s as script$5 } from './OrIconButton-55d51a7a.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-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
+import { s as script$6 } from './OrMenu-bce8349d.js';
+import './OrPopover-84d5b844.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {
@@ -345,9 +345,10 @@ var script = defineComponent({
     const yearOptions = computed(() => {
       return Array.from({
         length: 11
-      }).map((_value, index, {
-        length
-      }) => {
+      }).map((_value, index, _ref) => {
+        let {
+          length
+        } = _ref;
         const value = proxyModelValue.value.getUTCFullYear() - Math.floor(length / 2) + index;
         return new Date(Date.UTC(value, proxyModelValue.value.getUTCMonth(), proxyModelValue.value.getUTCDate(), proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
       });

package/dist/esm/v3/{OrIcon-925c5413.js → OrIcon-b566a871.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import _ from 'lodash';
-import './OrTooltip-618ce7c9.js';
+import './OrTooltip-89ce98e8.js';
 import { s as script$1 } from './OrTooltipContent-37a5f562.js';
 import { s as script$2, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
 import { p as pxToRem } from './px-to-rem-0b26b83e.js';
@@ -124,8 +124,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.localAttrs, {
     class: _ctx.iconClasses,
     style: _ctx.fontSize,
-    onMouseover: _cache[0] || (_cache[0] = (...args) => _ctx.showTooltip && _ctx.showTooltip(...args)),
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.hideTooltip && _ctx.hideTooltip(...args))
+    onMouseover: _cache[0] || (_cache[0] = function () {
+      return _ctx.showTooltip && _ctx.showTooltip(...arguments);
+    }),
+    onMouseleave: _cache[1] || (_cache[1] = function () {
+      return _ctx.hideTooltip && _ctx.hideTooltip(...arguments);
+    })
   }), [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.icon), 1 /* TEXT */)])], 16 /* FULL_PROPS */), _ctx.tooltipText && _ctx.tooltipIsShown ? (openBlock(), createBlock(_component_or_floating, {
     key: 0,
     trigger: _ctx.tooltipTrigger,