@adyen/bento-vue2 1.14.0 → 1.15.0

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

@@ -7,29 +7,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             actions: import("../..").BentoButtonActionsList;
             infoIconTooltipText: string;
             lastUpdated: number | Date;
+            infoIconPopoverPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition;
         }> & Omit<Readonly<import("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;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
-                default: any;
+            infoIconPopoverPosition: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition>;
+                default: import("../../components/popper-container").PopperContainerPositionExtended;
+                validator: (value: import("../../components/popper-container").PopperContainerPosition) => boolean;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>>, import("vue/types/v3-component-props").DefaultKeys<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
                 default: import("../../components/header/header.types").BentoHeaderVariant;
@@ -39,18 +35,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: StringConstructor;
                 required: true;
             };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
+            };
             infoIconTooltipText: {
                 type: StringConstructor;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
-                default: any;
+            infoIconPopoverPosition: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition>;
+                default: import("../../components/popper-container").PopperContainerPositionExtended;
+                validator: (value: import("../../components/popper-container").PopperContainerPosition) => boolean;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
+            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;
+            };
         }>>>>;
         required: true;
     };
@@ -69,29 +80,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             actions: import("../..").BentoButtonActionsList;
             infoIconTooltipText: string;
             lastUpdated: number | Date;
+            infoIconPopoverPosition: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition;
         }> & Omit<Readonly<import("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;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
-                default: any;
+            infoIconPopoverPosition: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition>;
+                default: import("../../components/popper-container").PopperContainerPositionExtended;
+                validator: (value: import("../../components/popper-container").PopperContainerPosition) => boolean;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
-        }>>, import("vue/types/v3-component-props").DefaultKeys<{
             variant: {
                 type: PropType<"component" | "page" | import("../../components/header/header.types").BentoHeaderVariant>;
                 default: import("../../components/header/header.types").BentoHeaderVariant;
@@ -101,18 +108,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
                 type: StringConstructor;
                 required: true;
             };
+        }>>, import("vue/types/v3-component-props").DefaultKeys<{
+            actions: {
+                type: PropType<import("../..").BentoButtonActionsList>;
+                default: any;
+            };
             infoIconTooltipText: {
                 type: StringConstructor;
                 default: any;
             };
-            actions: {
-                type: PropType<import("../..").BentoButtonActionsList>;
-                default: any;
+            infoIconPopoverPosition: {
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../../components/popper-container").PopperContainerPosition>;
+                default: import("../../components/popper-container").PopperContainerPositionExtended;
+                validator: (value: import("../../components/popper-container").PopperContainerPosition) => boolean;
             };
             lastUpdated: {
                 type: (DateConstructor | NumberConstructor)[];
                 default: any;
             };
+            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;
+            };
         }>>>>;
         required: true;
     };
@@ -128,6 +150,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     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

