@adyen/bento-vue2 1.102.0 → 1.103.0

package/dist/chunks/list-item.BiJMHR7b.js

@@ -1,226 +0,0 @@
-import { defineComponent as D, computed as c, ref as B, watch as L, provide as H, useSlots as F, inject as E } from "vue";
-import { m as R } from "./index.C7m7gI5w.js";
-import { u as k, a as U, B as A } from "./draggable-handle.kBP4prVO.js";
-import { n as S } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { C as $ } from "./chevron-right-small.BKeb_dRX.js";
-import { B as z } from "./status.CKb07vxI.js";
-import { B as N } from "./tag.BAyLm485.js";
-import { B as j } from "./typography.C8lPlsbD.js";
-import { u as G } from "./use-has-slot.C9lQZ6nz.js";
-import { u as J } from "./index.B6WW_F-J.js";
-import "../assets/list-item.css";
-const K = {
-  "de-DE": {
-    youHaveMovedFromPositionToPosition: "Sie haben {itemLabel} von Position {indexOrigin} an Position {indexTarget} von {total} verschoben."
-  },
-  "en-GB": {
-    youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}."
-  },
-  "en-US": {
-    youHaveMovedFromPositionToPosition: "You have moved {itemLabel} from position {indexOrigin} to position {indexTarget} of {total}."
-  },
-  "es-419": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "es-ES": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "es-MX": {
-    youHaveMovedFromPositionToPosition: "Has movido {itemLabel} de la posición {indexOrigin} a la posición {indexTarget} de {total}."
-  },
-  "fr-FR": {
-    youHaveMovedFromPositionToPosition: "Vous avez déplacé {itemLabel} de la position {indexOrigin} à la position {indexTarget} sur {total}."
-  },
-  "it-IT": {
-    youHaveMovedFromPositionToPosition: "Hai spostato {itemLabel} dalla posizione {indexOrigin} alla posizione {indexTarget} di {total}."
-  },
-  "ja-JP": {
-    youHaveMovedFromPositionToPosition: "{itemLabel} を {indexOrigin} の位置から {total} の {indexTarget} の位置に移動しました。"
-  },
-  "pt-BR": {
-    youHaveMovedFromPositionToPosition: "Você moveu {itemLabel} da posição {indexOrigin} para a posição {indexTarget} de {total}."
-  },
-  "zh-CN": {
-    youHaveMovedFromPositionToPosition: "您已将 {itemLabel} 从 {indexOrigin} 位置移动到 {indexTarget} 位置（共 {total} 个位置）。"
-  }
-}, x = /* @__PURE__ */ Symbol("list draggable injection key"), Y = {
-  name: "bento-list",
-  inheritAttrs: !1,
-  i18n: { messages: K }
-}, V = /* @__PURE__ */ D({
-  ...Y,
-  props: {
-    type: { default: "unordered" },
-    draggable: { type: Boolean, default: !1 },
-    draggableOptions: { default: () => ({}) }
-  },
-  emits: ["reorder"],
-  setup(_, { emit: e }) {
-    const o = _, t = ".b-list-item", p = c(() => o.type === "ordered" ? "ol" : "ul"), n = B(null), s = B([]), v = c(() => o.draggable), u = () => n.value ? Array.from(n.value.children).filter((i) => i.matches(t)) : [], d = () => {
-      s.value = u();
-    };
-    L(
-      n,
-      (i) => {
-        if (!i) {
-          s.value = [];
-          return;
-        }
-        d();
-      },
-      { immediate: !0 }
-    ), R(n, d, { childList: !0 });
-    const g = (i) => i ? s.value.indexOf(i) : -1, f = (i, l) => {
-      var r, m;
-      return ((m = (r = i == null ? void 0 : i.querySelector("[data-list-item-label]")) == null ? void 0 : r.textContent) == null ? void 0 : m.trim()) || `List item ${l + 1}`;
-    }, b = (i, l) => {
-      var m;
-      if (!v.value)
-        return;
-      const r = u();
-      T({
-        itemLabel: f(r[l] ?? null, l),
-        fromIndex: i,
-        toIndex: l,
-        total: r.length,
-        announcement: (m = o.draggableOptions) == null ? void 0 : m.dragAnnouncement
-      });
-    }, I = (i, l) => {
-      const r = u(), m = r[i], P = r[l];
-      i < l ? n.value.insertBefore(m, P.nextSibling) : n.value.insertBefore(m, P), d(), b(i, l), e("reorder", { oldIndex: i, newIndex: l });
-    }, h = c(() => ({
-      ...o.draggableOptions,
-      onSort: (i) => {
-        var l, r;
-        d(), i.oldIndex !== void 0 && i.newIndex !== void 0 && (b(i.oldIndex, i.newIndex), e("reorder", { oldIndex: i.oldIndex, newIndex: i.newIndex })), (r = (l = o.draggableOptions) == null ? void 0 : l.onSort) == null || r.call(l, i);
-      }
-    })), { announcementMessage: w, announceMove: T } = k(), { moveItemUp: y, moveItemDown: a, moveItemTop: O, moveItemBottom: C, getDisabledMenus: M } = U(
-      n,
-      h,
-      {
-        getItemCount: () => s.value.length,
-        getItemIndex: g,
-        onMoveItem: I
-      }
-    );
-    return H(x, {
-      isDraggable: v,
-      moveItemUp: y,
-      moveItemDown: a,
-      moveItemTop: O,
-      moveItemBottom: C,
-      getDisabledMenus: M
-    }), { __sfc: !0, ITEM_SELECTOR: t, props: o, emit: e, listElement: p, listRef: n, listItems: s, isDraggable: v, getListItems: u, syncListItems: d, getItemIndex: g, getItemLabel: f, announceMoveAt: b, moveItemDOM: I, computedDraggableOptions: h, announcementMessage: w, announceMove: T, moveItemUp: y, moveItemDown: a, moveItemTop: O, moveItemBottom: C, getDisabledMenus: M };
-  }
-});
-var X = function() {
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "b-list" }, [o(t.listElement, e._b({ ref: "listRef", tag: "component", staticClass: "b-list__list" }, "component", e.$attrs, !1), [e._t("default")], 2), t.isDraggable ? o("div", { staticClass: "b-list__announcement", attrs: { role: "status", "aria-live": "polite" } }, [e._v(" " + e._s(t.announcementMessage) + " ")]) : e._e()], 1);
-}, q = [], Q = /* @__PURE__ */ S(
-  V,
-  X,
-  q,
-  !1,
-  null,
-  "c2ccaf69"
-);
-const ue = Q.exports, W = {
-  "de-DE": {
-    listItem: "Listenelement"
-  },
-  "en-GB": {
-    listItem: "list item"
-  },
-  "en-US": {
-    listItem: "list item"
-  },
-  "es-419": {
-    listItem: "elemento de la lista"
-  },
-  "es-ES": {
-    listItem: "elemento de lista"
-  },
-  "es-MX": {
-    listItem: "elemento de la lista"
-  },
-  "fr-FR": {
-    listItem: "élément de liste"
-  },
-  "it-IT": {
-    listItem: "elemento della lista"
-  },
-  "ja-JP": {
-    listItem: "リストアイテム"
-  },
-  "pt-BR": {
-    listItem: "item da lista"
-  },
-  "zh-CN": {
-    listItem: "列表项"
-  }
-}, Z = {
-  name: "bento-list-item",
-  i18n: { messages: W }
-}, ee = /* @__PURE__ */ D({
-  ...Z,
-  props: {
-    label: null,
-    description: null,
-    draggableOptions: { default: null },
-    showStatus: { type: Boolean, default: !1 },
-    statusColor: { default: "blue" },
-    tag: { default: void 0 },
-    withChevron: { type: Boolean, default: !1 },
-    showTopDivider: { type: Boolean, default: !1 },
-    showBottomDivider: { type: Boolean, default: !1 }
-  },
-  emits: ["click", "move-up", "move-down", "move-top", "move-bottom"],
-  setup(_, { emit: e }) {
-    const o = _, t = F(), p = G(t), n = B(null), s = E(x, null), { t: v } = J(), u = () => {
-      o.withChevron && e("click");
-    }, d = (a) => {
-      o.withChevron && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), e("click"));
-    }, g = c(() => ({
-      "b-list-item__inner--clickable": o.withChevron,
-      "b-list-item__inner--top-divider": o.showTopDivider,
-      "b-list-item__inner--bottom-divider": o.showBottomDivider
-    })), f = c(() => !!(s != null && s.isDraggable.value)), b = c(() => {
-      var a;
-      return ((a = o.draggableOptions) == null ? void 0 : a.label) || o.label || v("listItem");
-    }), I = c(() => {
-      var a;
-      return (a = o.draggableOptions) != null && a.disabledMenus ? o.draggableOptions.disabledMenus : s == null ? void 0 : s.getDisabledMenus(n.value);
-    });
-    return { __sfc: !0, slots: t, hasSlot: p, itemRef: n, draggableContext: s, t: v, props: o, emit: e, onItemClick: u, onItemKeydown: d, conditionalClasses: g, showDragHandle: f, dragHandleLabel: b, disabledMenus: I, moveItemUp: () => {
-      var a;
-      e("move-up"), (((a = o.draggableOptions) == null ? void 0 : a.moveUp) ?? (() => s == null ? void 0 : s.moveItemUp(n.value)))();
-    }, moveItemDown: () => {
-      var a;
-      e("move-down"), (((a = o.draggableOptions) == null ? void 0 : a.moveDown) ?? (() => s == null ? void 0 : s.moveItemDown(n.value)))();
-    }, moveItemTop: () => {
-      var a;
-      e("move-top"), (((a = o.draggableOptions) == null ? void 0 : a.moveTop) ?? (() => s == null ? void 0 : s.moveItemTop(n.value)))();
-    }, moveItemBottom: () => {
-      var a;
-      e("move-bottom"), (((a = o.draggableOptions) == null ? void 0 : a.moveBottom) ?? (() => s == null ? void 0 : s.moveItemBottom(n.value)))();
-    }, ChevronRightIcon: $, BentoDraggableHandle: A, BentoStatus: z, BentoTag: N, BentoTypography: j };
-  }
-});
-var te = function() {
-  var p;
-  var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("li", { ref: "itemRef", staticClass: "b-list-item", on: { click: t.onItemClick, keydown: t.onItemKeydown } }, [o(t.BentoTypography, { staticClass: "b-list-item__inner", class: t.conditionalClasses, attrs: { el: "div", role: t.props.withChevron ? "button" : void 0, tabindex: t.props.withChevron ? 0 : void 0 } }, [t.hasSlot("image") ? o("div", { staticClass: "b-list-item__image" }, [e._t("image")], 2) : e._e(), t.showDragHandle ? o(t.BentoDraggableHandle, { attrs: { condensed: "", label: t.dragHandleLabel, "disabled-menus": t.disabledMenus, disabled: (p = e.draggableOptions) == null ? void 0 : p.disabled }, on: { "move-up": t.moveItemUp, "move-down": t.moveItemDown, "move-top": t.moveItemTop, "move-bottom": t.moveItemBottom } }) : e._e(), t.hasSlot("start") ? o("div", { staticClass: "b-list-item__start" }, [t.hasSlot("start") ? e._t("start") : e._e()], 2) : e._e(), o("div", { staticClass: "b-list-item__content" }, [t.hasSlot("content") ? o("div", { staticClass: "b-list-item__label", attrs: { "data-list-item-label": "" } }, [e._t("content")], 2) : [o("div", { staticClass: "b-list-item__header" }, [t.props.label ? o(t.BentoTypography, { staticClass: "b-list-item__label", attrs: { "data-list-item-label": "", el: "span", stronger: "" } }, [e._v(" " + e._s(t.props.label) + " ")]) : e._e(), t.props.showStatus ? o(t.BentoStatus, { staticClass: "b-list-item__status", attrs: { variant: t.props.statusColor, "aria-hidden": "true" } }) : e._e(), t.props.tag ? o(t.BentoTag, e._b({ staticClass: "b-list-item__tag" }, "bento-tag", t.props.tag, !1)) : e._e()], 1), t.props.description ? o("span", { staticClass: "b-list-item__description" }, [e._v(" " + e._s(t.props.description) + " ")]) : e._e()]], 2), t.hasSlot("end") ? o("div", { staticClass: "b-list-item__end" }, [e._t("end")], 2) : e._e(), t.props.withChevron ? o(t.ChevronRightIcon, { staticClass: "b-list-item__chevron", attrs: { "aria-hidden": "true" } }) : e._e()], 1)], 1);
-}, oe = [], se = /* @__PURE__ */ S(
-  ee,
-  te,
-  oe,
-  !1,
-  null,
-  "3cc5daca"
-);
-const _e = se.exports;
-export {
-  _e as a,
-  ue as l
-};
-//# sourceMappingURL=list-item.BiJMHR7b.js.map

