@adyen/bento-vue3 1.88.1 → 1.89.2

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue3",
-  "version": "1.88.1",
+  "version": "1.89.2",
   "contributions": {
     "html": {
       "description-markup": "markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue3",
-  "version": "1.88.1",
+  "version": "1.89.2",
   "description": "Adyen Bento Vue 3 components",
   "type": "module",
   "main": "dist/index.js",
@@ -46,7 +46,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.88.1"
+    "@adyen/bento-design-tokens": "1.89.2"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -100,16 +100,16 @@
     "fork-ts-checker-webpack-plugin": "6.5.2",
     "html-webpack-plugin": "4.5.2",
     "remark-gfm": "4.0.1",
-    "sass": "1.54.6",
+    "sass": "^1.83.4",
     "sass-loader": "12.6.0",
     "storybook": "9.1.19",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "vite": "5.4.21",
+    "vite": "7.3.1",
     "vite-plugin-css-injected-by-js": "2.4.0",
     "vite-plugin-dynamic-import": "1.5.0",
     "vite-plugin-static-copy": "3.2.0",
-    "vitest": "2.1.9",
+    "vitest": "^3.0.0",
     "vue": "3.5.13",
     "vue-docgen-web-types": "0.1.8",
     "vue-i18n": "11.1.12",
@@ -119,8 +119,8 @@
     "zod": "3.25.35",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.7.3",
-    "@adyen/ui-assets-payment-method-icons": "10.7.1"
+    "@adyen/ui-assets-icons-16": "7.7.5",
+    "@adyen/ui-assets-payment-method-icons": "10.7.3"
   },
   "scripts": {
     "build": "pnpm run build:prod",

package/dist/chunks/anchor-scroller.BctgW0se.js

@@ -1,214 +0,0 @@
-import { defineComponent as V, ref as T, computed as _, watch as w, openBlock as x, createElementBlock as I, Fragment as F, renderList as K, createVNode as y, withKeys as C, withModifiers as B, normalizeClass as D, withCtx as k, createTextVNode as M, toDisplayString as N, watchEffect as L, toRef as H, createElementVNode as A, unref as h, renderSlot as O, createCommentVNode as W } from "vue";
-import { f as z, d as J, u as U, g as P, t as R, h as Y, r as q } from "./index.Dppy4qHk.js";
-import { p as E, B as G } from "./typography.B3J6_tYk.js";
-import { u as Q } from "./index.B875RXHM.js";
-import { g as X } from "./generate-uid.NJ8tVoha.js";
-import { u as S } from "./utils.BzUwtTXc.js";
-import { F as Z } from "./fixed-scroller.i1tmEmst.js";
-import { B as ee } from "./button.C6t9_lzm.js";
-import { _ as $ } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/anchor-scroller.css";
-const te = /* @__PURE__ */ V({
-  __name: "anchor-scroller-list",
-  props: {
-    activeIndex: { default: void 0 },
-    items: {},
-    scrollOffset: { default: void 0 }
-  },
-  setup(p) {
-    const c = p, d = T([]), r = _(
-      () => c.items.map((e, a) => ({ disabled: e.disabled, originalIndex: a })).filter(({ disabled: e }) => !e).map(({ originalIndex: e }) => e)
-    ), {
-      state: u,
-      next: m,
-      prev: f
-    } = z(r, {
-      initialValue: c.activeIndex ?? r.value[0]
-    });
-    w(u, async (e) => {
-      const a = d.value[e], n = S(a);
-      n && typeof n.focus == "function" && n.focus();
-    });
-    const l = (e, a) => {
-      if (a)
-        return;
-      const n = S(e);
-      if (!n) {
-        E("[bento-anchor-scroller] element ref not found");
-        return;
-      }
-      if (!n.style.scrollMarginTop && c.scrollOffset) {
-        const o = window.getComputedStyle(n).scrollMarginTop;
-        (o === "0px" || o === "") && (n.style.scrollMarginTop = `${c.scrollOffset}px`);
-      }
-      n.hasAttribute("tabindex") || n.setAttribute("tabindex", "-1"), n.scrollIntoView({
-        behavior: "smooth",
-        block: "start",
-        inline: "nearest"
-      }), n.focus({ preventScroll: !0 });
-    }, v = (e) => {
-      switch (e.key) {
-        case "ArrowRight":
-          e.preventDefault(), m();
-          break;
-        case "ArrowLeft":
-          e.preventDefault(), f();
-          break;
-        case "Home":
-          e.preventDefault(), u.value = 0;
-          break;
-        case "End":
-          e.preventDefault(), u.value = r.value.length - 1;
-          break;
-      }
-    };
-    return (e, a) => (x(), I("ul", {
-      class: "b-anchor-scroller-list",
-      onKeydown: v
-    }, [
-      (x(!0), I(F, null, K(e.items, ({ title: n, disabled: o, elementRef: b }, i) => (x(), I("li", {
-        key: i,
-        class: "b-anchor-scroller-list__item"
-      }, [
-        y(ee, {
-          ref_for: !0,
-          ref_key: "listItemRefs",
-          ref: d,
-          "aria-current": e.activeIndex === i ? "location" : null,
-          class: D(["b-anchor-scroller-list__item-button", {
-            "b-anchor-scroller-list__item-button--active": e.activeIndex === i,
-            "b-anchor-scroller-list__item-button--disabled": o
-          }]),
-          "aria-disabled": o,
-          tabindex: e.activeIndex === i ? null : "-1",
-          variant: "tertiary-with-background",
-          onClick: (s) => l(b, o),
-          onKeydown: [
-            C(B((s) => l(b, o), ["prevent"]), ["space", "native"]),
-            C(B((s) => l(b, o), ["prevent"]), ["enter", "native"])
-          ]
-        }, {
-          default: k(() => [
-            M(N(n), 1)
-          ]),
-          _: 2
-        }, 1032, ["aria-current", "class", "aria-disabled", "tabindex", "onClick", "onKeydown"])
-      ]))), 128))
-    ], 32));
-  }
-}), ne = /* @__PURE__ */ $(te, [["__scopeId", "data-v-03d99bd8"]]), j = {
-  "en-US": {
-    jumpTo: "Jump to"
-  },
-  "ja-JP": {
-    jumpTo: "移動先"
-  },
-  "pt-BR": {
-    jumpTo: "Ir para"
-  }
-}, oe = (p, c) => {
-  var f;
-  const d = T(((f = c.default) == null ? void 0 : f.value) ?? -1), { y: r } = J(), { height: u } = U(), m = () => {
-    const l = R(p), v = u.value, e = v / 2;
-    let a = -1, n = 0;
-    for (let o = 0; o < l.length; o++) {
-      const i = l[o];
-      if (!i)
-        continue;
-      const s = i.getBoundingClientRect();
-      if (s.top > e)
-        continue;
-      const t = Math.min(s.bottom, v) - Math.max(s.top, 0);
-      if (t <= 0)
-        continue;
-      const g = t / s.height;
-      g > n && (n = g, a = o);
-    }
-    a !== -1 && d.value !== a && (d.value = a);
-  };
-  return P([r, u], m, { throttle: 100, trailing: !0 }), L(() => {
-    R(p).length && m();
-  }), {
-    activeIndex: d
-  };
-}, ae = {
-  key: 0,
-  class: "b-anchor-scroller"
-}, re = ["aria-labelledby"], ie = { class: "b-anchor-scroller__navigation-panel" }, se = {
-  i18n: { messages: j },
-  name: "bento-anchor-scroller"
-}, le = /* @__PURE__ */ V({
-  ...se,
-  props: {
-    activeIndex: { default: void 0 },
-    items: {}
-  },
-  emits: ["update:active-index"],
-  setup(p, { emit: c }) {
-    const { t: d } = Q({ messages: j }), r = p, u = c, m = T(null), f = _(() => r.items.map((t) => ({ ...t }))), l = _(
-      () => r.items.map((t, g) => ({
-        element: S(t.elementRef),
-        originalIndex: g,
-        disabled: t.disabled
-      })).filter(
-        (t) => !t.disabled && !!t.element
-      )
-    ), { top: v, bottom: e } = Y(m), a = _(() => l.value.map((t) => t.element)), n = _(() => ({
-      "b-anchor-scroller__navigation--pinned": v.value <= 1
-    })), { activeIndex: o } = oe(a, {
-      default: H(r, "activeIndex")
-    }), b = q(o, 200), i = _(() => {
-      const t = l.value[b.value];
-      return t ? t.originalIndex : 0;
-    });
-    w(i, (t) => {
-      Number.isFinite(t) && u("update:active-index", t);
-    }), w(
-      () => r.activeIndex,
-      (t) => {
-        Number.isFinite(t) && f.value[t].disabled && E("[bento-anchor-scroller] activeIndex should not be a disabled item");
-      }
-    );
-    const s = X("bento-anchor-scroller-label");
-    return (t, g) => f.value.length ? (x(), I("div", ae, [
-      A("nav", {
-        ref_key: "navigationRef",
-        ref: m,
-        class: D(["b-anchor-scroller__navigation", n.value]),
-        "aria-labelledby": h(s)
-      }, [
-        y(h(Z), {
-          condensed: "",
-          centered: ""
-        }, {
-          default: k(() => [
-            A("div", ie, [
-              y(G, {
-                id: h(s),
-                el: "span",
-                class: "b-anchor-scroller__navigation-panel-label",
-                stronger: ""
-              }, {
-                default: k(() => [
-                  M(N(h(d)("jumpTo")), 1)
-                ]),
-                _: 1
-              }, 8, ["id"]),
-              y(h(ne), {
-                items: f.value,
-                "active-index": i.value,
-                "scroll-offset": h(e)
-              }, null, 8, ["items", "active-index", "scroll-offset"])
-            ])
-          ]),
-          _: 1
-        })
-      ], 10, re),
-      O(t.$slots, "default", {}, void 0, !0)
-    ])) : W("", !0);
-  }
-}), _e = /* @__PURE__ */ $(le, [["__scopeId", "data-v-9e21fa07"]]);
-export {
-  _e as a
-};
-//# sourceMappingURL=anchor-scroller.BctgW0se.js.map