@@ -5,7 +5,7 @@ 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/index.css";
+import "./assets/index2.css";
 const m = Symbol("accordion title size injection key"), S = {}, z = /* @__PURE__ */ p({
   ...S,
   __name: "accordion",

package/dist/action-bar.js

@@ -1,112 +1,117 @@
-import { onMounted as C, nextTick as h, getCurrentScope as M, onScopeDispose as W, unref as x, getCurrentInstance as w, ref as v, watch as b, watchEffect as P, computed as y, defineComponent as F, toRefs as V, provide as R } from "vue";
-import { a as k } from "./chunks/button.788944f8.js";
-import { B as j } from "./chunks/index.ee11faa7.js";
-import { B as D } from "./chunks/button-actions-with-menu.d17b184d.js";
-import { C as G } from "./chunks/cross.04678d81.js";
-import { u as z } from "./chunks/i18n.eb5b985b.js";
+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.a554a1a8.js";
+import { B as z } from "./chunks/index.ee11faa7.js";
+import { B as H } from "./chunks/button-actions-with-menu.abb1c2a7.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 H } from "./chunks/index.a663e8fe.js";
-import { n as U } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index26.css";
-function O(e) {
-  return M() ? (W(e), !0) : !1;
+import { P as K } from "./chunks/index.15d681a1.js";
+import { BentoButtonActions as Q } from "./button.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 B(e) {
-  return typeof e == "function" ? e() : x(e);
+function S(e) {
+  return typeof e == "function" ? e() : F(e);
 }
-const Y = typeof window < "u" && typeof document < "u";
+const q = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const q = Object.prototype.toString, K = (e) => q.call(e) === "[object Object]", Q = () => {
+const J = Object.prototype.toString, Z = (e) => J.call(e) === "[object Object]", X = () => {
 };
-function $(e) {
-  return e || w();
+function tt(e) {
+  return e || T();
 }
-function J(e, n = !0, t) {
-  $() ? C(e, t) : n ? e() : h(e);
+function et(e, n = !0, t) {
+  tt() ? O(e, t) : n ? e() : y(e);
 }
-function Z(e) {
+function nt(e) {
   var n;
-  const t = B(e);
+  const t = S(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const I = Y ? window : void 0;
-function X(...e) {
-  let n, t, o, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, o, i] = e, n = I) : [n, t, o, i] = e, !n)
-    return Q;
+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 = [], s = () => {
-    r.forEach((d) => d()), r.length = 0;
-  }, c = (d, p, f, a) => (d.addEventListener(p, f, a), () => d.removeEventListener(p, f, a)), u = b(
-    () => [Z(n), B(i)],
-    ([d, p]) => {
-      if (s(), !d)
+  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 f = K(p) ? { ...p } : p;
+      const v = Z(d) ? { ...d } : d;
       r.push(
-        ...t.flatMap((a) => o.map((_) => c(d, a, _, f)))
+        ...t.flatMap((f) => o.map((l) => s(c, f, l, v)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), l = () => {
-    u(), s();
+  ), p = () => {
+    u(), i();
   };
-  return O(l), l;
+  return N(p), p;
 }
-function ee() {
-  const e = v(!1);
-  return w() && C(() => {
+function at() {
+  const e = _(!1);
+  return T() && O(() => {
     e.value = !0;
   }), e;
 }
-function te(e) {
-  const n = ee();
-  return y(() => (n.value, !!e()));
+function it(e) {
+  const n = at();
+  return b(() => (n.value, !!e()));
 }
-function ne(e, n = {}) {
-  const { window: t = I } = n, o = te(() => t && "matchMedia" in t && typeof t.matchMedia == "function");
-  let i;
-  const r = v(!1), s = (l) => {
-    r.value = l.matches;
-  }, c = () => {
-    i && ("removeEventListener" in i ? i.removeEventListener("change", s) : i.removeListener(s));
-  }, u = P(() => {
-    o.value && (c(), i = t.matchMedia(B(e)), "addEventListener" in i ? i.addEventListener("change", s) : i.addListener(s), r.value = i.matches);
+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 O(() => {
-    u(), c(), i = void 0;
+  return N(() => {
+    u(), s(), a = void 0;
   }), r;
 }
-function oe(e = {}) {
+function rt(e = {}) {
   const {
     window: n = I,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: o = Number.POSITIVE_INFINITY,
-    listenOrientation: i = !0,
+    listenOrientation: a = !0,
     includeScrollbar: r = !0
-  } = e, s = v(t), c = v(o), u = () => {
-    n && (r ? (s.value = n.innerWidth, c.value = n.innerHeight) : (s.value = n.document.documentElement.clientWidth, c.value = n.document.documentElement.clientHeight));
+  } = 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(), J(u), X("resize", u, { passive: !0 }), i) {
-    const l = ne("(orientation: portrait)");
-    b(l, () => u());
+  if (u(), et(u), ot("resize", u, { passive: !0 }), a) {
+    const p = st("(orientation: portrait)");
+    C(p, () => u());
   }
-  return { width: s, height: c };
+  return { width: i, height: s };
 }
-const ie = {
+const ct = {
   "en-US": {
     actionBar: "Action bar",
+    cancel: "Cancel",
     close: "Close",
-    selected: "selected"
+    save: "Save",
+    selected: "selected",
+    unsavedChanges: "unsaved change | unsaved changes"
   }
-}, se = {
-  i18n: { messages: ie }
-}, ae = /* @__PURE__ */ F({
-  ...se,
+}, lt = {
+  i18n: { messages: ct }
+}, ut = /* @__PURE__ */ k({
+  ...lt,
   __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`.
@@ -117,7 +122,7 @@ const ie = {
      */
     actions: {
       type: Array,
-      required: !0
+      default: () => []
     },
     /**
      * How many actions should be visible outside the menu, cannot be more than 4
@@ -147,64 +152,83 @@ const ie = {
     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, o = 100, i = 7, r = 500, s = 32, { t: c } = z(), u = y(() => t.selectionLabel ? t.selectionLabel : c("selected")), l = v(null), { extraBottomSpacing: d, visibleActions: p } = V(t), { width: f } = oe(), a = v(null), _ = v(null);
-    b(
-      () => p.value,
+    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) => {
-        _.value = m <= 4 ? m : 4, a.value = _.value;
+        h.value = m <= 4 ? m : 4, l.value = h.value;
       },
       { immediate: !0 }
     );
-    const T = y(() => ({
-      "b-action-bar--extra-spacing": d.value
+    const L = b(() => ({
+      "b-action-bar--extra-spacing": d.value,
+      "b-action-bar--confirmation": w.value
     }));
-    R(H, i);
-    const N = y(() => {
-      const m = t.actions.map((L) => ({
-        ...L,
+    D(K, a);
+    const M = b(() => {
+      const m = t.actions.map((V) => ({
+        ...V,
         variant: "secondary"
-      })), A = m.slice(0, a.value).reverse(), S = m.slice(a.value);
-      return [...A, ...S];
-    }), E = async () => {
-      await h(), f.value > l.value.clientWidth + s + o && a.value < _.value && (a.value += 1, E());
-    }, g = async () => {
-      await h(), f.value < l.value.clientWidth + s && a.value > 0 && (a.value -= 1, g());
+      })), B = m.slice(0, l.value).reverse(), E = m.slice(l.value);
+      return [...B, ...E];
+    }), W = b(() => [
+      {
+        title: s("save"),
+        event: () => n("save")
+      },
+      {
+        title: s("cancel"),
+        variant: "secondary",
+        event: () => n("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());
     };
-    return b(
+    return C(
       () => f.value,
-      async (m, A) => {
-        if (await h(), !l.value)
+      async (m, B) => {
+        if (await y(), !c.value)
           return;
-        const S = m > A;
-        f.value < r ? a.value = 0 : S ? E() : g();
+        const E = m > B;
+        f.value < r ? l.value = 0 : E ? g() : A();
       },
       { immediate: !0 }
-    ), { __sfc: !0, AVERAGE_BUTTON_SIZE: o, MENU_OFFSET: i, RESPONSIVE_BREAKPOINT: r, SPACING: s, props: t, emit: n, t: c, label: u, actionBar: l, extraBottomSpacing: d, visibleActions: p, width: f, internalDisplayedActions: a, internalVisibleActions: _, conditionalClasses: T, actionsInternal: N, showActions: E, hideActions: g, BentoButton: k, BentoTypography: j, ButtonActionsWithMenu: D, CrossIcon: G };
+    ), { __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 };
   }
 });
-var re = function() {
+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" }, [t("div", { staticClass: "b-action-bar__close-button" }, [t(o.BentoButton, { attrs: { variant: "tertiary", inverse: "", "aria-label": o.t("close") }, on: { click: function(i) {
+  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 }]) })], 1), t(o.BentoTypography, { staticClass: "b-action-bar__selection", attrs: { el: "span", stronger: "" } }, [n._v(n._s(n.itemCounter) + " " + n._s(o.label))]), t(o.ButtonActionsWithMenu, { staticClass: "b-action-bar__actions", attrs: { actions: o.actionsInternal, "displayed-actions": o.internalDisplayedActions, "menu-position": "top-end", inverse: "" } })], 1)])]);
-}, ce = [], le = /* @__PURE__ */ U(
-  ae,
-  re,
-  ce,
+  }, 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,
   !1,
   null,
-  "d2278799",
+  "f42b2c8c",
   null,
   null
 );
-const be = le.exports;
+const Et = pt.exports;
 export {
-  be as BentoActionBar
+  Et as BentoActionBar
 };
 //# sourceMappingURL=action-bar.js.map