@nmorph/nmorph-ui-kit 2.2.52 → 2.2.53

package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js

@@ -1,298 +1,373 @@
 import './NmorphMediaGallery.css';
-import { defineComponent as de, ref as f, computed as i, watch as C, onBeforeUnmount as ce, openBlock as p, createBlock as y, withCtx as r, createElementVNode as g, unref as t, normalizeStyle as ve, createElementBlock as T, createCommentVNode as L, withModifiers as me, createVNode as l } from "vue";
-import { useModifiers as fe } from "../../../utils/create-modifiers.js";
-import pe from "../nmorph-preview-portal/NmorphPreviewPortal.vue.js";
-/* empty css                                                */
-import he from "../nmorph-image/NmorphImage.vue.js";
-/* empty css                               */
-import k from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import w from "../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                          */
-import _e from "../../../assets/icons/pause.svg.js";
-import ye from "../../../assets/icons/play.svg.js";
-import ge from "../../../assets/icons/rotate-right.svg.js";
-import ke from "../../../assets/icons/rotate-left.svg.js";
-import Ie from "../../../assets/icons/zoom-in.svg.js";
-import xe from "../../../assets/icons/zoom-out.svg.js";
-import we from "../../../assets/icons/enlarge.svg.js";
-import Ne from "../../../assets/icons/shrink.svg.js";
-const be = { class: "nmorph-media-gallery__stage" }, Pe = ["src", "poster", "controls", "muted", "playsinline", "preload", "title"], Ce = ["aria-label"], Ve = { class: "nmorph-media-gallery__action-element" }, Ee = { class: "nmorph-media-gallery__action-element" }, He = { class: "nmorph-media-gallery__action-element" }, Be = { class: "nmorph-media-gallery__action-element" }, Le = { class: "nmorph-media-gallery__action-element" }, Fe = 45, Je = /* @__PURE__ */ de({
-  __name: "NmorphMediaGallery",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    items: {},
-    initialIndex: { default: 0 },
-    activeIndex: { default: void 0 },
-    zIndex: { default: void 0 },
-    showNavigationButtons: { type: Boolean, default: !0 },
-    showActionBar: { type: Boolean, default: !0 },
-    imageFit: { default: "contain" },
-    videoFit: { default: "contain" }
-  },
-  emits: ["update:model-value", "update:active-index", "close", "change"],
-  setup(X, { emit: Y }) {
-    const o = X, N = Y, c = f(o.modelValue), I = f(0), v = f(null), b = f(null), u = f(!1), d = f(1), s = f(0), h = f(null), m = i(() => o.items || []), F = i(() => m.value.length > 1), z = i(() => o.showNavigationButtons && F.value), x = (e) => {
-      const n = m.value.length - 1;
-      return n < 0 || !Number.isFinite(e) || e < 0 ? 0 : e > n ? n : e;
-    }, _ = i(() => x(I.value)), a = i(() => m.value[_.value]), M = i(() => a.value?.kind === "image"), V = i(() => a.value?.kind === "video"), U = i(
-      () => a.value?.kind === "video" ? a.value.controls !== !1 : !1
-    ), Z = i(() => a.value?.kind === "video" ? a.value.muted === !0 : !1), G = i(
-      () => a.value?.kind === "video" ? a.value.playsinline !== !1 : !0
-    ), W = i(
-      () => a.value?.kind === "video" && a.value.preload || "metadata"
-    ), R = i(
-      () => a.value?.kind === "video" && a.value.name || "video"
-    ), j = i(
-      () => fe({
-        "nmorph-media-gallery": [
-          c.value && "opened",
-          M.value && "image",
-          V.value && "video",
-          u.value && V.value && "video-playing",
-          o.imageFit === "cover" && M.value && "image-cover",
-          o.videoFit === "cover" && V.value && "video-cover"
-        ]
-      })
-    ), q = i(() => `rotate(${s.value}deg) scale(${d.value})`);
-    C(
-      () => o.modelValue,
-      (e) => {
-        c.value = e;
-      }
-    ), C(
-      () => o.activeIndex,
-      (e) => {
-        typeof e == "number" && (I.value = x(e));
-      },
-      { immediate: !0 }
-    ), C(
-      () => [o.initialIndex, m.value.length],
-      () => {
-        typeof o.activeIndex != "number" && (I.value = x(o.initialIndex));
-      },
-      { immediate: !0 }
-    );
-    const E = () => {
-      !v.value || v.value === b.value || (v.value.pause(), u.value = !1, b.value = v.value);
-    }, J = () => {
-      d.value = 1, s.value = 0;
-    }, $ = (e) => {
-      if (!m.value.length) return;
-      const n = x(e);
-      if (n === _.value) return;
-      E(), u.value = !1, I.value = n, J(), N("update:active-index", n);
-      const P = m.value[n];
-      P && N("change", P, n);
-    }, H = () => {
-      const e = m.value.length;
-      e && $(_.value === 0 ? e - 1 : _.value - 1);
-    }, B = () => {
-      const e = m.value.length;
-      e && $(_.value === e - 1 ? 0 : _.value + 1);
-    }, K = () => {
-      c.value && (E(), c.value = !1, N("update:model-value", !1), N("close"));
-    }, Q = () => {
-      s.value = s.value + 90, s.value >= 360 && (s.value = 0);
-    }, ee = () => {
-      s.value = s.value - 90, s.value <= -360 && (s.value = 0);
-    }, ae = () => {
-      d.value = parseFloat(Math.min(d.value + 0.2, 4).toFixed(3));
-    }, te = () => {
-      d.value = parseFloat(Math.max(d.value - 0.2, 0.2).toFixed(3));
-    }, oe = () => {
-      d.value = 1;
-    }, le = async () => {
-      if (v.value) {
-        if (u.value) {
-          v.value.pause();
-          return;
-        }
-        try {
-          await v.value.play();
-        } catch {
-          u.value = !1;
-        }
-      }
-    }, ne = () => {
-      u.value = !0, b.value = null;
-    }, ie = () => {
-      u.value = !1;
-    }, re = () => {
-      u.value = !1;
-    }, ue = () => {
-      u.value = !1;
-    }, S = (e) => {
-      if (c.value && !(e.altKey || e.ctrlKey || e.metaKey || e.shiftKey)) {
-        if (e.key === "Escape") {
-          e.preventDefault(), K();
-          return;
-        }
-        F.value && (e.key === "ArrowLeft" && (e.preventDefault(), H()), e.key === "ArrowRight" && (e.preventDefault(), B()));
-      }
-    }, se = () => {
-      typeof document > "u" || document.addEventListener("keydown", S);
-    }, D = () => {
-      typeof document > "u" || document.removeEventListener("keydown", S);
-    };
-    C(
-      c,
-      (e) => {
-        e ? (se(), b.value = null, I.value = x(
-          typeof o.activeIndex == "number" ? o.activeIndex : o.initialIndex
-        )) : (E(), u.value = !1, D());
-      },
-      { immediate: !0 }
-    ), ce(D);
-    const A = (e) => {
-      h.value = { x: e.clientX, y: e.clientY };
-    }, O = (e) => {
-      if (!h.value || !z.value) {
-        h.value = null;
-        return;
-      }
-      const n = e.clientX - h.value.x, P = e.clientY - h.value.y;
-      h.value = null, !(Math.abs(n) < Fe || Math.abs(n) < Math.abs(P) * 1.2) && (n > 0 ? H() : B());
-    };
-    return (e, n) => c.value ? (p(), y(pe, {
-      key: 0,
-      show: c.value,
-      "z-index": o.zIndex,
-      "state-class": j.value,
-      "content-class": "nmorph-media-gallery__content",
-      "left-class": "nmorph-media-gallery__left",
-      "right-class": "nmorph-media-gallery__right",
-      "actions-class": "nmorph-media-gallery__actions",
-      "show-navigation": z.value,
-      "show-action-bar": o.showActionBar && a.value?.kind === "image",
-      onClose: K,
-      onPrevious: H,
-      onNext: B
-    }, {
-      actions: r(() => [
-        g("div", Ve, [
-          l(t(w), { onClick: Q }, {
-            default: r(() => [
-              l(t(k), null, {
-                default: r(() => [
-                  l(t(ge))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        g("div", Ee, [
-          l(t(w), { onClick: ee }, {
-            default: r(() => [
-              l(t(k), null, {
-                default: r(() => [
-                  l(t(ke))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        g("div", He, [
-          l(t(w), { onClick: ae }, {
-            default: r(() => [
-              l(t(k), null, {
-                default: r(() => [
-                  l(t(Ie))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
+import g from "./NmorphMediaGallery.vue2.js";
+import { openBlock as a, createElementBlock as l, Fragment as s, renderList as y, normalizeClass as f, createElementVNode as c, createBlock as d, createVNode as r, withCtx as n, createCommentVNode as i, toDisplayString as h, withModifiers as m, normalizeStyle as v } from "vue";
+/* empty css                        */
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  key: 0,
+  class: "nmorph-media-gallery__trigger"
+}, N = ["aria-label", "onClick"], b = ["src", "poster", "title"], w = {
+  key: 2,
+  class: "nmorph-media-gallery__trigger-play"
+}, p = {
+  key: 3,
+  class: "nmorph-media-gallery__trigger-name"
+}, P = {
+  key: 4,
+  class: "nmorph-media-gallery__trigger-size"
+}, z = {
+  key: 0,
+  class: "nmorph-media-gallery__trigger-actions"
+}, C = ["aria-label", "onClick"], H = ["aria-label", "onClick"], D = ["href", "download", "aria-label", "onClick"], L = { class: "nmorph-media-gallery__stage" }, S = ["src", "poster", "controls", "muted", "playsinline", "preload", "title"], B = ["aria-label"], V = {
+  key: 3,
+  class: "nmorph-media-gallery__file-name"
+}, E = {
+  key: 4,
+  class: "nmorph-media-gallery__file-actions"
+}, F = ["aria-label"], x = ["href", "download", "aria-label"], R = {
+  key: 5,
+  class: "nmorph-media-gallery__file-size"
+}, M = { class: "nmorph-media-gallery__action-element" }, A = { class: "nmorph-media-gallery__action-element" }, O = { class: "nmorph-media-gallery__action-element" }, T = { class: "nmorph-media-gallery__action-element" }, u = { class: "nmorph-media-gallery__action-element" };
+function G(U, Z, j, o, q, J) {
+  return a(), l(
+    s,
+    null,
+    [
+      o.props.showTrigger ? (a(), l("div", k, [
+        (a(!0), l(
+          s,
+          null,
+          y(o.sourceList, (e, t) => (a(), l(
+            "div",
+            {
+              key: `${e.kind}-${e.src}-${t}`,
+              class: f(["nmorph-media-gallery__trigger-item", `nmorph-media-gallery__trigger-item--${e.kind}`])
+            },
+            [
+              c("button", {
+                type: "button",
+                class: "nmorph-media-gallery__trigger-open",
+                "aria-label": `Open ${o.getItemLabel(e, t)}`,
+                onClick: (_) => o.openPreviewAt(t)
+              }, [
+                e.kind === "image" ? (a(), d(o.NmorphImage, {
+                  key: 0,
+                  src: e.src,
+                  alt: e.alt || o.getItemLabel(e, t),
+                  title: o.getItemName(e),
+                  fit: "cover",
+                  "frame-border": 0
+                }, null, 8, ["src", "alt", "title"])) : (a(), l("video", {
+                  key: 1,
+                  ref_for: !0,
+                  ref: (_) => o.setTriggerVideoRef(t, _),
+                  class: "nmorph-media-gallery__trigger-video",
+                  src: e.src,
+                  poster: e.poster || void 0,
+                  muted: "",
+                  playsinline: "",
+                  preload: "metadata",
+                  title: o.getItemName(e)
+                }, null, 8, b)),
+                e.kind === "video" ? (a(), l("span", w, [
+                  r(o.NmorphIcon, {
+                    size: "medium",
+                    color: "var(--nmorph-contrast-text-color)"
+                  }, {
+                    default: n(() => [
+                      r(o.NmorphIconPlay)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])) : i("v-if", !0),
+                o.getItemName(e) ? (a(), l(
+                  "span",
+                  p,
+                  h(o.getItemName(e)),
+                  1
+                  /* TEXT */
+                )) : i("v-if", !0),
+                o.getItemSize(e) ? (a(), l(
+                  "span",
+                  P,
+                  h(o.getItemSize(e)),
+                  1
+                  /* TEXT */
+                )) : i("v-if", !0)
+              ], 8, N),
+              o.getItemDownloadHref(e) || e.kind === "video" ? (a(), l("div", z, [
+                e.kind === "video" ? (a(), l("button", {
+                  key: 0,
+                  type: "button",
+                  class: "nmorph-media-gallery__trigger-action",
+                  "aria-label": `Preview ${o.getItemLabel(e, t)}`,
+                  onClick: m((_) => o.openPreviewAt(t), ["stop"])
+                }, [
+                  r(o.NmorphIcon, {
+                    size: "small",
+                    color: "var(--nmorph-contrast-text-color)"
+                  }, {
+                    default: n(() => [
+                      r(o.NmorphIconEye)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, C)) : i("v-if", !0),
+                e.kind === "video" ? (a(), l("button", {
+                  key: 1,
+                  type: "button",
+                  class: "nmorph-media-gallery__trigger-action",
+                  "aria-label": `Fullscreen ${o.getItemLabel(e, t)}`,
+                  onClick: m((_) => o.triggerFullscreenHandler(e, t), ["stop"])
+                }, [
+                  r(o.NmorphIcon, {
+                    size: "small",
+                    color: "var(--nmorph-contrast-text-color)"
+                  }, {
+                    default: n(() => [
+                      r(o.NmorphIconFullScreen)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, H)) : i("v-if", !0),
+                o.getItemDownloadHref(e) ? (a(), l("a", {
+                  key: 2,
+                  href: o.getItemDownloadHref(e),
+                  download: o.getItemName(e) || void 0,
+                  class: "nmorph-media-gallery__trigger-action",
+                  "aria-label": `Download ${o.getItemLabel(e, t)}`,
+                  onClick: m((_) => o.downloadItemHandler(e, t), ["stop"])
+                }, [
+                  r(o.NmorphIcon, {
+                    size: "small",
+                    color: "var(--nmorph-contrast-text-color)"
+                  }, {
+                    default: n(() => [
+                      r(o.NmorphIconDownload)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, D)) : i("v-if", !0)
+              ])) : i("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])) : i("v-if", !0),
+      o.open ? (a(), d(o.NmorphPreviewPortal, {
+        key: 1,
+        show: o.open,
+        "z-index": o.props.zIndex,
+        "state-class": o.modifiers,
+        "content-class": "nmorph-media-gallery__content",
+        "left-class": "nmorph-media-gallery__left",
+        "right-class": "nmorph-media-gallery__right",
+        "actions-class": "nmorph-media-gallery__actions",
+        "show-navigation": o.showNavigation,
+        "show-action-bar": o.props.showActionBar && o.currentItem?.kind === "image",
+        onClose: o.closeHandler,
+        onPrevious: o.previousHandler,
+        onNext: o.nextHandler
+      }, {
+        actions: n(() => [
+          c("div", M, [
+            r(o.NmorphButton, { onClick: o.rotateRight }, {
+              default: n(() => [
+                r(o.NmorphIcon, null, {
+                  default: n(() => [
+                    r(o.NmorphIconRotateRight)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          c("div", A, [
+            r(o.NmorphButton, { onClick: o.rotateLeft }, {
+              default: n(() => [
+                r(o.NmorphIcon, null, {
+                  default: n(() => [
+                    r(o.NmorphIconRotateLeft)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          c("div", O, [
+            r(o.NmorphButton, { onClick: o.zoomIn }, {
+              default: n(() => [
+                r(o.NmorphIcon, null, {
+                  default: n(() => [
+                    r(o.NmorphIconZoomIn)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          c("div", T, [
+            r(o.NmorphButton, { onClick: o.zoomOut }, {
+              default: n(() => [
+                r(o.NmorphIcon, null, {
+                  default: n(() => [
+                    r(o.NmorphIconZoomOut)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          c("div", u, [
+            r(o.NmorphButton, {
+              disabled: o.scaleLevel === 1,
+              onClick: o.toggleNormalSize
+            }, {
+              default: n(() => [
+                r(o.NmorphIcon, null, {
+                  default: n(() => [
+                    o.scaleLevel < 1 ? (a(), d(o.NmorphIconEnlarge, { key: 0 })) : (a(), d(o.NmorphIconShrink, { key: 1 }))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"])
+          ])
         ]),
-        g("div", Be, [
-          l(t(w), { onClick: te }, {
-            default: r(() => [
-              l(t(k), null, {
-                default: r(() => [
-                  l(t(xe))
+        default: n(() => [
+          c("div", L, [
+            o.currentItem?.kind === "image" ? (a(), d(o.NmorphImage, {
+              key: 0,
+              src: o.currentItem.src,
+              alt: o.currentItem.alt || o.currentItem.name || "",
+              title: o.currentItem.name,
+              fit: o.props.imageFit,
+              "frame-border": 0,
+              style: v({ transform: o.imageTransform }),
+              onPointerdown: o.pointerDownHandler,
+              onPointerup: o.pointerUpHandler
+            }, null, 8, ["src", "alt", "title", "fit", "style"])) : o.currentItem?.kind === "video" ? (a(), l("video", {
+              key: 1,
+              ref: "currentVideoRef",
+              class: "nmorph-media-gallery__video",
+              src: o.currentItem.src,
+              poster: o.currentItem.poster || void 0,
+              controls: o.videoControls,
+              muted: o.videoMuted,
+              playsinline: o.videoPlaysinline,
+              preload: o.videoPreload,
+              title: o.currentItem.name,
+              onPointerdown: o.pointerDownHandler,
+              onPointerup: o.pointerUpHandler,
+              onPlay: o.videoPlayHandler,
+              onPause: o.videoPauseHandler,
+              onEnded: o.videoEndedHandler,
+              onError: o.videoErrorHandler
+            }, null, 40, S)) : i("v-if", !0),
+            o.currentItem?.kind === "video" ? (a(), l("button", {
+              key: 2,
+              class: "nmorph-media-gallery__play",
+              type: "button",
+              "aria-label": o.videoPlaying ? `Pause ${o.currentVideoName}` : `Play ${o.currentVideoName}`,
+              onClick: m(o.toggleVideoPlayback, ["stop"])
+            }, [
+              r(o.NmorphIcon, {
+                size: "medium",
+                color: "var(--nmorph-contrast-text-color)"
+              }, {
+                default: n(() => [
+                  o.videoPlaying ? (a(), d(o.NmorphIconPause, { key: 0 })) : (a(), d(o.NmorphIconPlay, { key: 1 }))
                 ]),
                 _: 1
+                /* STABLE */
               })
-            ]),
-            _: 1
-          })
+            ], 8, B)) : i("v-if", !0),
+            o.currentName ? (a(), l(
+              "span",
+              V,
+              h(o.currentName),
+              1
+              /* TEXT */
+            )) : i("v-if", !0),
+            o.currentDownloadHref || o.currentItem?.kind === "video" ? (a(), l("div", E, [
+              o.currentItem?.kind === "video" ? (a(), l("button", {
+                key: 0,
+                type: "button",
+                class: "nmorph-media-gallery__file-action",
+                "aria-label": `Fullscreen ${o.currentVideoName}`,
+                onClick: m(o.fullscreenHandler, ["stop"])
+              }, [
+                r(o.NmorphIcon, {
+                  size: "small",
+                  color: "var(--nmorph-contrast-text-color)"
+                }, {
+                  default: n(() => [
+                    r(o.NmorphIconFullScreen)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, F)) : i("v-if", !0),
+              o.currentDownloadHref ? (a(), l("a", {
+                key: 1,
+                href: o.currentDownloadHref,
+                download: o.currentName || void 0,
+                class: "nmorph-media-gallery__file-action",
+                "aria-label": `Download ${o.currentName || "media"}`,
+                onClick: m(o.downloadHandler, ["stop"])
+              }, [
+                r(o.NmorphIcon, {
+                  size: "small",
+                  color: "var(--nmorph-contrast-text-color)"
+                }, {
+                  default: n(() => [
+                    r(o.NmorphIconDownload)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ], 8, x)) : i("v-if", !0)
+            ])) : i("v-if", !0),
+            o.currentSize ? (a(), l(
+              "span",
+              R,
+              h(o.currentSize),
+              1
+              /* TEXT */
+            )) : i("v-if", !0)
+          ])
         ]),
-        g("div", Le, [
-          l(t(w), {
-            disabled: d.value === 1,
-            onClick: oe
-          }, {
-            default: r(() => [
-              l(t(k), null, {
-                default: r(() => [
-                  d.value < 1 ? (p(), y(t(we), { key: 0 })) : (p(), y(t(Ne), { key: 1 }))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ])
-      ]),
-      default: r(() => [
-        g("div", be, [
-          a.value?.kind === "image" ? (p(), y(t(he), {
-            key: 0,
-            src: a.value.src,
-            alt: a.value.alt || a.value.name || "",
-            title: a.value.name,
-            fit: o.imageFit,
-            "frame-border": 0,
-            style: ve({ transform: q.value }),
-            onPointerdown: A,
-            onPointerup: O
-          }, null, 8, ["src", "alt", "title", "fit", "style"])) : a.value?.kind === "video" ? (p(), T("video", {
-            key: 1,
-            ref_key: "currentVideoRef",
-            ref: v,
-            class: "nmorph-media-gallery__video",
-            src: a.value.src,
-            poster: a.value.poster || void 0,
-            controls: U.value,
-            muted: Z.value,
-            playsinline: G.value,
-            preload: W.value,
-            title: a.value.name,
-            onPointerdown: A,
-            onPointerup: O,
-            onPlay: ne,
-            onPause: ie,
-            onEnded: re,
-            onError: ue
-          }, null, 40, Pe)) : L("", !0),
-          a.value?.kind === "video" ? (p(), T("button", {
-            key: 2,
-            class: "nmorph-media-gallery__play",
-            type: "button",
-            "aria-label": u.value ? `Pause ${R.value}` : `Play ${R.value}`,
-            onClick: me(le, ["stop"])
-          }, [
-            l(t(k), {
-              size: "medium",
-              color: "var(--nmorph-contrast-text-color)"
-            }, {
-              default: r(() => [
-                u.value ? (p(), y(t(_e), { key: 0 })) : (p(), y(t(ye), { key: 1 }))
-              ]),
-              _: 1
-            })
-          ], 8, Ce)) : L("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["show", "z-index", "state-class", "show-navigation", "show-action-bar"])) : L("", !0);
-  }
-});
+        _: 1
+        /* STABLE */
+      }, 8, ["show", "z-index", "state-class", "show-navigation", "show-action-bar"])) : i("v-if", !0)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const Y = /* @__PURE__ */ I(g, [["render", G], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-media-gallery/NmorphMediaGallery.vue"]]);
 export {
-  Je as default
+  Y as default
 };