@nmorph/nmorph-ui-kit 2.2.35 → 2.2.36

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-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);
+    ), $ = c(() => l.mode === "numeric" ? "numeric" : "text"), E = c(() => q.value || "one-time-code"), B = 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;
+    }, C = (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(), P = (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: $, resolvedAutocomplete: E, inputPattern: B, syncInputDOMRef: h, setInputRef: C, selectField: _, focusField: r, blurFields: F, updateCharAt: m, insertValue: H, inputHandler: S, fieldModels: M, getFieldModel: P, 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-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 */

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

@@ -158,7 +158,7 @@ const ke = /* @__PURE__ */ ue({
       return he;
     }, get NmorphDropdown() {
       return me;
-    }, get NmorphIconLoader() {
+    }, get NmorphIconLoaderDots() {
       return be;
     }, get NmorphIconChevronDown() {
       return He;

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

@@ -47,7 +47,7 @@ function p(e, _, k, o, y, v) {
             height: "14px"
           }, {
             default: s(() => [
-              h(o.NmorphIconLoader)
+              h(o.NmorphIconLoaderDots)
             ]),
             _: 1
             /* STABLE */

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

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

package/dist/components/form/nmorph-textarea/NmorphTextarea.css

@@ -0,0 +1 @@
+.nmorph-textarea{height:auto}.nmorph-textarea textarea{display:block;box-sizing:border-box;width:100%;min-width:0;padding:var(--indentation-03) var(--indentation-03) var(--indentation-03) var(--nmorph-textarea-indentation);color:var(--nmorph-text-color);font:inherit;line-height:var(--line-height-regular);background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-inset);transition:background var(--transition-02) ease,box-shadow var(--transition-02) ease,color var(--transition-02) ease;resize:var(--nmorph-textarea-resize)}.nmorph-textarea textarea:focus{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);outline:none;box-shadow:var(--nmorph-shadow-outset)}.nmorph-textarea textarea:disabled{cursor:not-allowed;opacity:.6;resize:none}.nmorph-textarea.nmorph-textarea--auto-size textarea{overflow-y:hidden}

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

@@ -0,0 +1,41 @@
+import './NmorphTextarea.css';
+import a from "./NmorphTextarea.vue2.js";
+import { openBlock as n, createElementBlock as t, normalizeStyle as l, normalizeClass as d, createElementVNode as i, mergeProps as m, withKeys as s } from "vue";
+/* empty css                    */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = ["id", "name", "autocomplete", "tabindex", "placeholder", "disabled", "value", "rows"];
+function f(x, o, h, e, b, y) {
+  return n(), t(
+    "div",
+    {
+      class: d(e.modifiers),
+      style: l(e.styles)
+    },
+    [
+      i("textarea", m({
+        id: e.id,
+        ref: "textareaDOMRef",
+        name: e.name,
+        autocomplete: e.autocomplete,
+        tabindex: e.tabindex,
+        class: "nmorph-native-input",
+        placeholder: e.props.placeholder,
+        disabled: e.props.disabled,
+        value: e.props.modelValue,
+        rows: e.rows
+      }, e.props.textareaAttrs, {
+        onInput: e.handleInput,
+        onFocus: e.handleFocus,
+        onBlur: e.handleBlur,
+        onKeydown: o[0] || (o[0] = (r) => e.emit("keydown", r)),
+        onKeyup: o[1] || (o[1] = s((r) => e.emit("on-enter"), ["enter"]))
+      }), null, 16, c)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const k = /* @__PURE__ */ p(a, [["render", f], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-textarea/NmorphTextarea.vue"]]);
+export {
+  k as default
+};