@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/action-bar.js

@@ -1,273 +1,5 @@
-import { onMounted as k, nextTick as B, getCurrentScope as z, onScopeDispose as H, unref as o, getCurrentInstance as x, ref as _, watch as A, watchEffect as U, computed as y, defineComponent as Y, toRefs as K, provide as Q, openBlock as S, createBlock as I, Transition as $, withCtx as w, createElementVNode as V, normalizeClass as q, createElementBlock as J, createVNode as N, createCommentVNode as Z, createTextVNode as X, toDisplayString as W } from "vue";
-import { a as ee } from "./chunks/button.60dad578.js";
-import { B as te } from "./chunks/index.a3d60e4f.js";
-import { B as ne } from "./chunks/button-actions-with-menu.7fce47a2.js";
-import { C as ae } from "./chunks/cross.a60533f6.js";
-import { u as oe } from "./chunks/i18n.f7e6533e.js";
-import { P as ie } from "./chunks/index.5bdebf9d.js";
-import { B as se } from "./chunks/button-actions.642b37de.js";
-import { _ as ce } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index17.css";
-function P(e) {
-  return z() ? (H(e), !0) : !1;
-}
-function O(e) {
-  return typeof e == "function" ? e() : o(e);
-}
-const re = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const le = Object.prototype.toString, ue = (e) => le.call(e) === "[object Object]", de = () => {
-};
-function fe(e) {
-  return e || x();
-}
-function pe(e, n = !0, t) {
-  fe() ? k(e, t) : n ? e() : B(e);
-}
-function ve(e) {
-  var n;
-  const t = O(e);
-  return (n = t == null ? void 0 : t.$el) != null ? n : t;
-}
-const T = re ? window : void 0;
-function me(...e) {
-  let n, t, c, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, c, a] = e, n = T) : [n, t, c, a] = e, !n)
-    return de;
-  Array.isArray(t) || (t = [t]), Array.isArray(c) || (c = [c]);
-  const l = [], i = () => {
-    l.forEach((r) => r()), l.length = 0;
-  }, s = (r, v, b, f) => (r.addEventListener(v, b, f), () => r.removeEventListener(v, b, f)), d = A(
-    () => [ve(n), O(a)],
-    ([r, v]) => {
-      if (i(), !r)
-        return;
-      const b = ue(v) ? { ...v } : v;
-      l.push(
-        ...t.flatMap((f) => c.map((u) => s(r, f, u, b)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), p = () => {
-    d(), i();
-  };
-  return P(p), p;
-}
-function _e() {
-  const e = _(!1);
-  return x() && k(() => {
-    e.value = !0;
-  }), e;
-}
-function be(e) {
-  const n = _e();
-  return y(() => (n.value, !!e()));
-}
-function he(e, n = {}) {
-  const { window: t = T } = n, c = be(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let a;
-  const l = _(!1), i = (p) => {
-    l.value = p.matches;
-  }, s = () => {
-    a && ("removeEventListener" in a ? a.removeEventListener("change", i) : a.removeListener(i));
-  }, d = U(() => {
-    c.value && (s(), a = t.matchMedia(O(e)), "addEventListener" in a ? a.addEventListener("change", i) : a.addListener(i), l.value = a.matches);
-  });
-  return P(() => {
-    d(), s(), a = void 0;
-  }), l;
-}
-function ye(e = {}) {
-  const {
-    window: n = T,
-    initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: c = Number.POSITIVE_INFINITY,
-    listenOrientation: a = !0,
-    includeScrollbar: l = !0
-  } = e, i = _(t), s = _(c), d = () => {
-    n && (l ? (i.value = n.innerWidth, s.value = n.innerHeight) : (i.value = n.document.documentElement.clientWidth, s.value = n.document.documentElement.clientHeight));
-  };
-  if (d(), pe(d), me("resize", d, { passive: !0 }), a) {
-    const p = he("(orientation: portrait)");
-    A(p, () => d());
-  }
-  return { width: i, height: s };
-}
-const F = {
-  "en-US": {
-    actionBar: "Action bar",
-    cancel: "Cancel",
-    close: "Close",
-    save: "Save",
-    selected: "selected",
-    unsavedChanges: "unsaved change | unsaved changes"
-  }
-}, ge = ["aria-label"], Ee = {
-  key: 0,
-  class: "b-action-bar__close-button"
-}, Se = {
-  i18n: { messages: F }
-}, Be = /* @__PURE__ */ Y({
-  ...Se,
-  __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: (e) => e > 0 && e <= 4
-    },
-    /**
-     * Use when there are sticky elements at the bottom, like sticky pagination
-     */
-    extraBottomSpacing: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Show how many items are selected
-     */
-    itemCounter: {
-      type: Number,
-      required: !0
-    },
-    /**
-     * Label for the selection, e.g. 'selected'/'changed'
-     */
-    selectionLabel: {
-      type: String,
-      default: null
-    },
-    /**
-     * Variant for the action bar
-     * @values default, confirmation
-     */
-    variant: {
-      type: String,
-      default: "default"
-    }
-  },
-  emits: ["close", "cancel", "save"],
-  setup(e, { emit: n }) {
-    const t = e, c = 100, a = 7, l = 500, i = 32, { t: s, tc: d } = oe({ messages: F }), p = y(() => t.selectionLabel ? t.selectionLabel : s("selected")), r = _(null), { extraBottomSpacing: v, visibleActions: b } = K(t), { width: f } = ye(), u = _(null), C = _(null), g = y(() => t.variant === "confirmation");
-    A(
-      () => b.value,
-      (m) => {
-        C.value = m <= 4 ? m : 4, u.value = C.value;
-      },
-      { immediate: !0 }
-    );
-    const R = y(() => ({
-      "b-action-bar--extra-spacing": v.value,
-      "b-action-bar--confirmation": g.value
-    }));
-    Q(ie, a);
-    const j = y(() => {
-      const m = t.actions.map((G) => ({
-        ...G,
-        variant: "secondary"
-      })), h = m.slice(0, u.value).reverse(), E = m.slice(u.value);
-      return [...h, ...E];
-    }), D = y(() => [
-      {
-        title: s("save"),
-        event: () => n("save")
-      },
-      {
-        title: s("cancel"),
-        variant: "secondary",
-        event: () => n("cancel")
-      }
-    ]), L = async () => {
-      await B(), f.value > r.value.clientWidth + i + c && u.value < C.value && (u.value += 1, L());
-    }, M = async () => {
-      await B(), f.value < r.value.clientWidth + i && u.value > 0 && (u.value -= 1, M());
-    };
-    return A(
-      () => f.value,
-      async (m, h) => {
-        if (await B(), !r.value)
-          return;
-        const E = m > h;
-        f.value < l ? u.value = 0 : E ? L() : M();
-      },
-      { immediate: !0 }
-    ), (m, h) => (S(), I($, {
-      name: "b-action-bar__animation",
-      appear: ""
-    }, {
-      default: w(() => [
-        V("section", {
-          class: q(["b-action-bar", o(R)]),
-          "aria-label": o(s)("actionBar")
-        }, [
-          V("div", {
-            ref_key: "actionBar",
-            ref: r,
-            class: "b-action-bar__container"
-          }, [
-            o(g) ? Z("", !0) : (S(), J("div", Ee, [
-              N(o(ee), {
-                variant: "tertiary",
-                inverse: "",
-                "aria-label": o(s)("close"),
-                onClick: h[0] || (h[0] = (E) => n("close"))
-              }, {
-                iconLeft: w(() => [
-                  N(o(ae), { "aria-hidden": !0 })
-                ]),
-                _: 1
-              }, 8, ["aria-label"])
-            ])),
-            N(o(te), {
-              el: "span",
-              stronger: "",
-              class: "b-action-bar__selection"
-            }, {
-              default: w(() => [
-                X(W(e.itemCounter) + " " + W(o(g) ? o(d)("unsavedChanges", e.itemCounter) : o(p)), 1)
-              ]),
-              _: 1
-            }),
-            o(g) ? (S(), I(o(se), {
-              key: 1,
-              actions: o(D),
-              class: "b-action-bar__actions",
-              inverse: ""
-            }, null, 8, ["actions"])) : (S(), I(ne, {
-              key: 2,
-              actions: o(j),
-              class: "b-action-bar__actions",
-              "displayed-actions": u.value,
-              "menu-position": "top-end",
-              inverse: ""
-            }, null, 8, ["actions", "displayed-actions"]))
-          ], 512)
-        ], 10, ge)
-      ]),
-      _: 1
-    }));
-  }
-});
-const Ve = /* @__PURE__ */ ce(Be, [["__scopeId", "data-v-191a2ab0"]]);
+import { B as t } from "./chunks/action-bar.BvAtk-jI.js";
 export {
-  Ve as BentoActionBar
+  t as BentoActionBar
 };
 //# sourceMappingURL=action-bar.js.map