@nmorph/nmorph-ui-kit 2.2.52 → 2.2.53

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

@@ -1,100 +1,84 @@
 import './NmorphProgress.css';
-import { defineComponent as z, computed as r, ref as m, onMounted as $, openBlock as t, createElementBlock as o, normalizeStyle as C, normalizeClass as V, createElementVNode as a, renderSlot as p, createTextVNode as u, toDisplayString as h, createCommentVNode as c } from "vue";
-import { useModifiers as w } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as x, createCssVariables as A } from "../../../utils/common.js";
-const B = {
+import _ from "./NmorphProgress.vue2.js";
+import { openBlock as e, createElementBlock as s, normalizeStyle as d, normalizeClass as p, createElementVNode as o, renderSlot as c, createTextVNode as n, toDisplayString as a, createCommentVNode as i } from "vue";
+/* empty css                    */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
   key: 0,
   class: "nmorph-progress__linear"
-}, N = { class: "nmorph-progress__outer" }, b = { class: "nmorph-progress__inner" }, D = {
+}, g = { class: "nmorph-progress__outer" }, f = { class: "nmorph-progress__inner" }, y = {
   key: 0,
   class: "nmorph-progress__inner-text"
-}, I = {
+}, v = {
   key: 0,
   class: "nmorph-progress__percentage"
-}, M = {
+}, k = {
   key: 1,
   class: "nmorph-progress__circle"
-}, P = { class: "nmorph-progress__circle-inner-part" }, T = ["width", "height"], E = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], G = /* @__PURE__ */ z({
-  __name: "NmorphProgress",
-  props: {
-    type: { default: "linear" },
-    color: { type: [String, Array, Function], default: "var(--nmorph-accent-color)" },
-    percentage: {},
-    valueInside: { type: Boolean, default: !1 },
-    valueRightSide: { type: Boolean, default: !0 },
-    indeterminate: { type: Boolean, default: !1 },
-    circleSize: { default: 120 },
-    height: { default: void 0 },
-    widthTransition: { default: void 0 },
-    indeterminateAnimation: { default: void 0 }
-  },
-  setup(l) {
-    const e = l, v = r(
-      () => w({
-        "nmorph-progress": []
-      })
-    ), f = r(() => Array.isArray(e.color) ? e.color.find((i) => i.percentage <= e.percentage)?.color : typeof e.color == "function" ? e.color(e.percentage) : e.color), g = r(() => e.indeterminate ? "var(--animation)" : "none"), d = m(null), s = m(1), _ = r(() => `${s.value} ${s.value}`), y = r(() => s.value - e.percentage / 100 * s.value);
-    $(() => {
-      d.value && (s.value = 2 * Math.PI * d.value.r.baseVal.value);
-    });
-    const S = r(() => `${e.circleSize}px`), n = r(() => `${e.percentage}%`), k = r(() => ({
-      ...A({
-        "--nmorph-progress-percentage": n.value,
-        "--nmorph-progress-color": f.value,
-        "--nmorph-progress-animation": g.value,
-        "--nmorph-progress-circle-size": S.value,
-        "--width-transition": e.widthTransition,
-        "--animation": e.indeterminateAnimation
-      }),
-      ...x({
-        "--height": e.height
-      })
-    }));
-    return (i, R) => (t(), o("div", {
-      class: V(v.value),
-      style: C(k.value)
-    }, [
-      e.type === "linear" ? (t(), o("div", B, [
-        a("div", N, [
-          a("div", b, [
-            l.valueInside ? (t(), o("div", D, [
-              p(i.$slots, "inner-text", {}, () => [
-                u(h(n.value), 1)
+}, S = { class: "nmorph-progress__circle-inner-part" }, z = ["width", "height"], x = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"];
+function N(t, P, l, r, D, V) {
+  return e(), s(
+    "div",
+    {
+      class: p(r.modifiers),
+      style: d(r.styles)
+    },
+    [
+      r.props.type === "linear" ? (e(), s("div", m, [
+        o("div", g, [
+          o("div", f, [
+            l.valueInside ? (e(), s("div", y, [
+              c(t.$slots, "inner-text", {}, () => [
+                n(
+                  a(r.displayPercentage),
+                  1
+                  /* TEXT */
+                )
               ])
-            ])) : c("", !0)
+            ])) : i("v-if", !0)
           ])
         ]),
-        l.valueRightSide ? (t(), o("div", I, [
-          p(i.$slots, "right-side", {}, () => [
-            u(h(n.value), 1)
+        l.valueRightSide ? (e(), s("div", v, [
+          c(t.$slots, "right-side", {}, () => [
+            n(
+              a(r.displayPercentage),
+              1
+              /* TEXT */
+            )
           ])
-        ])) : c("", !0)
-      ])) : c("", !0),
-      e.type === "circle" ? (t(), o("div", M, [
-        a("div", P, [
-          p(i.$slots, "circle-inner-part", {}, () => [
-            u(h(n.value), 1)
+        ])) : i("v-if", !0)
+      ])) : i("v-if", !0),
+      r.props.type === "circle" ? (e(), s("div", k, [
+        o("div", S, [
+          c(t.$slots, "circle-inner-part", {}, () => [
+            n(
+              a(r.displayPercentage),
+              1
+              /* TEXT */
+            )
           ])
         ]),
-        (t(), o("svg", {
-          width: e.circleSize,
-          height: e.circleSize
+        (e(), s("svg", {
+          width: r.props.circleSize,
+          height: r.props.circleSize
         }, [
-          a("circle", {
-            ref_key: "circle",
-            ref: d,
+          o("circle", {
+            ref: "circle",
             class: "nmorph-progress__circle-ring",
-            cx: e.circleSize / 2,
-            cy: e.circleSize / 2,
-            r: e.circleSize / 2 - 2,
-            "stroke-dasharray": _.value,
-            "stroke-dashoffset": y.value
-          }, null, 8, E)
-        ], 8, T))
-      ])) : c("", !0)
-    ], 6));
-  }
-});
+            cx: r.props.circleSize / 2,
+            cy: r.props.circleSize / 2,
+            r: r.props.circleSize / 2 - 2,
+            "stroke-dasharray": r.strokeDasharray,
+            "stroke-dashoffset": r.strokeDashoffset
+          }, null, 8, x)
+        ], 8, z))
+      ])) : i("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const E = /* @__PURE__ */ h(_, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-progress/NmorphProgress.vue"]]);
 export {
-  G as default
+  E as default
 };

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

@@ -0,0 +1,47 @@
+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 { createCssSizeVariables as q, createCssVariables as _ } from "../../../utils/common.js";
+const C = /* @__PURE__ */ v({
+  __name: "NmorphProgress",
+  props: {
+    type: { type: String, required: !1, default: "linear" },
+    color: { type: [String, Array, Function], required: !1, default: "var(--nmorph-accent-color)" },
+    percentage: { type: Number, required: !0 },
+    valueInside: { type: Boolean, required: !1, default: !1 },
+    valueRightSide: { type: Boolean, required: !1, default: !0 },
+    indeterminate: { type: Boolean, required: !1, default: !1 },
+    circleSize: { type: Number, required: !1, default: 120 },
+    height: { type: [Number, String], required: !1, default: void 0 },
+    widthTransition: { type: String, required: !1, default: void 0 },
+    indeterminateAnimation: { type: String, required: !1, default: void 0 }
+  },
+  setup(c, { expose: p }) {
+    p();
+    const e = c, d = r(
+      () => 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"), a = u(null), t = u(1), f = r(() => `${t.value} ${t.value}`), m = r(() => t.value - e.percentage / 100 * t.value);
+    y(() => {
+      a.value && (t.value = 2 * Math.PI * a.value.r.baseVal.value);
+    });
+    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 {
+  C as default
+};

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

@@ -1,84 +1,59 @@
 import './NmorphQRCode.css';
-import { defineComponent as _, computed as o, openBlock as n, createElementBlock as a, normalizeStyle as V, normalizeClass as x, toDisplayString as c, createCommentVNode as C, createElementVNode as m, renderSlot as k, createTextVNode as z } from "vue";
-import { useModifiers as w } from "../../../utils/create-modifiers.js";
-import { createCssVariables as y, createCssSizeVariables as b } from "../../../utils/common.js";
-import { createNmorphQRCode as u } from "./qr-code.js";
-const q = ["viewBox"], S = { key: 0 }, B = ["fill"], N = ["d", "fill"], $ = {
+import l from "./NmorphQRCode.vue2.js";
+import { openBlock as o, createElementBlock as r, normalizeStyle as n, normalizeClass as c, toDisplayString as t, createCommentVNode as d, createElementVNode as i, renderSlot as a, createTextVNode as m } from "vue";
+/* empty css                  */
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = ["viewBox"], h = { key: 0 }, f = ["fill"], g = ["d", "fill"], v = {
   key: 1,
   class: "nmorph-qr-code__error"
-}, L = /* @__PURE__ */ _({
-  __name: "NmorphQRCode",
-  props: {
-    value: { default: "" },
-    size: { default: 160 },
-    margin: { default: 4 },
-    color: { default: "var(--nmorph-text-color)" },
-    background: { default: "var(--nmorph-main-color)" },
-    level: { default: "medium" },
-    minVersion: { default: 1 },
-    maxVersion: { default: 40 },
-    title: { default: "" }
-  },
-  setup(d) {
-    const e = d, l = o(() => {
-      try {
-        return u(String(e.value), {
-          errorCorrectionLevel: e.level,
-          minVersion: e.minVersion,
-          maxVersion: e.maxVersion
-        }), "";
-      } catch (r) {
-        return r instanceof Error ? r.message : "Unable to create QR code.";
-      }
-    }), t = o(() => l.value ? null : u(String(e.value), {
-      errorCorrectionLevel: e.level,
-      minVersion: e.minVersion,
-      maxVersion: e.maxVersion
-    })), i = o(() => t.value ? t.value.size + e.margin * 2 : 1), v = o(() => t.value ? t.value.modules.flatMap(
-      (r, s) => r.map((h, g) => h ? `M${g + e.margin} ${s + e.margin}h1v1h-1z` : "").filter(Boolean)
-    ).join("") : ""), p = o(() => ({
-      ...b({
-        "--nmorph-qr-code-size": e.size
-      }),
-      ...y({
-        "--nmorph-qr-code-color": e.color,
-        "--nmorph-qr-code-background": e.background
-      })
-    })), f = o(
-      () => w({
-        "nmorph-qr-code": [l.value && "error"]
-      })
-    );
-    return (r, s) => (n(), a("div", {
-      class: x(f.value),
-      style: V(p.value)
-    }, [
-      t.value ? (n(), a("svg", {
+};
+function w(s, x, y, e, k, B) {
+  return o(), r(
+    "div",
+    {
+      class: c(e.modifiers),
+      style: n(e.styles)
+    },
+    [
+      e.qrCode ? (o(), r("svg", {
         key: 0,
         class: "nmorph-qr-code__svg",
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: `0 0 ${i.value} ${i.value}`,
+        viewBox: `0 0 ${e.viewBoxSize} ${e.viewBoxSize}`,
         role: "img",
         "shape-rendering": "crispEdges"
       }, [
-        e.title ? (n(), a("title", S, c(e.title), 1)) : C("", !0),
-        m("rect", {
+        e.props.title ? (o(), r(
+          "title",
+          h,
+          t(e.props.title),
+          1
+          /* TEXT */
+        )) : d("v-if", !0),
+        i("rect", {
           width: "100%",
           height: "100%",
-          fill: e.background
-        }, null, 8, B),
-        m("path", {
-          d: v.value,
-          fill: e.color
-        }, null, 8, N)
-      ], 8, q)) : (n(), a("div", $, [
-        k(r.$slots, "error", { message: l.value }, () => [
-          z(c(l.value), 1)
+          fill: e.props.background
+        }, null, 8, f),
+        i("path", {
+          d: e.path,
+          fill: e.props.color
+        }, null, 8, g)
+      ], 8, p)) : (o(), r("div", v, [
+        a(s.$slots, "error", { message: e.errorMessage }, () => [
+          m(
+            t(e.errorMessage),
+            1
+            /* TEXT */
+          )
         ])
       ]))
-    ], 6));
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const z = /* @__PURE__ */ _(l, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-qr-code/NmorphQRCode.vue"]]);
 export {
-  L as default
+  z as default
 };

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

@@ -0,0 +1,55 @@
+import './NmorphQRCode.css';
+import { defineComponent as g, computed as r } from "vue";
+import { useModifiers as q } from "../../../utils/create-modifiers.js";
+import { createCssVariables as b, createCssSizeVariables as h } from "../../../utils/common.js";
+import { createNmorphQRCode as a } from "./qr-code.js";
+const x = /* @__PURE__ */ g({
+  __name: "NmorphQRCode",
+  props: {
+    value: { type: [String, Number], required: !1, default: "" },
+    size: { type: [Number, String], required: !1, default: 160 },
+    margin: { type: Number, required: !1, default: 4 },
+    color: { type: String, required: !1, default: "var(--nmorph-text-color)" },
+    background: { type: String, required: !1, default: "var(--nmorph-main-color)" },
+    level: { type: String, required: !1, default: "medium" },
+    minVersion: { type: Number, required: !1, default: 1 },
+    maxVersion: { type: Number, required: !1, default: 40 },
+    title: { type: String, required: !1, default: "" }
+  },
+  setup(s, { expose: l }) {
+    l();
+    const e = s, n = r(() => {
+      try {
+        return a(String(e.value), {
+          errorCorrectionLevel: e.level,
+          minVersion: e.minVersion,
+          maxVersion: e.maxVersion
+        }), "";
+      } catch (t) {
+        return t instanceof Error ? t.message : "Unable to create QR code.";
+      }
+    }), o = r(() => n.value ? null : a(String(e.value), {
+      errorCorrectionLevel: e.level,
+      minVersion: e.minVersion,
+      maxVersion: e.maxVersion
+    })), 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(() => ({
+      ...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: u, path: m, styles: d, modifiers: p };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  x as default
+};

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

@@ -1,55 +1,62 @@
 import './NmorphSkeleton.css';
-import { defineComponent as u, computed as n, openBlock as t, createElementBlock as o, normalizeStyle as _, normalizeClass as f, Fragment as h, renderList as g, createBlock as k, unref as v, createCommentVNode as w, withDirectives as a, createElementVNode as s, renderSlot as l, vShow as i } from "vue";
-import { useModifiers as y } from "../../../utils/create-modifiers.js";
-import { createCssVariables as B } from "../../../utils/common.js";
-import C from "./components/NmorphSkeletonItem.vue.js";
-/* empty css                                   */
-const S = {
+import m from "./NmorphSkeleton.vue2.js";
+import { openBlock as o, createElementBlock as r, normalizeStyle as p, normalizeClass as c, Fragment as d, renderList as _, createBlock as h, createCommentVNode as f, withDirectives as s, createElementVNode as n, renderSlot as l, vShow as i } from "vue";
+/* empty css                    */
+import k from "../../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, N = { class: "nmorph-skeleton__template" }, V = { class: "nmorph-skeleton__default" }, D = /* @__PURE__ */ u({
-  __name: "NmorphSkeleton",
-  props: {
-    animated: { type: Boolean, default: !0 },
-    loading: { type: Boolean, default: !0 },
-    rows: { default: 0 },
-    loadingGradient: { default: void 0 }
-  },
-  setup(d) {
-    const e = d, m = n(
-      () => y({
-        "nmorph-skeleton": [e.animated && e.loading && "loading"]
-      })
-    ), c = n(
-      () => B({
-        "--loading-gradient": e.loadingGradient
-      })
-    );
-    return (r, $) => (t(), o("div", {
-      class: f(m.value),
-      style: _(c.value)
-    }, [
-      e.rows && e.loading ? (t(), o("div", S, [
-        (t(!0), o(h, null, g(e.rows, (p) => (t(), k(v(C), {
-          key: p,
-          width: "100%",
-          height: "14px",
-          variant: "rect"
-        }))), 128))
-      ])) : w("", !0),
-      a(s("div", N, [
-        l(r.$slots, "template")
-      ], 512), [
-        [i, !e.rows && e.loading]
+}, w = { class: "nmorph-skeleton__template" }, y = { class: "nmorph-skeleton__default" };
+function S(t, g, N, e, u, B) {
+  return o(), r(
+    "div",
+    {
+      class: c(e.modifiers),
+      style: p(e.styles)
+    },
+    [
+      e.props.rows && e.props.loading ? (o(), r("div", v, [
+        (o(!0), r(
+          d,
+          null,
+          _(e.props.rows, (a) => (o(), h(e.NmorphSkeletonItem, {
+            key: a,
+            width: "100%",
+            height: "14px",
+            variant: "rect"
+          }))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])) : f("v-if", !0),
+      s(n(
+        "div",
+        w,
+        [
+          l(t.$slots, "template")
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [i, !e.props.rows && e.props.loading]
       ]),
-      a(s("div", V, [
-        l(r.$slots, "default")
-      ], 512), [
-        [i, !e.loading]
+      s(n(
+        "div",
+        y,
+        [
+          l(t.$slots, "default")
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [i, !e.props.loading]
       ])
-    ], 6));
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const E = /* @__PURE__ */ k(m, [["render", S], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-skeleton/NmorphSkeleton.vue"]]);
 export {
-  D as default
+  E as default
 };

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

@@ -0,0 +1,32 @@
+import './NmorphSkeleton.css';
+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 },
+    loading: { type: Boolean, required: !1, default: !0 },
+    rows: { type: Number, required: !1, default: 0 },
+    loadingGradient: { type: String, required: !1, default: void 0 }
+  },
+  setup(o, { expose: n }) {
+    n();
+    const e = o, a = r(
+      () => s({
+        "nmorph-skeleton": [e.animated && e.loading && "loading"]
+      })
+    ), 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 {
+  _ as default
+};

package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js

@@ -1,42 +1,36 @@
 import './NmorphSkeletonItem.css';
-import { defineComponent as s, computed as t, openBlock as o, createElementBlock as h, normalizeStyle as l, normalizeClass as c, createElementVNode as d, createBlock as p, unref as i, withCtx as u, createVNode as f, createCommentVNode as _ } from "vue";
-import { useModifiers as g } from "../../../../utils/create-modifiers.js";
-import k from "../../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                         */
-import v from "../../../../assets/icons/image.svg.js";
-const w = { class: "nmorph-skeleton-item__element" }, z = /* @__PURE__ */ s({
-  __name: "NmorphSkeletonItem",
-  props: {
-    variant: { default: "rect" },
-    width: { default: "auto" },
-    height: { default: "auto" },
-    design: { default: "nmorph" }
-  },
-  setup(n) {
-    const e = n, r = t(
-      () => g({
-        "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
-      })
-    ), m = t(() => e.width), a = t(() => e.height);
-    return (N, C) => (o(), h("div", {
-      class: c(r.value),
-      style: l({ "--nmorph-skeleton-item-width": m.value, "--nmorph-skeleton-item-height": a.value })
-    }, [
-      d("div", w, [
-        e.variant === "image" ? (o(), p(i(k), {
+import t from "./NmorphSkeletonItem.vue2.js";
+import { openBlock as o, createElementBlock as r, normalizeStyle as i, normalizeClass as m, createElementVNode as n, createBlock as c, withCtx as h, createVNode as s, createCommentVNode as a } from "vue";
+/* empty css                        */
+import l from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "nmorph-skeleton-item__element" };
+function d(_, f, k, e, g, N) {
+  return o(), r(
+    "div",
+    {
+      class: m(e.modifiers),
+      style: i({ "--nmorph-skeleton-item-width": e.cssWidth, "--nmorph-skeleton-item-height": e.cssHeight })
+    },
+    [
+      n("div", p, [
+        e.props.variant === "image" ? (o(), c(e.NmorphIcon, {
           key: 0,
-          width: e.width,
-          height: e.height
+          width: e.props.width,
+          height: e.props.height
         }, {
-          default: u(() => [
-            f(i(v))
+          default: h(() => [
+            s(e.NmorphIconImage)
           ]),
           _: 1
-        }, 8, ["width", "height"])) : _("", !0)
+          /* STABLE */
+        }, 8, ["width", "height"])) : a("v-if", !0)
       ])
-    ], 6));
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+const y = /* @__PURE__ */ l(t, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue"]]);
 export {
-  z as default
+  y as default
 };

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

@@ -0,0 +1,30 @@
+import './NmorphSkeletonItem.css';
+import { defineComponent as s, computed as t } from "vue";
+import { useModifiers as u } from "../../../../utils/create-modifiers.js";
+import d from "../../../basic/nmorph-icon/NmorphIcon.vue.js";
+import a from "../../../../assets/icons/image.svg.js";
+const l = /* @__PURE__ */ s({
+  __name: "NmorphSkeletonItem",
+  props: {
+    variant: { type: null, required: !0, default: "rect" },
+    width: { type: String, required: !0, default: "auto" },
+    height: { type: String, required: !0, default: "auto" },
+    design: { type: String, required: !1, default: "nmorph" }
+  },
+  setup(o, { expose: n }) {
+    n();
+    const e = o, i = t(
+      () => u({
+        "nmorph-skeleton-item": [e.variant, `${e.design === "nmorph" ? "nmorph-design" : ""}`]
+      })
+    ), p = t(() => e.width), m = t(() => e.height), r = { props: e, modifiers: i, cssWidth: p, cssHeight: m, get NmorphIcon() {
+      return d;
+    }, get NmorphIconImage() {
+      return a;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  l as default
+};