@nmorph/nmorph-ui-kit 2.2.41 → 2.2.42

package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue2.js

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

package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue2.js

@@ -1,77 +0,0 @@
-import './NmorphColorPicker.css';
-import { defineComponent as k, ref as H, watch as L, onMounted as O, computed as C } from "vue";
-import { useModifiers as z } from "../../../utils/create-modifiers.js";
-import { useFocusableInput as A } from "../../../hooks/use-focusable-input.js";
-import { useFormItemInput as D, useFormItemModel as E } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as T } from "../../../types/common.types.js";
-const W = /* @__PURE__ */ k({
-  __name: "NmorphColorPicker",
-  props: {
-    modelValue: { type: String, required: !1, default: "" },
-    showValue: { type: Boolean, required: !1, default: !1 },
-    displayFormat: { type: String, required: !1, default: "hex" },
-    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(_, { expose: q, emit: F }) {
-    const n = _, d = F, { id: I, name: S, tabindex: V } = D(n), { modelValue: c, updateModelValue: g } = E(
-      n,
-      (e) => d("update:model-value", e),
-      ""
-    ), l = (e, r = "#000000") => {
-      const t = e?.trim() || "";
-      return /^#[\da-f]{6}$/i.test(t) ? t.toLowerCase() : /^#[\da-f]{3}$/i.test(t) ? `#${t.slice(1).split("").map((o) => `${o}${o}`).join("").toLowerCase()}` : r;
-    }, {
-      elementRef: p,
-      focused: y,
-      handleFocus: x,
-      handleBlur: B
-    } = A({
-      onFocus: () => d("focus"),
-      onBlur: () => d("blur")
-    }), f = () => {
-      if (typeof document > "u") return "#006cb6";
-      const e = p.value || document.documentElement, r = getComputedStyle(e).getPropertyValue("--nmorph-accent-color").trim();
-      return l(r, "#006cb6");
-    }, a = H(l(c.value));
-    L(c, (e) => {
-      a.value = e ? l(e) : f();
-    });
-    const R = (e) => {
-      const r = e.target, t = l(r.value);
-      a.value = t, g(t);
-    }, h = (e) => [
-      parseInt(e.slice(1, 3), 16),
-      parseInt(e.slice(3, 5), 16),
-      parseInt(e.slice(5, 7), 16)
-    ], v = (e) => {
-      const [r, t, o] = h(e);
-      return `rgb(${r}, ${t}, ${o})`;
-    }, $ = (e) => {
-      const [r, t, o] = h(e).map((j) => j / 255), u = Math.max(r, t, o), s = Math.min(r, t, o), b = (u + s) / 2;
-      if (u === s)
-        return `hsl(0, 0%, ${Math.round(b * 100)}%)`;
-      const i = u - s, P = b > 0.5 ? i / (2 - u - s) : i / (u + s);
-      let m = 0;
-      return u === r ? m = (t - o) / i + (t < o ? 6 : 0) : u === t ? m = (o - r) / i + 2 : m = (r - t) / i + 4, `hsl(${Math.round(m * 60)}, ${Math.round(P * 100)}%, ${Math.round(b * 100)}%)`;
-    };
-    O(() => {
-      c.value || (a.value = f());
-    }), q({ inputDOMRef: p });
-    const w = C(
-      () => z({
-        nmorph: [T[n.height], y.value && "focused"],
-        "nmorph-color-picker": [n.disabled && "disabled", n.displayFormat]
-      })
-    ), N = C(() => n.displayFormat === "rgb" ? v(a.value) : n.displayFormat === "hsl" ? $(a.value) : a.value.toUpperCase()), M = { props: n, emit: d, id: I, name: S, tabindex: V, modelValue: c, updateModelValue: g, normalizeColor: l, inputDOMRef: p, focused: y, handleFocus: x, handleBlur: B, resolveAccentColor: f, currentValue: a, handleInput: R, hexToRgb: h, formatRgb: v, formatHsl: $, modifiers: w, displayValue: N };
-    return Object.defineProperty(M, "__isScriptSetup", { enumerable: !1, value: !0 }), M;
-  }
-});
-export {
-  W as default
-};

package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js

@@ -1,102 +0,0 @@
-import './NmorphDatePicker.css';
-import { defineComponent as k, computed as a, ref as u, watch as V } from "vue";
-import { useModifiers as B } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as M } from "../../../utils/common.js";
-import P from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
-import j from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
-import { useI18n as z } from "vue-i18n";
-import { useFormItemInput as L, useFormItemModel as R } from "../nmorph-form/use-form-item-input.js";
-import { NmorphComponentHeight as T } from "../../../types/common.types.js";
-import { formatDate as m } from "../../data/nmorph-calendar/utils.js";
-import E from "../../../assets/icons/calendar.svg.js";
-import G from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import J from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const le = /* @__PURE__ */ k({
-  __name: "NmorphDatePicker",
-  props: {
-    placeholder: { type: String, required: !1, default: "" },
-    modelValue: { type: [Date, Array, null], required: !1, default: null },
-    type: { type: null, required: !1, default: "date" },
-    textSeparator: { type: String, required: !1, default: "-" },
-    initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
-    zIndex: { type: Number, required: !1, default: void 0 },
-    dateLocale: { type: [String, Array], required: !1, default: void 0 },
-    dateFormatOptions: { type: null, required: !1, default: void 0 },
-    dateFormat: { type: String, required: !1, default: "" },
-    dateFormatter: { type: Function, required: !1, default: void 0 },
-    valueSeparator: { type: String, required: !1, default: ", " },
-    rangeSeparator: { type: String, required: !1, default: " - " },
-    width: { type: [Number, String], required: !1, default: void 0 },
-    calendarCellHeight: { 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: y, emit: v }) {
-    y();
-    const { t: s } = z(), e = c, { id: h, name: g, autocomplete: q } = L(e), n = a(() => e.placeholder ? e.placeholder : s("pickADate")), p = v, { modelValue: d, updateModelValue: i } = R(
-      e,
-      (r) => p("update:model-value", r),
-      null
-    ), t = u(d.value), l = u(!1), S = () => {
-      l.value = !0;
-    }, N = () => {
-      l.value = !1;
-    }, b = a(
-      () => B({
-        nmorph: [T[e.height]],
-        "nmorph-date-picker": [e.disabled && "disabled", e.type, l.value && "focus"]
-      })
-    ), D = a(
-      () => M({
-        "--width": e.width,
-        "--date-picker-calendar-cell-height": e.calendarCellHeight
-      })
-    ), o = u(!1), C = u(null), I = () => {
-      o.value = !1;
-    }, _ = () => {
-      o.value = !o.value;
-    }, A = a(() => {
-      if (!t.value) return n.value;
-      const r = {
-        locale: e.dateLocale,
-        options: e.dateFormatOptions,
-        format: e.dateFormat,
-        formatter: e.dateFormatter
-      };
-      if (Array.isArray(t.value)) {
-        if (t.value.length === 0) return n.value;
-        const x = m(t.value, r), O = e.type === "daterange" ? e.rangeSeparator : e.valueSeparator;
-        return x.join(O);
-      } else
-        return m(t.value, r);
-    }), F = () => {
-      const r = Array.isArray(t.value) ? [] : null;
-      t.value = r, i(t.value);
-    }, w = (r) => {
-      t.value = r, i(t.value);
-    };
-    V(
-      d,
-      (r) => {
-        t.value = r;
-      },
-      { deep: !0 }
-    );
-    const H = a(() => Array.isArray(t.value) ? t.value.length > 0 : !!t.value), f = { t: s, props: e, id: h, name: g, autocomplete: q, placeholderText: n, emit: p, modelValue: d, updateModelValue: i, selectedDate: t, focus: l, focusHandler: S, blurHandler: N, modifiers: b, styles: D, open: o, nmorphInputDOMRef: C, closeHandler: I, toggleOpen: _, displayValue: A, clearHandler: F, updateSelectedDateHandler: w, showClearButton: H, get NmorphDropdown() {
-      return J;
-    }, get NmorphIcon() {
-      return G;
-    }, get NmorphIconCalendar() {
-      return E;
-    }, NmorphClearButton: P, NmorphDatePickerContent: j };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
-  }
-});
-export {
-  le as default
-};

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue2.js

