@nmorph/nmorph-ui-kit 2.2.37 → 2.2.39

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

@@ -1,29 +1,29 @@
 import './NmorphImagePreview.css';
 import p from "./NmorphImagePreview.vue2.js";
-import { openBlock as n, createElementBlock as l, Fragment as h, normalizeStyle as c, normalizeClass as v, createElementVNode as a, createVNode as e, createSlots as _, withCtx as r, renderSlot as t, createCommentVNode as d, createBlock as m, Teleport as k, withDirectives as w, renderList as y, resolveDynamicComponent as g, vShow as N } 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 d, createCommentVNode as t, createBlock as c, Teleport as k, renderList as y, resolveDynamicComponent as f } from "vue";
 /* empty css                        */
-import C from "../../../_virtual/_plugin-vue_export-helper.js";
-const I = { class: "nmorph-image-preview__content" }, S = {
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "nmorph-image-preview__content" }, C = {
   key: 0,
   class: "nmorph-image-preview__left"
-}, b = {
+}, I = {
   key: 1,
   class: "nmorph-image-preview__right"
-}, B = {
+}, S = {
   key: 2,
   class: "nmorph-image-preview__actions"
-}, D = { class: "nmorph-image-preview__action-element" };
-function z(i, H, L, o, O, A) {
-  return n(), l(
+}, b = { class: "nmorph-image-preview__action-element" };
+function B(l, z, D, o, H, L) {
+  return n(), i(
     h,
     null,
     [
-      o.props.showTrigger ? (n(), l(
+      o.props.showTrigger ? (n(), i(
         "div",
         {
           key: 0,
           class: v(o.modifiers),
-          style: c(o.triggerStyle)
+          style: m(o.triggerStyle)
         },
         [
           a("div", {
@@ -39,17 +39,17 @@ function z(i, H, L, o, O, A) {
               _: 2
               /* DYNAMIC */
             }, [
-              i.$slots.loading ? {
+              l.$slots.loading ? {
                 name: "loading",
                 fn: r(() => [
-                  t(i.$slots, "loading")
+                  d(l.$slots, "loading")
                 ]),
                 key: "0"
               } : void 0,
-              i.$slots.error ? {
+              l.$slots.error ? {
                 name: "error",
                 fn: r(() => [
-                  t(i.$slots, "error")
+                  d(l.$slots, "error")
                 ]),
                 key: "1"
               } : void 0
@@ -58,13 +58,16 @@ function z(i, H, L, o, O, A) {
         ],
         6
         /* CLASS, STYLE */
-      )) : d("v-if", !0),
-      (n(), m(k, { to: "body" }, [
-        w(a(
+      )) : t("v-if", !0),
+      o.open ? (n(), c(k, {
+        key: 1,
+        to: "body"
+      }, [
+        a(
           "div",
           {
             class: v(["nmorph-image-preview__portal", o.modifiers]),
-            style: c(o.portalStyle)
+            style: m(o.portalStyle)
           },
           [
             e(o.NmorphOverlay, {
@@ -76,34 +79,34 @@ function z(i, H, L, o, O, A) {
               onOnEscapeKeydown: o.closeHandler
             }, {
               default: r(() => [
-                a("div", I, [
+                a("div", N, [
                   e(o.NmorphImage, {
                     src: o.triggerSource,
                     alt: o.props.alt,
                     fit: "contain",
                     "frame-border": 0,
-                    style: c({ transform: `rotate(${o.rotateLevel}deg) scale(${o.scaleLevel})` })
+                    style: m({ transform: `rotate(${o.rotateLevel}deg) scale(${o.scaleLevel})` })
                   }, _({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    i.$slots.loading ? {
+                    l.$slots.loading ? {
                       name: "loading",
                       fn: r(() => [
-                        t(i.$slots, "loading")
+                        d(l.$slots, "loading")
                       ]),
                       key: "0"
                     } : void 0,
-                    i.$slots.error ? {
+                    l.$slots.error ? {
                       name: "error",
                       fn: r(() => [
-                        t(i.$slots, "error")
+                        d(l.$slots, "error")
                       ]),
                       key: "1"
                     } : void 0
                   ]), 1032, ["src", "alt", "style"])
                 ]),
-                o.showNavigation ? (n(), l("div", S, [
+                o.showNavigation ? (n(), i("div", C, [
                   e(o.NmorphButton, { onClick: o.previousHandler }, {
                     default: r(() => [
                       e(o.NmorphIcon, null, {
@@ -117,8 +120,8 @@ function z(i, H, L, o, O, A) {
                     _: 1
                     /* STABLE */
                   })
-                ])) : d("v-if", !0),
-                o.showNavigation ? (n(), l("div", b, [
+                ])) : t("v-if", !0),
+                o.showNavigation ? (n(), i("div", I, [
                   e(o.NmorphButton, { onClick: o.nextHandler }, {
                     default: r(() => [
                       e(o.NmorphIcon, null, {
@@ -132,13 +135,13 @@ function z(i, H, L, o, O, A) {
                     _: 1
                     /* STABLE */
                   })
-                ])) : d("v-if", !0),
-                o.props.showActionBar ? (n(), l("div", B, [
-                  (n(), l(
+                ])) : t("v-if", !0),
+                o.props.showActionBar ? (n(), i("div", S, [
+                  (n(), i(
                     h,
                     null,
-                    y(o.actions, (s, f) => a("div", {
-                      key: f,
+                    y(o.actions, (s, g) => a("div", {
+                      key: g,
                       class: "nmorph-image-preview__action-element"
                     }, [
                       e(o.NmorphButton, {
@@ -150,7 +153,7 @@ function z(i, H, L, o, O, A) {
                             null,
                             {
                               default: r(() => [
-                                (n(), m(g(s.icon)))
+                                (n(), c(f(s.icon)))
                               ]),
                               _: 2
                               /* DYNAMIC */
@@ -166,7 +169,7 @@ function z(i, H, L, o, O, A) {
                     64
                     /* STABLE_FRAGMENT */
                   )),
-                  a("div", D, [
+                  a("div", b, [
                     e(o.NmorphButton, {
                       disabled: o.scaleLevel === 1,
                       onClick: o.enlargeShrinkActionData.handler
@@ -174,7 +177,7 @@ function z(i, H, L, o, O, A) {
                       default: r(() => [
                         e(o.NmorphIcon, null, {
                           default: r(() => [
-                            (n(), m(g(o.enlargeShrinkActionData.icon)))
+                            (n(), c(f(o.enlargeShrinkActionData.icon)))
                           ]),
                           _: 1
                           /* STABLE */
@@ -184,7 +187,7 @@ function z(i, H, L, o, O, A) {
                       /* STABLE */
                     }, 8, ["disabled", "onClick"])
                   ])
-                ])) : d("v-if", !0)
+                ])) : t("v-if", !0)
               ]),
               _: 3
               /* FORWARDED */
@@ -192,16 +195,14 @@ function z(i, H, L, o, O, A) {
           ],
           6
           /* CLASS, STYLE */
-        ), [
-          [N, o.open]
-        ])
-      ]))
+        )
+      ])) : t("v-if", !0)
     ],
     64
     /* STABLE_FRAGMENT */
   );
 }
-const j = /* @__PURE__ */ C(p, [["render", z], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
+const P = /* @__PURE__ */ w(p, [["render", B], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image-preview/NmorphImagePreview.vue"]]);
 export {
-  j as default
+  P as default
 };

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

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

package/dist/components/data/nmorph-progress/NmorphProgress.vue2.js

@@ -1,8 +1,8 @@
 import './NmorphProgress.css';
 import { defineComponent as v, computed as r, ref as u, onMounted as y } from "vue";
 import { useModifiers as S } from "../../../utils/create-modifiers.js";
-import { toCssSize as q } from "../../../utils/common.js";
-const z = /* @__PURE__ */ v({
+import { createCssSizeVariables as q, createCssVariables as _ } from "../../../utils/common.js";
+const C = /* @__PURE__ */ v({
   __name: "NmorphProgress",
   props: {
     type: { type: String, required: !1, default: "linear" },
@@ -22,22 +22,26 @@ const z = /* @__PURE__ */ v({
       () => S({
         "nmorph-progress": []
       })
-    ), n = r(() => Array.isArray(e.color) ? e.color.find((h) => h.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), o = r(() => e.indeterminate ? "var(--animation)" : "none"), i = u(null), t = u(1), f = r(() => `${t.value} ${t.value}`), m = r(() => t.value - e.percentage / 100 * t.value);
+    ), n = r(() => Array.isArray(e.color) ? e.color.find((h) => h.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), o = r(() => e.indeterminate ? "var(--animation)" : "none"), a = u(null), t = u(1), f = r(() => `${t.value} ${t.value}`), m = r(() => t.value - e.percentage / 100 * t.value);
     y(() => {
-      i.value && (t.value = 2 * Math.PI * i.value.r.baseVal.value);
+      a.value && (t.value = 2 * Math.PI * a.value.r.baseVal.value);
     });
-    const a = r(() => `${e.circleSize}px`), s = r(() => `${e.percentage}%`), g = r(() => ({
-      "--nmorph-progress-percentage": s.value,
-      "--nmorph-progress-color": n.value,
-      "--nmorph-progress-animation": o.value,
-      "--nmorph-progress-circle-size": a.value,
-      ...e.height !== void 0 && { "--height": q(e.height) },
-      ...e.widthTransition !== void 0 && { "--width-transition": e.widthTransition },
-      ...e.indeterminateAnimation !== void 0 && { "--animation": e.indeterminateAnimation }
-    })), l = { props: e, modifiers: d, color: n, animation: o, circle: i, circumference: t, strokeDasharray: f, strokeDashoffset: m, circleContainerSize: a, displayPercentage: s, styles: g };
+    const i = r(() => `${e.circleSize}px`), s = r(() => `${e.percentage}%`), g = r(() => ({
+      ..._({
+        "--nmorph-progress-percentage": s.value,
+        "--nmorph-progress-color": n.value,
+        "--nmorph-progress-animation": o.value,
+        "--nmorph-progress-circle-size": i.value,
+        "--width-transition": e.widthTransition,
+        "--animation": e.indeterminateAnimation
+      }),
+      ...q({
+        "--height": e.height
+      })
+    })), l = { props: e, modifiers: d, color: n, animation: o, circle: a, circumference: t, strokeDasharray: f, strokeDashoffset: m, circleContainerSize: i, displayPercentage: s, styles: g };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
 export {
-  z as default
+  C as default
 };

package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue2.js

@@ -1,9 +1,9 @@
 import './NmorphQRCode.css';
 import { defineComponent as g, computed as r } from "vue";
 import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import { toCssSize as h } from "../../../utils/common.js";
+import { createCssVariables as b, createCssSizeVariables as h } from "../../../utils/common.js";
 import { createNmorphQRCode as a } from "./qr-code.js";
-const _ = /* @__PURE__ */ g({
+const x = /* @__PURE__ */ g({
   __name: "NmorphQRCode",
   props: {
     value: { type: [String, Number], required: !1, default: "" },
@@ -16,9 +16,9 @@ const _ = /* @__PURE__ */ g({
     maxVersion: { type: Number, required: !1, default: 40 },
     title: { type: String, required: !1, default: "" }
   },
-  setup(u, { expose: l }) {
+  setup(s, { expose: l }) {
     l();
-    const e = u, n = r(() => {
+    const e = s, n = r(() => {
       try {
         return a(String(e.value), {
           errorCorrectionLevel: e.level,
@@ -32,20 +32,24 @@ const _ = /* @__PURE__ */ g({
       errorCorrectionLevel: e.level,
       minVersion: e.minVersion,
       maxVersion: e.maxVersion
-    })), s = r(() => o.value ? o.value.size + e.margin * 2 : 1), m = r(() => o.value ? o.value.modules.flatMap(
-      (t, f) => t.map((c, v) => c ? `M${v + e.margin} ${f + e.margin}h1v1h-1z` : "").filter(Boolean)
+    })), u = r(() => o.value ? o.value.size + e.margin * 2 : 1), m = r(() => o.value ? o.value.modules.flatMap(
+      (t, c) => t.map((f, v) => f ? `M${v + e.margin} ${c + e.margin}h1v1h-1z` : "").filter(Boolean)
     ).join("") : ""), d = r(() => ({
-      "--nmorph-qr-code-size": h(e.size),
-      "--nmorph-qr-code-color": e.color,
-      "--nmorph-qr-code-background": e.background
+      ...h({
+        "--nmorph-qr-code-size": e.size
+      }),
+      ...b({
+        "--nmorph-qr-code-color": e.color,
+        "--nmorph-qr-code-background": e.background
+      })
     })), p = r(
       () => q({
         "nmorph-qr-code": [n.value && "error"]
       })
-    ), i = { props: e, errorMessage: n, qrCode: o, viewBoxSize: s, path: m, styles: d, modifiers: p };
+    ), i = { props: e, errorMessage: n, qrCode: o, viewBoxSize: u, path: m, styles: d, modifiers: p };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  _ as default
+  x as default
 };

package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue2.js

@@ -1,8 +1,9 @@
 import './NmorphSkeleton.css';
-import { defineComponent as d, computed as o } from "vue";
-import { useModifiers as l } from "../../../utils/create-modifiers.js";
-import s from "./components/NmorphSkeletonItem.vue.js";
-const f = /* @__PURE__ */ d({
+import { defineComponent as d, computed as r } from "vue";
+import { useModifiers as s } from "../../../utils/create-modifiers.js";
+import { createCssVariables as l } from "../../../utils/common.js";
+import p from "./components/NmorphSkeletonItem.vue.js";
+const _ = /* @__PURE__ */ d({
   __name: "NmorphSkeleton",
   props: {
     animated: { type: Boolean, required: !1, default: !0 },
@@ -10,20 +11,22 @@ const f = /* @__PURE__ */ d({
     rows: { type: Number, required: !1, default: 0 },
     loadingGradient: { type: String, required: !1, default: void 0 }
   },
-  setup(r, { expose: n }) {
+  setup(o, { expose: n }) {
     n();
-    const e = r, a = o(
-      () => l({
+    const e = o, a = r(
+      () => s({
         "nmorph-skeleton": [e.animated && e.loading && "loading"]
       })
-    ), i = o(() => ({
-      ...e.loadingGradient !== void 0 && { "--loading-gradient": e.loadingGradient }
-    })), t = { props: e, modifiers: a, styles: i, get NmorphSkeletonItem() {
-      return s;
+    ), i = r(
+      () => l({
+        "--loading-gradient": e.loadingGradient
+      })
+    ), t = { props: e, modifiers: a, styles: i, get NmorphSkeletonItem() {
+      return p;
     } };
     return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
   }
 });
 export {
-  f as default
+  _ as default
 };

package/dist/components/data/nmorph-table/NmorphTable.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphTable.css';
-import { defineComponent as K, computed as a, ref as n, provide as B, watch as Q, nextTick as V } from "vue";
-import { useModifiers as z } from "../../../utils/create-modifiers.js";
-import { generateUUID as Y, toCssSize as M, resolveDomElement as $ } from "../../../utils/common.js";
-import F from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
-import { useVirtualList as G } from "../../../hooks/use-virtual-list.js";
-const le = /* @__PURE__ */ K({
+import { defineComponent as j, computed as l, ref as n, provide as M, watch as P, nextTick as z } from "vue";
+import { useModifiers as K } from "../../../utils/create-modifiers.js";
+import { generateUUID as Q, toCssSize as Y, createCssSizeVariables as $, createCssVariables as F, resolveDomElement as G } from "../../../utils/common.js";
+import { useVirtualList as J } from "../../../hooks/use-virtual-list.js";
+import X from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
+const oe = /* @__PURE__ */ j({
   __name: "NmorphTable",
   props: {
     data: { type: Array, required: !1, default: () => [] },
@@ -21,37 +21,37 @@ const le = /* @__PURE__ */ K({
     cellHeight: { type: [Number, String], required: !1, default: void 0 },
     rowHoverBackground: { type: String, required: !1, default: void 0 }
   },
-  setup(_, { expose: T }) {
-    T();
-    const t = _, I = a(
-      () => z({
+  setup(_, { expose: B }) {
+    B();
+    const t = _, T = l(
+      () => K({
         "nmorph-table": [t.design]
       })
-    ), o = n([...t.data]), u = a(() => t.virtual), b = a(() => t.virtualRowHeight), H = a(() => t.virtualOverscan), S = a(() => t.virtualDynamicHeight), r = G(o, {
+    ), o = n([...t.data]), u = l(() => t.virtual), w = l(() => t.virtualRowHeight), H = l(() => t.virtualOverscan), S = l(() => t.virtualDynamicHeight), r = J(o, {
       enabled: u,
-      itemHeight: b,
+      itemHeight: w,
       overscan: H,
       dynamic: S
-    }), x = a(
-      () => u.value ? r.virtualItems.value : o.value.map((e, l) => ({ item: e, index: l }))
-    ), C = a(() => x.value.map((e) => e.item)), s = n(-1), h = n(0), d = n(t.sort), W = (e, l) => {
-      d.value && (d.value[l] = e, o.value.sort((g, y) => {
-        const w = String(g[l]).toLowerCase(), i = String(y[l]).toLowerCase();
+    }), C = l(
+      () => u.value ? r.virtualItems.value : o.value.map((e, a) => ({ item: e, index: a }))
+    ), x = l(() => C.value.map((e) => e.item)), s = n(-1), h = n(0), d = n(t.sort), I = (e, a) => {
+      d.value && (d.value[a] = e, o.value.sort((g, y) => {
+        const b = String(g[a]).toLowerCase(), i = String(y[a]).toLowerCase();
         if (!d.value)
           return 0;
-        const f = d.value[l];
-        return f === "ascending" ? w.localeCompare(i) : f === "descending" ? i.localeCompare(w) : 0;
+        const f = d.value[a];
+        return f === "ascending" ? b.localeCompare(i) : f === "descending" ? i.localeCompare(b) : 0;
       }));
     }, m = n(null), c = n([]);
-    B("table-data", { rows: C, columns: c });
-    const D = a(() => {
-      const e = c.value.map((i) => i.width).filter((i) => !!i), l = e.length, g = e.reduce((i, f) => (i += Number(f), i), 0), y = c.value.length - l;
+    M("table-data", { rows: x, columns: c });
+    const D = l(() => {
+      const e = c.value.map((i) => i.width).filter((i) => !!i), a = e.length, g = e.reduce((i, f) => (i += Number(f), i), 0), y = c.value.length - a;
       return m.value?.clientWidth ? (m.value?.clientWidth - g) / y : 0;
-    }), N = (e) => e !== "" ? e : D.value, p = n(0);
-    Q(
+    }), W = (e) => e !== "" ? e : D.value, p = n(0);
+    P(
       () => t.data,
       async () => {
-        p.value = p.value + 1, o.value = [...t.data], c.value = [], await V();
+        p.value = p.value + 1, o.value = [...t.data], c.value = [], await z();
         const e = r.containerRef.value;
         e && (e.scrollTop = Math.min(
           h.value,
@@ -62,34 +62,38 @@ const le = /* @__PURE__ */ K({
         immediate: !0
       }
     );
-    const O = (e) => typeof e == "object" ? "" : e, R = Y();
-    B("table-identifier", R);
-    const q = a(() => M(t.virtualHeight)), A = a(() => ({
-      ...t.borderColor !== void 0 && { "--border-color": t.borderColor },
-      ...t.cellHeight !== void 0 && { "--table-cell-height": M(t.cellHeight) },
-      ...t.rowHoverBackground !== void 0 && { "--table-background-row-hover": t.rowHoverBackground }
-    })), E = a(() => ({
+    const N = (e) => typeof e == "object" ? "" : e, R = Q();
+    M("table-identifier", R);
+    const q = l(() => Y(t.virtualHeight)), O = l(() => ({
+      ...F({
+        "--border-color": t.borderColor,
+        "--table-background-row-hover": t.rowHoverBackground
+      }),
+      ...$({
+        "--table-cell-height": t.cellHeight
+      })
+    })), A = l(() => ({
       "--table-virtual-row-height": `${t.virtualRowHeight}px`,
       height: u.value ? q.value : void 0,
       overflowY: u.value ? "auto" : void 0
-    })), L = r.spacerStyle, U = r.contentStyle, j = (e, l) => {
-      r.measureElement(l, $(e));
-    }, P = () => {
+    })), E = r.spacerStyle, L = r.contentStyle, U = (e, a) => {
+      r.measureElement(a, G(e));
+    }, V = () => {
       r.scrollHandler(), h.value = r.containerRef.value?.scrollTop || 0;
     }, v = (e) => {
       if (!o.value.length) return;
-      const l = s.value < 0 ? 0 : Math.min(Math.max(s.value + e, 0), o.value.length - 1);
-      s.value = l, r.scrollToIndex(l);
-    }, k = { props: t, modifiers: I, rows: o, virtualEnabled: u, virtualRowHeight: b, virtualOverscan: H, virtualDynamicHeight: S, virtualList: r, renderedRows: x, tableRows: C, activeRowIndex: s, lastScrollTop: h, sortData: d, onSort: W, nmorphDOMTable: m, columns: c, defaultColWidth: D, getWidth: N, key: p, tableData: O, tableIdentifier: R, virtualHeight: q, tableStyle: A, tableBodyStyle: E, virtualSpacerStyle: L, virtualContentStyle: U, setVirtualRowRef: j, scrollHandler: P, moveActiveRow: v, tableKeydownHandler: (e) => {
+      const a = s.value < 0 ? 0 : Math.min(Math.max(s.value + e, 0), o.value.length - 1);
+      s.value = a, r.scrollToIndex(a);
+    }, k = { props: t, modifiers: T, rows: o, virtualEnabled: u, virtualRowHeight: w, virtualOverscan: H, virtualDynamicHeight: S, virtualList: r, renderedRows: C, tableRows: x, activeRowIndex: s, lastScrollTop: h, sortData: d, onSort: I, nmorphDOMTable: m, columns: c, defaultColWidth: D, getWidth: W, key: p, tableData: N, tableIdentifier: R, virtualHeight: q, tableStyle: O, tableBodyStyle: A, virtualSpacerStyle: E, virtualContentStyle: L, setVirtualRowRef: U, scrollHandler: V, moveActiveRow: v, tableKeydownHandler: (e) => {
       u.value && (e.key === "ArrowDown" ? (e.preventDefault(), v(1)) : e.key === "ArrowUp" ? (e.preventDefault(), v(-1)) : e.key === "Home" ? (e.preventDefault(), s.value = 0, r.scrollToIndex(0)) : e.key === "End" ? (e.preventDefault(), s.value = o.value.length - 1, r.scrollToIndex(o.value.length - 1)) : e.key === "PageDown" ? (e.preventDefault(), v(
         Math.max(Math.floor((r.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1)
       )) : e.key === "PageUp" && (e.preventDefault(), v(
         -Math.max(Math.floor((r.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1)
       )));
-    }, NmorphSortButton: F };
+    }, NmorphSortButton: X };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
 export {
-  le as default
+  oe as default
 };