@nmorph/nmorph-ui-kit 2.2.35 → 2.2.37

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

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

package/dist/components/data/nmorph-qr-code/NmorphQRCode.css

@@ -0,0 +1 @@
+.nmorph-qr-code{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:var(--nmorph-qr-code-size);height:var(--nmorph-qr-code-size);padding:var(--indentation-02);color:var(--nmorph-text-color);background:var(--nmorph-qr-code-background);border-radius:var(--default-border-radius);box-shadow:var(--nmorph-shadow-outset)}.nmorph-qr-code .nmorph-qr-code__svg{display:block;width:100%;height:100%}.nmorph-qr-code .nmorph-qr-code__error{box-sizing:border-box;max-width:100%;padding:var(--indentation-02);overflow:hidden;color:var(--nmorph-error-text-color);font-size:var(--font-size-extra-small);line-height:var(--line-height-regular);text-align:center;text-overflow:ellipsis}

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

@@ -0,0 +1,59 @@
+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 = {
+  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", {
+        key: 0,
+        class: "nmorph-qr-code__svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: `0 0 ${e.viewBoxSize} ${e.viewBoxSize}`,
+        role: "img",
+        "shape-rendering": "crispEdges"
+      }, [
+        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.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
+    /* CLASS, STYLE */
+  );
+}
+const z = /* @__PURE__ */ _(l, [["render", w], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-qr-code/NmorphQRCode.vue"]]);
+export {
+  z as default
+};

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

@@ -0,0 +1,51 @@
+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 { createNmorphQRCode as a } from "./qr-code.js";
+const _ = /* @__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(u, { expose: l }) {
+    l();
+    const e = u, 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
+    })), 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)
+    ).join("") : ""), d = r(() => ({
+      "--nmorph-qr-code-size": h(e.size),
+      "--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 };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+export {
+  _ as default
+};