@onereach/ui-components 4.3.2-beta.2618.0 → 4.3.3-beta.2627.0

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

@@ -79,9 +79,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const inputRef = ref();
     const localValue = useVModel(props, 'modelValue', emit);
     const {

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

@@ -110,7 +110,8 @@ var script = defineComponent({
           break;
       }
     }
-    function close(auto = false) {
+    function close() {
+      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       state.value = 'closed';
       switch (props.variant) {
         case PopoverVariant.Auto:
@@ -178,9 +179,12 @@ var script = defineComponent({
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
       const path = event.composedPath();
-      if (!path.some(({
-        classList
-      }) => (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')))) {
+      if (!path.some(_ref => {
+        let {
+          classList
+        } = _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(true);
       }
     }, {

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

@@ -37,9 +37,10 @@ var script = defineComponent({
     }
   },
   emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const radioGroupInstance = inject('radioGroupInstance', null);
     const hasInjection = computed(() => !!radioGroupInstance);
     const modifiedIsDisabled = computed(() => {

package/dist/bundled/v2/components/OrRadioGroupV3/OrRadioGroup.js

@@ -57,9 +57,10 @@ var script = defineComponent({
       default: false
     }
   },
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const proxyModelValue = useVModel(props, 'modelValue', emit);
     return {
       proxyModelValue

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

@@ -88,9 +88,10 @@ var script = defineComponent({
     isInvalid: Boolean
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'search', 'clear', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     var _a;
     const inputRef = ref();
     const localValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');

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

@@ -136,9 +136,12 @@ var script = defineComponent({
     searchFunction: {
       type: Function,
       default: async (searchText, options) => {
-        return options.filter(({
-          label
-        }) => label.toLowerCase().includes(searchText.toLowerCase()));
+        return options.filter(_ref => {
+          let {
+            label
+          } = _ref;
+          return label.toLowerCase().includes(searchText.toLowerCase());
+        });
       }
     },
     groupByFunction: {
@@ -204,7 +207,8 @@ var script = defineComponent({
       return props.externalControl ? props.searchOptions : internalSearchOptions.value;
     });
     const searchText = ref('');
-    watch([() => props.externalControl, searchText, () => props.options], async ([externalControl, searchText, options]) => {
+    watch([() => props.externalControl, searchText, () => props.options], async _ref2 => {
+      let [externalControl, searchText, options] = _ref2;
       if (externalControl) {
         context.emit('search', searchText);
       } else {

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

@@ -182,9 +182,10 @@ var script = defineComponent({
   },
   emits: ['change:width', 'open', 'close'],
   expose: ['root', 'open', 'close'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     // Refs
     const root = ref();
     const resizeBar = ref(null);

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

@@ -64,9 +64,10 @@ var script = defineComponent({
     }
   },
   methods: {
-    onChange({
-      target
-    }) {
+    onChange(_ref) {
+      let {
+        target
+      } = _ref;
       if (this.isInactive) return;
       const isChecked = target.checked;
       if (this.isArrayModelValue) {

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

@@ -27,9 +27,10 @@ var script = defineComponent({
     }
   },
   emits: ['click', 'select'],
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
     const rootRef = ref(null);
     // computed
     const rootClasses = computed(() => ['or-tab-header-item', {

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

@@ -27,10 +27,11 @@ var script = defineComponent({
     changeActiveIndex(index) {
       this.activeIndex = index;
     },
-    setIndicatorStyles({
-      clientWidth,
-      offsetLeft
-    }) {
+    setIndicatorStyles(_ref) {
+      let {
+        clientWidth,
+        offsetLeft
+      } = _ref;
       this.indicatorWidth = clientWidth;
       this.indicatorTransformX = offsetLeft;
     },

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -81,9 +81,12 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
-    const activeTab = computed(() => props.items.find(({
-      value
-    }) => value === proxyModelValue.value));
+    const activeTab = computed(() => props.items.find(_ref => {
+      let {
+        value
+      } = _ref;
+      return value === proxyModelValue.value;
+    }));
     // Methods
     function rearrangeTabs(items, activeTab, rootElement) {
       const {
@@ -108,7 +111,8 @@ var script = defineComponent({
       };
     }
     // Effects
-    watch([() => props.items, activeTab, root], ([items, activeTab, rootElement]) => {
+    watch([() => props.items, activeTab, root], _ref2 => {
+      let [items, activeTab, rootElement] = _ref2;
       tabs.normal = items;
       nextTick(() => {
         Object.assign(tabs, rearrangeTabs(items, activeTab, rootElement));

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

@@ -149,10 +149,11 @@ var script = defineComponent({
     }
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'clear'],
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    let {
+      emit,
+      slots
+    } = _ref;
     console.warn('OrTextbox is being deprecated, consider using OrTextboxV2.');
     const {
       isActiveToggle,

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

@@ -81,7 +81,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-5445d671{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5445d671{from{opacity:1}to{opacity:0}}.or-toast[data-v-5445d671]{display:flex;flex-grow:1;gap:var(--s-4);max-width:512px;min-height:48px;padding:var(--s-4);background-color:var(--c-neutral-6);border-radius:var(--s-2);box-shadow:0 0 8px 1px rgba(0,0,0,.08)}.toast-emoji[data-v-5445d671]{font-size:var(--fs-3)}.or-toast__link[data-v-5445d671]{color:var(--c-primary);word-break:break-word;white-space:nowrap;cursor:pointer}.or-toast__action-button[data-v-5445d671]{display:flex;padding:0;cursor:pointer}@media (hover:hover) and (pointer:fine){.or-toast__action-button[data-v-5445d671]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover{background-color:transparent;background-color:initial}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-toast__action-button[data-v-5445d671]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover{background-color:transparent;background-color:initial}}.or-toast__message[data-v-5445d671]{flex-grow:1;font-size:var(--fs-0);font-weight:400;line-height:21px;color:var(--c-neutral-0);cursor:default}";
+var css_248z = "@keyframes spinAround-data-v-5445d671{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5445d671{from{opacity:1}to{opacity:0}}.or-toast[data-v-5445d671]{display:flex;flex-grow:1;gap:var(--s-4);max-width:512px;min-height:48px;padding:var(--s-4);background-color:var(--c-neutral-6);border-radius:var(--s-2);box-shadow:0 0 8px 1px rgba(0,0,0,.08)}.toast-emoji[data-v-5445d671]{font-size:var(--fs-3)}.or-toast__link[data-v-5445d671]{color:var(--c-primary);word-break:break-word;white-space:nowrap;cursor:pointer}.or-toast__action-button[data-v-5445d671]{display:flex;padding:0;cursor:pointer}@media (hover:hover) and (pointer:fine){.or-toast__action-button[data-v-5445d671]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover{background-color:initial}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-toast__action-button[data-v-5445d671]:not(.or-toast__action-button.is-loading):not(.or-toast__action-button.is-disabled):not(.or-toast__action-button.is-readonly):not(.or-toast__action-button:disabled):not(.or-toast__action-button.is-focused):not(.or-toast__action-button:active):hover{background-color:initial}}.or-toast__message[data-v-5445d671]{flex-grow:1;font-size:var(--fs-0);font-weight:400;line-height:21px;color:var(--c-neutral-0);cursor:default}";
 styleInject(css_248z);
 
 /* script */

package/dist/bundled/v2/components/OrToast/composable/useToast.js

@@ -3,11 +3,13 @@ import useToastEventBus from './useToastEventBus.js';
 import { ToastType } from '../constants.js';
 import '@vueuse/core';
 
-function useToast(globalToastProps = {}) {
+function useToast() {
+  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     emit
   } = useToastEventBus();
-  function notify(props, behaviour = {}) {
+  function notify(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const {
       duration = 5000,
       pauseOnHover = true,
@@ -47,19 +49,22 @@ function useToast(globalToastProps = {}) {
   function clearAll() {
     emit('toastCloseAll');
   }
-  function success(props, behaviour = {}) {
+  function success(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.success
     }, behaviour);
   }
-  function error(props, behaviour = {}) {
+  function error(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.error
     }, behaviour);
   }
-  function loading(props, behaviour = {}) {
+  function loading(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.loading,

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

@@ -152,7 +152,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-748e4b32{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-748e4b32{from{opacity:1}to{opacity:0}}.or-toast-container[data-v-748e4b32]{position:absolute;z-index:26;display:flex;flex-direction:column;gap:var(--s-3);justify-content:center;width:512px;max-width:calc(100% - var(--s-6));overflow:hidden}.or-toast-container span[data-v-748e4b32]{display:flex;flex-direction:column;gap:var(--s-3);justify-content:center}.position[data-v-748e4b32]{align-items:center}.position--bottom[data-v-748e4b32]{top:auto;top:initial;bottom:var(--s-6)}.position--top[data-v-748e4b32]{top:var(--s-6);bottom:auto;bottom:initial}.position--top--with-header[data-v-748e4b32]{top:calc(var(--s-6) + 48px)}.position--right[data-v-748e4b32]{right:var(--s-6);left:auto;left:initial}.position--left[data-v-748e4b32]{right:auto;right:initial;left:var(--s-6)}.position--center[data-v-748e4b32]{right:var(--s-6);left:var(--s-6)}.or-toast--transition-slide-enter-active[data-v-748e4b32],.or-toast--transition-slide-leave-active[data-v-748e4b32]{transition:transform .4s ease}.or-toast--transition-slide-enter.or-toast--position-right[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-748e4b32]{transform:translateX(999px)}.or-toast--transition-slide-enter.or-toast--position-left[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-748e4b32]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{transition:opacity .4s ease}.or-toast--transition-fade-enter[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{opacity:0}";
+var css_248z = "@keyframes spinAround-data-v-748e4b32{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-748e4b32{from{opacity:1}to{opacity:0}}.or-toast-container[data-v-748e4b32]{position:absolute;z-index:26;display:flex;flex-direction:column;gap:var(--s-3);justify-content:center;width:512px;max-width:calc(100% - var(--s-6));overflow:hidden}.or-toast-container span[data-v-748e4b32]{display:flex;flex-direction:column;gap:var(--s-3);justify-content:center}.position[data-v-748e4b32]{align-items:center}.position--bottom[data-v-748e4b32]{top:initial;bottom:var(--s-6)}.position--top[data-v-748e4b32]{top:var(--s-6);bottom:initial}.position--top--with-header[data-v-748e4b32]{top:calc(var(--s-6) + 48px)}.position--right[data-v-748e4b32]{right:var(--s-6);left:initial}.position--left[data-v-748e4b32]{right:initial;left:var(--s-6)}.position--center[data-v-748e4b32]{right:var(--s-6);left:var(--s-6)}.or-toast--transition-slide-enter-active[data-v-748e4b32],.or-toast--transition-slide-leave-active[data-v-748e4b32]{transition:transform .4s ease}.or-toast--transition-slide-enter.or-toast--position-right[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-right[data-v-748e4b32]{transform:translateX(999px)}.or-toast--transition-slide-enter.or-toast--position-left[data-v-748e4b32],.or-toast--transition-slide-leave-active.or-toast--position-left[data-v-748e4b32]{transform:translateX(-999px)}.or-toast--transition-fade-enter-active[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{transition:opacity .4s ease}.or-toast--transition-fade-enter[data-v-748e4b32],.or-toast--transition-fade-leave-active[data-v-748e4b32]{opacity:0}";
 styleInject(css_248z);
 
 /* script */

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -80,9 +80,12 @@ var script = defineComponent({
     });
     // State
     const queue = computed(() => {
-      return queueRef.value.map(({
-        value
-      }) => value);
+      return queueRef.value.map(_ref => {
+        let {
+          value
+        } = _ref;
+        return value;
+      });
     });
     // Methods
     function createToast(toastConfiguration) {

package/dist/bundled/v2/components/OrToastV3/composable/useToast.js

@@ -3,11 +3,13 @@ import Timer from '../Timer.js';
 import useToastEventBus from './useToastEventBus.js';
 import '@vueuse/core';
 
-function useToast(globalToastProps = {}) {
+function useToast() {
+  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     emit
   } = useToastEventBus();
-  function notify(props, behaviour = {}) {
+  function notify(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const {
       duration = 5000,
       pauseOnHover = true,
@@ -47,19 +49,22 @@ function useToast(globalToastProps = {}) {
   function clearAll() {
     emit('toastCloseAll');
   }
-  function success(props, behaviour = {}) {
+  function success(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.Success
     }, behaviour);
   }
-  function error(props, behaviour = {}) {
+  function error(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.Error
     }, behaviour);
   }
-  function loading(props, behaviour = {}) {
+  function loading(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return notify({
       ...props,
       toastType: ToastType.Loading,

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

@@ -147,10 +147,10 @@ export { default as useQueue } from './OrToast/composable/useQueue.js';
 export { PositionsX, PositionsY, ToastType, TransitionType } from './OrToast/constants.js';
 export { default as OrToastV3 } from './OrToastV3/OrToast.js';
 export { default as OrToastContainerV3 } from './OrToastContainerV3/OrToastContainer.js';
-export { t as TypesV3 } from '../types-668300dd.js';
-export { p as PropsV3 } from '../props-7be029c7.js';
 export { default as useToastV3 } from './OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
+export { t as TypesV3 } from '../types-668300dd.js';
+export { p as PropsV3 } from '../props-7be029c7.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
@@ -196,14 +196,14 @@ import './OrCardV3/styles.js';
 import './OrCarousel/constants.js';
 import './OrCheckboxV3/styles.js';
 import './OrChips/constants.js';
-import '../index-6976c52a.js';
-import '../lang-02d2bb2d.js';
+import '../index-e0b25cea.js';
+import '../lang-973a418e.js';
 import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
-import '../index-63e094a0.js';
+import '../index-1301ac7b.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-e20fd8dc.js';
+import '../OrDateTimePickerMonthSelect-11e7596d.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import './OrDatePickerV3/styles.js';

package/dist/bundled/v2/hooks/useElevation.js

@@ -12,7 +12,8 @@ function useElevation(element, trigger) {
     element.style.zIndex = String(Math.max(0, ...getPageElevations(element)) + 1);
   }
   // Effects
-  watch([elementRef, triggerRef], ([element]) => {
+  watch([elementRef, triggerRef], _ref => {
+    let [element] = _ref;
     if (element) setElementElevation(element);
   }, {
     immediate: true

package/dist/bundled/v2/hooks/useOverflow.js

@@ -10,10 +10,11 @@ function useOverflow(container) {
   function updateState() {
     const container = containerRef.value;
     if (container) {
-      const update = [...container.children].reduce(({
-        innerItems,
-        outerItems
-      }, child) => {
+      const update = [...container.children].reduce((_ref, child) => {
+        let {
+          innerItems,
+          outerItems
+        } = _ref;
         const item = child;
         const {
           x: itemOffset,

package/dist/bundled/v2/hooks/useToggle.js

@@ -1,6 +1,7 @@
 import { ref } from 'vue-demi';
 
-function useToggle(defaultValue = false) {
+function useToggle() {
+  let defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   const isActiveToggle = ref(defaultValue);
   function show() {
     isActiveToggle.value = true;