@@ -1,38 +0,0 @@
-import './NmorphDatePickerHeader.css';
-import { defineComponent as u, computed as h } from "vue";
-import { useModifiers as i } from "../../../../../utils/create-modifiers.js";
-import a from "../../../../../assets/icons/chevron-double-down.svg.js";
-import c from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import s from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-import { getMonthName as f } from "../../../../data/nmorph-calendar/utils.js";
-import N from "../../../../../assets/icons/chevron-down.svg.js";
-const l = /* @__PURE__ */ u({
-  __name: "NmorphDatePickerHeader",
-  props: {
-    year: { type: Number, required: !0 },
-    month: { type: Number, required: !0 }
-  },
-  emits: ["prev-month", "next-month", "prev-year", "next-year", "change-year", "change-month"],
-  setup(r, { expose: o, emit: t }) {
-    o();
-    const n = r, m = t, p = h(
-      () => i({
-        "nmorph-date-picker-header": []
-      })
-    ), e = { props: n, emit: m, modifiers: p, get NmorphButton() {
-      return s;
-    }, get NmorphIcon() {
-      return c;
-    }, get NmorphIconChevronDoubleDown() {
-      return a;
-    }, get NmorphIconChevronDown() {
-      return N;
-    }, get getMonthName() {
-      return f;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
-  }
-});
-export {
-  l as default
-};

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue2.js

@@ -1,77 +0,0 @@
-import './NmorphYearMonthPicker.css';
-import { defineComponent as Y, ref as p, watch as _, computed as c } from "vue";
-import { useModifiers as k } from "../../../../../utils/create-modifiers.js";
-import { useCalendarTexts as C } from "../../../../data/nmorph-calendar/hooks/use-calendar-texts.js";
-import { getDecadeYears as I } from "../../../../data/nmorph-calendar/utils.js";
-import M from "../../../../others/nmorph-divider/NmorphDivider.vue.js";
-import x from "../../../nmorph-radio-group/NmorphRadioGroup.vue.js";
-import w from "../../../../basic/nmorph-icon/NmorphIcon.vue.js";
-import F from "../../../../basic/nmorph-button/NmorphButton.vue.js";
-import H from "../../../../../assets/icons/chevron-down.svg.js";
-const z = /* @__PURE__ */ Y({
-  __name: "NmorphYearMonthPicker",
-  props: {
-    currentDate: { type: Date, required: !0 },
-    type: { type: String, required: !1, default: "month" }
-  },
-  emits: ["update-year", "update-month", "back-to-years"],
-  setup(f, { expose: g, emit: y }) {
-    g();
-    const { months: m } = C(), d = m.map((t, n) => ({
-      label: t.substring(0, 3),
-      value: String(n),
-      tabindex: -1
-    })), e = f, r = p(d), o = p(String(e.currentDate.getMonth())), a = p(e.currentDate.getFullYear()), v = () => {
-      const t = e.currentDate.getFullYear(), n = I(t).map((u) => ({ label: String(u), value: String(u) }));
-      r.value = n;
-    };
-    _(
-      () => e.currentDate,
-      () => {
-        e.type === "year" && (v(), o.value = String(e.currentDate.getFullYear()));
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    );
-    const l = y, b = c(
-      () => k({
-        "nmorph-year-month-picker": []
-      })
-    ), D = c({
-      get: () => o.value,
-      set: (t) => {
-        o.value = t, e.type === "month" ? l("update-month", o.value) : l("update-year", o.value);
-      }
-    }), s = (t) => {
-      r.value = r.value.map((n) => {
-        const u = String(t === "decrease" ? Number(n.value) - 10 : Number(n.value) + 10);
-        return {
-          label: u,
-          value: u
-        };
-      });
-    }, i = (t) => {
-      t === "decrease" ? a.value = a.value - 1 : a.value = a.value + 1, l("update-year", String(a.value));
-    }, N = (t) => {
-      t === "decrease" ? e.type === "year" ? s("decrease") : i("decrease") : e.type === "year" ? s("increase") : i("increase");
-    }, S = c(() => e.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(a.value)), h = { months: m, initialMonthData: d, props: e, values: r, selectedValue: o, selectedYear: a, setInitialYearsData: v, emit: l, modifiers: b, selectedValueModel: D, updateYearValues: s, updateYear: i, buttonClickHandler: N, value: S, goToYearsHandler: () => {
-      e.type === "month" && l("back-to-years");
-    }, get NmorphButton() {
-      return F;
-    }, get NmorphIcon() {
-      return w;
-    }, get NmorphRadioGroup() {
-      return x;
-    }, get NmorphDivider() {
-      return M;
-    }, get NmorphIconChevronDown() {
-      return H;
-    } };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
-  }
-});
-export {
-  z as default
-};

package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js

@@ -1,124 +0,0 @@
-import './NmorphFileUpload.css';
-import { defineComponent as K, computed as N, inject as z, ref as T, watch as G, onBeforeUnmount as H } from "vue";
-import { useModifiers as J } from "../../../utils/create-modifiers.js";
-import { getFileAcceptValue as Q, getFileTypeCandidates as U, isKnownFileType as p, isFileAllowedByTypes as X, getFileExtension as Y } from "../../../utils/file-types.js";
-import { useI18n as Z } from "vue-i18n";
-import { useFormItemInput as $, useFormItemModel as ee } from "../nmorph-form/use-form-item-input.js";
-import te from "../../../assets/icons/doc.svg.js";
-import oe from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
-import re from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import ae from "../../basic/nmorph-button/NmorphButton.vue.js";
-import ie from "../../../assets/icons/audio.svg.js";
-import ne from "../../../assets/icons/video.svg.js";
-import se from "../../../assets/icons/archive.svg.js";
-import { NmorphImageResolution as V, NmorphAudioResolution as le, NmorphVideoResolution as ue, NmorphArchiveResolution as de } from "./types.js";
-import me from "../../../assets/icons/cross.svg.js";
-import pe from "../../../assets/icons/image.svg.js";
-const Ue = /* @__PURE__ */ K({
-  __name: "NmorphFileUpload",
-  props: {
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    tabindex: { type: Number, required: !1 },
-    modelValue: { type: Array, required: !1, default: () => [] },
-    disabled: { type: Boolean, required: !1, default: !1 },
-    multiple: { type: Boolean, required: !1, default: !1 },
-    allowedTypes: { type: Array, required: !1, default: () => [] },
-    photoWithPreview: { type: Boolean, required: !1, default: !0 },
-    buttonText: { type: String, required: !1, default: "" }
-  },
-  emits: ["update:model-value", "on-unsupported-file-type-error", "on-file-validation-error"],
-  setup(_, { expose: q, emit: C }) {
-    const { t: b } = Z(), r = _, c = C, P = N(() => r.buttonText ? r.buttonText : b("selectFile")), { id: f, name: S, autocomplete: B, tabindex: L } = $(r), { modelValue: g, updateModelValue: x } = ee(
-      r,
-      (e) => c("update:model-value", e),
-      []
-    ), v = z("form-data", void 0), M = (e) => {
-      const t = U(e);
-      return e.type.toLowerCase().startsWith("image/") || t.some((o) => p(o, V));
-    }, W = N(() => Q(r.allowedTypes)), j = (e) => {
-      const t = U(e);
-      let o = te;
-      return (e.type.toLowerCase().startsWith("image/") || t.some((i) => p(i, V))) && (o = pe), (e.type.toLowerCase().startsWith("audio/") || t.some((i) => p(i, le))) && (o = ie), (e.type.toLowerCase().startsWith("video/") || t.some((i) => p(i, ue))) && (o = ne), t.some((i) => p(i, de)) && (o = se), o;
-    }, l = T(null), n = T([...g.value]), s = /* @__PURE__ */ new Set(), h = () => {
-      const e = l.value;
-      e && (e.value = "");
-    }, y = (e) => {
-      s.has(e) && (URL.revokeObjectURL(e), s.delete(e));
-    }, I = (e) => {
-      const t = new Set(e.map((o) => o.previewUrl));
-      Array.from(s).forEach((o) => {
-        t.has(o) || y(o);
-      });
-    }, w = (e) => {
-      const t = [...e];
-      n.value = t, x(t);
-    }, R = (e) => {
-      const t = v?.validateField(f.value, e);
-      return {
-        valid: t?.valid.value ?? !0,
-        errors: t?.errors.value ?? []
-      };
-    }, k = () => {
-      r.disabled || !l.value || l.value.click();
-    }, E = (e) => {
-      if (r.disabled) return;
-      const t = e.target, o = Array.from(t.files || []), i = r.multiple ? o : o.slice(0, 1), u = [];
-      if (i.forEach((a) => {
-        if (!X(a, r.allowedTypes)) {
-          c("on-unsupported-file-type-error", a.type || Y(a.name) || a.name);
-          return;
-        }
-        const d = r.multiple ? [...n.value.map((F) => F.data), ...u, a] : [a], m = R(d);
-        if (!m.valid) {
-          c("on-file-validation-error", { file: a, errors: m.errors });
-          return;
-        }
-        u.push(a);
-      }), h(), u.length > 0) {
-        const a = u.map((m) => {
-          const F = URL.createObjectURL(m);
-          return s.add(F), { data: m, previewUrl: F };
-        }), d = r.multiple ? [...n.value, ...a] : a;
-        I(d), w(d), v?.validateField(f.value, d);
-      }
-    }, O = (e) => {
-      if (r.disabled) return;
-      const t = n.value.findIndex((o) => o.data.name === e);
-      if (t !== -1) {
-        const o = n.value[t];
-        y(o.previewUrl), h();
-        const i = n.value.filter((u, a) => a !== t);
-        w(i), v?.validateField(f.value, i);
-      }
-    };
-    G(
-      g,
-      (e) => {
-        const t = [...e];
-        I(t), n.value = t, t.length === 0 && h();
-      },
-      { deep: !0 }
-    ), H(() => {
-      Array.from(s).forEach((e) => y(e));
-    }), q({ inputDOMRef: l });
-    const D = N(
-      () => J({
-        "nmorph-file-upload": [r.disabled && "disabled"]
-      })
-    ), A = { t: b, props: r, emit: c, computedButtonText: P, id: f, name: S, autocomplete: B, tabindex: L, modelValue: g, updateModelValue: x, formData: v, isImageFile: M, inputAccept: W, typeFileIconMap: j, inputDOMRef: l, files: n, createdPreviewUrls: s, resetInputValue: h, revokePreviewUrl: y, revokeRemovedPreviewUrls: I, filesChanged: w, getFormValidationResult: R, openFileSelector: k, handleFileUpload: E, removeFile: O, modifiers: D, get NmorphButton() {
-      return ae;
-    }, get NmorphIcon() {
-      return re;
-    }, get NmorphImagePreview() {
-      return oe;
-    }, get NmorphIconCross() {
-      return me;
-    } };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
-  }
-});
-export {
-  Ue as default
-};

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