@nmorph/nmorph-ui-kit 2.2.35 → 2.2.37

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

@@ -1,21 +1,21 @@
 import './NmorphYearMonthPicker.css';
-import i from "./NmorphYearMonthPicker.vue2.js";
-import { openBlock as l, createElementBlock as m, normalizeClass as c, createElementVNode as t, createVNode as e, withCtx as n } from "vue";
+import l from "./NmorphYearMonthPicker.vue2.js";
+import { openBlock as i, createElementBlock as m, normalizeClass as c, createElementVNode as a, createVNode as e, withCtx as n } from "vue";
 /* empty css                           */
-import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const d = { class: "nmorph-year-month-picker__header" }, p = { class: "nmorph-year-month-picker__value" }, s = { class: "nmorph-year-month-picker__values" };
-function _(k, r, v, o, f, N) {
-  return l(), m(
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = { class: "nmorph-year-month-picker__header" }, p = { class: "nmorph-year-month-picker__value" }, s = { class: "nmorph-year-month-picker__values" };
+function _(k, r, f, o, v, N) {
+  return i(), m(
     "div",
     {
       class: c(o.modifiers)
     },
     [
-      t("div", d, [
+      a("div", h, [
         e(o.NmorphButton, {
           class: "nmorph-year-month-picker__action-btn",
           tabindex: -1,
-          onClick: r[0] || (r[0] = (a) => o.buttonClickHandler("decrease"))
+          onClick: r[0] || (r[0] = (t) => o.buttonClickHandler("decrease"))
         }, {
           default: n(() => [
             e(o.NmorphIcon, { class: "nmorph-year-month-picker__chevron-left" }, {
@@ -29,7 +29,7 @@ function _(k, r, v, o, f, N) {
           _: 1
           /* STABLE */
         }),
-        t("div", p, [
+        a("div", p, [
           e(o.NmorphButton, {
             text: o.value,
             tabindex: -1,
@@ -40,7 +40,7 @@ function _(k, r, v, o, f, N) {
         e(o.NmorphButton, {
           class: "nmorph-year-month-picker__action-btn",
           tabindex: -1,
-          onClick: r[1] || (r[1] = (a) => o.buttonClickHandler("increase"))
+          onClick: r[1] || (r[1] = (t) => o.buttonClickHandler("increase"))
         }, {
           default: n(() => [
             e(o.NmorphIcon, { class: "nmorph-year-month-picker__chevron-right" }, {
@@ -56,19 +56,19 @@ function _(k, r, v, o, f, N) {
         })
       ]),
       e(o.NmorphDivider),
-      t("div", s, [
+      a("div", s, [
         e(o.NmorphRadioGroup, {
-          "model-value": o.selectedValue,
-          options: o.values,
-          "onUpdate:modelValue": o.updateModelValue
-        }, null, 8, ["model-value", "options"])
+          modelValue: o.selectedValueModel,
+          "onUpdate:modelValue": r[2] || (r[2] = (t) => o.selectedValueModel = t),
+          options: o.values
+        }, null, 8, ["modelValue", "options"])
       ])
     ],
     2
     /* CLASS */
   );
 }
-const C = /* @__PURE__ */ h(i, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue"]]);
+const C = /* @__PURE__ */ d(l, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue"]]);
 export {
   C as default
 };

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

@@ -1,5 +1,5 @@
 import './NmorphYearMonthPicker.css';
-import { defineComponent as Y, ref as p, watch as _, computed as h } from "vue";
+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";
@@ -17,43 +17,46 @@ const z = /* @__PURE__ */ Y({
   emits: ["update-year", "update-month", "back-to-years"],
   setup(f, { expose: g, emit: y }) {
     g();
-    const { months: m } = C(), c = m.map((t, o) => ({
+    const { months: m } = C(), d = m.map((t, n) => ({
       label: t.substring(0, 3),
-      value: String(o),
+      value: String(n),
       tabindex: -1
-    })), e = f, r = p(c), u = p(String(e.currentDate.getMonth())), a = p(e.currentDate.getFullYear()), d = () => {
-      const t = e.currentDate.getFullYear(), o = I(t).map((n) => ({ label: String(n), value: String(n) }));
-      r.value = o;
+    })), 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" && (d(), u.value = String(e.currentDate.getFullYear()));
+        e.type === "year" && (v(), o.value = String(e.currentDate.getFullYear()));
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    const l = y, b = h(
+    const l = y, b = c(
       () => k({
         "nmorph-year-month-picker": []
       })
-    ), D = (t) => {
-      u.value = t, e.type === "month" ? l("update-month", u.value) : l("update-year", u.value);
-    }, s = (t) => {
-      r.value = r.value.map((o) => {
-        const n = String(t === "decrease" ? Number(o.value) - 10 : Number(o.value) + 10);
+    ), 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: n,
-          value: n
+          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 = h(() => e.type === "year" ? `${r.value[0].label} - ${r.value[r.value.length - 1].label}` : String(a.value)), v = { months: m, initialMonthData: c, props: e, values: r, selectedValue: u, selectedYear: a, setInitialYearsData: d, emit: l, modifiers: b, updateModelValue: D, updateYearValues: s, updateYear: i, buttonClickHandler: N, value: S, goToYearsHandler: () => {
+    }, 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;
@@ -66,7 +69,7 @@ const z = /* @__PURE__ */ Y({
     }, get NmorphIconChevronDown() {
       return H;
     } };
-    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 export {

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

@@ -1,8 +1,8 @@
 import './NmorphFileUpload.css';
 import { defineComponent as M, computed as y, ref as F, watch as E, onBeforeUnmount as W } from "vue";
-import { useModifiers as $ } from "../../../utils/create-modifiers.js";
-import { useI18n as D } from "vue-i18n";
-import { resolution as T, NmorphImageResolution as A, NmorphAudioResolution as K, NmorphVideoResolution as z, NmorphArchiveResolution as G } from "./types.js";
+import { useModifiers as D } from "../../../utils/create-modifiers.js";
+import { useI18n as K } from "vue-i18n";
+import { resolution as T, NmorphImageResolution as A, NmorphAudioResolution as $, NmorphVideoResolution as z, NmorphArchiveResolution as G } from "./types.js";
 import H from "../../../assets/icons/doc.svg.js";
 import J from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
 import Q from "../../basic/nmorph-icon/NmorphIcon.vue.js";
@@ -24,7 +24,7 @@ const ye = /* @__PURE__ */ M({
   },
   emits: ["update:model-value", "on-unsupported-file-type-error"],
   setup(R, { expose: U, emit: _ }) {
-    const { t: w } = D(), n = R, d = _, B = y(() => n.buttonText ? n.buttonText : w("selectFile")), g = Object.entries(T), v = {
+    const { t: w } = K(), n = R, d = _, B = y(() => n.buttonText ? n.buttonText : w("selectFile")), g = Object.entries(T), v = {
       "svg-xml": "svg",
       "audio-ogg": "ogg",
       "wideo-ogg": "ogg"
@@ -60,7 +60,7 @@ const ye = /* @__PURE__ */ M({
     }), V = (e) => {
       const o = u(e);
       let t = H;
-      return (e.type.toLowerCase().startsWith("image/") || o.some((r) => i(r, A))) && (t = te), (e.type.toLowerCase().startsWith("audio/") || o.some((r) => i(r, K))) && (t = Y), (e.type.toLowerCase().startsWith("video/") || o.some((r) => i(r, z))) && (t = Z), o.some((r) => i(r, G)) && (t = ee), t;
+      return (e.type.toLowerCase().startsWith("image/") || o.some((r) => i(r, A))) && (t = te), (e.type.toLowerCase().startsWith("audio/") || o.some((r) => i(r, $))) && (t = Y), (e.type.toLowerCase().startsWith("video/") || o.some((r) => i(r, z))) && (t = Z), o.some((r) => i(r, G)) && (t = ee), t;
     }, p = F(null), a = F([...n.modelValue]), l = /* @__PURE__ */ new Set(), m = () => {
       const e = p.value;
       e && (e.value = "");
@@ -106,8 +106,8 @@ const ye = /* @__PURE__ */ M({
       Array.from(l).forEach((e) => c(e));
     }), U({ inputDOMRef: p });
     const q = y(
-      () => $({
-        "nmorph-file-upload": [`${n.disabled && "disabled"}`]
+      () => D({
+        "nmorph-file-upload": [n.disabled && "disabled"]
       })
     ), x = { t: w, props: n, emit: d, computedButtonText: B, knownResolutionEntries: g, extensionByResolution: v, getPlainType: C, getFileExtension: f, getKnownResolutionByMime: I, getFileTypeCandidates: u, isKnownFileType: i, isImageFile: P, isFileAllowed: L, inputAccept: S, typeFileIconMap: V, inputDOMRef: p, files: a, createdPreviewUrls: l, resetInputValue: m, revokePreviewUrl: c, revokeRemovedPreviewUrls: N, filesChanged: h, openFileSelector: O, handleFileUpload: j, removeFile: k, modifiers: q, get NmorphButton() {
       return X;

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

@@ -28,8 +28,8 @@ const B = /* @__PURE__ */ p({
     const m = o(
       () => h({
         "nmorph-form-item": [
-          `${e.label && "labeled"}`,
-          `${i.value && (t.value?.valid ? "valid" : "invalid")}`
+          e.label && "labeled",
+          i.value && (t.value?.valid ? "valid" : "invalid")
         ]
       })
     ), l = { props: e, formData: r, validationData: t, ableToShowValidation: a, showStatusIcon: u, ableToAddValidationModifiers: i, modifiers: m, get NmorphValidationIcon() {

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

@@ -17,7 +17,7 @@ const h = /* @__PURE__ */ p({
     }), a = s(
       () => l({
         nmorph: [u[e.height]],
-        "nmorph-error-box": [`${e.staticHeight && "static-height"}`, `${t.value.length === 0 && "empty"}`]
+        "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;

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

@@ -7,7 +7,7 @@ import T from "../../../assets/icons/plus-thin.svg.js";
 import D from "../../../assets/icons/minus-thin.svg.js";
 import k from "../../basic/nmorph-icon/NmorphIcon.vue.js";
 import z from "../../basic/nmorph-button/NmorphButton.vue.js";
-const K = /* @__PURE__ */ S({
+const E = /* @__PURE__ */ S({
   __name: "NmorphNumberInput",
   props: {
     modelValue: { type: Number, required: !1, default: 0 },
@@ -27,10 +27,7 @@ const K = /* @__PURE__ */ S({
     const e = m, { id: d, name: c, autocomplete: f, tabindex: h } = R(e), g = n(
       () => M({
         nmorph: [H[e.height]],
-        "nmorph-number-input": [
-          `${e.disabled && "disabled"}`,
-          `${e.actionBtnPositionRight && "action-btn-position-right"}`
-        ]
+        "nmorph-number-input": [e.disabled && "disabled", e.actionBtnPositionRight && "action-btn-position-right"]
       })
     ), t = l(e.modelValue), b = () => {
       t.value += e.step;
@@ -75,5 +72,5 @@ const K = /* @__PURE__ */ S({
   }
 });
 export {
-  K as default
+  E as default
 };

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

@@ -1,14 +1,14 @@
 import './NmorphOTPInput.css';
-import p from "./NmorphOTPInput.vue2.js";
-import { openBlock as a, createElementBlock as d, normalizeClass as m, createElementVNode as i, Fragment as c, renderList as s, createBlock as f, withModifiers as t, withKeys as r } from "vue";
+import m from "./NmorphOTPInput.vue2.js";
+import { openBlock as l, createElementBlock as d, normalizeClass as p, createElementVNode as i, Fragment as c, renderList as s, createBlock as f, withModifiers as n, withKeys as r } from "vue";
 /* empty css                    */
 import h from "../../../_virtual/_plugin-vue_export-helper.js";
 const u = ["name", "value", "disabled"], v = { class: "nmorph-otp-input__content" };
-function _(b, l, H, e, g, y) {
-  return a(), d(
+function _(b, a, g, e, H, y) {
+  return l(), d(
     "div",
     {
-      class: m(e.modifiers)
+      class: p(e.modifiers)
     },
     [
       i("input", {
@@ -18,16 +18,17 @@ function _(b, l, H, e, g, y) {
         disabled: e.props.disabled
       }, null, 8, u),
       i("div", v, [
-        (a(!0), d(
+        (l(!0), d(
           c,
           null,
-          s(e.otpValue, (k, o) => (a(), f(e.NmorphTextInput, {
+          s(e.otpValue, (k, o) => (l(), f(e.NmorphTextInput, {
             id: e.fieldIds[o],
             key: e.fieldIds[o],
             ref_for: !0,
-            ref: (n) => e.setInputRef(n, o),
+            ref: (t) => e.setInputRef(t, o),
+            modelValue: e.getFieldModel(o).value,
+            "onUpdate:modelValue": (t) => e.getFieldModel(o).value = t,
             class: "nmorph-otp-input__field",
-            "model-value": e.otpValue[o],
             height: e.props.height,
             disabled: e.props.disabled,
             autocomplete: e.resolvedAutocomplete,
@@ -43,19 +44,18 @@ function _(b, l, H, e, g, y) {
               autofocus: e.props.autofocus && o === 0,
               "aria-label": `OTP ${o + 1}`
             },
-            "onUpdate:modelValue": (n) => e.inputHandler(n, o),
             onKeydown: [
-              l[0] || (l[0] = (n) => e.keydownHandler(n)),
-              r(t((n) => e.deleteKeyHandler(n, o), ["prevent"]), ["delete"]),
-              r(t((n) => e.arrowLeftHandler(o), ["prevent"]), ["left"]),
-              r(t((n) => e.arrowRightHandler(o), ["prevent"]), ["right"]),
-              r(t(e.homeHandler, ["prevent"]), ["home"]),
-              r(t(e.endHandler, ["prevent"]), ["end"])
+              a[0] || (a[0] = (t) => e.keydownHandler(t)),
+              r(n((t) => e.deleteKeyHandler(t, o), ["prevent"]), ["delete"]),
+              r(n((t) => e.arrowLeftHandler(o), ["prevent"]), ["left"]),
+              r(n((t) => e.arrowRightHandler(o), ["prevent"]), ["right"]),
+              r(n(e.homeHandler, ["prevent"]), ["home"]),
+              r(n(e.endHandler, ["prevent"]), ["end"])
             ],
-            onPaste: t((n) => e.pasteHandler(n, o), ["prevent"]),
-            onFocus: (n) => e.focusHandler(o),
+            onPaste: n((t) => e.pasteHandler(t, o), ["prevent"]),
+            onFocus: (t) => e.focusHandler(o),
             onBlur: e.blurHandler
-          }, null, 8, ["id", "model-value", "height", "disabled", "autocomplete", "tabindex", "input-attrs", "onUpdate:modelValue", "onKeydown", "onPaste", "onFocus"]))),
+          }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "height", "disabled", "autocomplete", "tabindex", "input-attrs", "onKeydown", "onPaste", "onFocus"]))),
           128
           /* KEYED_FRAGMENT */
         ))
@@ -65,7 +65,7 @@ function _(b, l, H, e, g, y) {
     /* CLASS */
   );
 }
-const T = /* @__PURE__ */ h(p, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-otp-input/NmorphOTPInput.vue"]]);
+const P = /* @__PURE__ */ h(m, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-otp-input/NmorphOTPInput.vue"]]);
 export {
-  T as default
+  P as default
 };

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

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

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

@@ -25,7 +25,7 @@ const q = /* @__PURE__ */ h({
     }, 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]
+        "nmorph-radio": [e.disabled && "disabled", d.value && "checked", e.styleType]
       })
     ), u = m(null);
     p({ inputDOMRef: u });

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

@@ -9,10 +9,10 @@ const N = { class: "nmorph-select__content" }, S = ["id", "name", "autocomplete"
 }, u = {
   key: 1,
   class: "nmorph-select__selected-value"
-}, C = {
+}, D = {
   key: 2,
   class: "nmorph-select__selected-value"
-}, D = ["id"];
+}, C = ["id"];
 function E(y, v, p, e, M, R) {
   return r(), l(
     "div",
@@ -76,7 +76,7 @@ function E(y, v, p, e, M, R) {
               _(e.computedNoElementPlaceholder),
               1
               /* TEXT */
-            )) : (r(), l("div", C, [
+            )) : (r(), l("div", D, [
               (r(!0), l(
                 d,
                 null,
@@ -94,7 +94,7 @@ function E(y, v, p, e, M, R) {
             ])),
             f(e.NmorphIcon, { class: "nmorph-select__chevron" }, {
               default: s(() => [
-                e.props.loading ? (r(), i(e.NmorphIconLoader, { key: 0 })) : (r(), i(e.NmorphIconChevronDown, { key: 1 }))
+                e.props.loading ? (r(), i(e.NmorphIconLoaderDots, { key: 0 })) : (r(), i(e.NmorphIconChevronDown, { key: 1 }))
               ]),
               _: 1
               /* STABLE */
@@ -206,7 +206,7 @@ function E(y, v, p, e, M, R) {
               64
               /* STABLE_FRAGMENT */
             ))
-          ], 8, D)
+          ], 8, C)
         ]),
         _: 3
         /* FORWARDED */