@adyen/bento-vue2 1.86.1 → 1.87.1

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.D5xtZ1Pt.js";
+import { t as r } from "./chunks/tutorial.3dTfBKtZ.js";
 export {
   r as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.86.1",
+  "version": "1.87.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -4067,7 +4067,7 @@
               "description": "An array of the values for each filter set in `value`.\n{@see BentoFilterValues}",
               "value": {
                 "kind": "expression",
-                "type": "BentoFilterBar.props.filterValues.type"
+                "type": "BentoFilterValues"
               },
               "default": "() => []"
             },
@@ -4094,7 +4094,7 @@
               "description": "Filter bar search term useful to filter all the data by text",
               "value": {
                 "kind": "expression",
-                "type": "BentoFilterBar.props.searchTerm.type"
+                "type": "BentoFilterBarSearchTerm"
               },
               "default": "undefined"
             },
@@ -8072,10 +8072,10 @@
             {
               "name": "maxSize",
               "required": false,
-              "description": "Sets a maximum file size in Bytes",
+              "description": "Sets a maximum file size in Bytes. Also accepts an array of FileMaxSize objects to specify different sizes for different file types.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "union"
               },
               "default": "null"
             },
@@ -8122,6 +8122,22 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "file-uploader-conditional-file-sizes",
+          "description": "",
+          "source": {
+            "module": "./src/components/file-uploader/__tests__/file-uploader-conditional-file-sizes.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "file-uploader-everything-bagel",
+          "description": "",
+          "source": {
+            "module": "./src/components/file-uploader/__tests__/file-uploader-everything-bagel.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "file-uploader-file-card",
           "description": "",
@@ -9172,6 +9188,15 @@
                 "kind": "expression",
                 "type": "BentoTypography.props.el.type"
               }
+            },
+            {
+              "name": "allFieldsRequired",
+              "description": "Defines if the Form Layout title displays\na message indicating that all fields are required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
             }
           ],
           "slots": [
@@ -12257,6 +12282,21 @@
                 "type": "string"
               },
               "default": "null"
+            },
+            {
+              "name": "titleId",
+              "description": "ID to be applied to the title to be used with aria-labelledby",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "close",
+              "description": "Emits event when close button is clicked"
             }
           ],
           "slots": [
@@ -12461,6 +12501,25 @@
               },
               "default": "false"
             },
