@nmorph/nmorph-ui-kit 2.2.35 → 2.2.37

package/dist/components/data/nmorph-card/NmorphCard.vue2.js

@@ -1,8 +1,9 @@
 import './NmorphCard.css';
-import { defineComponent as f, useSlots as l, computed as o } from "vue";
-import { NmorphShadowType as u } from "../../../types/index.js";
-import { useModifiers as m } from "../../../utils/create-modifiers.js";
-const b = /* @__PURE__ */ f({
+import { defineComponent as n, useSlots as p, computed as d } from "vue";
+import { NmorphShadowType as l } from "../../../types/index.js";
+import { useModifiers as u } from "../../../utils/create-modifiers.js";
+import { toCssSize as f } from "../../../utils/common.js";
+const S = /* @__PURE__ */ n({
   __name: "NmorphCard",
   props: {
     shadowType: { type: null, required: !1, default: "outset" },
@@ -12,22 +13,22 @@ const b = /* @__PURE__ */ f({
     fill: { type: Boolean, required: !1, default: !0 },
     tag: { type: String, required: !1, default: "div" }
   },
-  setup(i, { expose: s }) {
-    s();
-    const e = i, a = l(), n = o(
-      () => m({
-        nmorph: [u[e.shadowType]],
+  setup(o, { expose: t }) {
+    t();
+    const e = o, i = p(), a = d(
+      () => u({
+        nmorph: [l[e.shadowType]],
         "nmorph-card": [e.shadowType, e.fill ? "fill" : "fit-content"]
       })
-    ), d = (r) => typeof r == "number" ? `${r}px` : r, p = o(() => ({
+    ), s = d(() => ({
       ...e.shadowType === "combined" && {
         "--nmorph-card-combined-border-width": `${e.combinedShadowBorderWidth}px`
       },
-      ...e.cardPadding !== void 0 && { "--card-padding": d(e.cardPadding) }
-    })), t = { props: e, slots: a, modifiers: n, getCssSize: d, styles: p };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+      ...e.cardPadding !== void 0 && { "--card-padding": f(e.cardPadding) }
+    })), r = { props: e, slots: i, modifiers: a, styles: s };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {
-  b as default
+  S as default
 };

package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue2.js

@@ -1,8 +1,8 @@
 import './NmorphCollapseItem.css';
 import { defineComponent as H, ref as u, computed as d, inject as b, onMounted as z, onBeforeUnmount as M, watch as h, nextTick as w } from "vue";
 import { useModifiers as g } from "../../../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as $ } from "../../../../../types/index.js";
-const D = /* @__PURE__ */ H({
+import { NmorphComponentHeight as x } from "../../../../../types/index.js";
+const N = /* @__PURE__ */ H({
   __name: "NmorphCollapseItem",
   props: {
     height: { type: null, required: !1, default: "basic" },
@@ -17,15 +17,11 @@ const D = /* @__PURE__ */ H({
     O();
     const e = y, p = _, n = u(!1), k = d(
       () => g({
-        "nmorph-collapse-item": [
-          `${e.disabled && "disabled"}`,
-          `${e.block && "block"}`,
-          `${n.value && "is-open"}`
-        ]
+        "nmorph-collapse-item": [e.disabled && "disabled", e.block && "block", n.value && "is-open"]
       })
     ), S = d(
       () => g({
-        nmorph: [$[e.height]]
+        nmorph: [x[e.height]]
       })
     ), c = (t) => typeof t == "number" ? `${t}ms` : t, C = d(() => ({
       ...e.transitionSpeed !== void 0 && { "--transition-speed": c(e.transitionSpeed) }
@@ -56,5 +52,5 @@ const D = /* @__PURE__ */ H({
   }
 });
 export {
-  D as default
+  N as default
 };

package/dist/components/data/nmorph-empty/NmorphEmpty.vue.js

@@ -14,7 +14,7 @@ const y = ["role", "aria-label"], f = {
   key: 2,
   class: "nmorph-empty__action"
 };
-function k(e, z, b, o, g, C) {
+function k(e, z, b, o, C, E) {
   return t(), i("div", {
     class: d(o.modifiers),
     style: m(o.styles),
@@ -24,8 +24,8 @@ function k(e, z, b, o, g, C) {
     o.hasIcon ? (t(), i("div", f, [
       r(e.$slots, "icon", {}, () => [
         n(o.NmorphIcon, {
-          width: o.getCssSize(o.props.iconSize),
-          height: o.getCssSize(o.props.iconSize)
+          width: o.toCssSize(o.props.iconSize),
+          height: o.toCssSize(o.props.iconSize)
         }, {
           default: p(() => [
             n(o.NmorphIconFolderOpened)

package/dist/components/data/nmorph-empty/NmorphEmpty.vue2.js

@@ -1,10 +1,11 @@
 import './NmorphEmpty.css';
-import { defineComponent as f, useSlots as c, computed as t } from "vue";
-import { NmorphShadowType as h } from "../../../types/index.js";
-import { useModifiers as y } from "../../../utils/create-modifiers.js";
+import { defineComponent as u, useSlots as f, computed as t } from "vue";
+import { NmorphShadowType as c } from "../../../types/index.js";
+import { useModifiers as h } from "../../../utils/create-modifiers.js";
+import { toCssSize as r } from "../../../utils/common.js";
 import g from "../../../assets/icons/folder-opened.svg.js";
-import S from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-const z = /* @__PURE__ */ f({
+import y from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+const z = /* @__PURE__ */ u({
   __name: "NmorphEmpty",
   props: {
     title: { type: String, required: !1, default: "No data" },
@@ -19,23 +20,25 @@ const z = /* @__PURE__ */ f({
     ariaLabel: { type: String, required: !1, default: void 0 },
     ariaOrientation: { type: String, required: !1, default: void 0 }
   },
-  setup(p, { expose: s }) {
-    s();
-    const e = p, o = c(), r = (i) => typeof i == "number" ? `${i}px` : i, a = t(() => !e.hideIcon || !!o.icon), d = t(() => !!(e.description || o.description)), l = t(() => e.ariaLabel || e.title), m = t(
-      () => y({
-        nmorph: [e.design === "nmorph" ? h[e.shadowType] : ""],
+  setup(n, { expose: p }) {
+    p();
+    const e = n, o = f(), s = t(() => !e.hideIcon || !!o.icon), a = t(() => !!(e.description || o.description)), d = t(() => e.ariaLabel || e.title), l = t(
+      () => h({
+        nmorph: [e.design === "nmorph" ? c[e.shadowType] : ""],
         "nmorph-empty": [e.design]
       })
-    ), u = t(() => ({
+    ), m = t(() => ({
       "--nmorph-empty-icon-size": r(e.iconSize),
       "--nmorph-empty-min-height": r(e.minHeight),
       "--nmorph-empty-padding": r(e.padding)
-    })), n = { props: e, slots: o, getCssSize: r, hasIcon: a, hasDescription: d, label: l, modifiers: m, styles: u, get NmorphIcon() {
-      return S;
+    })), i = { props: e, slots: o, hasIcon: s, hasDescription: a, label: d, modifiers: l, styles: m, get NmorphIcon() {
+      return y;
     }, get NmorphIconFolderOpened() {
       return g;
+    }, get toCssSize() {
+      return r;
     } };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {

package/dist/components/data/nmorph-image/NmorphImage.css

@@ -0,0 +1 @@
+.nmorph-image{--width: auto;--height: 100%;display:flex;justify-content:center;align-items:center;width:var(--width);height:var(--height)}.nmorph-image.nmorph--shadow-combined{border:var(--nmorph-image-frame-border) solid var(--nmorph-main-color)}.nmorph-image img{width:100%;height:100%;object-fit:var(--nmorph-image-fit)}.nmorph-image__loading,.nmorph-image__load-failed{padding:1rem}.nmorph-image--hide img{width:0;height:0;opacity:0}

package/dist/components/data/nmorph-image/NmorphImage.vue.js

@@ -1,5 +1,7 @@
+import './NmorphImage.css';
 import l from "./NmorphImage.vue2.js";
-import { openBlock as e, createElementBlock as r, normalizeStyle as d, normalizeClass as m, createElementVNode as c, renderSlot as i, createTextVNode as s, toDisplayString as t, createCommentVNode as n } from "vue";
+import { openBlock as r, createElementBlock as e, normalizeStyle as m, normalizeClass as d, createElementVNode as c, renderSlot as i, createTextVNode as t, toDisplayString as s, createCommentVNode as n } from "vue";
+/* empty css                 */
 import _ from "../../../_virtual/_plugin-vue_export-helper.js";
 const p = ["src", "alt", "srcset"], g = {
   key: 0,
@@ -9,12 +11,12 @@ const p = ["src", "alt", "srcset"], g = {
   class: "nmorph-image__loading"
 };
 function h(a, y, k, o, v, L) {
-  return o.props.src ? (e(), r(
+  return o.props.src ? (r(), e(
     "div",
     {
       key: 0,
-      class: m(o.modifiers),
-      style: d(o.styles)
+      class: d(o.modifiers),
+      style: m(o.styles)
     },
     [
       c("img", {
@@ -24,18 +26,18 @@ function h(a, y, k, o, v, L) {
         onLoad: o.onImageLoad,
         onError: o.onImageError
       }, null, 40, p),
-      o.loadingFailed ? (e(), r("div", g, [
+      o.loadingFailed ? (r(), e("div", g, [
         i(a.$slots, "error", {}, () => [
-          s(
-            t(o.computedLoadFailedText),
+          t(
+            s(o.computedLoadFailedText),
             1
             /* TEXT */
           )
         ])
-      ])) : o.imageLoadFinished ? n("v-if", !0) : (e(), r("div", f, [
+      ])) : o.imageLoadFinished ? n("v-if", !0) : (r(), e("div", f, [
         i(a.$slots, "loading", {}, () => [
-          s(
-            t(o.computedLoadingText),
+          t(
+            s(o.computedLoadingText),
             1
             /* TEXT */
           )
@@ -46,7 +48,7 @@ function h(a, y, k, o, v, L) {
     /* CLASS, STYLE */
   )) : n("v-if", !0);
 }
-const I = /* @__PURE__ */ _(l, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image/NmorphImage.vue"]]);
+const S = /* @__PURE__ */ _(l, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image/NmorphImage.vue"]]);
 export {
-  I as default
+  S as default
 };

package/dist/components/data/nmorph-image/NmorphImage.vue2.js

@@ -1,3 +1,4 @@
+import './NmorphImage.css';
 import { defineComponent as _, computed as t, ref as s } from "vue";
 import { useModifiers as y } from "../../../utils/create-modifiers.js";
 import { useI18n as h } from "vue-i18n";
@@ -21,8 +22,8 @@ const b = /* @__PURE__ */ _({
       r.value = !0, a.value = !0, d("error", i);
     }, l = t(() => r.value && a.value), v = t(
       () => y({
-        nmorph: [`${e.frameBorder > 0 && "shadow-combined"}`],
-        "nmorph-image": [`${(l.value || !r.value) && "hide"}`]
+        nmorph: [e.frameBorder > 0 && "shadow-combined"],
+        "nmorph-image": [(l.value || !r.value) && "hide"]
       })
     ), T = t(() => ({
       "--nmorph-image-fit": e.fit || "cover",

package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js

@@ -1,18 +1,19 @@
 import './NmorphImagePreview.css';
-import { defineComponent as z, ref as s, watch as F, computed as n } from "vue";
+import { defineComponent as z, ref as u, watch as F, computed as n } from "vue";
 import { useModifiers as H } from "../../../utils/create-modifiers.js";
+import { toCssSize as m } from "../../../utils/common.js";
 import R from "../../../assets/icons/shrink.svg.js";
 import T from "../../../assets/icons/rotate-right.svg.js";
 import D from "../../../assets/icons/rotate-left.svg.js";
 import V from "../../../assets/icons/zoom-in.svg.js";
 import P from "../../../assets/icons/zoom-out.svg.js";
 import Z from "../../../assets/icons/enlarge.svg.js";
-import $ from "../../../assets/icons/chevron-down.svg.js";
-import j from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import E from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import G from "../../basic/nmorph-button/NmorphButton.vue.js";
-import J from "../nmorph-image/NmorphImage.vue.js";
-const ie = /* @__PURE__ */ z({
+import j from "../../../assets/icons/chevron-down.svg.js";
+import E from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import G from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import J from "../../basic/nmorph-button/NmorphButton.vue.js";
+import K from "../nmorph-image/NmorphImage.vue.js";
+const ue = /* @__PURE__ */ z({
   __name: "NmorphImagePreview",
   props: {
     modelValue: { type: Boolean, required: !1, default: !1 },
@@ -33,23 +34,23 @@ const ie = /* @__PURE__ */ z({
   emits: ["update:model-value"],
   setup(S, { expose: I, emit: w }) {
     I();
-    const e = S, l = s(e.modelValue);
+    const e = S, l = u(e.modelValue);
     F(
       () => e.modelValue,
-      (r) => l.value = r
+      (a) => l.value = a
     );
     const q = n(
       () => H({
-        "nmorph-image-preview": [`${l.value && "opened"}`]
+        "nmorph-image-preview": [l.value && "opened"]
       })
-    ), a = s(e.initialIndex), b = n(() => typeof e.src == "string" ? e.src : e.src[a.value]), t = s(1), x = () => {
-      l.value = !0, m("update:model-value", l.value);
-    }, B = () => {
-      l.value = !1, m("update:model-value", l.value);
+    ), o = u(e.initialIndex), B = n(() => typeof e.src == "string" ? e.src : e.src[o.value]), t = u(1), b = () => {
+      l.value = !0, s("update:model-value", l.value);
+    }, x = () => {
+      l.value = !1, s("update:model-value", l.value);
     }, c = () => {
-      o.value = o.value + 90, o.value >= 360 && (o.value = 0);
+      r.value = r.value + 90, r.value >= 360 && (r.value = 0);
     }, p = () => {
-      o.value = o.value - 90, o.value <= -360 && (o.value = 0);
+      r.value = r.value - 90, r.value <= -360 && (r.value = 0);
     }, d = () => {
       t.value < e.maxScaleLevel && (t.value += e.scaleStep), t.value = parseFloat(t.value.toFixed(3));
     }, v = () => {
@@ -58,21 +59,21 @@ const ie = /* @__PURE__ */ z({
       t.value = 1;
     }, g = () => {
       t.value = 1;
-    }, o = s(0), _ = () => {
-      const r = e.src.length - 1, i = a.value - 1;
-      i < 0 ? a.value = r : a.value = i;
+    }, r = u(0), _ = () => {
+      const a = e.src.length - 1, i = o.value - 1;
+      i < 0 ? o.value = a : o.value = i;
     }, L = () => {
-      const r = e.src.length - 1, i = a.value + 1;
-      i > r ? a.value = 0 : a.value = i;
+      const a = e.src.length - 1, i = o.value + 1;
+      i > a ? o.value = 0 : o.value = i;
     }, A = n(() => {
-      let r = {
+      let a = {
         icon: R,
         handler: g
       };
-      return f.value && (r = {
+      return f.value && (a = {
         icon: Z,
         handler: h
-      }), r;
+      }), a;
     }), C = [
       {
         icon: T,
@@ -90,27 +91,27 @@ const ie = /* @__PURE__ */ z({
         icon: P,
         handler: v
       }
-    ], m = w, N = n(() => Array.isArray(e.src) && e.src.length > 0), M = n(() => e.showNavigationButtons && N.value), u = (r) => typeof r == "number" ? `${r}px` : r, O = n(() => ({
-      ...e.width !== void 0 && { "--width": u(e.width) },
-      ...e.height !== void 0 && { "--height": u(e.height) }
+    ], s = w, N = n(() => Array.isArray(e.src) && e.src.length > 0), M = n(() => e.showNavigationButtons && N.value), O = n(() => ({
+      ...e.width !== void 0 && { "--width": m(e.width) },
+      ...e.height !== void 0 && { "--height": m(e.height) }
     })), k = n(() => ({
       ...e.navigationButtonMargin !== void 0 && {
-        "--nmorph-image-preview-btn-margin": u(e.navigationButtonMargin)
+        "--nmorph-image-preview-btn-margin": m(e.navigationButtonMargin)
       }
-    })), y = { props: e, open: l, modifiers: q, currentIndex: a, triggerSource: b, scaleLevel: t, clickHandler: x, closeHandler: B, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: o, previousHandler: _, nextHandler: L, enlargeShrinkActionData: A, actions: C, emit: m, multipleSources: N, showNavigation: M, getCssSize: u, triggerStyle: O, portalStyle: k, get NmorphImage() {
-      return J;
+    })), y = { props: e, open: l, modifiers: q, currentIndex: o, triggerSource: B, scaleLevel: t, clickHandler: b, closeHandler: x, rotateRight: c, rotateLeft: p, zoomIn: d, zoomOut: v, isLevelChangedToMin: f, enlargeToNormal: h, shrinkToNormal: g, rotateLevel: r, previousHandler: _, nextHandler: L, enlargeShrinkActionData: A, actions: C, emit: s, multipleSources: N, showNavigation: M, triggerStyle: O, portalStyle: k, get NmorphImage() {
+      return K;
     }, get NmorphButton() {
-      return G;
+      return J;
     }, get NmorphIcon() {
-      return E;
+      return G;
     }, get NmorphOverlay() {
-      return j;
+      return E;
     }, get NmorphIconChevronDown() {
-      return $;
+      return j;
     } };
     return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
   }
 });
 export {
-  ie as default
+  ue as default
 };

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