@nmorph/nmorph-ui-kit 2.2.53 → 2.2.54

package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue2.js

@@ -1,54 +0,0 @@
-import './NmorphFormItem.css';
-import { defineComponent as y, inject as S, computed as e, unref as d, provide as b, toRef as I } from "vue";
-import { useModifiers as g } from "../../../../../utils/create-modifiers.js";
-import q from "./inner-components/nmorph-error-box/NmorphErrorBox.vue.js";
-import B from "./inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.js";
-import { nmorphFormItemInputDataKey as x } from "../../use-form-item-input.js";
-const T = /* @__PURE__ */ y({
-  __name: "NmorphFormItem",
-  props: {
-    id: { type: String, required: !0 },
-    name: { type: String, required: !1, default: "" },
-    autocomplete: { type: String, required: !1, default: "" },
-    height: { type: null, required: !1, default: "basic" },
-    label: { type: String, required: !1, default: "" },
-    showValidationIcon: { type: Boolean, required: !1, default: !0 },
-    staticErrorBoxSpace: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(v, { expose: h }) {
-    h();
-    const o = v, t = S("form-data"), a = e(() => t?.fields[o.id]), r = e(() => t?.formValue[o.id]), u = e(() => r.value?.value), n = e(() => r.value?.rules || []), s = e(() => d(a.value?.errors) || []), f = e(() => d(a.value?.valid) ?? !0), p = e(() => d(a.value?.touched) ?? !1), l = e(() => a.value), V = e(
-      () => !!l.value && !!a?.value?.touched && o.showValidationIcon
-    ), m = e(() => l.value && a.value?.touched);
-    b(x, {
-      id: I(o, "id"),
-      name: e(() => o.name || o.id),
-      autocomplete: e(() => o.autocomplete || void 0),
-      value: u,
-      rules: n,
-      errors: s,
-      valid: f,
-      touched: p,
-      updateValue: (i) => t?.updateFieldValue(o.id, i),
-      validate: (i) => {
-        t?.validateField(o.id, i);
-      }
-    });
-    const _ = e(
-      () => g({
-        "nmorph-form-item": [
-          o.label && "labeled",
-          m.value && (a.value?.valid ? "valid" : "invalid")
-        ]
-      })
-    ), c = { props: o, formData: t, validationData: a, fieldData: r, fieldValue: u, fieldRules: n, fieldErrors: s, fieldValid: f, fieldTouched: p, ableToShowValidation: l, showStatusIcon: V, ableToAddValidationModifiers: m, modifiers: _, get NmorphValidationIcon() {
-      return B;
-    }, get NmorphErrorBox() {
-      return q;
-    } };
-    return Object.defineProperty(c, "__isScriptSetup", { enumerable: !1, value: !0 }), c;
-  }
-});
-export {
-  T as default
-};

package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue2.js

@@ -1,28 +0,0 @@
-import './NmorphErrorBox.css';
-import { defineComponent as p, computed as s } from "vue";
-import { useModifiers as u } from "../../../../../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as l } from "../../../../../../../types/common.types.js";
-const h = /* @__PURE__ */ p({
-  __name: "NmorphErrorBox",
-  props: {
-    height: { type: null, required: !1, default: "basic" },
-    errors: { type: [Array, Object], required: !1, default: () => [] },
-    staticHeight: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(i, { expose: n }) {
-    n();
-    const e = i, t = s(() => {
-      const r = Array.isArray(e.errors) ? e.errors : e.errors.value;
-      return r.length ? [r[r.length - 1]] : [];
-    }), a = s(
-      () => u({
-        nmorph: [l[e.height]],
-        "nmorph-error-box": [e.staticHeight && "static-height", t.value.length === 0 && "empty"]
-      })
-    ), o = { props: e, currentError: t, modifiers: a };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
-  }
-});
-export {
-  h as default
-};

package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue2.js

@@ -1,27 +0,0 @@
-import './NmorphValidationIcon.css';
-import { defineComponent as a, computed as r } from "vue";
-import { useModifiers as c } from "../../../../../../../utils/create-modifiers.js";
-import m from "../../../../../../../assets/icons/success.svg.js";
-import s from "../../../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import d from "../../../../../../../assets/icons/error.svg.js";
-const l = "18px", I = /* @__PURE__ */ a({
-  __name: "NmorphValidationIcon",
-  props: {
-    valid: { type: [Boolean, Object], required: !0 },
-    show: { type: [Boolean, Object], required: !1, default: !0 }
-  },
-  setup(t, { expose: i }) {
-    i();
-    const o = t, n = r(
-      () => c({
-        "nmorph-validation-icon": [o.valid ? "valid" : "invalid"]
-      })
-    ), p = r(() => o.valid ? m : d), e = { props: o, modifiers: n, validationIcon: p, validateIconSize: l, get NmorphIcon() {
-      return s;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-});
-export {
-  I as default
-};

package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue2.js

@@ -1,82 +0,0 @@
-import './NmorphNumberInput.css';
-import { defineComponent as H, computed as n, ref as s, watch as p } from "vue";
-import { useModifiers as R } from "../../../utils/create-modifiers.js";
-import { useFormItemInput as T, useFormItemModel as D } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as V } from "../../../types/common.types.js";
-import k from "../../../assets/icons/plus-thin.svg.js";
-import z from "../../../assets/icons/minus-thin.svg.js";
-import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import F from "../../basic/nmorph-button/NmorphButton.vue.js";
-const L = /* @__PURE__ */ H({
-  __name: "NmorphNumberInput",
-  props: {
-    modelValue: { type: Number, required: !1, default: 0 },
-    max: { type: Number, required: !1, default: 1 / 0 },
-    min: { type: Number, required: !1, default: -1 / 0 },
-    step: { type: Number, required: !1, default: 1 },
-    actionBtnPositionRight: { type: Boolean, required: !1, default: !1 },
-    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(d, { expose: c, emit: f }) {
-    const e = d, { id: h, name: g, autocomplete: b, tabindex: x } = T(e), N = n(
-      () => R({
-        nmorph: [V[e.height]],
-        "nmorph-number-input": [e.disabled && "disabled", e.actionBtnPositionRight && "action-btn-position-right"]
-      })
-    ), a = {
-      thick: {
-        default: "12px",
-        right: "8px"
-      },
-      basic: {
-        default: "10px",
-        right: "7px"
-      },
-      thin: {
-        default: "8px",
-        right: "5px"
-      }
-    }, v = n(() => {
-      const i = e.actionBtnPositionRight ? "right" : "default";
-      return a[e.height][i];
-    }), u = f, { modelValue: o, updateModelValue: l } = D(
-      e,
-      (i) => u("update:model-value", i),
-      0
-    ), t = s(o.value), y = () => {
-      t.value += e.step;
-    }, I = () => {
-      t.value -= e.step;
-    }, q = n(() => t.value <= e.min), B = n(() => t.value >= e.max), _ = n(() => e.height === "thick" ? "16px" : "12px"), M = (i) => {
-      const S = i.target;
-      let P = Number(S.value);
-      t.value = P;
-    };
-    p(t, (i) => {
-      i > e.max && (t.value = e.max, r.value?.blur()), t.value < e.min && (t.value = e.min, r.value?.blur()), l(i);
-    }), p(o, (i) => {
-      t.value = i;
-    });
-    const r = s(null);
-    c({ inputDOMRef: r });
-    const m = { props: e, id: h, name: g, autocomplete: b, tabindex: x, modifiers: N, iconSizeMap: a, actionBtnIconSize: v, emit: u, modelValue: o, updateModelValue: l, initialValue: t, increaseHandler: y, decreaseHandler: I, minBtnDisabled: q, maxBtnDisabled: B, rightActionBtnHeight: _, inputHandler: M, inputDOMRef: r, get NmorphButton() {
-      return F;
-    }, get NmorphIcon() {
-      return C;
-    }, get NmorphIconMinusThin() {
-      return z;
-    }, get NmorphIconPlusThin() {
-      return k;
-    } };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
-  }
-});
-export {
-  L as default
-};

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