@nmorph/nmorph-ui-kit 2.2.41 → 2.2.42

package/dist/components/form/nmorph-switch/NmorphSwitch.vue2.js

@@ -1,72 +0,0 @@
-import './NmorphSwitch.css';
-import { defineComponent as N, ref as l, computed as n, watch as V } from "vue";
-import { useModifiers as _ } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as I } from "../../../utils/common.js";
-import { useFormItemInput as w, useFormItemModel as B } from "../nmorph-form/use-form-item-input.js";
-import H from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import x from "../../../assets/icons/loader.svg.js";
-const j = /* @__PURE__ */ N({
-  __name: "NmorphSwitch",
-  props: {
-    modelValue: { type: [Boolean, String, Number], required: !1, default: !1 },
-    loading: { type: Boolean, required: !1, default: !1 },
-    activeValue: { type: [Boolean, String, Number], required: !1, default: !0 },
-    inactiveValue: { type: [Boolean, String, Number], required: !1, default: !1 },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    height: { type: [Number, String], required: !1, default: void 0 },
-    offset: { type: [Number, String], required: !1, default: void 0 },
-    thumbHeight: { type: [Number, String], required: !1, default: void 0 },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value"],
-  setup(f, { expose: m, emit: p }) {
-    const e = f, { id: c, name: h, tabindex: v } = w(e), u = p, { modelValue: o, updateModelValue: i } = B(
-      e,
-      (a) => u("update:model-value", a),
-      !1
-    ), r = l(!1), g = () => {
-      r.value = !0;
-    }, b = () => {
-      r.value = !1;
-    }, y = n(
-      () => _({
-        "nmorph-switch": [
-          e.disabled && "disabled",
-          t.value ? "on" : "off",
-          e.loading && "loading",
-          r.value && "focus"
-        ]
-      })
-    ), t = l(o.value === e.activeValue), S = () => {
-      if (e.disabled) return;
-      t.value = !t.value;
-      const a = t.value ? e.activeValue : e.inactiveValue;
-      i(a);
-    }, s = l(null);
-    m({ inputDOMRef: s });
-    const q = n(
-      () => I({
-        "--width": e.width,
-        "--height": e.height,
-        "--offset": e.offset,
-        "--thumb-height": e.thumbHeight
-      })
-    );
-    V(o, (a) => {
-      t.value = a === e.activeValue;
-    });
-    const d = { props: e, id: c, name: h, tabindex: v, emit: u, modelValue: o, updateModelValue: i, focus: r, focusHandler: g, blurHandler: b, modifiers: y, initialValue: t, changeHandler: S, inputDOMRef: s, styles: q, get NmorphIcon() {
-      return H;
-    }, get NmorphIconLoaderDots() {
-      return x;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
-export {
-  j as default
-};

package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js

@@ -1,67 +0,0 @@
-import './NmorphTextInput.css';
-import { defineComponent as k, useSlots as C, computed as o, ref as E } from "vue";
-import { useModifiers as O } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as V } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as j, useFormItemModel as H } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as R } from "../../../types/common.types.js";
-import A from "../../../assets/icons/eye-blocked.svg.js";
-import D from "../../../assets/icons/eye.svg.js";
-import T from "../../basic/nmorph-button/NmorphButton.vue.js";
-import z from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import G from "../../../assets/icons/error.svg.js";
-const ee = /* @__PURE__ */ k({
-  __name: "NmorphTextInput",
-  props: {
-    placeholder: { type: String, required: !1, default: "" },
-    typePassword: { type: Boolean, required: !1, default: !1 },
-    modelValue: { type: String, required: !1, default: "" },
-    clearable: { type: Boolean, required: !1, default: !1 },
-    indentation: { type: String, required: !1, default: "" },
-    inputAttrs: { type: Object, required: !1, default: () => ({}) },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "basic" },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
-  setup(f, { expose: h, emit: y }) {
-    const l = C(), e = f, r = y, { id: b, name: g, autocomplete: q, tabindex: I } = j(e), { modelValue: v, updateModelValue: n } = H(
-      e,
-      (a) => r("update:model-value", a),
-      ""
-    ), w = o(
-      () => O({
-        nmorph: [R[e.height], u.value && "focused"],
-        "nmorph-text-input": [e.typePassword && "password", (e.typePassword || e.clearable) && "with-action"]
-      })
-    ), x = (a) => {
-      const M = a.target;
-      n(M.value);
-    }, t = E(!1), N = () => {
-      e.clearable ? n("") : t.value = !t.value;
-    }, _ = o(() => e.typePassword && !t.value && !e.clearable ? "password" : "text"), {
-      elementRef: s,
-      focused: u,
-      handleFocus: B,
-      handleBlur: S,
-      focus: p,
-      blur: i,
-      select: d
-    } = V({
-      onFocus: () => r("focus"),
-      onBlur: () => r("blur")
-    });
-    h({ inputDOMRef: s, focus: p, blur: i, select: d });
-    const P = o(() => e.clearable ? G : t.value ? A : D), m = o(() => e.indentation || (l["prepend-icon"] ? "28px" : "8px")), F = o(() => ({ "--nmorph-text-input-indentation": m.value })), c = { slots: l, props: e, emit: r, id: b, name: g, autocomplete: q, tabindex: I, modelValue: v, updateModelValue: n, modifiers: w, handleInput: x, showPassword: t, actionButtonClickHandler: N, type: _, inputDOMRef: s, focused: u, handleFocus: B, handleBlur: S, focus: p, blur: i, select: d, actionIcon: P, indentation: m, styles: F, get NmorphIcon() {
-      return z;
-    }, get NmorphButton() {
-      return T;
-    } };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-});
-export {
-  ee as default
-};

package/dist/components/form/nmorph-textarea/NmorphTextarea.vue2.js

@@ -1,73 +0,0 @@
-import './NmorphTextarea.css';
-import { defineComponent as B, computed as n, watch as C, onMounted as T, nextTick as V } from "vue";
-import { useModifiers as O } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as j } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as k, useFormItemModel as P } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as A } from "../../../types/common.types.js";
-const J = /* @__PURE__ */ B({
-  __name: "NmorphTextarea",
-  props: {
-    placeholder: { type: String, required: !1, default: "" },
-    modelValue: { type: String, required: !1, default: "" },
-    rows: { type: Number, required: !1, default: 3 },
-    minRows: { type: Number, required: !1, default: 2 },
-    maxRows: { type: Number, required: !1, default: void 0 },
-    resize: { type: String, required: !1, default: "vertical" },
-    autoSize: { type: Boolean, required: !1, default: !1 },
-    indentation: { type: String, required: !1, default: "12px" },
-    textareaAttrs: { type: Object, required: !1, default: () => ({}) },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "basic" },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value", "focus", "blur", "on-enter", "keydown"],
-  setup(g, { expose: x, emit: b }) {
-    const e = g, r = b, { id: w, name: q, autocomplete: S, tabindex: v } = k(e), { modelValue: s, updateModelValue: l } = P(
-      e,
-      (t) => r("update:model-value", t),
-      ""
-    ), {
-      elementRef: i,
-      focused: u,
-      handleFocus: _,
-      handleBlur: z,
-      focus: d,
-      blur: p,
-      select: m
-    } = j({
-      onFocus: () => r("focus"),
-      onBlur: () => r("blur")
-    }), F = n(
-      () => O({
-        nmorph: [A[e.height], u.value && "focused"],
-        "nmorph-textarea": [e.disabled && "disabled", e.autoSize && "auto-size"]
-      })
-    ), f = (t) => {
-      const o = window.getComputedStyle(t);
-      return parseFloat(o.paddingTop) + parseFloat(o.paddingBottom);
-    }, a = async () => {
-      if (!e.autoSize) return;
-      await V();
-      const t = i.value;
-      if (!t) return;
-      t.style.height = "auto";
-      const o = window.getComputedStyle(t), I = parseFloat(o.lineHeight) || 20, y = e.maxRows ? e.maxRows * I + f(t) : 1 / 0, N = Math.min(t.scrollHeight, y);
-      t.style.height = `${N}px`, t.style.overflowY = t.scrollHeight > y ? "auto" : "hidden";
-    }, M = (t) => {
-      const o = t.target;
-      l(o.value), a();
-    };
-    C(s, a), T(a), x({ textareaDOMRef: i, focus: d, blur: p, select: m, resizeToContent: a });
-    const c = n(() => Math.max(e.minRows, 1)), R = n(() => Math.max(e.rows, c.value)), H = n(() => ({
-      "--nmorph-textarea-resize": e.autoSize ? "none" : e.resize,
-      "--nmorph-textarea-indentation": e.indentation
-    })), h = { props: e, emit: r, id: w, name: q, autocomplete: S, tabindex: v, modelValue: s, updateModelValue: l, textareaDOMRef: i, focused: u, handleFocus: _, handleBlur: z, focus: d, blur: p, select: m, modifiers: F, getVerticalPadding: f, resizeToContent: a, handleInput: M, minRows: c, rows: R, styles: H };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
-  }
-});
-export {
-  J as default
-};

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

@@ -1,124 +0,0 @@
-import './NmorphTimePicker.css';
-import { defineComponent as te, ref as _, computed as n, watch as oe } from "vue";
-import { useI18n as re } from "vue-i18n";
-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 },
-    placeholder: { type: String, required: !1, default: "" },
-    hourStep: { type: Number, required: !1, default: 1 },
-    minuteStep: { type: Number, required: !1, default: 5 },
-    secondStep: { type: Number, required: !1, default: 1 },
-    showSeconds: { type: Boolean, required: !1, default: !1 },
-    minTime: { type: String, required: !1, default: "" },
-    maxTime: { type: String, required: !1, default: "" },
-    clearable: { type: Boolean, required: !1, default: !0 },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "basic" },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["update:model-value", "focus", "blur"],
-  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 = _(!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]), 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;
-    }, 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 && (l.value = o);
-    });
-    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(u),
-          value: u,
-          disabled: b(q)
-        };
-      });
-    }, 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 = () => {
-      p(null), a.value = !1;
-    }, J = () => {
-      a.value = !1;
-    }, K = () => {
-      t.disabled || (a.value = !a.value);
-    }, L = (e) => {
-      const o = e.target, r = i(o.value);
-      !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(
-      () => O({
-        nmorph: [B[t.height]],
-        "nmorph-time-picker": [
-          t.disabled && "disabled",
-          a.value && "open",
-          w.value && "focus",
-          !s.value && "placeholder"
-        ]
-      })
-    ), Z = n(
-      () => O({
-        nmorph: [B[t.height]]
-      })
-    ), 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 de;
-    }, get NmorphIconCircleClose() {
-      return ie;
-    }, get NmorphIconClock() {
-      return ae;
-    } };
-    return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
-  }
-});
-export {
-  Ie as default
-};

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js

