@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/chunks/pagination.dpVc6Yt0.js

@@ -0,0 +1,401 @@
+import { defineComponent as z, computed as f, watch as H, openBlock as r, createElementBlock as P, createVNode as m, unref as e, withCtx as c, createBlock as C, resolveDynamicComponent as R, mergeProps as L, createSlots as J, createTextVNode as B, toDisplayString as S, createCommentVNode as k, createElementVNode as v, useSlots as x, useAttrs as K, ref as q, toRefs as G, normalizeClass as Q, renderSlot as X } from "vue";
+import { p as Y, B as $ } from "./typography.B3J6_tYk.js";
+import { B as V } from "./dropdown.MhmX1P9o.js";
+import { g as Z } from "./generate-uid.DBWe4g6T.js";
+import { u as A, g as E, a as W } from "./index.B875RXHM.js";
+import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as y } from "./button.DWF7FSIw.js";
+/* empty css              */
+import { C as ee } from "./chevron-right-small.BCinNiMt.js";
+import { u as te } from "./aria-label.CaUURpnB.js";
+import { u as ae } from "./use-has-slot.CyMiImRQ.js";
+import "../assets/pagination.css";
+const M = {
+  "de-DE": { showingItems: "{itemCount} Artikeln", showingItemsWithTotal: "{itemCount} von {totalCount} Artikeln" },
+  "en-US": { showingItems: "{itemCount} items", showingItemsWithTotal: "{itemCount} of {totalCount} items" },
+  "es-ES": { showingItems: "{itemCount} artículos", showingItemsWithTotal: "{itemCount} de {totalCount} artículos" },
+  "fr-FR": { showingItems: "{itemCount} élément(s)", showingItemsWithTotal: "{itemCount} élément(s) sur {totalCount}" },
+  "ja-JP": { showingItems: "{itemCount}件のアイテム", showingItemsWithTotal: "{itemCount}/{totalCount}件" },
+  "pt-BR": { showingItems: "{itemCount} itens", showingItemsWithTotal: "{itemCount} de {totalCount} itens" }
+}, oe = { class: "b-pagination-results-per-page" }, ne = {
+  i18n: { messages: M }
+}, ie = /* @__PURE__ */ z({
+  ...ne,
+  __name: "pagination-results-per-page",
+  props: {
+    hidePageSizeSelection: { type: Boolean, default: !1 },
+    itemsPerPage: { default: 50 },
+    totalCount: { default: null },
+    pageSizeItems: { default: () => [10, 20, 50, 75, 100] }
+  },
+  emits: ["select"],
+  setup(i, { emit: n }) {
+    const { t, n: d } = A({ messages: M }), l = i, p = n, _ = f(
+      () => Array.isArray(l.pageSizeItems) && l.pageSizeItems.every((a) => Number.isInteger(a))
+    );
+    H(
+      _,
+      (a) => {
+        a || Y("BentoPagination: pageSizeItems must be an array of integers.");
+      },
+      { immediate: !0 }
+    );
+    const T = Z("b-pagination-context-number-elements"), b = f(
+      () => l.pageSizeItems.map((a) => ({
+        label: d(a),
+        value: a
+      }))
+    ), h = W(), u = (a) => {
+      p("select", a);
+    }, s = f(() => l.totalCount ? "showingItemsWithTotal" : "showingItems");
+    return (a, g) => (r(), P("div", oe, [
+      m(e($), { el: "div" }, {
+        default: c(() => [
+          (r(), C(R(e(h)), L(e(E)(s.value), {
+            class: "b-pagination-results-per-page__dropdown-container",
+            tag: "div",
+            plural: a.totalCount
+          }), J({ _: 2 }, [
+            a.hidePageSizeSelection ? {
+              name: "itemCount",
+              fn: c(() => [
+                B(S(a.itemsPerPage), 1)
+              ]),
+              key: "0"
+            } : {
+              name: "itemCount",
+              fn: c(() => [
+                m(e(V), {
+                  id: e(T),
+                  "aria-label": e(t)(s.value, { itemCount: a.itemsPerPage, totalCount: a.totalCount }),
+                  class: "b-pagination-results-per-page__dropdown",
+                  condensed: "",
+                  items: b.value,
+                  "model-value": a.itemsPerPage,
+                  "onUpdate:modelValue": u
+                }, null, 8, ["id", "aria-label", "items", "model-value"])
+              ]),
+              key: "1"
+            },
+            a.totalCount ? {
+              name: "totalCount",
+              fn: c(() => [
+                B(S(a.totalCount), 1)
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1040, ["plural"]))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), se = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-c00c04e0"]]), U = {
+  "de-DE": { pageNumber: "Seite {page}", pageNumberOfTotal: "Seite {page} von {totalPages}" },
+  "en-US": { pageNumber: "Page {page}", pageNumberOfTotal: "Page {page} of {totalPages}" },
+  "es-ES": { pageNumber: "Página {page}", pageNumberOfTotal: "Página {page} de {totalPages}" },
+  "fr-FR": { pageNumber: "Page {page}", pageNumberOfTotal: "Page {page} sur {totalPages}" },
+  "ja-JP": { pageNumber: "ページ {page}", pageNumberOfTotal: "ページ {page}/{totalPages}" },
+  "pt-BR": { pageNumber: "Página {page}", pageNumberOfTotal: "Página {page} de {totalPages}" }
+}, le = { class: "b-pagination-context" }, ge = {
+  i18n: { messages: U }
+}, re = /* @__PURE__ */ z({
+  ...ge,
+  __name: "pagination-context",
+  props: {
+    hidePageSelection: { type: Boolean, default: !1 },
+    page: { default: 1 },
+    totalPages: { default: null },
+    virtualScroll: { type: Boolean, default: !1 }
+  },
+  emits: ["page-selected"],
+  setup(i, { emit: n }) {
+    const t = i, d = n, { t: l, n: p } = A({ messages: U }), _ = Z("bento-pagination-context-current-page"), T = (g) => d("page-selected", g), b = W(), h = (g) => ({
+      label: p(g),
+      value: g
+    }), u = (g, I) => I + 1, s = f(
+      () => Array.from(new Array(t.totalPages), u).map(h)
+    ), a = f(
+      () => t.totalPages === 1 || t.hidePageSelection && t.page <= t.totalPages
+    );
+    return (g, I) => (r(), P("div", le, [
+      g.totalPages > 1 && !g.hidePageSelection ? (r(), C(e($), {
+        key: 0,
+        el: "div"
+      }, {
+        default: c(() => [
+          (r(), C(R(e(b)), L(e(E)("pageNumber"), { tag: "div" }), {
+            page: c(() => [
+              m(e(V), {
+                id: e(_),
+                "aria-label": e(l)("pageNumber", { page: e(p)(g.page) }),
+                class: "b-pagination-context__dropdown",
+                condensed: "",
+                items: s.value,
+                "model-value": g.page,
+                "virtual-scroll": g.virtualScroll,
+                "onUpdate:modelValue": T
+              }, null, 8, ["id", "aria-label", "items", "model-value", "virtual-scroll"])
+            ]),
+            _: 1
+          }, 16))
+        ]),
+        _: 1
+      })) : a.value ? (r(), C(e($), {
+        key: 1,
+        el: "span"
+      }, {
+        default: c(() => [
+          B(S(e(l)("pageNumberOfTotal", { page: e(p)(g.page), totalPages: e(p)(g.totalPages) })), 1)
+        ]),
+        _: 1
+      })) : (r(), C(e($), {
+        key: 2,
+        el: "span"
+      }, {
+        default: c(() => [
+          B(S(e(l)("pageNumber", { page: e(p)(g.page) })), 1)
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+}), pe = /* @__PURE__ */ N(re, [["__scopeId", "data-v-85be3d36"]]);
+let F = 0;
+const ue = {
+  beforeCreate() {
+    this.uuid = F.toString(), F += 1;
+  }
+}, de = { key: 0 };
+function me(i, n, t, d, l, p) {
+  return r(), P("svg", L({ role: "img" }, i.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    i.$attrs["svg-title"] ? (r(), P("title", de, S(i.$attrs["svg-title"]), 1)) : k("", !0),
+    n[0] || (n[0] = v("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"
+    }, null, -1)),
+    n[1] || (n[1] = v("path", {
+      fill: "#001222",
+      d: "M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z"
+    }, null, -1))
+  ], 16);
+}
+const ce = /* @__PURE__ */ N(ue, [["render", me]]);
+let O = 0;
+const ve = {
+  beforeCreate() {
+    this.uuid = O.toString(), O += 1;
+  }
+}, he = { key: 0 };
+function fe(i, n, t, d, l, p) {
+  return r(), P("svg", L({ role: "img" }, i.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    i.$attrs["svg-title"] ? (r(), P("title", he, S(i.$attrs["svg-title"]), 1)) : k("", !0),
+    n[0] || (n[0] = v("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"
+    }, null, -1)),
+    n[1] || (n[1] = v("path", {
+      fill: "#001222",
+      d: "M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z"
+    }, null, -1))
+  ], 16);
+}
+const Pe = /* @__PURE__ */ N(ve, [["render", fe]]);
+let D = 0;
+const _e = {
+  beforeCreate() {
+    this.uuid = D.toString(), D += 1;
+  }
+}, Te = { key: 0 };
+function be(i, n, t, d, l, p) {
+  return r(), P("svg", L({ role: "img" }, i.$attrs, {
+    class: "ui-assets-icons-16",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    i.$attrs["svg-title"] ? (r(), P("title", Te, S(i.$attrs["svg-title"]), 1)) : k("", !0),
+    n[0] || (n[0] = v("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"
+    }, null, -1))
+  ], 16);
+}
+const Ce = /* @__PURE__ */ N(_e, [["render", be]]), j = {
+  "de-DE": { navigateToTheFirstPage: "Zur ersten Seite navigieren", navigateToTheLastPage: "Zur letzten Seite navigieren", navigateToTheNextPage: "Zur nächsten Seite navigieren", navigateToThePreviousPage: "Zur vorherigen Seite navigieren" },
+  "en-US": { navigateToTheFirstPage: "Navigate to the first page", navigateToTheLastPage: "Navigate to the last page", navigateToTheNextPage: "Navigate to the next page", navigateToThePreviousPage: "Navigate to the previous page" },
+  "es-ES": { navigateToTheFirstPage: "Ir a la primera página", navigateToTheLastPage: "Ir a la última página", navigateToTheNextPage: "Ir a la página siguiente", navigateToThePreviousPage: "Ir a la página anterior" },
+  "fr-FR": { navigateToTheFirstPage: "Accéder à la première page", navigateToTheLastPage: "Accéder à la dernière page", navigateToTheNextPage: "Accéder à la page suivante", navigateToThePreviousPage: "Accéder à la page précédente" },
+  "ja-JP": { navigateToTheFirstPage: "最初のページに移動", navigateToTheLastPage: "最後のページに移動", navigateToTheNextPage: "次のページに移動", navigateToThePreviousPage: "前のページに移動" },
+  "pt-BR": { navigateToTheFirstPage: "Ir para a primeira página", navigateToTheLastPage: "Ir para a última página", navigateToTheNextPage: "Ir para a próxima página", navigateToThePreviousPage: "Ir para a página anterior" }
+}, Se = { class: "b-pagination-controls" }, Ne = { class: "b-pagination-controls__item" }, $e = { class: "b-pagination-controls__item" }, Le = { class: "b-pagination-controls__item" }, Ie = { class: "b-pagination-controls__item" }, we = {
+  i18n: { messages: j }
+}, ye = /* @__PURE__ */ z({
+  ...we,
+  __name: "pagination-controls",
+  props: {
+    hasNext: { type: Boolean, default: null },
+    page: {},
+    totalPages: { default: null }
+  },
+  emits: ["navigate"],
+  setup(i, { emit: n }) {
+    const t = i, d = n, { t: l } = A({ messages: j }), p = f(() => t.page === 1), _ = f(() => t.page === t.totalPages), T = f(() => !t.hasNext || _.value), b = f(() => {
+      const u = !t.hasNext, s = !t.totalPages;
+      return u || _.value || s;
+    }), h = (u) => {
+      d("navigate", u);
+    };
+    return (u, s) => (r(), P("ul", Se, [
+      v("li", Ne, [
+        m(e(y), {
+          disabled: p.value,
+          variant: "tertiary",
+          condensed: "",
+          onClick: s[0] || (s[0] = (a) => h(1))
+        }, {
+          iconLeft: c(() => [
+            m(e(ce), {
+              "svg-title": e(l)("navigateToTheFirstPage")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      v("li", $e, [
+        m(e(y), {
+          disabled: p.value,
+          variant: "tertiary",
+          condensed: "",
+          onClick: s[1] || (s[1] = (a) => h(u.page - 1))
+        }, {
+          iconLeft: c(() => [
+            m(e(Ce), {
+              "svg-title": e(l)("navigateToThePreviousPage")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      v("li", Le, [
+        m(e(y), {
+          disabled: T.value,
+          variant: "tertiary",
+          condensed: "",
+          onClick: s[2] || (s[2] = (a) => h(u.page + 1))
+        }, {
+          iconLeft: c(() => [
+            m(e(ee), {
+              "svg-title": e(l)("navigateToTheNextPage")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      v("li", Ie, [
+        m(e(y), {
+          disabled: b.value,
+          variant: "tertiary",
+          condensed: "",
+          onClick: s[3] || (s[3] = (a) => h(u.totalPages))
+        }, {
+          iconLeft: c(() => [
+            m(e(Pe), {
+              "svg-title": e(l)("navigateToTheLastPage")
+            }, null, 8, ["svg-title"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ]));
+  }
+}), Be = /* @__PURE__ */ N(ye, [["__scopeId", "data-v-58ca56c8"]]), ze = { class: "b-pagination" }, ke = ["aria-label"], Ae = { class: "b-pagination__page-navigator" }, Fe = {}, Oe = /* @__PURE__ */ z({
+  ...Fe,
+  __name: "pagination",
+  props: {
+    ariaLabel: { default: null },
+    hasNext: { type: Boolean, default: null },
+    hidePageSize: { type: Boolean, default: !1 },
+    hidePageSelection: { type: Boolean, default: !1 },
+    hidePageSizeSelection: { type: Boolean, default: !1 },
+    page: { default: 1 },
+    size: { default: 20 },
+    totalCount: { default: null },
+    virtualScroll: { type: Boolean, default: !1 },
+    pageSizeItems: { default: void 0 }
+  },
+  emits: ["navigate", "items-page", "update:page", "update:size"],
+  setup(i, { emit: n }) {
+    const t = i, d = n, l = x(), p = ae(l), _ = K(), T = q(_["aria-label"]), { ariaLabel: b } = G(t), h = te({
+      ariaLabel: T.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: b
+    }), u = f(
+      () => !t.totalCount || !t.size ? null : Math.ceil(t.totalCount / t.size)
+    ), s = (o, w) => {
+      t.hidePageSize ? d("navigate", o) : d("navigate", o, w ?? t?.size), d("update:page", o);
+    }, a = (o) => {
+      s(o);
+    }, g = (o) => {
+      d("items-page", o), d("update:size", o), s(1, o);
+    }, I = () => ({
+      "b-pagination__navigation--only-page-navigator": !p("default") && t.hidePageSize
+    });
+    return (o, w) => (r(), P("div", ze, [
+      v("nav", {
+        "aria-label": e(h),
+        class: Q(["b-pagination__navigation", I()])
+      }, [
+        o.hidePageSize ? e(p)("default") ? (r(), C(e($), { key: 1 }, {
+          default: c(() => [
+            X(o.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : k("", !0) : (r(), C(se, {
+          key: 0,
+          class: "b-pagination__results-per-page",
+          "hide-page-size-selection": o.hidePageSizeSelection,
+          "items-per-page": o.size,
+          "total-count": o.totalCount,
+          "page-size-items": o.pageSizeItems,
+          onSelect: g
+        }, null, 8, ["hide-page-size-selection", "items-per-page", "total-count", "page-size-items"])),
+        v("div", Ae, [
+          m(pe, {
+            class: "b-pagination__context",
+            "total-pages": u.value,
+            page: o.page,
+            "virtual-scroll": o.virtualScroll,
+            "hide-page-selection": o.hidePageSelection,
+            onPageSelected: a
+          }, null, 8, ["total-pages", "page", "virtual-scroll", "hide-page-selection"]),
+          w[0] || (w[0] = v("div", { class: "b-pagination__divider" }, null, -1)),
+          m(Be, {
+            class: "b-pagination__controls",
+            "has-next": o.hasNext,
+            page: o.page,
+            "total-pages": u.value,
+            onNavigate: s
+          }, null, 8, ["has-next", "page", "total-pages"])
+        ])
+      ], 10, ke)
+    ]));
+  }
+}), xe = /* @__PURE__ */ N(Oe, [["__scopeId", "data-v-416da4ed"]]);
+export {
+  xe as B
+};
+//# sourceMappingURL=pagination.dpVc6Yt0.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.dpVc6Yt0.js","sources":["../../../vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../../vue2/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","../../../vue2/src/components/pagination/components/pagination-controls/pagination-controls.vue","../../../vue2/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 = withDefaults(\n        defineProps<{\n            /**\n             * Determines whether to hide the dropdown that allows users to change the number of results per page.\n             * When set to `true`, the current `itemsPerPage` value is displayed as plain static text.\n             */\n            hidePageSizeSelection?: boolean;\n            /**\n             *  The amount of items the pager is paging through.\n             */\n            itemsPerPage?: number;\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalCount?: number;\n            /**\n             * The predefined options for the results per page dropdown.\n             */\n            pageSizeItems?: Array<number>;\n        }>(),\n        {\n            hidePageSizeSelection: false,\n            itemsPerPage: 50,\n            totalCount: null,\n            pageSizeItems: () => [10, 20, 50, 75, 100],\n        }\n    );\n\n    const emit = defineEmits<{\n        (e: 'select', value: number);\n    }>();\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 = withDefaults(\n        defineProps<{\n            /**\n             * Hides the page selection dropdown and displays a static \"Page X of Y\" text instead.\n             * Useful for very large datasets where rendering all page options would cause performance issues.\n             */\n            hidePageSelection?: boolean;\n            /**\n             * The current page number of the pager.\n             */\n            page?: number;\n\n            /**\n             * The total number of items the pager is paging through.\n             */\n            totalPages?: number;\n\n            /**\n             * Enables virtual scrolling on all dropdowns if set to true.\n             */\n            virtualScroll?: boolean;\n        }>(),\n        {\n            hidePageSelection: false,\n            page: 1,\n            totalPages: null,\n            virtualScroll: false,\n        }\n    );\n    const emit = defineEmits<{\n        (e: 'page-selected', value: string | number);\n    }>();\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 = withDefaults(\n        defineProps<{\n            /**\n             * Use to determine if the pager has a \"next page\".\n             */\n            hasNext?: boolean;\n\n            /**\n             * The current page number of the pager.\n             */\n            page: number;\n\n            /**\n             * The current page number of the pager.\n             */\n            totalPages?: number;\n        }>(),\n        {\n            hasNext: null,\n            totalPages: null,\n        }\n    );\n\n    const emit = defineEmits<{\n        (e: 'navigate', value: number);\n    }>();\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 = withDefaults(defineProps<BentoPaginationProps>(), {\n        ariaLabel: null,\n        hasNext: null,\n        hidePageSize: false,\n        hidePageSelection: false,\n        hidePageSizeSelection: false,\n        page: 1,\n        pageSizeItems: undefined,\n        size: 20,\n        totalCount: null,\n        virtualScroll: false,\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Triggered when the navigation controls are clicked or the items per page is changed (i.e. when the arrow buttons to the\n         * rightmost of the screen or either dropdown is updated). It indicates to which page it should go next and also the page size.\n         */\n        (e: 'navigate', page: number, items?: number): void;\n\n        /**\n         * Triggered when the number of items per page is changed from the left hand dropdown.\n         * It indicates the new number of items that will be displayed.\n         */\n        (e: 'items-page', size: number): void;\n\n        /**\n         * Triggered when the navigation controls are clicked, whether the arrow buttons to the\n         * right most of the screen or the dropdown on the right hand is updated.\n         * It indicates to which page it should go next\n         * (easily achieved using the [sync modifier](https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier))\n         * e.g. `:page.sync=\"currentPage\"`\n         */\n        (e: 'update:page', page: number): void;\n\n        /**\n         * Triggered when the number of items per page is changed from the left hand dropdown.\n         * It indicates the new number of items that will be displayed.\n         * (easily achieved using the [sync modifier](https://v2.vuejs.org/v2/guide/components-custom-events.html#sync-Modifier))\n         * e.g. `:size.sync=\"itemsPerPage\"`\n         */\n        (e: 'update:size', size: number): void;\n    }>();\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","n","useI18n","props","__props","emit","__emit","isValid","computed","option","watch","valid","printDevelopmentWarning","dropdownId","generateUid","predefinedDropdownOptions","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","translationPathKey","__default__$2","messages$1","t","onPageSelectChange","selectedPage","transformIntoOption","value","transformToPageNumber","_","index","listOfAvailablePages","showPageNumberOfTotal","uuid$2","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","uuid$1","uuid","__default__$1","messages","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","navigate","pageArg","__default__","slots","useSlots","hasSlot","useHasSlot","attrs","useAttrs","ariaLabelAttribute","ref","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","itemsPerPage","onPageSelected","pageNumber","onItemsPerPageChange","elements","navigationConditionalClasses"],"mappings":"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"}

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

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

package/dist/chunks/{popover.types.DhALnOLQ.js.map → popover.types.D8tHtFl3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.types.DhALnOLQ.js","sources":["../../../vue2/src/components/popover/popover.types.ts"],"sourcesContent":["import { PopperContainerPosition } from '../popper-container/popper-container.types';\nimport type { Placement } from '@floating-ui/vue';\nimport type {\n    BentoButtonActionsLayout,\n    BentoButtonActionsList,\n} from '../button/components/button-actions/button-actions.types';\nimport { type VueNodeElement } from '@/types/elements';\nimport type { Options as FocusTrapOptions } from 'focus-trap/index';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n\nexport interface BentoPopoverProps {\n    /**\n     * List of actions that will be used to render the buttons.\n     * First element in the list will be rendered as \"primary\".\n     * All elements after the first will be rendered as \"secondary\".\n     *\n     * Each object in the list should have a `title`, an `event` and\n     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n     *\n     * `title`: Button's text.\n     *\n     * `event`: Event triggered when clicking the Button.\n     *\n     * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n     *\n     * ```\n     * [{\n     *   title: 'Primary',\n     *   event: () => { ... },\n     *   icon: FourPeopleIcon\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     * }]\n     * ```\n     */\n    actions?: BentoButtonActionsList;\n\n    /**\n     * Defines the layout in which the button actions is presented.\n     * It can be one of:\n     *\n     * @values BUTTONS_END\n     * @values FILL_CONTAINER\n     * @values SPACE_BETWEEN\n     * @values VERTICAL_STACK\n     */\n    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;\n\n    /**\n     * Defines a string value that provides an accessible name for the popover.\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n     */\n    divider?: boolean;\n\n    /**\n     * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n     * */\n    disableFocusTrap?: boolean;\n\n    /**\n     * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n     */\n    dismissible?: boolean;\n\n    /**\n     * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n     * Useful when not using auto as starting placement.\n     * https://floating-ui.com/docs/flip#fallbackplacements\n     */\n    fallbackPosition?: Array<Placement>;\n\n    /**\n     * Sets the size of the container to fit its content\n     */\n    fitContent?: boolean;\n\n    /**\n     * Instructs popover to be visible outside of the containing container.\n     * Useful when component would be used in limited containers like Modal, Side panel, etc.\n     * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n     */\n    fixedPositioning?: boolean;\n\n    /**\n     * Toggles the popover open and closed\n     */\n    open?: boolean;\n\n    /**\n     * Displays the popover in a large size.\n     */\n    large?: boolean;\n\n    /**\n     * @deprecated\n     * NOTE: This property no longer functions since moving to the floating-ui framework.\n     */\n    modifiers?: Array<unknown>;\n\n    /**\n     * Popover's position relative to the target element.\n     * Possible values are:\n     * 'auto',    'auto-start',    'auto-end',\n     * 'top',     'top-start',     'top-end'\n     * 'right',   'right-start',   'right-end'\n     * 'bottom',  'bottom-start',  'bottom-end'\n     * 'left',    'left-start',    'left-end'\n     */\n    position?: BentoPopoverPositions | `${BentoPopoverPositions}`;\n\n    /**\n     * Displays the popover in a small size.\n     */\n    small?: boolean;\n\n    /**\n     * Indicates the title you want to give the popover.\n     */\n    title?: string;\n\n    /**\n     * Popover's target element.\n     * The popover will position itself relatively to target element, in specified position.\n     */\n    targetElement: VueNodeElement;\n\n    /**\n     * Activates focus trap for both arrow and tab keys.\n     */\n    trapAll?: boolean;\n\n    /**\n     * Configurations for the focus-trap when trap-all is active.\n     */\n    trapAllOptions?: FocusTrapOptions;\n\n    /**\n     * Displays the popover without padding.\n     */\n    withoutSpace?: boolean;\n\n    /**\n     * Allows content to appear outside of the popover. Used when there are nested popovers.\n     */\n    overflowVisible?: boolean;\n}\n"],"names":["BentoPopoverPositions","PopperContainerPosition"],"mappings":";AAYO,MAAMA,IAAwB,EAAE,GAAGC,EAAA;"}
+{"version":3,"file":"popover.types.D8tHtFl3.js","sources":["../../../vue2/src/components/popover/popover.types.ts"],"sourcesContent":["import { PopperContainerPosition } from '../popper-container/popper-container.types';\nimport type { Placement } from '@floating-ui/vue';\nimport type {\n    BentoButtonActionsLayout,\n    BentoButtonActionsList,\n} from '../button/components/button-actions/button-actions.types';\nimport { type VueNodeElement } from '@/types/elements';\nimport type { Options as FocusTrapOptions } from 'focus-trap/index';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport const BentoPopoverPositions = { ...PopperContainerPosition };\nexport type BentoPopoverPositions = PopperContainerPosition;\n\nexport interface BentoPopoverProps {\n    /**\n     * List of actions that will be used to render the buttons.\n     * First element in the list will be rendered as \"primary\".\n     * All elements after the first will be rendered as \"secondary\".\n     *\n     * Each object in the list should have a `title`, an `event` and\n     * (optional) a Vue `icon` from the library `@adyen/ui-assets-icons-16`.\n     *\n     * `title`: Button's text.\n     *\n     * `event`: Event triggered when clicking the Button.\n     *\n     * `icon`: Vue Icon from the library `@adyen/ui-assets-icons-16`.\n     *\n     * ```\n     * [{\n     *   title: 'Primary',\n     *   event: () => { ... },\n     *   icon: FourPeopleIcon\n     * }, {\n     *   title: 'Secondary',\n     *   event: () => { ... }\n     * }]\n     * ```\n     */\n    actions?: BentoButtonActionsList;\n\n    /**\n     * Defines the layout in which the button actions is presented.\n     * It can be one of:\n     *\n     * @values BUTTONS_END\n     * @values FILL_CONTAINER\n     * @values SPACE_BETWEEN\n     * @values VERTICAL_STACK\n     */\n    actionsLayout?: BentoButtonActionsLayout | `${BentoButtonActionsLayout}`;\n\n    /**\n     * Defines a string value that provides an accessible name for the popover.\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Adds a divider line to the actions section, reduces the top/bottom paddings and removes all padding in the \"default\" slot.\n     */\n    divider?: boolean;\n\n    /**\n     * Supports disabling focus trap functionality to avoid scroll into view behavior when we don't need it.\n     * */\n    disableFocusTrap?: boolean;\n\n    /**\n     * Adds a \"dismiss\" icon that triggers the \"dismiss\" event. Requires the `title` prop to be set.\n     */\n    dismissible?: boolean;\n\n    /**\n     * Allows to configure to fallback position to the one specified, it could be ['right', 'top', ...].\n     * Useful when not using auto as starting placement.\n     * https://floating-ui.com/docs/flip#fallbackplacements\n     */\n    fallbackPosition?: Array<Placement>;\n\n    /**\n     * Sets the size of the container to fit its content\n     */\n    fitContent?: boolean;\n\n    /**\n     * Instructs popover to be visible outside of the containing container.\n     * Useful when component would be used in limited containers like Modal, Side panel, etc.\n     * @see {@link https://floating-ui.com/docs/usefloating#strategy}\n     */\n    fixedPositioning?: boolean;\n\n    /**\n     * Toggles the popover open and closed\n     */\n    open?: boolean;\n\n    /**\n     * Displays the popover in a large size.\n     */\n    large?: boolean;\n\n    /**\n     * @deprecated\n     * NOTE: This property no longer functions since moving to the floating-ui framework.\n     */\n    modifiers?: Array<unknown>;\n\n    /**\n     * Popover's position relative to the target element.\n     * Possible values are:\n     * 'auto',    'auto-start',    'auto-end',\n     * 'top',     'top-start',     'top-end'\n     * 'right',   'right-start',   'right-end'\n     * 'bottom',  'bottom-start',  'bottom-end'\n     * 'left',    'left-start',    'left-end'\n     */\n    position?: BentoPopoverPositions | `${BentoPopoverPositions}`;\n\n    /**\n     * Displays the popover in a small size.\n     */\n    small?: boolean;\n\n    /**\n     * Indicates the title you want to give the popover.\n     */\n    title?: string;\n\n    /**\n     * Popover's target element.\n     * The popover will position itself relatively to target element, in specified position.\n     */\n    targetElement: VueNodeElement;\n\n    /**\n     * Activates focus trap for both arrow and tab keys.\n     */\n    trapAll?: boolean;\n\n    /**\n     * Configurations for the focus-trap when trap-all is active.\n     */\n    trapAllOptions?: FocusTrapOptions;\n\n    /**\n     * Displays the popover without padding.\n     */\n    withoutSpace?: boolean;\n\n    /**\n     * Allows content to appear outside of the popover. Used when there are nested popovers.\n     */\n    overflowVisible?: boolean;\n}\n"],"names":["BentoPopoverPositions","PopperContainerPosition"],"mappings":";AAYO,MAAMA,IAAwB,EAAE,GAAGC,EAAA;"}