@nmorph/nmorph-ui-kit 2.2.51 → 2.2.53

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
+};