@adyen/bento-vue3 1.14.0 → 1.15.0

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts

@@ -5,31 +5,37 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: PropType<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            infoIconTooltipText: string;
+            infoIconTooltipText: any;
             lastUpdated: number | Date;
+            infoIconPopoverPosition: any;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            variant: {
-                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
-                default: import("../../components/header/header.types").BentoHeaderVariant;
-                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
-            };
-            title: {
-                type: StringConstructor;
-                required: true;
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
             };
             infoIconTooltipText: {
-                type: StringConstructor;
+                type: any;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
+            infoIconPopoverPosition: {
+                type: any;
                 default: any;
+                validator: any;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated">>;
+            variant: {
+                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
+                default: import("../../components/header/header.types").BentoHeaderVariant;
+                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated" | "infoIconPopoverPosition">>;
         required: true;
     };
     tabs: {
@@ -45,31 +51,37 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
         type: PropType<Partial<{
             variant: "component" | "page" | import("../../components/header/header.types").BentoHeaderVariant;
             actions: import("../..").BentoButtonActionsList;
-            infoIconTooltipText: string;
+            infoIconTooltipText: any;
             lastUpdated: number | Date;
+            infoIconPopoverPosition: any;
         }> & Omit<Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-            variant: {
-                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
-                default: import("../../components/header/header.types").BentoHeaderVariant;
-                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
-            };
-            title: {
-                type: StringConstructor;
-                required: true;
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
             };
             infoIconTooltipText: {
-                type: StringConstructor;
+                type: any;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
+            infoIconPopoverPosition: {
+                type: any;
                 default: any;
+                validator: any;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated">>;
+            variant: {
+                type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
+                default: import("../../components/header/header.types").BentoHeaderVariant;
+                validator: (value: import("../../components/header/header.types").BentoHeaderVariant) => boolean;
+            };
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+        }>> & import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, "variant" | "actions" | "infoIconTooltipText" | "lastUpdated" | "infoIconPopoverPosition">>;
         required: true;
     };
     tabs: {
@@ -84,6 +96,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
     tabs: BentoDataGridTemplateTabs;
     stickyTabs: boolean;
 }>, Record<string, (_: {}) => any> & {
+    infoIconTooltipContent: (_: {}) => any;
     additionalContent: (_: {}) => any;
     default: (_: {}) => any;
 }>;

package/dist/@types/packages/vue2/src/utils/ts/i18n.d.ts

@@ -12,12 +12,12 @@ export declare function createI18n(options?: {
 }): VueI18n;
 export interface Composer<MessageKey> {
     locale: WritableComputedRef<string>;
-    t(key: MessageKey, values?: VueI18n.Values): string;
-    tc(key: MessageKey, choice?: VueI18n.Choice, values?: VueI18n.Values): string;
-    tc(key: MessageKey, choice: VueI18n.Choice, locale: VueI18n.Locale, values?: VueI18n.Values): string;
-    te(key: MessageKey, locale?: VueI18n.Locale): boolean;
-    d: typeof VueI18n.prototype.d;
-    n: typeof VueI18n.prototype.n;
+    t?(key: MessageKey, values?: VueI18n.Values): string;
+    tc?(key: MessageKey, choice?: VueI18n.Choice, values?: VueI18n.Values): string;
+    tc?(key: MessageKey, choice: VueI18n.Choice, locale: VueI18n.Locale, values?: VueI18n.Values): string;
+    te?(key: MessageKey, locale?: VueI18n.Locale): boolean;
+    d?: typeof VueI18n.prototype.d;
+    n?: typeof VueI18n.prototype.n;
 }
 export type MessageKeys = {
     [key: string]: string;
@@ -34,33 +34,7 @@ export declare const useI18n: <T extends {
     message: MessageKeys;
 }>(params?: {
     messages?: i18nMessages;
-} | undefined, onlyLocale?: boolean) => Composer<keyof T["message"]> | {
-    locale: WritableComputedRef<Locales>;
-    t: import("vue-i18n-bridge").ComposerTranslation<i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
-    }>, never, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>, import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>>;
-    d: import("vue-i18n-bridge").ComposerDateTimeFormatting<{}, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("@intlify/core-base").DateTimeFormatOptions;
-    }>, never, never, never>;
-    te: <Str extends string, Key extends import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }> = import("@intlify/core-base")._ResourcePath<{
-        [key: string]: string;
-    }>>(key: Str | Key, locale?: string) => boolean;
-    n: import("vue-i18n-bridge").ComposerNumberFormatting<{}, string, import("@intlify/core-base").RemoveIndexSignature<{
-        [x: string]: import("@intlify/core-base").NumberFormatOptions;
-    }>, never, never, never>;
-} | {
-    locale: WritableComputedRef<string>;
-    t?: undefined;
-    d?: undefined;
-    te?: undefined;
-    n?: undefined;
-};
+} | undefined, onlyLocale?: boolean) => Composer<keyof T["message"]>;
 export declare const getI18nComponent: () => "i18n-t" | "i18n";
 export declare const getI18nProps: (path: string) => {
     path: string;

package/dist/accordion.js

@@ -1,11 +1,11 @@
 import { defineComponent as C, provide as k, toRef as B, openBlock as a, createElementBlock as r, renderSlot as E, ref as b, inject as O, computed as $, watch as s, createVNode as y, unref as e, withCtx as g, createElementVNode as h, createBlock as I, createTextVNode as z, toDisplayString as A, Transition as D, normalizeStyle as H, createCommentVNode as V } from "vue";
 import { _ as N } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as w } from "./chunks/index.c8040001.js";
