@nmorph/nmorph-ui-kit 2.2.40 → 2.2.42

package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue2.js

@@ -1,151 +0,0 @@
-import './NmorphOTPInput.css';
-import { defineComponent as le, ref as M, computed as c, watch as O, nextTick as R } from "vue";
-import { useModifiers as ue } from "../../../utils/create-modifiers.js";
-import { useFormItemInput as oe, useFormItemModel as re } from "../nmorph-form/use-form-item-input.js";
-import ne from "../nmorph-text-input/NmorphTextInput.vue.js";
-import { NmorphComponentHeight as se } from "../../../types/common.types.js";
-const pe = /* @__PURE__ */ le({
-  __name: "NmorphOTPInput",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    length: { type: Number, required: !1, default: 6 },
-    mode: { type: String, required: !1, default: "numeric" },
-    autofocus: { type: Boolean, required: !1, default: !1 },
-    autocapitalize: { type: String, required: !1, default: "none" },
-    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", "complete"],
-  setup(j, { expose: w, emit: N }) {
-    const l = j, f = N, { id: V, name: T, autocomplete: A, tabindex: p } = oe(l), { modelValue: v, updateModelValue: F } = re(
-      l,
-      (e) => f("update:model-value", e),
-      ""
-    ), i = M([]), n = M([]), d = M(!1), o = M([]), u = c(() => Math.max(1, l.length)), g = (e = "") => {
-      const t = `${e ?? ""}`;
-      return l.mode === "numeric" ? Array.from(t.replace(/\D/g, "")) : l.mode === "alphanumeric" ? Array.from(t.replace(/[^a-zA-Z0-9]/g, "")) : Array.from(t);
-    }, S = (e = v.value) => {
-      const t = g(e).slice(0, u.value);
-      return Array.from({ length: u.value }, (a, s) => t[s] || "");
-    }, h = (e, t = !1) => {
-      if (o.value = Array.from({ length: u.value }, (s, b) => e[b] || ""), !t) return;
-      const a = o.value.join("");
-      F(a), o.value.includes("") || f("complete", a);
-    };
-    O(
-      [v, () => l.mode, u],
-      () => {
-        const e = S(v.value);
-        (e.join("") !== o.value.join("") || e.length !== o.value.length) && h(e);
-      },
-      { immediate: !0 }
-    );
-    const E = c(
-      () => ue({
-        nmorph: [se[l.height], d.value && "focused"],
-        "nmorph-otp-input": [l.disabled && "disabled"]
-      })
-    ), B = c(
-      () => Array.from({ length: u.value }, (e, t) => t === 0 ? V.value : `${V.value}-${t + 1}`)
-    ), C = c(() => l.mode === "numeric" ? "numeric" : "text"), P = c(() => A.value || "one-time-code"), $ = c(() => {
-      if (l.mode === "numeric") return "[0-9]*";
-      if (l.mode === "alphanumeric") return "[A-Za-z0-9]*";
-    }), y = (e) => {
-      n.value[e] = i.value[e]?.inputDOMRef ?? null;
-    }, x = (e, t) => {
-      i.value[t] = e, R(() => {
-        y(t);
-      });
-    }, _ = (e) => {
-      y(e), i.value[e]?.select?.(), n.value[e]?.select();
-    }, r = (e = 0) => {
-      R(() => {
-        const t = Math.min(Math.max(e, 0), u.value - 1);
-        y(t), i.value[t]?.focus?.(), n.value[t]?.focus(), _(t);
-      });
-    }, k = () => {
-      i.value.forEach((e, t) => {
-        e?.blur?.(), n.value[t]?.blur();
-      });
-    };
-    w({
-      inputDOMRefs: n,
-      focus: r,
-      blur: k
-    });
-    const m = (e, t = "") => {
-      const a = [...o.value];
-      a[e] = t, h(a, !0);
-    }, H = (e, t) => {
-      const a = g(e).slice(0, u.value - t);
-      if (!a.length) {
-        m(t, "");
-        return;
-      }
-      const s = [...o.value];
-      a.forEach((te, ae) => {
-        s[t + ae] = te;
-      }), h(s, !0);
-      const b = t + a.length;
-      b < u.value ? r(b) : r(u.value - 1);
-    }, z = (e, t) => {
-      H(e, t);
-    }, q = /* @__PURE__ */ new Map(), L = (e) => {
-      const t = q.get(e);
-      if (t) return t;
-      const a = c({
-        get: () => o.value[e] || "",
-        set: (s) => z(s, e)
-      });
-      return q.set(e, a), a;
-    }, D = (e) => {
-      if (o.value[e]) {
-        m(e);
-        return;
-      }
-      e > 0 && (m(e - 1), r(e - 1));
-    }, Z = (e, t) => {
-      if (e.key === "Backspace") {
-        D(t);
-        return;
-      }
-      m(t);
-    }, K = (e) => {
-      r(e - 1);
-    }, G = (e) => {
-      r(e + 1);
-    }, J = () => {
-      r(0);
-    }, Q = () => {
-      r(u.value - 1);
-    }, U = (e) => {
-      e.key.length === 1 && !g(e.key).length && e.preventDefault();
-    }, W = (e, t) => {
-      const a = e.clipboardData?.getData("text") || "";
-      H(a, t);
-    }, X = (e) => {
-      d.value || (d.value = !0, f("focus")), _(e);
-    }, Y = () => {
-      setTimeout(() => {
-        const e = document.activeElement;
-        !n.value.some((a) => a === e) && d.value && (d.value = !1, f("blur"));
-      });
-    }, ee = (e) => p.value > 0 ? p.value + e : p.value;
-    O(
-      () => l.autofocus,
-      (e) => {
-        e && !l.disabled && r(0);
-      },
-      { immediate: !0 }
-    );
-    const I = { props: l, emit: f, id: V, name: T, autocomplete: A, tabindex: p, modelValue: v, updateModelValue: F, inputRefs: i, inputDOMRefs: n, focused: d, otpValue: o, normalizedLength: u, sanitizeValue: g, normalizeOtpValue: S, syncOtpValue: h, modifiers: E, fieldIds: B, inputMode: C, resolvedAutocomplete: P, inputPattern: $, syncInputDOMRef: y, setInputRef: x, selectField: _, focusField: r, blurFields: k, updateCharAt: m, insertValue: H, inputHandler: z, fieldModels: q, getFieldModel: L, backspaceHandler: D, deleteKeyHandler: Z, arrowLeftHandler: K, arrowRightHandler: G, homeHandler: J, endHandler: Q, keydownHandler: U, pasteHandler: W, focusHandler: X, blurHandler: Y, getFieldTabindex: ee, NmorphTextInput: ne };
-    return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
-  }
-});
-export {
-  pe as default
-};

