@nmorph/nmorph-ui-kit 3.0.10 → 3.0.13

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

@@ -1,9 +1,9 @@
 import './NmorphColorPicker.css';
 import a from "./NmorphColorPicker.vue2.js";
-import { openBlock as l, createElementBlock as i, normalizeClass as c, createElementVNode as n, normalizeStyle as t, toDisplayString as d, createCommentVNode as m } from "vue";
+import { openBlock as l, createElementBlock as i, normalizeClass as c, createElementVNode as n, normalizeStyle as t, toDisplayString as m, createCommentVNode as d } from "vue";
 /* empty css                       */
-import s from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "nmorph-color-picker__content" }, _ = ["id", "name", "tabindex", "value", "disabled"], h = {
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "nmorph-color-picker__content" }, _ = ["id", "name", "tabindex", "value", "disabled"], h = {
   key: 0,
   class: "nmorph-color-picker__value"
 };
@@ -14,7 +14,7 @@ function u(f, r, k, o, v, b) {
       class: c(o.modifiers)
     },
     [
-      n("div", p, [
+      n("div", s, [
         n("input", {
           id: o.id,
           ref: "inputDOMRef",
@@ -41,17 +41,17 @@ function u(f, r, k, o, v, b) {
         o.props.showValue ? (l(), i(
           "span",
           h,
-          d(o.displayValue),
+          m(o.displayValue),
           1
           /* TEXT */
-        )) : m("v-if", !0)
+        )) : d("v-if", !0)
       ])
     ],
     2
     /* CLASS */
   );
 }
-const C = /* @__PURE__ */ s(a, [["render", u], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-color-picker/NmorphColorPicker.vue"]]);
+const C = /* @__PURE__ */ p(a, [["render", u], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-color-picker/NmorphColorPicker.vue"]]);
 export {
   C as default
 };

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

@@ -1,6 +1,6 @@
 import './NmorphDatePicker.css';
 import p from "./NmorphDatePicker.vue2.js";
-import { openBlock as n, createElementBlock as m, normalizeStyle as _, normalizeClass as t, createElementVNode as o, withKeys as s, withModifiers as a, createVNode as r, withCtx as i, toDisplayString as h, createBlock as l, createCommentVNode as c } from "vue";
+import { openBlock as n, createElementBlock as m, normalizeStyle as _, normalizeClass as t, createElementVNode as o, withKeys as h, withModifiers as a, createVNode as r, withCtx as i, toDisplayString as s, createBlock as l, createCommentVNode as c } from "vue";
 /* empty css                      */
 import f from "../../../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "nmorph-date-picker__date-wrapper" }, v = ["id", "name", "autocomplete", "onKeydown"], y = { class: "nmorph-date-picker__selected-value" }, w = { class: "nmorph-date-picker__clear-button-wrapper" }, D = { class: "nmorph-date-picker__content" };
@@ -28,7 +28,7 @@ function u(C, N, d, e, x, B) {
               type: "date",
               onFocus: a(e.focusHandler, ["prevent"]),
               onBlur: e.blurHandler,
-              onKeydown: s(a(() => {
+              onKeydown: h(a(() => {
               }, ["prevent"]), ["space"])
             }, null, 40, v),
             r(e.NmorphIcon, { class: "nmorph-date-picker__calendar-icon" }, {
@@ -41,7 +41,7 @@ function u(C, N, d, e, x, B) {
             o(
               "div",
               y,
-              h(e.displayValue),
+              s(e.displayValue),
               1
               /* TEXT */
             ),
@@ -83,7 +83,7 @@ function u(C, N, d, e, x, B) {
     /* CLASS, STYLE */
   );
 }
-const V = /* @__PURE__ */ f(p, [["render", u], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/NmorphDatePicker.vue"]]);
+const V = /* @__PURE__ */ f(p, [["render", u], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-date-picker/NmorphDatePicker.vue"]]);
 export {
   V as default
 };

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.js

@@ -1,18 +1,18 @@
-import t from "./NmorphClearButton.vue2.js";
-import { openBlock as n, createElementBlock as i, normalizeClass as m, createVNode as e, withModifiers as c, withCtx as p } from "vue";
+import n from "./NmorphClearButton.vue2.js";
+import { openBlock as t, createElementBlock as m, normalizeClass as i, createVNode as e, withModifiers as c, withCtx as p } from "vue";
 import a from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function l(s, r, f, o, d, _) {
-  return n(), i(
+function l(s, o, f, r, d, h) {
+  return t(), m(
     "div",
     {
-      class: m(o.modifiers)
+      class: i(r.modifiers)
     },
     [
-      e(o.NmorphIcon, {
-        onClick: r[0] || (r[0] = c((h) => o.emit("clear"), ["stop"]))
+      e(r.NmorphIcon, {
+        onClick: o[0] || (o[0] = c((_) => r.emit("clear"), ["stop"]))
       }, {
         default: p(() => [
-          e(o.NmorphIconError)
+          e(r.NmorphIconError)
         ]),
         _: 1
         /* STABLE */
@@ -22,7 +22,7 @@ function l(s, r, f, o, d, _) {
     /* CLASS */
   );
 }
-const N = /* @__PURE__ */ a(t, [["render", l], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue"]]);
+const N = /* @__PURE__ */ a(n, [["render", l], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue"]]);
 export {
   N as default
 };

package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js

@@ -1,17 +1,17 @@
 import l from "./NmorphDatePickerContent.vue2.js";
-import { openBlock as a, createElementBlock as i, normalizeClass as d, createBlock as r, withCtx as c, createVNode as m, createCommentVNode as n } from "vue";
+import { openBlock as r, createElementBlock as i, normalizeClass as d, createBlock as a, withCtx as c, createVNode as m, createCommentVNode as n } from "vue";
 import h from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function k(Y, t, f, e, p, y) {
-  return a(), i(
+function k(p, o, Y, e, f, y) {
+  return r(), i(
     "div",
     {
       class: d(e.modifiers)
     },
     [
-      e.selectedPicker === "calendar" ? (a(), r(e.NmorphCalendar, {
+      e.selectedPicker === "calendar" ? (r(), a(e.NmorphCalendar, {
         key: 0,
         modelValue: e.selectedValuesModel,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => e.selectedValuesModel = o),
+        "onUpdate:modelValue": o[0] || (o[0] = (t) => e.selectedValuesModel = t),
         type: e.props.type,
         "initial-date": e.initialDate,
         onUpdateInitialDate: e.updateInitialDate
@@ -31,13 +31,13 @@ function k(Y, t, f, e, p, y) {
         _: 1
         /* STABLE */
       }, 8, ["modelValue", "type", "initial-date"])) : n("v-if", !0),
-      e.selectedPicker === "year" ? (a(), r(e.NmorphYearMonthPicker, {
+      e.selectedPicker === "year" ? (r(), a(e.NmorphYearMonthPicker, {
         key: 1,
         type: "year",
         "current-date": e.initialDate,
         onUpdateYear: e.updateYearHandler
       }, null, 8, ["current-date"])) : n("v-if", !0),
-      e.selectedPicker === "month" ? (a(), r(e.NmorphYearMonthPicker, {
+      e.selectedPicker === "month" ? (r(), a(e.NmorphYearMonthPicker, {
         key: 2,
         type: "month",
         "current-date": e.initialDate,
@@ -50,7 +50,7 @@ function k(Y, t, f, e, p, y) {
     /* CLASS */
   );
 }
-const N = /* @__PURE__ */ h(l, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue"]]);
+const N = /* @__PURE__ */ h(l, [["render", k], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue"]]);
 export {
   N as default
 };

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

@@ -4,7 +4,7 @@ import { openBlock as d, createElementBlock as h, createElementVNode as a, creat
 /* empty css                            */
 import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const c = { class: "nmorph-date-picker-header" }, l = { class: "nmorph-date-picker-header__left-side" }, p = { class: "nmorph-date-picker-header__center-side" }, _ = { class: "nmorph-date-picker-header__right-side" };
-function s(k, r, f, e, v, N) {
+function k(s, r, f, e, v, N) {
   return d(), h("div", c, [
     a("div", l, [
       o(e.NmorphButton, {
@@ -94,7 +94,7 @@ function s(k, r, f, e, v, N) {
     ])
   ]);
 }
-const D = /* @__PURE__ */ m(i, [["render", s], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue"]]);
+const D = /* @__PURE__ */ m(i, [["render", k], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue"]]);
 export {
   D as default
 };

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

@@ -1,11 +1,11 @@
 import './NmorphYearMonthPicker.css';
-import i from "./NmorphYearMonthPicker.vue2.js";
-import { openBlock as l, createElementBlock as m, createElementVNode as a, createVNode as e, withCtx as n } from "vue";
+import m from "./NmorphYearMonthPicker.vue2.js";
+import { openBlock as i, createElementBlock as l, createElementVNode as a, createVNode as e, withCtx as n } from "vue";
 /* empty css                           */
 import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = { class: "nmorph-year-month-picker" }, d = { class: "nmorph-year-month-picker__header" }, p = { class: "nmorph-year-month-picker__value" }, _ = { class: "nmorph-year-month-picker__values" };
 function s(k, r, v, o, f, N) {
-  return l(), m("div", h, [
+  return i(), l("div", h, [
     a("div", d, [
       e(o.NmorphButton, {
         class: "nmorph-year-month-picker__action-btn",
@@ -59,7 +59,7 @@ function s(k, r, v, o, f, N) {
     ])
   ]);
 }
-const C = /* @__PURE__ */ c(i, [["render", s], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue"]]);
+const C = /* @__PURE__ */ c(m, [["render", s], ["__file", "/home/runner/work/nmorph/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-file-upload/NmorphFileUpload.vue.js

@@ -1,17 +1,17 @@
 import './NmorphFileUpload.css';
 import h from "./NmorphFileUpload.vue2.js";
-import { openBlock as i, createElementBlock as r, normalizeStyle as p, normalizeClass as _, createElementVNode as m, renderSlot as f, createVNode as n, TransitionGroup as g, withCtx as a, Fragment as t, renderList as y, toDisplayString as d, createBlock as c, createCommentVNode as x } from "vue";
+import { openBlock as n, createElementBlock as r, normalizeStyle as p, normalizeClass as _, createElementVNode as m, renderSlot as f, createVNode as i, TransitionGroup as g, withCtx as a, Fragment as t, renderList as y, toDisplayString as d, createBlock as c, createCommentVNode as x } from "vue";
 /* empty css                      */
 import N from "../../../_virtual/_plugin-vue_export-helper.js";
 const k = { class: "nmorph-file-upload__trigger" }, v = ["id", "name", "autocomplete", "tabindex", "multiple", "disabled", "accept"], u = {
   key: 0,
   class: "nmorph-file-upload__list"
-}, b = { class: "nmorph-file-upload__file-info" }, F = { class: "nmorph-file-upload__file-name" }, w = {
+}, w = { class: "nmorph-file-upload__file-info" }, F = { class: "nmorph-file-upload__file-name" }, b = {
   key: 1,
   class: "nmorph-file-upload__file-info"
 }, I = { class: "nmorph-file-upload__file-name" }, C = { class: "nmorph-file-upload__remove-file" };
 function B(s, z, V, e, P, S) {
-  return i(), r(
+  return n(), r(
     "div",
     {
       class: _(e.modifiers),
@@ -33,7 +33,7 @@ function B(s, z, V, e, P, S) {
           onChange: e.handleFileUpload
         }, null, 40, v),
         f(s.$slots, "trigger", {}, () => [
-          n(e.NmorphButton, {
+          i(e.NmorphButton, {
             text: e.computedButtonText,
             fill: "",
             disabled: e.props.disabled,
@@ -41,31 +41,31 @@ function B(s, z, V, e, P, S) {
           }, null, 8, ["text", "disabled"])
         ])
       ]),
-      e.files.length > 0 ? (i(), r("div", u, [
-        n(g, {
+      e.files.length > 0 ? (n(), r("div", u, [
+        i(g, {
           name: "list",
           tag: "div"
         }, {
           default: a(() => [
-            (i(!0), r(
+            (n(!0), r(
               t,
               null,
-              y(e.files, ({ data: o, previewUrl: l }) => (i(), r("div", {
+              y(e.files, ({ data: o, previewUrl: l }) => (n(), r("div", {
                 key: o.name,
                 class: "nmorph-file-upload__file"
               }, [
-                e.showImagePreview(o) ? (i(), r(
+                e.showImagePreview(o) ? (n(), r(
                   t,
                   { key: 0 },
                   [
-                    n(e.NmorphImagePreview, { src: l }, null, 8, ["src"]),
-                    m("div", b, [
-                      n(e.NmorphIcon, {
+                    i(e.NmorphImagePreview, { src: l }, null, 8, ["src"]),
+                    m("div", w, [
+                      i(e.NmorphIcon, {
                         width: "14px",
                         height: "17px"
                       }, {
                         default: a(() => [
-                          n(e.NmorphIconImage)
+                          i(e.NmorphIconImage)
                         ]),
                         _: 1
                         /* STABLE */
@@ -81,13 +81,13 @@ function B(s, z, V, e, P, S) {
                   ],
                   64
                   /* STABLE_FRAGMENT */
-                )) : e.isImageFile(o) ? (i(), r("div", w, [
-                  n(e.NmorphIcon, {
+                )) : e.isImageFile(o) ? (n(), r("div", b, [
+                  i(e.NmorphIcon, {
                     width: "14px",
                     height: "17px"
                   }, {
                     default: a(() => [
-                      n(e.NmorphIconImage)
+                      i(e.NmorphIconImage)
                     ]),
                     _: 1
                     /* STABLE */
@@ -99,20 +99,20 @@ function B(s, z, V, e, P, S) {
                     1
                     /* TEXT */
                   )
-                ])) : e.isVideoFile(o) ? (i(), c(e.NmorphVideoPreview, {
+                ])) : e.isVideoFile(o) ? (n(), c(e.NmorphVideoPreview, {
                   key: 2,
                   src: l,
                   name: o.name,
                   "download-href": l,
                   compact: "",
                   controls: ""
-                }, null, 8, ["src", "name", "download-href"])) : e.isAudioFile(o) ? (i(), c(e.NmorphAudioPreview, {
+                }, null, 8, ["src", "name", "download-href"])) : e.isAudioFile(o) ? (n(), c(e.NmorphAudioPreview, {
                   key: 3,
                   src: l,
                   name: o.name,
                   "download-href": l,
                   compact: ""
-                }, null, 8, ["src", "name", "download-href"])) : (i(), c(e.NmorphFileCard, {
+                }, null, 8, ["src", "name", "download-href"])) : (n(), c(e.NmorphFileCard, {
                   key: 4,
                   name: o.name,
                   "mime-type": o.type,
@@ -123,13 +123,13 @@ function B(s, z, V, e, P, S) {
                   compact: ""
                 }, null, 8, ["name", "mime-type", "size", "extension", "preview-src", "download-href"])),
                 m("div", C, [
-                  n(e.NmorphButton, {
+                  i(e.NmorphButton, {
                     design: "plain",
                     thickness: "thin",
                     onClick: (A) => e.removeFile(o.name)
                   }, {
                     "icon-only": a(() => [
-                      n(e.NmorphIconCross)
+                      i(e.NmorphIconCross)
                     ]),
                     _: 1
                     /* STABLE */
@@ -149,7 +149,7 @@ function B(s, z, V, e, P, S) {
     /* CLASS, STYLE */
   );
 }
-const G = /* @__PURE__ */ N(h, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-file-upload/NmorphFileUpload.vue"]]);
+const L = /* @__PURE__ */ N(h, [["render", B], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-file-upload/NmorphFileUpload.vue"]]);
 export {
-  G as default
+  L as default
 };

package/dist/components/form/nmorph-form/NmorphForm.vue.js

@@ -1,15 +1,15 @@
 import e from "./NmorphForm.vue2.js";
-import { openBlock as t, createElementBlock as m, normalizeClass as n, createElementVNode as s, renderSlot as c } from "vue";
-import f from "../../../_virtual/_plugin-vue_export-helper.js";
-const l = { class: "nmorph-form__content" };
-function p(o, a, i, r, _, d) {
-  return t(), m(
+import { openBlock as m, createElementBlock as n, normalizeClass as t, createElementVNode as s, renderSlot as c } from "vue";
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "nmorph-form__content" };
+function a(o, l, i, r, _, d) {
+  return m(), n(
     "form",
     {
-      class: n(r.modifiers)
+      class: t(r.modifiers)
     },
     [
-      s("div", l, [
+      s("div", f, [
         c(o.$slots, "default")
       ])
     ],
@@ -17,7 +17,7 @@ function p(o, a, i, r, _, d) {
     /* CLASS */
   );
 }
-const k = /* @__PURE__ */ f(e, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/NmorphForm.vue"]]);
+const k = /* @__PURE__ */ p(e, [["render", a], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-form/NmorphForm.vue"]]);
 export {
   k as default
 };

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

@@ -1,29 +1,29 @@
 import './NmorphFormItem.css';
-import n from "./NmorphFormItem.vue2.js";
-import { openBlock as r, createElementBlock as e, normalizeClass as s, toDisplayString as l, createCommentVNode as t, createElementVNode as m, renderSlot as c, createBlock as d, createVNode as h } from "vue";
+import i from "./NmorphFormItem.vue2.js";
+import { openBlock as r, createElementBlock as e, normalizeClass as m, toDisplayString as s, createCommentVNode as t, createElementVNode as l, renderSlot as c, createBlock as h, createVNode as d } from "vue";
 /* empty css                    */
 import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = ["for"], _ = { class: "nmorph-form-item__content" };
-function v(i, k, a, o, N, B) {
+function v(n, k, a, o, N, B) {
   return r(), e(
     "div",
     {
-      class: s(o.modifiers)
+      class: m(o.modifiers)
     },
     [
       o.props.label ? (r(), e("label", {
         key: 0,
         for: o.props.id
-      }, l(o.props.label), 9, f)) : t("v-if", !0),
-      m("div", _, [
-        c(i.$slots, "default"),
-        o.props.showValidationIcon ? (r(), d(o.NmorphValidationIcon, {
+      }, s(o.props.label), 9, f)) : t("v-if", !0),
+      l("div", _, [
+        c(n.$slots, "default"),
+        o.props.showValidationIcon ? (r(), h(o.NmorphValidationIcon, {
           key: 0,
           valid: !!o.validationData?.valid,
           show: o.showStatusIcon
         }, null, 8, ["valid", "show"])) : t("v-if", !0)
       ]),
-      h(o.NmorphErrorBox, {
+      d(o.NmorphErrorBox, {
         errors: o.validationData?.errors,
         thickness: o.props.thickness,
         "static-height": a.staticErrorBoxSpace
@@ -33,7 +33,7 @@ function v(i, k, a, o, N, B) {
     /* CLASS */
   );
 }
-const x = /* @__PURE__ */ p(n, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue"]]);
+const x = /* @__PURE__ */ p(i, [["render", v], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue"]]);
 export {
   x as default
 };

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

@@ -1 +1 @@
-.nmorph-error-box{display:flex;align-items:center;overflow:hidden}.nmorph-error-box .nmorph-error-box__error{margin:var(--indentation-00);margin-left:var(--default-indentation-input);color:var(--nmorph-error-text-color);text-align:left}.nmorph-error-box.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}
+.nmorph-error-box{display:flex;align-items:center;min-width:0;overflow:hidden}.nmorph-error-box.nmorph--basic-component,.nmorph-error-box.nmorph--thin-component,.nmorph-error-box.nmorph--thick-component{height:auto;min-height:var(--nmorph-private-control-height)}.nmorph-error-box .nmorph-error-box__error{flex:1 1 auto;min-width:0;margin:var(--indentation-02) var(--indentation-00);margin-left:var(--default-indentation-input);color:var(--nmorph-error-text-color);line-height:var(--nmorph-typography-body-line-height);text-align:left;overflow-wrap:anywhere}.nmorph-error-box.nmorph-error-box--empty:not(.nmorph-error-box--static-height){display:none}

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

@@ -1,36 +1,30 @@
 import './NmorphErrorBox.css';
-import t from "./NmorphErrorBox.vue2.js";
-import { openBlock as r, createElementBlock as o, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as s, Fragment as a, renderList as c, toDisplayString as l } from "vue";
+import n from "./NmorphErrorBox.vue2.js";
+import { openBlock as o, createElementBlock as e, normalizeClass as m, createVNode as t, Transition as i, withCtx as c, toDisplayString as p, createCommentVNode as a } from "vue";
 /* empty css                    */
-import f from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-function _(d, u, h, e, x, b) {
-  return r(), o(
+import s from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+function f(l, _, h, r, d, u) {
+  return o(), e(
     "div",
     {
-      class: m(e.modifiers)
+      class: m(r.modifiers)
     },
     [
-      i(p, {
+      t(i, {
         name: "list",
-        tag: "div"
+        mode: "out-in"
       }, {
-        default: s(() => [
-          (r(!0), o(
-            a,
-            null,
-            c(e.currentError, (n) => (r(), o(
-              "p",
-              {
-                key: n,
-                class: "nmorph-error-box__error"
-              },
-              l(n),
-              1
-              /* TEXT */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
+        default: c(() => [
+          r.currentError ? (o(), e(
+            "p",
+            {
+              key: r.currentError,
+              class: "nmorph-error-box__error"
+            },
+            p(r.currentError),
+            1
+            /* TEXT */
+          )) : a("v-if", !0)
         ]),
         _: 1
         /* STABLE */
@@ -40,7 +34,7 @@ function _(d, u, h, e, x, b) {
     /* CLASS */
   );
 }
-const v = /* @__PURE__ */ f(t, [["render", _], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue"]]);
+const N = /* @__PURE__ */ s(n, [["render", f], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue"]]);
 export {
-  v as default
+  N as default
 };

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

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

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

@@ -1,23 +1,23 @@
 import './NmorphValidationIcon.css';
-import r from "./NmorphValidationIcon.vue2.js";
-import { openBlock as n, createElementBlock as t, normalizeClass as a, createBlock as e, withCtx as c, resolveDynamicComponent as m, createCommentVNode as l } from "vue";
+import i from "./NmorphValidationIcon.vue2.js";
+import { openBlock as n, createElementBlock as t, normalizeClass as m, createBlock as r, withCtx as a, resolveDynamicComponent as c, createCommentVNode as l } from "vue";
 /* empty css                          */
-import d from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-function p(s, f, i, o, h, _) {
+import p from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+function d(h, f, e, o, s, _) {
   return n(), t(
     "div",
     {
-      class: a(o.modifiers)
+      class: m(o.modifiers)
     },
     [
-      i.show ? (n(), e(o.NmorphIcon, {
+      e.show ? (n(), r(o.NmorphIcon, {
         key: 0,
         class: "nmorph-validation-icon__content",
         width: o.validateIconSize,
         height: o.validateIconSize
       }, {
-        default: c(() => [
-          (n(), e(m(o.validationIcon)))
+        default: a(() => [
+          (n(), r(c(o.validationIcon)))
         ]),
         _: 1
         /* STABLE */
@@ -27,7 +27,7 @@ function p(s, f, i, o, h, _) {
     /* CLASS */
   );
 }
-const C = /* @__PURE__ */ d(r, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue"]]);
+const x = /* @__PURE__ */ p(i, [["render", d], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue"]]);
 export {
-  C as default
+  x as default
 };

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

@@ -138,7 +138,7 @@ function I(N, g, a, n, v, x) {
     /* CLASS, STYLE */
   );
 }
-const C = /* @__PURE__ */ s(r, [["render", I], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-number-input/NmorphNumberInput.vue"]]);
+const C = /* @__PURE__ */ s(r, [["render", I], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/form/nmorph-number-input/NmorphNumberInput.vue"]]);
 export {
   C as default
 };