@adyen/bento-vue3 1.89.2 → 1.91.0

package/dist/chunks/accordion-item.BX1KrLMl.js

@@ -1,134 +0,0 @@
-import { defineComponent as E, provide as $, toRef as z, openBlock as a, createElementBlock as l, renderSlot as S, ref as x, inject as D, computed as R, watch as c, createVNode as g, unref as e, withCtx as h, createElementVNode as y, createBlock as I, createTextVNode as H, toDisplayString as V, Transition as j, normalizeStyle as w, createCommentVNode as A } from "vue";
-import { _ as N } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as U } from "./typography.B3J6_tYk.js";
-import { C as J } from "./chevron-down.XeE-LBV_.js";
-import { C as M } from "./chevron-up.Cmgl2a3x.js";
-import { g as C } from "./generate-uid.DBWe4g6T.js";
-import { o as q } from "./resize.Bqks3WUm.js";
-import { u as K } from "./index.B875RXHM.js";
-import { u as L } from "./use-expandable-content-height.B5jjRvCz.js";
-import "../assets/accordion-item.css";
-const T = /* @__PURE__ */ Symbol("accordion title size injection key"), P = { class: "b-accordion" }, Y = {}, Z = /* @__PURE__ */ E({
-  ...Y,
-  __name: "accordion",
-  props: {
-    /**
-     * Controls accordion title size.
-     * @values default, small
-     */
-    titleSize: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(i) {
-    return $(T, z(i, "titleSize")), (s, r) => (a(), l("div", P, [
-      S(s.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), de = /* @__PURE__ */ N(Z, [["__scopeId", "data-v-cef184ec"]]), k = {
-  "en-US": { collapse: "Collapse", expand: "Expand" },
-  "ja-JP": { collapse: "折りたたむ", expand: "展開" },
-  "pt-BR": { collapse: "Recolher", expand: "Expandir" }
-}, F = { class: "b-accordion-item" }, G = ["id", "aria-controls", "aria-expanded"], Q = ["id", "aria-labelledby"], W = {
-  i18n: { messages: k }
-}, X = /* @__PURE__ */ E({
-  ...W,
-  __name: "accordion-item",
-  props: {
-    /**
-     * Sets the title of the accordion item.
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Controls if the content is visible or hidden.
-     */
-    isExpanded: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:is-expanded"],
-  setup(i, { emit: d }) {
-    const s = "b-accordion-item__animation--content", r = i, B = d, { t: p } = K({ messages: k }), n = x(null), t = x(r.isExpanded), u = C("accordionItemButton"), m = C("accordionItemContent"), _ = D(T, "default"), { updateContentHeight: v, contentHeight: f } = L(n, t), O = R(() => f.value ? { "max-height": f.value } : {});
-    return c(
-      () => r.isExpanded,
-      (o) => {
-        t.value = o;
-      }
-    ), c(
-      () => n.value,
-      () => {
-        let o = null;
-        !o && n.value && (o = q(n.value, () => {
-          n.value && v();
-        }));
-      }
-    ), c(
-      t,
-      (o) => {
-        B("update:is-expanded", o), v();
-      },
-      { immediate: !0 }
-    ), (o, b) => (a(), l("div", F, [
-      g(e(U), {
-        el: "h3",
-        variant: e(_) === "small" ? "body" : "title",
-        strongest: e(_) === "small"
-      }, {
-        default: h(() => [
-          y("button", {
-            id: e(u),
-            "aria-controls": e(m),
-            "aria-expanded": `${t.value}`,
-            type: "button",
-            class: "b-accordion-item__button",
-            onClick: b[0] || (b[0] = (ee) => t.value = !t.value)
-          }, [
-            t.value ? (a(), I(e(M), {
-              key: 0,
-              class: "b-accordion-item__icon",
-              "svg-title": e(p)("collapse"),
-              "aria-hidden": "true"
-            }, null, 8, ["svg-title"])) : (a(), I(e(J), {
-              key: 1,
-              class: "b-accordion-item__icon",
-              "svg-title": e(p)("expand"),
-              "aria-hidden": "true"
-            }, null, 8, ["svg-title"])),
-            H(" " + V(i.title), 1)
-          ], 8, G)
-        ]),
-        _: 1
-      }, 8, ["variant", "strongest"]),
-      g(j, { name: s }, {
-        default: h(() => [
-          t.value ? (a(), l("div", {
-            key: 0,
-            id: e(m),
-            "aria-labelledby": e(u),
-            role: "region",
-            style: w(O.value)
-          }, [
-            y("div", {
-              ref_key: "contentDiv",
-              ref: n,
-              class: "b-accordion-item__content"
-            }, [
-              S(o.$slots, "default", {}, void 0, !0)
-            ], 512)
-          ], 12, Q)) : A("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), pe = /* @__PURE__ */ N(X, [["__scopeId", "data-v-242828d5"]]);
-export {
-  de as a,
-  pe as b
-};
-//# sourceMappingURL=accordion-item.BX1KrLMl.js.map

package/dist/chunks/action-bar.DLMaIUWW.js

@@ -1,329 +0,0 @@
-import { defineComponent as ae, computed as l, ref as b, toRefs as ne, watch as T, provide as se, nextTick as w, openBlock as s, createBlock as r, Transition as x, withCtx as u, createElementVNode as O, unref as e, normalizeClass as R, createVNode as C, createElementBlock as m, normalizeStyle as oe, createCommentVNode as d, Fragment as F, createTextVNode as h, toDisplayString as f, renderSlot as ie } from "vue";
-import { B as p } from "./button.DWF7FSIw.js";
-import { B as P } from "./typography.B3J6_tYk.js";
-import { B as le } from "./loading-indicator.BPol9I84.js";
-import { B as ce } from "./button-actions-with-menu.BQFAgAI2.js";
-import { C as re } from "./cross.CCHdi6v3.js";
-import { C as ue } from "./checkmark-circle-fill.DugX5fbG.js";
-import { C as de } from "./cross-circle-fill.BWCKKn0E.js";
-import { u as ve } from "./index.B875RXHM.js";
-import { u as me } from "./index.DDwcHPb6.js";
-import { P as fe, B as ye } from "./button-actions.cMQWyZne.js";
-import { _ as be } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/action-bar.css";
-const V = {
-  "en-US": { actionBar: "Action bar", applying: "Applying...", cancel: "Cancel", close: "Close", retry: "Retry", save: "Save", selected: "selected", somethingWentWrong: "Something went wrong", success: "Success!", undo: "Undo", unsavedChanges: "Unsaved changes | unsaved change | unsaved changes" },
-  "ja-JP": { actionBar: "アクションバー", cancel: "キャンセル", close: "閉じる", save: "保存", selected: "選択済み", unsavedChanges: "保存されていない変更 | 保存されていない変更 | 保存されていない変更" },
-  "pt-BR": { actionBar: "Barra de ação", cancel: "Cancelar", close: "Fechar", save: "Salvar", selected: "selecionado", unsavedChanges: "Alterações não salvas | alteração não salva | alterações não salvas" }
-}, he = ["aria-label"], ge = {
-  key: 0,
-  class: "b-action-bar__container-inner"
-}, _e = {
-  key: 0,
-  class: "b-action-bar__close-button"
-}, Ce = {
-  key: 1,
-  class: "b-action-bar__container-inner"
-}, Be = { class: "b-action-bar__state-icon" }, Ae = {
-  key: 0,
-  class: "b-action-bar__state-actions"
-}, pe = {
-  i18n: { messages: V }
-}, ke = /* @__PURE__ */ ae({
-  ...pe,
-  __name: "action-bar",
-  props: {
-    /**
-     * List of actions that will be used to render the buttons.
-     * Required and used for the `default` variant.
-     *
-     * Each object in the list should have a `title`, an `event` and,
-     * optionally, an `icon`.
-     *
-     * The component will display 4 actions and the hide the rest inside a menu.
-     *
-     * @see BentoButton for a list of all the other props supported by each button action.
-     */
-    actions: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * How many actions should be visible outside the menu, cannot be more than 4
-     */
-    visibleActions: {
-      type: Number,
-      default: 4,
-      validator: (t) => t > 0 && t <= 4
-    },
-    /**
-     * Use when there are sticky elements at the bottom, like sticky pagination
-     */
-    extraBottomSpacing: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Show how many items are selected.
-     * When omitted in the `confirmation` variant, a generic "Unsaved changes" label is displayed.
-     */
-    itemCounter: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Label for the selection, e.g. 'selected'/'changed'
-     */
-    selectionLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * State of the action bar.
-     * @values start, loading, success, fail
-     */
-    state: {
-      type: String,
-      default: "start"
-    },
-    /**
-     * Displays the undo action button in `success` state.
-     */
-    showUndoAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Displays the retry action button in `fail` state.
-     */
-    showRetryAction: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Variant for the action bar
-     * @values default, confirmation
-     */
-    variant: {
-      type: String,
-      default: "default"
-    }
-  },
-  emits: ["close", "cancel", "save", "undo-action", "retry-action", "cancel-action"],
-  setup(t, { emit: U }) {
-    const a = t, y = U, { t: i, tc: I, n: $ } = ve({ messages: V }), L = l(() => a.selectionLabel ? a.selectionLabel : i("selected")), G = l(() => {
-      switch (a.state) {
-        case "loading":
-          return i("applying");
-        case "success":
-          return i("success");
-        case "fail":
-          return i("somethingWentWrong");
-        default:
-          return "";
-      }
-    }), B = b(null), g = b(null), k = b(null), S = b(!1), M = l(
-      () => a.state === "loading" ? "out-in" : void 0
-    ), j = l(
-      () => a.state === "loading" || a.state === "success" && !a.showUndoAction
-    ), z = (n) => {
-      a.state === "loading" && (g.value = `${n.offsetWidth}px`, k.value = "100%");
-    }, K = (n) => {
-      if (a.state !== "loading")
-        return;
-      Object.assign(n.style, { width: "auto", maxWidth: "none" });
-      const o = n.offsetWidth;
-      Object.assign(n.style, { width: "100%", maxWidth: g.value }), requestAnimationFrame(() => {
-        g.value = `${o}px`;
-      });
-    }, D = () => {
-      g.value = null, k.value = null, a.state === "fail" && (S.value = !0);
-    }, J = (n) => {
-      n.animationName.startsWith("shake-") && (S.value = !1);
-    }, { extraBottomSpacing: Z, visibleActions: q } = ne(a), { width: A } = me(), c = b(null), E = b(null), _ = l(() => a.variant === "confirmation");
-    T(
-      () => q.value,
-      (n) => {
-        E.value = n <= 4 ? n : 4, c.value = E.value;
-      },
-      { immediate: !0 }
-    );
-    const Y = l(() => ({
-      "b-action-bar--extra-spacing": Z.value,
-      "b-action-bar--confirmation": _.value,
-      "b-action-bar__state-animation--shake": S.value
-    })), H = l(() => ({
-      [`b-action-bar__container--${a.state}`]: a.state !== "start"
-    }));
-    se(fe, 7);
-    const Q = l(() => {
-      const n = a.actions.map((te) => ({
-        ...te,
-        variant: "secondary"
-      })), o = n.slice(0, c.value).reverse(), v = n.slice(c.value);
-      return [...o, ...v];
-    }), X = l(() => [
-      {
-        title: i("save"),
-        event: () => y("save")
-      },
-      {
-        title: i("cancel"),
-        variant: "secondary",
-        event: () => y("cancel")
-      }
-    ]), ee = l(() => a.itemCounter == null || a.itemCounter < 1), N = async () => {
-      await w(), A.value > B.value.clientWidth + 32 + 100 && c.value < E.value && (c.value += 1, N());
-    }, W = async () => {
-      await w(), A.value < B.value.clientWidth + 32 && c.value > 0 && (c.value -= 1, W());
-    };
-    return T(
-      () => A.value,
-      async (n, o) => {
-        if (await w(), !B.value)
-          return;
-        const v = n > o;
-        A.value < 500 ? c.value = 0 : v ? N() : W();
-      },
-      { immediate: !0 }
-    ), (n, o) => (s(), r(x, {
-      name: "b-action-bar__animation",
-      appear: ""
-    }, {
-      default: u(() => [
-        O("section", {
-          class: R(["b-action-bar", Y.value]),
-          "aria-label": e(i)("actionBar"),
-          onAnimationend: J
-        }, [
-          C(x, {
-            name: `b-action-bar__state-animation--${t.state}`,
-            mode: M.value,
-            onBeforeLeave: z,
-            onEnter: K,
-            onAfterEnter: D
-          }, {
-            default: u(() => [
-              (s(), m("div", {
-                ref_key: "actionBar",
-                ref: B,
-                key: t.state,
-                class: R(["b-action-bar__container", H.value]),
-                style: oe({ width: k.value, maxWidth: g.value })
-              }, [
-                t.state === "start" ? (s(), m("div", ge, [
-                  _.value ? d("", !0) : (s(), m("div", _e, [
-                    C(e(p), {
-                      variant: "tertiary",
-                      inverse: "",
-                      "aria-label": e(i)("close"),
-                      onClick: o[0] || (o[0] = (v) => y("close"))
-                    }, {
-                      iconLeft: u(() => [
-                        C(e(re), { "aria-hidden": !0 })
-                      ]),
-                      _: 1
-                    }, 8, ["aria-label"])
-                  ])),
-                  C(e(P), {
-                    el: "span",
-                    stronger: "",
-                    class: "b-action-bar__selection"
-                  }, {
-                    default: u(() => [
-                      _.value && ee.value ? (s(), m(F, { key: 0 }, [
-                        h(f(e(I)("unsavedChanges", 0)), 1)
-                      ], 64)) : (s(), m(F, { key: 1 }, [
-                        h(f(e($)(t.itemCounter)) + " " + f(_.value ? e(I)("unsavedChanges", t.itemCounter) : L.value), 1)
-                      ], 64))
-                    ]),
-                    _: 1
-                  }),
-                  _.value ? (s(), r(e(ye), {
-                    key: 1,
-                    actions: X.value,
-                    class: "b-action-bar__actions",
-                    inverse: ""
-                  }, null, 8, ["actions"])) : (s(), r(ce, {
-                    key: 2,
-                    actions: Q.value,
-                    class: "b-action-bar__actions",
-                    "displayed-actions": c.value,
-                    "menu-position": "top-end",
-                    "disable-responsive-behavior": "",
-                    inverse: ""
-                  }, null, 8, ["actions", "displayed-actions"]))
-                ])) : (s(), m("div", Ce, [
-                  O("div", Be, [
-                    t.state === "loading" ? (s(), r(e(le), {
-                      key: 0,
-                      small: "",
-                      inverse: ""
-                    })) : d("", !0),
-                    t.state === "success" ? (s(), r(e(ue), {
-                      key: 1,
-                      "aria-hidden": !0
-                    })) : d("", !0),
-                    t.state === "fail" ? (s(), r(e(de), {
-                      key: 2,
-                      "aria-hidden": !0
-                    })) : d("", !0)
-                  ]),
-                  C(e(P), { stronger: "" }, {
-                    default: u(() => [
-                      ie(n.$slots, "stateLabel", {}, () => [
-                        h(f(G.value), 1)
-                      ], !0)
-                    ]),
-                    _: 3
-                  }),
-                  j.value ? d("", !0) : (s(), m("div", Ae, [
-                    t.state === "success" && t.showUndoAction ? (s(), r(e(p), {
-                      key: 0,
-                      variant: "tertiary",
-                      inverse: "",
-                      onClick: o[1] || (o[1] = (v) => y("undo-action"))
-                    }, {
-                      default: u(() => [
-                        h(f(e(i)("undo")), 1)
-                      ]),
-                      _: 1
-                    })) : d("", !0),
-                    t.state === "fail" && t.showRetryAction ? (s(), r(e(p), {
-                      key: 1,
-                      variant: "tertiary",
-                      inverse: "",
-                      onClick: o[2] || (o[2] = (v) => y("retry-action"))
-                    }, {
-                      default: u(() => [
-                        h(f(e(i)("retry")), 1)
-                      ]),
-                      _: 1
-                    })) : d("", !0),
-                    t.state === "fail" ? (s(), r(e(p), {
-                      key: 2,
-                      variant: "tertiary",
-                      inverse: "",
-                      onClick: o[3] || (o[3] = (v) => y("cancel-action"))
-                    }, {
-                      default: u(() => [
-                        h(f(e(i)("cancel")), 1)
-                      ]),
-                      _: 1
-                    })) : d("", !0)
-                  ]))
-                ]))
-              ], 6))
-            ]),
-            _: 3
-          }, 8, ["name", "mode"])
-        ], 42, he)
-      ]),
-      _: 3
-    }));
-  }
-}), Ge = /* @__PURE__ */ be(ke, [["__scopeId", "data-v-6ed0fae4"]]);
-export {
-  Ge as B
-};
-//# sourceMappingURL=action-bar.DLMaIUWW.js.map

package/dist/chunks/ai-tag.DK63ExDc.js

@@ -1,130 +0,0 @@
-import { defineComponent as x, ref as d, watch as E, computed as T, openBlock as p, createElementBlock as V, withKeys as w, createVNode as i, unref as e, withCtx as a, createTextVNode as r, toDisplayString as s, createBlock as v, createElementVNode as C, createCommentVNode as y } from "vue";
-import { u as N, c as D, h as P } from "./button-actions.cMQWyZne.js";
-import { B as g } from "./typography.B3J6_tYk.js";
-import { u as R } from "./index.B875RXHM.js";
-import { g as U } from "./generate-uid.DBWe4g6T.js";
-import { A as I } from "./artificial-intelligence-ai-filled.AhDHffzT.js";
-import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/ai-tag.css";
-const h = {
-  "en-US": { ai: "AI", aiExplained: "AI explained" },
-  "ja-JP": { ai: "AI", aiExplained: "AIについての説明" },
-  "pt-BR": { ai: "IA", aiExplained: "IA explicada" }
-}, O = { class: "b-ai-tag__popover-content" }, S = {
-  i18n: { messages: h }
-}, j = /* @__PURE__ */ x({
-  ...S,
-  __name: "ai-tag",
-  props: {
-    title: {},
-    description: {},
-    influencedValue: { default: void 0 },
-    toggled: { type: Boolean, default: !1 },
-    action: { default: void 0 }
-  },
-  emits: ["update:toggled"],
-  setup(A, { emit: B }) {
-    const n = A, { t: u } = R({ messages: h }), o = d(n.toggled), f = d(null), c = d(null), m = U("b-ai-tag-popover");
-    E(
-      () => n.toggled,
-      (t) => {
-        o.value = t;
-      }
-    ), N(f, () => {
-      l();
-    });
-    const k = T(
-      () => n.action ? [
-        {
-          ...n.action,
-          variant: "secondary"
-        }
-      ] : void 0
-    ), b = B, _ = (t) => {
-      o.value = t, b("update:toggled", t);
-    }, l = () => {
-      o.value && _(!1);
-    };
-    return (t, J) => (p(), V("div", {
-      ref_key: "aiTagRef",
-      ref: f,
-      class: "b-ai-tag",
-      onKeydown: w(l, ["esc"])
-    }, [
-      i(e(D), {
-        ref_key: "targetElement",
-        ref: c,
-        toggled: o.value,
-        "aria-controls": e(m),
-        variant: "secondary",
-        condensed: "",
-        class: "b-ai-tag__trigger",
-        "onUpdate:toggled": _
-      }, {
-        iconLeft: a(() => [
-          i(e(I), {
-            class: "b-ai-tag__trigger-icon",
-            "aria-hidden": !0
-          })
-        ]),
-        default: a(() => [
-          r(" " + s(e(u)("ai")), 1)
-        ]),
-        _: 1
-      }, 8, ["toggled", "aria-controls"]),
-      c.value ? (p(), v(e(P), {
-        key: 0,
-        id: e(m),
-        open: o.value,
-        "target-element": c.value,
-        actions: k.value,
-        "actions-layout": "fill-container",
-        title: e(u)("aiExplained"),
-        "trap-all": "",
-        "trap-all-options": { onDeactivate: l, allowOutsideClick: !0 },
-        "fixed-positioning": "",
-        "overflow-visible": "",
-        onDismiss: l
-      }, {
-        headerIcon: a(() => [
-          i(e(I), {
-            class: "b-ai-tag__popover-header-icon",
-            "aria-hidden": !0
-          })
-        ]),
-        default: a(() => [
-          C("div", O, [
-            t.influencedValue ? (p(), v(e(g), {
-              key: 0,
-              variant: "title",
-              medium: "",
-              class: "b-ai-tag__influenced-value"
-            }, {
-              default: a(() => [
-                r(s(t.influencedValue), 1)
-              ]),
-              _: 1
-            })) : y("", !0),
-            i(e(g), { variant: "title" }, {
-              default: a(() => [
-                r(s(t.title), 1)
-              ]),
-              _: 1
-            }),
-            i(e(g), null, {
-              default: a(() => [
-                r(s(t.description), 1)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["id", "open", "target-element", "actions", "title", "trap-all-options"])) : y("", !0)
-    ], 544));
-  }
-}), Q = /* @__PURE__ */ K(j, [["__scopeId", "data-v-18003291"]]);
-export {
-  Q as a
-};
-//# sourceMappingURL=ai-tag.DK63ExDc.js.map