@nmorph/nmorph-ui-kit 2.2.52 → 2.2.53

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

@@ -1,138 +1,97 @@
 import './NmorphPagination.css';
-import { defineComponent as O, computed as r, ref as E, watch as F, openBlock as m, createElementBlock as p, normalizeStyle as M, normalizeClass as g, createVNode as s, unref as o, withCtx as d, Fragment as z, renderList as R, createBlock as v, mergeProps as U, createCommentVNode as A } from "vue";
-import { useModifiers as D } from "../../../utils/create-modifiers.js";
-import c from "../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                          */
-import b from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import I from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
-/* empty css                                                  */
-import L from "../../form/nmorph-radio/NmorphRadio.vue.js";
-/* empty css                                       */
-import f from "../../../assets/icons/chevron-down.svg.js";
-const ee = /* @__PURE__ */ O({
-  __name: "NmorphPagination",
-  props: {
-    totalElementsQuantity: {},
-    modelValue: { default: 1 },
-    elementsQuantityOnPage: { default: 2 },
-    disabled: { type: Boolean, default: !1 },
-    hideOnSinglePage: { type: Boolean, default: !0 },
-    maxVisiblePages: { default: 9 },
-    fastForwardStep: { default: 5 },
-    height: { default: "basic" }
-  },
-  emits: ["update:model-value"],
-  setup(_, { emit: k }) {
-    const e = _, y = k, x = r(
-      () => D({
-        "nmorph-pagination": [e.disabled && "disabled"]
-      })
-    ), P = {
-      thick: "var(--thick-component)",
-      basic: "var(--default-thickness-component)",
-      thin: "var(--thin-component)"
-    }, S = r(() => ({
-      "--nmorph-pagination-height": P[e.height]
-    })), N = () => {
-      l.value = String(Number(l.value) - 1);
-    }, C = () => {
-      l.value = String(Number(l.value) + 1);
-    }, l = E(String(e.modelValue)), n = r(() => {
-      const a = e.totalElementsQuantity / e.elementsQuantityOnPage + 1, i = a % 1 === 0 ? -1 : 0;
-      return Array.from({ length: a + i }, (u, h) => ({ value: String(h + 1), label: String(h + 1) }));
-    }), V = r(() => e.hideOnSinglePage || e.totalElementsQuantity / e.elementsQuantityOnPage > 1);
-    F(l, (a) => {
-      y("update:model-value", Number(a));
-    });
-    const w = r(() => Number(l.value) === 1), B = r(() => n.value.length === Number(l.value)), Q = r(() => {
-      const a = n.value.length, i = Number(l.value), t = e.maxVisiblePages;
-      if (a <= t)
-        return n.value;
-      const u = Math.floor(t / 2);
-      return i <= u ? [...n.value.slice(0, t - 2), { value: "next", label: "..." }, n.value[a - 1]] : i >= a - u ? [n.value[0], { value: "prev", label: "..." }, ...n.value.slice(a - (t - 2))] : [
-        n.value[0],
-        { value: "prev", label: "..." },
-        ...n.value.slice(i - u, i + u - 1),
-        { value: "next", label: "..." },
-        n.value[a - 1]
-      ];
-    }), $ = (a) => {
-      const i = Number(l.value);
-      let t = a === "prev" ? i - e.fastForwardStep : i + e.fastForwardStep;
-      t <= 0 && (t = 1), t >= n.value.length && (t = n.value.length), l.value = String(t);
-    };
-    return (a, i) => V.value ? (m(), p("div", {
+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 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: g(x.value),
-      style: M(S.value)
-    }, [
-      s(o(c), {
+      class: t(o.modifiers),
+      style: p(o.paginationStyle)
+    },
+    [
+      i(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
-        height: e.height,
-        disabled: w.value || e.disabled,
-        onClick: N
+        height: o.props.height,
+        disabled: o.blockPrevButton || o.props.disabled,
+        onClick: o.prevClick
       }, {
-        default: d(() => [
-          s(o(b), { class: "nmorph-pagination__prev-icon" }, {
-            default: d(() => [
-              s(o(f))
+        default: a(() => [
+          i(o.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
+            default: a(() => [
+              i(o.NmorphIconChevronDown)
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["height", "disabled"]),
-      s(o(I), {
-        modelValue: l.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (t) => l.value = t),
+      i(o.NmorphRadioGroup, {
+        modelValue: o.selectedPage,
+        "onUpdate:modelValue": l[0] || (l[0] = (n) => o.selectedPage = n),
         class: "nmorph-pagination__page-group",
-        height: e.height,
-        disabled: e.disabled
+        height: o.props.height,
+        disabled: o.props.disabled
       }, {
-        default: d(() => [
-          (m(!0), p(z, null, R(Q.value, (t) => (m(), p("div", {
-            key: t.value,
-            class: "nmorph-pagination__page-btn-wrapper"
-          }, [
-            t.value === "prev" || t.value === "next" ? (m(), v(o(c), {
-              key: 0,
-              class: g(`nmorph-pagination__page-btn nmorph-pagination__${t.value}`),
-              text: t.label,
-              height: e.height,
-              disabled: e.disabled,
-              onClick: (u) => $(t.value)
-            }, null, 8, ["class", "text", "height", "disabled", "onClick"])) : (m(), v(o(L), U({
-              key: 1,
-              ref_for: !0
-            }, t, {
-              class: "nmorph-pagination__page-btn",
-              height: e.height,
-              disabled: e.disabled
-            }), null, 16, ["height", "disabled"]))
-          ]))), 128))
+        default: a(() => [
+          (e(!0), r(
+            m,
+            null,
+            c(o.visiblePages, (n) => (e(), r("div", {
+              key: n.value,
+              class: "nmorph-pagination__page-btn-wrapper"
+            }, [
+              n.value === "prev" || n.value === "next" ? (e(), h(o.NmorphButton, {
+                key: 0,
+                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"])) : (e(), h(o.NmorphRadio, s({
+                key: 1,
+                ref_for: !0
+              }, n, {
+                class: "nmorph-pagination__page-btn",
+                height: o.props.height,
+                disabled: o.props.disabled
+              }), null, 16, ["height", "disabled"]))
+            ]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["modelValue", "height", "disabled"]),
-      s(o(c), {
+      i(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
-        height: e.height,
-        disabled: B.value || e.disabled,
-        onClick: C
+        height: o.props.height,
+        disabled: o.blockNextButton || o.props.disabled,
+        onClick: o.nextClick
       }, {
-        default: d(() => [
-          s(o(b), { class: "nmorph-pagination__next-icon" }, {
-            default: d(() => [
-              s(o(f))
+        default: a(() => [
+          i(o.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
+            default: a(() => [
+              i(o.NmorphIconChevronDown)
             ]),
             _: 1
+            /* STABLE */
           })
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["height", "disabled"])
-    ], 6)) : A("", !0);
-  }
-});
+    ],
+    6
+    /* CLASS, STYLE */
+  )) : _("v-if", !0);
+}
+const w = /* @__PURE__ */ g(d, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
 export {
-  ee as default
+  w as default
 };

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

@@ -0,0 +1,77 @@
+import './NmorphPagination.css';
+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 },
+    modelValue: { type: Number, required: !1, default: 1 },
+    elementsQuantityOnPage: { type: Number, required: !1, default: 2 },
+    disabled: { type: Boolean, required: !1, default: !1 },
+    hideOnSinglePage: { type: Boolean, required: !1, default: !0 },
+    maxVisiblePages: { type: Number, required: !1, default: 9 },
+    fastForwardStep: { type: Number, required: !1, default: 5 },
+    height: { type: null, required: !1, default: "basic" }
+  },
+  emits: ["update:model-value"],
+  setup(c, { expose: d, emit: f }) {
+    d();
+    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)"
+    }, 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 = 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 = 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 ? [...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: "..." },
+        ...e.value.slice(n - u, n + u - 1),
+        { value: "next", label: "..." },
+        e.value[r - 1]
+      ];
+    }), 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 = 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 Q;
+    }, get NmorphButton() {
+      return O;
+    }, get NmorphIcon() {
+      return B;
+    }, get NmorphRadio() {
+      return w;
+    }, get NmorphIconChevronDown() {
+      return R;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
+export {
+  U as default
+};

package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js

@@ -1,110 +1,114 @@
 import './NmorphPreviewPortal.css';
-import { defineComponent as k, computed as u, openBlock as r, createBlock as B, Teleport as $, createElementVNode as f, normalizeStyle as N, normalizeClass as a, createVNode as o, unref as s, withCtx as l, renderSlot as v, createElementBlock as m, createCommentVNode as i } from "vue";
-import { createCssSizeVariables as x } from "../../../utils/common.js";
-import z from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-/* empty css                                             */
-import c from "../../basic/nmorph-button/NmorphButton.vue.js";
-/* empty css                                          */
-import w from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-/* empty css                                      */
-import C from "../../../assets/icons/chevron-down.svg.js";
-const D = /* @__PURE__ */ k({
-  __name: "NmorphPreviewPortal",
-  props: {
-    show: { type: Boolean },
-    zIndex: { default: void 0 },
-    rootClass: { default: "" },
-    stateClass: { default: "" },
-    contentClass: { default: "" },
-    leftClass: { default: "" },
-    rightClass: { default: "" },
-    actionsClass: { default: "" },
-    navigationButtonMargin: { default: void 0 },
-    showNavigation: { type: Boolean, default: !1 },
-    showActionBar: { type: Boolean, default: !1 }
-  },
-  emits: ["close", "previous", "next"],
-  setup(h, { emit: _ }) {
-    const e = h, n = _, y = u(() => [
-      "nmorph-preview-portal",
-      e.rootClass,
-      e.stateClass,
-      e.show && "nmorph-preview-portal--opened"
-    ]), g = u(
-      () => x({
-        "--nmorph-preview-portal-btn-margin": e.navigationButtonMargin
-      })
-    );
-    return (d, t) => e.show ? (r(), B($, {
-      key: 0,
-      to: "body"
-    }, [
-      f("div", {
-        class: a(y.value),
-        style: N(g.value)
-      }, [
-        o(s(z), {
-          show: e.show,
-          "z-index": e.zIndex,
+import v from "./NmorphPreviewPortal.vue2.js";
+import { openBlock as l, createBlock as c, Teleport as f, createElementVNode as m, normalizeStyle as h, normalizeClass as n, createVNode as e, withCtx as t, renderSlot as d, createElementBlock as s, createCommentVNode as i } from "vue";
+/* empty css                         */
+import w from "../../../_virtual/_plugin-vue_export-helper.js";
+function N(p, r, C, o, _, k) {
+  return o.props.show ? (l(), c(f, {
+    key: 0,
+    to: "body"
+  }, [
+    m(
+      "div",
+      {
+        class: n(o.rootClasses),
+        style: h(o.portalStyle)
+      },
+      [
+        e(o.NmorphOverlay, {
+          show: o.props.show,
+          "z-index": o.props.zIndex,
           "disabled-teleport": "",
-          onOnOutsideClick: t[2] || (t[2] = (p) => n("close")),
-          onOnEscapeKeydown: t[3] || (t[3] = (p) => n("close"))
+          onOnOutsideClick: r[2] || (r[2] = (a) => o.emit("close")),
+          onOnEscapeKeydown: r[3] || (r[3] = (a) => o.emit("close"))
         }, {
-          default: l(() => [
-            f("div", {
-              class: a(["nmorph-preview-portal__content", e.contentClass])
-            }, [
-              v(d.$slots, "default")
-            ], 2),
-            e.showNavigation ? (r(), m("div", {
-              key: 0,
-              class: a(["nmorph-preview-portal__left", e.leftClass])
-            }, [
-              o(s(c), {
-                onClick: t[0] || (t[0] = (p) => n("previous"))
-              }, {
-                default: l(() => [
-                  o(s(w), null, {
-                    default: l(() => [
-                      o(s(C))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ], 2)) : i("", !0),
-            e.showNavigation ? (r(), m("div", {
-              key: 1,
-              class: a(["nmorph-preview-portal__right", e.rightClass])
-            }, [
-              o(s(c), {
-                onClick: t[1] || (t[1] = (p) => n("next"))
-              }, {
-                default: l(() => [
-                  o(s(w), null, {
-                    default: l(() => [
-                      o(s(C))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ], 2)) : i("", !0),
-            e.showActionBar ? (r(), m("div", {
-              key: 2,
-              class: a(["nmorph-preview-portal__actions", e.actionsClass])
-            }, [
-              v(d.$slots, "actions")
-            ], 2)) : i("", !0)
+          default: t(() => [
+            m(
+              "div",
+              {
+                class: n(["nmorph-preview-portal__content", o.props.contentClass])
+              },
+              [
+                d(p.$slots, "default")
+              ],
+              2
+              /* CLASS */
+            ),
+            o.props.showNavigation ? (l(), s(
+              "div",
+              {
+                key: 0,
+                class: n(["nmorph-preview-portal__left", o.props.leftClass])
+              },
+              [
+                e(o.NmorphButton, {
+                  onClick: r[0] || (r[0] = (a) => o.emit("previous"))
+                }, {
+                  default: t(() => [
+                    e(o.NmorphIcon, null, {
+                      default: t(() => [
+                        e(o.NmorphIconChevronDown)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              2
+              /* CLASS */
+            )) : i("v-if", !0),
+            o.props.showNavigation ? (l(), s(
+              "div",
+              {
+                key: 1,
+                class: n(["nmorph-preview-portal__right", o.props.rightClass])
+              },
+              [
+                e(o.NmorphButton, {
+                  onClick: r[1] || (r[1] = (a) => o.emit("next"))
+                }, {
+                  default: t(() => [
+                    e(o.NmorphIcon, null, {
+                      default: t(() => [
+                        e(o.NmorphIconChevronDown)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              2
+              /* CLASS */
+            )) : i("v-if", !0),
+            o.props.showActionBar ? (l(), s(
+              "div",
+              {
+                key: 2,
+                class: n(["nmorph-preview-portal__actions", o.props.actionsClass])
+              },
+              [
+                d(p.$slots, "actions")
+              ],
+              2
+              /* CLASS */
+            )) : i("v-if", !0)
           ]),
           _: 3
+          /* FORWARDED */
         }, 8, ["show", "z-index"])
-      ], 6)
-    ])) : i("", !0);
-  }
-});
+      ],
+      6
+      /* CLASS, STYLE */
+    )
+  ])) : i("v-if", !0);
+}
+const I = /* @__PURE__ */ w(v, [["render", N], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue"]]);
 export {
-  D as default
+  I as default
 };

package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue2.js

@@ -0,0 +1,49 @@
+import './NmorphPreviewPortal.css';
+import { defineComponent as l, computed as t } from "vue";
+import { createCssSizeVariables as u } from "../../../utils/common.js";
+import m from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import f from "../../../assets/icons/chevron-down.svg.js";
+import d from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import c from "../../basic/nmorph-button/NmorphButton.vue.js";
+const q = /* @__PURE__ */ l({
+  __name: "NmorphPreviewPortal",
+  props: {
+    show: { type: Boolean, required: !0 },
+    zIndex: { type: Number, required: !1, default: void 0 },
+    rootClass: { type: String, required: !1, default: "" },
+    stateClass: { type: String, required: !1, default: "" },
+    contentClass: { type: String, required: !1, default: "" },
+    leftClass: { type: String, required: !1, default: "" },
+    rightClass: { type: String, required: !1, default: "" },
+    actionsClass: { type: String, required: !1, default: "" },
+    navigationButtonMargin: { type: [Number, String], required: !1, default: void 0 },
+    showNavigation: { type: Boolean, required: !1, default: !1 },
+    showActionBar: { type: Boolean, required: !1, default: !1 }
+  },
+  emits: ["close", "previous", "next"],
+  setup(o, { expose: a, emit: n }) {
+    a();
+    const e = o, s = n, i = t(() => [
+      "nmorph-preview-portal",
+      e.rootClass,
+      e.stateClass,
+      e.show && "nmorph-preview-portal--opened"
+    ]), p = t(
+      () => u({
+        "--nmorph-preview-portal-btn-margin": e.navigationButtonMargin
+      })
+    ), r = { props: e, emit: s, rootClasses: i, portalStyle: p, get NmorphButton() {
+      return c;
+    }, get NmorphIcon() {
+      return d;
+    }, get NmorphIconChevronDown() {
+      return f;
+    }, get NmorphOverlay() {
+      return m;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  q as default
+};