@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55

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

@@ -1,164 +0,0 @@
-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
-};

package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js

@@ -1,73 +0,0 @@
-import './NmorphDropdown.css';
-import { defineComponent as y, ref as v, toRef as t, computed as i, watch as w } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { toCssSize as b, createCssSizeVariables as x } from "../../../utils/common.js";
-import { usePlacement as S } from "../../../hooks/use-placement.js";
-import O from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-const B = /* @__PURE__ */ y({
-  __name: "NmorphDropdown",
-  props: {
-    open: { type: Boolean, required: !0 },
-    relativeElement: { type: null, required: !0 },
-    placement: { type: null, required: !1, default: "bottom" },
-    width: { type: [Number, String], required: !1, default: 160 },
-    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: !0 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    closeOnEscape: { type: Boolean, required: !1, default: !0 },
-    trapFocus: { type: Boolean, required: !1, default: !1 },
-    restoreFocus: { type: Boolean, required: !1, default: !0 },
-    role: { type: String, required: !1, default: "listbox" },
-    ariaLabel: { type: String, required: !1, default: "" },
-    contentClass: { type: String, required: !1, default: "" },
-    hideShadow: { type: Boolean, required: !1, default: !1 }
-  },
-  emits: ["on-outside-click", "on-escape-keydown"],
-  setup(u, { expose: p, emit: f }) {
-    p();
-    const e = u, r = f, l = v(null), { placementCoords: o, placementReady: d, adjustPlacement: a } = S({
-      initialPlacement: t(e, "placement"),
-      contentDOMElement: l,
-      relativeElement: t(e, "relativeElement"),
-      yOffset: t(e, "yOffset"),
-      xOffset: t(e, "xOffset"),
-      enabled: t(e, "open")
-    }), m = i(
-      () => q({
-        "nmorph-dropdown": [!e.open && "closed", e.hideShadow && "hide-shadow"]
-      })
-    ), n = i(
-      () => e.fillWidth && e.relativeElement ? `${e.relativeElement.clientWidth}px` : b(e.width)
-    ), c = i(() => ({
-      "--nmorph-dropdown-width": n.value,
-      ...x({
-        "--nmorph-dropdown-min-width": e.minWidth === void 0 ? "auto" : e.minWidth,
-        "--nmorph-dropdown-max-width": e.maxWidth === void 0 ? "none" : e.maxWidth
-      }),
-      left: o.value.x,
-      top: o.value.y,
-      visibility: e.open && d.value ? "visible" : "hidden"
-    }));
-    w(
-      () => e.open,
-      (h) => {
-        h && a();
-      },
-      { flush: "post" }
-    );
-    const s = { props: e, emit: r, dropdownDOMRef: l, placementCoords: o, placementReady: d, adjustPlacement: a, modifiers: m, width: n, dropdownStyle: c, outsideClickHandler: () => {
-      r("on-outside-click");
-    }, escapeHandler: () => {
-      r("on-escape-keydown");
-    }, get NmorphOverlay() {
-      return O;
-    } };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
-  }
-});
-export {
-  B as default
-};

package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue2.js

@@ -1,39 +0,0 @@
-import './NmorphTabs.css';
-import { defineComponent as b, computed as p, ref as g, provide as h, useSlots as _ } from "vue";
-import { useModifiers as I } from "../../../utils/create-modifiers.js";
-import { generateUUID as T } from "../../../utils/common.js";
-import { getTabContentId as v, getTabLabelId as y } from "./utils.js";
-const D = /* @__PURE__ */ b({
-  __name: "NmorphTabs",
-  props: {
-    modelValue: { type: [String, Number], required: !1, default: 0 },
-    stretch: { type: Boolean, required: !1, default: !1 },
-    panes: { type: Array, required: !1, default: () => [] }
-  },
-  emits: ["update:model-value", "tab-change"],
-  setup(u, { expose: d, emit: i }) {
-    d();
-    const e = u, t = i, l = p(
-      () => I({
-        "nmorph-tabs": [e.stretch && "stretch"]
-      })
-    ), m = (n) => {
-      if (n.disabled) return;
-      const { name: o } = n;
-      t("update:model-value", o), t("tab-change", o);
-    }, r = g([]), a = T();
-    h("nmorph-tabs-data", {
-      tabsData: r,
-      tabsIdentifier: a
-    });
-    const c = p(() => e.panes.length > 0 ? e.panes : r.value), f = _(), s = { props: e, emit: t, modifiers: l, changeTab: m, tabsData: r, tabsIdentifier: a, updatedPanes: c, slots: f, get getTabLabelId() {
-      return y;
-    }, get getTabContentId() {
-      return v;
-    } };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
-  }
-});
-export {
-  D as default
-};

