@nmorph/nmorph-ui-kit 2.2.20 → 2.2.22

package/dist/assets/icons/forward-filled.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function l(a, e) {
+  return t(), o("svg", n, [...e[0] || (e[0] = [
+    r(
+      "path",
+      { d: "M582.4 265.6A32 32 0 0 0 528 288v96h-96c-199.424 0-329.792 133.952-375.168 376.896a32 32 0 0 0 59.968 20.928C193.536 652.8 294.08 608 432 608h96v128a32 32 0 0 0 54.4 22.4l256-224a32 32 0 0 0 0-48z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const c = { render: l };
+export {
+  c as default,
+  l as render
+};

package/dist/assets/icons/forward.svg.js

@@ -0,0 +1,24 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as n } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function l(c, e) {
+  return t(), o("svg", r, [...e[0] || (e[0] = [
+    n(
+      "path",
+      {
+        fill: "none",
+        d: "m576 288 224 224-224 224m192-224H480c-154.667 0-256 101.333-256 256"
+      },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const m = { render: l };
+export {
+  m as default,
+  l as render
+};

package/dist/assets/icons/reply-filled.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
+const l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function n(a, e) {
+  return t(), o("svg", l, [...e[0] || (e[0] = [
+    r(
+      "path",
+      { d: "M441.6 265.6A32 32 0 0 1 496 288v96h96c199.424 0 329.792 133.952 375.168 376.896a32 32 0 0 1-59.968 20.928C830.464 652.8 729.92 608 592 608h-96v128a32 32 0 0 1-54.4 22.4l-256-224a32 32 0 0 1 0-48z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const d = { render: n };
+export {
+  d as default,
+  n as render
+};

package/dist/assets/icons/reply.svg.js

@@ -0,0 +1,24 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function l(c, e) {
+  return t(), n("svg", r, [...e[0] || (e[0] = [
+    o(
+      "path",
+      {
+        fill: "none",
+        d: "M448 288 224 512l224 224M256 512h288c154.667 0 256 101.333 256 256"
+      },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const d = { render: l };
+export {
+  d as default,
+  l as render
+};

package/dist/assets/icons/send-filled.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function l(d, e) {
+  return t(), n("svg", r, [...e[0] || (e[0] = [
+    o(
+      "path",
+      { d: "m64 448 832-320-128 704-446.08-243.328L832 192 242.816 545.472zm256 512V657.024L512 768z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const m = { render: l };
+export {
+  m as default,
+  l as render
+};

package/dist/assets/icons/send.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function l(s, e) {
+  return t(), n("svg", r, [...e[0] || (e[0] = [
+    o(
+      "path",
+      { d: "m249.6 417.088 319.744 43.072 39.168 310.272L845.12 178.88zm-129.024 47.168a32 32 0 0 1-7.68-61.44l777.792-311.04a32 32 0 0 1 41.6 41.6l-310.336 775.68a32 32 0 0 1-61.44-7.808L512 516.992z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const d = { render: l };
+export {
+  d as default,
+  l as render
+};

package/dist/assets/icons/smile.svg.js

@@ -0,0 +1,28 @@
+import { openBlock as n, createElementBlock as o, createElementVNode as t } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function a(l, e) {
+  return n(), o("svg", r, [...e[0] || (e[0] = [
+    t(
+      "path",
+      { d: "M512 64a448 448 0 1 0 0 896 448 448 0 0 0 0-896m0 64a384 384 0 1 1 0 768 384 384 0 0 1 0-768" },
+      null,
+      -1
+      /* CACHED */
+    ),
+    t(
+      "path",
+      { d: "M352 384a48 48 0 1 1 0 96 48 48 0 0 1 0-96m320 0a48 48 0 1 1 0 96 48 48 0 0 1 0-96M352.64 585.6a32 32 0 0 1 43.648 11.712C419.84 638.08 462.976 672 512 672s92.16-33.92 115.712-74.688a32 32 0 0 1 55.36 32C649.6 687.296 586.752 736 512 736s-137.6-48.704-171.072-106.688A32 32 0 0 1 352.64 585.6" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const m = { render: a };
+export {
+  m as default,
+  a as render
+};

package/dist/components/data/nmorph-empty/NmorphEmpty.css

@@ -1 +1 @@
-.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular)}.nmorph-empty .nmorph-empty__description{max-width:420px;color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}
+.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular)}.nmorph-empty .nmorph-empty__description{max-width:420px;color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}

package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js

@@ -1,52 +1,55 @@
 import './NmorphImagePreview.css';
 import p from "./NmorphImagePreview.vue2.js";
-import { openBlock as l, createElementBlock as a, Fragment as h, normalizeStyle as m, normalizeClass as _, createElementVNode as i, createVNode as o, createSlots as v, withCtx as r, renderSlot as t, createCommentVNode as d, createBlock as c, Teleport as k, renderList as y, resolveDynamicComponent as f } from "vue";
+import { openBlock as n, createElementBlock as i, Fragment as h, normalizeStyle as m, normalizeClass as v, createElementVNode as a, createVNode as e, createSlots as _, withCtx as r, renderSlot as t, createCommentVNode as d, createBlock as c, Teleport as k, renderList as w, resolveDynamicComponent as g } from "vue";
 /* empty css                        */
-import w from "../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
 const N = { class: "nmorph-image-preview__content" }, C = {
   key: 0,
   class: "nmorph-image-preview__left"
 }, I = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, S = { class: "nmorph-image-preview__actions" }, b = { class: "nmorph-image-preview__action-element" };
-function B(n, z, D, e, H, L) {
-  return l(), a(
+}, S = {
+  key: 2,
+  class: "nmorph-image-preview__actions"
+}, b = { class: "nmorph-image-preview__action-element" };
+function B(l, z, D, o, H, L) {
+  return n(), i(
     h,
     null,
     [
-      e.props.showTrigger ? (l(), a(
+      o.props.showTrigger ? (n(), i(
         "div",
         {
           key: 0,
-          class: _(e.modifiers),
-          style: m(e.triggerStyle)
+          class: v(o.modifiers),
+          style: m(o.triggerStyle)
         },
         [
-          i("div", {
+          a("div", {
             class: "nmorph-image-preview__trigger",
-            onClick: e.clickHandler
+            onClick: o.clickHandler
           }, [
-            o(e.NmorphImage, {
-              src: e.triggerSource,
-              alt: e.props.alt,
+            e(o.NmorphImage, {
+              src: o.triggerSource,
+              alt: o.props.alt,
               fit: "cover",
               "frame-border": 0
-            }, v({
+            }, _({
               _: 2
               /* DYNAMIC */
             }, [
-              n.$slots.loading ? {
+              l.$slots.loading ? {
                 name: "loading",
                 fn: r(() => [
-                  t(n.$slots, "loading")
+                  t(l.$slots, "loading")
                 ]),
                 key: "0"
               } : void 0,
-              n.$slots.error ? {
+              l.$slots.error ? {
                 name: "error",
                 fn: r(() => [
-                  t(n.$slots, "error")
+                  t(l.$slots, "error")
                 ]),
                 key: "1"
               } : void 0
@@ -56,56 +59,56 @@ function B(n, z, D, e, H, L) {
         6
         /* CLASS, STYLE */
       )) : d("v-if", !0),
-      (l(), c(k, { to: "body" }, [
-        i(
+      (n(), c(k, { to: "body" }, [
+        a(
           "div",
           {
-            class: _(["nmorph-image-preview__portal", e.modifiers]),
-            style: m(e.portalStyle)
+            class: v(["nmorph-image-preview__portal", o.modifiers]),
+            style: m(o.portalStyle)
           },
           [
-            o(e.NmorphOverlay, {
-              show: e.open,
-              "z-index": e.props.zIndex,
+            e(o.NmorphOverlay, {
+              show: o.open,
+              "z-index": o.props.zIndex,
               "disabled-teleport": "",
               "trap-focus": "",
-              onOnOutsideClick: e.closeHandler,
-              onOnEscapeKeydown: e.closeHandler
+              onOnOutsideClick: o.closeHandler,
+              onOnEscapeKeydown: o.closeHandler
             }, {
               default: r(() => [
-                i("div", N, [
-                  o(e.NmorphImage, {
-                    src: e.triggerSource,
-                    alt: e.props.alt,
+                a("div", N, [
+                  e(o.NmorphImage, {
+                    src: o.triggerSource,
+                    alt: o.props.alt,
                     fit: "contain",
                     "frame-border": 0,
-                    style: m({ transform: `rotate(${e.rotateLevel}deg) scale(${e.scaleLevel})` })
-                  }, v({
+                    style: m({ transform: `rotate(${o.rotateLevel}deg) scale(${o.scaleLevel})` })
+                  }, _({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    n.$slots.loading ? {
+                    l.$slots.loading ? {
                       name: "loading",
                       fn: r(() => [
-                        t(n.$slots, "loading")
+                        t(l.$slots, "loading")
                       ]),
                       key: "0"
                     } : void 0,
-                    n.$slots.error ? {
+                    l.$slots.error ? {
                       name: "error",
                       fn: r(() => [
-                        t(n.$slots, "error")
+                        t(l.$slots, "error")
                       ]),
                       key: "1"
                     } : void 0
                   ]), 1032, ["src", "alt", "style"])
                 ]),
-                e.multipleSources ? (l(), a("div", C, [
-                  o(e.NmorphButton, { onClick: e.previousHandler }, {
+                o.showNavigation ? (n(), i("div", C, [
+                  e(o.NmorphButton, { onClick: o.previousHandler }, {
                     default: r(() => [
-                      o(e.NmorphIcon, null, {
+                      e(o.NmorphIcon, null, {
                         default: r(() => [
-                          o(e.NmorphIconChevronDown)
+                          e(o.NmorphIconChevronDown)
                         ]),
                         _: 1
                         /* STABLE */
@@ -115,12 +118,12 @@ function B(n, z, D, e, H, L) {
                     /* STABLE */
                   })
                 ])) : d("v-if", !0),
-                e.multipleSources ? (l(), a("div", I, [
-                  o(e.NmorphButton, { onClick: e.nextHandler }, {
+                o.showNavigation ? (n(), i("div", I, [
+                  e(o.NmorphButton, { onClick: o.nextHandler }, {
                     default: r(() => [
-                      o(e.NmorphIcon, null, {
+                      e(o.NmorphIcon, null, {
                         default: r(() => [
-                          o(e.NmorphIconChevronDown)
+                          e(o.NmorphIconChevronDown)
                         ]),
                         _: 1
                         /* STABLE */
@@ -130,24 +133,24 @@ function B(n, z, D, e, H, L) {
                     /* STABLE */
                   })
                 ])) : d("v-if", !0),
-                i("div", S, [
-                  (l(), a(
+                o.props.showActionBar ? (n(), i("div", S, [
+                  (n(), i(
                     h,
                     null,
-                    y(e.actions, (s, g) => i("div", {
-                      key: g,
+                    w(o.actions, (s, f) => a("div", {
+                      key: f,
                       class: "nmorph-image-preview__action-element"
                     }, [
-                      o(e.NmorphButton, {
+                      e(o.NmorphButton, {
                         onClick: s.handler
                       }, {
                         default: r(() => [
-                          o(
-                            e.NmorphIcon,
+                          e(
+                            o.NmorphIcon,
                             null,
                             {
                               default: r(() => [
-                                (l(), c(f(s.icon)))
+                                (n(), c(g(s.icon)))
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -163,15 +166,15 @@ function B(n, z, D, e, H, L) {
                     64
                     /* STABLE_FRAGMENT */
                   )),
-                  i("div", b, [
-                    o(e.NmorphButton, {
-                      disabled: e.scaleLevel === 1,
-                      onClick: e.enlargeShrinkActionData.handler
+                  a("div", b, [
+                    e(o.NmorphButton, {
+                      disabled: o.scaleLevel === 1,
+                      onClick: o.enlargeShrinkActionData.handler
                     }, {
                       default: r(() => [
-                        o(e.NmorphIcon, null, {
+                        e(o.NmorphIcon, null, {
                           default: r(() => [
-                            (l(), c(f(e.enlargeShrinkActionData.icon)))
+                            (n(), c(g(o.enlargeShrinkActionData.icon)))
                           ]),
                           _: 1
                           /* STABLE */
@@ -181,7 +184,7 @@ function B(n, z, D, e, H, L) {
                       /* STABLE */
                     }, 8, ["disabled", "onClick"])
                   ])
-                ])
+                ])) : d("v-if", !0)
               ]),
               _: 3
               /* FORWARDED */
@@ -196,7 +199,7 @@ function B(n, z, D, e, H, L) {
     /* STABLE_FRAGMENT */
   );
 }
-const P = /* @__PURE__ */ w(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
+const P = /* @__PURE__ */ y(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
 export {
   P as default
 };

package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js

@@ -1,18 +1,18 @@
 import './NmorphImagePreview.css';
-import { defineComponent as z, ref as m, watch as A, computed as l } from "vue";
-import { useModifiers as F } from "../../../utils/create-modifiers.js";
-import H from "../../../assets/icons/shrink.svg.js";
-import R from "../../../assets/icons/rotate-right.svg.js";
-import T from "../../../assets/icons/rotate-left.svg.js";
-import D from "../../../assets/icons/zoom-in.svg.js";
-import V from "../../../assets/icons/zoom-out.svg.js";
-import P from "../../../assets/icons/enlarge.svg.js";
-import Z from "../../../assets/icons/chevron-down.svg.js";
-import $ from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import j from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import E from "../../basic/nmorph-button/NmorphButton.vue.js";
-import G from "../nmorph-image/NmorphImage.vue.js";
-const le = /* @__PURE__ */ z({
+import { defineComponent as z, ref as s, watch as F, computed as n } from "vue";
+import { useModifiers as H } from "../../../utils/create-modifiers.js";
+import R from "../../../assets/icons/shrink.svg.js";
+import T from "../../../assets/icons/rotate-right.svg.js";
+import D from "../../../assets/icons/rotate-left.svg.js";
+import V from "../../../assets/icons/zoom-in.svg.js";
+import P from "../../../assets/icons/zoom-out.svg.js";
+import Z from "../../../assets/icons/enlarge.svg.js";
+import $ from "../../../assets/icons/chevron-down.svg.js";
+import j from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import E from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import G from "../../basic/nmorph-button/NmorphButton.vue.js";
+import J from "../nmorph-image/NmorphImage.vue.js";
+const ie = /* @__PURE__ */ z({
   __name: "NmorphImagePreview",
   props: {
     modelValue: { type: Boolean, required: !1, default: !1 },
@@ -24,91 +24,93 @@ const le = /* @__PURE__ */ z({
     maxScaleLevel: { type: Number, required: !1, default: 4 },
     zIndex: { type: Number, required: !1, default: void 0 },
     showTrigger: { type: Boolean, required: !1, default: !0 },
+    showNavigationButtons: { type: Boolean, required: !1, default: !0 },
+    showActionBar: { type: Boolean, required: !1, default: !0 },
     width: { type: [Number, String], required: !1, default: void 0 },
     height: { type: [Number, String], required: !1, default: void 0 },
     navigationButtonMargin: { type: [Number, String], required: !1, default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(y, { expose: S, emit: I }) {
-    S();
-    const e = y, n = m(e.modelValue);
-    A(
+  setup(S, { expose: I, emit: w }) {
+    I();
+    const e = S, l = s(e.modelValue);
+    F(
       () => e.modelValue,
-      (t) => n.value = t
+      (r) => l.value = r
     );
-    const b = l(
-      () => F({
-        "nmorph-image-preview": [`${n.value && "opened"}`]
+    const q = n(
+      () => H({
+        "nmorph-image-preview": [`${l.value && "opened"}`]
       })
-    ), a = m(e.initialIndex), q = l(() => typeof e.src == "string" ? e.src : e.src[a.value]), r = m(1), x = () => {
-      n.value = !0, s("update:model-value", n.value);
-    }, w = () => {
-      n.value = !1, s("update:model-value", n.value);
+    ), a = s(e.initialIndex), b = n(() => typeof e.src == "string" ? e.src : e.src[a.value]), t = s(1), x = () => {
+      l.value = !0, m("update:model-value", l.value);
+    }, B = () => {
+      l.value = !1, m("update:model-value", l.value);
     }, c = () => {
       o.value = o.value + 90, o.value >= 360 && (o.value = 0);
     }, p = () => {
       o.value = o.value - 90, o.value <= -360 && (o.value = 0);
     }, d = () => {
-      r.value < e.maxScaleLevel && (r.value += e.scaleStep), r.value = parseFloat(r.value.toFixed(3));
+      t.value < e.maxScaleLevel && (t.value += e.scaleStep), t.value = parseFloat(t.value.toFixed(3));
     }, v = () => {
-      r.value > e.minScaleLevel && (r.value -= e.scaleStep), r.value = parseFloat(r.value.toFixed(3));
-    }, f = l(() => r.value < 1), h = () => {
-      r.value = 1;
+      t.value > e.minScaleLevel && (t.value -= e.scaleStep), t.value = parseFloat(t.value.toFixed(3));
+    }, f = n(() => t.value < 1), h = () => {
+      t.value = 1;
     }, g = () => {
-      r.value = 1;
-    }, o = m(0), _ = () => {
-      const t = e.src.length - 1, i = a.value - 1;
-      i < 0 ? a.value = t : a.value = i;
+      t.value = 1;
+    }, o = s(0), _ = () => {
+      const r = e.src.length - 1, i = a.value - 1;
+      i < 0 ? a.value = r : a.value = i;
     }, L = () => {
-      const t = e.src.length - 1, i = a.value + 1;
-      i > t ? a.value = 0 : a.value = i;
-    }, B = l(() => {
-      let t = {
-        icon: H,
+      const r = e.src.length - 1, i = a.value + 1;
+      i > r ? a.value = 0 : a.value = i;
+    }, A = n(() => {
+      let r = {
+        icon: R,
         handler: g
       };
-      return f.value && (t = {
-        icon: P,
+      return f.value && (r = {
+        icon: Z,
         handler: h
-      }), t;
+      }), r;
     }), C = [
       {
-        icon: R,
+        icon: T,
         handler: c
       },
       {
-        icon: T,
+        icon: D,
         handler: p
       },
       {
-        icon: D,
+        icon: V,
         handler: d
       },
       {
-        icon: V,
+        icon: P,
         handler: v
       }
-    ], s = I, M = l(() => Array.isArray(e.src) && e.src.length > 0), u = (t) => typeof t == "number" ? `${t}px` : t, O = l(() => ({
+    ], m = w, N = n(() => Array.isArray(e.src) && e.src.length > 0), M = n(() => e.showNavigationButtons && N.value), u = (r) => typeof r == "number" ? `${r}px` : r, O = n(() => ({
       ...e.width !== void 0 && { "--width": u(e.width) },
       ...e.height !== void 0 && { "--height": u(e.height) }
-    })), k = l(() => ({
+    })), k = n(() => ({
       ...e.navigationButtonMargin !== void 0 && {
         "--nmorph-image-preview-btn-margin": u(e.navigationButtonMargin)
       }
-    })), N = { props: e, open: n, modifiers: b, currentIndex: a, triggerSource: q, scaleLevel: r, clickHandler: x, closeHandler: w, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: o, previousHandler: _, nextHandler: L, enlargeShrinkActionData: B, actions: C, emit: s, multipleSources: M, getCssSize: u, triggerStyle: O, portalStyle: k, get NmorphImage() {
-      return G;
+    })), y = { props: e, open: l, modifiers: q, currentIndex: a, triggerSource: b, scaleLevel: t, clickHandler: x, closeHandler: B, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: o, previousHandler: _, nextHandler: L, enlargeShrinkActionData: A, actions: C, emit: m, multipleSources: N, showNavigation: M, getCssSize: u, triggerStyle: O, portalStyle: k, get NmorphImage() {
+      return J;
     }, get NmorphButton() {
-      return E;
+      return G;
     }, get NmorphIcon() {
-      return j;
+      return E;
     }, get NmorphOverlay() {
-      return $;
+      return j;
     }, get NmorphIconChevronDown() {
-      return Z;
+      return $;
     } };
-    return Object.defineProperty(N, "__isScriptSetup", { enumerable: !1, value: !0 }), N;
+    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
 });
 export {
-  le as default
+  ie as default
 };