package/dist/chunks/pagination.CZVdaeqE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.CZVdaeqE.js","sources":["../../src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../src/components/pagination/components/pagination-context/pagination-context.vue","../../../ui-assets/icons-16/dist/vue/skip-left.vue","../../../ui-assets/icons-16/dist/vue/skip-right.vue","../../../ui-assets/icons-16/dist/vue/chevron-left-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 v-if=\"hidePageSizeSelection\" #itemCount>{{ itemsPerPage }}</template>\n\n                <template v-else #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=\"predefinedDropdownOptions\"\n                        :model-value=\"itemsPerPage\"\n                        @update:model-value=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/core/utils/ts';\n    import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  hidePageSizeSelection: { type: Boolean, default: false },\n  itemsPerPage: { default: 50 },\n  totalCount: { default: null },\n  pageSizeItems: { default: () => [10, 20, 50, 75, 100] }\n});\n\n    const emit = defineEmits([\"select\"]);\n\n    const isValid = computed(\n        () => Array.isArray(props.pageSizeItems) && props.pageSizeItems.every(option => Number.isInteger(option))\n    );\n\n    watch(\n        isValid,\n        valid => {\n            if (!valid) {\n                printDevelopmentWarning('BentoPagination: pageSizeItems must be an array of integers.');\n            }\n        },\n        { immediate: true }\n    );\n\n    const dropdownId = generateUid('b-pagination-context-number-elements');\n    const predefinedDropdownOptions = computed(() =>\n        props.pageSizeItems.map(option => ({\n            label: n(option),\n            value: option,\n        }))\n    );\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</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\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 && !hidePageSelection\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageNumber')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"t('pageNumber', { page: n(page) })\"\n                        class=\"b-pagination-context__dropdown\"\n                        condensed\n                        :items=\"listOfAvailablePages\"\n                        :model-value=\"page\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @update:model-value=\"onPageSelectChange\"\n                    />\n                </template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"showPageNumberOfTotal\" el=\"span\">\n            {{ t('pageNumberOfTotal', { page: n(page), totalPages: n(totalPages) }) }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ t('pageNumber', { page: n(page) }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { type BentoListboxOptionItem } from '@/types/listbox';\n    import { generateUid } from '@/core/utils/ts';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  hidePageSelection: { type: Boolean, default: false },\n  page: { default: 1 },\n  totalPages: { default: null },\n  virtualScroll: { type: Boolean, default: false }\n});\n    const emit = defineEmits([\"page-selected\"]);\n\n    const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\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: n(value),\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    const showPageNumberOfTotal = computed(\n        () => props.totalPages === 1 || (props.hidePageSelection && props.page <= props.totalPages)\n    );\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\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=\"#001222\" 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=\"#001222\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\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=\"#001222\" 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=\"#001222\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\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=\"#001222\" 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    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\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 setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import { useI18n } from '@/utils/ts/i18n';\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    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  hasNext: { type: Boolean, default: null },\n  page: null,\n  totalPages: { default: null }\n});\n\n    const emit = defineEmits([\"navigate\"]);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\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</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\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                :hide-page-size-selection=\"hidePageSizeSelection\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                :page-size-items=\"pageSizeItems\"\n                @select=\"onItemsPerPageChange\"\n            />\n            <bento-typography v-else-if=\"hasSlot('default')\"><slot /></bento-typography>\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                    :virtual-scroll=\"virtualScroll\"\n                    :hide-page-selection=\"hidePageSelection\"\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 setup lang=\"ts\">\n    import { computed, ref, toRefs, useAttrs, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\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 { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useHasSlot } from '@/composables';\n    import type { BentoPaginationProps } from './pagination.types';\n\n    const props = defineProps({\n  ariaLabel: { default: null },\n  hasNext: { type: Boolean, default: null },\n  hidePageSize: { type: Boolean, default: false },\n  hidePageSelection: { type: Boolean, default: false },\n  hidePageSizeSelection: { type: Boolean, default: false },\n  page: { default: 1 },\n  size: { default: 20 },\n  totalCount: { default: null },\n  virtualScroll: { type: Boolean, default: false },\n  pageSizeItems: { default: undefined }\n});\n\n    const emit = defineEmits([\"navigate\", \"items-page\", \"update:page\", \"update:size\"]);\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const attrs = useAttrs();\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 = () => ({\n        'b-pagination__navigation--only-page-navigator': !hasSlot('default') && props.hidePageSize,\n    });\n</script>\n\n<script lang=\"ts\">\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\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["__default__$3","messages$2","t","n","useI18n","isValid","computed","props","option","watch","valid","printDevelopmentWarning","dropdownId","generateUid","predefinedDropdownOptions","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","emit","translationPathKey","__default__$2","messages$1","onPageSelectChange","selectedPage","transformIntoOption","value","transformToPageNumber","index","listOfAvailablePages","showPageNumberOfTotal","uuid$2","_sfc_main$4","uuid$1","_sfc_main$3","uuid","_sfc_main$2","__default__$1","messages","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","__default__","slots","useSlots","hasSlot","useHasSlot","attrs","useAttrs","ariaLabelAttribute","ref","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","itemsPerPage","pageNumber","elements"],"mappings":"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"}

