@onereach/ui-components 2.68.0-beta.1987.0 → 2.68.0-beta.2002.0

package/dist/bundled/v2/{types-9c0f214b.js → types-4c07bc42.js}

@@ -1,7 +1,7 @@
 import { useToggle } from '@vueuse/core';
 import './index-fa6eb4ca.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-3a3d4280.js';
-import { O as OrIconButton } from './OrIconButton-a046f34f.js';
+import { O as OrIconButton } from './OrIconButton-2bf36347.js';
 import { O as OrLoader } from './OrLoader-76f2615f.js';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/bundled/v2/{useElevation-604d48c6.js → useElevation-aac032f4.js}

@@ -1,11 +1,15 @@
 import './index-fa6eb4ca.js';
 import { isRef, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 
+function isVisible(element) {
+  return !(element.offsetParent === null);
+}
+
 function useElevation(element) {
   const elementRef = isRef(element) ? element : ref(element);
   // Functions
   function getPageElevations() {
-    return [...document.body.querySelectorAll('*')].map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
+    return [...document.body.querySelectorAll('*')].filter(isVisible).map(element => getComputedStyle(element)).map(style => Number(style.zIndex)).filter(zIndex => !isNaN(zIndex));
   }
   function setElementElevation(element) {
     element.style.zIndex = String(Math.max(0, ...getPageElevations()) + 1);

package/dist/bundled/v2/utils/isVisible.d.ts

@@ -0,0 +1,2 @@
+declare function isVisible(element: HTMLElement): boolean;
+export default isVisible;

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-9b8931d3.js → OrBottomSheet.vue_vue_type_script_lang-44d8147a.js}

@@ -1,6 +1,6 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot, defineComponent, ref, computed, watch, unref } from 'vue';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-4551114e.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-955758d3.js → OrCardCollection.vue_vue_type_script_lang-412c8977.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent, withModifiers, createBlock, normalizeClass, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-9d6e1050.js';
-import './OrIconButton-c521fef8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
-import './OrInput-42bbab4d.js';
-import { s as script$4 } from './OrInput.vue_vue_type_script_lang-d85ed216.js';
+import './OrIconButton-00ab6c2d.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
+import './OrInput-4b4b8316.js';
+import { s as script$4 } from './OrInput.vue_vue_type_script_lang-b4176d70.js';
 import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-98ec33aa.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 

package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-ef5e7f04.js → OrCode.vue_vue_type_script_lang-6c5f94a6.js}

@@ -1,4 +1,5 @@
 import { useElementHover } from '@vueuse/core';
+import { k as keyName, b as base, s as shift } from './index.es-3f39f316.js';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue';
 import { s as script$3 } from './OrTeleportVue3-012351e1.js';