package/dist/components/form/nmorph-radio/NmorphRadio.vue2.js

@@ -1,38 +0,0 @@
-import './NmorphRadio.css';
-import { defineComponent as h, inject as r, computed as l, ref as m } from "vue";
-import { useModifiers as g } from "../../../utils/create-modifiers.js";
-import { NmorphSelectionControlHeight as v } from "../../../types/common.types.js";
-const q = /* @__PURE__ */ h({
-  __name: "NmorphRadio",
-  props: {
-    value: { type: String, required: !1, default: "" },
-    styleType: { type: null, required: !1, default: "button" },
-    checked: { type: Boolean, required: !1, default: !1 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    label: { type: String, required: !1, default: "" },
-    tabindex: { type: Number, required: !1, default: 0 },
-    height: { type: null, required: !1 }
-  },
-  setup(s, { expose: p }) {
-    const o = r(
-      "radio-group-selected-value",
-      void 0
-    ), t = r(
-      "change-radio-button-value-handler",
-      void 0
-    ), a = r("radio-group-height", void 0), e = s, c = () => {
-      t && !e.disabled && t(e.value);
-    }, d = l(() => o?.value === e.value || e.checked), i = l(() => e.height || a?.value || "thin"), f = l(
-      () => g({
-        nmorph: [v[i.value]],
-        "nmorph-radio": [e.disabled && "disabled", d.value && "checked", e.styleType]
-      })
-    ), u = m(null);
-    p({ inputDOMRef: u });
-    const n = { groupSelectedValue: o, changeValue: t, groupHeight: a, props: e, changeHandler: c, checked: d, height: i, modifiers: f, inputDOMRef: u };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
-  }
-});
-export {
-  q as default
-};

package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue2.js

@@ -1,43 +0,0 @@
-import './NmorphRadioGroup.css';
-import { defineComponent as h, ref as y, watch as g, computed as n, provide as a } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { useFormItemModel as v } from "../nmorph-form/use-form-item-input.js";
-import _ from "../nmorph-radio/NmorphRadio.vue.js";
-const x = /* @__PURE__ */ h({
-  __name: "NmorphRadioGroup",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    options: { type: Array, required: !1, default: () => [] },
-    styleType: { type: null, required: !1, default: "button" },
-    direction: { type: null, required: !1, default: "row" },
-    height: { type: null, required: !1, default: "thin" },
-    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(s, { expose: m, emit: f }) {
-    m();
-    const e = s, i = f, { modelValue: o, updateModelValue: l } = v(
-      e,
-      (r) => i("update:model-value", r),
-      ""
-    ), t = y(o.value);
-    g(o, (r) => {
-      t.value = r;
-    });
-    const u = (r) => {
-      t.value = r, l(t.value);
-    }, c = n(() => q({ "nmorph-radio-group": [e.styleType, e.direction] })), d = n(() => e.height);
-    a("radio-group-selected-value", t), a("change-radio-button-value-handler", u), a("radio-group-height", d);
-    const p = { props: e, emit: i, modelValue: o, updateModelValue: l, initialValue: t, changeHandler: u, modifiers: c, height: d, get NmorphRadio() {
-      return _;
-    } };
-    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
-  }
-});
-export {
-  x as default
-};

package/dist/components/form/nmorph-select/NmorphSelect.vue2.js

@@ -1,175 +0,0 @@
-import './NmorphSelect.css';
-import { defineComponent as ue, computed as a, ref as d, watch as c, nextTick as R, onMounted as oe, onUnmounted as ie, provide as w, toRef as se } from "vue";
-import { useModifiers as de } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as ve, getNmorphOptionHeight as ce, toCssSize as fe, resolveDomElement as pe } from "../../../utils/common.js";
-import { useVirtualList as me } from "../../../hooks/use-virtual-list.js";
-import { useI18n as he } from "vue-i18n";
-import { useFormItemModel as ge, useFormItemInput as ye } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as He } from "../../../types/common.types.js";
-import be from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-import qe from "./components/nmorph-select-option/NmorphSelectOption.vue.js";
-import Ie from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import xe from "../../data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js";
-import Ne from "../../../assets/icons/chevron-down.svg.js";
-import Se from "../../../assets/icons/loader.svg.js";
-const Ge = /* @__PURE__ */ ue({
-  __name: "NmorphSelect",
-  props: {
-    noElementPlaceholder: { type: String, required: !1, default: "" },
-    valueRequired: { type: Boolean, required: !1, default: !1 },
-    options: { type: Array, required: !1, default: () => [] },
-    optionsMap: { type: Array, required: !1, default: () => [] },
-    modelValue: { type: [String, Array], required: !1, default: "" },
-    loading: { type: Boolean, required: !1, default: !1 },
-    open: { type: Boolean, required: !1, default: !1 },
-    fill: { type: Boolean, required: !1, default: !1 },
-    optionsWidth: { type: String, required: !1, default: "truncate" },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    virtual: { type: Boolean, required: !1, default: !1 },
-    virtualItemHeight: { type: Number, required: !1, default: 0 },
-    virtualMaxHeight: { type: [Number, String], required: !1, default: 240 },
-    virtualOverscan: { type: Number, required: !1, default: 5 },
-    virtualDynamicHeight: { type: Boolean, required: !1, default: !1 },
-    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"],
-  setup(C, { expose: P, emit: T }) {
-    P();
-    const { t: M } = he(), l = C, D = a(
-      () => l.noElementPlaceholder ? l.noElementPlaceholder : M("noElementPlaceholder")
-    ), A = T, { modelValue: p, updateModelValue: h } = ge(
-      l,
-      (e) => A("update:model-value", e),
-      ""
-    ), t = d(p.value), r = d(l.open), v = a(() => l.disabled || l.loading), g = a(() => l.optionsWidth === "auto"), y = d(!0), { id: H, name: W, autocomplete: k, tabindex: $ } = ye(l), b = (e) => {
-      if (!v.value) {
-        if (r.value = !1, typeof t.value == "string" && (!l.valueRequired && t.value === e ? t.value = "" : t.value = e, h(t.value)), Array.isArray(t.value)) {
-          const n = t.value.includes(e), re = t.value.length === 1 && n;
-          if (l.valueRequired && re) return;
-          n ? t.value = t.value.filter((ne) => ne !== e) : t.value = [...t.value, e];
-        }
-        h(t.value);
-      }
-    }, m = d(!1), z = () => {
-      m.value = !0;
-    }, F = () => {
-      m.value = !1;
-    }, U = a(
-      () => de({
-        nmorph: [He[l.height]],
-        "nmorph-select": [
-          l.disabled && "disabled",
-          p.value ? "on" : "off",
-          l.loading && "loading",
-          r.value && !v.value && "open",
-          l.fill && "fill",
-          g.value && "options-auto-width",
-          y.value ? "selected-line-outset" : "selected-line-inset",
-          m.value && "focus"
-        ]
-      })
-    ), j = a(
-      () => ve({
-        "--base-width": l.width
-      })
-    ), G = () => {
-      v.value || (r.value = !r.value);
-    };
-    c(
-      r,
-      (e) => {
-        e && (y.value = !1);
-      },
-      { immediate: !0 }
-    );
-    const q = () => {
-      r.value = !1;
-    };
-    c(
-      () => l.loading,
-      (e) => {
-        e && (r.value = !1);
-      }
-    ), c(
-      p,
-      (e) => {
-        t.value = e;
-      },
-      { deep: !0 }
-    );
-    const i = a(() => l.options.length > 0 ? l.options : l.optionsMap), I = d(null), x = d([]), N = a(() => l.options), f = a(() => l.virtual && N.value.length > 0), E = a(() => l.virtualItemHeight || ce(l.height)), V = a(() => l.virtualOverscan), _ = a(() => l.virtualDynamicHeight), s = me(N, {
-      enabled: f,
-      itemHeight: E,
-      overscan: V,
-      dynamic: _
-    }), J = a(() => s.virtualItems.value), K = s.spacerStyle, Q = s.contentStyle, X = a(() => fe(l.virtualMaxHeight)), S = () => {
-      i.value.length > 0 || !I.value || (x.value = Array.from(I.value.querySelectorAll(".nmorph-select-option")).map((e) => e.getAttribute("value")).filter((e) => !!e));
-    }, o = a(
-      () => i.value.length > 0 ? i.value.map((e) => e.value) : x.value
-    ), Y = a(() => f.value ? Array.isArray(t.value) ? t.value : t.value ? [t.value] : [] : o.value), u = d(0), O = a(() => o.value[u.value] || ""), Z = a(() => `${H.value}-listbox`), ee = (e) => `${H.value}-option-${e.replace(/\s+/g, "-")}`;
-    c(u, (e) => {
-      r.value && f.value && s.scrollToIndex(e);
-    }), c(
-      o,
-      (e) => {
-        u.value >= e.length && (u.value = Math.max(e.length - 1, 0));
-      },
-      { immediate: !0 }
-    ), c(r, async (e) => {
-      if (e) {
-        if (await R(), S(), typeof t.value == "string") {
-          const n = o.value.indexOf(t.value);
-          n !== -1 && (u.value = n);
-        }
-        s.refresh(), f.value && s.scrollToIndex(u.value);
-      }
-    }), oe(async () => {
-      await R(), S(), document.addEventListener("click", q);
-    }), ie(() => {
-      document.removeEventListener("click", q);
-    });
-    const te = a(() => typeof t.value == "string" ? t.value === "" ? D.value : i.value.find((e) => e.value === t.value)?.label : i.value.find((e) => e.value === t.value)?.label), le = a(() => i.value.length > 0 ? i.value.filter((n) => t.value.includes(n.value)).map((n) => ({ text: n.label, value: n.value })) : Array.isArray(t.value) ? t.value.map((n) => ({ text: n, value: n })) : [{ text: t.value, value: t.value }]);
-    w("select-selected-value", t), w("select-change-selected-value", b), w("select-height", se(l, "height"));
-    const B = d(null), ae = a(
-      () => g.value ? `${B.value?.clientWidth || 0}px` : void 0
-    ), L = { t: M, props: l, computedNoElementPlaceholder: D, emit: A, modelValue: p, updateModelValue: h, initialValue: t, open: r, disabledInput: v, autoOptionsWidth: g, selectedLineOutset: y, id: H, name: W, autocomplete: k, tabindex: $, changeHandler: b, focus: m, focusHandler: z, blurHandler: F, modifiers: U, styles: j, clickHandler: G, closeHandler: q, optionsMap: i, optionsDOMRef: I, slotDomOptions: x, renderedOptions: N, virtualEnabled: f, virtualItemHeight: E, virtualOverscan: V, virtualDynamicHeight: _, virtualList: s, virtualOptions: J, virtualSpacerStyle: K, virtualContentStyle: Q, virtualMaxHeight: X, refreshDomOptions: S, domOptions: o, nativeOptions: Y, currentIndex: u, currentFocusedEl: O, listboxId: Z, getOptionId: ee, selectedValueTitle: te, tags: le, nmorphSelectDOMRef: B, optionsMinWidth: ae, spaceHandler: () => {
-      v.value || (r.value = !r.value);
-    }, arrowDownHandler: () => {
-      v.value || o.value.length !== 0 && (r.value || (r.value = !0), u.value = (u.value + 1) % o.value.length);
-    }, arrowUpHandler: () => {
-      v.value || o.value.length !== 0 && (r.value || (r.value = !0), u.value = (u.value - 1 + o.value.length) % o.value.length);
-    }, enterHandler: () => {
-      r.value && O.value && b(O.value);
-    }, setVirtualOptionRef: (e, n) => {
-      s.measureElement(n, pe(e));
-    }, escapeHandler: () => {
-      r.value = !1;
-    }, homeHandler: () => {
-      u.value = 0;
-    }, endHandler: () => {
-      u.value = Math.max(o.value.length - 1, 0);
-    }, get NmorphTagItem() {
-      return xe;
-    }, get NmorphIcon() {
-      return Ie;
-    }, get NmorphSelectOption() {
-      return qe;
-    }, get NmorphDropdown() {
-      return be;
-    }, get NmorphIconLoaderDots() {
-      return Se;
-    }, get NmorphIconChevronDown() {
-      return Ne;
-    } };
-    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
-  }
-});
-export {
-  Ge as default
-};

package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js

@@ -1,56 +0,0 @@
-import './NmorphSelectOption.css';
-import { defineComponent as g, inject as l, computed as t } from "vue";
-import { useModifiers as y } from "../../../../../utils/create-modifiers.js";
-import { createCssVariables as b } from "../../../../../utils/common.js";
-import { NmorphComponentHeight as S } from "../../../../../types/common.types.js";
-import q from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import _ from "../../../../../assets/icons/success.svg.js";
-const H = /* @__PURE__ */ g({
-  __name: "NmorphSelectOption",
-  props: {
-    value: { type: String, required: !0 },
-    label: { type: String, required: !0, default: "" },
-    focused: { type: Boolean, required: !1, default: !1 },
-    hoverBackground: { type: String, required: !1, default: void 0 },
-    hoverColor: { type: 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 },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    tabindex: { type: Number, required: !1 }
-  },
-  emits: ["change-value"],
-  setup(c, { expose: d, emit: p }) {
-    d();
-    const r = l("select-selected-value"), o = l("select-change-selected-value"), a = l(
-      "select-height",
-      void 0
-    ), e = c, s = p, f = () => {
-      e.disabled || (s("change-value", e.value), o && o(e.value));
-    }, i = t(() => typeof r?.value == "string" ? r.value === e.value : Array.isArray(r?.value) ? r.value.some((v) => v === e.value) : !1), u = t(() => e.height || a?.value || "basic"), m = t(
-      () => y({
-        nmorph: [S[u.value]],
-        "nmorph-select-option": [
-          e.disabled && "disabled",
-          e.label && "with-label",
-          i.value && "checked",
-          e.focused && "focused"
-        ]
-      })
-    ), h = t(
-      () => b({
-        "--hover-bg": e.hoverBackground,
-        "--hover-color": e.hoverColor
-      })
-    ), n = { selectSelectedValue: r, selectChangeSelectedValue: o, selectHeight: a, props: e, emit: s, clickHandler: f, checked: i, height: u, modifiers: m, styles: h, get NmorphIcon() {
-      return q;
-    }, get NmorphIconSuccess() {
-      return _;
-    } };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
-  }
-});
-export {
-  H as default
-};

package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue2.js

@@ -1,58 +0,0 @@
-import './NmorphSelectButton.css';
-import { defineComponent as S, ref as b, watch as g, computed as s, provide as u } from "vue";
-import { useModifiers as y } from "../../../utils/create-modifiers.js";
-import { createCssVariables as h, createCssSizeVariables as q } from "../../../utils/common.js";
-import { useFormItemModel as v } from "../nmorph-form/use-form-item-input.js";
-import _ from "./components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js";
-const x = /* @__PURE__ */ S({
-  __name: "NmorphSelectButton",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    options: { type: Array, required: !1, default: () => [] },
-    fill: { type: Boolean, required: !1, default: !1 },
-    trackPadding: { type: [Number, String], required: !1, default: void 0 },
-    itemSize: { type: [Number, String], required: !1, default: void 0 },
-    itemFontSize: { type: 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"],
-  setup(n, { expose: m, emit: f }) {
-    m();
-    const e = n, a = f, { modelValue: i, updateModelValue: l } = v(
-      e,
-      (t) => a("update:model-value", t),
-      ""
-    ), r = b(i.value);
-    g(i, (t) => {
-      r.value = t;
-    });
-    const p = s(
-      () => y({
-        "nmorph-select-button": [e.disabled && "disabled", e.fill && "fill", e.height]
-      })
-    ), c = s(() => ({
-      ...q({
-        "--track-padding": e.trackPadding,
-        "--item-size": e.itemSize
-      }),
-      ...h({
-        "--item-font-size": e.itemFontSize
-      })
-    })), o = (t) => {
-      e.disabled || (r.value = t, l(t));
-    };
-    u("select-button-selected-value", r), u("select-button-change-handler", o);
-    const d = { props: e, emit: a, modelValue: i, updateModelValue: l, initialValue: r, modifiers: p, styles: c, changeHandler: o, get NmorphSelectButtonItem() {
-      return _;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
-export {
-  x as default
-};

package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue2.js

@@ -1,35 +0,0 @@
-import './NmorphSelectButtonItem.css';
-import { defineComponent as c, inject as i, ref as p, computed as d } from "vue";
-import { useModifiers as f } from "../../../../../utils/create-modifiers.js";
-const v = /* @__PURE__ */ c({
-  __name: "NmorphSelectButtonItem",
-  props: {
-    value: { type: String, required: !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, default: 0 }
-  },
-  setup(o, { expose: s }) {
-    const r = i(
-      "select-button-selected-value",
-      void 0
-    ), t = i(
-      "select-button-change-handler",
-      void 0
-    ), e = o, n = p(null);
-    s({ inputDOMRef: n });
-    const l = d(() => r?.value === e.value), u = d(
-      () => f({
-        "nmorph-select-button-item": [l.value && "checked", e.disabled && "disabled"]
-      })
-    ), a = { selectedValue: r, changeHandler: t, props: e, inputDOMRef: n, checked: l, modifiers: u, clickHandler: () => {
-      e.disabled || t && t(e.value);
-    } };
-    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
-  }
-});
-export {
-  v as default
-};

package/dist/components/form/nmorph-slider/NmorphSlider.vue2.js

@@ -1,95 +0,0 @@
-import './NmorphSlider.css';
-import { defineComponent as A, computed as m, ref as o, watch as E, onMounted as G, onUnmounted as J } from "vue";
-import { useModifiers as K } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as Q } from "../../../utils/common.js";
-import { useFormItemInput as Y, useFormItemModel as Z } from "../nmorph-form/use-form-item-input.js";
-import ee from "../../feedback/nmorph-tooltip/NmorphTooltip.vue.js";
-const de = /* @__PURE__ */ A({
-  __name: "NmorphSlider",
-  props: {
-    modelValue: { type: Number, required: !1, default: 0 },
-    max: { type: Number, required: !1, default: 100 },
-    min: { type: Number, required: !1, default: 0 },
-    step: { type: Number, required: !1, default: 1 },
-    fill: { type: Boolean, required: !1, default: !0 },
-    showTooltip: { type: Boolean, required: !1, default: !0 },
-    thumbWidth: { type: Number, required: !1, default: 50 },
-    sliderHeight: { type: [Number, String], required: !1, default: void 0 },
-    valueFixedContainerHeight: { 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(L, { expose: N, emit: T }) {
-    N();
-    const e = L, { id: S, name: H, tabindex: _ } = Y(e), C = m(
-      () => K({
-        nmorph: [],
-        "nmorph-slider": [e.disabled && "disabled"]
-      })
-    ), g = m(() => `${e.thumbWidth}px`), p = o(e.showTooltip), x = T, { modelValue: c, updateModelValue: y } = Z(
-      e,
-      (t) => x("update:model-value", t),
-      0
-    ), n = o(c.value), f = o(null);
-    E(n, () => {
-      y(n.value);
-    }), E(c, (t) => {
-      n.value = t;
-    });
-    const P = o(null), V = m(() => {
-      const t = s.value - s.value, r = e.max - e.min + t, u = (n.value - e.min) / r * 100, a = f.value?.clientWidth || 0, d = e.thumbWidth / a * 100, X = d / 2;
-      let $ = u - X;
-      const q = `${Math.max(0, Math.min(100 - d, $))}%`, I = a / 100, j = e.thumbWidth / 2 / I, M = (P.value?.tooltipBody.clientWidth ?? 24) / 2 / I, U = M === 1 / 0 ? 1.714 : M, k = `${parseFloat(q) + j - U}%`;
-      return {
-        thumb: q,
-        tooltip: k
-      };
-    }), s = o(0), h = o(0), v = () => {
-      s.value = window.innerWidth, h.value = window.innerHeight;
-    };
-    G(() => {
-      typeof window < "u" && (s.value = window.innerWidth, h.value = window.innerHeight, window.addEventListener("resize", v));
-    }), J(() => {
-      typeof window < "u" && (document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", i), document.removeEventListener("pointercancel", i), window.removeEventListener("resize", v));
-    });
-    const b = (t) => {
-      w.value = !1;
-      const r = f.value?.getBoundingClientRect();
-      let u = 0;
-      if (r) {
-        const a = t - r.left, d = r.width;
-        u = Math.max(0, Math.min(1, a / d)), n.value = e.min + u * (e.max - e.min);
-      }
-      n.value = Math.round(n.value / e.step) * e.step, n.value = Math.max(e.min, Math.min(e.max, n.value));
-    }, l = (t) => {
-      t.preventDefault(), b(t.clientX);
-    }, i = () => {
-      document.removeEventListener("pointermove", l), document.removeEventListener("pointerup", i), document.removeEventListener("pointercancel", i), w.value = !0;
-    }, z = (t) => {
-      e.disabled || t.pointerType === "mouse" && t.button !== 0 || (t.preventDefault(), b(t.clientX), document.addEventListener("pointermove", l), document.addEventListener("pointerup", i), document.addEventListener("pointercancel", i));
-    }, F = o(null), O = () => {
-      e.showTooltip && (p.value = !0);
-    }, B = () => {
-      e.showTooltip && (p.value = !1);
-    }, R = (t) => {
-      const r = t.target;
-      n.value = Number(r.value);
-    }, w = o(!0), D = m(() => ({
-      "--nmorph-slider-thumb-width": g.value,
-      ...Q({
-        "--slider-height": e.sliderHeight,
-        "--value-fixed-container-height": e.valueFixedContainerHeight
-      })
-    })), W = { props: e, id: S, name: H, tabindex: _, modifiers: C, thumbWidthCss: g, tooltipVisible: p, emit: x, modelValue: c, updateModelValue: y, thumbValue: n, sliderContainer: f, tooltipRootRef: P, thumbXPercentPosition: V, windowWidth: s, windowHeight: h, resizeWindowHandler: v, updateThumbValue: b, pointerMove: l, pointerUp: i, pointerDownHandler: z, sliderFirst: F, handleMouseEnter: O, handleMouseLeave: B, nativeInputHandler: R, transitionEnabled: w, styles: D, get NmorphTooltip() {
-      return ee;
-    } };
-    return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
-  }
-});
-export {
-  de as default
-};