@nmorph/nmorph-ui-kit 2.2.41 → 2.2.43

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

@@ -1,59 +1,84 @@
 import './NmorphQRCode.css';
-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 = {
+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"], $ = {
   key: 1,
   class: "nmorph-qr-code__error"
-};
-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", {
+}, 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", {
         key: 0,
         class: "nmorph-qr-code__svg",
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: `0 0 ${e.viewBoxSize} ${e.viewBoxSize}`,
+        viewBox: `0 0 ${i.value} ${i.value}`,
         role: "img",
         "shape-rendering": "crispEdges"
       }, [
-        e.props.title ? (o(), r(
-          "title",
-          h,
-          t(e.props.title),
-          1
-          /* TEXT */
-        )) : d("v-if", !0),
-        i("rect", {
+        e.title ? (n(), a("title", S, c(e.title), 1)) : C("", !0),
+        m("rect", {
           width: "100%",
           height: "100%",
-          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 */
-          )
+          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)
         ])
       ]))
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const z = /* @__PURE__ */ _(l, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-qr-code/NmorphQRCode.vue"]]);
+    ], 6));
+  }
+});
 export {
-  z as default
+  L as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphQRCode.css';
+import o from "./NmorphQRCode.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

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

@@ -1,62 +1,55 @@
 import './NmorphSkeleton.css';
-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 = {
+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 = {
   key: 0,
   class: "nmorph-skeleton__rows"
-}, 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]
+}, 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]
       ]),
-      s(n(
-        "div",
-        y,
-        [
-          l(t.$slots, "default")
-        ],
-        512
-        /* NEED_PATCH */
-      ), [
-        [i, !e.props.loading]
+      a(s("div", V, [
+        l(r.$slots, "default")
+      ], 512), [
+        [i, !e.loading]
       ])
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const E = /* @__PURE__ */ k(m, [["render", S], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-skeleton/NmorphSkeleton.vue"]]);
+    ], 6));
+  }
+});
 export {
-  E as default
+  D as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphSkeleton.css';
+import o from "./NmorphSkeleton.vue.js";
+/* empty css                    */
+export {
+  o as default
+};

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

@@ -1,36 +1,42 @@
 import './NmorphSkeletonItem.css';
-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, {
+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), {
           key: 0,
-          width: e.props.width,
-          height: e.props.height
+          width: e.width,
+          height: e.height
         }, {
-          default: h(() => [
-            s(e.NmorphIconImage)
+          default: u(() => [
+            f(i(v))
           ]),
           _: 1
-          /* STABLE */
-        }, 8, ["width", "height"])) : a("v-if", !0)
+        }, 8, ["width", "height"])) : _("", !0)
       ])
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const y = /* @__PURE__ */ l(t, [["render", d], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue"]]);
+    ], 6));
+  }
+});
 export {
-  y as default
+  z as default
 };

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

@@ -0,0 +1,6 @@
+import './NmorphSkeletonItem.css';
+import o from "./NmorphSkeletonItem.vue.js";
+/* empty css                        */
+export {
+  o as default
+};