@adyen/bento-vue2 1.26.0 → 1.27.0

package/dist/accordion.js

@@ -1,11 +1,11 @@
 import { defineComponent as p, provide as C, toRef as h, ref as l, inject as y, computed as g, watch as _ } from "vue";
 import { n as u } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as x } from "./chunks/index.dd30e538.js";
+import { B as x } from "./chunks/index.e29a6907.js";
 import { C as O, a as T } from "./chunks/chevron-up.81185563.js";
 import { g as d } from "./chunks/unique-id.a2a2b458.js";
 import { o as E } from "./chunks/resize.a041304d.js";
 import { u as N } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import "./assets/index2.css";
+import "./assets/index9.css";
 const m = Symbol("accordion title size injection key"), S = {}, z = /* @__PURE__ */ p({
   ...S,
   __name: "accordion",

package/dist/action-bar.js

@@ -1,100 +1,15 @@
-import { onMounted as O, nextTick as y, getCurrentScope as x, onScopeDispose as P, unref as F, getCurrentInstance as T, ref as _, watch as C, watchEffect as R, computed as b, defineComponent as k, toRefs as j, provide as D } from "vue";
-import { a as G } from "./chunks/button.9d6435ae.js";
-import { B as z } from "./chunks/index.dd30e538.js";
-import { B as H } from "./chunks/button-actions-with-menu.e845d77a.js";
-import { C as U } from "./chunks/cross.04678d81.js";
-import { u as Y } from "./chunks/i18n.eb5b985b.js";
-import "./chunks/index.4c062058.js";
-import { P as K } from "./chunks/index.15b088b9.js";
-import { B as Q } from "./chunks/button-actions.81db18e8.js";
-import { n as $ } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index3.css";
-function N(e) {
-  return x() ? (P(e), !0) : !1;
-}
-function S(e) {
-  return typeof e == "function" ? e() : F(e);
-}
-const q = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const J = Object.prototype.toString, Z = (e) => J.call(e) === "[object Object]", X = () => {
-};
-function tt(e) {
-  return e || T();
-}
-function et(e, n = !0, t) {
-  tt() ? O(e, t) : n ? e() : y(e);
-}
-function nt(e) {
-  var n;
-  const t = S(e);
-  return (n = t == null ? void 0 : t.$el) != null ? n : t;
-}
-const I = q ? window : void 0;
-function ot(...e) {
-  let n, t, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, o, a] = e, n = I) : [n, t, o, a] = e, !n)
-    return X;
-  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
-  const r = [], i = () => {
-    r.forEach((c) => c()), r.length = 0;
-  }, s = (c, d, v, f) => (c.addEventListener(d, v, f), () => c.removeEventListener(d, v, f)), u = C(
-    () => [nt(n), S(a)],
-    ([c, d]) => {
-      if (i(), !c)
-        return;
-      const v = Z(d) ? { ...d } : d;
-      r.push(
-        ...t.flatMap((f) => o.map((l) => s(c, f, l, v)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), p = () => {
-    u(), i();
-  };
-  return N(p), p;
-}
-function at() {
-  const e = _(!1);
-  return T() && O(() => {
-    e.value = !0;
-  }), e;
-}
-function it(e) {
-  const n = at();
-  return b(() => (n.value, !!e()));
-}
-function st(e, n = {}) {
-  const { window: t = I } = n, o = it(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let a;
-  const r = _(!1), i = (p) => {
-    r.value = p.matches;
-  }, s = () => {
-    a && ("removeEventListener" in a ? a.removeEventListener("change", i) : a.removeListener(i));
-  }, u = R(() => {
-    o.value && (s(), a = t.matchMedia(S(e)), "addEventListener" in a ? a.addEventListener("change", i) : a.addListener(i), r.value = a.matches);
-  });
-  return N(() => {
-    u(), s(), a = void 0;
-  }), r;
-}
-function rt(e = {}) {
-  const {
-    window: n = I,
-    initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: o = Number.POSITIVE_INFINITY,
-    listenOrientation: a = !0,
-    includeScrollbar: r = !0
-  } = e, i = _(t), s = _(o), u = () => {
-    n && (r ? (i.value = n.innerWidth, s.value = n.innerHeight) : (i.value = n.document.documentElement.clientWidth, s.value = n.document.documentElement.clientHeight));
-  };
-  if (u(), et(u), ot("resize", u, { passive: !0 }), a) {
-    const p = st("(orientation: portrait)");
-    C(p, () => u());
-  }
-  return { width: i, height: s };
-}
-const ct = {
+import { defineComponent as w, computed as c, ref as b, toRefs as O, watch as g, provide as V, nextTick as B } from "vue";
+import { a as P } from "./chunks/button.cb90b55c.js";
+import { B as R } from "./chunks/index.e29a6907.js";
+import { B as F } from "./chunks/button-actions-with-menu.bf968959.js";
+import { C as W } from "./chunks/cross.04678d81.js";
+import { u as L } from "./chunks/i18n.eb5b985b.js";
+import { u as k } from "./chunks/index.561786f6.js";
+import { P as M } from "./chunks/index.0a30d358.js";
+import { B as U } from "./chunks/button-actions.87e589e3.js";
+import { n as z } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index11.css";
+const D = {
   "en-US": {
     actionBar: "Action bar",
     cancel: "Cancel",
@@ -103,10 +18,10 @@ const ct = {
     selected: "selected",
     unsavedChanges: "unsaved change | unsaved changes"
   }
-}, lt = {
-  i18n: { messages: ct }
-}, ut = /* @__PURE__ */ k({
-  ...lt,
+}, G = {
+  i18n: { messages: D }
+}, K = /* @__PURE__ */ w({
+  ...G,
   __name: "action-bar",
   props: {
     /**
@@ -130,7 +45,7 @@ const ct = {
     visibleActions: {
       type: Number,
       default: 4,
-      validator: (e) => e > 0 && e <= 4
+      validator: (o) => o > 0 && o <= 4
     },
     /**
      * Use when there are sticky elements at the bottom, like sticky pagination
@@ -163,72 +78,72 @@ const ct = {
     }
   },
   emits: ["close", "cancel", "save"],
-  setup(e, { emit: n }) {
-    const t = e, o = 100, a = 7, r = 500, i = 32, { t: s, tc: u } = Y(), p = b(() => t.selectionLabel ? t.selectionLabel : s("selected")), c = _(null), { extraBottomSpacing: d, visibleActions: v } = j(t), { width: f } = rt(), l = _(null), h = _(null), w = b(() => t.variant === "confirmation");
-    C(
-      () => v.value,
-      (m) => {
-        h.value = m <= 4 ? m : 4, l.value = h.value;
+  setup(o, { emit: a }) {
+    const n = o, t = 100, _ = 7, C = 500, m = 32, { t: r, tc: S } = L(), E = c(() => n.selectionLabel ? n.selectionLabel : r("selected")), l = b(null), { extraBottomSpacing: y, visibleActions: A } = O(n), { width: i } = k(), e = b(null), u = b(null), h = c(() => n.variant === "confirmation");
+    g(
+      () => A.value,
+      (s) => {
+        u.value = s <= 4 ? s : 4, e.value = u.value;
       },
       { immediate: !0 }
     );
-    const L = b(() => ({
-      "b-action-bar--extra-spacing": d.value,
-      "b-action-bar--confirmation": w.value
+    const I = c(() => ({
+      "b-action-bar--extra-spacing": y.value,
+      "b-action-bar--confirmation": h.value
     }));
-    D(K, a);
-    const M = b(() => {
-      const m = t.actions.map((V) => ({
-        ...V,
+    V(M, _);
+    const T = c(() => {
+      const s = n.actions.map((N) => ({
+        ...N,
         variant: "secondary"
-      })), B = m.slice(0, l.value).reverse(), E = m.slice(l.value);
-      return [...B, ...E];
-    }), W = b(() => [
+      })), p = s.slice(0, e.value).reverse(), d = s.slice(e.value);
+      return [...p, ...d];
+    }), x = c(() => [
       {
-        title: s("save"),
-        event: () => n("save")
+        title: r("save"),
+        event: () => a("save")
       },
       {
-        title: s("cancel"),
+        title: r("cancel"),
         variant: "secondary",
-        event: () => n("cancel")
+        event: () => a("cancel")
       }
-    ]), g = async () => {
-      await y(), f.value > c.value.clientWidth + i + o && l.value < h.value && (l.value += 1, g());
-    }, A = async () => {
-      await y(), f.value < c.value.clientWidth + i && l.value > 0 && (l.value -= 1, A());
+    ]), v = async () => {
+      await B(), i.value > l.value.clientWidth + m + t && e.value < u.value && (e.value += 1, v());
+    }, f = async () => {
+      await B(), i.value < l.value.clientWidth + m && e.value > 0 && (e.value -= 1, f());
     };
-    return C(
-      () => f.value,
-      async (m, B) => {
-        if (await y(), !c.value)
+    return g(
+      () => i.value,
+      async (s, p) => {
+        if (await B(), !l.value)
           return;
-        const E = m > B;
-        f.value < r ? l.value = 0 : E ? g() : A();
+        const d = s > p;
+        i.value < C ? e.value = 0 : d ? v() : f();
       },
       { immediate: !0 }
-    ), { __sfc: !0, AVERAGE_BUTTON_SIZE: o, MENU_OFFSET: a, RESPONSIVE_BREAKPOINT: r, SPACING: i, props: t, emit: n, t: s, tc: u, label: p, actionBar: c, extraBottomSpacing: d, visibleActions: v, width: f, internalDisplayedActions: l, internalVisibleActions: h, isConfirmationVariant: w, conditionalClasses: L, actionsInternal: M, confirmationActions: W, showActions: g, hideActions: A, BentoButton: G, BentoButtonActions: Q, BentoTypography: z, ButtonActionsWithMenu: H, CrossIcon: U };
+    ), { __sfc: !0, AVERAGE_BUTTON_SIZE: t, MENU_OFFSET: _, RESPONSIVE_BREAKPOINT: C, SPACING: m, props: n, emit: a, t: r, tc: S, label: E, actionBar: l, extraBottomSpacing: y, visibleActions: A, width: i, internalDisplayedActions: e, internalVisibleActions: u, isConfirmationVariant: h, conditionalClasses: I, actionsInternal: T, confirmationActions: x, showActions: v, hideActions: f, BentoButton: P, BentoButtonActions: U, BentoTypography: R, ButtonActionsWithMenu: F, CrossIcon: W };
   }
 });
-var ft = function() {
-  var n = this, t = n._self._c, o = n._self._setupProxy;
-  return t("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [t("section", { staticClass: "b-action-bar", class: o.conditionalClasses, attrs: { "aria-label": o.t("actionBar") } }, [t("div", { ref: "actionBar", staticClass: "b-action-bar__container" }, [o.isConfirmationVariant ? n._e() : t("div", { staticClass: "b-action-bar__close-button" }, [t(o.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": o.t("close") }, on: { click: function(a) {
-    return o.emit("close");
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [t(o.CrossIcon, { attrs: { "aria-hidden": !0 } })];
-  }, proxy: !0 }], null, !1, 4214210411) })], 1), t(o.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [n._v(" " + n._s(n.itemCounter) + " " + n._s(o.isConfirmationVariant ? o.tc("unsavedChanges", n.itemCounter) : o.label) + " ")]), o.isConfirmationVariant ? t(o.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: o.confirmationActions, inverse: "" } }) : t(o.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: o.actionsInternal, "displayed-actions": o.internalDisplayedActions, "menu-position": "top-end", inverse: "" } })], 1)])]);
-}, dt = [], pt = /* @__PURE__ */ $(
-  ut,
-  ft,
-  dt,
+var q = function() {
+  var a = this, n = a._self._c, t = a._self._setupProxy;
+  return n("Transition", { attrs: { name: "b-action-bar__animation", appear: "" } }, [n("section", { staticClass: "b-action-bar", class: t.conditionalClasses, attrs: { "aria-label": t.t("actionBar") } }, [n("div", { ref: "actionBar", staticClass: "b-action-bar__container" }, [t.isConfirmationVariant ? a._e() : n("div", { staticClass: "b-action-bar__close-button" }, [n(t.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": t.t("close") }, on: { click: function(_) {
+    return t.emit("close");
+  } }, scopedSlots: a._u([{ key: "iconLeft", fn: function() {
+    return [n(t.CrossIcon, { attrs: { "aria-hidden": !0 } })];
+  }, proxy: !0 }], null, !1, 4214210411) })], 1), n(t.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [a._v(" " + a._s(a.itemCounter) + " " + a._s(t.isConfirmationVariant ? t.tc("unsavedChanges", a.itemCounter) : t.label) + " ")]), t.isConfirmationVariant ? n(t.BentoButtonActions, { staticClass: "b-action-bar__actions", attrs: { actions: t.confirmationActions, inverse: "" } }) : n(t.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: t.actionsInternal, "displayed-actions": t.internalDisplayedActions, "menu-position": "top-end", inverse: "" } })], 1)])]);
+}, J = [], Y = /* @__PURE__ */ z(
+  K,
+  q,
+  J,
   !1,
   null,
   "f42b2c8c",
   null,
   null
 );
-const Et = pt.exports;
+const st = Y.exports;
 export {
-  Et as BentoActionBar
+  st as BentoActionBar
 };
 //# sourceMappingURL=action-bar.js.map