@nmorph/nmorph-ui-kit 2.2.38 → 2.2.40

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js

@@ -1,13 +1,13 @@
 import './NmorphTimePicker.css';
 import b from "./NmorphTimePicker.vue2.js";
-import { openBlock as i, createElementBlock as n, normalizeStyle as v, normalizeClass as l, createElementVNode as r, withKeys as m, withModifiers as t, createVNode as d, withCtx as p, toDisplayString as c, createCommentVNode as _, createBlock as f, Fragment as s, renderList as h } from "vue";
+import { openBlock as i, createElementBlock as n, normalizeStyle as v, normalizeClass as a, createElementVNode as r, withKeys as m, withModifiers as t, createVNode as d, withCtx as p, toDisplayString as c, createCommentVNode as _, createBlock as f, Fragment as s, renderList as h } from "vue";
 /* empty css                      */
 import u from "../../../_virtual/_plugin-vue_export-helper.js";
-const y = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id", "name", "autocomplete", "step", "value", "disabled"], x = { class: "nmorph-time-picker__selected-value" }, C = ["id"], g = {
+const y = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id", "name", "autocomplete", "step", "value", "disabled"], x = { class: "nmorph-time-picker__selected-value" }, C = ["id"], H = {
   class: "nmorph-time-picker__column",
   role: "listbox",
   "aria-label": "Hours"
