@adyen/bento-vue2 1.87.0 → 1.87.1

package/dist/assets/sidepanel.css

@@ -1 +1 @@
-.b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-u2kjdhd-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-u2kjdhd-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-u2kjdht-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u2kjdht-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-u2kjdik-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-u2kjdik-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-u2kjdir-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u2kjdir-e2c7d722{0%{opacity:.5}to{opacity:0}}
+.b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-uabo7y5-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-uabo7y5-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-uabo7yo-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-uabo7yo-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-uabo7yv-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-uabo7yv-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-uabo7z5-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-uabo7z5-e2c7d722{0%{opacity:.5}to{opacity:0}}

package/dist/chunks/{data-grid.ZjYQaN9_.js → data-grid.BvukOpky.js}

@@ -16,21 +16,21 @@ import { B as Yn } from "./pagination.iN0eYByB.js";
 import { B as Ge } from "./loading-indicator.PxbRzshH.js";
 import { u as He } from "./use-has-slot.C9lQZ6nz.js";
 import { g as De } from "./generate-uid.NJ8tVoha.js";
-import { a as Jn } from "./filter-bar.DkKvGUEm.js";
+import { a as Jn } from "./filter-bar.DrkWf7T6.js";
 import { B as Kn } from "./empty-state.IiG1LXa2.js";
 import { E as Xn } from "./tabs.keys.B4qGhjp2.js";
 import { D as Qn } from "./data-grid-template.keys.VezYtHtM.js";
 import { b as es } from "./index.CwzYJHw2.js";
 import { o as Ve } from "./resize.Bqks3WUm.js";
 import "./index.Cl4_42j5.js";
-import { b as Dt } from "./focus-trap.DRqjHzt6.js";
-import { B as xt } from "./checkbox.Dxvh9si9.js";
-import { B as Ft } from "./button.Ctj3rkxw.js";
-import { c as Ze, f as Bt, h as ts, b as ns, a as ss, O as it, D as os } from "./button-actions.DyPS54Yi.js";
+import { B as Dt } from "./checkbox.Dxvh9si9.js";
+import { B as xt } from "./button.Ctj3rkxw.js";
+import { c as Ze, f as Ft, h as ts, b as ns, a as ss, O as it, D as os } from "./button-actions.DyPS54Yi.js";
 import { E as rt } from "./link.DKimL08z.js";
 import { C as ct } from "./copy.DSNuoLZf.js";
 import { C as ls } from "./chevron-down.eYtgv5ly.js";
 import { C as as } from "./chevron-up.d8cwIlA_.js";
+import { b as Bt } from "./focus-trap.DRqjHzt6.js";
 import { u as is } from "./use-expandable-content-height.GkjjbmPy.js";
 import { B as rs } from "./info-icon.BF8KxU-k.js";
 import { D as cs } from "./use-cached-selected-values.DiIjmiF_.js";
