@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/pagination.js

@@ -1,637 +1,5 @@
-import { defineComponent as N, ref as k, computed as v, resolveComponent as c, openBlock as o, createElementBlock as _, createVNode as u, withCtx as m, createBlock as f, resolveDynamicComponent as B, mergeProps as b, createSlots as Z, createTextVNode as T, toDisplayString as h, createCommentVNode as $, createElementVNode as d, toRefs as z, normalizeClass as W, pushScopeId as U, popScopeId as V } from "vue";
-import { u as j } from "./chunks/aria-label.ac9651a5.js";
-import { B as A } from "./chunks/index.a3d60e4f.js";
-import { B as E } from "./chunks/dropdown.d8587f36.js";
-import { g as R } from "./chunks/unique-id.a2a2b458.js";
-import { g as F, a as M } from "./chunks/i18n.f7e6533e.js";
-import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as J } from "./chunks/button.60dad578.js";
-import "./assets/index28.css";
-const K = {
-  "en-US": {
-    showingItems: "Showing {itemCount} items",
-    showingItemsWithTotal: "Showing {itemCount} of {totalCount} items"
-  },
-  "de-DE": {
-    showingItems: "Zeigt {itemCount} Artikeln",
-    showingItemsWithTotal: "Zeigt {itemCount} von {totalCount} Artikeln"
-  },
-  "fr-FR": {
-    showingItems: "Affichage de {itemCount} élément(s)",
-    showingItemsWithTotal: "Affichage de {itemCount} élément(s) sur {totalCount}"
-  },
-  "ja-JP": {
-    showingItems: "{itemCount}個のアイテムを表示しています",
-    showingItemsWithTotal: "{totalCount}件中{itemCount}件のアイテムを表示"
-  },
-  "pt-BR": {
-    showingItems: "Mostrando {itemCount} itens",
-    showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} itens"
-  },
-  "es-ES": {
-    showingItems: "Mostrando {itemCount} artículos",
-    showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículos"
-  }
-}, H = 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 }
-], q = N({
-  name: "bento-pagination-context-results-per-page",
-  i18n: { messages: K },
-  components: {
-    BentoDropdown: E,
-    BentoTypography: A
-  },
-  props: {
-    /**
-     *  The amount of items the pager is paging through.
-     */
-    itemsPerPage: {
-      type: Number,
-      default: H,
-      validator: (e) => y.some(({ value: t }) => t === e)
-    },
-    /**
-     * The total number of items the pager is paging through.
-     */
-    totalCount: { type: Number, default: null }
-  },
-  emits: ["select"],
-  setup(e, { emit: t }) {
-    const n = R("b-pagination-context-number-elements"), i = k(y), s = M(), l = (a) => {
-      t("select", a);
-    }, g = v(() => e.totalCount ? "showingItemsWithTotal" : "showingItems");
-    return {
-      // Values
-      dropdownId: n,
-      dropdownOptions: i,
-      i18nComponent: s,
-      translationPathKey: g,
-      // Methods
-      getI18nProps: F,
-      // Events
-      onSelectChange: l
-    };
-  }
-});
-const G = { class: "b-pagination-results-per-page" };
-function Q(e, t, n, i, s, l) {
-  const g = c("bento-dropdown"), a = c("bento-typography");
-  return o(), _("div", G, [
-    u(a, { el: "div" }, {
-      default: m(() => [
-        (o(), f(B(e.i18nComponent), b(e.getI18nProps(e.translationPathKey), {
-          class: "b-pagination-results-per-page__dropdown-container",
-          tag: "div",
-          plural: e.totalCount
-        }), Z({
-          itemCount: m(() => [
-            u(g, {
-              id: e.dropdownId,
-              "aria-label": e.$t(e.translationPathKey, { itemCount: e.itemsPerPage, totalCount: e.totalCount }),
-              class: "b-pagination-results-per-page__dropdown",
-              condensed: "",
-              items: e.dropdownOptions,
-              value: e.itemsPerPage,
-              onInput: e.onSelectChange
-            }, null, 8, ["id", "aria-label", "items", "value", "onInput"])
-          ]),
-          _: 2
-        }, [
-          e.totalCount ? {
-            name: "totalCount",
-            fn: m(() => [
-              T(h(e.totalCount), 1)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["plural"]))
-      ]),
-      _: 1
-    })
-  ]);
-}
-const X = /* @__PURE__ */ P(q, [["render", Q], ["__scopeId", "data-v-bb39845f"]]), Y = {
-  "en-US": {
-    pageOfTotalPages: "Page {page} of {totalPages}",
-    pageOneOfOne: "Page 1 of 1",
-    pageNumber: "Page {page}"
-  },
-  "de-DE": {
-    pageOfTotalPages: "Seite {page} von {totalPages}",
-    pageOneOfOne: "Seite 1 von 1",
-    pageNumber: "Seite {page}"
-  },
-  "fr-FR": {
-    pageOfTotalPages: "Page {page} sur {totalPages}",
-    pageOneOfOne: "Page 1 sur 1",
-    pageNumber: "Page {page}"
-  },
-  "ja-JP": {
-    pageOfTotalPages: "ページ{page}/{totalPages}",
-    pageOneOfOne: "ページ1/1",
-    pageNumber: "ページ{page}"
-  },
-  "pt-BR": {
-    pageOfTotalPages: "Página {page} de {totalPages}",
-    pageOneOfOne: "Página 1 de 1",
-    pageNumber: "Página {page}"
-  },
-  "es-ES": {
-    pageOfTotalPages: "Página {page} de {totalPages}",
-    pageOneOfOne: "Página 1 de 1",
-    pageNumber: "Página {page}"
-  }
-}, x = N({
-  i18n: { messages: Y },
-  name: "bento-pagination-context",
-  components: {
-    BentoDropdown: E,
-    BentoTypography: A
-  },
-  props: {
-    /**
-     * The current page number of the pager.
-     */
-    page: {
-      type: Number,
-      default: 1,
-      validator: (e) => Number.isFinite(e) && e > 0
-    },
-    /**
-     * The total number of items the pager is paging through.
-     */
-    totalPages: { type: Number, default: null },
-    /**
-     * Enables virtual scrolling on all dropdowns if set to true.
-     */
-    virtualScroll: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["page-selected"],
-  setup(e, { emit: t }) {
-    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, C) => C + 1, a = v(
-      () => Array.from(new Array(e.totalPages), g).map(l)
-    );
-    return {
-      // Values
-      dropdownId: n,
-      listOfAvailablePages: a,
-      i18nComponent: s,
-      // Methods
-      getI18nProps: F,
-      // Events
-      onPageSelectChange: i
-    };
-  }
-});
-const ee = { class: "b-pagination-context" };
-function te(e, t, n, i, s, l) {
-  const g = c("bento-dropdown"), a = c("bento-typography");
-  return o(), _("div", ee, [
-    e.totalPages > 1 ? (o(), f(a, {
-      key: 0,
-      el: "div"
-    }, {
-      default: m(() => [
-        (o(), f(B(e.i18nComponent), b(e.getI18nProps("pageOfTotalPages"), { tag: "div" }), {
-          page: m(() => [
-            u(g, {
-              id: e.dropdownId,
-              "aria-label": e.$t("pageOfTotalPages", { page: e.page, totalPages: e.totalPages }),
-              class: "b-pagination-context__dropdown",
-              condensed: "",
-              items: e.listOfAvailablePages,
-              value: e.page,
-              "virtual-scroll": e.virtualScroll,
-              onInput: e.onPageSelectChange
-            }, null, 8, ["id", "aria-label", "items", "value", "virtual-scroll", "onInput"])
-          ]),
-          totalPages: m(() => [
-            T(h(e.totalPages), 1)
-          ]),
-          _: 1
-        }, 16))
-      ]),
-      _: 1
-    })) : e.totalPages === 1 ? (o(), f(a, {
-      key: 1,
-      el: "span"
-    }, {
-      default: m(() => [
-        T(h(e.$t("pageOneOfOne")), 1)
-      ]),
-      _: 1
-    })) : (o(), f(a, {
-      key: 2,
-      el: "span"
-    }, {
-      default: m(() => [
-        T(h(e.$t("pageNumber", { page: e.page })), 1)
-      ]),
-      _: 1
-    }))
-  ]);
-}
-const ae = /* @__PURE__ */ P(x, [["render", te], ["__scopeId", "data-v-f8359ceb"]]);
-let L = 0;
-const ne = {
-  beforeCreate() {
-    this.uuid = L.toString(), L += 1;
-  }
-}, oe = { key: 0 }, ie = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  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), se = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  d: "M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z"
-}, null, -1);
-function le(e, t, n, i, s, l) {
-  return o(), _("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", oe, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    ie,
-    se
-  ], 16);
-}
-const ge = /* @__PURE__ */ P(ne, [["render", le]]);
-let S = 0;
-const re = {
-  beforeCreate() {
-    this.uuid = S.toString(), S += 1;
-  }
-}, pe = { key: 0 }, ue = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  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), de = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  d: "M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z"
-}, null, -1);
-function ce(e, t, n, i, s, l) {
-  return o(), _("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", pe, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    ue,
-    de
-  ], 16);
-}
-const me = /* @__PURE__ */ P(re, [["render", ce]]);
-let I = 0;
-const _e = {
-  beforeCreate() {
-    this.uuid = I.toString(), I += 1;
-  }
-}, ve = { key: 0 }, he = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  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 Pe(e, t, n, i, s, l) {
-  return o(), _("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", ve, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    he
-  ], 16);
-}
-const fe = /* @__PURE__ */ P(_e, [["render", Pe]]);
-let O = 0;
-const be = {
-  beforeCreate() {
-    this.uuid = O.toString(), O += 1;
-  }
-}, Ce = { key: 0 }, $e = /* @__PURE__ */ d("path", {
-  fill: "#00112C",
-  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 Te(e, t, n, i, s, l) {
-  return o(), _("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", Ce, h(e.$attrs["svg-title"]), 1)) : $("", !0),
-    $e
-  ], 16);
-}
-const Ne = /* @__PURE__ */ P(be, [["render", Te]]), we = {
-  "en-US": {
-    navigateToTheFirstPage: "Navigate to the first page",
-    navigateToThePreviousPage: "Navigate to the previous page",
-    navigateToTheNextPage: "Navigate to the next page",
-    navigateToTheLastPage: "Navigate to the last page"
-  },
-  "de-DE": {
-    navigateToTheFirstPage: "Zur ersten Seite navigieren",
-    navigateToThePreviousPage: "Zur vorherigen Seite navigieren",
-    navigateToTheNextPage: "Zur nächsten Seite navigieren",
-    navigateToTheLastPage: "Zur letzten Seite navigieren"
-  },
-  "fr-FR": {
-    navigateToTheFirstPage: "Accéder à la première page",
-    navigateToThePreviousPage: "Accéder à la page précédente",
-    navigateToTheNextPage: "Accéder à la page suivante",
-    navigateToTheLastPage: "Accéder à la dernière page"
-  },
-  "ja-JP": {
-    navigateToTheFirstPage: "最初のページに移動",
-    navigateToThePreviousPage: "前のページに移動",
-    navigateToTheNextPage: "次のページに移動",
-    navigateToTheLastPage: "最後のページに移動"
-  },
-  "pt-BR": {
-    navigateToTheFirstPage: "Ir para a primeira página",
-    navigateToThePreviousPage: "Ir para a página anterior",
-    navigateToTheNextPage: "Ir para a próxima página",
-    navigateToTheLastPage: "Ir para a última página"
-  },
-  "es-ES": {
-    navigateToTheFirstPage: "Ir a la primera página",
-    navigateToThePreviousPage: "Ir a la página anterior",
-    navigateToTheNextPage: "Ir a la página siguiente",
-    navigateToTheLastPage: "Ir a la última página"
-  }
-}, ye = N({
-  i18n: { messages: we },
-  name: "adl-pagination-controls",
-  components: {
-    BentoButton: J,
-    SkipLeft: ge,
-    SkipRight: me,
-    ChevronLeft: fe,
-    ChevronRight: Ne
-  },
-  props: {
-    /**
-     * Use to determine if the pager has a "next page".
-     */
-    hasNext: { type: Boolean, default: null },
-    /**
-     * The current page number of the pager.
-     */
-    page: { type: Number, required: !0 },
-    /**
-     * The current page number of the pager.
-     */
-    totalPages: { type: Number, default: null }
-  },
-  emits: ["navigate"],
-  setup(e, { emit: t }) {
-    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;
-    });
-    return {
-      // Values
-      isNextButtonDisabled: s,
-      isCurrentPageFirst: n,
-      isCurrentPageLast: i,
-      isLastPageButtonDisabled: l,
-      // Events
-      navigate: (a) => {
-        t("navigate", a);
-      }
-    };
-  }
-});
-const Le = { class: "b-pagination-controls" }, Se = { class: "b-pagination-controls__item" }, Ie = { class: "b-pagination-controls__item" }, Oe = { class: "b-pagination-controls__item" }, ke = { class: "b-pagination-controls__item" };
-function Be(e, t, n, i, s, l) {
-  const g = c("skip-left"), a = c("bento-button"), r = c("chevron-left"), C = c("chevron-right"), w = c("skip-right");
-  return o(), _("ul", Le, [
-    d("li", Se, [
-      u(a, {
-        disabled: e.isCurrentPageFirst,
-        variant: "tertiary",
-        condensed: "",
-        onClick: t[0] || (t[0] = (p) => e.navigate(1))
-      }, {
-        iconLeft: m(() => [
-          u(g, {
-            "svg-title": e.$t("navigateToTheFirstPage")
-          }, null, 8, ["svg-title"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]),
-    d("li", Ie, [
-      u(a, {
-        disabled: e.isCurrentPageFirst,
-        variant: "tertiary",
-        condensed: "",
-        onClick: t[1] || (t[1] = (p) => e.navigate(e.page - 1))
-      }, {
-        iconLeft: m(() => [
-          u(r, {
-            "svg-title": e.$t("navigateToThePreviousPage")
-          }, null, 8, ["svg-title"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]),
-    d("li", Oe, [
-      u(a, {
-        disabled: e.isNextButtonDisabled,
-        variant: "tertiary",
-        condensed: "",
-        onClick: t[2] || (t[2] = (p) => e.navigate(e.page + 1))
-      }, {
-        iconLeft: m(() => [
-          u(C, {
-            "svg-title": e.$t("navigateToTheNextPage")
-          }, null, 8, ["svg-title"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]),
-    d("li", ke, [
-      u(a, {
-        disabled: e.isLastPageButtonDisabled,
-        variant: "tertiary",
-        condensed: "",
-        onClick: t[3] || (t[3] = (p) => e.navigate(e.totalPages))
-      }, {
-        iconLeft: m(() => [
-          u(w, {
-            "svg-title": e.$t("navigateToTheLastPage")
-          }, null, 8, ["svg-title"])
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ])
-  ]);
-}
-const Ae = /* @__PURE__ */ P(ye, [["render", Be], ["__scopeId", "data-v-b1c3077d"]]), Ee = {
-  "en-US": {
-    paginatedNavigation: "Paginated navigation",
-    showingItemsWithTotal: "Showing {itemCount} of {totalCount} item | Showing {itemCount} of {totalCount} items"
-  },
-  "de-DE": {
-    paginatedNavigation: "Paginierte Navigation",
-    showingItemsWithTotal: "Zeigt {itemCount} Artikel von {totalCount} | Zeigt {itemCount} von {totalCount} Artikeln"
-  },
-  "fr-FR": {
-    paginatedNavigation: "Navigation paginée",
-    showingItemsWithTotal: "Affichage de {itemCount} élément sur {totalCount} | Affichage de {itemCount} élément(s) sur {totalCount}"
-  },
-  "ja-JP": {
-    paginatedNavigation: "ページ分割ナビゲーション",
-    showingItemsWithTotal: "{totalCount}件中{itemCount}件のアイテムを表示"
-  },
-  "pt-BR": {
-    paginatedNavigation: "Navegação por página",
-    showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} item | Mostrando {itemCount} de {totalCount} itens"
-  },
-  "es-ES": {
-    paginatedNavigation: "Navegación por páginas",
-    showingItemsWithTotal: "Mostrando {itemCount} de {totalCount} artículo | Mostrando {itemCount} de {totalCount} artículos"
-  }
-}, Re = N({
-  i18n: { messages: Ee },
-  name: "bento-pagination",
-  components: {
-    BentoPaginationContext: ae,
-    BentoPaginationControls: Ae,
-    BentoPaginationResultsPerPage: X
-  },
-  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.
-     */
-    ariaLabel: { type: String, default: null },
-    /**
-     * Use to determine if the pager has a "next page".
-     */
-    hasNext: { type: Boolean, default: null },
-    /**
-     * Toggles the visibility of the "results per page" part of the pagination component.
-     */
-    hidePageSize: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The current page number of the pager.
-     */
-    page: {
-      type: Number,
-      default: 1,
-      validator: (e) => Number.isFinite(e) && e > 0
-    },
-    /**
-     *  The size of the items the pager is paging through.
-     */
-    size: {
-      type: Number,
-      default: 20,
-      validator: (e) => [10, 20, 50, 75, 100].includes(e)
-    },
-    /**
-     * The total number of items the pager is paging through.
-     */
-    totalCount: { type: Number, default: null },
-    /**
-     * Enables virtual scrolling on all dropdowns if set to true.
-     */
-    virtualScroll: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["navigate", "items-page", "update:page", "update:size"],
-  setup(e, { attrs: t, emit: n }) {
-    const i = k(t["aria-label"]), { ariaLabel: s } = z(e), l = j({
-      ariaLabel: i.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: s
-    }), g = v(
-      () => !e.totalCount || !e.size ? null : Math.ceil(e.totalCount / e.size)
-    ), a = (p, D) => {
-      e.hidePageSize ? n("navigate", p) : n("navigate", p, D ?? (e == null ? void 0 : e.size)), n("update:page", p);
-    }, r = (p) => {
-      a(p);
-    }, C = (p) => {
-      n("items-page", p), n("update:size", p), a(1, p);
-    }, w = v(() => ({
-      "b-pagination__navigation--no-results-per-page": e.hidePageSize
-    }));
-    return {
-      // Values
-      computedAriaLabel: l,
-      totalPages: g,
-      navigationConditionalClasses: w,
-      // Events
-      navigate: a,
-      onItemsPerPageChange: C,
-      onPageSelected: r
-    };
-  }
-});
-const Fe = (e) => (U("data-v-2aab535e"), e = e(), V(), e), Me = { class: "b-pagination" }, De = ["aria-label"], Ze = { class: "b-pagination__page-navigator" }, ze = /* @__PURE__ */ Fe(() => /* @__PURE__ */ d("div", { class: "b-pagination__divider" }, null, -1));
-function We(e, t, n, i, s, l) {
-  const g = c("bento-pagination-results-per-page"), a = c("bento-pagination-context"), r = c("bento-pagination-controls");
-  return o(), _("div", Me, [
-    d("nav", {
-      "aria-label": e.computedAriaLabel,
-      class: W(["b-pagination__navigation", e.navigationConditionalClasses])
-    }, [
-      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", Ze, [
-        u(a, {
-          class: "b-pagination__context",
-          "total-pages": e.totalPages,
-          page: e.page,
-          "total-count": e.totalCount,
-          "virtual-scroll": e.virtualScroll,
-          onPageSelected: e.onPageSelected
-        }, null, 8, ["total-pages", "page", "total-count", "virtual-scroll", "onPageSelected"]),
-        ze,
-        u(r, {
-          class: "b-pagination__controls",
-          "has-next": e.hasNext,
-          page: e.page,
-          "total-pages": e.totalPages,
-          onNavigate: e.navigate
-        }, null, 8, ["has-next", "page", "total-pages", "onNavigate"])
-      ])
-    ], 10, De)
-  ]);
-}
-const Qe = /* @__PURE__ */ P(Re, [["render", We], ["__scopeId", "data-v-2aab535e"]]);
+import { B as n } from "./chunks/pagination.BwG1MF4j.js";
 export {
-  Qe as BentoPagination
+  n as BentoPagination
 };
 //# sourceMappingURL=pagination.js.map