package/dist/chunks/popover.types.BfnJIpII.js

@@ -1,6 +0,0 @@
-import { b as o } from "./popper-container.Cb9wuFId.js";
-const i = { ...o };
-export {
-  i as B
-};
-//# sourceMappingURL=popover.types.BfnJIpII.js.map

package/dist/chunks/scroll-to-section.CC5g-HBX.js

@@ -1,111 +0,0 @@
-import { ref as m, watchEffect as y, computed as S, unref as T, watch as D, nextTick as F } from "vue";
-import { a as M, b as k, w as A, t as p } from "./index.C7m7gI5w.js";
-import { u as h } from "./utils.BzUwtTXc.js";
-import { p as I } from "./typography.C8lPlsbD.js";
-const R = (o, t) => {
-  var c;
-  const l = m(((c = t.default) == null ? void 0 : c.value) ?? -1), { y: i } = M(), { height: f } = k(), n = () => {
-    const v = p(o), d = f.value, b = d / 2;
-    let g = -1, e = 0;
-    for (let a = 0; a < v.length; a++) {
-      const s = v[a];
-      if (!s)
-        continue;
-      const u = s.getBoundingClientRect();
-      if (u.top > b)
-        continue;
-      const w = Math.min(u.bottom, d) - Math.max(u.top, 0);
-      if (w <= 0)
-        continue;
-      const x = w / u.height;
-      x > e && (e = x, g = a);
-    }
-    g !== -1 && l.value !== g && (l.value = g);
-  };
-  return A([i, f], n, { throttle: 100, trailing: !0 }), y(() => {
-    p(o).length && n();
-  }), {
-    activeIndex: l
-  };
-}, E = (o) => {
-  const t = h(o);
-  return t instanceof HTMLElement ? t : null;
-}, K = (o, t = {}) => {
-  const l = m([]), i = S(
-    () => T(o).map((e, a) => {
-      var r;
-      return { disabled: (r = t.isDisabled) == null ? void 0 : r.call(t, e), index: a };
-    }).filter(({ disabled: e }) => !e).map(({ index: e }) => e)
-  ), n = m((() => {
-    var e, a;
-    return i.value.includes(((e = t.initialIndex) == null ? void 0 : e.value) ?? -1) ? (a = t.initialIndex) == null ? void 0 : a.value : i.value[0] ?? -1;
-  })()), c = (e) => {
-    var s, u;
-    const a = l.value[e];
-    if ((s = t.focusTarget) != null && s.call(t, a))
-      return;
-    const r = ((u = t.getFocusableElement) == null ? void 0 : u.call(t, a)) ?? E(a);
-    r == null || r.focus();
-  };
-  D(n, async (e, a) => {
-    e !== a && (await F(), c(e));
-  });
-  const d = (e) => {
-    const a = i.value, r = a.indexOf(n.value), s = r === -1 ? 0 : (r + e + a.length) % a.length;
-    n.value = a[s] ?? -1;
-  };
-  return {
-    focusedIndex: n,
-    isFocusable: (e) => n.value === e,
-    navigationItemRefs: l,
-    onKeydownNavigation: (e) => {
-      switch (e.key) {
-        case "ArrowRight":
-        case "ArrowDown":
-          e.preventDefault(), d(1);
-          break;
-        case "ArrowLeft":
-        case "ArrowUp":
-          e.preventDefault(), d(-1);
-          break;
-        case "Home":
-          e.preventDefault(), n.value = i.value[0] ?? -1;
-          break;
-        case "End":
-          e.preventDefault(), n.value = i.value[i.value.length - 1] ?? -1;
-          break;
-      }
-    }
-  };
-}, N = (o) => {
-  var l;
-  const t = (l = h(o)) == null ? void 0 : l.id;
-  return t ? `#${t}` : void 0;
-}, V = (o, t = {}) => {
-  const { disabled: l, scrollOffset: i, updateHash: f } = t;
-  if (l)
-    return;
-  const n = h(o);
-  if (!n) {
-    I(`[${t.warningPrefix ?? "bento"}] element ref not found`);
-    return;
-  }
-  if (typeof i == "number" && n.style.scrollMarginTop)
-    n.style.scrollMarginTop = `${i}px`;
-  else if (typeof i == "number") {
-    const c = window.getComputedStyle(n).scrollMarginTop;
-    (c === "0px" || c === "") && (n.style.scrollMarginTop = `${i}px`);
-  }
-  n.hasAttribute("tabindex") || n.setAttribute("tabindex", "-1"), f && (n.id ? window.history.pushState(null, "", `#${n.id}`) : I(`[${t.warningPrefix ?? "bento"}] section target must have an id`)), n.scrollIntoView({
-    behavior: "smooth",
-    block: "start",
-    inline: "nearest"
-  }), n.focus({ preventScroll: !0 });
-};
-export {
-  R as a,
-  N as g,
-  V as s,
-  K as u
-};
-//# sourceMappingURL=scroll-to-section.CC5g-HBX.js.map