package/dist/components/others/nmorph-divider/NmorphDivider.vue2.js

@@ -1,21 +0,0 @@
-import './NmorphDivider.css';
-import { defineComponent as n, computed as p } from "vue";
-import { useModifiers as s } from "../../../utils/create-modifiers.js";
-const u = /* @__PURE__ */ n({
-  __name: "NmorphDivider",
-  props: {
-    direction: { type: String, required: !1, default: "horizontal" }
-  },
-  setup(o, { expose: t }) {
-    t();
-    const e = o, i = p(
-      () => s({
-        "nmorph-divider": [e.direction]
-      })
-    ), r = { props: e, modifiers: i };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-});
-export {
-  u as default
-};

package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js

@@ -1,79 +0,0 @@
-import './NmorphOverlay.css';
-import { defineComponent as _, computed as i, ref as q, watch as g, onBeforeUnmount as B, nextTick as A } from "vue";
-import { useModifiers as F } from "../../../utils/create-modifiers.js";
-import { useZIndex as I } from "../../../hooks/use-z-index.js";
-const L = /* @__PURE__ */ _({
-  __name: "NmorphOverlay",
-  props: {
-    show: { type: Boolean, required: !0 },
-    transparent: { type: Boolean, required: !1, default: !1 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    teleportTo: { type: null, required: !1, default: "body" },
-    disabledTeleport: { type: Boolean, required: !1, default: !1 },
-    closeOnEscape: { type: Boolean, required: !1, default: !0 },
-    trapFocus: { type: Boolean, required: !1, default: !1 },
-    restoreFocus: { type: Boolean, required: !1, default: !0 }
-  },
-  emits: ["on-outside-click", "on-escape-keydown"],
-  setup(b, { expose: v, emit: h }) {
-    v();
-    const t = b, E = I(
-      i(() => t.show),
-      () => t.zIndex
-    ), w = i(
-      () => F({
-        "nmorph-overlay": [t.show && "show", t.transparent && "transparent"]
-      })
-    ), k = i(() => t.disabledTeleport || !t.show || typeof document > "u"), x = () => {
-      s("on-outside-click");
-    }, s = h, n = q(null);
-    let o = null;
-    const d = [
-      "a[href]",
-      "button:not([disabled])",
-      "textarea:not([disabled])",
-      "input:not([disabled])",
-      "select:not([disabled])",
-      '[tabindex]:not([tabindex="-1"])'
-    ].join(","), u = () => n.value ? Array.from(n.value.querySelectorAll(d)).filter(
-      (e) => e.getAttribute("aria-hidden") !== "true"
-    ) : [], c = async () => {
-      if (!t.trapFocus) return;
-      await A(), (u()[0] || n.value)?.focus();
-    }, l = (e) => {
-      if (!t.show) return;
-      if (e.key === "Escape" && t.closeOnEscape) {
-        e.preventDefault(), s("on-escape-keydown");
-        return;
-      }
-      if (e.key !== "Tab" || !t.trapFocus) return;
-      const r = u();
-      if (!r.length) {
-        e.preventDefault(), n.value?.focus();
-        return;
-      }
-      const m = r[0], y = r[r.length - 1];
-      e.shiftKey && document.activeElement === m ? (e.preventDefault(), y.focus()) : !e.shiftKey && document.activeElement === y && (e.preventDefault(), m.focus());
-    }, f = () => {
-      typeof document > "u" || document.addEventListener("keydown", l);
-    }, a = () => {
-      typeof document > "u" || document.removeEventListener("keydown", l);
-    };
-    g(
-      () => t.show,
-      (e) => {
-        typeof document > "u" || (e ? (o = document.activeElement, f(), c()) : (a(), t.restoreFocus && o?.focus?.(), o = null));
-      },
-      { immediate: !0, flush: "post" }
-    ), B(a);
-    const p = { props: t, zIndex: E, modifiers: w, renderInline: k, clickHandler: x, emit: s, contentRef: n, get previousActiveElement() {
-      return o;
-    }, set previousActiveElement(e) {
-      o = e;
-    }, focusableSelector: d, getFocusableElements: u, focusContent: c, keydownHandler: l, addKeydownListener: f, removeKeydownListener: a };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
-  }
-});
-export {
-  L as default
-};

package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue2.js

@@ -1,100 +0,0 @@
-import './NmorphNotificationProvider.css';
-import { defineComponent as U, ref as v, inject as $, computed as D, watch as q, onBeforeUnmount as C } from "vue";
-import { NmorphNotificationPlacement as F } from "./types.js";
-import G from "../../feedback/nmorph-alert/NmorphAlert.vue.js";
-const k = 500, E = 250, Q = /* @__PURE__ */ U({
-  __name: "NmorphNotificationProvider",
-  props: {
-    notifications: { type: Array, required: !0 },
-    placement: { type: null, required: !1, default: "top-right" },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    quantity: { type: Number, required: !1, default: 100 }
-  },
-  setup(O, { expose: P }) {
-    P();
-    const g = (e) => typeof e.id == "string" && e.id.length > 0, l = v([]), o = v([]), n = v([]), u = v(Date.now()), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
-    let a;
-    const T = Object.values(F), m = (e) => typeof e.duration != "number" || !Number.isFinite(e.duration) ? 0 : Math.max(e.duration, 0), y = (e) => m(e) > 0, z = (e) => e.showDurationValue !== !1, _ = (e) => {
-      const t = m(e), r = d.get(e.id);
-      return !t || !r ? t : Math.max(t - (u.value - r), 0);
-    }, w = (e) => e < 1e3 ? `${Math.ceil(e)}ms` : `${Math.ceil(e / 1e3)}s`, S = (e) => w(_(e)), V = (e) => ({
-      "--nmorph-notification-provider-duration": `${m(e)}ms`
-    }), j = (e) => {
-      const t = { ...e };
-      return delete t.duration, delete t.placement, delete t.showDurationValue, delete t.width, t;
-    }, p = (e, t = !1) => {
-      const r = s.get(e);
-      r && clearTimeout(r), s.delete(e), c.delete(e), t || d.delete(e);
-    }, A = (e) => {
-      n.value = n.value.filter((t) => t.id !== e), o.value = o.value.filter((t) => t !== e), p(e);
-    }, h = (e, t = !0) => {
-      o.value.includes(e) || (p(e, !0), t && !l.value.includes(e) && (l.value = [...l.value, e]), o.value = [...o.value, e], setTimeout(() => A(e), k));
-    }, x = (e) => {
-      const t = m(e);
-      c.get(e.id) !== t && (p(e.id), t && (u.value = Date.now(), d.set(e.id, u.value), s.set(
-        e.id,
-        setTimeout(() => h(e.id), t)
-      ), c.set(e.id, t)));
-    }, f = O, M = $("nmorph", void 0), B = D(
-      () => T.map((e) => {
-        const t = n.value.filter(
-          (i) => (i.placement ?? f.placement) === e
-        ), r = Math.max(t.length - f.quantity, 0);
-        return {
-          placement: e,
-          notifications: t.slice(r)
-        };
-      })
-    ), b = D(
-      () => n.value.some(
-        (e) => y(e) && !o.value.includes(e.id)
-      )
-    ), N = () => {
-      a && (clearInterval(a), a = void 0);
-    };
-    q(
-      b,
-      (e) => {
-        if (!e) {
-          N();
-          return;
-        }
-        a || (u.value = Date.now(), a = setInterval(() => {
-          u.value = Date.now();
-        }, E));
-      },
-      { immediate: !0 }
-    ), q(
-      () => f.notifications,
-      (e) => {
-        const t = e.filter(g).filter((r) => !l.value.includes(r.id));
-        n.value = n.value.map((r) => {
-          const i = t.find((I) => I.id === r.id);
-          return i ? { ...r, ...i } : r;
-        }), t.forEach((r) => {
-          n.value.some(
-            (I) => I.id === r.id
-          ) || n.value.push(r);
-        }), t.forEach((r) => x(r)), n.value.filter(
-          (r) => !t.some((i) => i.id === r.id)
-        ).forEach((r) => h(r.id, !1));
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const L = D(() => f.zIndex ?? (M?.zIndex.current.value ?? 1e3) + 1);
-    C(() => {
-      s.forEach((e) => clearTimeout(e)), s.clear(), c.clear(), d.clear(), N();
-    });
-    const R = { ANIMATION_DURATION: k, DURATION_TICK_INTERVAL: E, hasNotificationId: g, removedIds: l, closingIds: o, renderedNotifications: n, durationTick: u, durationTimers: s, durationById: c, durationStartedAtById: d, get durationTicker() {
-      return a;
-    }, set durationTicker(e) {
-      a = e;
-    }, placementList: T, getNotificationDuration: m, hasDurationIndicator: y, hasDurationValue: z, getNotificationRemainingDuration: _, formatNotificationDuration: w, getNotificationDurationLabel: S, getNotificationStyle: V, getNotificationAlertProps: j, clearDurationTimer: p, removeRenderedNotification: A, closeHandler: h, scheduleDurationTimer: x, props: f, nmorph: M, notificationGroups: B, hasRunningDurationIndicator: b, stopDurationTicker: N, zIndex: L, get NmorphAlert() {
-      return G;
-    } };
-    return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
-  }
-});
-export {
-  Q as default
-};