@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

package/dist/components/data/nmorph-file-card/NmorphFileCard.vue.js

@@ -1,194 +1,228 @@
 import './NmorphFileCard.css';
-import { defineComponent as V, useSlots as W, computed as a, openBlock as r, createElementBlock as n, normalizeClass as K, createElementVNode as f, createVNode as t, unref as i, withCtx as c, createBlock as b, resolveDynamicComponent as j, createCommentVNode as l, toDisplayString as h, renderSlot as G } from "vue";
-import { useModifiers as U } from "../../../utils/create-modifiers.js";
-import { getFileExtension as q, getPlainFileType as J, getTypeCandidates as Q, isKnownFileType as m } from "../../../utils/file-types.js";
-import { NmorphImageResolution as X, NmorphAudioResolution as Y, NmorphVideoResolution as Z, NmorphArchiveResolution as ee, NmorphDocResolution as oe } from "../../form/nmorph-file-upload/types.js";
-import ae from "../nmorph-audio-preview/NmorphAudioPreview.vue.js";
-/* empty css                                              */
-import re from "../nmorph-video-preview/NmorphVideoPreview.vue.js";
-/* empty css                                              */
-import ne from "../../../assets/icons/image.svg.js";
-import te from "../../../assets/icons/archive.svg.js";
-import A from "../../../assets/icons/doc.svg.js";
-import d from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import ie from "../../../assets/icons/audio.svg.js";
-import le from "../../../assets/icons/video.svg.js";
-import se from "../../../assets/icons/eye.svg.js";
-import ce from "../../../assets/icons/loading.svg.js";
-import me from "../../../assets/icons/open.svg.js";
-import de from "../../../assets/icons/download.svg.js";
-const pe = { class: "nmorph-file-card__icon" }, ue = ["href", "aria-label"], fe = { class: "nmorph-file-card__body" }, he = { class: "nmorph-file-card__info" }, ve = { class: "nmorph-file-card__name" }, _e = {
+import h from "./NmorphFileCard.vue2.js";
+import { openBlock as r, createElementBlock as o, Fragment as m, createElementVNode as l, normalizeClass as p, createVNode as i, withCtx as n, createBlock as c, resolveDynamicComponent as v, createCommentVNode as a, toDisplayString as d, renderSlot as t } from "vue";
+/* empty css                    */
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  key: 0,
+  class: "nmorph-file-card__icon"
+}, k = ["href", "aria-label"], y = { class: "nmorph-file-card__body" }, g = ["title"], N = { class: "nmorph-file-card__name" }, P = {
   key: 0,
   class: "nmorph-file-card__error"
-}, we = {
+}, I = {
   key: 1,
   class: "nmorph-file-card__meta"
-}, ye = {
-  key: 0,
-  class: "nmorph-file-card__badge"
-}, ge = {
+}, C = ["title", "aria-label"], H = ["src", "alt"], A = {
   key: 1,
+  class: "nmorph-file-card__visual-size"
+}, O = {
+  key: 2,
+  class: "nmorph-file-card__badge"
+}, S = {
+  key: 3,
   class: "nmorph-file-card__actions"
-}, Ne = ["aria-label"], Be = ["href", "aria-label"], be = ["href", "download", "aria-label"], ke = "var(--nmorph-contrast-text-color)", Ke = /* @__PURE__ */ V({
-  __name: "NmorphFileCard",
-  props: {
-    name: {},
-    extension: { default: "" },
-    mimeType: { default: "" },
-    size: { default: void 0 },
-    previewSrc: { default: "" },
-    downloadHref: { default: "" },
-    mediaPreview: { default: "none" },
-    surface: { default: "card" },
-    showExtensionBadge: { type: Boolean, default: !0 },
-    iconSurface: { type: Boolean, default: !0 },
-    compact: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    error: { type: Boolean, default: !1 },
-    errorText: { default: "" },
-    showDefaultActions: { type: Boolean, default: !0 }
-  },
-  emits: ["open", "download", "error"],
-  setup(P, { emit: H }) {
-    const e = P, v = H, $ = W(), p = a(() => (e.extension || q(e.name) || J(e.mimeType)).toLowerCase()), s = a(() => Q(e.mimeType, e.name)), D = a(() => e.mimeType.toLowerCase().startsWith("image/") || s.value.some((o) => m(o, X)) ? ne : e.mimeType.toLowerCase().startsWith("audio/") || s.value.some((o) => m(o, Y)) ? ie : e.mimeType.toLowerCase().startsWith("video/") || s.value.some((o) => m(o, Z)) ? le : s.value.some((o) => m(o, ee)) ? te : s.value.some((o) => m(o, oe)) ? A : A), E = (o) => {
-      if (o === void 0 || Number.isNaN(o) || o < 0) return "";
-      if (o === 0) return "0 B";
-      const g = ["B", "KB", "MB", "GB", "TB"], N = Math.min(Math.floor(Math.log(o) / Math.log(1024)), g.length - 1), B = o / 1024 ** N, F = B >= 10 || N === 0 || Number.isInteger(B) ? 0 : 1;
-      return `${B.toFixed(F)} ${g[N]}`;
-    }, L = a(() => E(e.size)), O = a(() => p.value || e.mimeType), k = a(() => [O.value, L.value].filter(Boolean).join(" · ")), _ = a(() => e.mediaPreview === "audio" && !!e.previewSrc && !e.loading && !e.error), w = a(() => e.mediaPreview === "video" && !!e.previewSrc && !e.loading && !e.error), u = a(() => _.value || w.value), R = a(() => e.compact ? "96px" : "120px"), C = a(() => e.mimeType.toLowerCase() === "application/pdf" || p.value === "pdf"), S = a(() => C.value ? e.previewSrc || e.downloadHref : ""), y = a(
-      () => e.showDefaultActions && !!S.value && !u.value && C.value
-    ), T = a(
-      () => !!$.actions || e.showDefaultActions && (e.loading || e.previewSrc && !u.value && !y.value || e.downloadHref)
-    ), M = a(
-      () => U({
-        "nmorph-file-card": [
-          e.surface,
-          e.compact && "compact",
-          e.loading && "loading",
-          e.error && "error",
-          u.value && "media",
-          _.value && "media-audio",
-          w.value && "media-video",
-          !e.iconSurface && "icon-plain",
-          !T.value && "no-actions"
-        ]
-      })
-    ), x = () => v("open"), z = () => v("download"), I = () => v("error");
-    return (o, g) => (r(), n("div", {
-      class: K(M.value)
-    }, [
-      f("div", pe, [
-        t(i(d), { size: "medium" }, {
-          default: c(() => [
-            (r(), b(j(D.value)))
-          ]),
-          _: 1
-        }),
-        y.value && !e.loading && !e.error ? (r(), n("a", {
-          key: 0,
-          href: S.value,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          class: "nmorph-file-card__icon-action",
-          "aria-label": `Preview ${e.name}`,
-          onClick: x
-        }, [
-          t(i(d), {
-            size: "small",
-            color: ke
-          }, {
-            default: c(() => [
-              t(i(se))
-            ]),
-            _: 1
-          })
-        ], 8, ue)) : l("", !0)
-      ]),
-      f("div", fe, [
-        f("div", he, [
-          f("span", ve, h(e.name), 1),
-          e.error && e.errorText ? (r(), n("span", _e, h(e.errorText), 1)) : k.value ? (r(), n("span", we, h(k.value), 1)) : l("", !0)
-        ]),
-        _.value ? (r(), b(ae, {
-          key: 0,
-          class: "nmorph-file-card__audio-preview",
-          src: e.previewSrc,
-          name: e.name,
-          surface: "plain",
-          embedded: "",
-          compact: "",
-          "show-icon": !1,
-          "show-header": !1,
-          "show-default-actions": !1,
-          onError: I
-        }, null, 8, ["src", "name"])) : l("", !0),
-        w.value ? (r(), b(re, {
-          key: 1,
-          class: "nmorph-file-card__video-preview",
-          src: e.previewSrc,
-          name: e.name,
-          height: R.value,
-          surface: "plain",
-          embedded: "",
-          compact: "",
-          controls: !1,
-          "show-meta": !1,
-          "show-default-actions": !1,
-          onError: I
-        }, null, 8, ["src", "name", "height"])) : l("", !0)
-      ]),
-      e.showExtensionBadge && p.value ? (r(), n("span", ye, h(p.value), 1)) : l("", !0),
-      T.value ? (r(), n("div", ge, [
-        G(o.$slots, "actions", {}, () => [
-          e.loading ? (r(), n("span", {
-            key: 0,
-            class: "nmorph-file-card__action-loader",
-            role: "status",
-            "aria-label": `Uploading ${e.name}`
-          }, [
-            t(i(d), { size: "small" }, {
-              default: c(() => [
-                t(i(ce))
+}, z = ["aria-label"], x = ["href", "aria-label"], V = ["href", "download", "aria-label"];
+function E(_, s, M, e, D, B) {
+  return r(), o(
+    m,
+    null,
+    [
+      l(
+        "div",
+        {
+          class: p(e.modifiers)
+        },
+        [
+          e.visualMediaPreviewAvailable ? a("v-if", !0) : (r(), o("div", b, [
+            i(e.NmorphIcon, { size: "medium" }, {
+              default: n(() => [
+                (r(), c(v(e.icon)))
               ]),
               _: 1
-            })
-          ], 8, Ne)) : e.previewSrc && !u.value && !y.value ? (r(), n("a", {
-            key: 1,
-            href: e.previewSrc,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "nmorph-file-card__action-link",
-            "aria-label": `Open ${e.name}`,
-            onClick: x
-          }, [
-            t(i(d), { size: "small" }, {
-              default: c(() => [
-                t(i(me))
-              ]),
-              _: 1
-            })
-          ], 8, Be)) : l("", !0),
-          !e.loading && e.downloadHref ? (r(), n("a", {
-            key: 2,
-            href: e.downloadHref,
-            download: e.name,
-            class: "nmorph-file-card__action-link",
-            "aria-label": `Download ${e.name}`,
-            onClick: z
-          }, [
-            t(i(d), { size: "small" }, {
-              default: c(() => [
-                t(i(de))
-              ]),
-              _: 1
-            })
-          ], 8, be)) : l("", !0)
-        ])
-      ])) : l("", !0)
-    ], 2));
-  }
-});
+              /* STABLE */
+            }),
+            e.previewOnIcon && !e.props.loading && !e.props.error ? (r(), o("a", {
+              key: 0,
+              href: e.pdfPreviewHref,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "nmorph-file-card__icon-action",
+              "aria-label": `Preview ${e.props.name}`,
+              onClick: e.openHandler
+            }, [
+              i(e.NmorphIcon, {
+                size: "small",
+                color: e.CONTRAST_ICON_COLOR
+              }, {
+                default: n(() => [
+                  i(e.NmorphIconEye)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ], 8, k)) : a("v-if", !0)
+          ])),
+          l("div", y, [
+            l("div", {
+              class: "nmorph-file-card__info",
+              title: e.props.name
+            }, [
+              l(
+                "span",
+                N,
+                d(e.props.name),
+                1
+                /* TEXT */
+              ),
+              e.visualMediaPreviewAvailable ? a("v-if", !0) : (r(), o(
+                m,
+                { key: 0 },
+                [
+                  e.props.error && e.props.errorText ? (r(), o(
+                    "span",
+                    P,
+                    d(e.props.errorText),
+                    1
+                    /* TEXT */
+                  )) : e.meta ? (r(), o(
+                    "span",
+                    I,
+                    d(e.meta),
+                    1
+                    /* TEXT */
+                  )) : a("v-if", !0)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ], 8, g),
+            e.audioPreviewAvailable ? (r(), c(e.NmorphAudioPreview, {
+              key: 0,
+              class: "nmorph-file-card__audio-preview",
+              src: e.props.previewSrc,
+              name: e.props.name,
+              surface: "plain",
+              embedded: "",
+              compact: "",
+              "show-icon": !1,
+              "show-header": !1,
+              "show-default-actions": !1,
+              onError: e.errorHandler
+            }, null, 8, ["src", "name"])) : a("v-if", !0),
+            e.videoPreviewAvailable ? (r(), c(e.NmorphVideoPreview, {
+              key: 1,
+              class: "nmorph-file-card__video-preview",
+              src: e.props.previewSrc,
+              name: e.props.name,
+              height: e.videoPreviewHeight,
+              surface: "plain",
+              embedded: "",
+              compact: "",
+              controls: !1,
+              "show-meta": !1,
+              "show-default-actions": !1,
+              "show-preview-action": e.props.previewMode !== "none",
+              "preview-mode": "emit",
+              onError: e.errorHandler,
+              onPreview: e.openHandler
+            }, null, 8, ["src", "name", "height", "show-preview-action"])) : a("v-if", !0),
+            e.imagePreviewAvailable ? (r(), o("button", {
+              key: 2,
+              class: "nmorph-file-card__image-preview",
+              type: "button",
+              title: e.props.name,
+              "aria-label": `Preview ${e.props.name}`,
+              onClick: e.openHandler
+            }, [
+              l("img", {
+                class: "nmorph-file-card__image",
+                src: e.props.previewSrc,
+                alt: e.props.name
+              }, null, 8, H)
+            ], 8, C)) : a("v-if", !0)
+          ]),
+          e.visualMediaPreviewAvailable && e.fileSize ? (r(), o(
+            "span",
+            A,
+            d(e.fileSize),
+            1
+            /* TEXT */
+          )) : a("v-if", !0),
+          e.props.showExtensionBadge && e.extension && !e.visualMediaPreviewAvailable ? (r(), o(
+            "span",
+            O,
+            d(e.extension),
+            1
+            /* TEXT */
+          )) : a("v-if", !0),
+          e.hasActions ? (r(), o("div", S, [
+            t(_.$slots, "actions", {}, () => [
+              e.props.loading ? (r(), o("span", {
+                key: 0,
+                class: "nmorph-file-card__action-loader",
+                role: "status",
+                "aria-label": `Uploading ${e.props.name}`
+              }, [
+                i(e.NmorphIcon, { size: "small" }, {
+                  default: n(() => [
+                    i(e.NmorphIconLoader)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, z)) : e.props.previewSrc && !e.mediaPreviewAvailable && !e.previewOnIcon ? (r(), o("a", {
+                key: 1,
+                href: e.props.previewSrc,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "nmorph-file-card__action-link",
+                "aria-label": `Open ${e.props.name}`,
+                onClick: e.openHandler
+              }, [
+                i(e.NmorphIcon, { size: "small" }, {
+                  default: n(() => [
+                    i(e.NmorphIconOpen)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, x)) : a("v-if", !0),
+              !e.props.loading && e.props.downloadHref ? (r(), o("a", {
+                key: 2,
+                href: e.props.downloadHref,
+                download: e.props.name,
+                class: "nmorph-file-card__action-link",
+                "aria-label": `Download ${e.props.name}`,
+                onClick: e.downloadHandler
+              }, [
+                i(e.NmorphIcon, { size: "small" }, {
+                  default: n(() => [
+                    i(e.NmorphIconDownload)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, V)) : a("v-if", !0)
+            ])
+          ])) : a("v-if", !0)
+        ],
+        2
+        /* CLASS */
+      ),
+      e.mediaGalleryItems.length > 0 ? (r(), c(e.NmorphMediaGallery, {
+        key: 0,
+        modelValue: e.previewOpen,
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => e.previewOpen = f),
+        items: e.mediaGalleryItems,
+        "show-navigation-buttons": !1,
+        onDownload: e.downloadHandler
+      }, null, 8, ["modelValue", "items"])) : a("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const R = /* @__PURE__ */ w(h, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-file-card/NmorphFileCard.vue"]]);
 export {
-  Ke as default
+  R as default
 };

package/dist/components/data/nmorph-file-card/NmorphFileCard.vue2.js

@@ -0,0 +1,109 @@
+import './NmorphFileCard.css';
+import { defineComponent as D, useSlots as R, ref as F, computed as r } from "vue";
+import { useModifiers as E } from "../../../utils/create-modifiers.js";
+import { getFileExtension as z, getPlainFileType as G, getTypeCandidates as V, isKnownFileType as n } from "../../../utils/file-types.js";
+import { NmorphImageResolution as W, NmorphAudioResolution as j, NmorphVideoResolution as k, NmorphArchiveResolution as K, NmorphDocResolution as $ } from "../../form/nmorph-file-upload/types.js";
+import J from "../nmorph-audio-preview/NmorphAudioPreview.vue.js";
+import Q from "../nmorph-media-gallery/NmorphMediaGallery.vue.js";
+import U from "../nmorph-video-preview/NmorphVideoPreview.vue.js";
+import X from "../../../assets/icons/image.svg.js";
+import Y from "../../../assets/icons/archive.svg.js";
+import H from "../../../assets/icons/doc.svg.js";
+import Z from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import ee from "../../../assets/icons/audio.svg.js";
+import re from "../../../assets/icons/video.svg.js";
+import oe from "../../../assets/icons/open.svg.js";
+import te from "../../../assets/icons/loading.svg.js";
+import ae from "../../../assets/icons/eye.svg.js";
+import ie from "../../../assets/icons/download.svg.js";
+const ne = "var(--nmorph-contrast-text-color)", He = /* @__PURE__ */ D({
+  __name: "NmorphFileCard",
+  props: {
+    name: { type: String, required: !0 },
+    extension: { type: String, required: !1, default: "" },
+    mimeType: { type: String, required: !1, default: "" },
+    size: { type: Number, required: !1, default: void 0 },
+    previewSrc: { type: String, required: !1, default: "" },
+    downloadHref: { type: String, required: !1, default: "" },
+    mediaPreview: { type: String, required: !1, default: "none" },
+    previewMode: { type: String, required: !1, default: "internal" },
+    surface: { type: String, required: !1, default: "card" },
+    showExtensionBadge: { type: Boolean, required: !1, default: !0 },
+    iconSurface: { type: Boolean, required: !1, default: !0 },
+    compact: { type: Boolean, required: !1, default: !1 },
+    loading: { type: Boolean, required: !1, default: !1 },
+    error: { type: Boolean, required: !1, default: !1 },
+    errorText: { type: String, required: !1, default: "" },
+    showDefaultActions: { type: Boolean, required: !1, default: !0 }
+  },
+  emits: ["open", "download", "error"],
+  setup(T, { expose: x, emit: _ }) {
+    x();
+    const e = T, l = _, f = R(), v = F(!1), u = r(() => (e.extension || z(e.name) || G(e.mimeType)).toLowerCase()), t = r(() => V(e.mimeType, e.name)), b = r(() => e.mimeType.toLowerCase().startsWith("image/") || t.value.some((o) => n(o, W)) ? X : e.mimeType.toLowerCase().startsWith("audio/") || t.value.some((o) => n(o, j)) ? ee : e.mimeType.toLowerCase().startsWith("video/") || t.value.some((o) => n(o, k)) ? re : t.value.some((o) => n(o, K)) ? Y : t.value.some((o) => n(o, $)) ? H : H), w = (o) => {
+      if (o === void 0 || Number.isNaN(o) || o < 0) return "";
+      if (o === 0) return "0 B";
+      const A = ["B", "KB", "MB", "GB", "TB"], p = Math.min(Math.floor(Math.log(o) / Math.log(1024)), A.length - 1), c = o / 1024 ** p, L = c >= 10 || p === 0 || Number.isInteger(c) ? 0 : 1;
+      return `${c.toFixed(L)} ${A[p]}`;
+    }, h = r(() => w(e.size)), g = r(() => u.value || e.mimeType), C = r(() => [g.value, h.value].filter(Boolean).join(" · ")), m = r(() => e.mediaPreview === "audio" && !!e.previewSrc && !e.loading && !e.error), a = r(() => e.mediaPreview === "video" && !!e.previewSrc && !e.loading && !e.error), i = r(() => e.mediaPreview === "image" && !!e.previewSrc && !e.loading && !e.error), d = r(
+      () => m.value || a.value || i.value
+    ), y = r(() => a.value || i.value), M = r(() => e.compact ? "96px" : "120px"), N = r(() => !e.previewSrc || e.loading || e.error ? [] : i.value ? [
+      {
+        kind: "image",
+        src: e.previewSrc,
+        name: e.name,
+        alt: e.name,
+        size: e.size,
+        downloadHref: e.downloadHref
+      }
+    ] : a.value ? [
+      {
+        kind: "video",
+        src: e.previewSrc,
+        name: e.name,
+        size: e.size,
+        downloadHref: e.downloadHref,
+        controls: !0,
+        playsinline: !0,
+        preload: "metadata"
+      }
+    ] : []), S = r(
+      () => e.previewMode === "internal" && N.value.length > 0
+    ), s = r(() => e.mimeType.toLowerCase() === "application/pdf" || u.value === "pdf"), I = r(() => s.value ? e.previewSrc || e.downloadHref : ""), B = r(
+      () => e.showDefaultActions && !!I.value && !d.value && s.value
+    ), P = r(
+      () => !!f.actions || e.showDefaultActions && (e.loading || e.previewSrc && !d.value && !B.value || e.downloadHref)
+    ), O = r(
+      () => E({
+        "nmorph-file-card": [
+          e.surface,
+          e.compact && "compact",
+          e.loading && "loading",
+          e.error && "error",
+          d.value && "media",
+          m.value && "media-audio",
+          a.value && "media-video",
+          i.value && "media-image",
+          y.value && "media-visual",
+          !e.iconSurface && "icon-plain",
+          !P.value && "no-actions"
+        ]
+      })
+    ), q = { CONTRAST_ICON_COLOR: ne, props: e, emit: l, slots: f, previewOpen: v, extension: u, candidates: t, icon: b, formatSize: w, fileSize: h, typeLabel: g, meta: C, audioPreviewAvailable: m, videoPreviewAvailable: a, imagePreviewAvailable: i, mediaPreviewAvailable: d, visualMediaPreviewAvailable: y, videoPreviewHeight: M, mediaGalleryItems: N, shouldOpenInternalPreview: S, isPdf: s, pdfPreviewHref: I, previewOnIcon: B, hasActions: P, modifiers: O, openHandler: () => {
+      S.value && (v.value = !0), e.previewMode !== "none" && l("open");
+    }, downloadHandler: () => l("download"), errorHandler: () => l("error"), get NmorphIcon() {
+      return Z;
+    }, get NmorphIconDownload() {
+      return ie;
+    }, get NmorphIconEye() {
+      return ae;
+    }, get NmorphIconLoader() {
+      return te;
+    }, get NmorphIconOpen() {
+      return oe;
+    }, NmorphAudioPreview: J, NmorphMediaGallery: Q, NmorphVideoPreview: U };
+    return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
+  }
+});
+export {
+  He as default
+};

package/dist/components/data/nmorph-image/NmorphImage.vue.js

@@ -1,63 +1,54 @@
 import './NmorphImage.css';
-import { defineComponent as L, computed as t, ref as m, openBlock as l, createElementBlock as s, normalizeStyle as k, normalizeClass as B, createElementVNode as E, renderSlot as c, createTextVNode as u, toDisplayString as f, createCommentVNode as p } from "vue";
-import { useModifiers as S } from "../../../utils/create-modifiers.js";
-import { useI18n as I } from "vue-i18n";
-const N = ["src", "alt", "srcset"], C = {
+import l from "./NmorphImage.vue2.js";
+import { openBlock as r, createElementBlock as e, normalizeStyle as m, normalizeClass as d, createElementVNode as c, renderSlot as i, createTextVNode as t, toDisplayString as s, createCommentVNode as n } from "vue";
+/* empty css                 */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = ["src", "alt", "srcset"], g = {
   key: 0,
   class: "nmorph-image__load-failed"
-}, V = {
+}, f = {
   key: 1,
   class: "nmorph-image__loading"
-}, D = /* @__PURE__ */ L({
-  __name: "NmorphImage",
-  props: {
-    loadingText: { default: "" },
-    loadFailedText: { default: "" },
-    frameBorder: { default: 4 },
-    src: {},
-    srcSet: { default: "" },
-    fit: { default: "cover" },
-    alt: { default: "" }
-  },
-  emits: ["error", "load"],
-  setup(g, { emit: v }) {
-    const { t: d } = I(), e = g, h = t(() => e.loadingText ? e.loadingText : d("loadingText")), _ = t(() => e.loadFailedText ? e.loadFailedText : d("loadFailedText")), a = m(!1), r = m(!1), n = v, x = (o) => {
-      a.value = !0, r.value = !1, n("load", o);
-    }, T = (o) => {
-      a.value = !0, r.value = !0, n("error", o);
-    }, i = t(() => a.value && r.value), y = t(
-      () => S({
-        nmorph: [e.frameBorder > 0 && "shadow-combined"],
-        "nmorph-image": [(i.value || !a.value) && "hide"]
-      })
-    ), F = t(() => ({
-      "--nmorph-image-fit": e.fit || "cover",
-      "--nmorph-image-frame-border": `${e.frameBorder}px`
-    }));
-    return (o, $) => e.src ? (l(), s("div", {
+};
+function h(a, y, k, o, v, L) {
+  return o.props.src ? (r(), e(
+    "div",
+    {
       key: 0,
-      class: B(y.value),
-      style: k(F.value)
-    }, [
-      E("img", {
-        src: e.src,
-        alt: e.alt,
-        srcset: e.srcSet,
-        onLoad: x,
-        onError: T
-      }, null, 40, N),
-      i.value ? (l(), s("div", C, [
-        c(o.$slots, "error", {}, () => [
-          u(f(_.value), 1)
+      class: d(o.modifiers),
+      style: m(o.styles)
+    },
+    [
+      c("img", {
+        src: o.props.src,
+        alt: o.props.alt,
+        srcset: o.props.srcSet,
+        onLoad: o.onImageLoad,
+        onError: o.onImageError
+      }, null, 40, p),
+      o.loadingFailed ? (r(), e("div", g, [
+        i(a.$slots, "error", {}, () => [
+          t(
+            s(o.computedLoadFailedText),
+            1
+            /* TEXT */
+          )
         ])
-      ])) : a.value ? p("", !0) : (l(), s("div", V, [
-        c(o.$slots, "loading", {}, () => [
-          u(f(h.value), 1)
+      ])) : o.imageLoadFinished ? n("v-if", !0) : (r(), e("div", f, [
+        i(a.$slots, "loading", {}, () => [
+          t(
+            s(o.computedLoadingText),
+            1
+            /* TEXT */
+          )
         ])
       ]))
-    ], 6)) : p("", !0);
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  )) : n("v-if", !0);
+}
+const S = /* @__PURE__ */ _(l, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image/NmorphImage.vue"]]);
 export {
-  D as default
+  S as default
 };