+            {
+              "name": "hidePageSelection",
+              "required": false,
+              "description": "Hides the page selection dropdown and displays a static \"Page X of Y\" text instead.\nUseful for very large datasets where rendering all page options would cause performance issues.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "hidePageSizeSelection",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "page",
               "required": false,
@@ -12500,6 +12559,16 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "pageSizeItems",
+              "required": false,
+              "description": "The predefined list of numeric options available in the 'results per page' selection dropdown.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "undefined"
             }
           ],
           "events": [
@@ -12534,6 +12603,16 @@
           "name": "pagination-context",
           "description": "",
           "attributes": [
+            {
+              "name": "hidePageSelection",
+              "required": false,
+              "description": "Hides the page selection dropdown and displays a static \"Page X of Y\" text instead.\nUseful for very large datasets where rendering all page options would cause performance issues.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "page",
               "required": false,
@@ -12623,6 +12702,16 @@
           "name": "pagination-results-per-page",
           "description": "",
           "attributes": [
+            {
+              "name": "hidePageSizeSelection",
+              "required": false,
+              "description": "Determines whether to hide the dropdown that allows users to change the number of results per page.\nWhen set to `true`, the current `itemsPerPage` value is displayed as plain static text.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "itemsPerPage",
               "required": false,
@@ -12642,6 +12731,16 @@
                 "type": "number"
               },
               "default": "null"
+            },
+            {
+              "name": "pageSizeItems",
+              "required": false,
+              "description": "The predefined options for the results per page dropdown.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => [10, 20, 50, 75, 100]"
             }
           ],
           "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.86.1",
+  "version": "1.87.1",
   "description": "Adyen Bento Vue2 components",
   "type": "module",
   "main": "dist/index.js",
@@ -51,7 +51,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.86.1"
+    "@adyen/bento-design-tokens": "1.87.1"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -135,13 +135,13 @@
     "vue-router": "3.6.4",
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
-    "vue-tsc": "1.0.24",
+    "vue-tsc": "2.2.10",
     "zod": "3.25.35",
-    "@adyen/bento-cli": "0.9.2",
+    "@adyen/bento-cli": "0.9.3",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/ui-assets-icons-16": "7.7.1",
-    "@adyen/ui-assets-payment-method-icons": "10.6.2",
-    "@adyen/bento-vue-i18n-demi": "0.1.0"
+    "@adyen/bento-vue-i18n-demi": "0.1.0",
+    "@adyen/ui-assets-payment-method-icons": "10.7.0",
+    "@adyen/ui-assets-icons-16": "7.7.2"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"
@@ -152,11 +152,6 @@
     "build:watch": "nx build:lib vue2 -c development",
     "build:prod": "nx build vue2 -c production",
     "component:create": "bento-cli component create",
-    "test": "TZ='Europe/Paris' vitest run --config ./vitest.config.mts",
-    "test:changed": "TZ='Europe/Paris' vitest run --changed origin/main",
-    "test:coverage": "pnpm run test --coverage",
-    "test:list-changed": "TZ='Europe/Paris' vitest list --run --filesOnly --changed origin/main",
-    "test:watch": "TZ='Europe/Paris' vitest watch",
     "e2e": "test/bin/e2e-docker.sh vue2",
     "e2e:a11y": "pnpm run e2e:clean && NODE_OPTIONS='--no-experimental-strip-types' playwright test -c ./playwright.integration.config.mts --project=accessibility",
     "e2e:changed": "test/bin/e2e-docker.sh vue2 --changed",

package/dist/chunks/anchor-scroller.3_idPubO.js

@@ -1,178 +0,0 @@
-import { defineComponent as y, ref as b, computed as v, watch as w, watchEffect as S, toRef as T } from "vue";
-import { f as A, d as B, u as R, g as D, t as I, h as F, w as L } from "./index.BkJqgYF1.js";
-import { p as k, B as M } from "./typography.C8lPlsbD.js";
-import { u as O } from "./index.B6WW_F-J.js";
-import { g as E } from "./generate-uid.NJ8tVoha.js";
-import { u as _ } from "./utils.BzUwtTXc.js";
-import { B as N } from "./button.Ctj3rkxw.js";
-import { n as C } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { F as H } from "./fixed-scroller.BueAsyGk.js";
-import "../assets/anchor-scroller.css";
-const V = /* @__PURE__ */ y({
-  __name: "anchor-scroller-list",
-  props: {
-    activeIndex: { default: void 0 },
-    items: null,
-    scrollOffset: { default: void 0 }
-  },
-  setup(p) {
-    const e = p, n = b([]), t = v(
-      () => e.items.map((r, c) => ({ disabled: r.disabled, originalIndex: c })).filter(({ disabled: r }) => !r).map(({ originalIndex: r }) => r)
-    ), {
-      state: u,
-      next: i,
-      prev: l
-    } = A(t, {
-      initialValue: e.activeIndex ?? t.value[0]
-    });
-    return w(u, async (r) => {
-      const c = n.value[r], s = _(c);
-      s && typeof s.focus == "function" && s.focus();
-    }), { __sfc: !0, props: e, listItemRefs: n, listIndices: t, focusedIndex: u, next: i, prev: l, scrollToSection: (r, c) => {
-      if (c)
-        return;
-      const s = _(r);
-      if (!s) {
-        k("[bento-anchor-scroller] element ref not found");
-        return;
-      }
-      if (!s.style.scrollMarginTop && e.scrollOffset) {
-        const f = window.getComputedStyle(s).scrollMarginTop;
-        (f === "0px" || f === "") && (s.style.scrollMarginTop = `${e.scrollOffset}px`);
-      }
-      s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1"), s.scrollIntoView({
-        behavior: "smooth",
-        block: "start",
-        inline: "nearest"
-      }), s.focus({ preventScroll: !0 });
-    }, onKeydownNavigation: (r) => {
-      switch (r.key) {
-        case "ArrowRight":
-          r.preventDefault(), i();
-          break;
-        case "ArrowLeft":
-          r.preventDefault(), l();
-          break;
-        case "Home":
-          r.preventDefault(), u.value = 0;
-          break;
-        case "End":
-          r.preventDefault(), u.value = t.value.length - 1;
-          break;
-      }
-    }, BentoButton: N };
-  }
-});
-var K = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("ul", { staticClass: "b-anchor-scroller-list", on: { keydown: t.onKeydownNavigation } }, e._l(e.items, function({ title: u, disabled: i, elementRef: l }, d) {
-    return n("li", { key: d, staticClass: "b-anchor-scroller-list__item" }, [n(t.BentoButton, { ref: "listItemRefs", refInFor: !0, staticClass: "b-anchor-scroller-list__item-button", class: {
-      "b-anchor-scroller-list__item-button--active": e.activeIndex === d,
-      "b-anchor-scroller-list__item-button--disabled": i
-    }, attrs: { "aria-current": e.activeIndex === d ? "location" : null, "aria-disabled": i, tabindex: e.activeIndex === d ? null : "-1", variant: "tertiary-with-background" }, on: { click: function(a) {
-      return t.scrollToSection(l, i);
-    } }, nativeOn: { keydown: [function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "space", 32, a.key, [" ", "Spacebar"]) ? null : (a.preventDefault(), t.scrollToSection(l, i));
-    }, function(a) {
-      return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.preventDefault(), t.scrollToSection(l, i));
-    }] } }, [e._v(" " + e._s(u) + " ")])], 1);
-  }), 0);
-}, W = [], j = /* @__PURE__ */ C(
-  V,
-  K,
-  W,
-  !1,
-  null,
-  "5668c5f7"
-);
-const z = j.exports, P = {
-  "en-US": {
-    jumpTo: "Jump to"
-  }
-}, U = (p, e) => {
-  var l;
-  const n = b(((l = e.default) == null ? void 0 : l.value) ?? -1), { y: t } = B(), { height: u } = R(), i = () => {
-    const d = I(p), a = u.value, r = a / 2;
-    let c = -1, s = 0;
-    for (let f = 0; f < d.length; f++) {
-      const o = d[f];
-      if (!o)
-        continue;
-      const m = o.getBoundingClientRect();
-      if (m.top > r)
-        continue;
-      const g = Math.min(m.bottom, a) - Math.max(m.top, 0);
-      if (g <= 0)
-        continue;
-      const x = g / m.height;
-      x > s && (s = x, c = f);
-    }
-    c !== -1 && n.value !== c && (n.value = c);
-  };
-  return D([t, u], i, { throttle: 100, trailing: !0 }), S(() => {
-    I(p).length && i();
-  }), {
-    activeIndex: n
-  };
-}, J = {
-  i18n: { messages: P },
-  name: "bento-anchor-scroller"
-}, Y = /* @__PURE__ */ y({
-  ...J,
-  props: {
-    activeIndex: { default: void 0 },
-    items: null
-  },
-  emits: ["update:active-index"],
-  setup(p, { emit: e }) {
-    const n = p, { t } = O(), u = b(null), i = v(() => n.items.map((o) => ({ ...o }))), l = v(
-      () => n.items.map((o, m) => ({
-        element: _(o.elementRef),
-        originalIndex: m,
-        disabled: o.disabled
-      })).filter(
-        (o) => !o.disabled && !!o.element
-      )
-    ), d = v(() => l.value.map((o) => o.element)), a = v(() => ({
-      "b-anchor-scroller__navigation--pinned": s.value <= 1
-    })), r = v(() => {
-      const o = l.value[c.value];
-      return o ? o.originalIndex : 0;
-    }), { activeIndex: c } = U(d, {
-      default: T(n, "activeIndex")
-    }), { top: s, bottom: f } = F(u);
-    L(
-      r,
-      (o) => {
-        Number.isFinite(o) && e("update:active-index", o);
-      },
-      {
-        debounce: 250
-        // ensure that if you are scrolling through multiple sections quickly, it fires only once.
-      }
-    ), w(
-      () => n.activeIndex,
-      (o) => {
-        Number.isFinite(o) && i.value[o].disabled && k("[bento-anchor-scroller] activeIndex should not be a disabled item");
-      }
-    );
-    const h = E("bento-anchor-scroller-label");
-    return { __sfc: !0, t, props: n, emit: e, navigationRef: u, computedItems: i, enabledItems: l, scrollToTargets: d, navigationConditionalClasses: a, currentActiveIndex: r, relativeActiveIndex: c, top: s, bottom: f, navLabelId: h, BentoTypography: M, FixedScroller: H, AnchorScrollerList: z };
-  }
-});
-var q = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return t.computedItems.length ? n("div", { staticClass: "b-anchor-scroller" }, [n("nav", { ref: "navigationRef", staticClass: "b-anchor-scroller__navigation", class: t.navigationConditionalClasses, attrs: { "aria-labelledby": t.navLabelId } }, [n(t.FixedScroller, { attrs: { condensed: "", centered: "" } }, [n("div", { staticClass: "b-anchor-scroller__navigation-panel" }, [n(t.BentoTypography, { staticClass: "b-anchor-scroller__navigation-panel-label", attrs: { id: t.navLabelId, el: "span", stronger: "" } }, [e._v(" " + e._s(t.t("jumpTo")) + " ")]), n(t.AnchorScrollerList, { attrs: { items: t.computedItems, "active-index": t.currentActiveIndex, "scroll-offset": t.bottom } })], 1)])], 1), e._t("default")], 2) : e._e();
-}, G = [], Q = /* @__PURE__ */ C(
-  Y,
-  q,
-  G,
-  !1,
-  null,
-  "e3fa161f"
-);
-const ae = Q.exports;
-export {
-  ae as a
-};
-//# sourceMappingURL=anchor-scroller.3_idPubO.js.map