@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js

@@ -1,274 +1,186 @@
 import './NmorphContextMenu.css';
-import { defineComponent as de, ref as s, computed as c, markRaw as R, toRaw as I, watch as V, onBeforeUnmount as me, openBlock as o, createElementBlock as r, renderSlot as v, createBlock as w, withCtx as X, Fragment as Y, renderList as fe, normalizeStyle as z, unref as pe, resolveDynamicComponent as W, mergeProps as K, createCommentVNode as k, createElementVNode as A, toDisplayString as x, normalizeClass as he } from "vue";
-import ye from "../nmorph-dropdown/NmorphDropdown.vue.js";
-/* empty css                                     */
-import _e from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-const ge = {
+import k from "./NmorphContextMenu.vue2.js";
+import { openBlock as o, createElementBlock as t, renderSlot as l, createBlock as i, withCtx as m, Fragment as h, renderList as x, normalizeStyle as _, resolveDynamicComponent as p, mergeProps as f, createCommentVNode as a, createElementVNode as y, toDisplayString as d, normalizeClass as b } from "vue";
+/* empty css                       */
+import v from "../../../_virtual/_plugin-vue_export-helper.js";
+const w = {
   key: 0,
   class: "nmorph-context-menu__options"
-}, be = ["disabled", "onClick"], ve = { class: "nmorph-context-menu__item-copy" }, we = { class: "nmorph-context-menu__item-label" }, ke = {
+}, C = ["disabled", "onClick"], u = { class: "nmorph-context-menu__item-copy" }, H = { class: "nmorph-context-menu__item-label" }, O = {
   key: 0,
   class: "nmorph-context-menu__item-description"
-}, xe = {
+}, E = {
   key: 1,
   class: "nmorph-context-menu__item-shortcut"
-}, Ce = ["tabindex", "aria-disabled", "onClick", "onKeydown"], Oe = {
+}, g = ["tabindex", "aria-disabled", "onClick", "onKeydown"], P = {
   key: 2,
   class: "nmorph-context-menu__divider",
   role: "separator"
-}, Ee = {
+}, z = {
   key: 3,
   class: "nmorph-context-menu__section",
   role: "presentation"
-}, Pe = 600, F = 8, De = /* @__PURE__ */ de({
-  __name: "NmorphContextMenu",
-  props: {
-    modelValue: { type: [Boolean, null], default: null },
-    options: { default: () => [] },
-    trigger: { default: "contextmenu" },
-    placement: { default: "bottom-start" },
-    width: { default: "max-content" },
-    minWidth: { default: void 0 },
-    maxWidth: { default: void 0 },
-    xOffset: { default: 0 },
-    yOffset: { default: 0 },
-    fillWidth: { type: Boolean, default: !1 },
-    zIndex: { default: void 0 },
-    closeOnEscape: { type: Boolean, default: !0 },
-    trapFocus: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    closeOnScroll: { type: Boolean, default: !0 },
-    role: { default: "menu" },
-    ariaLabel: { default: "" },
-    hideShadow: { type: Boolean, default: !1 },
-    mobileMode: { default: "dropdown" }
-  },
-  emits: ["update:model-value", "open", "close", "select", "on-outside-click", "on-escape-keydown"],
-  setup(G, { expose: j, emit: J }) {
-    const n = G, a = J, f = s(null), p = s(null), C = s("point"), O = s(!!n.modelValue), u = s(null), h = s(null), d = s(null), E = s(!1), y = s(null), _ = c(() => typeof n.modelValue == "boolean" ? n.modelValue : O.value), U = c(() => n.options.length > 0), q = c(() => n.trigger === "longpress"), N = c(() => n.trigger === "contextmenu" || n.trigger === "both"), Q = c(
-      () => n.options.map((e, l) => typeof e == "string" || typeof e == "number" ? {
-        key: `${e}-${l}`,
-        type: "item",
-        label: e,
-        value: e,
-        disabled: !1,
-        closeOnClick: !0,
-        raw: e
-      } : {
-        key: `${String(e.value ?? e.label ?? l)}-${l}`,
-        type: e.type ?? "item",
-        label: e.label,
-        value: e.value ?? e.label ?? l,
-        icon: e.icon ? R(I(e.icon)) : void 0,
-        iconProps: e.iconProps,
-        shortcut: e.shortcut,
-        description: e.description,
-        component: e.component ? R(I(e.component)) : void 0,
-        componentProps: e.componentProps,
-        disabled: !!e.disabled,
-        color: e.color,
-        closeOnClick: e.closeOnClick ?? !0,
-        raw: e
-      })
-    ), Z = c(
-      () => [
-        "nmorph-context-menu__dropdown",
-        n.mobileMode === "bottom-sheet" && "nmorph-context-menu__dropdown--bottom-sheet"
-      ].filter(Boolean).join(" ")
-    );
-    V(
-      () => n.modelValue,
-      (e) => {
-        typeof e == "boolean" && (O.value = e);
-      }
-    );
-    const ee = (e, l) => ({
-      clientWidth: 0,
-      getBoundingClientRect: () => ({
-        x: e,
-        y: l,
-        width: 0,
-        height: 0,
-        top: l,
-        left: e,
-        right: e,
-        bottom: l,
-        toJSON: () => ({})
-      })
-    }), P = (e) => {
-      const l = _.value;
-      O.value = e, a("update:model-value", e), l && !e && a("close");
-    }, i = () => {
-      P(!1);
-    }, g = (e, l, t) => {
-      n.disabled || (C.value = "point", p.value = ee(e, l), P(!0), a("open", t));
-    }, T = (e, l) => {
-      n.disabled || (C.value = "element", p.value = e, P(!0), a("open", l));
-    }, te = (e) => {
-      if (!n.disabled) {
-        if (n.trigger === "longpress") {
-          e.preventDefault();
-          return;
-        }
-        N.value && (e.preventDefault(), g(e.clientX, e.clientY, e));
-      }
-    }, ne = (e) => {
-      const l = f.value;
-      if (!l) return !1;
-      if (e.target instanceof Node && l.contains(e.target)) return !0;
-      const t = l.getBoundingClientRect();
-      return e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom;
-    }, S = (e) => {
-      !_.value || n.disabled || !N.value || ne(e) && (e.preventDefault(), e.stopPropagation(), g(e.clientX, e.clientY, e));
-    }, le = (e) => {
-      if (E.value) {
-        b(), e.preventDefault();
-        return;
-      }
-      if (n.disabled || n.trigger !== "click" && n.trigger !== "both" || e.button !== 0) return;
-      const l = e.currentTarget instanceof HTMLElement ? e.currentTarget : f.value;
-      l && T(l, e);
-    }, oe = (e) => {
-      if (n.disabled || n.trigger === "manual" || e.key !== "ContextMenu" && !(e.shiftKey && e.key === "F10"))
-        return;
-      const l = e.target instanceof HTMLElement ? e.target : f.value;
-      l && (e.preventDefault(), T(l, e));
-    }, re = () => {
-      a("on-outside-click"), i();
-    }, se = () => {
-      a("on-escape-keydown"), i();
-    }, L = (e, l) => {
-      e.disabled || (a("select", e.raw, l), e.closeOnClick && i());
-    }, ae = (e, l, t) => {
-      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), L(l, t));
-    }, m = () => {
-      u.value && clearTimeout(u.value), u.value = null, h.value = null, d.value = null;
-    }, b = () => {
-      y.value && clearTimeout(y.value), E.value = !1, y.value = null;
-    }, ie = () => {
-      b(), E.value = !0, y.value = setTimeout(b, 700);
-    }, ce = (e) => {
-      n.disabled || !q.value || e.pointerType !== "touch" && e.pointerType !== "pen" || (m(), h.value = e.pointerId, d.value = { x: e.clientX, y: e.clientY }, u.value = setTimeout(() => {
-        ie(), m(), g(e.clientX, e.clientY, e);
-      }, Pe));
-    }, ue = (e) => {
-      if (!u.value || h.value !== e.pointerId || !d.value) return;
-      const l = Math.abs(e.clientX - d.value.x), t = Math.abs(e.clientY - d.value.y);
-      (l > F || t > F) && m();
-    }, B = (e) => {
-      h.value === e.pointerId && m();
-    }, $ = (e) => ({
-      "--nmorph-context-menu-item-color": e.color
-    }), M = () => {
-      n.closeOnScroll && C.value === "point" && i();
-    };
-    return V(
-      _,
-      (e) => {
-        typeof window > "u" || (e ? (window.addEventListener("scroll", M, { passive: !0, capture: !0 }), document.addEventListener("contextmenu", S, !0)) : (window.removeEventListener("scroll", M, !0), document.removeEventListener("contextmenu", S, !0)));
-      },
-      { immediate: !0 }
-    ), me(() => {
-      typeof window < "u" && window.removeEventListener("scroll", M, !0), typeof document < "u" && document.removeEventListener("contextmenu", S, !0), m(), b();
-    }), j({ close: i, openAt: g, openAtElement: T }), (e, l) => (o(), r("div", {
-      ref_key: "triggerDOMRef",
-      ref: f,
+};
+function N(r, S, D, e, K, M) {
+  return o(), t(
+    "div",
+    {
+      ref: "triggerDOMRef",
       class: "nmorph-context-menu",
-      onClick: le,
-      onContextmenu: te,
-      onKeydown: oe,
-      onPointerdown: ce,
-      onPointermove: ue,
-      onPointerup: B,
-      onPointercancel: B,
-      onPointerleave: B
-    }, [
-      v(e.$slots, "default"),
-      p.value ? (o(), w(ye, {
+      onClick: e.clickHandler,
+      onContextmenu: e.contextMenuHandler,
+      onKeydown: e.keydownHandler,
+      onPointerdown: e.pointerDownHandler,
+      onPointermove: e.pointerMoveHandler,
+      onPointerup: e.pointerEndHandler,
+      onPointercancel: e.pointerEndHandler,
+      onPointerleave: e.pointerEndHandler
+    },
+    [
+      l(r.$slots, "default"),
+      e.relativeElement ? (o(), i(e.NmorphDropdown, {
         key: 0,
-        open: _.value,
-        "relative-element": p.value,
-        placement: n.placement,
-        width: n.width,
-        "min-width": n.minWidth,
-        "max-width": n.maxWidth,
-        "x-offset": n.xOffset,
-        "y-offset": n.yOffset,
-        "fill-width": n.fillWidth,
-        "z-index": n.zIndex,
-        "close-on-escape": n.closeOnEscape,
-        "trap-focus": n.trapFocus,
-        role: n.role,
-        "aria-label": n.ariaLabel,
-        "hide-shadow": n.hideShadow,
-        "content-class": Z.value,
-        onOnOutsideClick: re,
-        onOnEscapeKeydown: se
+        open: e.isOpen,
+        "relative-element": e.relativeElement,
+        placement: e.props.placement,
+        width: e.props.width,
+        "min-width": e.props.minWidth,
+        "max-width": e.props.maxWidth,
+        "x-offset": e.props.xOffset,
+        "y-offset": e.props.yOffset,
+        "fill-width": e.props.fillWidth,
+        "z-index": e.props.zIndex,
+        "close-on-escape": e.props.closeOnEscape,
+        "trap-focus": e.props.trapFocus,
+        role: e.props.role,
+        "aria-label": e.props.ariaLabel,
+        "hide-shadow": e.props.hideShadow,
+        "content-class": e.dropdownContentClass,
+        onOnOutsideClick: e.outsideClickHandler,
+        onOnEscapeKeydown: e.escapeHandler
       }, {
-        default: X(() => [
-          U.value ? (o(), r("div", ge, [
-            (o(!0), r(Y, null, fe(Q.value, (t, D) => (o(), r(Y, {
-              key: t.key
-            }, [
-              t.type === "item" && !t.component ? (o(), r("button", {
-                key: 0,
-                type: "button",
-                class: "nmorph-context-menu__item",
-                role: "menuitem",
-                disabled: t.disabled,
-                style: z($(t)),
-                onClick: (H) => L(t, D)
-              }, [
-                v(e.$slots, "item", {
-                  option: t,
-                  active: !1,
-                  disabled: t.disabled
-                }, () => [
-                  t.icon ? (o(), w(pe(_e), {
+        default: m(() => [
+          e.hasOptions ? (o(), t("div", w, [
+            (o(!0), t(
+              h,
+              null,
+              x(e.normalizedOptions, (n, s) => (o(), t(
+                h,
+                {
+                  key: n.key
+                },
+                [
+                  n.type === "item" && !n.component ? (o(), t("button", {
                     key: 0,
-                    class: "nmorph-context-menu__item-icon"
-                  }, {
-                    default: X(() => [
-                      (o(), w(W(t.icon), K({ ref_for: !0 }, t.iconProps), null, 16))
-                    ]),
-                    _: 2
-                  }, 1024)) : k("", !0),
-                  A("span", ve, [
-                    A("span", we, x(t.label), 1),
-                    t.description ? (o(), r("span", ke, x(t.description), 1)) : k("", !0)
-                  ]),
-                  t.shortcut ? (o(), r("span", xe, x(t.shortcut), 1)) : k("", !0)
-                ])
-              ], 12, be)) : t.type === "item" ? (o(), r("div", {
-                key: 1,
-                class: he(["nmorph-context-menu__item", { "nmorph-context-menu__item--disabled": t.disabled }]),
-                role: "menuitem",
-                tabindex: t.disabled ? -1 : 0,
-                "aria-disabled": t.disabled,
-                style: z($(t)),
-                onClick: (H) => L(t, D),
-                onKeydown: (H) => ae(H, t, D)
-              }, [
-                v(e.$slots, "item", {
-                  option: t,
-                  active: !1,
-                  disabled: t.disabled
-                }, () => [
-                  (o(), w(W(t.component), K({ ref_for: !0 }, t.componentProps), null, 16))
-                ])
-              ], 46, Ce)) : t.type === "divider" ? (o(), r("div", Oe)) : (o(), r("div", Ee, x(t.label), 1))
-            ], 64))), 128))
-          ])) : v(e.$slots, "menu", {
+                    type: "button",
+                    class: "nmorph-context-menu__item",
+                    role: "menuitem",
+                    disabled: n.disabled,
+                    style: _(e.getOptionStyle(n)),
+                    onClick: (c) => e.optionClickHandler(n, s)
+                  }, [
+                    l(r.$slots, "item", {
+                      option: n,
+                      active: !1,
+                      disabled: n.disabled
+                    }, () => [
+                      n.icon ? (o(), i(
+                        e.NmorphIcon,
+                        {
+                          key: 0,
+                          class: "nmorph-context-menu__item-icon"
+                        },
+                        {
+                          default: m(() => [
+                            (o(), i(
+                              p(n.icon),
+                              f({ ref_for: !0 }, n.iconProps),
+                              null,
+                              16
+                              /* FULL_PROPS */
+                            ))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )) : a("v-if", !0),
+                      y("span", u, [
+                        y(
+                          "span",
+                          H,
+                          d(n.label),
+                          1
+                          /* TEXT */
+                        ),
+                        n.description ? (o(), t(
+                          "span",
+                          O,
+                          d(n.description),
+                          1
+                          /* TEXT */
+                        )) : a("v-if", !0)
+                      ]),
+                      n.shortcut ? (o(), t(
+                        "span",
+                        E,
+                        d(n.shortcut),
+                        1
+                        /* TEXT */
+                      )) : a("v-if", !0)
+                    ])
+                  ], 12, C)) : n.type === "item" ? (o(), t("div", {
+                    key: 1,
+                    class: b(["nmorph-context-menu__item", { "nmorph-context-menu__item--disabled": n.disabled }]),
+                    role: "menuitem",
+                    tabindex: n.disabled ? -1 : 0,
+                    "aria-disabled": n.disabled,
+                    style: _(e.getOptionStyle(n)),
+                    onClick: (c) => e.optionClickHandler(n, s),
+                    onKeydown: (c) => e.optionKeydownHandler(c, n, s)
+                  }, [
+                    l(r.$slots, "item", {
+                      option: n,
+                      active: !1,
+                      disabled: n.disabled
+                    }, () => [
+                      (o(), i(
+                        p(n.component),
+                        f({ ref_for: !0 }, n.componentProps),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      ))
+                    ])
+                  ], 46, g)) : n.type === "divider" ? (o(), t("div", P)) : (o(), t(
+                    "div",
+                    z,
+                    d(n.label),
+                    1
+                    /* TEXT */
+                  ))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])) : l(r.$slots, "menu", {
             key: 1,
-            close: i
+            close: e.close
           })
         ]),
         _: 3
-      }, 8, ["open", "relative-element", "placement", "width", "min-width", "max-width", "x-offset", "y-offset", "fill-width", "z-index", "close-on-escape", "trap-focus", "role", "aria-label", "hide-shadow", "content-class"])) : k("", !0)
-    ], 544));
-  }
-});
+        /* FORWARDED */
+      }, 8, ["open", "relative-element", "placement", "width", "min-width", "max-width", "x-offset", "y-offset", "fill-width", "z-index", "close-on-escape", "trap-focus", "role", "aria-label", "hide-shadow", "content-class"])) : a("v-if", !0)
+    ],
+    544
+    /* NEED_HYDRATION, NEED_PATCH */
+  );
+}
+const L = /* @__PURE__ */ v(k, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
 export {
-  De as default
+  L as default
 };

package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js

@@ -0,0 +1,164 @@
+import './NmorphContextMenu.css';
+import { defineComponent as Z, ref as n, computed as c, markRaw as M, toRaw as H, watch as B, onBeforeUnmount as ee } from "vue";
+import te from "../nmorph-dropdown/NmorphDropdown.vue.js";
+import re from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+const D = 600, T = 8, ae = /* @__PURE__ */ Z({
+  __name: "NmorphContextMenu",
+  props: {
+    modelValue: { type: [Boolean, null], required: !1, default: null },
+    options: { type: Array, required: !1, default: () => [] },
+    trigger: { type: String, required: !1, default: "contextmenu" },
+    placement: { type: null, required: !1, default: "bottom-start" },
+    width: { type: [Number, String], required: !1, default: "max-content" },
+    minWidth: { type: [Number, String], required: !1, default: void 0 },
+    maxWidth: { type: [Number, String], required: !1, default: void 0 },
+    xOffset: { type: Number, required: !1, default: 0 },
+    yOffset: { type: Number, required: !1, default: 0 },
+    fillWidth: { type: Boolean, required: !1, default: !1 },
+    zIndex: { type: Number, required: !1, default: void 0 },
+    closeOnEscape: { type: Boolean, required: !1, default: !0 },
+    trapFocus: { type: Boolean, required: !1, default: !1 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    closeOnScroll: { type: Boolean, required: !1, default: !0 },
+    role: { type: String, required: !1, default: "menu" },
+    ariaLabel: { type: String, required: !1, default: "" },
+    hideShadow: { type: Boolean, required: !1, default: !1 },
+    mobileMode: { type: String, required: !1, default: "dropdown" }
+  },
+  emits: ["update:model-value", "open", "close", "select", "on-outside-click", "on-escape-keydown"],
+  setup(I, { expose: R, emit: X }) {
+    const r = I, o = X, g = n(null), E = n(null), y = n("point"), b = n(!!r.modelValue), a = n(null), d = n(null), u = n(null), h = n(!1), f = n(null), v = c(() => typeof r.modelValue == "boolean" ? r.modelValue : b.value), Y = c(() => r.options.length > 0), x = c(() => r.trigger === "longpress"), O = c(() => r.trigger === "contextmenu" || r.trigger === "both"), V = c(
+      () => r.options.map((e, t) => typeof e == "string" || typeof e == "number" ? {
+        key: `${e}-${t}`,
+        type: "item",
+        label: e,
+        value: e,
+        disabled: !1,
+        closeOnClick: !0,
+        raw: e
+      } : {
+        key: `${String(e.value ?? e.label ?? t)}-${t}`,
+        type: e.type ?? "item",
+        label: e.label,
+        value: e.value ?? e.label ?? t,
+        icon: e.icon ? M(H(e.icon)) : void 0,
+        iconProps: e.iconProps,
+        shortcut: e.shortcut,
+        description: e.description,
+        component: e.component ? M(H(e.component)) : void 0,
+        componentProps: e.componentProps,
+        disabled: !!e.disabled,
+        color: e.color,
+        closeOnClick: e.closeOnClick ?? !0,
+        raw: e
+      })
+    ), A = c(
+      () => [
+        "nmorph-context-menu__dropdown",
+        r.mobileMode === "bottom-sheet" && "nmorph-context-menu__dropdown--bottom-sheet"
+      ].filter(Boolean).join(" ")
+    );
+    B(
+      () => r.modelValue,
+      (e) => {
+        typeof e == "boolean" && (b.value = e);
+      }
+    );
+    const C = (e, t) => ({
+      clientWidth: 0,
+      getBoundingClientRect: () => ({
+        x: e,
+        y: t,
+        width: 0,
+        height: 0,
+        top: t,
+        left: e,
+        right: e,
+        bottom: t,
+        toJSON: () => ({})
+      })
+    }), w = (e) => {
+      const t = v.value;
+      b.value = e, o("update:model-value", e), t && !e && o("close");
+    }, i = () => {
+      w(!1);
+    }, p = (e, t, l) => {
+      r.disabled || (y.value = "point", E.value = C(e, t), w(!0), o("open", l));
+    }, k = (e, t) => {
+      r.disabled || (y.value = "element", E.value = e, w(!0), o("open", t));
+    }, W = (e) => {
+      if (!r.disabled) {
+        if (r.trigger === "longpress") {
+          e.preventDefault();
+          return;
+        }
+        O.value && (e.preventDefault(), p(e.clientX, e.clientY, e));
+      }
+    }, N = (e) => {
+      const t = g.value;
+      if (!t) return !1;
+      if (e.target instanceof Node && t.contains(e.target)) return !0;
+      const l = t.getBoundingClientRect();
+      return e.clientX >= l.left && e.clientX <= l.right && e.clientY >= l.top && e.clientY <= l.bottom;
+    }, S = (e) => {
+      !v.value || r.disabled || !O.value || N(e) && (e.preventDefault(), e.stopPropagation(), p(e.clientX, e.clientY, e));
+    }, $ = (e) => {
+      if (h.value) {
+        m(), e.preventDefault();
+        return;
+      }
+      if (r.disabled || r.trigger !== "click" && r.trigger !== "both" || e.button !== 0) return;
+      const t = e.currentTarget instanceof HTMLElement ? e.currentTarget : g.value;
+      t && k(t, e);
+    }, j = (e) => {
+      if (r.disabled || r.trigger === "manual" || e.key !== "ContextMenu" && !(e.shiftKey && e.key === "F10"))
+        return;
+      const t = e.target instanceof HTMLElement ? e.target : g.value;
+      t && (e.preventDefault(), k(t, e));
+    }, z = () => {
+      o("on-outside-click"), i();
+    }, F = () => {
+      o("on-escape-keydown"), i();
+    }, q = (e, t) => {
+      e.disabled || (o("select", e.raw, t), e.closeOnClick && i());
+    }, G = (e, t, l) => {
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), q(t, l));
+    }, s = () => {
+      a.value && clearTimeout(a.value), a.value = null, d.value = null, u.value = null;
+    }, m = () => {
+      f.value && clearTimeout(f.value), h.value = !1, f.value = null;
+    }, P = () => {
+      m(), h.value = !0, f.value = setTimeout(m, 700);
+    }, K = (e) => {
+      r.disabled || !x.value || e.pointerType !== "touch" && e.pointerType !== "pen" || (s(), d.value = e.pointerId, u.value = { x: e.clientX, y: e.clientY }, a.value = setTimeout(() => {
+        P(), s(), p(e.clientX, e.clientY, e);
+      }, D));
+    }, J = (e) => {
+      if (!a.value || d.value !== e.pointerId || !u.value) return;
+      const t = Math.abs(e.clientX - u.value.x), l = Math.abs(e.clientY - u.value.y);
+      (t > T || l > T) && s();
+    }, U = (e) => {
+      d.value === e.pointerId && s();
+    }, Q = (e) => ({
+      "--nmorph-context-menu-item-color": e.color
+    }), _ = () => {
+      r.closeOnScroll && y.value === "point" && i();
+    };
+    B(
+      v,
+      (e) => {
+        typeof window > "u" || (e ? (window.addEventListener("scroll", _, { passive: !0, capture: !0 }), document.addEventListener("contextmenu", S, !0)) : (window.removeEventListener("scroll", _, !0), document.removeEventListener("contextmenu", S, !0)));
+      },
+      { immediate: !0 }
+    ), ee(() => {
+      typeof window < "u" && window.removeEventListener("scroll", _, !0), typeof document < "u" && document.removeEventListener("contextmenu", S, !0), s(), m();
+    }), R({ close: i, openAt: p, openAtElement: k });
+    const L = { LONG_PRESS_DELAY_IN_MS: D, LONG_PRESS_MOVE_TOLERANCE_IN_PX: T, props: r, emit: o, triggerDOMRef: g, relativeElement: E, anchorType: y, openState: b, longPressTimer: a, longPressPointerId: d, longPressStartPoint: u, suppressNextClick: h, suppressNextClickTimer: f, isOpen: v, hasOptions: Y, isLongPressTrigger: x, isContextMenuTrigger: O, normalizedOptions: V, dropdownContentClass: A, createPointElement: C, setOpen: w, close: i, openAt: p, openAtElement: k, contextMenuHandler: W, isEventInsideTrigger: N, documentContextMenuHandler: S, clickHandler: $, keydownHandler: j, outsideClickHandler: z, escapeHandler: F, optionClickHandler: q, optionKeydownHandler: G, clearLongPressTimer: s, clearClickSuppression: m, suppressNextClickTemporarily: P, pointerDownHandler: K, pointerMoveHandler: J, pointerEndHandler: U, getOptionStyle: Q, scrollHandler: _, NmorphDropdown: te, get NmorphIcon() {
+      return re;
+    } };
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
+  }
+});
+export {
+  ae as default
+};