@adyen/bento-vue2 1.28.0 → 1.29.0

package/dist/pagination.js

@@ -1,5 +1,510 @@
-import { B as n } from "./chunks/pagination.BXjbVe4Z.js";
+import { defineComponent as p, ref as P, computed as r, toRefs as L } from "vue";
+import { u as N } from "./chunks/aria-label.ac9651a5.js";
+import { B as C } from "./chunks/index.e29a6907.js";
+import { B as b } from "./chunks/dropdown.9bee6e1d.js";
+import { g as T } from "./chunks/unique-id.a2a2b458.js";
+import { g as y, a as x } from "./chunks/i18n.eb5b985b.js";
+import { n as l } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { a as S } from "./chunks/button.9184ade9.js";
+import "./assets/index50.css";
+const I = {
+  "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"
+  }
+}, O = 50, v = [
+  { label: "10", value: 10 },
+  { label: "20", value: 20 },
+  { label: "50", value: 50 },
+  // DEFAULT_NUMBER_OF_RESULTS
+  { label: "75", value: 75 },
+  { label: "100", value: 100 }
+], R = p({
+  name: "bento-pagination-context-results-per-page",
+  i18n: { messages: I },
+  components: {
+    BentoDropdown: b,
+    BentoTypography: C
+  },
+  props: {
+    /**
+     *  The amount of items the pager is paging through.
+     */
+    itemsPerPage: {
+      type: Number,
+      default: O,
+      validator: (a) => v.some(({ value: t }) => t === a)
+    },
+    /**
+     * The total number of items the pager is paging through.
+     */
+    totalCount: { type: Number, default: null }
+  },
+  emits: ["select"],
+  setup(a, { emit: t }) {
+    const e = T("b-pagination-context-number-elements"), n = P(v), g = x(), u = (o) => {
+      t("select", o);
+    }, c = r(() => a.totalCount ? "showingItemsWithTotal" : "showingItems");
+    return {
+      // Values
+      dropdownId: e,
+      dropdownOptions: n,
+      i18nComponent: g,
+      translationPathKey: c,
+      // Methods
+      getI18nProps: y,
+      // Events
+      onSelectChange: u
+    };
+  }
+});
+var F = 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: "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, "aria-label": t.$t(t.translationPathKey, { itemCount: t.itemsPerPage, totalCount: t.totalCount }), condensed: "", items: t.dropdownOptions, value: t.itemsPerPage }, 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 = [], k = /* @__PURE__ */ l(
+  R,
+  F,
+  B,
+  !1,
+  null,
+  "5b81c002",
+  null,
+  null
+);
+const A = k.exports, E = {
+  "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}"
+  }
+}, M = p({
+  i18n: { messages: E },
+  name: "bento-pagination-context",
+  components: {
+    BentoDropdown: b,
+    BentoTypography: C
+  },
+  props: {
+    /**
+     * The current page number of the pager.
+     */
+    page: {
+      type: Number,
+      default: 1,
+      validator: (a) => Number.isFinite(a) && a > 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(a, { emit: t }) {
+    const e = T("bento-pagination-context-current-page"), n = (s) => t("page-selected", s), g = x(), u = (s) => ({
+      label: s.toString(),
+      value: s
+    }), c = (s, _) => _ + 1, o = r(
+      () => Array.from(new Array(a.totalPages), c).map(u)
+    );
+    return {
+      // Values
+      dropdownId: e,
+      listOfAvailablePages: o,
+      i18nComponent: g,
+      // Methods
+      getI18nProps: y,
+      // Events
+      onPageSelectChange: n
+    };
+  }
+});
+var Z = 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: "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, "aria-label": t.$t("pageOfTotalPages", { page: t.page, totalPages: t.totalPages }), condensed: "", items: t.listOfAvailablePages, value: t.page, "virtual-scroll": t.virtualScroll }, on: { input: t.onPageSelectChange } })];
+  }, proxy: !0 }, { key: "totalPages", fn: function() {
+    return [t._v(t._s(t.totalPages))];
+  }, proxy: !0 }], null, !1, 1835443900) }, "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__ */ l(
+  M,
+  Z,
+  z,
+  !1,
+  null,
+  "a1e4b8ee",
+  null,
+  null
+);
+const D = W.exports;
+let d = 0;
+const U = {
+  beforeCreate() {
+    this.uuid = d.toString(), d += 1;
+  }
+};
+var j = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", 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", d: "M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z" } }), e("path", { attrs: { fill: "#00112C", d: "M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z" } })]);
+}, J = [], K = /* @__PURE__ */ l(
+  U,
+  j,
+  J,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const V = K.exports;
+let m = 0;
+const H = {
+  beforeCreate() {
+    this.uuid = m.toString(), m += 1;
+  }
+};
+var q = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", 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", d: "M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z" } }), e("path", { attrs: { fill: "#00112C", d: "M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z" } })]);
+}, G = [], Q = /* @__PURE__ */ l(
+  H,
+  q,
+  G,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const X = Q.exports;
+let f = 0;
+const Y = {
+  beforeCreate() {
+    this.uuid = f.toString(), f += 1;
+  }
+};
+var tt = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", 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", d: "M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z" } })]);
+}, et = [], at = /* @__PURE__ */ l(
+  Y,
+  tt,
+  et,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const nt = at.exports;
+let h = 0;
+const ot = {
+  beforeCreate() {
+    this.uuid = h.toString(), h += 1;
+  }
+};
+var st = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", 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", d: "M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z" } })]);
+}, it = [], rt = /* @__PURE__ */ l(
+  ot,
+  st,
+  it,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const lt = rt.exports, gt = {
+  "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"
+  }
+}, ut = p({
+  i18n: { messages: gt },
+  name: "adl-pagination-controls",
+  components: {
+    BentoButton: S,
+    SkipLeft: V,
+    SkipRight: X,
+    ChevronLeft: nt,
+    ChevronRight: lt
+  },
+  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(a, { emit: t }) {
+    const e = r(() => a.page === 1), n = r(() => a.page === a.totalPages), g = r(() => !a.hasNext || n.value), u = r(() => {
+      const o = !a.hasNext, s = !a.totalPages;
+      return o || n.value || s;
+    });
+    return {
+      // Values
+      isNextButtonDisabled: g,
+      isCurrentPageFirst: e,
+      isCurrentPageLast: n,
+      isLastPageButtonDisabled: u,
+      // Events
+      navigate: (o) => {
+        t("navigate", o);
+      }
+    };
+  }
+});
+var ct = 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: "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: "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: "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: "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)]);
+}, pt = [], _t = /* @__PURE__ */ l(
+  ut,
+  ct,
+  pt,
+  !1,
+  null,
+  "e062fb92",
+  null,
+  null
+);
+const vt = _t.exports, dt = {
+  "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"
+  }
+}, mt = p({
+  i18n: { messages: dt },
+  name: "bento-pagination",
+  components: {
+    BentoPaginationContext: D,
+    BentoPaginationControls: vt,
+    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.
+     */
+    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: (a) => Number.isFinite(a) && a > 0
+    },
+    /**
+     *  The size of the items the pager is paging through.
+     */
+    size: {
+      type: Number,
+      default: 20,
+      validator: (a) => [10, 20, 50, 75, 100].includes(a)
+    },
+    /**
+     * 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(a, { attrs: t, emit: e }) {
+    const n = P(t["aria-label"]), { ariaLabel: g } = L(a), u = N({
+      ariaLabel: n.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: g
+    }), c = r(
+      () => !a.totalCount || !a.size ? null : Math.ceil(a.totalCount / a.size)
+    ), o = (i, w) => {
+      a.hidePageSize ? e("navigate", i) : e("navigate", i, w ?? (a == null ? void 0 : a.size)), e("update:page", i);
+    }, s = (i) => {
+      o(i);
+    }, _ = (i) => {
+      e("items-page", i), e("update:size", i), o(1, i);
+    }, $ = r(() => ({
+      "b-pagination__navigation--no-results-per-page": a.hidePageSize
+    }));
+    return {
+      // Values
+      computedAriaLabel: u,
+      totalPages: c,
+      navigationConditionalClasses: $,
+      // Events
+      navigate: o,
+      onItemsPerPageChange: _,
+      onPageSelected: s
+    };
+  }
+});
+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.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, "virtual-scroll": t.virtualScroll }, 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)]);
+}, ht = [], Pt = /* @__PURE__ */ l(
+  mt,
+  ft,
+  ht,
+  !1,
+  null,
+  "e5b7432e",
+  null,
+  null
+);
+const Nt = Pt.exports;
 export {
-  n as BentoPagination
+  Nt as BentoPagination
 };
 //# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"pagination.js","sources":["../src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../src/components/pagination/components/pagination-context/pagination-context.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-left.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/skip-right.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-left-small.vue","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/chevron-right-small.vue","../src/components/pagination/components/pagination-controls/pagination-controls.vue","../src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"$t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        condensed\n                        :items=\"dropdownOptions\"\n                        :value=\"itemsPerPage\"\n                        @input=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { getI18nComponent, getI18nProps } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    const DEFAULT_NUMBER_OF_RESULTS = 50;\n    const PREDEFINED_RESULTS_PER_PAGE_VALUES = [\n        { label: '10', value: 10 },\n        { label: '20', value: 20 },\n        { label: '50', value: 50 }, // DEFAULT_NUMBER_OF_RESULTS\n        { label: '75', value: 75 },\n        { label: '100', value: 100 },\n    ];\n\n    export default defineComponent({\n        name: 'bento-pagination-context-results-per-page',\n        i18n: { messages },\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage: {\n                type: Number,\n                default: DEFAULT_NUMBER_OF_RESULTS,\n                validator: (itemsPerPageValue: number) =>\n                    PREDEFINED_RESULTS_PER_PAGE_VALUES.some(({ value }) => value === itemsPerPageValue),\n            },\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n        },\n        emits: ['select'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('b-pagination-context-number-elements');\n            const dropdownOptions = ref(PREDEFINED_RESULTS_PER_PAGE_VALUES);\n            const i18nComponent = getI18nComponent();\n\n            const onSelectChange = (selectedNumberOfResults: number) => {\n                emit('select', selectedNumberOfResults);\n            };\n\n            const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n\n            return {\n                // Values\n                dropdownId,\n                dropdownOptions,\n                i18nComponent,\n                translationPathKey,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageOfTotalPages')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"$t('pageOfTotalPages', { page, totalPages })\"\n                        class=\"b-pagination-context__dropdown\"\n                        condensed\n                        :items=\"listOfAvailablePages\"\n                        :value=\"page\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @input=\"onPageSelectChange\"\n                    />\n                </template>\n                <template #totalPages>{{ totalPages }}</template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ $t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ $t('pageNumber', { page }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoListboxOptionItem } from '@/types';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps } from '../../../../utils/ts/i18n';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination-context',\n        components: {\n            BentoDropdown,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['page-selected'],\n        setup(props, { emit }) {\n            const dropdownId = generateUid('bento-pagination-context-current-page');\n            const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n            const i18nComponent = getI18nComponent();\n\n            // Generate a list of pages from 1 to \"totalPages\"\n            const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n                label: value.toString(),\n                value,\n            });\n            const transformToPageNumber = (_, index) => index + 1;\n            const listOfAvailablePages = computed(() =>\n                Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n            );\n\n            return {\n                // Values\n                dropdownId,\n                listOfAvailablePages,\n                i18nComponent,\n\n                // Methods\n                getI18nProps,\n\n                // Events\n                onPageSelectChange,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><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\"/><path fill=\"#00112C\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><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\"/><path fill=\"#00112C\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><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\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><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\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style>\n    @import '../css/main.css';\n</style>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"$t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"$t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"$t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"$t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'adl-pagination-controls',\n        components: {\n            BentoButton,\n            SkipLeft,\n            SkipRight,\n            ChevronLeft,\n            ChevronRight,\n        },\n        props: {\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: { type: Number, required: true },\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages: { type: Number, default: null },\n        },\n        emits: ['navigate'],\n        setup(props, { emit }) {\n            const isCurrentPageFirst = computed(() => props.page === 1);\n            const isCurrentPageLast = computed(() => props.page === props.totalPages);\n            const isNextButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                return hasNoNextPage || isCurrentPageLast.value;\n            });\n            const isLastPageButtonDisabled = computed(() => {\n                const hasNoNextPage = !props.hasNext;\n                const hasNoTotalPagesNumber = !props.totalPages;\n\n                return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n            });\n\n            const navigate = (pageArg: number) => {\n                emit('navigate', pageArg);\n            };\n\n            return {\n                // Values\n                isNextButtonDisabled,\n                isCurrentPageFirst,\n                isCurrentPageLast,\n                isLastPageButtonDisabled,\n\n                // Events\n                navigate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    :virtual-scroll=\"virtualScroll\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, ref, toRefs } from 'vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import messages from './messages.json';\n\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-pagination',\n        components: {\n            BentoPaginationContext,\n            BentoPaginationControls,\n            BentoPaginationResultsPerPage,\n        },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * A brief description of the purpose of the navigation (for a11y).\n             * Omit the term \"navigation\", as the screen reader will read both the role and the contents of the label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext: { type: Boolean, default: null },\n\n            /**\n             * Toggles the visibility of the \"results per page\" part of the pagination component.\n             */\n            hidePageSize: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * The current page number of the pager.\n             */\n            page: {\n                type: Number,\n                default: 1,\n                validator: (value: number) => Number.isFinite(value) && value > 0,\n            },\n\n            /**\n             *  The size of the items the pager is paging through.\n             */\n            size: {\n                type: Number,\n                default: 20,\n                validator: (itemsPerPageValue: number) => [10, 20, 50, 75, 100].includes(itemsPerPageValue),\n            },\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount: { type: Number, default: null },\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll: {\n                type: Boolean,\n                default: false,\n            },\n        },\n        emits: ['navigate', 'items-page', 'update:page', 'update:size'],\n        setup(props, { attrs, emit }) {\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel: ariaLabelAttribute.value as string,\n                // TODO: take this line away when the aria-label props is removed\n                label: ariaLabel,\n            });\n\n            const totalPages = computed(() =>\n                !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n            );\n\n            const navigate = (pageArg: number, itemsPerPage?: number) => {\n                if (props.hidePageSize) {\n                    emit('navigate', pageArg);\n                } else {\n                    emit('navigate', pageArg, itemsPerPage ?? props?.size);\n                }\n                emit('update:page', pageArg);\n            };\n\n            const onPageSelected = (pageNumber: number) => {\n                navigate(pageNumber);\n            };\n\n            const onItemsPerPageChange = (elements: number) => {\n                emit('items-page', elements);\n                emit('update:size', elements);\n\n                // Always go to first page when the\n                // number of items page changes\n                navigate(1, elements);\n            };\n\n            const navigationConditionalClasses = computed(() => ({\n                'b-pagination__navigation--no-results-per-page': props.hidePageSize,\n            }));\n\n            return {\n                // Values\n                computedAriaLabel,\n                totalPages,\n                navigationConditionalClasses,\n\n                // Events\n                navigate,\n                onItemsPerPageChange,\n                onPageSelected,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["DEFAULT_NUMBER_OF_RESULTS","PREDEFINED_RESULTS_PER_PAGE_VALUES","_sfc_main$7","defineComponent","messages$3","BentoDropdown","BentoTypography","itemsPerPageValue","value","props","emit","dropdownId","generateUid","dropdownOptions","ref","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","computed","getI18nProps","_sfc_main$6","messages$2","onPageSelectChange","selectedPage","transformIntoOption","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","_sfc_main$5","uuid$2","_sfc_main$4","uuid$1","_sfc_main$3","uuid","_sfc_main$2","_sfc_main$1","messages$1","BentoButton","SkipLeft","SkipRight","ChevronLeft","ChevronRight","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","_sfc_main","messages","BentoPaginationContext","BentoPaginationControls","BentoPaginationResultsPerPage","attrs","ariaLabelAttribute","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","itemsPerPage","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses"],"mappings":"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","x_google_ignoreList":[2,3,4,5]}