+import { B as w } from "./chunks/index.b3ded042.js";
 import { a as R, C as j } from "./chunks/chevron-up.46afb34c.js";
 import { g as x } from "./chunks/unique-id.a2a2b458.js";
 import { o as M } from "./chunks/resize.a041304d.js";
 import { u as U } from "./chunks/use-expandable-content-height.62fc84e5.js";
-import "./assets/index23.css";
+import "./assets/index34.css";
 const S = Symbol("accordion title size injection key"), q = { class: "b-accordion" }, J = {}, K = /* @__PURE__ */ C({
   ...J,
   __name: "accordion",

package/dist/action-bar.js

@@ -1,111 +1,119 @@
-import { onMounted as L, nextTick as g, getCurrentScope as F, onScopeDispose as R, unref as p, getCurrentInstance as M, ref as _, watch as A, watchEffect as j, computed as S, defineComponent as D, toRefs as G, provide as z, openBlock as H, createBlock as U, Transition as Y, withCtx as I, createElementVNode as B, normalizeClass as q, createVNode as E, createTextVNode as K, toDisplayString as T } from "vue";
-import { a as Q } from "./chunks/button.3cd15884.js";
-import { B as $ } from "./chunks/index.c8040001.js";
-import { B as J } from "./chunks/button-actions-with-menu.5b323fdc.js";
-import { C as Z } from "./chunks/cross.26509efc.js";
-import { u as X } from "./chunks/i18n.6c402773.js";
-import { P as ee } from "./chunks/index.740c8202.js";
-import { _ as te } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index26.css";
-function W(e) {
-  return F() ? (R(e), !0) : !1;
+import { onMounted as k, nextTick as A, getCurrentScope as z, onScopeDispose as H, unref as o, getCurrentInstance as x, ref as _, watch as B, 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.0717d615.js";
+import { B as te } from "./chunks/index.b3ded042.js";
+import { B as ne } from "./chunks/button-actions-with-menu.e97544cd.js";
+import { C as ae } from "./chunks/cross.26509efc.js";
+import { u as oe } from "./chunks/i18n.f7e6533e.js";
+import { P as ie } from "./chunks/index.1b100eb9.js";
+import { BentoButtonActions as se } from "./button.js";
+import { _ as ce } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import "./assets/index33.css";
+function P(e) {
+  return z() ? (H(e), !0) : !1;
 }
-function w(e) {
-  return typeof e == "function" ? e() : p(e);
+function O(e) {
+  return typeof e == "function" ? e() : o(e);
 }
-const ne = typeof window < "u" && typeof document < "u";
+const re = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const oe = Object.prototype.toString, ie = (e) => oe.call(e) === "[object Object]", ae = () => {
+const le = Object.prototype.toString, ue = (e) => le.call(e) === "[object Object]", de = () => {
 };
-function se(e) {
-  return e || M();
+function fe(e) {
+  return e || x();
 }
-function re(e, n = !0, t) {
-  se() ? L(e, t) : n ? e() : g(e);
+function pe(e, n = !0, t) {
+  fe() ? k(e, t) : n ? e() : A(e);
 }
-function ce(e) {
+function ve(e) {
   var n;
-  const t = w(e);
+  const t = O(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const N = ne ? window : void 0;
-function le(...e) {
-  let n, t, s, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, o] = e, n = N) : [n, t, s, o] = e, !n)
-    return ae;
-  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
-  const c = [], i = () => {
-    c.forEach((d) => d()), c.length = 0;
-  }, r = (d, m, f, a) => (d.addEventListener(m, f, a), () => d.removeEventListener(m, f, a)), u = A(
-    () => [ce(n), w(o)],
-    ([d, m]) => {
-      if (i(), !d)
+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 = B(
+    () => [ve(n), O(a)],
+    ([r, v]) => {
+      if (i(), !r)
         return;
-      const f = ie(m) ? { ...m } : m;
-      c.push(
-        ...t.flatMap((a) => s.map((h) => r(d, a, h, f)))
+      const b = ue(v) ? { ...v } : v;
+      l.push(
+        ...t.flatMap((f) => c.map((u) => s(r, f, u, b)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), l = () => {
-    u(), i();
+  ), p = () => {
+    d(), i();
   };
-  return W(l), l;
+  return P(p), p;
 }
-function ue() {
+function _e() {
   const e = _(!1);
-  return M() && L(() => {
+  return x() && k(() => {
     e.value = !0;
   }), e;
 }
-function de(e) {
-  const n = ue();
-  return S(() => (n.value, !!e()));
+function be(e) {
+  const n = _e();
+  return y(() => (n.value, !!e()));
 }
-function fe(e, n = {}) {
-  const { window: t = N } = n, s = de(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let o;
-  const c = _(!1), i = (l) => {
-    c.value = l.matches;
-  }, r = () => {
-    o && ("removeEventListener" in o ? o.removeEventListener("change", i) : o.removeListener(i));
-  }, u = j(() => {
-    s.value && (r(), o = t.matchMedia(w(e)), "addEventListener" in o ? o.addEventListener("change", i) : o.addListener(i), c.value = o.matches);
+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 W(() => {
-    u(), r(), o = void 0;
-  }), c;
+  return P(() => {
+    d(), s(), a = void 0;
+  }), l;
 }
-function pe(e = {}) {
+function ye(e = {}) {
   const {
-    window: n = N,
+    window: n = T,
     initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: s = Number.POSITIVE_INFINITY,
-    listenOrientation: o = !0,
-    includeScrollbar: c = !0
-  } = e, i = _(t), r = _(s), u = () => {
-    n && (c ? (i.value = n.innerWidth, r.value = n.innerHeight) : (i.value = n.document.documentElement.clientWidth, r.value = n.document.documentElement.clientHeight));
+    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 (u(), re(u), le("resize", u, { passive: !0 }), o) {
-    const l = fe("(orientation: portrait)");
-    A(l, () => u());
+  if (d(), pe(d), me("resize", d, { passive: !0 }), a) {
+    const p = he("(orientation: portrait)");
+    B(p, () => d());
   }
-  return { width: i, height: r };
+  return { width: i, height: s };
 }
-const x = {
+const F = {
   "en-US": {
     actionBar: "Action bar",
+    cancel: "Cancel",
     close: "Close",
-    selected: "selected"
+    save: "Save",
+    selected: "selected",
+    unsavedChanges: "unsaved change | unsaved changes"
   }
-}, me = ["aria-label"], ve = { class: "b-action-bar__close-button" }, _e = {
-  i18n: { messages: x }
-}, be = /* @__PURE__ */ D({
-  ..._e,
+}, ge = ["aria-label"], Ee = {
+  key: 0,
+  class: "b-action-bar__close-button"
+}, Se = {
+  i18n: { messages: F }
+}, Ae = /* @__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`.
@@ -116,7 +124,7 @@ const x = {
      */
     actions: {
       type: Array,
-      required: !0
+      default: () => []
     },
     /**
      * How many actions should be visible outside the menu, cannot be more than 4
@@ -146,95 +154,120 @@ const x = {
     selectionLabel: {
       type: String,
       default: null
+    },
+    /**
+     * Variant for the action bar
+     * @values default, confirmation
+     */
+    variant: {
+      type: String,
+      default: "default"
     }
   },
-  emits: ["close"],
+  emits: ["close", "cancel", "save"],
   setup(e, { emit: n }) {
-    const t = e, s = 100, o = 7, c = 500, i = 32, { t: r } = X({ messages: x }), u = S(() => t.selectionLabel ? t.selectionLabel : r("selected")), l = _(null), { extraBottomSpacing: d, visibleActions: m } = G(t), { width: f } = pe(), a = _(null), h = _(null);
-    A(
-      () => m.value,
-      (v) => {
-        h.value = v <= 4 ? v : 4, a.value = h.value;
+    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");
+    B(
+      () => b.value,
+      (m) => {
+        C.value = m <= 4 ? m : 4, u.value = C.value;
       },
       { immediate: !0 }
     );
-    const V = S(() => ({
-      "b-action-bar--extra-spacing": d.value
+    const R = y(() => ({
+      "b-action-bar--extra-spacing": v.value,
+      "b-action-bar--confirmation": g.value
     }));
-    z(ee, o);
-    const P = S(() => {
-      const v = t.actions.map((k) => ({
-        ...k,
+    Q(ie, a);
+    const j = y(() => {
+      const m = t.actions.map((G) => ({
+        ...G,
         variant: "secondary"
-      })), b = v.slice(0, a.value).reverse(), y = v.slice(a.value);
-      return [...b, ...y];
-    }), C = async () => {
-      await g(), f.value > l.value.clientWidth + i + s && a.value < h.value && (a.value += 1, C());
-    }, O = async () => {
-      await g(), f.value < l.value.clientWidth + i && a.value > 0 && (a.value -= 1, O());
+      })), 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 A(), f.value > r.value.clientWidth + i + c && u.value < C.value && (u.value += 1, L());
+    }, M = async () => {
+      await A(), f.value < r.value.clientWidth + i && u.value > 0 && (u.value -= 1, M());
     };
-    return A(
+    return B(
       () => f.value,
-      async (v, b) => {
-        if (await g(), !l.value)
+      async (m, h) => {
+        if (await A(), !r.value)
           return;
-        const y = v > b;
-        f.value < c ? a.value = 0 : y ? C() : O();
+        const E = m > h;
+        f.value < l ? u.value = 0 : E ? L() : M();
       },
       { immediate: !0 }
-    ), (v, b) => (H(), U(Y, {
+    ), (m, h) => (S(), I($, {
       name: "b-action-bar__animation",
       appear: ""
     }, {
-      default: I(() => [
-        B("section", {
-          class: q(["b-action-bar", p(V)]),
-          "aria-label": p(r)("actionBar")
+      default: w(() => [
+        V("section", {
+          class: q(["b-action-bar", o(R)]),
+          "aria-label": o(s)("actionBar")
         }, [
-          B("div", {
+          V("div", {
             ref_key: "actionBar",
-            ref: l,
+            ref: r,
             class: "b-action-bar__container"
           }, [
-            B("div", ve, [
-              E(p(Q), {
+            o(g) ? Z("", !0) : (S(), J("div", Ee, [
+              N(o(ee), {
                 variant: "tertiary",
                 inverse: "",
-                "aria-label": p(r)("close"),
-                onClick: b[0] || (b[0] = (y) => n("close"))
+                "aria-label": o(s)("close"),
+                onClick: h[0] || (h[0] = (E) => n("close"))
               }, {
-                iconLeft: I(() => [
-                  E(p(Z), { "aria-hidden": !0 })
+                iconLeft: w(() => [
+                  N(o(ae), { "aria-hidden": !0 })
                 ]),
                 _: 1
               }, 8, ["aria-label"])
-            ]),
-            E(p($), {
+            ])),
+            N(o(te), {
               el: "span",
               stronger: "",
               class: "b-action-bar__selection"
             }, {
-              default: I(() => [
-                K(T(e.itemCounter) + " " + T(p(u)), 1)
+              default: w(() => [
+                X(W(e.itemCounter) + " " + W(o(g) ? o(d)("unsavedChanges", e.itemCounter) : o(p)), 1)
               ]),
               _: 1
             }),
-            E(J, {
-              actions: p(P),
+            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": a.value,
+              "displayed-actions": u.value,
               "menu-position": "top-end",
               inverse: ""
-            }, null, 8, ["actions", "displayed-actions"])
+            }, null, 8, ["actions", "displayed-actions"]))
           ], 512)
-        ], 10, me)
+        ], 10, ge)
       ]),
       _: 1
     }));
   }
 });
-const we = /* @__PURE__ */ te(be, [["__scopeId", "data-v-59086ee6"]]);
+const Ve = /* @__PURE__ */ ce(Ae, [["__scopeId", "data-v-191a2ab0"]]);
 export {
-  we as BentoActionBar
+  Ve as BentoActionBar
 };
 //# sourceMappingURL=action-bar.js.map