@@ -1,67 +0,0 @@
-import './NmorphBacktop.css';
-import { defineComponent as E, computed as v, ref as l, onMounted as T, onUnmounted as k } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import x from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import I from "../../basic/nmorph-button/NmorphButton.vue.js";
-import B from "../../../assets/icons/chevron-down.svg.js";
-const Y = /* @__PURE__ */ E({
-  __name: "NmorphBacktop",
-  props: {
-    right: { type: Number, required: !1, default: 40 },
-    bottom: { type: Number, required: !1, default: 40 },
-    visibilityHeight: { type: Number, required: !1, default: 200 },
-    design: { type: String, required: !1, default: "nmorph" },
-    zIndex: { type: Number, required: !1, default: 10 },
-    teleportTo: { type: String, required: !1, default: "body" },
-    teleportDisabled: { type: Boolean, required: !1, default: !1 }
-  },
-  emits: ["click"],
-  setup(b, { expose: w, emit: y }) {
-    w();
-    const t = b, s = y, g = v(
-      () => q({
-        "nmorph-backtop": [n.value && "show", t.design]
-      })
-    ), N = v(() => ({
-      "--nmorph-backtop-right": `${t.right}px`,
-      "--nmorph-backtop-bottom": `${t.bottom}px`,
-      "--nmorph-backtop-z-index": t.zIndex
-    })), u = (r) => r === window, c = (r) => u(r) ? window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0 : r.scrollTop, a = (r) => {
-      let o = r?.parentElement ?? null;
-      for (; o; ) {
-        const h = window.getComputedStyle(o), _ = h.overflowY || h.overflow;
-        if (["auto", "scroll", "overlay"].includes(_) && o.scrollHeight > o.clientHeight) return o;
-        o = o.parentElement;
-      }
-      return window;
-    }, e = l(null), p = l(null), m = l(null), n = l(!1), d = l(!1), i = () => {
-      if (!e.value) {
-        n.value = !1;
-        return;
-      }
-      n.value = c(e.value) > t.visibilityHeight;
-    }, S = () => {
-      s("click"), e.value && e.value.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: "smooth"
-      });
-    };
-    T(() => {
-      e.value = a(p.value ?? m.value), e.value.addEventListener("scroll", i), i(), d.value = !0;
-    }), k(() => {
-      e.value && e.value.removeEventListener("scroll", i);
-    });
-    const f = { props: t, emit: s, modifiers: g, styles: N, isWindow: u, getScrollTop: c, findScrollableAncestor: a, container: e, placeholderDOMEl: p, selfDOMEl: m, showButton: n, isMounted: d, updateVisibility: i, scrollToTopHandler: S, get NmorphButton() {
-      return I;
-    }, get NmorphIcon() {
-      return x;
-    }, get NmorphIconChevronDown() {
-      return B;
-    } };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
-  }
-});
-export {
-  Y as default
-};

package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue2.js

@@ -1,24 +0,0 @@
-import './NmorphBreadcrumb.css';
-import { defineComponent as m, ref as n, provide as d, computed as u } from "vue";
-import { useModifiers as c } from "../../../utils/create-modifiers.js";
-import { generateUUID as i } from "../../../utils/common.js";
-const l = /* @__PURE__ */ m({
-  __name: "NmorphBreadcrumb",
-  props: {
-    separator: { type: String, required: !1, default: "/" }
-  },
-  setup(o, { expose: p }) {
-    p();
-    const s = o, e = n([]), r = i();
-    d("breadcrumb-data", { breadcrumbs: e, breadcrumbId: r });
-    const a = u(
-      () => c({
-        "nmorph-breadcrumb": []
-      })
-    ), t = { props: s, breadcrumbs: e, breadcrumbId: r, modifiers: a };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
-  }
-});
-export {
-  l as default
-};

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

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