@adyen/bento-vue2 1.3.0 → 1.4.0

package/dist/pagination.js

@@ -1,12 +1,13 @@
-import { defineComponent as p, ref as x, computed as s } from "vue";
-import { B as m, a as h } from "./chunks/index.56858f4e.js";
-import { B as C } from "./chunks/dropdown.c05678d0.js";
-import { g as P } from "./chunks/unique-id.a2a2b458.js";
-import { g as b, a as T } from "./chunks/i18n.155748d6.js";
-import { n as i } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as N, a as $ } from "./chunks/button.d0c9527d.js";
-import "./assets/index18.css";
-const w = {
+import { defineComponent as _, ref as C, computed as i, toRefs as w } from "vue";
+import { u as N } from "./chunks/aria-label.ac9651a5.js";
+import { B as P } from "./chunks/index.45295dd3.js";
+import { B as b } from "./chunks/dropdown.fd93f0ce.js";
+import { g as T } from "./chunks/unique-id.a2a2b458.js";
+import { g as y, a as x } from "./chunks/i18n.155748d6.js";
+import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { a as S } from "./chunks/button.fb307df3.js";
+import "./assets/index3.css";
+const L = {
   "en-US": {
     showingItems: "Showing {itemCount} items",
     showingItemsWithTotal: "Showing {itemCount} of {totalCount} items"
@@ -31,19 +32,19 @@ const w = {
     showingItems: "Mostrando {itemCount} artículos",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículos"
   }
-}, S = 50, c = [
+}, I = 50, d = [
   { label: "10", value: 10 },
   { label: "20", value: 20 },
   { label: "50", value: 50 },
   // DEFAULT_NUMBER_OF_RESULTS
   { label: "75", value: 75 },
   { label: "100", value: 100 }
-], I = p({
+], O = _({
   name: "bento-pagination-context-results-per-page",
-  i18n: { messages: w },
+  i18n: { messages: L },
   components: {
-    BentoDropdown: C,
-    BentoTypography: m
+    BentoDropdown: b,
+    BentoTypography: P
   },
   props: {
     /**
@@ -51,8 +52,8 @@ const w = {
      */
     itemsPerPage: {
       type: Number,
-      default: S,
-      validator: (a) => c.some(({ value: t }) => t === a)
+      default: I,
+      validator: (a) => d.some(({ value: t }) => t === a)
     },
     /**
      * The total number of items the pager is paging through.
@@ -61,42 +62,40 @@ const w = {
   },
   emits: ["select"],
   setup(a, { emit: t }) {
-    const e = P("b-pagination-context-number-elements"), o = x(c), r = T(), l = (n) => {
-      t("select", n);
-    }, u = s(() => a.totalCount ? "showingItemsWithTotal" : "showingItems");
+    const e = T("b-pagination-context-number-elements"), n = C(d), l = x(), g = (o) => {
+      t("select", o);
+    }, p = i(() => a.totalCount ? "showingItemsWithTotal" : "showingItems");
     return {
       // Values
       dropdownId: e,
-      dropdownOptions: o,
-      i18nComponent: r,
-      translationPathKey: u,
+      dropdownOptions: n,
+      i18nComponent: l,
+      translationPathKey: p,
       // Methods
-      getI18nProps: b,
-      // Enums
-      BentoTypographyElement: h,
+      getI18nProps: y,
       // Events
-      onSelectChange: l
+      onSelectChange: g
     };
   }
 });
-var L = function() {
+var R = function() {
   var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { staticClass: "b-pagination-results-per-page" }, [e("bento-typography", { attrs: { el: t.BentoTypographyElement.DIV } }, [e(t.i18nComponent, t._b({ tag: "component", staticClass: "b-pagination-results-per-page__dropdown-container", attrs: { tag: "div", plural: t.totalCount }, scopedSlots: t._u([{ key: "itemCount", fn: function() {
+  return t._self._setupProxy, e("div", { staticClass: "b-pagination-results-per-page" }, [e("bento-typography", { attrs: { el: "div" } }, [e(t.i18nComponent, t._b({ tag: "component", staticClass: "b-pagination-results-per-page__dropdown-container", attrs: { tag: "div", plural: t.totalCount }, scopedSlots: t._u([{ key: "itemCount", fn: function() {
     return [e("bento-dropdown", { staticClass: "b-pagination-results-per-page__dropdown", attrs: { id: t.dropdownId, value: t.itemsPerPage, items: t.dropdownOptions, "aria-label": t.$t(t.translationPathKey, { itemCount: t.itemsPerPage, totalCount: t.totalCount }) }, on: { input: t.onSelectChange } })];
   }, proxy: !0 }, t.totalCount ? { key: "totalCount", fn: function() {
     return [t._v(t._s(t.totalCount))];
   }, proxy: !0 } : null], null, !0) }, "component", t.getI18nProps(t.translationPathKey), !1))], 1)], 1);
-}, B = [], O = /* @__PURE__ */ i(
-  I,
-  L,
-  B,
+}, F = [], k = /* @__PURE__ */ r(
+  O,
+  R,
+  F,
   !1,
   null,
-  "c38b7f38",
+  "b9985b4c",
   null,
   null
 );
-const R = O.exports, E = {
+const A = k.exports, B = {
   "en-US": {
     pageOfTotalPages: "Page {page} of {totalPages}",
     pageOneOfOne: "Page 1 of 1",
@@ -127,12 +126,12 @@ const R = O.exports, E = {
     pageOneOfOne: "Página 1 de 1",
     pageNumber: "Página {page}"
   }
-}, F = p({
-  i18n: { messages: E },
+}, E = _({
+  i18n: { messages: B },
   name: "bento-pagination-context",
   components: {
-    BentoDropdown: C,
-    BentoTypography: m
+    BentoDropdown: b,
+    BentoTypography: P
   },
   props: {
     /**
@@ -150,124 +149,122 @@ const R = O.exports, E = {
   },
   emits: ["page-selected"],
   setup(a, { emit: t }) {
-    const e = P("bento-pagination-context-current-page"), o = (g) => t("page-selected", g), r = T(), l = (g) => ({
-      label: g.toString(),
-      value: g
-    }), u = (g, y) => y + 1, n = s(
-      () => Array.from(new Array(a.totalPages), u).map(l)
+    const e = T("bento-pagination-context-current-page"), n = (s) => t("page-selected", s), l = x(), g = (s) => ({
+      label: s.toString(),
+      value: s
+    }), p = (s, c) => c + 1, o = i(
+      () => Array.from(new Array(a.totalPages), p).map(g)
     );
     return {
       // Values
       dropdownId: e,
-      listOfAvailablePages: n,
-      i18nComponent: r,
+      listOfAvailablePages: o,
+      i18nComponent: l,
       // Methods
-      getI18nProps: b,
+      getI18nProps: y,
       // Events
-      onPageSelectChange: o,
-      // Enums
-      BentoTypographyElement: h
+      onPageSelectChange: n
     };
   }
 });
-var A = function() {
+var M = function() {
   var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { staticClass: "b-pagination-context" }, [t.totalPages > 1 ? e("bento-typography", { attrs: { el: t.BentoTypographyElement.DIV } }, [e(t.i18nComponent, t._b({ tag: "component", attrs: { tag: "div" }, scopedSlots: t._u([{ key: "page", fn: function() {
+  return t._self._setupProxy, e("div", { staticClass: "b-pagination-context" }, [t.totalPages > 1 ? e("bento-typography", { attrs: { el: "div" } }, [e(t.i18nComponent, t._b({ tag: "component", attrs: { tag: "div" }, scopedSlots: t._u([{ key: "page", fn: function() {
     return [e("bento-dropdown", { staticClass: "b-pagination-context__dropdown", attrs: { id: t.dropdownId, value: t.page, items: t.listOfAvailablePages, "aria-label": t.$t("pageOfTotalPages", { page: t.page, totalPages: t.totalPages }) }, on: { input: t.onPageSelectChange } })];
   }, proxy: !0 }, { key: "totalPages", fn: function() {
     return [t._v(t._s(t.totalPages))];
-  }, proxy: !0 }], null, !1, 2436399790) }, "component", t.getI18nProps("pageOfTotalPages"), !1))], 1) : t.totalPages === 1 ? e("bento-typography", { attrs: { el: t.BentoTypographyElement.SPAN } }, [t._v(" " + t._s(t.$t("pageOneOfOne")) + " ")]) : e("bento-typography", { attrs: { el: t.BentoTypographyElement.SPAN } }, [t._v(" " + t._s(t.$t("pageNumber", { page: t.page })) + " ")])], 1);
-}, k = [], M = /* @__PURE__ */ i(
-  F,
-  A,
-  k,
+  }, proxy: !0 }], null, !1, 2436399790) }, "component", t.getI18nProps("pageOfTotalPages"), !1))], 1) : t.totalPages === 1 ? e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageOneOfOne")) + " ")]) : e("bento-typography", { attrs: { el: "span" } }, [t._v(" " + t._s(t.$t("pageNumber", { page: t.page })) + " ")])], 1);
+}, Z = [], W = /* @__PURE__ */ r(
+  E,
+  M,
+  Z,
   !1,
   null,
-  "3179cb7f",
+  "953ef9f5",
   null,
   null
 );
-const D = M.exports;
-let _ = 0;
-const Z = {
+const D = W.exports;
+let v = 0;
+const z = {
   beforeCreate() {
-    this.uuid = _.toString(), _ += 1;
+    this.uuid = v.toString(), v += 1;
   }
 };
-var W = function() {
+var U = function() {
   var t = this, e = t._self._c;
   return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { 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" } }), e("path", { attrs: { 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" } })]);
-}, z = [], U = /* @__PURE__ */ i(
-  Z,
-  W,
+}, j = [], J = /* @__PURE__ */ r(
   z,
+  U,
+  j,
   !1,
   null,
   "d0300c1f",
   null,
   null
 );
-const V = U.exports;
-let d = 0;
-const j = {
+const K = J.exports;
+let f = 0;
+const V = {
   beforeCreate() {
-    this.uuid = d.toString(), d += 1;
+    this.uuid = f.toString(), f += 1;
   }
 };
-var J = function() {
+var q = function() {
   var t = this, e = t._self._c;
   return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { 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" } }), e("path", { attrs: { 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" } })]);
