@nmorph/nmorph-ui-kit 2.2.39 → 2.2.40

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js

@@ -1,17 +1,17 @@
 import n from "./NmorphTagList.vue2.js";
-import { openBlock as e, createElementBlock as t, normalizeClass as a, Fragment as l, renderList as s, createBlock as m, mergeProps as i } from "vue";
+import { openBlock as e, createElementBlock as t, normalizeClass as l, Fragment as s, renderList as a, createBlock as m, mergeProps as i } from "vue";
 import c from "../../../_virtual/_plugin-vue_export-helper.js";
-function p(f, _, d, r, u, g) {
+function p(f, d, _, r, u, g) {
   return e(), t(
     "div",
     {
-      class: a(r.modifiers)
+      class: l(r.modifiers)
     },
     [
       (e(!0), t(
-        l,
+        s,
         null,
-        s(r.tagList, (o) => (e(), m(
+        a(r.resolvedTagList, (o) => (e(), m(
           r.NmorphTagItem,
           i({
             key: o.value
@@ -28,7 +28,7 @@ function p(f, _, d, r, u, g) {
     /* CLASS */
   );
 }
-const T = /* @__PURE__ */ c(n, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/NmorphTagList.vue"]]);
+const v = /* @__PURE__ */ c(n, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-tag-list/NmorphTagList.vue"]]);
 export {
-  T as default
+  v as default
 };

package/dist/components/data/nmorph-tag-list/NmorphTagList.vue2.js

@@ -1,26 +1,32 @@
-import { defineComponent as p, computed as n, ref as d } from "vue";
-import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import { defineComponent as d, computed as a, ref as c } from "vue";
+import { useModifiers as g } from "../../../utils/create-modifiers.js";
 import f from "./components/nmorph-tag-item/NmorphTagItem.vue.js";
-const h = /* @__PURE__ */ p({
+const L = /* @__PURE__ */ d({
   __name: "NmorphTagList",
   props: {
-    modelValue: { type: Array, required: !0 }
+    modelValue: { type: Array, required: !0 },
+    design: { type: String, required: !1, default: "nmorph" }
   },
   emits: ["close", "update:model-value"],
-  setup(a, { expose: m, emit: l }) {
-    m();
-    const o = a, r = l, u = n(
-      () => c({
+  setup(i, { expose: l, emit: m }) {
+    l();
+    const r = i, o = m, n = a(
+      () => g({
         "nmorph-list": []
       })
     );
-    let e = d(o.modelValue);
-    const s = { props: o, emit: r, modifiers: u, get tagList() {
-      return e;
-    }, set tagList(t) {
-      e = t;
-    }, closeTagHandler: (t) => {
-      e.value = e.value.filter((i) => i.value !== t), r("close", t), r("update:model-value", e.value);
+    let t = c(r.modelValue);
+    const u = a(
+      () => t.value.map((e) => ({
+        ...e,
+        design: e.design ?? r.design
+      }))
+    ), s = { props: r, emit: o, modifiers: n, get tagList() {
+      return t;
+    }, set tagList(e) {
+      t = e;
+    }, resolvedTagList: u, closeTagHandler: (e) => {
+      t.value = t.value.filter((p) => p.value !== e), o("close", e), o("update:model-value", t.value);
     }, get NmorphTagItem() {
       return f;
     } };
@@ -28,5 +34,5 @@ const h = /* @__PURE__ */ p({
   }
 });
 export {
-  h as default
+  L as default
 };

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.css

@@ -1 +1 @@
-.nmorph-tag-item{display:inline-flex;margin-right:var(--indentation-02);padding:var(--indentation-00) var(--indentation-03);border:solid 2px var(--nmorph-text-color);border-radius:var(--default-border-radius);cursor:default}.nmorph-tag-item .nmorph-tag-item__content{display:flex;align-items:center;height:100%}.nmorph-tag-item .nmorph-tag-item__close-icon{margin-left:4px;cursor:pointer}.nmorph-tag-item.nmorph-tag-item--nmorph-design{background:var(--nmorph-main-color);border:none;box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tag-item.nmorph-tag-item--thin{--height: var(--thin-component)}.nmorph-tag-item.nmorph-tag-item--thin span{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-tag-item.nmorph-tag-item--thick{--height: var(--thick-component)}
+.nmorph-tag-item{display:inline-flex;margin-right:var(--indentation-02);padding:var(--indentation-00) var(--indentation-03);color:var(--nmorph-tag-item-content-color, var(--nmorph-tag-item-color, var(--nmorph-text-color)));border-radius:var(--default-border-radius);cursor:default}.nmorph-tag-item .nmorph-tag-item__content{display:flex;align-items:center;height:100%}.nmorph-tag-item span{color:inherit}.nmorph-tag-item .nmorph-tag-item__close-icon{margin-left:4px;cursor:pointer;--color: var(--nmorph-tag-item-content-color, var(--nmorph-tag-item-color, var(--nmorph-text-color)))}.nmorph-tag-item.nmorph-tag-item--nmorph{background:var(--nmorph-main-color);border:none;box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-tag-item.nmorph-tag-item--common{--nmorph-tag-item-content-color: var(--nmorph-tag-item-color, var(--nmorph-contrast-text-color));background:var(--nmorph-tag-item-background, var(--nmorph-gray-color));border:none;box-shadow:none}.nmorph-tag-item.nmorph-tag-item--thin{--height: var(--thin-component)}.nmorph-tag-item.nmorph-tag-item--thin span{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-tag-item.nmorph-tag-item--thick{--height: var(--thick-component)}

package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphTagItem.css';
-import { defineComponent as i, computed as s } from "vue";
+import { defineComponent as p, computed as s } from "vue";
 import { useModifiers as u } from "../../../../../utils/create-modifiers.js";
 import { NmorphComponentHeight as a } from "../../../../../types/common.types.js";
 import l from "../../../../../assets/icons/error.svg.js";
-import d from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-const N = /* @__PURE__ */ i({
+import c from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
+const N = /* @__PURE__ */ p({
   __name: "NmorphTagItem",
   props: {
     value: { type: String, required: !0 },
@@ -14,17 +14,17 @@ const N = /* @__PURE__ */ i({
     design: { type: String, required: !1, default: "nmorph" }
   },
   emits: ["close"],
-  setup(o, { expose: n, emit: m }) {
+  setup(o, { expose: n, emit: i }) {
     n();
-    const e = o, p = s(
+    const e = o, m = s(
       () => u({
         nmorph: [a[e.height]],
-        "nmorph-tag-item": [`${e.design === "nmorph" ? "nmorph-design" : ""}`]
+        "nmorph-tag-item": [e.design]
       })
-    ), r = m, t = { props: e, modifiers: p, emit: r, closeHandler: () => {
+    ), r = i, t = { props: e, modifiers: m, emit: r, closeHandler: () => {
       r("close", e.value);
     }, get NmorphIcon() {
-      return d;
+      return c;
     }, get NmorphIconError() {
       return l;
     } };

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
 };

package/dist/hooks/use-placement.js

@@ -1,89 +1,93 @@
-import { ref as b, unref as n, inject as T, watch as F, onMounted as U, onUnmounted as X, nextTick as S } from "vue";
-const G = (j) => {
-  const { initialPlacement: g, relativeElement: y, contentDOMElement: u, yOffset: L = 0, xOffset: O = 0, enabled: h } = j, R = b(n(g)), C = b({ x: "0px", y: "0px" }), v = b(!1), k = T("nmorph"), P = { passive: !0, capture: !0 };
+import { ref as b, unref as i, inject as U, watch as X, onMounted as J, onUnmounted as K, nextTick as $ } from "vue";
+const F = 4, Z = (H) => {
+  const { initialPlacement: p, relativeElement: O, contentDOMElement: d, yOffset: R = 0, xOffset: M = 0, enabled: g } = H, y = b(i(p)), L = b({ x: "0px", y: "0px" }), m = b(!1), I = U("nmorph"), P = { passive: !0, capture: !0 };
   let w = null;
-  F(
-    () => k?.browser,
+  X(
+    () => I?.browser,
     () => {
-      o();
+      r();
     },
     { deep: !0 }
-  ), U(() => {
-    o(), V(), window.addEventListener("resize", o, { passive: !0 }), w = new MutationObserver(() => {
-      M();
-    }), w.observe(document.body, { childList: !0, subtree: !0 }), M();
-  }), X(() => {
-    W(), window.removeEventListener("resize", o), w?.disconnect();
-  }), F(
-    () => [n(g), n(y), n(O), n(L), n(h)],
+  ), J(() => {
+    r(), Y(), window.addEventListener("resize", r, { passive: !0 }), w = new MutationObserver(() => {
+      C();
+    }), w.observe(document.body, { childList: !0, subtree: !0 }), C();
+  }), K(() => {
+    _(), window.removeEventListener("resize", r), w?.disconnect();
+  }), X(
+    () => [i(p), i(O), i(M), i(R), i(g)],
     () => {
-      o();
+      r();
     },
     { flush: "post" }
   );
-  const M = () => {
-    S(() => {
-      u.value && o();
+  const C = () => {
+    $(() => {
+      d.value && r();
     });
-  }, A = () => h === void 0 || n(h) !== !1, q = (e) => {
-    const [s, t] = e.split("-");
+  }, W = () => g === void 0 || i(g) !== !1, N = (t) => {
+    const [n, e] = t.split("-");
     return {
-      side: s,
-      align: t || "start",
-      hasAlign: !!t
+      side: n,
+      align: e || "start",
+      hasAlign: !!e
     };
-  }, z = (e, s, t) => t ? `${e}-${s}` : e, B = () => n(y), H = (e, s, t, l, d, r, i) => e === "top" && t - i < 0 ? "bottom" : e === "bottom" && t + d + i > window.innerHeight ? "top" : e === "left" && s - r < 0 ? "right" : e === "right" && s + l + r > window.innerWidth ? "left" : e, V = () => {
-    window.addEventListener("scroll", o, P);
-  }, W = () => {
-    window.removeEventListener("scroll", o, P);
-  }, o = () => {
-    S(() => {
+  }, S = (t, n, e) => e ? `${t}-${n}` : t, A = () => i(O), B = (t, n, e) => {
+    const o = F, a = Math.max(e - n - F, o);
+    return Math.min(Math.max(t, o), a);
+  }, T = (t, n, e, o, a, s, l) => t === "top" && e - l < 0 ? "bottom" : t === "bottom" && e + a + l > window.innerHeight ? "top" : t === "left" && n - s < 0 ? "right" : t === "right" && n + o + s > window.innerWidth ? "left" : t, Y = () => {
+    window.addEventListener("scroll", r, P);
+  }, _ = () => {
+    window.removeEventListener("scroll", r, P);
+  }, r = () => {
+    $(() => {
       if (typeof window > "u") return;
-      if (!A()) {
-        v.value = !1;
+      if (!W()) {
+        m.value = !1;
         return;
       }
-      const e = B();
-      if (!u.value || !e) {
-        v.value = !1;
+      const t = A();
+      if (!d.value || !t) {
+        m.value = !1;
         return;
       }
-      const s = u.value.getBoundingClientRect(), t = s.width, l = s.height, d = e.getBoundingClientRect(), { x: r, y: i } = d, m = d.width, p = d.height, D = n(O) || 0, N = n(L) || 0, f = q(n(g)), a = H(
+      const n = d.value.getBoundingClientRect(), e = n.width, o = n.height, a = t.getBoundingClientRect(), { x: s, y: l } = a, v = a.width, h = a.height, j = i(M) || 0, k = i(R) || 0, f = N(i(p)), c = T(
         f.side,
-        r,
-        i,
-        m,
-        p,
-        t,
-        l
+        s,
+        l,
+        v,
+        h,
+        e,
+        o
       );
-      let E = r, x = i;
-      if (a === "top" || a === "bottom") {
-        const c = {
-          start: r,
-          center: r + m / 2 - t / 2,
-          end: r + m - t
+      let x = s, E = l;
+      if (c === "top" || c === "bottom") {
+        const u = {
+          start: s,
+          center: s + v / 2 - e / 2,
+          end: s + v - e
         };
-        E = c[f.align] ?? c.start, x = a === "top" ? i - l : i + p;
+        x = u[f.align] ?? u.start, E = c === "top" ? l - o : l + h;
       }
-      if (a === "left" || a === "right") {
-        const c = {
-          start: i,
-          center: i + p / 2 - l / 2,
-          end: i + p - l
+      if (c === "left" || c === "right") {
+        const u = {
+          start: l,
+          center: l + h / 2 - o / 2,
+          end: l + h - o
         };
-        E = a === "left" ? r - t : r + m, x = c[f.align] ?? c.start;
+        x = c === "left" ? s - e : s + v, E = u[f.align] ?? u.start;
       }
-      R.value = z(a, f.align, f.hasAlign), C.value = { x: `${E + D}px`, y: `${x + N}px` }, v.value = !0, typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
-        const c = B();
-        if (!u.value || !c || !A()) return;
-        const $ = u.value.getBoundingClientRect();
-        ($.width !== t || $.height !== l) && o();
+      const q = x + j, z = E + k, D = B(q, e, window.innerWidth), G = B(z, o, window.innerHeight);
+      y.value = S(c, f.align, f.hasAlign), L.value = { x: `${D}px`, y: `${G}px` }, m.value = !0, typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
+        const u = A();
+        if (!d.value || !u || !W()) return;
+        const V = d.value.getBoundingClientRect();
+        (V.width !== e || V.height !== o) && r();
       });
     });
   };
-  return { placement: R, placementCoords: C, placementReady: v, adjustPlacement: o };
+  return { placement: y, placementCoords: L, placementReady: m, adjustPlacement: r };
 };
 export {
-  G as usePlacement
+  Z as usePlacement
 };