@nmorph/nmorph-ui-kit 2.2.41 → 2.2.42

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

@@ -1,112 +1,201 @@
 import './NmorphFileUpload.css';
-import p from "./NmorphFileUpload.vue2.js";
-import { openBlock as o, createElementBlock as r, normalizeClass as s, createElementVNode as l, renderSlot as _, createVNode as n, TransitionGroup as h, withCtx as t, Fragment as f, renderList as v, createBlock as a, createCommentVNode as m, resolveDynamicComponent as u, toDisplayString as g } from "vue";
-/* empty css                      */
-import b from "../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "nmorph-file-upload__trigger" }, y = ["id", "name", "autocomplete", "tabindex", "multiple", "disabled", "accept"], k = {
+import { defineComponent as Z, computed as F, inject as ee, ref as R, watch as te, onBeforeUnmount as oe, openBlock as d, createElementBlock as g, normalizeStyle as le, normalizeClass as ie, createElementVNode as f, unref as n, renderSlot as ae, createVNode as v, TransitionGroup as re, withCtx as I, Fragment as ne, renderList as se, createBlock as T, createCommentVNode as U, resolveDynamicComponent as de, toDisplayString as me } from "vue";
+import { useModifiers as ce } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as pe } from "../../../utils/common.js";
+import { getFileAcceptValue as ue, getFileTypeCandidates as A, isKnownFileType as h, isFileAllowedByTypes as fe, getFileExtension as ve } from "../../../utils/file-types.js";
+import { useI18n as he } from "vue-i18n";
+import { useFormItemInput as _e, useFormItemModel as ye } from "../nmorph-form/use-form-item-input.js";
+import B from "../../basic/nmorph-button/NmorphButton.vue.js";
+/* empty css                                          */
+import Fe from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
+/* empty css                                                      */
+import ge from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+/* empty css                                      */
+import xe from "../../../assets/icons/doc.svg.js";
+import be from "../../../assets/icons/audio.svg.js";
+import we from "../../../assets/icons/archive.svg.js";
+import { NmorphImageResolution as L, NmorphAudioResolution as Ce, NmorphVideoResolution as Ie, NmorphArchiveResolution as Ne } from "./types.js";
+import Ve from "../../../assets/icons/cross.svg.js";
+import ke from "../../../assets/icons/image.svg.js";
+import Re from "../../../assets/icons/video.svg.js";
+const Te = { class: "nmorph-file-upload__trigger" }, Ue = ["id", "name", "autocomplete", "tabindex", "multiple", "disabled", "accept"], Ae = {
   key: 0,
   class: "nmorph-file-upload__list"
-}, N = { class: "nmorph-file-upload__file-info" }, C = { class: "nmorph-file-upload__file-name" }, F = { class: "nmorph-file-upload__remove-file" };
-function B(d, I, w, e, D, S) {
-  return o(), r(
-    "div",
-    {
-      class: s(e.modifiers)
-    },
-    [
-      l("div", x, [
-        l("input", {
-          id: e.id,
-          ref: "inputDOMRef",
-          name: e.name,
-          autocomplete: e.autocomplete,
-          tabindex: e.tabindex,
+}, Be = { class: "nmorph-file-upload__file-info" }, Le = { class: "nmorph-file-upload__file-name" }, We = { class: "nmorph-file-upload__remove-file" }, tt = /* @__PURE__ */ Z({
+  __name: "NmorphFileUpload",
+  props: {
+    id: {},
+    name: {},
+    autocomplete: {},
+    tabindex: {},
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    allowedTypes: { default: () => [] },
+    photoWithPreview: { type: Boolean, default: !0 },
+    buttonText: { default: "" },
+    compact: { type: Boolean, default: !1 },
+    layout: { default: "list" },
+    fileNameWidth: { default: void 0 }
+  },
+  emits: ["update:model-value", "on-unsupported-file-type-error", "on-file-validation-error"],
+  setup(W, { expose: P, emit: S }) {
+    const { t: D } = he(), l = W, x = S, E = F(() => l.buttonText ? l.buttonText : D("selectFile")), { id: _, name: M, autocomplete: $, tabindex: O } = _e(l), { modelValue: N, updateModelValue: j } = ye(
+      l,
+      (e) => x("update:model-value", e),
+      []
+    ), b = ee("form-data", void 0), z = (e) => {
+      const t = A(e);
+      return e.type.toLowerCase().startsWith("image/") || t.some((o) => h(o, L));
+    }, G = F(() => ue(l.allowedTypes)), K = (e) => {
+      const t = A(e);
+      let o = xe;
+      return (e.type.toLowerCase().startsWith("image/") || t.some((i) => h(i, L))) && (o = ke), (e.type.toLowerCase().startsWith("audio/") || t.some((i) => h(i, Ce))) && (o = be), (e.type.toLowerCase().startsWith("video/") || t.some((i) => h(i, Ie))) && (o = Re), t.some((i) => h(i, Ne)) && (o = we), o;
+    }, m = R(null), r = R([...N.value]), c = /* @__PURE__ */ new Set(), w = () => {
+      const e = m.value;
+      e && (e.value = "");
+    }, C = (e) => {
+      c.has(e) && (URL.revokeObjectURL(e), c.delete(e));
+    }, V = (e) => {
+      const t = new Set(e.map((o) => o.previewUrl));
+      Array.from(c).forEach((o) => {
+        t.has(o) || C(o);
+      });
+    }, k = (e) => {
+      const t = [...e];
+      r.value = t, j(t);
+    }, q = (e) => {
+      const t = b?.validateField(_.value, e);
+      return {
+        valid: t?.valid.value ?? !0,
+        errors: t?.errors.value ?? []
+      };
+    }, H = () => {
+      l.disabled || !m.value || m.value.click();
+    }, J = (e) => {
+      if (l.disabled) return;
+      const t = e.target, o = Array.from(t.files || []), i = l.multiple ? o : o.slice(0, 1), s = [];
+      if (i.forEach((a) => {
+        if (!fe(a, l.allowedTypes)) {
+          x("on-unsupported-file-type-error", a.type || ve(a.name) || a.name);
+          return;
+        }
+        const p = l.multiple ? [...r.value.map((y) => y.data), ...s, a] : [a], u = q(p);
+        if (!u.valid) {
+          x("on-file-validation-error", { file: a, errors: u.errors });
+          return;
+        }
+        s.push(a);
+      }), w(), s.length > 0) {
+        const a = s.map((u) => {
+          const y = URL.createObjectURL(u);
+          return c.add(y), { data: u, previewUrl: y };
+        }), p = l.multiple ? [...r.value, ...a] : a;
+        V(p), k(p), b?.validateField(_.value, p);
+      }
+    }, Q = (e) => {
+      if (l.disabled) return;
+      const t = r.value.findIndex((o) => o.data.name === e);
+      if (t !== -1) {
+        const o = r.value[t];
+        C(o.previewUrl), w();
+        const i = r.value.filter((s, a) => a !== t);
+        k(i), b?.validateField(_.value, i);
+      }
+    };
+    te(
+      N,
+      (e) => {
+        const t = [...e];
+        V(t), r.value = t, t.length === 0 && w();
+      },
+      { deep: !0 }
+    ), oe(() => {
+      Array.from(c).forEach((e) => C(e));
+    }), P({ inputDOMRef: m });
+    const X = F(
+      () => ce({
+        "nmorph-file-upload": [l.disabled && "disabled", l.compact && "compact", `layout-${l.layout}`]
+      })
+    ), Y = F(
+      () => pe({
+        "--nmorph-file-upload-name-width": l.fileNameWidth
+      })
+    );
+    return (e, t) => (d(), g("div", {
+      class: ie(X.value),
+      style: le(Y.value)
+    }, [
+      f("div", Te, [
+        f("input", {
+          id: n(_),
+          ref_key: "inputDOMRef",
+          ref: m,
+          name: n(M),
+          autocomplete: n($),
+          tabindex: n(O),
           type: "file",
-          multiple: e.props.multiple,
-          disabled: e.props.disabled,
-          accept: e.inputAccept,
+          multiple: l.multiple,
+          disabled: l.disabled,
+          accept: G.value,
           class: "nmorph-native-input",
-          onChange: e.handleFileUpload
-        }, null, 40, y),
-        _(d.$slots, "trigger", {}, () => [
-          n(e.NmorphButton, {
-            text: e.computedButtonText,
+          onChange: J
+        }, null, 40, Ue),
+        ae(e.$slots, "trigger", {}, () => [
+          v(n(B), {
+            text: E.value,
             fill: "",
-            disabled: e.props.disabled,
-            onClick: e.openFileSelector
+            disabled: l.disabled,
+            onClick: H
           }, null, 8, ["text", "disabled"])
         ])
       ]),
-      e.files.length > 0 ? (o(), r("div", k, [
-        n(h, {
+      r.value.length > 0 ? (d(), g("div", Ae, [
+        v(re, {
           name: "list",
           tag: "div"
         }, {
-          default: t(() => [
-            (o(!0), r(
-              f,
-              null,
-              v(e.files, ({ data: i, previewUrl: c }) => (o(), r("div", {
-                key: i.name,
-                class: "nmorph-file-upload__file"
-              }, [
-                e.props.photoWithPreview && e.isImageFile(i) ? (o(), a(e.NmorphImagePreview, {
-                  key: 0,
-                  src: c
-                }, null, 8, ["src"])) : m("v-if", !0),
-                l("div", N, [
-                  n(
-                    e.NmorphIcon,
-                    {
-                      width: "14px",
-                      height: "17px"
-                    },
-                    {
-                      default: t(() => [
-                        (o(), a(u(e.typeFileIconMap(i))))
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    },
-                    1024
-                    /* DYNAMIC_SLOTS */
-                  ),
-                  l(
-                    "span",
-                    C,
-                    g(i.name),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                l("div", F, [
-                  n(e.NmorphButton, {
-                    height: "thin",
-                    "style-type": "transparent",
-                    onClick: (U) => e.removeFile(i.name)
-                  }, {
-                    "icon-only": t(() => [
-                      n(e.NmorphIconCross)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["onClick"])
-                ])
-              ]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
+          default: I(() => [
+            (d(!0), g(ne, null, se(r.value, ({ data: o, previewUrl: i }) => (d(), g("div", {
+              key: o.name,
+              class: "nmorph-file-upload__file"
+            }, [
+              l.photoWithPreview && z(o) ? (d(), T(n(Fe), {
+                key: 0,
+                src: i
+              }, null, 8, ["src"])) : U("", !0),
+              f("div", Be, [
+                v(n(ge), {
+                  width: "14px",
+                  height: "17px"
+                }, {
+                  default: I(() => [
+                    (d(), T(de(K(o))))
+                  ]),
+                  _: 2
+                }, 1024),
+                f("span", Le, me(o.name), 1)
+              ]),
+              f("div", We, [
+                v(n(B), {
+                  height: "thin",
+                  "style-type": "transparent",
+                  onClick: (s) => Q(o.name)
+                }, {
+                  "icon-only": I(() => [
+                    v(n(Ve))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ])
+            ]))), 128))
           ]),
           _: 1
-          /* STABLE */
         })
-      ])) : m("v-if", !0)
-    ],
-    2
-    /* CLASS */
-  );
-}
-const T = /* @__PURE__ */ b(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-file-upload/NmorphFileUpload.vue"]]);
+      ])) : U("", !0)
+    ], 6));
+  }
+});
 export {
-  T as default
+  tt as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphFileUpload.css';
+import o from "./NmorphFileUpload.vue.js";
+/* empty css                      */
+export {
+  o as default
+};

package/dist/components/form/nmorph-file-upload/types.js

@@ -1,16 +1,26 @@
-var p = /* @__PURE__ */ ((a) => (a.jpeg = "image/jpeg", a.jpg = "image/jpg", a.png = "image/png", a.gif = "image/gif", a["svg-xml"] = "image/svg+xml", a.webp = "image/webp", a))(p || {}), e = /* @__PURE__ */ ((a) => (a.mp4 = "video/mp4", a.webm = "video/webm", a["wideo-ogg"] = "video/ogg", a))(e || {}), g = /* @__PURE__ */ ((a) => (a.mpeg = "audio/mpeg", a["audio-ogg"] = "audio/ogg", a.wav = "audio/wav", a))(g || {}), i = /* @__PURE__ */ ((a) => (a.pdf = "application/pdf", a.msword = "application/msword", a.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", a.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", a.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", a.json = "application/json", a.xml = "application/xml", a))(i || {}), d = /* @__PURE__ */ ((a) => (a.zip = "application/zip", a.rar = "application/x-rar-compressed", a["7z"] = "application/x-7z-compressed", a))(d || {});
+var p = /* @__PURE__ */ ((a) => (a.jpeg = "image/jpeg", a.jpg = "image/jpg", a.png = "image/png", a.gif = "image/gif", a["svg-xml"] = "image/svg+xml", a.webp = "image/webp", a))(p || {});
+const d = {
+  mp4: "video/mp4",
+  webm: "video/webm",
+  "video-ogg": "video/ogg",
+  /**
+   * @deprecated Use `video-ogg` instead.
+   */
+  "wideo-ogg": "video/ogg"
+};
+var e = /* @__PURE__ */ ((a) => (a.mpeg = "audio/mpeg", a["audio-ogg"] = "audio/ogg", a.wav = "audio/wav", a))(e || {}), i = /* @__PURE__ */ ((a) => (a.pdf = "application/pdf", a.msword = "application/msword", a.docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", a.xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", a.pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation", a.json = "application/json", a.xml = "application/xml", a))(i || {}), g = /* @__PURE__ */ ((a) => (a.zip = "application/zip", a.rar = "application/x-rar-compressed", a["7z"] = "application/x-7z-compressed", a))(g || {});
 const n = {
   ...p,
+  ...d,
   ...e,
-  ...g,
   ...i,
-  ...d
+  ...g
 };
 export {
-  d as NmorphArchiveResolution,
-  g as NmorphAudioResolution,
+  g as NmorphArchiveResolution,
+  e as NmorphAudioResolution,
   i as NmorphDocResolution,
   p as NmorphImageResolution,
-  e as NmorphVideoResolution,
+  d as NmorphVideoResolution,
   n as resolution
 };

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

@@ -1,23 +1,27 @@
-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(
-    "form",
-    {
-      class: n(r.modifiers)
-    },
-    [
-      s("div", l, [
-        c(o.$slots, "default")
+import { defineComponent as s, computed as l, provide as n, openBlock as i, createElementBlock as d, normalizeClass as p, createElementVNode as f, renderSlot as c } from "vue";
+import { useModifiers as u } from "../../../utils/create-modifiers.js";
+import { useFormValidation as _ } from "../../../hooks/use-form-validation.js";
+const v = { class: "nmorph-form__content" }, k = /* @__PURE__ */ s({
+  __name: "NmorphForm",
+  props: {
+    value: {},
+    validateImmediately: { type: Boolean, default: !1 }
+  },
+  setup(t, { expose: a }) {
+    const e = t, r = l(
+      () => u({
+        "nmorph-form": []
+      })
+    ), o = _(e.value, e.validateImmediately);
+    return a({ formData: o }), n("form-data", o), (m, h) => (i(), d("form", {
+      class: p(r.value)
+    }, [
+      f("div", v, [
+        c(m.$slots, "default")
       ])
-    ],
-    2
-    /* CLASS */
-  );
-}
-const k = /* @__PURE__ */ f(e, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/NmorphForm.vue"]]);
+    ], 2));
+  }
+});
 export {
   k as default
 };

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

@@ -1,23 +1,4 @@
-import { defineComponent as i, computed as p, provide as n } from "vue";
-import { useModifiers as s } from "../../../utils/create-modifiers.js";
-import { useFormValidation as d } from "../../../hooks/use-form-validation.js";
-const _ = /* @__PURE__ */ i({
-  __name: "NmorphForm",
-  props: {
-    value: { type: null, required: !0 },
-    validateImmediately: { type: Boolean, required: !1, default: !1 }
-  },
-  setup(t, { expose: a }) {
-    const e = t, m = p(
-      () => s({
-        "nmorph-form": []
-      })
-    ), o = d(e.value, e.validateImmediately);
-    a({ formData: o }), n("form-data", o);
-    const r = { props: e, modifiers: m, formValidationData: o };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
-  }
-});
+import f from "./NmorphForm.vue.js";
 export {
-  _ as default
+  f as default
 };

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

@@ -1,39 +1,71 @@
 import './NmorphFormItem.css';
-import n from "./NmorphFormItem.vue2.js";
-import { openBlock as r, createElementBlock as e, normalizeClass as l, toDisplayString as m, createCommentVNode as t, createElementVNode as c, renderSlot as s, 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, N, a, o, g, k) {
-  return r(), e(
-    "div",
-    {
-      class: l(o.modifiers)
-    },
-    [
-      o.props.label ? (r(), e("label", {
+import { defineComponent as b, inject as g, computed as o, unref as l, provide as w, toRef as I, openBlock as r, createElementBlock as u, normalizeClass as y, toDisplayString as S, createCommentVNode as c, createElementVNode as k, renderSlot as D, createBlock as E, createVNode as F } from "vue";
+import { useModifiers as N } from "../../../../../utils/create-modifiers.js";
+import x from "./inner-components/nmorph-error-box/NmorphErrorBox.vue.js";
+/* empty css                                                      */
+import C from "./inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.js";
+/* empty css                                                                  */
+import { nmorphFormItemInputDataKey as T } from "../../use-form-item-input.js";
+const $ = ["for"], M = { class: "nmorph-form-item__content" }, J = /* @__PURE__ */ b({
+  __name: "NmorphFormItem",
+  props: {
+    id: {},
+    name: { default: "" },
+    autocomplete: { default: "" },
+    height: { default: "basic" },
+    label: { default: "" },
+    showValidationIcon: { type: Boolean, default: !0 },
+    staticErrorBoxSpace: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    const e = d, i = g("form-data"), a = o(() => i?.fields[e.id]), n = o(() => i?.formValue[e.id]), m = o(() => n.value?.value), f = o(() => n.value?.rules || []), v = o(() => l(a.value?.errors) || []), h = o(() => l(a.value?.valid) ?? !0), p = o(() => l(a.value?.touched) ?? !1), s = o(() => a.value), V = o(
+      () => !!s.value && !!a?.value?.touched && e.showValidationIcon
+    ), _ = o(() => s.value && a.value?.touched);
+    w(T, {
+      id: I(e, "id"),
+      name: o(() => e.name || e.id),
+      autocomplete: o(() => e.autocomplete || void 0),
+      value: m,
+      rules: f,
+      errors: v,
+      valid: h,
+      touched: p,
+      updateValue: (t) => i?.updateFieldValue(e.id, t),
+      validate: (t) => {
+        i?.validateField(e.id, t);
+      }
+    });
+    const B = o(
+      () => N({
+        "nmorph-form-item": [
+          e.label && "labeled",
+          _.value && (a.value?.valid ? "valid" : "invalid")
+        ]
+      })
+    );
+    return (t, R) => (r(), u("div", {
+      class: y(B.value)
+    }, [
+      e.label ? (r(), u("label", {
         key: 0,
-        for: o.props.id
-      }, m(o.props.label), 9, f)) : t("v-if", !0),
-      c("div", _, [
-        s(i.$slots, "default"),
-        o.props.showValidationIcon ? (r(), h(o.NmorphValidationIcon, {
+        for: e.id
+      }, S(e.label), 9, $)) : c("", !0),
+      k("div", M, [
+        D(t.$slots, "default"),
+        e.showValidationIcon ? (r(), E(l(C), {
           key: 0,
-          valid: !!o.validationData?.valid,
-          show: o.showStatusIcon
-        }, null, 8, ["valid", "show"])) : t("v-if", !0)
+          valid: !!a.value?.valid,
+          show: V.value
+        }, null, 8, ["valid", "show"])) : c("", !0)
       ]),
-      d(o.NmorphErrorBox, {
-        errors: o.validationData?.errors,
-        height: o.props.height,
-        "static-height": a.staticErrorBoxSpace
+      F(l(x), {
+        errors: a.value?.errors,
+        height: e.height,
+        "static-height": d.staticErrorBoxSpace
       }, null, 8, ["errors", "height", "static-height"])
-    ],
-    2
-    /* CLASS */
-  );
-}
-const w = /* @__PURE__ */ p(n, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue"]]);
+    ], 2));
+  }
+});
 export {
-  w as default
+  J as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphFormItem.css';
+import o from "./NmorphFormItem.vue.js";
+/* empty css                    */
+export {
+  o as default
+};

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

@@ -1,46 +1,42 @@
 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";
-/* empty css                    */
-import f from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-function _(d, u, h, e, x, b) {
-  return r(), o(
-    "div",
-    {
-      class: m(e.modifiers)
-    },
-    [
-      i(p, {
+import { defineComponent as p, computed as s, openBlock as t, createElementBlock as o, normalizeClass as m, createVNode as c, TransitionGroup as u, withCtx as h, Fragment as d, renderList as f, toDisplayString as g } from "vue";
+import { useModifiers as _ } from "../../../../../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as v } from "../../../../../../../types/common.types.js";
+const b = /* @__PURE__ */ p({
+  __name: "NmorphErrorBox",
+  props: {
+    height: { default: "basic" },
+    errors: { default: () => [] },
+    staticHeight: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const r = i, n = s(() => {
+      const e = Array.isArray(r.errors) ? r.errors : r.errors.value;
+      return e.length ? [e[e.length - 1]] : [];
+    }), l = s(
+      () => _({
+        nmorph: [v[r.height]],
+        "nmorph-error-box": [r.staticHeight && "static-height", n.value.length === 0 && "empty"]
+      })
+    );
+    return (e, x) => (t(), o("div", {
+      class: m(l.value)
+    }, [
+      c(u, {
         name: "list",
         tag: "div"
       }, {
-        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: h(() => [
+          (t(!0), o(d, null, f(n.value, (a) => (t(), o("p", {
+            key: a,
+            class: "nmorph-error-box__error"
+          }, g(a), 1))), 128))
         ]),
         _: 1
-        /* STABLE */
       })
-    ],
-    2
-    /* 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"]]);
+    ], 2));
+  }
+});
 export {
-  v as default
+  b as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphErrorBox.css';
+import o from "./NmorphErrorBox.vue.js";
+/* empty css                    */
+export {
+  o as default
+};