@@ -651,10 +651,10 @@ const ye = "b-row-actions-column", Ds = (s, t, n, e, o, l) => {
     hoveredOverColumnState: l
   };
 }, je = (s) => {
-  const n = Dt(s).filter((e) => e.node !== s);
+  const n = Bt(s).filter((e) => e.node !== s);
   return (n == null ? void 0 : n.length) > 0 ? (n[0].node.focus(), !0) : !1;
 }, we = (s) => {
-  const t = Dt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
+  const t = Bt(s), n = t == null ? void 0 : t.filter((e) => e.node !== s);
   if ((n == null ? void 0 : n.length) > 0)
     return n.forEach((e) => e.node.setAttribute("tabindex", "-1")), n;
 }, Ut = (s) => {
@@ -1178,7 +1178,7 @@ const co = ro.exports, uo = {
     });
     return t({
       columnHeaderRefs: g
-    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: g, contextMenuRef: p, hoveredColumnField: m, closingTimeOutId: E, onAllRowSelect: b, isActionsColumn: u, isAllSelectionState: A, selectAllMenu: L, startResize: F, isResizing: R, columnHoverEventToEmitAfterResizing: d, isSorting: y, getSortingDirection: O, sortByColumnField: x, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: S, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: M, computeMenuPosition: w, conditionalColumnClasses: W, conditionalColumnHeaderAndActionsClasses: $, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: ve, conditionalColumnHeaderClasses: me, conditionalColumnMenuClasses: re, BentoCheckbox: xt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Bt, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
+    }), { __sfc: !0, props: e, emit: n, CLOSING_CONTEXTUAL_MENU_DELAY_MS: o, t: l, columns: a, sortBy: i, allColumnsRef: _, columnHeaderRefs: g, contextMenuRef: p, hoveredColumnField: m, closingTimeOutId: E, onAllRowSelect: b, isActionsColumn: u, isAllSelectionState: A, selectAllMenu: L, startResize: F, isResizing: R, columnHoverEventToEmitAfterResizing: d, isSorting: y, getSortingDirection: O, sortByColumnField: x, getSortingColumnDirection: r, draggingEventsForColumn: f, contextualMenuData: S, showContextualMenu: T, hideContextualMenu: B, dataGridColumnEvents: P, hasColumnActions: k, registerColumnsRefs: K, isSmallContainer: Y, isTouchDevice: ee, conditionalColumnsClasses: G, conditionalSelectColumnClasses: M, computeMenuPosition: w, conditionalColumnClasses: W, conditionalColumnHeaderAndActionsClasses: $, conditionalColumnActionsClasses: z, conditionalColumnSeparatorClasses: ve, conditionalColumnHeaderClasses: me, conditionalColumnMenuClasses: re, BentoCheckbox: Dt, BentoDatagridSortDirection: be, BentoTypography: Se, DATAGRID_ROW_ACTIONS_COLUMN_FIELD_NAME: ye, BentoInfoIcon: rs, DatagridColumnsEvent: j, BentoMenu: Ft, BentoToggleButton: Ze, DecorativeCheckbox: cs, ArrowUpAndDownSortIcon: Hs, SortAscendingIcon: Qs, SortDescendingIcon: oo, TriangleDown: co };
   }
 });
 var _o = function() {
@@ -1373,7 +1373,7 @@ const To = yo.exports, Oo = {
   i18n: { messages: Oo },
   name: "bento-data-grid",
   components: {
-    BentoButton: Ft,
+    BentoButton: xt,
     BentoCrossIcon: Ot,
     BentoPopover: ts,
     BentoSettingsIcon: So,
@@ -1775,7 +1775,7 @@ const Rt = Ho.exports, Vo = {
     return { __sfc: !0, t: e, props: n, emit: t, isTouchDevice: o, getMenuItemText: l, getMenuItemIcon: a, isRowActions: i, conditionalCellActionsBackgroundGradientClasses: _, conditionalCellActionsClasses: g, showGradientElement: p, isBentoColumnCellActionsByCellValueDataFn: m, computedCellActions: E, getButtonTitle: b, generateButtonEvents: u, generateMenuEvents: A, transformMenuEvents: L, getCopyText: (d) => {
       var y, O;
       return (d == null ? void 0 : d.getCopyData) !== void 0 ? d.getCopyData(n.rowDataItem, n.columnKey) : n.columnKey ? (O = (y = n.rowDataItem) == null ? void 0 : y[n.columnKey]) == null ? void 0 : O.toString() : "";
-    }, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: Ft, BentoMenu: Bt, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
+    }, shouldShowMenuIconLeft: (d) => d.iconLeft || (d == null ? void 0 : d.variant) === "more", BentoButton: xt, BentoMenu: Ft, Copy: ct, vBentoTooltipDirective: Nt, Edit1Icon: Rt, ExternalLinkIcon: rt, OptionsVerticalIcon: it };
   }
 });
 var qo = function() {
@@ -2081,7 +2081,7 @@ const Et = () => {
     }));
     return t({
       gridcellRef: i
-    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: g, childrenMenuContainerElements: p, isFocused: m, focusableItems: E, hasEverBeenFocused: b, hasRowData: u, controlledNestedRowElementIds: A, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: R, getRowData: d, sumColumnAmountsInColumnSets: y, getColIndex: O, getCellIndex: x, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: S, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: M, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le, BentoCheckbox: xt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
+    }), { __sfc: !0, slots: o, hasSlot: l, t: a, props: e, emit: n, gridcellRef: i, cellActionsRef: _, shouldShowCellActions: g, childrenMenuContainerElements: p, isFocused: m, focusableItems: E, hasEverBeenFocused: b, hasRowData: u, controlledNestedRowElementIds: A, ariaHidden: L, tabIndex: F, conditionalTitleAttribute: R, getRowData: d, sumColumnAmountsInColumnSets: y, getColIndex: O, getCellIndex: x, isLeavingCellFocus: r, onMenuClose: f, hasInteractiveElFocusedInside: S, getGridcellEvents: T, toggleNestedContent: B, registerMenuContainerElement: P, menuMouseLeave: k, hasSlashedZero: K, isSmallContainer: Y, isTouchDevice: ee, conditionalRowCellClasses: G, computedCellContentClasses: M, DATAGRID_ACTIONS_COLUMN_FIELD_NAME: le, BentoCheckbox: Dt, BentoTypography: Se, BentoToggleButton: Ze, DataGridCellActions: Wt, ChevronDownIcon: ls, ChevronUpIcon: as };
   }
 });
 var el = function() {
@@ -3382,4 +3382,4 @@ export {
   be as h,
   ge as i
 };
-//# sourceMappingURL=data-grid.ZjYQaN9_.js.map
+//# sourceMappingURL=data-grid.BvukOpky.js.map