@nmorph/nmorph-ui-kit 2.2.34 → 2.2.36

package/dist/components/basic/nmorph-layout/NmorphLayout.css

@@ -0,0 +1 @@
+.nmorph-layout{display:flex;flex-direction:column;gap:var(--nmorph-layout-gap);box-sizing:border-box;width:100%;min-width:0}.nmorph-layout--full-height{min-height:100%}.nmorph-layout .nmorph-layout__header,.nmorph-layout .nmorph-layout__footer{flex:0 0 auto;min-width:0}.nmorph-layout .nmorph-layout__body{display:flex;flex:1 1 auto;gap:var(--nmorph-layout-gap);min-width:0;min-height:0}.nmorph-layout .nmorph-layout__aside{flex:0 0 var(--nmorph-layout-aside-width);width:var(--nmorph-layout-aside-width);min-width:0}.nmorph-layout .nmorph-layout__main{flex:1 1 auto;min-width:0;min-height:0}

package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js

@@ -0,0 +1,50 @@
+import './NmorphLayout.css';
+import l from "./NmorphLayout.vue2.js";
+import { openBlock as s, createBlock as n, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as _, withCtx as c, createElementBlock as r, renderSlot as t, createCommentVNode as a, createElementVNode as i } from "vue";
+/* empty css                  */
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  key: 0,
+  class: "nmorph-layout__header"
+}, p = { class: "nmorph-layout__body" }, y = {
+  key: 0,
+  class: "nmorph-layout__aside"
+}, u = { class: "nmorph-layout__main" }, k = {
+  key: 1,
+  class: "nmorph-layout__aside"
+}, v = {
+  key: 1,
+  class: "nmorph-layout__footer"
+};
+function b(e, C, N, o, B, g) {
+  return s(), n(d(o.props.tag), {
+    class: _(o.modifiers),
+    style: m(o.styles)
+  }, {
+    default: c(() => [
+      o.slots.header ? (s(), r("header", f, [
+        t(e.$slots, "header")
+      ])) : a("v-if", !0),
+      i("div", p, [
+        o.slots.aside && o.props.asidePosition === "left" ? (s(), r("aside", y, [
+          t(e.$slots, "aside")
+        ])) : a("v-if", !0),
+        i("main", u, [
+          t(e.$slots, "default")
+        ]),
+        o.slots.aside && o.props.asidePosition === "right" ? (s(), r("aside", k, [
+          t(e.$slots, "aside")
+        ])) : a("v-if", !0)
+      ]),
+      o.slots.footer ? (s(), r("footer", v, [
+        t(e.$slots, "footer")
+      ])) : a("v-if", !0)
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
+}
+const S = /* @__PURE__ */ h(l, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
+export {
+  S as default
+};

package/dist/components/basic/nmorph-layout/NmorphLayout.vue2.js

@@ -0,0 +1,28 @@
+import './NmorphLayout.css';
+import { defineComponent as l, useSlots as d, computed as r } from "vue";
+import { useModifiers as f } from "../../../utils/create-modifiers.js";
+const g = /* @__PURE__ */ l({
+  __name: "NmorphLayout",
+  props: {
+    tag: { type: String, required: !1, default: "section" },
+    gap: { type: [Number, String], required: !1, default: 0 },
+    asideWidth: { type: [Number, String], required: !1, default: "240px" },
+    asidePosition: { type: String, required: !1, default: "left" },
+    fullHeight: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(i, { expose: a }) {
+    a();
+    const e = i, p = d(), u = r(
+      () => f({
+        "nmorph-layout": [`aside-${e.asidePosition}`, `${e.fullHeight && "full-height"}`]
+      })
+    ), t = (s) => typeof s == "number" ? `${s}px` : s, n = r(() => ({
+      "--nmorph-layout-gap": t(e.gap),
+      "--nmorph-layout-aside-width": t(e.asideWidth)
+    })), o = { props: e, slots: p, modifiers: u, getCssSize: t, styles: n };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  }
+});
+export {
+  g as default
+};

package/dist/components/basic/nmorph-space/NmorphSpace.css

@@ -0,0 +1 @@
+.nmorph-space{display:flex;flex-direction:row;gap:var(--nmorph-space-gap);justify-content:var(--nmorph-space-justify);align-items:var(--nmorph-space-align);min-width:0}.nmorph-space--column{flex-direction:column}.nmorph-space--wrap{flex-wrap:wrap}.nmorph-space--inline{display:inline-flex}.nmorph-space--fill{width:100%}

package/dist/components/basic/nmorph-space/NmorphSpace.vue.js

@@ -0,0 +1,21 @@
+import './NmorphSpace.css';
+import r from "./NmorphSpace.vue2.js";
+import { openBlock as s, createBlock as t, resolveDynamicComponent as a, normalizeStyle as l, normalizeClass as c, withCtx as n, renderSlot as p } from "vue";
+/* empty css                 */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function i(e, f, _, o, d, h) {
+  return s(), t(a(o.props.tag), {
+    class: c(o.modifiers),
+    style: l(o.styles)
+  }, {
+    default: n(() => [
+      p(e.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["class", "style"]);
+}
+const k = /* @__PURE__ */ m(r, [["render", i], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-space/NmorphSpace.vue"]]);
+export {
+  k as default
+};

package/dist/components/basic/nmorph-space/NmorphSpace.vue2.js

@@ -0,0 +1,45 @@
+import './NmorphSpace.css';
+import { defineComponent as d, computed as r } from "vue";
+import { useModifiers as m } from "../../../utils/create-modifiers.js";
+const g = /* @__PURE__ */ d({
+  __name: "NmorphSpace",
+  props: {
+    tag: { type: String, required: !1, default: "div" },
+    direction: { type: String, required: !1, default: "row" },
+    size: { type: [String, Number], required: !1, default: "medium" },
+    align: { type: String, required: !1, default: "start" },
+    justify: { type: String, required: !1, default: "start" },
+    wrap: { type: Boolean, required: !1, default: !1 },
+    inline: { type: Boolean, required: !1, default: !1 },
+    fill: { type: Boolean, required: !1, default: !1 }
+  },
+  setup(f, { expose: p }) {
+    p();
+    const e = f, i = {
+      small: "4px",
+      medium: "8px",
+      large: "16px"
+    }, o = r(
+      () => m({
+        "nmorph-space": [
+          e.direction,
+          `${e.wrap && "wrap"}`,
+          `${e.inline && "inline"}`,
+          `${e.fill && "fill"}`
+        ]
+      })
+    ), s = (t) => typeof t == "number" ? `${t}px` : i[t] || t, a = r(
+      () => e.align === "start" || e.align === "end" ? `flex-${e.align}` : e.align
+    ), n = r(
+      () => e.justify === "start" || e.justify === "end" ? `flex-${e.justify}` : e.justify
+    ), u = r(() => ({
+      "--nmorph-space-gap": s(e.size),
+      "--nmorph-space-align": a.value,
+      "--nmorph-space-justify": n.value
+    })), l = { props: e, sizeMap: i, modifiers: o, getCssSize: s, alignItems: a, justifyContent: n, styles: u };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+export {
+  g as default
+};

package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js

@@ -1,6 +1,6 @@
 import './NmorphAvatar.css';
 import p from "./NmorphAvatar.vue2.js";
-import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as i, withCtx as a, renderSlot as c, toDisplayString as s, createBlock as o, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
+import { openBlock as e, createElementBlock as l, normalizeStyle as n, normalizeClass as h, createVNode as o, withCtx as a, renderSlot as c, toDisplayString as s, createBlock as i, resolveDynamicComponent as d, createCommentVNode as v } from "vue";
 /* empty css                  */
 import S from "../../../_virtual/_plugin-vue_export-helper.js";
 function w(m, t, _, r, y, I) {
@@ -12,7 +12,7 @@ function w(m, t, _, r, y, I) {
       onClick: r.openPreview
     },
     [
-      i(r.NmorphImage, {
+      o(r.NmorphImage, {
         fit: r.props.fit,
         src: r.imageSrc,
         "src-set": r.props.srcSet,
@@ -22,9 +22,9 @@ function w(m, t, _, r, y, I) {
         onError: r.onImageError
       }, {
         loading: a(() => [
-          i(r.NmorphIcon, { size: "small" }, {
+          o(r.NmorphIcon, { size: "small" }, {
             default: a(() => [
-              i(r.NmorphIconLoader)
+              o(r.NmorphIconLoaderDots)
             ]),
             _: 1
             /* STABLE */
@@ -42,12 +42,12 @@ function w(m, t, _, r, y, I) {
               s(r.initials),
               5
               /* TEXT, STYLE */
-            )) : (e(), o(r.NmorphIcon, {
+            )) : (e(), i(r.NmorphIcon, {
               key: 1,
               width: r.stubIconSize
             }, {
               default: a(() => [
-                (e(), o(d(r.fallback)))
+                (e(), i(d(r.fallback)))
               ]),
               _: 1
               /* STABLE */
@@ -68,33 +68,33 @@ function w(m, t, _, r, y, I) {
           s(r.initials),
           5
           /* TEXT, STYLE */
-        )) : (e(), o(r.NmorphIcon, {
+        )) : (e(), i(r.NmorphIcon, {
           key: 1,
           width: r.stubIconSize
         }, {
           default: a(() => [
-            (e(), o(d(r.fallback)))
+            (e(), i(d(r.fallback)))
           ]),
           _: 1
           /* STABLE */
         }, 8, ["width"]))
       ]),
-      r.previewAvailable ? (e(), o(r.NmorphImagePreview, {
+      r.previewAvailable ? (e(), i(r.NmorphImagePreview, {
         key: 1,
+        modelValue: r.previewOpen,
+        "onUpdate:modelValue": t[0] || (t[0] = (f) => r.previewOpen = f),
         "show-trigger": !1,
-        "model-value": r.previewOpen,
         src: r.imagePreviewSrc,
         alt: r.props.alt,
         "initial-index": r.props.previewInitialIndex,
         "scale-step": r.props.previewScaleStep,
         "min-scale-level": r.props.previewMinScaleLevel,
-        "max-scale-level": r.props.previewMaxScaleLevel,
-        "onUpdate:modelValue": t[0] || (t[0] = (f) => r.previewOpen = f)
+        "max-scale-level": r.props.previewMaxScaleLevel
       }, {
         loading: a(() => [
-          i(r.NmorphIcon, { size: "small" }, {
+          o(r.NmorphIcon, { size: "small" }, {
             default: a(() => [
-              i(r.NmorphIconLoader)
+              o(r.NmorphIconLoaderDots)
             ]),
             _: 1
             /* STABLE */
@@ -102,7 +102,7 @@ function w(m, t, _, r, y, I) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["model-value", "src", "alt", "initial-index", "scale-step", "min-scale-level", "max-scale-level"])) : v("v-if", !0)
+      }, 8, ["modelValue", "src", "alt", "initial-index", "scale-step", "min-scale-level", "max-scale-level"])) : v("v-if", !0)
     ],
     6
     /* CLASS, STYLE */

package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js

@@ -63,7 +63,7 @@ const J = /* @__PURE__ */ $({
       return C;
     }, get NmorphIcon() {
       return k;
-    }, get NmorphIconLoader() {
+    }, get NmorphIconLoaderDots() {
       return M;
     }, NmorphImagePreview: L };
     return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;

package/dist/components/data/nmorph-empty/NmorphEmpty.css

@@ -1 +1 @@
-.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular)}.nmorph-empty .nmorph-empty__description{max-width:420px;color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}
+.nmorph-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--nmorph-empty-min-height);padding:var(--nmorph-empty-padding);color:var(--nmorph-text-color);text-align:center;border-radius:var(--default-border-radius)}.nmorph-empty .nmorph-empty__icon{display:flex;justify-content:center;align-items:center;width:var(--nmorph-empty-icon-size);height:var(--nmorph-empty-icon-size);color:var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__icon .nmorph-icon{--color: var(--nmorph-semi-contrast-text-color)}.nmorph-empty .nmorph-empty__title{max-width:100%;font-weight:600;font-size:var(--font-size-large);line-height:var(--line-height-regular);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__description{max-width:min(420px,100%);color:var(--nmorph-semi-contrast-text-color);font-weight:400;font-size:var(--font-size-small);line-height:var(--line-height-loose);overflow-wrap:anywhere}.nmorph-empty .nmorph-empty__action{display:flex;justify-content:center;max-width:100%;margin-top:4px}.nmorph-empty.nmorph-empty--nmorph{background:var(--nmorph-main-color)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-inset{box-shadow:var(--nmorph-shadow-inset)}.nmorph-empty.nmorph-empty--nmorph.nmorph--shadow-outset{box-shadow:var(--nmorph-shadow-outset)}.nmorph-empty.nmorph-empty--common{border:1px solid var(--nmorph-gray-color)}

package/dist/components/data/nmorph-pagination/NmorphPagination.vue.js

@@ -1,27 +1,27 @@
 import './NmorphPagination.css';
-import h from "./NmorphPagination.vue2.js";
-import { openBlock as a, createElementBlock as r, normalizeStyle as d, normalizeClass as l, createVNode as e, withCtx as i, Fragment as p, renderList as m, createBlock as t, mergeProps as c, createCommentVNode as _ } from "vue";
+import d from "./NmorphPagination.vue2.js";
+import { openBlock as e, createElementBlock as r, normalizeStyle as p, normalizeClass as t, createVNode as i, withCtx as a, Fragment as m, renderList as c, createBlock as h, mergeProps as s, createCommentVNode as _ } from "vue";
 /* empty css                      */
-import s from "../../../_virtual/_plugin-vue_export-helper.js";
-function g(b, v, f, o, k, N) {
-  return o.show ? (a(), r(
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+function b(f, l, v, o, k, N) {
+  return o.show ? (e(), r(
     "div",
     {
       key: 0,
-      class: l(o.modifiers),
-      style: d(o.paginationStyle)
+      class: t(o.modifiers),
+      style: p(o.paginationStyle)
     },
     [
-      e(o.NmorphButton, {
+      i(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
         height: o.props.height,
         disabled: o.blockPrevButton || o.props.disabled,
         onClick: o.prevClick
       }, {
-        default: i(() => [
-          e(o.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
-            default: i(() => [
-              e(o.NmorphIconChevronDown)
+        default: a(() => [
+          i(o.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
+            default: a(() => [
+              i(o.NmorphIconChevronDown)
             ]),
             _: 1
             /* STABLE */
@@ -30,29 +30,29 @@ function g(b, v, f, o, k, N) {
         _: 1
         /* STABLE */
       }, 8, ["height", "disabled"]),
-      e(o.NmorphRadioGroup, {
-        "model-value": o.selectedPage,
+      i(o.NmorphRadioGroup, {
+        modelValue: o.selectedPage,
+        "onUpdate:modelValue": l[0] || (l[0] = (n) => o.selectedPage = n),
         class: "nmorph-pagination__page-group",
         height: o.props.height,
-        disabled: o.props.disabled,
-        "onUpdate:modelValue": o.updateSelectedValue
+        disabled: o.props.disabled
       }, {
-        default: i(() => [
-          (a(!0), r(
-            p,
+        default: a(() => [
+          (e(!0), r(
+            m,
             null,
-            m(o.visiblePages, (n) => (a(), r("div", {
+            c(o.visiblePages, (n) => (e(), r("div", {
               key: n.value,
               class: "nmorph-pagination__page-btn-wrapper"
             }, [
-              n.value === "prev" || n.value === "next" ? (a(), t(o.NmorphButton, {
+              n.value === "prev" || n.value === "next" ? (e(), h(o.NmorphButton, {
                 key: 0,
-                class: l(`nmorph-pagination__page-btn nmorph-pagination__${n.value}`),
+                class: t(`nmorph-pagination__page-btn nmorph-pagination__${n.value}`),
                 text: n.label,
                 height: o.props.height,
                 disabled: o.props.disabled,
                 onClick: (x) => o.bigStepUpdate(n.value)
-              }, null, 8, ["class", "text", "height", "disabled", "onClick"])) : (a(), t(o.NmorphRadio, c({
+              }, null, 8, ["class", "text", "height", "disabled", "onClick"])) : (e(), h(o.NmorphRadio, s({
                 key: 1,
                 ref_for: !0
               }, n, {
@@ -67,17 +67,17 @@ function g(b, v, f, o, k, N) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["model-value", "height", "disabled"]),
-      e(o.NmorphButton, {
+      }, 8, ["modelValue", "height", "disabled"]),
+      i(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
         height: o.props.height,
         disabled: o.blockNextButton || o.props.disabled,
         onClick: o.nextClick
       }, {
-        default: i(() => [
-          e(o.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
-            default: i(() => [
-              e(o.NmorphIconChevronDown)
+        default: a(() => [
+          i(o.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
+            default: a(() => [
+              i(o.NmorphIconChevronDown)
             ]),
             _: 1
             /* STABLE */
@@ -91,7 +91,7 @@ function g(b, v, f, o, k, N) {
     /* CLASS, STYLE */
   )) : _("v-if", !0);
 }
-const u = /* @__PURE__ */ s(h, [["render", g], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
+const w = /* @__PURE__ */ g(d, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
 export {
-  u as default
+  w as default
 };

package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js

@@ -1,12 +1,12 @@
 import './NmorphPagination.css';
-import { defineComponent as q, computed as o, ref as x, watch as k } from "vue";
-import { useModifiers as w } from "../../../utils/create-modifiers.js";
-import B from "../../form/nmorph-radio/NmorphRadio.vue.js";
-import O from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import Q from "../../basic/nmorph-button/NmorphButton.vue.js";
-import R from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
-import V from "../../../assets/icons/chevron-down.svg.js";
-const j = /* @__PURE__ */ q({
+import { defineComponent as _, computed as o, ref as q, watch as x } from "vue";
+import { useModifiers as k } from "../../../utils/create-modifiers.js";
+import w from "../../form/nmorph-radio/NmorphRadio.vue.js";
+import B from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import O from "../../basic/nmorph-button/NmorphButton.vue.js";
+import Q from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
+import R from "../../../assets/icons/chevron-down.svg.js";
+const U = /* @__PURE__ */ _({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: { type: Number, required: !0 },
@@ -21,59 +21,57 @@ const j = /* @__PURE__ */ q({
   emits: ["update:model-value"],
   setup(c, { expose: d, emit: f }) {
     d();
-    const r = c, i = f, v = o(
-      () => w({
-        "nmorph-pagination": [`${r.disabled && "disabled"}`]
+    const t = c, i = f, g = o(
+      () => k({
+        "nmorph-pagination": [`${t.disabled && "disabled"}`]
       })
     ), s = {
       thick: "var(--thick-component)",
       basic: "var(--default-thickness-component)",
       thin: "var(--thin-component)"
-    }, g = o(() => ({
-      "--nmorph-pagination-height": s[r.height]
+    }, v = o(() => ({
+      "--nmorph-pagination-height": s[t.height]
     })), h = () => {
       a.value = String(Number(a.value) - 1);
     }, b = () => {
       a.value = String(Number(a.value) + 1);
-    }, a = x(String(r.modelValue)), t = o(() => {
-      const e = r.totalElementsQuantity / r.elementsQuantityOnPage + 1, n = e % 1 === 0 ? -1 : 0;
-      return Array.from({ length: e + n }, (u, p) => ({ value: String(p + 1), label: String(p + 1) }));
-    }), N = o(() => r.hideOnSinglePage || r.totalElementsQuantity / r.elementsQuantityOnPage > 1);
-    k(a, (e) => {
-      i("update:model-value", Number(e));
+    }, a = q(String(t.modelValue)), e = o(() => {
+      const r = t.totalElementsQuantity / t.elementsQuantityOnPage + 1, n = r % 1 === 0 ? -1 : 0;
+      return Array.from({ length: r + n }, (u, p) => ({ value: String(p + 1), label: String(p + 1) }));
+    }), N = o(() => t.hideOnSinglePage || t.totalElementsQuantity / t.elementsQuantityOnPage > 1);
+    x(a, (r) => {
+      i("update:model-value", Number(r));
     });
-    const y = (e) => {
-      a.value = e;
-    }, S = o(() => Number(a.value) === 1), P = o(() => t.value.length === Number(a.value)), _ = o(() => {
-      const e = t.value.length, n = Number(a.value), l = r.maxVisiblePages;
-      if (e <= l)
-        return t.value;
+    const y = o(() => Number(a.value) === 1), S = o(() => e.value.length === Number(a.value)), P = o(() => {
+      const r = e.value.length, n = Number(a.value), l = t.maxVisiblePages;
+      if (r <= l)
+        return e.value;
       const u = Math.floor(l / 2);
-      return n <= u ? [...t.value.slice(0, l - 2), { value: "next", label: "..." }, t.value[e - 1]] : n >= e - u ? [t.value[0], { value: "prev", label: "..." }, ...t.value.slice(e - (l - 2))] : [
-        t.value[0],
+      return n <= u ? [...e.value.slice(0, l - 2), { value: "next", label: "..." }, e.value[r - 1]] : n >= r - u ? [e.value[0], { value: "prev", label: "..." }, ...e.value.slice(r - (l - 2))] : [
+        e.value[0],
         { value: "prev", label: "..." },
-        ...t.value.slice(n - u, n + u - 1),
+        ...e.value.slice(n - u, n + u - 1),
         { value: "next", label: "..." },
-        t.value[e - 1]
+        e.value[r - 1]
       ];
-    }), m = { props: r, emit: i, modifiers: v, heightMap: s, paginationStyle: g, prevClick: h, nextClick: b, selectedPage: a, pages: t, show: N, updateSelectedValue: y, blockPrevButton: S, blockNextButton: P, visiblePages: _, bigStepUpdate: (e) => {
+    }), m = { props: t, emit: i, modifiers: g, heightMap: s, paginationStyle: v, prevClick: h, nextClick: b, selectedPage: a, pages: e, show: N, blockPrevButton: y, blockNextButton: S, visiblePages: P, bigStepUpdate: (r) => {
       const n = Number(a.value);
-      let l = e === "prev" ? n - r.fastForwardStep : n + r.fastForwardStep;
-      l <= 0 && (l = 1), l >= t.value.length && (l = t.value.length), a.value = String(l);
+      let l = r === "prev" ? n - t.fastForwardStep : n + t.fastForwardStep;
+      l <= 0 && (l = 1), l >= e.value.length && (l = e.value.length), a.value = String(l);
     }, get NmorphRadioGroup() {
-      return R;
-    }, get NmorphButton() {
       return Q;
-    }, get NmorphIcon() {
+    }, get NmorphButton() {
       return O;
-    }, get NmorphRadio() {
+    }, get NmorphIcon() {
       return B;
+    }, get NmorphRadio() {
+      return w;
     }, get NmorphIconChevronDown() {
-      return V;
+      return R;
     } };
     return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  j as default
+  U 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,50 @@
+import './NmorphQRCode.css';
+import { defineComponent as q, computed as o } from "vue";
+import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { createNmorphQRCode as s } from "./qr-code.js";
+const x = /* @__PURE__ */ q({
+  __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 = o(() => {
+      try {
+        return s(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(() => n.value ? null : s(String(e.value), {
+      errorCorrectionLevel: e.level,
+      minVersion: e.minVersion,
+      maxVersion: e.maxVersion
+    })), m = o(() => t.value ? t.value.size + e.margin * 2 : 1), d = o(() => t.value ? t.value.modules.flatMap(
+      (r, f) => r.map((g, v) => g ? `M${v + e.margin} ${f + e.margin}h1v1h-1z` : "").filter(Boolean)
+    ).join("") : ""), i = (r) => typeof r == "number" ? `${r}px` : r, p = o(() => ({
+      "--nmorph-qr-code-size": i(e.size),
+      "--nmorph-qr-code-color": e.color,
+      "--nmorph-qr-code-background": e.background
+    })), c = o(
+      () => y({
+        "nmorph-qr-code": [`${n.value && "error"}`]
+      })
+    ), a = { props: e, errorMessage: n, qrCode: t, viewBoxSize: m, path: d, getCssSize: i, styles: p, modifiers: c };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+export {
+  x as default
+};