package/dist/chunks/scroll-to-section.CC5g-HBX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-to-section.CC5g-HBX.js","sources":["../../src/composables/use-scroll-spy/use-scroll-spy.ts","../../src/composables/use-section-navigation-keyboard/use-section-navigation-keyboard.ts","../../src/utils/ts/scroll-to-section/scroll-to-section.ts"],"sourcesContent":["import { type Ref, ref, watchEffect } from 'vue';\nimport { type MaybeRef, toValue, useWindowScroll, useWindowSize, watchThrottled } from '@vueuse/core';\n\n/**\n * Options for the useScrollSpy composable.\n */\nexport interface UseScrollSpyOptions {\n    /**\n     * The default active index to use when no item is active or initially.\n     */\n    default?: Ref<number>;\n}\n\n/**\n * Composable to spy on scroll position and determine the active item based on visibility.\n *\n * @param items - The list of elements to spy on.\n * @param options - Configuration options for the scroll spy.\n * @returns An object containing the active index.\n */\nexport const useScrollSpy = (items: MaybeRef<Array<Element>>, options: UseScrollSpyOptions) => {\n    const activeIndex = ref(options.default?.value ?? -1);\n\n    const { y: scrollY } = useWindowScroll();\n    const { height: windowHeight } = useWindowSize();\n\n    // Logic to find the \"winner\" when there are multiple items on the same page\n    const calculateActiveIndex = () => {\n        const list = toValue(items);\n        const viewportHeight = windowHeight.value;\n        const midpoint = viewportHeight / 2;\n\n        let winnerIndex = -1;\n        let maxVisibleRatio = 0;\n\n        for (let i = 0; i < list.length; i++) {\n            const item = list[i];\n            const el = item;\n\n            if (!el) {\n                continue;\n            }\n\n            const rect = el.getBoundingClientRect();\n\n            // Constraint 1: Must pass midpoint\n            if (rect.top > midpoint) {\n                continue;\n            }\n\n            // Constraint 2: Must be visible\n            const visibleHeight = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);\n            if (visibleHeight <= 0) {\n                continue;\n            }\n\n            // Constraint 3: Highest visible % wins\n            const ratio = visibleHeight / rect.height;\n\n            if (ratio > maxVisibleRatio) {\n                maxVisibleRatio = ratio;\n                winnerIndex = i;\n            }\n        }\n\n        // Only update if changed to avoid unnecessary patch triggers\n        if (winnerIndex !== -1 && activeIndex.value !== winnerIndex) {\n            activeIndex.value = winnerIndex;\n        }\n    };\n\n    watchThrottled([scrollY, windowHeight], calculateActiveIndex, { throttle: 100, trailing: true });\n\n    watchEffect(() => {\n        if (toValue(items).length) {\n            calculateActiveIndex();\n        }\n    });\n\n    return {\n        activeIndex,\n    };\n};\n","import { computed, nextTick, type Ref, ref, unref, watch } from 'vue';\nimport { unrefElement } from '@/directives/click-outside/utils';\nimport type {\n    UseSectionNavigationKeyboardOptions,\n    UseSectionNavigationKeyboardReturn,\n} from './use-section-navigation-keyboard.types';\nimport { type MaybeRef } from '@/types/maybe-ref';\n\n/**\n * Resolves a navigation ref to a focusable root element.\n * @param target Navigation item component or element ref.\n * @returns Focusable root element when available.\n */\nconst getDefaultFocusableElement = (target: unknown) => {\n    const element = unrefElement(target as Parameters<typeof unrefElement>[0]);\n\n    return element instanceof HTMLElement ? element : null;\n};\n\n/**\n * Provides roving keyboard focus behavior for section navigation controls.\n * @param items Navigation items used to derive enabled indices.\n * @param options Configuration for disabled items, initial index, and focus behavior.\n * @returns Keyboard handlers, item refs, and focus state helpers.\n */\nexport const useSectionNavigationKeyboard = <Item, Target = unknown>(\n    items: MaybeRef<ReadonlyArray<Item>>,\n    options: UseSectionNavigationKeyboardOptions<Item, Target> = {}\n): UseSectionNavigationKeyboardReturn<Target> => {\n    const navigationItemRefs = ref<Array<Target>>([]) as Ref<Array<Target>>;\n    const enabledIndices = computed(() =>\n        unref(items)\n            .map((item, index) => ({ disabled: options.isDisabled?.(item), index }))\n            .filter(({ disabled }) => !disabled)\n            .map(({ index }) => index)\n    );\n\n    /**\n     * Resolves the initial focus index from the configured index or first enabled item.\n     * @returns Initial index for roving focus.\n     */\n    const getInitialIndex = () =>\n        enabledIndices.value.includes(options.initialIndex?.value ?? -1)\n            ? (options.initialIndex?.value as number)\n            : (enabledIndices.value[0] ?? -1);\n    const focusedIndex = ref(getInitialIndex()) as Ref<number>;\n\n    /**\n     * Focuses a navigation item by index.\n     * @param index Index of the item to focus.\n     */\n    const focusItem = (index: number) => {\n        const target = navigationItemRefs.value[index] as Target;\n\n        if (options.focusTarget?.(target)) {\n            return;\n        }\n\n        const element = options.getFocusableElement?.(target) ?? getDefaultFocusableElement(target);\n\n        element?.focus();\n    };\n\n    /**\n     * Focuses the new item after Vue applies the updated tabindex.\n     * @param newIndex Newly focused item index.\n     * @param oldIndex Previously focused item index.\n     */\n    const onFocusedIndexChange = async (newIndex: number, oldIndex: number) => {\n        if (newIndex !== oldIndex) {\n            await nextTick();\n            focusItem(newIndex);\n        }\n    };\n\n    watch(focusedIndex, onFocusedIndexChange);\n\n    /**\n     * Moves focus to the next or previous enabled item.\n     * @param direction Direction to move focus in.\n     */\n    const moveFocus = (direction: 1 | -1) => {\n        const indices = enabledIndices.value;\n        const currentPosition = indices.indexOf(focusedIndex.value);\n        const nextPosition =\n            currentPosition === -1 ? 0 : (currentPosition + direction + indices.length) % indices.length;\n\n        focusedIndex.value = indices[nextPosition] ?? -1;\n    };\n\n    /**\n     * Handles arrow, Home, and End key navigation.\n     * @param e Keyboard event from the navigation container.\n     */\n    const onKeydownNavigation = (e: KeyboardEvent) => {\n        switch (e.key) {\n            case 'ArrowRight':\n            case 'ArrowDown':\n                e.preventDefault();\n                moveFocus(1);\n                break;\n            case 'ArrowLeft':\n            case 'ArrowUp':\n                e.preventDefault();\n                moveFocus(-1);\n                break;\n            case 'Home':\n                e.preventDefault();\n                focusedIndex.value = enabledIndices.value[0] ?? -1;\n                break;\n            case 'End':\n                e.preventDefault();\n                focusedIndex.value = enabledIndices.value[enabledIndices.value.length - 1] ?? -1;\n                break;\n        }\n    };\n\n    /**\n     * Checks whether an item should be in the tab order.\n     * @param index Item index to check.\n     * @returns Whether the item is currently focusable.\n     */\n    const isFocusable = (index: number) => focusedIndex.value === index;\n\n    return {\n        focusedIndex,\n        isFocusable,\n        navigationItemRefs,\n        onKeydownNavigation,\n    };\n};\n","import { unrefElement } from '@/directives/click-outside/utils';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport type { ScrollToSectionOptions, ScrollToSectionTarget } from './scroll-to-section.types';\n\n/**\n * Gets the URL fragment href for an element ref target.\n *\n * @param elementRef The element ref used as the section target.\n */\nexport const getElementFragmentHref = (elementRef?: ScrollToSectionTarget) => {\n    const id = unrefElement(elementRef)?.id;\n\n    return id ? `#${id}` : undefined;\n};\n\n/**\n * Scrolls to a section target and optionally updates scroll offset and URL hash.\n *\n * @param elementRef The element ref used as the section target.\n * @param options Scroll behavior options.\n */\nexport const scrollToSection = (elementRef: ScrollToSectionTarget, options: ScrollToSectionOptions = {}) => {\n    const { disabled, scrollOffset, updateHash } = options;\n\n    if (disabled) {\n        return;\n    }\n\n    const el = unrefElement(elementRef);\n\n    if (!el) {\n        printDevelopmentWarning(`[${options.warningPrefix ?? 'bento'}] element ref not found`);\n        return;\n    }\n\n    if (typeof scrollOffset === 'number' && el.style.scrollMarginTop) {\n        el.style.scrollMarginTop = `${scrollOffset}px`;\n    } else if (typeof scrollOffset === 'number') {\n        const currentScrollMargin = window.getComputedStyle(el).scrollMarginTop;\n\n        if (currentScrollMargin === '0px' || currentScrollMargin === '') {\n            el.style.scrollMarginTop = `${scrollOffset}px`;\n        }\n    }\n\n    if (!el.hasAttribute('tabindex')) {\n        el.setAttribute('tabindex', '-1');\n    }\n\n    if (updateHash) {\n        if (!el.id) {\n            printDevelopmentWarning(`[${options.warningPrefix ?? 'bento'}] section target must have an id`);\n        } else {\n            window.history.pushState(null, '', `#${el.id}`);\n        }\n    }\n\n    el.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n    });\n\n    el.focus({ preventScroll: true });\n};\n"],"names":["useScrollSpy","items","options","activeIndex","ref","_a","scrollY","useWindowScroll","windowHeight","useWindowSize","calculateActiveIndex","list","toValue","viewportHeight","midpoint","winnerIndex","maxVisibleRatio","i","el","rect","visibleHeight","ratio","watchThrottled","watchEffect","getDefaultFocusableElement","target","element","unrefElement","useSectionNavigationKeyboard","navigationItemRefs","enabledIndices","computed","unref","item","index","disabled","focusedIndex","_b","focusItem","watch","newIndex","oldIndex","nextTick","moveFocus","direction","indices","currentPosition","nextPosition","getElementFragmentHref","elementRef","id","scrollToSection","scrollOffset","updateHash","printDevelopmentWarning","currentScrollMargin"],"mappings":"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"}