@wikicasa-dev/components 2.0.42 → 2.0.44

package/dist/BaseInput.js

@@ -2,10 +2,10 @@ import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch
 import D from "./BaseFloatingLabel.js";
 import { useFloatingLabel as G } from "./useFloatingLabel.js";
 import { _ as J } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], W = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, X = ["innerHTML"], Y = ["innerHTML"], Z = ["innerHTML"], U = {
+import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], W = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, X = ["innerHTML"], Y = ["innerHTML"], Z = ["innerHTML"], x = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
-}, x = /* @__PURE__ */ z({
+}, U = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: /* @__PURE__ */ C({
@@ -44,7 +44,7 @@ import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplet
       return i && (i.value = t), a.value = t, t;
     }, F = (e, i = !0) => {
       if (i && (!l.formatter || !l.formatter.unFormatFn))
-        return o.value = e, "";
+        return o.value = e, e;
       if (!i || !l.formatter || !l.formatter.unFormatFn) return;
       const t = l.formatter.unFormatFn(e);
       return o.value = t ?? "", t;
@@ -201,12 +201,12 @@ import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplet
           innerHTML: t
         }, null, 8, Z))), 128)) : y("", !0)
       ], !0),
-      e.$slots["under-label"] ? (u(), r("div", U, [
+      e.$slots["under-label"] ? (u(), r("div", x, [
         p(e.$slots, "under-label", {}, void 0, !0)
       ])) : y("", !0)
     ], 2));
   }
-}), ae = /* @__PURE__ */ J(x, [["__scopeId", "data-v-f62de9f5"]]);
+}), ae = /* @__PURE__ */ J(U, [["__scopeId", "data-v-919095a8"]]);
 export {
   ae as default
 };

package/dist/BasePagination.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js";
+import { _ as f } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.Cb6fEMc-.js";
 export {
   f as default
 };

package/dist/UIKit/BasePagination.vue.d.ts

@@ -8,6 +8,8 @@ declare let __VLS_typeProps: {
     small?: boolean;
     prevLabel?: string;
     nextLabel?: string;
+    prevDataCy?: string;
+    nextDataCy?: string;
 };
 type __VLS_PublicProps = {
     "pageNumber"?: Optional<number>;
@@ -16,14 +18,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "update:pageNumber": (pageNumber: Optional<number>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:pageNumber"?: ((pageNumber: Optional<number>) => any) | undefined;
-}>, {
-    arrowColor: string;
-    small: boolean;
-    count: number;
-    limit: number;
-    siblings: number;
-    additionalCount: number;
-    prevLabel: string;
-    nextLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-f62de9f5]{--icon-default-size: 44px}.invalid-bg[data-v-f62de9f5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-f62de9f5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-f62de9f5],.valid-bg[data-v-f62de9f5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-f62de9f5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-f62de9f5]>label.inline-label{left:var(--icon-default-size)}[data-v-f62de9f5] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-f62de9f5] .text-input-icon.left{left:5px}[data-v-f62de9f5] .text-input-icon.right{right:5px}[data-v-f62de9f5] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-f62de9f5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-f62de9f5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-f62de9f5]{left:4px;font-style:italic}
+.input-wrapper[data-v-919095a8]{--icon-default-size: 44px}.invalid-bg[data-v-919095a8]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-919095a8]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-919095a8],.valid-bg[data-v-919095a8]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-919095a8]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-919095a8]>label.inline-label{left:var(--icon-default-size)}[data-v-919095a8] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-919095a8] .text-input-icon.left{left:5px}[data-v-919095a8] .text-input-icon.right{right:5px}[data-v-919095a8] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-919095a8] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-919095a8] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-919095a8]{left:4px;font-style:italic}

package/dist/chunks/BasePagination.vue_vue_type_script_setup_true_lang.Cb6fEMc-.js

@@ -0,0 +1,163 @@
+import { defineComponent as j, mergeModels as P, useModel as D, computed as s, openBlock as n, createElementBlock as r, createElementVNode as p, normalizeClass as h, createVNode as y, unref as v, toDisplayString as c, createCommentVNode as o, Fragment as m, renderList as x } from "vue";
+import "./types-B0dZ7OiV.D29wNgoj.js";
+import { a as C } from "./ArrowIcon.CCFMdsq6.js";
+import "./PharmacyIcon.56ql_DYl.js";
+function d(l, t = !1) {
+  return l == null ? "" : S(t ? Math.round(l) : Math.floor(l), 0);
+}
+function S(l, t) {
+  return !l && l !== 0 ? "" : l.toLocaleString(
+    "it-IT",
+    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
+    {
+      minimumFractionDigits: t,
+      maximumFractionDigits: t
+    }
+  );
+}
+const $ = {
+  "aria-label": "Page navigation",
+  class: "uikit-overflow-auto"
+}, B = {
+  key: 0,
+  class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
+}, F = ["data-cy"], O = {
+  key: 0,
+  class: "uikit-mx-10px uikit-select-none"
+}, V = {
+  key: 1,
+  class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
+}, A = ["onClick"], E = ["onClick"], z = {
+  key: 0,
+  class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
+}, T = ["data-cy"], q = {
+  key: 0,
+  class: "uikit-mx-10px uikit-select-none"
+}, Q = /* @__PURE__ */ j({
+  __name: "BasePagination",
+  props: /* @__PURE__ */ P({
+    count: { default: 0 },
+    limit: { default: 25 },
+    siblings: { default: 3 },
+    additionalCount: { default: 0 },
+    arrowColor: { default: "#2B5DFF" },
+    small: { type: Boolean, default: !1 },
+    prevLabel: { default: "" },
+    nextLabel: { default: "" },
+    prevDataCy: {},
+    nextDataCy: {}
+  }, {
+    pageNumber: { default: 1 },
+    pageNumberModifiers: {}
+  }),
+  emits: ["update:pageNumber"],
+  setup(l) {
+    const t = D(l, "pageNumber"), a = s(() => Math.ceil((l.count + l.additionalCount) / l.limit)), g = s(() => (t.value || 0) > l.siblings + 2), f = s(
+      () => (t.value || 0) < a.value - l.siblings - 1
+    ), b = s(() => {
+      let e = t.value || 0, u = 0;
+      for (; e > 2 && u < l.siblings; )
+        e--, u++;
+      return u;
+    }), w = s(() => {
+      let e = t.value || 0, u = 0;
+      for (; e < a.value - 1 && u < l.siblings; )
+        e++, u++;
+      return u;
+    }), N = s(() => {
+      const i = b.value + /* Filling with the remaining right siblings */
+      Math.abs(w.value - l.siblings) + /* If there is no suspension points on the right, let's fill it */
+      new Number(!f.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
+      new Number(t.value === a.value).valueOf();
+      let e = Math.max((t.value || 0) - i, 2);
+      const u = [];
+      for (e; e < (t.value || 0); e++) u.push(e);
+      return u;
+    }), M = s(() => {
+      const i = w.value + /* Filling with the remaining left siblings */
+      Math.abs(b.value - l.siblings) + /* If there is no suspension points on the left, let's fill it */
+      new Number(!g.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
+      new Number(t.value === 1).valueOf();
+      let e = Math.min(t.value || 0, a.value - 1);
+      const u = [];
+      for (e; e < Math.min((t.value || 0) + i, a.value - 1); e++)
+        u.push(e + 1);
+      return u;
+    }), k = (i) => {
+      let e = i;
+      i < 1 ? e = 1 : i > a.value && (e = a.value), t.value = e;
+    };
+    return (i, e) => (n(), r("nav", $, [
+      i.count > 0 ? (n(), r("ul", B, [
+        p("li", {
+          class: h(["arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
+            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": t.value !== 1,
+            "hover:uikit-text-white": i.small && t.value !== 1,
+            "uikit-rounded-xs": i.small && i.prevLabel
+          }]),
+          "data-cy": i.prevDataCy,
+          onClick: e[0] || (e[0] = (u) => k((t.value || 0) - 1))
+        }, [
+          y(v(C), {
+            width: 20,
+            height: 11,
+            "stroke-color": t.value === 1 ? "#8996A9" : i.arrowColor,
+            class: "uikit-inline-block uikit-rotate-90"
+          }, null, 8, ["stroke-color"]),
+          i.small && i.prevLabel ? (n(), r("span", O, c(i.prevLabel), 1)) : o("", !0)
+        ], 10, F),
+        i.small ? o("", !0) : (n(), r(m, { key: 0 }, [
+          (t.value || 0) > 1 ? (n(), r("li", {
+            key: 0,
+            class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+            onClick: e[1] || (e[1] = (u) => k(0))
+          }, " 1 ")) : o("", !0),
+          g.value ? (n(), r("li", V, " ... ")) : o("", !0),
+          (n(!0), r(m, null, x(N.value, (u) => (n(), r("li", {
+            key: u,
+            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+            onClick: (L) => k(u)
+          }, c(v(d)(u)), 9, A))), 128))
+        ], 64)),
+        p("li", {
+          class: h(["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
+            "uikit-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !i.small
+          }])
+        }, c(t.value || 0), 3),
+        i.small ? o("", !0) : (n(), r(m, { key: 1 }, [
+          (n(!0), r(m, null, x(M.value, (u) => (n(), r("li", {
+            key: u,
+            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+            onClick: (L) => k(u)
+          }, c(v(d)(u)), 9, E))), 128)),
+          f.value ? (n(), r("li", z, " ... ")) : o("", !0),
+          (t.value || 0) < a.value ? (n(), r("li", {
+            key: 1,
+            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
+            onClick: e[2] || (e[2] = (u) => k(a.value))
+          }, c(v(d)(a.value)), 1)) : o("", !0)
+        ], 64)),
+        p("li", {
+          class: h(["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
+            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": (t.value || 0) < a.value,
+            "hover:uikit-text-white": i.small && (t.value || 0) < a.value,
+            "uikit-rounded-xs": i.small && i.nextLabel
+          }]),
+          "data-cy": i.nextDataCy,
+          onClick: e[3] || (e[3] = (u) => k((t.value || 0) + 1))
+        }, [
+          i.small && i.nextLabel ? (n(), r("span", q, c(i.nextLabel), 1)) : o("", !0),
+          y(v(C), {
+            "stroke-color": (t.value || 0) === a.value ? "#8996A9" : i.arrowColor,
+            width: 20,
+            height: 11,
+            class: "uikit-inline-block -uikit-rotate-90"
+          }, null, 8, ["stroke-color"])
+        ], 10, T)
+      ])) : o("", !0)
+    ]));
+  }
+});
+export {
+  Q as _
+};

package/dist/index.js

@@ -20,7 +20,7 @@ import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lan
 import { default as q } from "./BaseFloatingLabel.js";
 import { default as z } from "./BaseIcon.js";
 import { default as H } from "./BaseInput.js";
-import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js";
+import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.Cb6fEMc-.js";
 import { default as Q } from "./BasePaper.js";
 import { default as X } from "./BaseSlider.js";
 import { default as Z } from "./BaseTextarea.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.42",
+  "version": "2.0.44",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunks/BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js

@@ -1,163 +0,0 @@
-import { defineComponent as P, mergeModels as S, useModel as $, computed as k, openBlock as r, createElementBlock as n, createElementVNode as h, normalizeClass as g, createVNode as y, unref as p, toDisplayString as v, createCommentVNode as a, Fragment as m, renderList as C } from "vue";
-import "./types-B0dZ7OiV.D29wNgoj.js";
-import { a as N } from "./ArrowIcon.CCFMdsq6.js";
-import "./PharmacyIcon.56ql_DYl.js";
-function d(s, l = !1) {
-  return s == null ? "" : B(l ? Math.round(s) : Math.floor(s), 0);
-}
-function B(s, l) {
-  return !s && s !== 0 ? "" : s.toLocaleString(
-    "it-IT",
-    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
-    {
-      minimumFractionDigits: l,
-      maximumFractionDigits: l
-    }
-  );
-}
-const F = {
-  "aria-label": "Page navigation",
-  class: "uikit-overflow-auto"
-}, _ = {
-  key: 0,
-  class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
-}, D = {
-  key: 0,
-  class: "uikit-mx-10px uikit-select-none"
-}, O = {
-  key: 1,
-  class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
-}, V = ["onClick"], A = ["onClick"], E = {
-  key: 0,
-  class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
-}, z = {
-  key: 0,
-  class: "uikit-mx-10px uikit-select-none"
-}, J = /* @__PURE__ */ P({
-  __name: "BasePagination",
-  props: /* @__PURE__ */ S({
-    count: { default: 0 },
-    limit: { default: 25 },
-    siblings: { default: 3 },
-    additionalCount: { default: 0 },
-    arrowColor: { default: "#2B5DFF" },
-    small: { type: Boolean, default: !1 },
-    prevLabel: { default: "" },
-    nextLabel: { default: "" }
-  }, {
-    pageNumber: { default: 1 },
-    pageNumberModifiers: {}
-  }),
-  emits: ["update:pageNumber"],
-  setup(s) {
-    const l = s, u = $(s, "pageNumber"), o = k(
-      () => Math.ceil((l.count + l.additionalCount) / l.limit)
-    ), f = k(
-      () => (u.value || 0) > l.siblings + 2
-    ), b = k(
-      () => (u.value || 0) < o.value - l.siblings - 1
-    ), w = k(() => {
-      let i = u.value || 0, t = 0;
-      for (; i > 2 && t < l.siblings; )
-        i--, t++;
-      return t;
-    }), x = k(() => {
-      let i = u.value || 0, t = 0;
-      for (; i < o.value - 1 && t < l.siblings; )
-        i++, t++;
-      return t;
-    }), M = k(() => {
-      const e = w.value + /* Filling with the remaining right siblings */
-      Math.abs(x.value - l.siblings) + /* If there is no suspension points on the right, let's fill it */
-      new Number(!b.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
-      new Number(u.value === o.value).valueOf();
-      let i = Math.max((u.value || 0) - e, 2);
-      const t = [];
-      for (i; i < (u.value || 0); i++) t.push(i);
-      return t;
-    }), L = k(() => {
-      const e = x.value + /* Filling with the remaining left siblings */
-      Math.abs(w.value - l.siblings) + /* If there is no suspension points on the left, let's fill it */
-      new Number(!f.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
-      new Number(u.value === 1).valueOf();
-      let i = Math.min(u.value || 0, o.value - 1);
-      const t = [];
-      for (i; i < Math.min((u.value || 0) + e, o.value - 1); i++)
-        t.push(i + 1);
-      return t;
-    }), c = (e) => {
-      let i = e;
-      e < 1 ? i = 1 : e > o.value && (i = o.value), u.value = i;
-    };
-    return (e, i) => (r(), n("nav", F, [
-      l.count > 0 ? (r(), n("ul", _, [
-        h("li", {
-          class: g(["arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": u.value !== 1,
-            "hover:uikit-text-white": e.small && u.value !== 1,
-            "uikit-rounded-xs": e.small && e.prevLabel
-          }]),
-          onClick: i[0] || (i[0] = (t) => c((u.value || 0) - 1))
-        }, [
-          y(p(N), {
-            width: 20,
-            height: 11,
-            "stroke-color": u.value === 1 ? "#8996A9" : e.arrowColor,
-            class: "uikit-inline-block uikit-rotate-90"
-          }, null, 8, ["stroke-color"]),
-          e.small && e.prevLabel ? (r(), n("span", D, v(e.prevLabel), 1)) : a("", !0)
-        ], 2),
-        e.small ? a("", !0) : (r(), n(m, { key: 0 }, [
-          (u.value || 0) > 1 ? (r(), n("li", {
-            key: 0,
-            class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: i[1] || (i[1] = (t) => c(0))
-          }, " 1 ")) : a("", !0),
-          f.value ? (r(), n("li", O, " ... ")) : a("", !0),
-          (r(!0), n(m, null, C(M.value, (t) => (r(), n("li", {
-            key: t,
-            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: (j) => c(t)
-          }, v(p(d)(t)), 9, V))), 128))
-        ], 64)),
-        h("li", {
-          class: g(["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-            "uikit-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !e.small
-          }])
-        }, v(u.value || 0), 3),
-        e.small ? a("", !0) : (r(), n(m, { key: 1 }, [
-          (r(!0), n(m, null, C(L.value, (t) => (r(), n("li", {
-            key: t,
-            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: (j) => c(t)
-          }, v(p(d)(t)), 9, A))), 128)),
-          b.value ? (r(), n("li", E, " ... ")) : a("", !0),
-          (u.value || 0) < o.value ? (r(), n("li", {
-            key: 1,
-            class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
-            onClick: i[2] || (i[2] = (t) => c(o.value))
-          }, v(p(d)(o.value)), 1)) : a("", !0)
-        ], 64)),
-        h("li", {
-          class: g(["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
-            "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": (u.value || 0) < o.value,
-            "hover:uikit-text-white": e.small && (u.value || 0) < o.value,
-            "uikit-rounded-xs": e.small && e.nextLabel
-          }]),
-          onClick: i[3] || (i[3] = (t) => c((u.value || 0) + 1))
-        }, [
-          e.small && e.nextLabel ? (r(), n("span", z, v(e.nextLabel), 1)) : a("", !0),
-          y(p(N), {
-            "stroke-color": (u.value || 0) === o.value ? "#8996A9" : e.arrowColor,
-            width: 20,
-            height: 11,
-            class: "uikit-inline-block -uikit-rotate-90"
-          }, null, 8, ["stroke-color"])
-        ], 2)
-      ])) : a("", !0)
-    ]));
-  }
-});
-export {
-  J as _
-};