-}, Y = [], K = /* @__PURE__ */ i(
-  j,
-  J,
-  Y,
+}, G = [], H = /* @__PURE__ */ r(
+  V,
+  q,
+  G,
   !1,
   null,
   "526f9959",
   null,
   null
 );
-const q = K.exports;
-let v = 0;
-const G = {
+const Q = H.exports;
+let m = 0;
+const X = {
   beforeCreate() {
-    this.uuid = v.toString(), v += 1;
+    this.uuid = m.toString(), m += 1;
   }
 };
-var H = function() {
+var Y = function() {
   var t = this, e = t._self._c;
   return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { 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" } })]);
-}, Q = [], X = /* @__PURE__ */ i(
-  G,
-  H,
-  Q,
+}, tt = [], et = /* @__PURE__ */ r(
+  X,
+  Y,
+  tt,
   !1,
   null,
   "ad07f9f1",
   null,
   null
 );
-const tt = X.exports;
-let f = 0;
-const et = {
+const at = et.exports;
+let h = 0;
+const nt = {
   beforeCreate() {
-    this.uuid = f.toString(), f += 1;
+    this.uuid = h.toString(), h += 1;
   }
 };
-var at = function() {
+var ot = function() {
   var t = this, e = t._self._c;
   return e("svg", t._b({ attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { 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" } })]);
-}, nt = [], ot = /* @__PURE__ */ i(
-  et,
-  at,
+}, st = [], it = /* @__PURE__ */ r(
   nt,
+  ot,
+  st,
   !1,
   null,
   "5d0b9449",
   null,
   null
 );
-const st = ot.exports, it = {
+const rt = it.exports, lt = {
   "en-US": {
     navigateToTheFirstPage: "Navigate to the first page",
     navigateToThePreviousPage: "Navigate to the previous page",
@@ -304,15 +301,15 @@ const st = ot.exports, it = {
     navigateToTheNextPage: "Ir a la página siguiente",
     navigateToTheLastPage: "Ir a la última página"
   }
-}, rt = p({
-  i18n: { messages: it },
+}, gt = _({
+  i18n: { messages: lt },
   name: "adl-pagination-controls",
   components: {
-    BentoButton: N,
-    SkipLeft: V,
-    SkipRight: q,
-    ChevronLeft: tt,
-    ChevronRight: st
+    BentoButton: S,
+    SkipLeft: K,
+    SkipRight: Q,
+    ChevronLeft: at,
+    ChevronRight: rt
   },
   props: {
     /**
@@ -330,55 +327,53 @@ const st = ot.exports, it = {
   },
   emits: ["navigate"],
   setup(a, { emit: t }) {
-    const e = s(() => a.page === 1), o = s(() => a.page === a.totalPages), r = s(() => !a.hasNext || o.value), l = s(() => {
-      const n = !a.hasNext, g = !a.totalPages;
-      return n || o.value || g;
+    const e = i(() => a.page === 1), n = i(() => a.page === a.totalPages), l = i(() => !a.hasNext || n.value), g = i(() => {
+      const o = !a.hasNext, s = !a.totalPages;
+      return o || n.value || s;
     });
     return {
       // Values
-      isNextButtonDisabled: r,
+      isNextButtonDisabled: l,
       isCurrentPageFirst: e,
-      isCurrentPageLast: o,
-      isLastPageButtonDisabled: l,
+      isCurrentPageLast: n,
+      isLastPageButtonDisabled: g,
       // Events
-      navigate: (n) => {
-        t("navigate", n);
-      },
-      // Enums
-      BentoButtonVariant: $
+      navigate: (o) => {
+        t("navigate", o);
+      }
     };
   }
 });
-var lt = function() {
+var ut = function() {
   var t = this, e = t._self._c;
-  return t._self._setupProxy, e("ul", { staticClass: "b-pagination-controls" }, [e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isCurrentPageFirst, variant: t.BentoButtonVariant.TERTIARY, tertiary: "", condensed: "" }, on: { click: function(o) {
+  return t._self._setupProxy, e("ul", { staticClass: "b-pagination-controls" }, [e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isCurrentPageFirst, variant: "tertiary", condensed: "" }, on: { click: function(n) {
     return t.navigate(1);
   } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [e("skip-left", { attrs: { "svg-title": t.$t("navigateToTheFirstPage") } })];
-  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isCurrentPageFirst, variant: t.BentoButtonVariant.TERTIARY, tertiary: "", condensed: "" }, on: { click: function(o) {
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isCurrentPageFirst, variant: "tertiary", condensed: "" }, on: { click: function(n) {
     return t.navigate(t.page - 1);
   } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [e("chevron-left", { attrs: { "svg-title": t.$t("navigateToThePreviousPage") } })];
-  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isNextButtonDisabled, variant: t.BentoButtonVariant.TERTIARY, tertiary: "", condensed: "" }, on: { click: function(o) {
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isNextButtonDisabled, variant: "tertiary", condensed: "" }, on: { click: function(n) {
     return t.navigate(t.page + 1);
   } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [e("chevron-right", { attrs: { "svg-title": t.$t("navigateToTheNextPage") } })];
-  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isLastPageButtonDisabled, variant: t.BentoButtonVariant.TERTIARY, tertiary: "", condensed: "" }, on: { click: function(o) {
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e("bento-button", { attrs: { disabled: t.isLastPageButtonDisabled, variant: "tertiary", condensed: "" }, on: { click: function(n) {
     return t.navigate(t.totalPages);
   } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
     return [e("skip-right", { attrs: { "svg-title": t.$t("navigateToTheLastPage") } })];
   }, proxy: !0 }]) })], 1)]);
-}, gt = [], ut = /* @__PURE__ */ i(
-  rt,
-  lt,
+}, pt = [], _t = /* @__PURE__ */ r(
   gt,
+  ut,
+  pt,
   !1,
   null,
-  "b0c3fe74",
+  "e062fb92",
   null,
   null
 );
-const pt = ut.exports, ct = {
+const ct = _t.exports, dt = {
   "en-US": {
     paginatedNavigation: "Paginated navigation",
     showingItemsWithTotal: "Showing {itemCount} of {totalCount} item | Showing {itemCount} of {totalCount} items"
@@ -403,15 +398,18 @@ const pt = ut.exports, ct = {
     paginatedNavigation: "Navegación por páginas",
     showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículo | Mostrando {itemCount} de {totalCount} artículos"
   }
-}, _t = p({
-  i18n: { messages: ct },
+}, vt = _({
+  i18n: { messages: dt },
   name: "bento-pagination",
   components: {
     BentoPaginationContext: D,
-    BentoPaginationControls: pt,
-    BentoPaginationResultsPerPage: R
+    BentoPaginationControls: ct,
+    BentoPaginationResultsPerPage: A
   },
   props: {
+    /**
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     */
     /**
      * A brief description of the purpose of the navigation (for a11y).
      * Omit the term "navigation", as the screen reader will read both the role and the contents of the label.
@@ -450,44 +448,49 @@ const pt = ut.exports, ct = {
     totalCount: { type: Number, default: null }
   },
   emits: ["navigate", "items-page", "update:page", "update:size"],
-  setup(a, { emit: t }) {
-    const e = s(
+  setup(a, { attrs: t, emit: e }) {
+    const n = C(t["aria-label"]), { ariaLabel: l } = w(a), g = N({
+      ariaLabel: n.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: l
+    }), p = i(
       () => !a.totalCount || !a.size ? null : Math.ceil(a.totalCount / a.size)
-    ), o = (n) => {
-      t("navigate", n), t("update:page", n);
-    }, r = (n) => {
-      o(n);
-    }, l = (n) => {
-      t("items-page", n), t("update:size", n), o(1);
-    }, u = s(() => ({
+    ), o = (u) => {
+      e("navigate", u), e("update:page", u);
+    }, s = (u) => {
+      o(u);
+    }, c = (u) => {
+      e("items-page", u), e("update:size", u), o(1);
+    }, $ = i(() => ({
       "b-pagination__navigation--no-results-per-page": a.hidePageSize
     }));
     return {
       // Values
-      totalPages: e,
-      navigationConditionalClasses: u,
+      computedAriaLabel: g,
+      totalPages: p,
+      navigationConditionalClasses: $,
       // Events
       navigate: o,
-      onItemsPerPageChange: l,
-      onPageSelected: r
+      onItemsPerPageChange: c,
+      onPageSelected: s
     };
   }
 });
-var dt = function() {
+var ft = function() {
   var t = this, e = t._self._c;
-  return t._self._setupProxy, e("div", { staticClass: "b-pagination" }, [e("nav", { staticClass: "b-pagination__navigation", class: t.navigationConditionalClasses, attrs: { "aria-label": t.ariaLabel } }, [t.hidePageSize ? t._e() : e("bento-pagination-results-per-page", { staticClass: "b-pagination__results-per-page", attrs: { "items-per-page": t.size, "total-count": t.totalCount }, on: { select: t.onItemsPerPageChange } }), e("div", { staticClass: "b-pagination__page-navigator" }, [e("bento-pagination-context", { staticClass: "b-pagination__context", attrs: { "total-pages": t.totalPages, page: t.page, "total-count": t.totalCount }, on: { "page-selected": t.onPageSelected } }), e("div", { staticClass: "b-pagination__divider" }), e("bento-pagination-controls", { staticClass: "b-pagination__controls", attrs: { "has-next": t.hasNext, page: t.page, "total-pages": t.totalPages }, on: { navigate: t.navigate } })], 1)], 1)]);
-}, vt = [], ft = /* @__PURE__ */ i(
-  _t,
-  dt,
+  return t._self._setupProxy, e("div", { staticClass: "b-pagination" }, [e("nav", { staticClass: "b-pagination__navigation", class: t.navigationConditionalClasses, attrs: { "aria-label": t.computedAriaLabel } }, [t.hidePageSize ? t._e() : e("bento-pagination-results-per-page", { staticClass: "b-pagination__results-per-page", attrs: { "items-per-page": t.size, "total-count": t.totalCount }, on: { select: t.onItemsPerPageChange } }), e("div", { staticClass: "b-pagination__page-navigator" }, [e("bento-pagination-context", { staticClass: "b-pagination__context", attrs: { "total-pages": t.totalPages, page: t.page, "total-count": t.totalCount }, on: { "page-selected": t.onPageSelected } }), e("div", { staticClass: "b-pagination__divider" }), e("bento-pagination-controls", { staticClass: "b-pagination__controls", attrs: { "has-next": t.hasNext, page: t.page, "total-pages": t.totalPages }, on: { navigate: t.navigate } })], 1)], 1)]);
+}, mt = [], ht = /* @__PURE__ */ r(
   vt,
+  ft,
+  mt,
   !1,
   null,
-  "65507cb4",
+  "922b81b3",
   null,
   null
 );
-const xt = ft.exports;
+const Nt = ht.exports;
 export {
-  xt as BentoPagination
+  Nt as BentoPagination
 };
 //# sourceMappingURL=pagination.js.map