@@ -3924,120 +3925,6 @@ class StyleSet {
 // example to create a media query you can do `{"@media screen and
 // (min-width: 400px)": {...}}`.
 
-var base = {
-  8: "Backspace",
-  9: "Tab",
-  10: "Enter",
-  12: "NumLock",
-  13: "Enter",
-  16: "Shift",
-  17: "Control",
-  18: "Alt",
-  20: "CapsLock",
-  27: "Escape",
-  32: " ",
-  33: "PageUp",
-  34: "PageDown",
-  35: "End",
-  36: "Home",
-  37: "ArrowLeft",
-  38: "ArrowUp",
-  39: "ArrowRight",
-  40: "ArrowDown",
-  44: "PrintScreen",
-  45: "Insert",
-  46: "Delete",
-  59: ";",
-  61: "=",
-  91: "Meta",
-  92: "Meta",
-  106: "*",
-  107: "+",
-  108: ",",
-  109: "-",
-  110: ".",
-  111: "/",
-  144: "NumLock",
-  145: "ScrollLock",
-  160: "Shift",
-  161: "Shift",
-  162: "Control",
-  163: "Control",
-  164: "Alt",
-  165: "Alt",
-  173: "-",
-  186: ";",
-  187: "=",
-  188: ",",
-  189: "-",
-  190: ".",
-  191: "/",
-  192: "`",
-  219: "[",
-  220: "\\",
-  221: "]",
-  222: "'"
-};
-var shift = {
-  48: ")",
-  49: "!",
-  50: "@",
-  51: "#",
-  52: "$",
-  53: "%",
-  54: "^",
-  55: "&",
-  56: "*",
-  57: "(",
-  59: ":",
-  61: "+",
-  173: "_",
-  186: ":",
-  187: "+",
-  188: "<",
-  189: "_",
-  190: ">",
-  191: "?",
-  192: "~",
-  219: "{",
-  220: "|",
-  221: "}",
-  222: "\""
-};
-var chrome$1 = typeof navigator != "undefined" && /Chrome\/(\d+)/.exec(navigator.userAgent);
-typeof navigator != "undefined" && /Gecko\/\d+/.test(navigator.userAgent);
-var mac = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
-var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-var brokenModifierNames = mac || chrome$1 && +chrome$1[1] < 57;
-
-// Fill in the digit keys
-for (var i = 0; i < 10; i++) base[48 + i] = base[96 + i] = String(i);
-
-// The function keys
-for (var i = 1; i <= 24; i++) base[i + 111] = "F" + i;
-
-// And the alphabetic keys
-for (var i = 65; i <= 90; i++) {
-  base[i] = String.fromCharCode(i + 32);
-  shift[i] = String.fromCharCode(i);
-}
-
-// For each code that doesn't have a shift-equivalent, copy the base name
-for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
-function keyName(event) {
-  var ignoreKey = brokenModifierNames && (event.ctrlKey || event.altKey || event.metaKey) || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified";
-  var name = !ignoreKey && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
-  // Edge sometimes produces wrong names (Issue #3)
-  if (name == "Esc") name = "Escape";
-  if (name == "Del") name = "Delete";
-  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8860571/
-  if (name == "Left") name = "ArrowLeft";
-  if (name == "Up") name = "ArrowUp";
-  if (name == "Right") name = "ArrowRight";
-  if (name == "Down") name = "ArrowDown";
-  return name;
-}
-
 function getSelection(root) {
   let target;
   // Browsers differ on whether shadow roots have a getSelection

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-e59a7aca.js → OrConfirm.vue_vue_type_script_lang-20ffe5df.js}

@@ -1,11 +1,11 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-01519e46.js';
-import './OrBottomSheet.vue_vue_type_script_lang-9b8931d3.js';
+import './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
 import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-5af7999c.js';
-import './OrInput-42bbab4d.js';
-import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-4551114e.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-d85ed216.js';
+import './OrInput-4b4b8316.js';
+import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-b4176d70.js';
 
 const _hoisted_1 = ["type", "disabled"];
 const _hoisted_2 = {
@@ -139,6 +139,10 @@ var script = defineComponent({
       type: String,
       required: false,
       default: null
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['open', 'close', 'confirm'],
@@ -183,6 +187,15 @@ var script = defineComponent({
     }
     // Events
     watch(isActive, value => emit(value ? 'open' : 'close'));
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
     watch(escape, val => {
       if (val) close();
     });

package/dist/bundled/v3/{OrIconButton-c521fef8.js → OrIconButton-00ab6c2d.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
 const _hoisted_1 = ["disabled"];

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-a834417f.js → OrIconButton.vue_vue_type_script_lang-b35040f9.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, defineComponent, ref, computed } from 'vue';
 import './OrIcon-3a514933.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
-import { s as script$1 } from './OrTooltip.vue_vue_type_script_lang-d89a9e51.js';
+import { s as script$1 } from './OrTooltip.vue_vue_type_script_lang-a4168546.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c2a171bb.js → OrInlineInput.vue_vue_type_script_lang-e29642fc.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrIconButton-c521fef8.js';
+import './OrIconButton-00ab6c2d.js';
 import './OrInlineInputBox-2eede01a.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 
 var InlineInputType;
 (function (InlineInputType) {

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-76f1a0ee.js → OrInlineTextarea.vue_vue_type_script_lang-551028ef.js}

@@ -1,11 +1,11 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrIconButton-c521fef8.js';
+import './OrIconButton-00ab6c2d.js';
 import './OrInlineInputBox-2eede01a.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.js';
 
 const InlineTextareaRoot = [

package/dist/bundled/v3/{OrInput-42bbab4d.js → OrInput-4b4b8316.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInput.vue_vue_type_script_lang-d85ed216.js';
+import { s as script } from './OrInput.vue_vue_type_script_lang-b4176d70.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-d85ed216.js → OrInput.vue_vue_type_script_lang-b4176d70.js}

@@ -3,14 +3,14 @@ import './OrHint-c235be5d.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
 import './OrIcon-3a514933.js';
-import './OrIconButton-c521fef8.js';
+import './OrIconButton-00ab6c2d.js';
 import './OrInputBox-81385a91.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 import './OrLabel-2809e2db.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 
 var InputType;
 (function (InputType) {

package/dist/bundled/v3/OrMenu-08aa60de.js

@@ -0,0 +1,29 @@
+import { s as script } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrPopover = resolveComponent("OrPopover");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createVNode(_component_OrPopover, {
+    ref: "popover",
+    variant: 'auto',
+    trigger: _ctx.trigger,
+    placement: _ctx.placement,
+    "full-width": false,
+    "disable-default-styles": false,
+    "onUpdate:state": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state', $event))
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      class: normalizeClass(_ctx.bodyStyles),
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["trigger", "placement"])], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-menu-v3/OrMenu.vue";

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-be8c502d.js → OrMenu.vue_vue_type_script_lang-bae45062.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrPopover-18a195aa.js';
+import './OrPopover-93ef8c26.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-1ed6063d.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-e200f5be.js';
 
 const MenuRoot = [
 // Layout

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-1ad15097.js → OrModal.vue_vue_type_script_lang-f3f5a84b.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue';
-import './OrBottomSheet.vue_vue_type_script_lang-9b8931d3.js';
-import './OrIconButton-c521fef8.js';
+import './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
+import './OrIconButton-00ab6c2d.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-4551114e.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 
 var ModalSize;
 (function (ModalSize) {
@@ -54,6 +54,10 @@ var script = defineComponent({
     size: {
       type: String,
       default: ModalSize.M
+    },
+    isOpen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['open', 'close'],
@@ -72,6 +76,15 @@ var script = defineComponent({
     watch(isActive, value => {
       context.emit(value ? 'open' : 'close');
     });
+    watch(() => props.isOpen, newIsOpen => {
+      if (newIsOpen) {
+        open();
+      } else {
+        close();
+      }
+    }, {
+      immediate: true
+    });
     // Methods
     function open() {
       isActive.value = true;

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-3f69b727.js → OrNotification.vue_vue_type_script_lang-83bfbfc4.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import './OrIcon-3a514933.js';
-import './OrIconButton-c521fef8.js';
+import './OrIconButton-00ab6c2d.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a834417f.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-b35040f9.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-4551114e.js → OrOverlay.vue_vue_type_script_lang-cb3aad0c.js}

@@ -2,7 +2,7 @@ import { useScrollLock } from '@vueuse/core';
 import { openBlock, createBlock, Teleport, renderSlot, defineComponent, ref, computed } from 'vue';
 import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { u as useElevation } from './useElevation-6aea372d.js';
+import { u as useElevation } from './useElevation-c8d5d3ba.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Teleport, {

package/dist/bundled/v3/{OrPopover-18a195aa.js → OrPopover-93ef8c26.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrPopover.vue_vue_type_script_lang-1ed6063d.js';
+import { s as script } from './OrPopover.vue_vue_type_script_lang-e200f5be.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-1ed6063d.js → OrPopover.vue_vue_type_script_lang-e200f5be.js}

@@ -1,11 +1,11 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-9b8931d3.js';
-import './OrOverlay.vue_vue_type_script_lang-4551114e.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
+import './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import { u as useResponsive } from './useResponsive-9d397e2a.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { u as useElevation } from './useElevation-6aea372d.js';
+import { u as useElevation } from './useElevation-c8d5d3ba.js';
 import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {