@adyen/bento-vue3 1.8.0 → 1.9.0

package/dist/pagination.js

@@ -1,13 +1,13 @@
-import { defineComponent as y, ref as A, computed as m, resolveComponent as u, openBlock as o, createElementBlock as _, createVNode as p, withCtx as c, createBlock as P, resolveDynamicComponent as E, mergeProps as C, createSlots as U, createTextVNode as N, toDisplayString as h, createCommentVNode as $, pushScopeId as T, popScopeId as w, createElementVNode as d, toRefs as V, normalizeClass as j } from "vue";
-import { u as J } from "./chunks/aria-label.ac9651a5.js";
-import { B as R } from "./chunks/index.75f3672e.js";
-import { B as F } from "./chunks/dropdown.502e1f5c.js";
-import { g as M } from "./chunks/unique-id.a2a2b458.js";
-import { g as D, a as Z } from "./chunks/i18n.6c402773.js";
-import { _ as f } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as K } from "./chunks/button.82ed953e.js";
-import "./assets/index33.css";
-const q = {
+import { defineComponent as N, ref as k, computed as v, resolveComponent as d, openBlock as o, createElementBlock as m, createVNode as p, withCtx as c, createBlock as f, resolveDynamicComponent as B, mergeProps as b, createSlots as D, createTextVNode as T, toDisplayString as h, createCommentVNode as $, createElementVNode as u, toRefs as Z, normalizeClass as W, pushScopeId as z, popScopeId as U } from "vue";
+import { u as V } from "./chunks/aria-label.ac9651a5.js";
+import { B as A } from "./chunks/index.75f3672e.js";
+import { B as E } from "./chunks/dropdown.63de9aac.js";
+import { g as R } from "./chunks/unique-id.a2a2b458.js";
+import { g as F, a as M } from "./chunks/i18n.6c402773.js";
+import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as j } from "./chunks/button.82ed953e.js";
+import "./assets/index20.css";
+const J = {
   "en-US": {
     showingItems: "Showing {itemCount} items",
     showingItemsWithTotal: "Showing {itemCount} of {totalCount} items"
@@ -32,19 +32,19 @@ const q = {
     showingItems: "Mostrando {itemCount} artículos",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículos"
   }
-}, G = 50, I = [
+}, K = 50, y = [
   { label: "10", value: 10 },
   { label: "20", value: 20 },
   { label: "50", value: 50 },
   // DEFAULT_NUMBER_OF_RESULTS
   { label: "75", value: 75 },
   { label: "100", value: 100 }
-], H = y({
+], H = N({
   name: "bento-pagination-context-results-per-page",
-  i18n: { messages: q },
+  i18n: { messages: J },
   components: {
-    BentoDropdown: F,
-    BentoTypography: R
+    BentoDropdown: E,
+    BentoTypography: A
   },
   props: {
     /**
@@ -52,8 +52,8 @@ const q = {
      */
     itemsPerPage: {
       type: Number,
-      default: G,
-      validator: (e) => I.some(({ value: t }) => t === e)
+      default: K,
+      validator: (e) => y.some(({ value: t }) => t === e)
     },
     /**
      * The total number of items the pager is paging through.
@@ -62,9 +62,9 @@ const q = {
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = M("b-pagination-context-number-elements"), i = A(I), s = Z(), l = (a) => {
+    const n = R("b-pagination-context-number-elements"), i = k(y), s = M(), l = (a) => {
       t("select", a);
-    }, g = m(() => e.totalCount ? "showingItemsWithTotal" : "showingItems");
+    }, g = v(() => e.totalCount ? "showingItemsWithTotal" : "showingItems");
     return {
       // Values
       dropdownId: n,
@@ -72,23 +72,23 @@ const q = {
       i18nComponent: s,
       translationPathKey: g,
       // Methods
-      getI18nProps: D,
+      getI18nProps: F,
       // Events
       onSelectChange: l
     };
   }
 });
-const Q = { class: "b-pagination-results-per-page" };
-function X(e, t, n, i, s, l) {
-  const g = u("bento-dropdown"), a = u("bento-typography");
-  return o(), _("div", Q, [
+const q = { class: "b-pagination-results-per-page" };
+function G(e, t, n, i, s, l) {
+  const g = d("bento-dropdown"), a = d("bento-typography");
+  return o(), m("div", q, [
     p(a, { el: "div" }, {
       default: c(() => [
-        (o(), P(E(e.i18nComponent), C(e.getI18nProps(e.translationPathKey), {
+        (o(), f(B(e.i18nComponent), b(e.getI18nProps(e.translationPathKey), {
           class: "b-pagination-results-per-page__dropdown-container",
           tag: "div",
           plural: e.totalCount
-        }), U({
+        }), D({
           itemCount: c(() => [
             p(g, {
               id: e.dropdownId,
@@ -104,7 +104,7 @@ function X(e, t, n, i, s, l) {
           e.totalCount ? {
             name: "totalCount",
             fn: c(() => [
-              N(h(e.totalCount), 1)
+              T(h(e.totalCount), 1)
             ]),
             key: "0"
           } : void 0
@@ -114,7 +114,7 @@ function X(e, t, n, i, s, l) {
     })
   ]);
 }
-const Y = /* @__PURE__ */ f(H, [["render", X], ["__scopeId", "data-v-1c7ef9c8"]]), x = {
+const Q = /* @__PURE__ */ P(H, [["render", G], ["__scopeId", "data-v-1c7ef9c8"]]), X = {
   "en-US": {
     pageOfTotalPages: "Page {page} of {totalPages}",
     pageOneOfOne: "Page 1 of 1",
@@ -145,12 +145,12 @@ const Y = /* @__PURE__ */ f(H, [["render", X], ["__scopeId", "data-v-1c7ef9c8"]]
     pageOneOfOne: "Página 1 de 1",
     pageNumber: "Página {page}"
   }
-}, ee = y({
-  i18n: { messages: x },
+}, Y = N({
+  i18n: { messages: X },
   name: "bento-pagination-context",
   components: {
-    BentoDropdown: F,
-    BentoTypography: R
+    BentoDropdown: E,
+    BentoTypography: A
   },
   props: {
     /**
@@ -175,10 +175,10 @@ const Y = /* @__PURE__ */ f(H, [["render", X], ["__scopeId", "data-v-1c7ef9c8"]]
   },
   emits: ["page-selected"],
   setup(e, { emit: t }) {
-    const n = M("bento-pagination-context-current-page"), i = (r) => t("page-selected", r), s = Z(), l = (r) => ({
+    const n = R("bento-pagination-context-current-page"), i = (r) => t("page-selected", r), s = M(), l = (r) => ({
       label: r.toString(),
       value: r
-    }), g = (r, b) => b + 1, a = m(
+    }), g = (r, C) => C + 1, a = v(
       () => Array.from(new Array(e.totalPages), g).map(l)
     );
     return {
@@ -187,22 +187,22 @@ const Y = /* @__PURE__ */ f(H, [["render", X], ["__scopeId", "data-v-1c7ef9c8"]]
       listOfAvailablePages: a,
       i18nComponent: s,
       // Methods
-      getI18nProps: D,
+      getI18nProps: F,
       // Events
       onPageSelectChange: i
     };
   }
 });
-const te = { class: "b-pagination-context" };
-function ae(e, t, n, i, s, l) {
-  const g = u("bento-dropdown"), a = u("bento-typography");
-  return o(), _("div", te, [
-    e.totalPages > 1 ? (o(), P(a, {
+const x = { class: "b-pagination-context" };
+function ee(e, t, n, i, s, l) {
+  const g = d("bento-dropdown"), a = d("bento-typography");
+  return o(), m("div", x, [
+    e.totalPages > 1 ? (o(), f(a, {
       key: 0,
       el: "div"
     }, {
       default: c(() => [
-        (o(), P(E(e.i18nComponent), C(e.getI18nProps("pageOfTotalPages"), { tag: "div" }), {
+        (o(), f(B(e.i18nComponent), b(e.getI18nProps("pageOfTotalPages"), { tag: "div" }), {
           page: c(() => [
             p(g, {
               id: e.dropdownId,
@@ -215,136 +215,128 @@ function ae(e, t, n, i, s, l) {
             }, null, 8, ["id", "value", "items", "aria-label", "virtual-scroll", "onInput"])
           ]),
           totalPages: c(() => [
-            N(h(e.totalPages), 1)
+            T(h(e.totalPages), 1)
           ]),
           _: 1
         }, 16))
       ]),
       _: 1
-    })) : e.totalPages === 1 ? (o(), P(a, {
+    })) : e.totalPages === 1 ? (o(), f(a, {
       key: 1,
       el: "span"
     }, {
       default: c(() => [
-        N(h(e.$t("pageOneOfOne")), 1)
+        T(h(e.$t("pageOneOfOne")), 1)
       ]),
       _: 1
-    })) : (o(), P(a, {
+    })) : (o(), f(a, {
       key: 2,
       el: "span"
     }, {
       default: c(() => [
-        N(h(e.$t("pageNumber", { page: e.page })), 1)
+        T(h(e.$t("pageNumber", { page: e.page })), 1)
       ]),
       _: 1
     }))
   ]);
 }
-const ne = /* @__PURE__ */ f(ee, [["render", ae], ["__scopeId", "data-v-f4f5d50d"]]);
+const te = /* @__PURE__ */ P(Y, [["render", ee], ["__scopeId", "data-v-f4f5d50d"]]);
 let L = 0;
-const oe = {
+const ae = {
   beforeCreate() {
     this.uuid = L.toString(), L += 1;
   }
-}, W = (e) => (T("data-v-d0300c1f"), e = e(), w(), e), ie = { key: 0 }, se = /* @__PURE__ */ W(() => /* @__PURE__ */ d("path", {
+}, ne = { key: 0 }, oe = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M4.25 11C4.25 11.4142 4.58579 11.75 5 11.75C5.41421 11.75 5.75 11.4142 5.75 11L5.75 4.99999C5.75 4.58577 5.41421 4.24999 5 4.24999C4.58579 4.24999 4.25 4.58577 4.25 4.99998L4.25 11Z",
-  "clip-rule": "evenodd"
-}, null, -1)), le = /* @__PURE__ */ W(() => /* @__PURE__ */ d("path", {
+  d: "M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z"
+}, null, -1), ie = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M11.5303 5.53031C11.8232 5.23742 11.8232 4.76255 11.5303 4.46965C11.2374 4.17676 10.7626 4.17676 10.4697 4.46965L7.46967 7.46965C7.17678 7.76255 7.17678 8.23742 7.46967 8.53031L10.4697 11.5303C10.7626 11.8232 11.2374 11.8232 11.5303 11.5303C11.8232 11.2374 11.8232 10.7625 11.5303 10.4697L9.06066 7.99998L11.5303 5.53031Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function ge(e, t, n, i, s, l) {
-  return o(), _("svg", C({ role: "img" }, e.$attrs, {
+  d: "M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z"
+}, null, -1);
+function se(e, t, n, i, s, l) {
+  return o(), m("svg", b({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (o(), _("title", ie, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    se,
-    le
+    e.$attrs["svg-title"] ? (o(), m("title", ne, h(e.$attrs["svg-title"]), 1)) : $("", !0),
+    oe,
+    ie
   ], 16);
 }
-const re = /* @__PURE__ */ f(oe, [["render", ge], ["__scopeId", "data-v-d0300c1f"]]);
-let O = 0;
-const pe = {
+const le = /* @__PURE__ */ P(ae, [["render", se]]);
+let S = 0;
+const ge = {
   beforeCreate() {
-    this.uuid = O.toString(), O += 1;
+    this.uuid = S.toString(), S += 1;
   }
-}, z = (e) => (T("data-v-526f9959"), e = e(), w(), e), de = { key: 0 }, ue = /* @__PURE__ */ z(() => /* @__PURE__ */ d("path", {
+}, re = { key: 0 }, pe = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M4.46967 10.4697C4.17678 10.7626 4.17678 11.2374 4.46967 11.5303C4.76256 11.8232 5.23744 11.8232 5.53033 11.5303L8.53033 8.53032C8.82322 8.23743 8.82322 7.76256 8.53033 7.46966L5.53033 4.46966C5.23744 4.17677 4.76256 4.17677 4.46967 4.46966C4.17678 4.76256 4.17678 5.23743 4.46967 5.53032L6.93934 7.99999L4.46967 10.4697Z",
-  "clip-rule": "evenodd"
-}, null, -1)), ce = /* @__PURE__ */ z(() => /* @__PURE__ */ d("path", {
+  d: "M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z"
+}, null, -1), ue = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M11.75 4.99999C11.75 4.58578 11.4142 4.24999 11 4.24999C10.5858 4.24999 10.25 4.58578 10.25 4.99999V11C10.25 11.4142 10.5858 11.75 11 11.75C11.4142 11.75 11.75 11.4142 11.75 11L11.75 4.99999Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function _e(e, t, n, i, s, l) {
-  return o(), _("svg", C({ role: "img" }, e.$attrs, {
+  d: "M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z"
+}, null, -1);
+function de(e, t, n, i, s, l) {
+  return o(), m("svg", b({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (o(), _("title", de, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    ue,
-    ce
+    e.$attrs["svg-title"] ? (o(), m("title", re, h(e.$attrs["svg-title"]), 1)) : $("", !0),
+    pe,
+    ue
   ], 16);
 }
-const ve = /* @__PURE__ */ f(pe, [["render", _e], ["__scopeId", "data-v-526f9959"]]);
-let k = 0;
+const ce = /* @__PURE__ */ P(ge, [["render", de]]);
+let I = 0;
 const me = {
   beforeCreate() {
-    this.uuid = k.toString(), k += 1;
+    this.uuid = I.toString(), I += 1;
   }
-}, he = (e) => (T("data-v-ad07f9f1"), e = e(), w(), e), fe = { key: 0 }, Pe = /* @__PURE__ */ he(() => /* @__PURE__ */ d("path", {
+}, _e = { key: 0 }, ve = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M10.0303 4.46967C10.3232 4.76256 10.3232 5.23744 10.0303 5.53033L7.56066 8L10.0303 10.4697C10.3232 10.7626 10.3232 11.2374 10.0303 11.5303C9.73744 11.8232 9.26256 11.8232 8.96967 11.5303L5.96967 8.53033C5.67678 8.23744 5.67678 7.76256 5.96967 7.46967L8.96967 4.46967C9.26256 4.17678 9.73744 4.17678 10.0303 4.46967Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function Ce(e, t, n, i, s, l) {
-  return o(), _("svg", C({ role: "img" }, e.$attrs, {
+  d: "M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z"
+}, null, -1);
+function he(e, t, n, i, s, l) {
+  return o(), m("svg", b({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (o(), _("title", fe, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    Pe
+    e.$attrs["svg-title"] ? (o(), m("title", _e, h(e.$attrs["svg-title"]), 1)) : $("", !0),
+    ve
   ], 16);
 }
-const be = /* @__PURE__ */ f(me, [["render", Ce], ["__scopeId", "data-v-ad07f9f1"]]);
-let B = 0;
-const $e = {
+const Pe = /* @__PURE__ */ P(me, [["render", he]]);
+let O = 0;
+const fe = {
   beforeCreate() {
-    this.uuid = B.toString(), B += 1;
+    this.uuid = O.toString(), O += 1;
   }
-}, Te = (e) => (T("data-v-5d0b9449"), e = e(), w(), e), we = { key: 0 }, Ne = /* @__PURE__ */ Te(() => /* @__PURE__ */ d("path", {
+}, be = { key: 0 }, Ce = /* @__PURE__ */ u("path", {
   fill: "#00112C",
-  "fill-rule": "evenodd",
-  d: "M5.96967 11.5303C5.67678 11.2374 5.67678 10.7626 5.96967 10.4697L8.43934 8L5.96967 5.53033C5.67678 5.23744 5.67678 4.76256 5.96967 4.46967C6.26256 4.17678 6.73744 4.17678 7.03033 4.46967L10.0303 7.46967C10.171 7.61032 10.25 7.80109 10.25 8C10.25 8.19891 10.171 8.38968 10.0303 8.53033L7.03033 11.5303C6.73744 11.8232 6.26256 11.8232 5.96967 11.5303Z",
-  "clip-rule": "evenodd"
-}, null, -1));
-function ye(e, t, n, i, s, l) {
-  return o(), _("svg", C({ role: "img" }, e.$attrs, {
+  d: "M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z"
+}, null, -1);
+function $e(e, t, n, i, s, l) {
+  return o(), m("svg", b({ role: "img" }, e.$attrs, {
+    class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (o(), _("title", we, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    Ne
+    e.$attrs["svg-title"] ? (o(), m("title", be, h(e.$attrs["svg-title"]), 1)) : $("", !0),
+    Ce
   ], 16);
 }
-const Se = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449"]]), Ie = {
+const Te = /* @__PURE__ */ P(fe, [["render", $e]]), Ne = {
   "en-US": {
     navigateToTheFirstPage: "Navigate to the first page",
     navigateToThePreviousPage: "Navigate to the previous page",
@@ -381,15 +373,15 @@ const Se = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449
     navigateToTheNextPage: "Ir a la página siguiente",
     navigateToTheLastPage: "Ir a la última página"
   }
-}, Le = y({
-  i18n: { messages: Ie },
+}, we = N({
+  i18n: { messages: Ne },
   name: "adl-pagination-controls",
   components: {
-    BentoButton: K,
-    SkipLeft: re,
-    SkipRight: ve,
-    ChevronLeft: be,
-    ChevronRight: Se
+    BentoButton: j,
+    SkipLeft: le,
+    SkipRight: ce,
+    ChevronLeft: Pe,
+    ChevronRight: Te
   },
   props: {
     /**
@@ -407,7 +399,7 @@ const Se = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449
   },
   emits: ["navigate"],
   setup(e, { emit: t }) {
-    const n = m(() => e.page === 1), i = m(() => e.page === e.totalPages), s = m(() => !e.hasNext || i.value), l = m(() => {
+    const n = v(() => e.page === 1), i = v(() => e.page === e.totalPages), s = v(() => !e.hasNext || i.value), l = v(() => {
       const a = !e.hasNext, r = !e.totalPages;
       return a || i.value || r;
     });
@@ -424,16 +416,16 @@ const Se = /* @__PURE__ */ f($e, [["render", ye], ["__scopeId", "data-v-5d0b9449
     };
   }
 });
-const Oe = { class: "b-pagination-controls" }, ke = { class: "b-pagination-controls__item" }, Be = { class: "b-pagination-controls__item" }, Ae = { class: "b-pagination-controls__item" }, Ee = { class: "b-pagination-controls__item" };
-function Re(e, t, n, i, s, l) {
-  const g = u("skip-left"), a = u("bento-button"), r = u("chevron-left"), b = u("chevron-right"), S = u("skip-right");
-  return o(), _("ul", Oe, [
-    d("li", ke, [
+const ye = { class: "b-pagination-controls" }, Le = { class: "b-pagination-controls__item" }, Se = { class: "b-pagination-controls__item" }, Ie = { class: "b-pagination-controls__item" }, Oe = { class: "b-pagination-controls__item" };
+function ke(e, t, n, i, s, l) {
+  const g = d("skip-left"), a = d("bento-button"), r = d("chevron-left"), C = d("chevron-right"), w = d("skip-right");
+  return o(), m("ul", ye, [
+    u("li", Le, [
       p(a, {
         disabled: e.isCurrentPageFirst,
         variant: "tertiary",
         condensed: "",
-        onClick: t[0] || (t[0] = (v) => e.navigate(1))
+        onClick: t[0] || (t[0] = (_) => e.navigate(1))
       }, {
         iconLeft: c(() => [
           p(g, {
@@ -443,12 +435,12 @@ function Re(e, t, n, i, s, l) {
         _: 1
       }, 8, ["disabled"])
     ]),
-    d("li", Be, [
+    u("li", Se, [
       p(a, {
         disabled: e.isCurrentPageFirst,
         variant: "tertiary",
         condensed: "",
-        onClick: t[1] || (t[1] = (v) => e.navigate(e.page - 1))
+        onClick: t[1] || (t[1] = (_) => e.navigate(e.page - 1))
       }, {
         iconLeft: c(() => [
           p(r, {
@@ -458,30 +450,30 @@ function Re(e, t, n, i, s, l) {
         _: 1
       }, 8, ["disabled"])
     ]),
-    d("li", Ae, [
+    u("li", Ie, [
       p(a, {
         disabled: e.isNextButtonDisabled,
         variant: "tertiary",
         condensed: "",
-        onClick: t[2] || (t[2] = (v) => e.navigate(e.page + 1))
+        onClick: t[2] || (t[2] = (_) => e.navigate(e.page + 1))
       }, {
         iconLeft: c(() => [
-          p(b, {
+          p(C, {
             "svg-title": e.$t("navigateToTheNextPage")
           }, null, 8, ["svg-title"])
         ]),
         _: 1
       }, 8, ["disabled"])
     ]),
-    d("li", Ee, [
+    u("li", Oe, [
       p(a, {
         disabled: e.isLastPageButtonDisabled,
         variant: "tertiary",
         condensed: "",
-        onClick: t[3] || (t[3] = (v) => e.navigate(e.totalPages))
+        onClick: t[3] || (t[3] = (_) => e.navigate(e.totalPages))
       }, {
         iconLeft: c(() => [
-          p(S, {
+          p(w, {
             "svg-title": e.$t("navigateToTheLastPage")
           }, null, 8, ["svg-title"])
         ]),
@@ -490,7 +482,7 @@ function Re(e, t, n, i, s, l) {
     ])
   ]);
 }
-const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d"]]), Me = {
+const Be = /* @__PURE__ */ P(we, [["render", ke], ["__scopeId", "data-v-b1c3077d"]]), Ae = {
   "en-US": {
     paginatedNavigation: "Paginated navigation",
     showingItemsWithTotal: "Showing {itemCount} of {totalCount} item | Showing {itemCount} of {totalCount} items"
@@ -515,13 +507,13 @@ const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d
     paginatedNavigation: "Navegación por páginas",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículo | Mostrando {itemCount} de {totalCount} artículos"
   }
-}, De = y({
-  i18n: { messages: Me },
+}, Ee = N({
+  i18n: { messages: Ae },
   name: "bento-pagination",
   components: {
-    BentoPaginationContext: ne,
-    BentoPaginationControls: Fe,
-    BentoPaginationResultsPerPage: Y
+    BentoPaginationContext: te,
+    BentoPaginationControls: Be,
+    BentoPaginationResultsPerPage: Q
   },
   props: {
     /**
@@ -573,49 +565,49 @@ const Fe = /* @__PURE__ */ f(Le, [["render", Re], ["__scopeId", "data-v-b1c3077d
   },
   emits: ["navigate", "items-page", "update:page", "update:size"],
   setup(e, { attrs: t, emit: n }) {
-    const i = A(t["aria-label"]), { ariaLabel: s } = V(e), l = J({
+    const i = k(t["aria-label"]), { ariaLabel: s } = Z(e), l = V({
       ariaLabel: i.value,
       // TODO: take this line away when the aria-label props is removed
       label: s
-    }), g = m(
+    }), g = v(
       () => !e.totalCount || !e.size ? null : Math.ceil(e.totalCount / e.size)
-    ), a = (v) => {
-      n("navigate", v), n("update:page", v);
-    }, r = (v) => {
-      a(v);
-    }, b = (v) => {
-      n("items-page", v), n("update:size", v), a(1);
-    }, S = m(() => ({
+    ), a = (_) => {
+      n("navigate", _), n("update:page", _);
+    }, r = (_) => {
+      a(_);
+    }, C = (_) => {
+      n("items-page", _), n("update:size", _), a(1);
+    }, w = v(() => ({
       "b-pagination__navigation--no-results-per-page": e.hidePageSize
     }));
     return {
       // Values
       computedAriaLabel: l,
       totalPages: g,
-      navigationConditionalClasses: S,
+      navigationConditionalClasses: w,
       // Events
       navigate: a,
-      onItemsPerPageChange: b,
+      onItemsPerPageChange: C,
       onPageSelected: r
     };
   }
 });
-const Ze = (e) => (T("data-v-77e3973d"), e = e(), w(), e), We = { class: "b-pagination" }, ze = ["aria-label"], Ue = { class: "b-pagination__page-navigator" }, Ve = /* @__PURE__ */ Ze(() => /* @__PURE__ */ d("div", { class: "b-pagination__divider" }, null, -1));
-function je(e, t, n, i, s, l) {
-  const g = u("bento-pagination-results-per-page"), a = u("bento-pagination-context"), r = u("bento-pagination-controls");
-  return o(), _("div", We, [
-    d("nav", {
+const Re = (e) => (z("data-v-77e3973d"), e = e(), U(), e), Fe = { class: "b-pagination" }, Me = ["aria-label"], De = { class: "b-pagination__page-navigator" }, Ze = /* @__PURE__ */ Re(() => /* @__PURE__ */ u("div", { class: "b-pagination__divider" }, null, -1));
+function We(e, t, n, i, s, l) {
+  const g = d("bento-pagination-results-per-page"), a = d("bento-pagination-context"), r = d("bento-pagination-controls");
+  return o(), m("div", Fe, [
+    u("nav", {
       "aria-label": e.computedAriaLabel,
-      class: j(["b-pagination__navigation", e.navigationConditionalClasses])
+      class: W(["b-pagination__navigation", e.navigationConditionalClasses])
     }, [
-      e.hidePageSize ? $("", !0) : (o(), P(g, {
+      e.hidePageSize ? $("", !0) : (o(), f(g, {
         key: 0,
         class: "b-pagination__results-per-page",
         "items-per-page": e.size,
         "total-count": e.totalCount,
         onSelect: e.onItemsPerPageChange
       }, null, 8, ["items-per-page", "total-count", "onSelect"])),
-      d("div", Ue, [
+      u("div", De, [
         p(a, {
           class: "b-pagination__context",
           "total-pages": e.totalPages,
@@ -624,7 +616,7 @@ function je(e, t, n, i, s, l) {
           "virtual-scroll": e.virtualScroll,
           onPageSelected: e.onPageSelected
         }, null, 8, ["total-pages", "page", "total-count", "virtual-scroll", "onPageSelected"]),
-        Ve,
+        Ze,
         p(r, {
           class: "b-pagination__controls",
           "has-next": e.hasNext,
@@ -633,11 +625,11 @@ function je(e, t, n, i, s, l) {
           onNavigate: e.navigate
         }, null, 8, ["has-next", "page", "total-pages", "onNavigate"])
       ])
-    ], 10, ze)
+    ], 10, Me)
   ]);
 }
-const xe = /* @__PURE__ */ f(De, [["render", je], ["__scopeId", "data-v-77e3973d"]]);
+const Ge = /* @__PURE__ */ P(Ee, [["render", We], ["__scopeId", "data-v-77e3973d"]]);
 export {
-  xe as BentoPagination
+  Ge as BentoPagination
 };
 //# sourceMappingURL=pagination.js.map