-}, O = ["disabled", "onClick"], H = {
+}, g = ["disabled", "onClick"], O = {
   class: "nmorph-time-picker__column",
   role: "listbox",
   "aria-label": "Minutes"
@@ -16,11 +16,11 @@ const y = ["aria-expanded", "aria-controls", "tabindex", "onKeydown"], w = ["id"
   role: "listbox",
   "aria-label": "Seconds"
 }, V = ["disabled", "onClick"];
-function I(S, a, z, e, B, D) {
+function I(S, l, z, e, B, D) {
   return i(), n(
     "div",
     {
-      class: l(e.modifiers),
+      class: a(e.modifiers),
       style: v(e.styles)
     },
     [
@@ -32,8 +32,8 @@ function I(S, a, z, e, B, D) {
         "aria-controls": `${e.id}-dropdown`,
         tabindex: e.props.disabled ? -1 : e.tabindex,
         onClick: e.toggleOpen,
-        onFocus: e.focusHandler,
-        onBlur: e.blurHandler,
+        onFocus: l[0] || (l[0] = (...o) => e.focusHandler && e.focusHandler(...o)),
+        onBlur: l[1] || (l[1] = (...o) => e.blurHandler && e.blurHandler(...o)),
         onKeydown: [
           m(t(e.toggleOpen, ["prevent"]), ["space"]),
           m(t(e.toggleOpen, ["prevent"]), ["enter"]),
@@ -98,41 +98,41 @@ function I(S, a, z, e, B, D) {
         default: p(() => [
           r("div", {
             id: `${e.id}-dropdown`,
-            class: l(["nmorph-time-picker__panel", { "nmorph-time-picker__panel--with-seconds": e.props.showSeconds }])
+            class: a(["nmorph-time-picker__panel", { "nmorph-time-picker__panel--with-seconds": e.props.showSeconds }])
           }, [
-            r("div", g, [
+            r("div", H, [
               (i(!0), n(
                 s,
                 null,
                 h(e.hourOptions, (o) => (i(), n("button", {
                   key: o.value,
                   type: "button",
-                  class: l(["nmorph-time-picker__option", [
+                  class: a(["nmorph-time-picker__option", [
                     e.optionHeightModifiers,
                     { "nmorph-time-picker__option--active": o.value === e.pickerValue.hour }
                   ]]),
                   disabled: o.disabled,
                   onClick: (k) => e.selectUnit("hour", o.value)
-                }, c(o.label), 11, O))),
+                }, c(o.label), 11, g))),
                 128
                 /* KEYED_FRAGMENT */
               ))
             ]),
-            a[1] || (a[1] = r(
+            l[3] || (l[3] = r(
               "div",
               { class: "nmorph-time-picker__separator" },
               ":",
               -1
               /* CACHED */
             )),
-            r("div", H, [
+            r("div", O, [
               (i(!0), n(
                 s,
                 null,
                 h(e.minuteOptions, (o) => (i(), n("button", {
                   key: o.value,
                   type: "button",
-                  class: l(["nmorph-time-picker__option", [
+                  class: a(["nmorph-time-picker__option", [
                     e.optionHeightModifiers,
                     { "nmorph-time-picker__option--active": o.value === e.pickerValue.minute }
                   ]]),
@@ -147,7 +147,7 @@ function I(S, a, z, e, B, D) {
               s,
               { key: 0 },
               [
-                a[0] || (a[0] = r(
+                l[2] || (l[2] = r(
                   "div",
                   { class: "nmorph-time-picker__separator" },
                   ":",
@@ -161,7 +161,7 @@ function I(S, a, z, e, B, D) {
                     h(e.secondOptions, (o) => (i(), n("button", {
                       key: o.value,
                       type: "button",
-                      class: l(["nmorph-time-picker__option", [
+                      class: a(["nmorph-time-picker__option", [
                         e.optionHeightModifiers,
                         { "nmorph-time-picker__option--active": o.value === e.pickerValue.second }
                       ]]),

package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js

@@ -1,15 +1,16 @@
 import './NmorphTimePicker.css';
-import { defineComponent as te, ref as y, computed as n, watch as oe } from "vue";
-import { NmorphComponentHeight as O } from "../../../types/index.js";
+import { defineComponent as te, ref as _, computed as n, watch as oe } from "vue";
 import { useI18n as re } from "vue-i18n";
-import { useModifiers as H } from "../../../utils/create-modifiers.js";
-import { toCssSize as ne } from "../../../utils/common.js";
-import { useFormItemInput as le, useFormItemModel as ue } from "../nmorph-form/use-form-item-input.js";
-import se from "../../../assets/icons/clock.svg.js";
-import ae from "../../../assets/icons/circle-close.svg.js";
-import ie from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import de from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const Ne = /* @__PURE__ */ te({
+import { useModifiers as O } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as ne } from "../../../utils/common.js";
+import { useFocusableInput as ue } from "../../../hooks/use-focusable-input.js";
+import { useFormItemInput as le, useFormItemModel as se } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as B } from "../../../types/common.types.js";
+import ae from "../../../assets/icons/clock.svg.js";
+import ie from "../../../assets/icons/circle-close.svg.js";
+import de from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import ce from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
+const Ie = /* @__PURE__ */ te({
   __name: "NmorphTimePicker",
   props: {
     modelValue: { type: [String, null], required: !1, default: null },
@@ -31,87 +32,93 @@ const Ne = /* @__PURE__ */ te({
     tabindex: { type: Number, required: !1 }
   },
   emits: ["update:model-value", "focus", "blur"],
-  setup(M, { expose: k, emit: B }) {
-    const t = M, m = B, { t: I } = re(), { id: P, name: $, autocomplete: z, tabindex: D } = le(t), { modelValue: s, updateModelValue: p } = ue(
+  setup(H, { expose: M, emit: k }) {
+    const t = H, m = k, { t: I } = re(), { id: F, name: P, autocomplete: $, tabindex: z } = le(t), { modelValue: s, updateModelValue: p } = se(
       t,
       (e) => m("update:model-value", e),
       null
-    ), a = y(!1), f = y(!1), x = y(null), c = (e) => String(e).padStart(2, "0"), h = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
+    ), a = _(!1), {
+      elementRef: T,
+      focused: w,
+      handleFocus: D,
+      handleBlur: R
+    } = ue({
+      onFocus: () => m("focus"),
+      onBlur: () => m("blur")
+    }), c = (e) => String(e).padStart(2, "0"), f = (e) => Math.max(1, Math.floor(Number.isFinite(e) ? e : 1)), i = (e) => {
       if (!e) return null;
       const o = e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?$/);
       if (!o) return null;
-      const r = Number(o[1]), g = Number(o[2]), d = Number(o[3] || 0);
-      return r > 23 || g > 59 || d > 59 ? null : { hour: r, minute: g, second: d };
-    }, N = (e) => {
+      const r = Number(o[1]), v = Number(o[2]), d = Number(o[3] || 0);
+      return r > 23 || v > 59 || d > 59 ? null : { hour: r, minute: v, second: d };
+    }, g = (e) => {
       const o = `${c(e.hour)}:${c(e.minute)}`;
       return t.showSeconds ? `${o}:${c(e.second)}` : o;
-    }, v = (e) => e.hour * 3600 + e.minute * 60 + e.second, q = n(() => i(t.minTime)), T = n(() => i(t.maxTime)), C = n(() => i(s.value)), u = y(C.value || { hour: 0, minute: 0, second: 0 }), _ = n(() => t.placeholder || I("pickATime"));
+    }, h = (e) => e.hour * 3600 + e.minute * 60 + e.second, y = n(() => i(t.minTime)), N = n(() => i(t.maxTime)), x = n(() => i(s.value)), l = _(x.value || { hour: 0, minute: 0, second: 0 }), C = n(() => t.placeholder || I("pickATime"));
     oe(s, (e) => {
       const o = i(e);
-      o && (u.value = o);
+      o && (l.value = o);
     });
-    const S = (e) => {
-      const o = v(e);
-      return !!(q.value && o < v(q.value) || T.value && o > v(T.value));
-    }, b = (e, o, r) => {
-      const g = h(r), d = /* @__PURE__ */ new Set();
-      for (let l = 0; l <= o; l += g) d.add(l);
-      return d.add(u.value[e]), Array.from(d).filter((l) => l >= 0 && l <= o).sort((l, w) => l - w).map((l) => {
-        const w = { ...u.value, [e]: l };
+    const b = (e) => {
+      const o = h(e);
+      return !!(y.value && o < h(y.value) || N.value && o > h(N.value));
+    }, S = (e, o, r) => {
+      const v = f(r), d = /* @__PURE__ */ new Set();
+      for (let u = 0; u <= o; u += v) d.add(u);
+      return d.add(l.value[e]), Array.from(d).filter((u) => u >= 0 && u <= o).sort((u, q) => u - q).map((u) => {
+        const q = { ...l.value, [e]: u };
         return {
-          label: c(l),
-          value: l,
-          disabled: S(w)
+          label: c(u),
+          value: u,
+          disabled: b(q)
         };
       });
-    }, F = n(() => b("hour", 23, t.hourStep)), A = n(() => b("minute", 59, t.minuteStep)), R = n(() => b("second", 59, t.secondStep)), U = (e, o) => {
-      const r = { ...u.value, [e]: o };
-      S(r) || (u.value = r, p(N(r)));
-    }, j = () => {
-      p(null), a.value = !1;
-    }, E = () => {
-      a.value = !1;
+    }, A = n(() => S("hour", 23, t.hourStep)), U = n(() => S("minute", 59, t.minuteStep)), j = n(() => S("second", 59, t.secondStep)), E = (e, o) => {
+      const r = { ...l.value, [e]: o };
+      b(r) || (l.value = r, p(g(r)));
     }, G = () => {
-      t.disabled || (a.value = !a.value);
+      p(null), a.value = !1;
     }, J = () => {
-      f.value = !0, m("focus");
+      a.value = !1;
     }, K = () => {
-      f.value = !1, m("blur");
+      t.disabled || (a.value = !a.value);
     }, L = (e) => {
       const o = e.target, r = i(o.value);
-      !r || S(r) || (u.value = r, p(N(r)));
-    }, Q = n(() => s.value || _.value), W = n(
-      () => t.showSeconds ? h(t.secondStep) : h(t.minuteStep) * 60
+      !r || b(r) || (l.value = r, p(g(r)));
+    }, Q = n(() => s.value || C.value), W = n(
+      () => t.showSeconds ? f(t.secondStep) : f(t.minuteStep) * 60
     ), X = n(() => t.clearable && !!s.value && !t.disabled), Y = n(
-      () => H({
-        nmorph: [O[t.height]],
+      () => O({
+        nmorph: [B[t.height]],
         "nmorph-time-picker": [
           t.disabled && "disabled",
           a.value && "open",
-          f.value && "focus",
+          w.value && "focus",
           !s.value && "placeholder"
         ]
       })
     ), Z = n(
-      () => H({
-        nmorph: [O[t.height]]
+      () => O({
+        nmorph: [B[t.height]]
       })
-    ), ee = n(() => ({
-      ...t.width !== void 0 && { "--width": ne(t.width) }
-    }));
-    k({ inputDOMRef: x });
-    const V = { props: t, emit: m, t: I, id: P, name: $, autocomplete: z, tabindex: D, modelValue: s, updateModelValue: p, open: a, focused: f, inputDOMRef: x, pad: c, normalizeStep: h, parseTime: i, formatTime: N, timeToSeconds: v, minTimeParts: q, maxTimeParts: T, modelTimeParts: C, pickerValue: u, placeholderText: _, isOutsideRange: S, getUnitOptions: b, hourOptions: F, minuteOptions: A, secondOptions: R, selectUnit: U, clearHandler: j, closeHandler: E, toggleOpen: G, focusHandler: J, blurHandler: K, nativeInputHandler: L, displayValue: Q, inputStep: W, showClearButton: X, modifiers: Y, optionHeightModifiers: Z, styles: ee, get NmorphDropdown() {
-      return de;
+    ), ee = n(
+      () => ne({
+        "--width": t.width
+      })
+    );
+    M({ inputDOMRef: T });
+    const V = { props: t, emit: m, t: I, id: F, name: P, autocomplete: $, tabindex: z, modelValue: s, updateModelValue: p, open: a, inputDOMRef: T, focused: w, focusHandler: D, blurHandler: R, pad: c, normalizeStep: f, parseTime: i, formatTime: g, timeToSeconds: h, minTimeParts: y, maxTimeParts: N, modelTimeParts: x, pickerValue: l, placeholderText: C, isOutsideRange: b, getUnitOptions: S, hourOptions: A, minuteOptions: U, secondOptions: j, selectUnit: E, clearHandler: G, closeHandler: J, toggleOpen: K, nativeInputHandler: L, displayValue: Q, inputStep: W, showClearButton: X, modifiers: Y, optionHeightModifiers: Z, styles: ee, get NmorphDropdown() {
+      return ce;
     }, get NmorphIcon() {
-      return ie;
+      return de;
     }, get NmorphIconCircleClose() {
-      return ae;
+      return ie;
     }, get NmorphIconClock() {
-      return se;
+      return ae;
     } };
     return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
   }
 });
 export {
-  Ne as default
+  Ie as default
 };

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

@@ -1,24 +1,29 @@
 import './NmorphContextMenu.css';
 import s from "./NmorphContextMenu.vue2.js";
-import { openBlock as o, createElementBlock as l, renderSlot as i, createBlock as d, withCtx as p, Fragment as c, renderList as h, normalizeStyle as m, createElementVNode as f, toDisplayString as _, normalizeClass as y, resolveDynamicComponent as x, mergeProps as k, createCommentVNode as w } from "vue";
+import { openBlock as o, createElementBlock as r, renderSlot as a, createBlock as d, withCtx as p, Fragment as c, renderList as h, normalizeStyle as m, createElementVNode as f, toDisplayString as _, normalizeClass as y, resolveDynamicComponent as w, mergeProps as x, createCommentVNode as k } from "vue";
 /* empty css                       */
 import b from "../../../_virtual/_plugin-vue_export-helper.js";
-const C = {
+const v = {
   key: 0,
   class: "nmorph-context-menu__options"
-}, v = ["disabled", "onClick"], O = { class: "nmorph-context-menu__item-label" }, g = ["tabindex", "aria-disabled", "onClick", "onKeydown"];
-function H(a, u, z, e, E, S) {
-  return o(), l(
+}, C = ["disabled", "onClick"], H = { class: "nmorph-context-menu__item-label" }, O = ["tabindex", "aria-disabled", "onClick", "onKeydown"];
+function E(i, g, P, e, z, S) {
+  return o(), r(
     "div",
     {
       ref: "triggerDOMRef",
       class: "nmorph-context-menu",
       onClick: e.clickHandler,
       onContextmenu: e.contextMenuHandler,
-      onKeydown: e.keydownHandler
+      onKeydown: e.keydownHandler,
+      onPointerdown: e.pointerDownHandler,
+      onPointermove: e.pointerMoveHandler,
+      onPointerup: e.pointerEndHandler,
+      onPointercancel: e.pointerEndHandler,
+      onPointerleave: e.pointerEndHandler
     },
     [
-      i(a.$slots, "default"),
+      a(i.$slots, "default"),
       e.relativeElement ? (o(), d(e.NmorphDropdown, {
         key: 0,
         open: e.isOpen,
@@ -41,50 +46,50 @@ function H(a, u, z, e, E, S) {
         onOnEscapeKeydown: e.escapeHandler
       }, {
         default: p(() => [
-          e.hasOptions ? (o(), l("div", C, [
-            (o(!0), l(
+          e.hasOptions ? (o(), r("div", v, [
+            (o(!0), r(
               c,
               null,
-              h(e.normalizedOptions, (n, r) => (o(), l(
+              h(e.normalizedOptions, (n, l) => (o(), r(
                 c,
                 {
                   key: n.key
                 },
                 [
-                  n.component ? (o(), l("div", {
+                  n.component ? (o(), r("div", {
                     key: 1,
                     class: y(["nmorph-context-menu__item", { "nmorph-context-menu__item--disabled": n.disabled }]),
                     role: "menuitem",
                     tabindex: n.disabled ? -1 : 0,
                     "aria-disabled": n.disabled,
                     style: m(e.getOptionStyle(n)),
-                    onClick: (t) => e.optionClickHandler(n, r),
-                    onKeydown: (t) => e.optionKeydownHandler(t, n, r)
+                    onClick: (t) => e.optionClickHandler(n, l),
+                    onKeydown: (t) => e.optionKeydownHandler(t, n, l)
                   }, [
                     (o(), d(
-                      x(n.component),
-                      k({ ref_for: !0 }, n.componentProps),
+                      w(n.component),
+                      x({ ref_for: !0 }, n.componentProps),
                       null,
                       16
                       /* FULL_PROPS */
                     ))
-                  ], 46, g)) : (o(), l("button", {
+                  ], 46, O)) : (o(), r("button", {
                     key: 0,
                     type: "button",
                     class: "nmorph-context-menu__item",
                     role: "menuitem",
                     disabled: n.disabled,
                     style: m(e.getOptionStyle(n)),
-                    onClick: (t) => e.optionClickHandler(n, r)
+                    onClick: (t) => e.optionClickHandler(n, l)
                   }, [
                     f(
                       "span",
-                      O,
+                      H,
                       _(n.label),
                       1
                       /* TEXT */
                     )
-                  ], 12, v))
+                  ], 12, C))
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -92,20 +97,20 @@ function H(a, u, z, e, E, S) {
               128
               /* KEYED_FRAGMENT */
             ))
-          ])) : i(a.$slots, "menu", {
+          ])) : a(i.$slots, "menu", {
             key: 1,
             close: e.close
           })
         ]),
         _: 3
         /* 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"])) : w("v-if", !0)
+      }, 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"])) : k("v-if", !0)
     ],
     544
     /* NEED_HYDRATION, NEED_PATCH */
   );
 }
-const B = /* @__PURE__ */ b(s, [["render", H], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
+const B = /* @__PURE__ */ b(s, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue"]]);
 export {
   B as default
 };

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

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