@onereach/ui-components 26.9.0 → 26.9.1-beta.5984.0

package/dist/esm/{OrContextMenu-BJ4R2qpI.mjs → OrContextMenu-ChTE_itr.mjs}

@@ -1,8 +1,9 @@
 import { usePopoverState as d } from "@onereach/ui-components-common/hooks";
-import { O as g } from "./OrMenu-Cag_fBXC.mjs";
-import { a as O } from "./OrPopover-GBPJ4IDN.mjs";
+import { O as g } from "./OrMenu-DV5sTMvh.mjs";
+import { a as O } from "./OrPopover-aLMwD-Em.mjs";
 import { defineComponent as C, toRefs as v, watch as M, ref as p, resolveComponent as x, openBlock as y, createBlock as B, withCtx as P, renderSlot as $ } from "vue";
 import "@onereach/ui-components-common/utils";
+import "@floating-ui/dom";
 import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const b = C({
   name: "OrContextMenu",
@@ -44,7 +45,7 @@ const b = C({
     M(a, (t, u) => {
       t && t.addEventListener("contextmenu", m), u && u.removeEventListener("contextmenu", m);
     }, { immediate: !0 });
-    const { state: f, open: n, close: i, toggle: s } = d(p(!1), o.emit), r = p(), l = p();
+    const { state: i, open: n, close: f, toggle: s } = d(p(!1), o.emit), r = p(), l = p();
     function m(t) {
       t.preventDefault(), l.value = {
         getBoundingClientRect: () => new DOMRect(t.x, t.y)
@@ -54,17 +55,17 @@ const b = C({
       r.value = t, n();
     }
     return {
-      state: f,
+      state: i,
       reference: r,
       open: n,
       openWith: c,
-      close: i,
+      close: f,
       toggle: s,
       triggerPoint: l
     };
   }
 });
-function h(e, o, a, f, n, i) {
+function h(e, o, a, i, n, f) {
   const s = x("OrMenu");
   return y(), B(s, {
     "is-open": e.state === "open",
@@ -79,8 +80,8 @@ function h(e, o, a, f, n, i) {
     _: 3
   }, 8, ["is-open", "trigger", "placement", "offset"]);
 }
-const L = /* @__PURE__ */ S(b, [["render", h]]);
+const W = /* @__PURE__ */ S(b, [["render", h]]);
 export {
-  L as O
+  W as O
 };
-//# sourceMappingURL=OrContextMenu-BJ4R2qpI.mjs.map
+//# sourceMappingURL=OrContextMenu-ChTE_itr.mjs.map

package/dist/esm/{OrContextMenu-BJ4R2qpI.mjs.map → OrContextMenu-ChTE_itr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrContextMenu-BJ4R2qpI.mjs","sources":["../../../components/or-context-menu-v3/src/OrContextMenu.vue"],"sourcesContent":["<template>\n  <OrMenu\n    :is-open=\"state === 'open'\"\n    :trigger=\"triggerPoint\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <slot :reference=\"reference\" />\n  </OrMenu>\n</template>\n\n<script lang=\"ts\">\nimport { VirtualElement } from '@floating-ui/dom';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, defineComponent, ref, toRefs, watch } from 'vue';\n\nexport default defineComponent({\n  name: 'OrContextMenu',\n\n  components: {\n    OrMenu,\n  },\n\n  props: {\n    trigger: {\n      type: Object as PropType<HTMLElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.BottomStart,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 0,\n    },\n\n    externalControl: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'state',\n\n    'open',\n    'openWith',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Props\n    const { trigger } = toRefs(props);\n\n    watch(trigger, (trigger, prevTrigger) => {\n      if (trigger) {\n        trigger.addEventListener('contextmenu', onContextMenu);\n      }\n\n      if (prevTrigger) {\n        prevTrigger.removeEventListener('contextmenu', onContextMenu);\n      }\n    }, { immediate: true });\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n    const reference = ref<any>();\n\n    const triggerPoint = ref<VirtualElement>();\n\n    // Handlers\n    function onContextMenu(event: MouseEvent): void {\n      event.preventDefault();\n\n      triggerPoint.value = {\n        getBoundingClientRect: () => new DOMRect(event.x, event.y),\n      };\n\n      if (!props.externalControl) {\n        open();\n      }\n    }\n\n    // Methods\n    function openWith(value?: any): void {\n      reference.value = value;\n\n      open();\n    }\n\n    return {\n      state,\n      reference,\n\n      open,\n      openWith,\n      close,\n      toggle,\n\n      triggerPoint,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenu","PopoverPlacement","props","context","trigger","toRefs","watch","prevTrigger","onContextMenu","state","open","close","toggle","usePopoverState","ref","reference","triggerPoint","event","openWith","value","_resolveComponent","_openBlock","_createBlock","_component_OrMenu","_ctx","_cache","$event"],"mappings":";;;;;;AAmBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAOH,CAAK;AAE1B,IAAAI,EAAAF,GAAS,CAACA,GAASG,MAAgB;AACvC,MAAIH,KACFA,EAAQ,iBAAiB,eAAeI,CAAa,GAGnDD,KACUA,EAAA,oBAAoB,eAAeC,CAAa;AAAA,IAC9D,GACC,EAAE,WAAW,GAAA,CAAM;AAGhB,UAAA,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAW,IAAAC,EAAgBC,EAAI,EAAK,GAAGX,EAAQ,IAAI,GAEzEY,IAAYD,KAEZE,IAAeF;AAGrB,aAASN,EAAcS,GAAyB;AAC9C,MAAAA,EAAM,eAAe,GAErBD,EAAa,QAAQ;AAAA,QACnB,uBAAuB,MAAM,IAAI,QAAQC,EAAM,GAAGA,EAAM,CAAC;AAAA,MAAA,GAGtDf,EAAM,mBACJQ;IAET;AAGA,aAASQ,EAASC,GAAmB;AACnC,MAAAJ,EAAU,QAAQI,GAEbT;IACP;AAEO,WAAA;AAAA,MACL,OAAAD;AAAA,MACA,WAAAM;AAAA,MAEA,MAAAL;AAAA,MACA,UAAAQ;AAAA,MACA,OAAAP;AAAA,MACA,QAAAC;AAAA,MAEA,cAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YApHCI,EAQS,QAAA;AANN,SAAAC,EAAA,GAAqBC,EAAAC,GAAA;AAAA,IACrB,WAAWC,EAAS,UAAA;AAAA,IACpB,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IAAA,QAAAA,EAAA;AAAA,sBAEbC,EAA+B,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrContextMenu-ChTE_itr.mjs","sources":["../../../components/or-context-menu-v3/src/OrContextMenu.vue"],"sourcesContent":["<template>\n  <OrMenu\n    :is-open=\"state === 'open'\"\n    :trigger=\"triggerPoint\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <slot :reference=\"reference\" />\n  </OrMenu>\n</template>\n\n<script lang=\"ts\">\nimport { VirtualElement } from '@floating-ui/dom';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, defineComponent, ref, toRefs, watch } from 'vue';\n\nexport default defineComponent({\n  name: 'OrContextMenu',\n\n  components: {\n    OrMenu,\n  },\n\n  props: {\n    trigger: {\n      type: Object as PropType<HTMLElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.BottomStart,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 0,\n    },\n\n    externalControl: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'state',\n\n    'open',\n    'openWith',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Props\n    const { trigger } = toRefs(props);\n\n    watch(trigger, (trigger, prevTrigger) => {\n      if (trigger) {\n        trigger.addEventListener('contextmenu', onContextMenu);\n      }\n\n      if (prevTrigger) {\n        prevTrigger.removeEventListener('contextmenu', onContextMenu);\n      }\n    }, { immediate: true });\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(ref(false), context.emit);\n\n    const reference = ref<any>();\n\n    const triggerPoint = ref<VirtualElement>();\n\n    // Handlers\n    function onContextMenu(event: MouseEvent): void {\n      event.preventDefault();\n\n      triggerPoint.value = {\n        getBoundingClientRect: () => new DOMRect(event.x, event.y),\n      };\n\n      if (!props.externalControl) {\n        open();\n      }\n    }\n\n    // Methods\n    function openWith(value?: any): void {\n      reference.value = value;\n\n      open();\n    }\n\n    return {\n      state,\n      reference,\n\n      open,\n      openWith,\n      close,\n      toggle,\n\n      triggerPoint,\n    };\n  },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrMenu","PopoverPlacement","props","context","trigger","toRefs","watch","prevTrigger","onContextMenu","state","open","close","toggle","usePopoverState","ref","reference","triggerPoint","event","openWith","value","_resolveComponent","_openBlock","_createBlock","_component_OrMenu","_ctx","_cache","$event"],"mappings":";;;;;;;AAmBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAM,EAAE,SAAAC,EAAA,IAAYC,EAAOH,CAAK;AAE1B,IAAAI,EAAAF,GAAS,CAACA,GAASG,MAAgB;AACvC,MAAIH,KACFA,EAAQ,iBAAiB,eAAeI,CAAa,GAGnDD,KACUA,EAAA,oBAAoB,eAAeC,CAAa;AAAA,IAC9D,GACC,EAAE,WAAW,GAAA,CAAM;AAGhB,UAAA,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAW,IAAAC,EAAgBC,EAAI,EAAK,GAAGX,EAAQ,IAAI,GAEzEY,IAAYD,KAEZE,IAAeF;AAGrB,aAASN,EAAcS,GAAyB;AAC9C,MAAAA,EAAM,eAAe,GAErBD,EAAa,QAAQ;AAAA,QACnB,uBAAuB,MAAM,IAAI,QAAQC,EAAM,GAAGA,EAAM,CAAC;AAAA,MAAA,GAGtDf,EAAM,mBACJQ;IAET;AAGA,aAASQ,EAASC,GAAmB;AACnC,MAAAJ,EAAU,QAAQI,GAEbT;IACP;AAEO,WAAA;AAAA,MACL,OAAAD;AAAA,MACA,WAAAM;AAAA,MAEA,MAAAL;AAAA,MACA,UAAAQ;AAAA,MACA,OAAAP;AAAA,MACA,QAAAC;AAAA,MAEA,cAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YApHCI,EAQS,QAAA;AANN,SAAAC,EAAA,GAAqBC,EAAAC,GAAA;AAAA,IACrB,WAAWC,EAAS,UAAA;AAAA,IACpB,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IAAA,QAAAA,EAAA;AAAA,sBAEbC,EAA+B,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA;;;;;;;"}

package/dist/esm/{OrDataGrid-Dm8ZScw0.mjs → OrDataGrid-qWABGhd1.mjs}

@@ -1,24 +1,24 @@
 import { flatten as Se } from "@onereach/ui-components-common/helpers";
 import { O as fe } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as Ce } from "./OrIconButton-Ds8k8FmS.mjs";
-import { O as Te } from "./OrPagination-BXzDa-Su.mjs";
-import { O as Ge } from "./OrSearch-B_YGTJN8.mjs";
+import { O as Ce } from "./OrIconButton-BCIKn82o.mjs";
+import { O as Te } from "./OrPagination-BQmeOWqY.mjs";
+import { O as Ge } from "./OrSearch-fx4ikdqH.mjs";
 import { O as Ve } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
 import { defineComponent as M, ref as T, computed as r, openBlock as n, createElementBlock as b, normalizeClass as u, renderSlot as m, createCommentVNode as k, resolveComponent as v, normalizeStyle as K, createBlock as O, watch as ge, onUnmounted as Ie, createElementVNode as le, withModifiers as ae, createVNode as P, mergeProps as Me, withCtx as $, reactive as ue, onMounted as Re, createSlots as oe, normalizeProps as We, guardReactiveProps as Ee, Fragment as ee, renderList as te, createTextVNode as re, toDisplayString as se } from "vue";
 import { useElementSize as ze, useDebounceFn as me, useResizeObserver as Fe } from "@vueuse/core";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as He } from "./OrDatePicker-B9vB0AaR.mjs";
-import { O as je } from "./OrDateTimePicker-CXGn2f51.mjs";
-import "./OrDateTimePicker.vue_vue_type_script_lang-e2w0L4cX.mjs";
+import { O as He } from "./OrDatePicker-BU3w-52u.mjs";
+import { O as je } from "./OrDateTimePicker-BCGgk9zc.mjs";
+import "./OrDateTimePicker.vue_vue_type_script_lang-DKNDd9dn.mjs";
 import "@onereach/ui-components-common/types";
-import { O as Pe } from "./OrInput-CxGhwo0q.mjs";
+import { O as Pe } from "./OrInput-C8Lq7hqs.mjs";
 import { O as Ne } from "./OrRating-CAwz23JA.mjs";
-import { O as Ue } from "./OrSelect-BXBDdzDF.mjs";
+import { O as Ue } from "./OrSelect-9HFllt8t.mjs";
 import { O as Ae } from "./OrSwitch-BtoXDsZx.mjs";
-import { O as Le } from "./OrTagInput-B2U22gXE.mjs";
-import { O as qe } from "./OrTimePicker-D-mTb4Ia.mjs";
+import { O as Le } from "./OrTagInput-CYN56jMl.mjs";
+import { O as qe } from "./OrTimePicker-Bt_tn-Kg.mjs";
 import { O as Be } from "./OrIcon-k8cyvh-D.mjs";
-import { O as Ke } from "./OrNotification-BkjmRseb.mjs";
+import { O as Ke } from "./OrNotification-CapYF01i.mjs";
 const Xe = [
   // Layout
   "layout-row",
@@ -1944,4 +1944,4 @@ export {
   ca as q,
   ha as r
 };
-//# sourceMappingURL=OrDataGrid-Dm8ZScw0.mjs.map
+//# sourceMappingURL=OrDataGrid-qWABGhd1.mjs.map