@adyen/bento-vue3 1.42.0 → 1.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts +15 -0
  2. package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-row/data-grid-row.vue.d.ts +1 -350
  3. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts +1 -0
  4. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-scroller/use-scroller.d.ts +1 -0
  5. package/dist/@types/packages/vue2/src/components/data-grid/composables/use-selector/use-selector.d.ts +3 -2
  6. package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +3 -0
  7. package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +33 -1
  8. package/dist/action-bar.js +1 -1
  9. package/dist/assets/accordion-item.css +1 -1
  10. package/dist/assets/action-bar.css +1 -1
  11. package/dist/assets/base-modal.css +1 -1
  12. package/dist/assets/card.css +1 -1
  13. package/dist/assets/data-grid.css +1 -1
  14. package/dist/assets/date-range-picker.css +1 -1
  15. package/dist/assets/dialog-page.css +1 -1
  16. package/dist/assets/file-uploader.css +1 -1
  17. package/dist/assets/filter-bar.css +1 -1
  18. package/dist/assets/inspector.css +1 -1
  19. package/dist/assets/menu.css +1 -1
  20. package/dist/assets/modal-fullscreen.css +1 -1
  21. package/dist/assets/popover.css +1 -1
  22. package/dist/assets/sidepanel.css +1 -1
  23. package/dist/assets/typography.css +1 -1
  24. package/dist/checkbox.js +2 -2
  25. package/dist/chunks/{action-bar.C1Vu3qJu.js → action-bar.COQrEUYU.js} +2 -2
  26. package/dist/chunks/{action-bar.C1Vu3qJu.js.map → action-bar.COQrEUYU.js.map} +1 -1
  27. package/dist/chunks/{checkbox-group.C5IweVVx.js → checkbox-group.BUmkYc2R.js} +2 -2
  28. package/dist/chunks/{checkbox-group.C5IweVVx.js.map → checkbox-group.BUmkYc2R.js.map} +1 -1
  29. package/dist/chunks/{checkbox.B72ok3Yu.js → checkbox.L94hTcPY.js} +15 -15
  30. package/dist/chunks/{checkbox.B72ok3Yu.js.map → checkbox.L94hTcPY.js.map} +1 -1
  31. package/dist/chunks/{code-snippet.CiOcZKKH.js → code-snippet.DbUGxmYi.js} +2 -2
  32. package/dist/chunks/{code-snippet.CiOcZKKH.js.map → code-snippet.DbUGxmYi.js.map} +1 -1
  33. package/dist/chunks/{dashboard-section.BCc8HoQG.js → dashboard-section.YU5gKDEJ.js} +2 -2
  34. package/dist/chunks/{dashboard-section.BCc8HoQG.js.map → dashboard-section.YU5gKDEJ.js.map} +1 -1
  35. package/dist/chunks/data-grid.DgPWs1hH.js +3374 -0
  36. package/dist/chunks/data-grid.DgPWs1hH.js.map +1 -0
  37. package/dist/chunks/{date-range-picker.C9Ht_Egi.js → date-range-picker.DjPmRy0E.js} +201 -198
  38. package/dist/chunks/date-range-picker.DjPmRy0E.js.map +1 -0
  39. package/dist/chunks/{dropdown-tag.Bc4qxPRN.js → dropdown-tag.BKDmDRSv.js} +2 -2
  40. package/dist/chunks/{dropdown-tag.Bc4qxPRN.js.map → dropdown-tag.BKDmDRSv.js.map} +1 -1
  41. package/dist/chunks/{dropdown.BqkUB1So.js → dropdown.DpjMobyf.js} +2 -2
  42. package/dist/chunks/{dropdown.BqkUB1So.js.map → dropdown.DpjMobyf.js.map} +1 -1
  43. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  44. package/dist/chunks/{filter-bar.DVLYNNwQ.js → filter-bar.BwJTrH5U.js} +9 -9
  45. package/dist/chunks/filter-bar.BwJTrH5U.js.map +1 -0
  46. package/dist/chunks/index.lHdwuJAx.js +366 -0
  47. package/dist/chunks/index.lHdwuJAx.js.map +1 -0
  48. package/dist/chunks/{input-field-password.BA0EpVMY.js → input-field-password.DxNS4MmO.js} +3 -3
  49. package/dist/chunks/{input-field-password.BA0EpVMY.js.map → input-field-password.DxNS4MmO.js.map} +1 -1
  50. package/dist/chunks/{input-field.CWMgbw48.js → input-field.BQKEQIZd.js} +2 -2
  51. package/dist/chunks/{input-field.CWMgbw48.js.map → input-field.BQKEQIZd.js.map} +1 -1
  52. package/dist/chunks/{layout-row.iTtAEvD2.js → layout-row.DcyZ3DP3.js} +2 -2
  53. package/dist/chunks/{layout-row.iTtAEvD2.js.map → layout-row.DcyZ3DP3.js.map} +1 -1
  54. package/dist/chunks/{pagination.DrWx8K01.js → pagination.C34l_EYf.js} +2 -2
  55. package/dist/chunks/{pagination.DrWx8K01.js.map → pagination.C34l_EYf.js.map} +1 -1
  56. package/dist/chunks/{promo-banner.oUapgyV-.js → promo-banner.CzR9ri5v.js} +2 -2
  57. package/dist/chunks/{promo-banner.oUapgyV-.js.map → promo-banner.CzR9ri5v.js.map} +1 -1
  58. package/dist/chunks/{search-bar.DDePObYJ.js → search-bar.Dy0dBek2.js} +3 -3
  59. package/dist/chunks/{search-bar.DDePObYJ.js.map → search-bar.Dy0dBek2.js.map} +1 -1
  60. package/dist/chunks/{secondary-nav.ysDOs9J9.js → secondary-nav.DYFnrUIK.js} +3 -3
  61. package/dist/chunks/{secondary-nav.ysDOs9J9.js.map → secondary-nav.DYFnrUIK.js.map} +1 -1
  62. package/dist/chunks/{selection-card-group.pUl1EuFV.js → selection-card-group.BY8o4PYF.js} +10 -10
  63. package/dist/chunks/{selection-card-group.pUl1EuFV.js.map → selection-card-group.BY8o4PYF.js.map} +1 -1
  64. package/dist/chunks/{use-cached-selected-values.DWVHnlNN.js → use-cached-selected-values.BOZK76mN.js} +7 -4
  65. package/dist/chunks/{use-cached-selected-values.DWVHnlNN.js.map → use-cached-selected-values.BOZK76mN.js.map} +1 -1
  66. package/dist/code-snippet.js +1 -1
  67. package/dist/dashboard-template.js +1 -1
  68. package/dist/data-grid.js +1 -1
  69. package/dist/date-range-picker.js +1 -1
  70. package/dist/dropdown.js +3 -3
  71. package/dist/filter-bar.js +1 -1
  72. package/dist/index.js +19 -19
  73. package/dist/input-field-password.js +1 -1
  74. package/dist/input-field.js +1 -1
  75. package/dist/internal.js +1 -1
  76. package/dist/layout.js +1 -1
  77. package/dist/pagination.js +1 -1
  78. package/dist/promo-banner.js +1 -1
  79. package/dist/search-bar.js +2 -2
  80. package/dist/secondary-nav.js +1 -1
  81. package/dist/selection-card.js +1 -1
  82. package/dist/styles/bento-dark.css +3 -0
  83. package/dist/styles/bento-light.css +3 -0
  84. package/dist/styles/bento.css +3 -0
  85. package/dist/styles/legacy.css +3 -0
  86. package/dist/styles/styleguide.css +3 -0
  87. package/dist/web-types.json +1 -1
  88. package/package.json +5 -3
  89. package/dist/chunks/data-grid.eX0SZIFQ.js +0 -3174
  90. package/dist/chunks/data-grid.eX0SZIFQ.js.map +0 -1
  91. package/dist/chunks/date-range-picker.C9Ht_Egi.js.map +0 -1
  92. package/dist/chunks/filter-bar.DVLYNNwQ.js.map +0 -1
  93. package/dist/chunks/index.Cwtxz7pr.js +0 -344
  94. package/dist/chunks/index.Cwtxz7pr.js.map +0 -1
@@ -113,6 +113,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
113
113
  type: NumberConstructor;
114
114
  required: true;
115
115
  };
116
+ /**
117
+ * The row selection checkbox indeterminate state.
118
+ */
119
+ selectionIsIndeterminate: {
120
+ type: BooleanConstructor;
121
+ default: boolean;
122
+ };
116
123
  /**
117
124
  * Determines if the row selection is enabled.
118
125
  */
@@ -236,6 +243,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
236
243
  type: NumberConstructor;
237
244
  required: true;
238
245
  };
246
+ /**
247
+ * The row selection checkbox indeterminate state.
248
+ */
249
+ selectionIsIndeterminate: {
250
+ type: BooleanConstructor;
251
+ default: boolean;
252
+ };
239
253
  /**
240
254
  * Determines if the row selection is enabled.
241
255
  */
@@ -263,6 +277,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../nod
263
277
  isNestedContentExpanded: boolean;
264
278
  nestedContent: boolean;
265
279
  nestedRowsElementIds: string[];
280
+ selectionIsIndeterminate: boolean;
266
281
  }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<string, (_: {
267
282
  item: BentoDatagridDataItem;
268
283
  }) => any>>;
@@ -1,8 +1,3 @@
1
- import { PropType } from "../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
2
- import { BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridShouldShowNestedContentFn } from "../../data-grid.types";
3
- import type { DataGridCellColumnSet, DataGridCellDragEventsForColumn } from '../data-grid-cell/data-grid-cell.types';
4
- import type { BentoDatagridDraggingColumnState } from '../data-grid-columns/data-grid-columns.types';
5
- import type { DatagridColumnHoveringState } from "../../composables/use-column-hovering";
6
1
  /**
7
2
  * Internal component to display the BentoDataGrid data rows containig the data row cells.
8
3
  *
@@ -42,349 +37,5 @@ import type { DatagridColumnHoveringState } from "../../composables/use-column-h
42
37
  * </data-grid-row>
43
38
  * `
44
39
  */
45
- declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
46
- /**
47
- * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
48
- */
49
- allowRowClicks: {
50
- type: BooleanConstructor;
51
- default: boolean;
52
- };
53
- /**
54
- * The columns sets including
55
- */
56
- columnSets: {
57
- type: PropType<DataGridCellColumnSet[]>;
58
- required: true;
59
- };
60
- /**
61
- * Sets the row cells to the condensed padding state.
62
- */
63
- condensed: {
64
- type: BooleanConstructor;
65
- default: boolean;
66
- };
67
- /**
68
- * Columns being dragged, contains dragging column and a target column
69
- */
70
- draggingColumns: {
71
- type: PropType<BentoDatagridDraggingColumnState>;
72
- default: any;
73
- };
74
- /**
75
- * Dragging event handlers for each row cell
76
- */
77
- draggingEventsForRowCell: {
78
- type: PropType<DataGridCellDragEventsForColumn>;
79
- required: true;
80
- };
81
- /**
82
- * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
83
- * This is used selecting and performance reasons and must exist in each data item.
84
- */
85
- getDataItemId: {
86
- type: PropType<BentoDatagridGetDataItemIdFn>;
87
- default: (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
88
- };
89
- /**
90
- * Set to true if the datagrid has been scrolled and the left side has overflowing space.
91
- */
92
- hasLeftOverflow: {
93
- type: BooleanConstructor;
94
- default: boolean;
95
- };
96
- /**
97
- * Enables the nested content slot functionality.
98
- */
99
- hasNestedContent: {
100
- type: BooleanConstructor;
101
- default: boolean;
102
- };
103
- /**
104
- * Highlighted row IDs.
105
- */
106
- highlightedRows: {
107
- type: PropType<BentoDatagridDataItemId[]>;
108
- default: () => any[];
109
- };
110
- /**
111
- * The row index of a currently hovered row.
112
- */
113
- hoveredRowIndex: {
114
- type: NumberConstructor;
115
- default: number;
116
- };
117
- /**
118
- * The column hovered over state and whether the hovered over column should show a border right or left.
119
- */
120
- hoveredOverColumnState: {
121
- type: PropType<DatagridColumnHoveringState>;
122
- required: true;
123
- };
124
- /**
125
- * A customisable method to determine if a row is not selectable.
126
- * The default is that every row is selectable.
127
- */
128
- isDataItemDisabled: {
129
- type: PropType<BentoDatagridIsDataItemDisabledFn>;
130
- default: () => boolean;
131
- };
132
- /**
133
- * If the row is the last child in it's parent container.
134
- */
135
- isRowLastChild: {
136
- type: BooleanConstructor;
137
- default: boolean;
138
- };
139
- /**
140
- * If columns are being measured for the autoWidth functionality.
141
- */
142
- isMeasuringColumnWidths: {
143
- type: BooleanConstructor;
144
- default: boolean;
145
- };
146
- /**
147
- * The row data object
148
- */
149
- rowData: {
150
- type: PropType<BentoDatagridDataItem>;
151
- required: true;
152
- };
153
- /**
154
- * The row index.
155
- */
156
- rowIndex: {
157
- type: NumberConstructor;
158
- required: true;
159
- };
160
- /**
161
- * The number of rows that this row is within.
162
- */
163
- rowSetSize: {
164
- type: NumberConstructor;
165
- default: number;
166
- };
167
- /**
168
- * Determines whether to render frozen seperator on the row.
169
- */
170
- showFrozenColumnsSeparator: {
171
- type: BooleanConstructor;
172
- default: boolean;
173
- };
174
- /**
175
- * Determines if the row selection is enabled.
176
- */
177
- selectable: {
178
- type: BooleanConstructor;
179
- default: boolean;
180
- };
181
- /**
182
- * The array of IDs for the selected rows.
183
- */
184
- selectedItems: {
185
- type: PropType<BentoDatagridDataItemId[]>;
186
- required: true;
187
- };
188
- /**
189
- * Enables / Disables the nested-content slot
190
- */
191
- shouldShowNestedContent: {
192
- type: PropType<BentoDatagridShouldShowNestedContentFn>;
193
- default: (_item: BentoDatagridDataItem) => true;
194
- };
195
- }>, {
196
- gridcellRefs: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<{
197
- [key: string]: HTMLDivElement;
198
- }, {
199
- [key: string]: HTMLDivElement;
200
- }>;
201
- }, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
202
- "cell-hovered": (value: number) => void;
203
- } & {
204
- "on-frozen-columns-key-press": (event: Event) => void;
205
- } & {
206
- "select-row": (value: BentoDatagridDataItemId[]) => void;
207
- } & {
208
- "row-click": (rowData: BentoDatagridDataItem, event: MouseEvent) => void;
209
- }, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
210
- /**
211
- * When true, will emit a 'rowClick' event when a row is clicked. Will add cursor: pointer to rows.
212
- */
213
- allowRowClicks: {
214
- type: BooleanConstructor;
215
- default: boolean;
216
- };
217
- /**
218
- * The columns sets including
219
- */
220
- columnSets: {
221
- type: PropType<DataGridCellColumnSet[]>;
222
- required: true;
223
- };
224
- /**
225
- * Sets the row cells to the condensed padding state.
226
- */
227
- condensed: {
228
- type: BooleanConstructor;
229
- default: boolean;
230
- };
231
- /**
232
- * Columns being dragged, contains dragging column and a target column
233
- */
234
- draggingColumns: {
235
- type: PropType<BentoDatagridDraggingColumnState>;
236
- default: any;
237
- };
238
- /**
239
- * Dragging event handlers for each row cell
240
- */
241
- draggingEventsForRowCell: {
242
- type: PropType<DataGridCellDragEventsForColumn>;
243
- required: true;
244
- };
245
- /**
246
- * A customisable method to retrieve a unique identifier for a data item in the array of data supplied.
247
- * This is used selecting and performance reasons and must exist in each data item.
248
- */
249
- getDataItemId: {
250
- type: PropType<BentoDatagridGetDataItemIdFn>;
251
- default: (item: BentoDatagridDataItem) => BentoDatagridDataItemId;
252
- };
253
- /**
254
- * Set to true if the datagrid has been scrolled and the left side has overflowing space.
255
- */
256
- hasLeftOverflow: {
257
- type: BooleanConstructor;
258
- default: boolean;
259
- };
260
- /**
261
- * Enables the nested content slot functionality.
262
- */
263
- hasNestedContent: {
264
- type: BooleanConstructor;
265
- default: boolean;
266
- };
267
- /**
268
- * Highlighted row IDs.
269
- */
270
- highlightedRows: {
271
- type: PropType<BentoDatagridDataItemId[]>;
272
- default: () => any[];
273
- };
274
- /**
275
- * The row index of a currently hovered row.
276
- */
277
- hoveredRowIndex: {
278
- type: NumberConstructor;
279
- default: number;
280
- };
281
- /**
282
- * The column hovered over state and whether the hovered over column should show a border right or left.
283
- */
284
- hoveredOverColumnState: {
285
- type: PropType<DatagridColumnHoveringState>;
286
- required: true;
287
- };
288
- /**
289
- * A customisable method to determine if a row is not selectable.
290
- * The default is that every row is selectable.
291
- */
292
- isDataItemDisabled: {
293
- type: PropType<BentoDatagridIsDataItemDisabledFn>;
294
- default: () => boolean;
295
- };
296
- /**
297
- * If the row is the last child in it's parent container.
298
- */
299
- isRowLastChild: {
300
- type: BooleanConstructor;
301
- default: boolean;
302
- };
303
- /**
304
- * If columns are being measured for the autoWidth functionality.
305
- */
306
- isMeasuringColumnWidths: {
307
- type: BooleanConstructor;
308
- default: boolean;
309
- };
310
- /**
311
- * The row data object
312
- */
313
- rowData: {
314
- type: PropType<BentoDatagridDataItem>;
315
- required: true;
316
- };
317
- /**
318
- * The row index.
319
- */
320
- rowIndex: {
321
- type: NumberConstructor;
322
- required: true;
323
- };
324
- /**
325
- * The number of rows that this row is within.
326
- */
327
- rowSetSize: {
328
- type: NumberConstructor;
329
- default: number;
330
- };
331
- /**
332
- * Determines whether to render frozen seperator on the row.
333
- */
334
- showFrozenColumnsSeparator: {
335
- type: BooleanConstructor;
336
- default: boolean;
337
- };
338
- /**
339
- * Determines if the row selection is enabled.
340
- */
341
- selectable: {
342
- type: BooleanConstructor;
343
- default: boolean;
344
- };
345
- /**
346
- * The array of IDs for the selected rows.
347
- */
348
- selectedItems: {
349
- type: PropType<BentoDatagridDataItemId[]>;
350
- required: true;
351
- };
352
- /**
353
- * Enables / Disables the nested-content slot
354
- */
355
- shouldShowNestedContent: {
356
- type: PropType<BentoDatagridShouldShowNestedContentFn>;
357
- default: (_item: BentoDatagridDataItem) => true;
358
- };
359
- }>> & Readonly<{
360
- "onOn-frozen-columns-key-press"?: (event: Event) => any;
361
- "onSelect-row"?: (value: BentoDatagridDataItemId[]) => any;
362
- "onCell-hovered"?: (value: number) => any;
363
- "onRow-click"?: (rowData: BentoDatagridDataItem, event: MouseEvent) => any;
364
- }>, {
365
- condensed: boolean;
366
- draggingColumns: BentoDatagridDraggingColumnState;
367
- hasLeftOverflow: boolean;
368
- isMeasuringColumnWidths: boolean;
369
- showFrozenColumnsSeparator: boolean;
370
- selectable: boolean;
371
- getDataItemId: BentoDatagridGetDataItemIdFn;
372
- isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
373
- allowRowClicks: boolean;
374
- hasNestedContent: boolean;
375
- highlightedRows: BentoDatagridDataItemId[];
376
- hoveredRowIndex: number;
377
- isRowLastChild: boolean;
378
- rowSetSize: number;
379
- shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
380
- }, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<NonNullable<string | number>, (_: any) => any> & {
381
- 'nested-slot': (_: {
382
- item: BentoDatagridDataItem;
383
- }) => any;
384
- }>;
40
+ declare const _default: any;
385
41
  export default _default;
386
- type __VLS_WithTemplateSlots<T, S> = T & {
387
- new (): {
388
- $slots: S;
389
- };
390
- };
@@ -9,6 +9,7 @@ export interface CalculateColumnWidthOptions {
9
9
  allowColumnDragAndDrop?: Ref<boolean>;
10
10
  hasColumnPanel?: Ref<boolean>;
11
11
  hasNestedContent?: Ref<boolean>;
12
+ hasNestedRows?: Ref<boolean>;
12
13
  hasSelectableColumn?: Ref<boolean>;
13
14
  hasSelectableAcrossPages?: Ref<boolean>;
14
15
  isDataGridTemplate?: boolean;
@@ -11,6 +11,7 @@ export declare const useScroller: (body: Ref<UnwrapRef<HTMLDivElement>>, columns
11
11
  isLazyLoad?: Ref<UnwrapRef<boolean>>;
12
12
  pagination?: Ref<UnwrapRef<BentoDatagridPaginationProps | undefined>>;
13
13
  stickyPagination: Ref<UnwrapRef<boolean>>;
14
+ isDataGridTemplate?: boolean;
14
15
  }) => {
15
16
  scrollLeftPosition: Ref<number, number>;
16
17
  hasLeftOverflow: Ref<boolean, boolean>;
@@ -1,5 +1,5 @@
1
1
  import { Ref } from "../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
2
- import { BentoDatagridData, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from '../../data-grid.types';
2
+ import { BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn } from '../../data-grid.types';
3
3
  /**
4
4
  * Exposed selection variables and methods for a data component to use and react to.
5
5
  * @param selection A list of unique IDs
@@ -10,7 +10,8 @@ import { BentoDatagridData, BentoDatagridDataItemId, BentoDatagridGetDataItemIdF
10
10
  */
11
11
  export declare const useSelector: (selection: Ref<BentoDatagridDataItemId[]>, emit: (event: string, emitedSelectedItems: BentoDatagridDataItemId[]) => void, data: Ref<BentoDatagridData>, getDataItemId: BentoDatagridGetDataItemIdFn, isDataItemDisabled: BentoDatagridIsDataItemDisabledFn) => {
12
12
  onAllRowSelect: (selectAllItems: boolean) => void;
13
- onRowSelect: (value: BentoDatagridDataItemId[]) => void;
13
+ onRowSelect: (value: BentoDatagridDataItemId[], rowData: BentoDatagridDataItem) => void;
14
+ onNestedRowSelect: (value: BentoDatagridDataItemId[], parentRowData: BentoDatagridDataItem, rowData: BentoDatagridDataItem) => void;
14
15
  allItemsSelectedState: {
15
16
  allItemsSelected: boolean;
16
17
  isIndeterminate: boolean;
@@ -45,6 +45,7 @@ export type BentoDatagridDataItemId = string | number;
45
45
  export type BentoDatagridSelection = BentoDatagridDataItemId[];
46
46
  export interface BentoDatagridDataItem {
47
47
  id?: BentoDatagridDataItemId;
48
+ children?: BentoDatagridDataItem[];
48
49
  [fieldName: string]: unknown;
49
50
  }
50
51
  export type BentoDatagridData = BentoDatagridDataItem[];
@@ -65,6 +66,7 @@ export declare enum BentoDatagridEvent {
65
66
  COLUMN_RESIZE = "column-resize",
66
67
  ITEMS_PAGE = "items-page",
67
68
  NAVIGATE = "navigate",
69
+ NESTED_CONTENT_TOGGLED = "nested-content-toggled",
68
70
  FILTER_SEARCH_INPUT = "filter-search-input",
69
71
  FILTER_SEARCH_CLEAR = "filter-search-clear",
70
72
  UPDATE_COLUMNS = "update:columns",
@@ -88,3 +90,4 @@ export declare enum BentoDatagridAriaSortValue {
88
90
  }
89
91
  export type BentoDatagridEmptyStateProps = InstanceType<typeof BentoEmptyState>['$props'];
90
92
  export type BentoDatagridShouldShowNestedContentFn = (item: BentoDatagridDataItem) => boolean;
93
+ export type BentoDatagridShouldShowNestedRowsFn = (item: BentoDatagridDataItem) => boolean;
@@ -1,5 +1,5 @@
1
1
  import { PropType } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
2
- import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEmptyStateProps, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridPaginationProps, BentoDatagridShouldShowNestedContentFn, BentoDatagridSortByColumn } from './data-grid.types';
2
+ import { BentoColumn, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEmptyStateProps, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridPaginationProps, BentoDatagridShouldShowNestedContentFn, BentoDatagridShouldShowNestedRowsFn, BentoDatagridSortByColumn } from './data-grid.types';
3
3
  import type { BentoLazyLoadType } from "../../types";
4
4
  import type { BentoButtonActionsList } from "../button";
5
5
  /**
@@ -141,6 +141,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
141
141
  type: BooleanConstructor;
142
142
  default: boolean;
143
143
  };
144
+ /**
145
+ * Enables the nested content slot functionality.
146
+ */
147
+ hasNestedRows: {
148
+ type: BooleanConstructor;
149
+ default: boolean;
150
+ };
144
151
  /**
145
152
  * Highlighted items
146
153
  */
@@ -246,6 +253,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
246
253
  type: PropType<BentoDatagridShouldShowNestedContentFn>;
247
254
  default: (_item: BentoDatagridDataItem) => true;
248
255
  };
256
+ /**
257
+ * Returns the nested rows for a given BentoDatagridDataItem.
258
+ */
259
+ shouldShowNestedRows: {
260
+ type: PropType<BentoDatagridShouldShowNestedRowsFn>;
261
+ default: (_item: BentoDatagridDataItem) => true;
262
+ };
249
263
  /**
250
264
  * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
251
265
  * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -386,6 +400,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
386
400
  type: BooleanConstructor;
387
401
  default: boolean;
388
402
  };
403
+ /**
404
+ * Enables the nested content slot functionality.
405
+ */
406
+ hasNestedRows: {
407
+ type: BooleanConstructor;
408
+ default: boolean;
409
+ };
389
410
  /**
390
411
  * Highlighted items
391
412
  */
@@ -491,6 +512,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
491
512
  type: PropType<BentoDatagridShouldShowNestedContentFn>;
492
513
  default: (_item: BentoDatagridDataItem) => true;
493
514
  };
515
+ /**
516
+ * Returns the nested rows for a given BentoDatagridDataItem.
517
+ */
518
+ shouldShowNestedRows: {
519
+ type: PropType<BentoDatagridShouldShowNestedRowsFn>;
520
+ default: (_item: BentoDatagridDataItem) => true;
521
+ };
494
522
  /**
495
523
  * Sortby handles proper rendering of sort icon in header. Sorting currently is only supported server side.
496
524
  * It does make sure the currently sorted column has a more visible sort icon, and the sort icon points in the right direction.
@@ -521,6 +549,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
521
549
  "onColumn-resize"?: (...args: any[]) => any;
522
550
  "onSelect-all-across-pages"?: (...args: any[]) => any;
523
551
  "onUpdate:columns"?: (...args: any[]) => any;
552
+ "onNested-content-toggled"?: (...args: any[]) => any;
524
553
  "onRow-click"?: (...args: any[]) => any;
525
554
  "onUpdate:filter-values"?: (...args: any[]) => any;
526
555
  onColumns?: (...args: any[]) => any;
@@ -585,8 +614,10 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
585
614
  isDataItemDisabled: BentoDatagridIsDataItemDisabledFn;
586
615
  allowRowClicks: boolean;
587
616
  hasNestedContent: boolean;
617
+ hasNestedRows: boolean;
588
618
  highlightedRows: BentoDatagridDataItemId[];
589
619
  shouldShowNestedContent: BentoDatagridShouldShowNestedContentFn;
620
+ shouldShowNestedRows: BentoDatagridShouldShowNestedRowsFn;
590
621
  filterValues: any;
591
622
  allowColumnDragAndDrop: boolean;
592
623
  bulkActions: BentoButtonActionsList;
@@ -600,6 +631,7 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../node_modu
600
631
  tabTitle: string;
601
632
  }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any> & {
602
633
  header: (_: {}) => any;
634
+ 'pagination-slot': (_: {}) => any;
603
635
  footer: (_: {}) => any;
604
636
  }>;
605
637
  export default _default;
@@ -1,4 +1,4 @@
1
- import { B as t } from "./chunks/action-bar.C1Vu3qJu.js";
1
+ import { B as t } from "./chunks/action-bar.COQrEUYU.js";
2
2
  export {
3
3
  t as BentoActionBar
4
4
  };
@@ -1 +1 @@
1
- .b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-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-accordion-item[data-v-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-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-accordion-item button[data-v-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-242828d5{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-ud963ew-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-ud963ew-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-ud963ew-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-ud963ew-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud963ew-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-ud963ew-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-ud963fa-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-ud963fa-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-ud963fa-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-ud963fa-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud963fa-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-ud963fa-242828d5{0%{translate:0 0}to{translate:0 -8px}}
1
+ .b-accordion[data-v-9fccc066]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-9fccc066],.b-accordion[data-v-9fccc066]:before,.b-accordion[data-v-9fccc066]:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] *,.b-accordion[data-v-9fccc066] *:before,.b-accordion[data-v-9fccc066] *:after{box-sizing:border-box}.b-accordion[data-v-9fccc066] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-9fccc066] ::-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-accordion-item[data-v-242828d5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-accordion-item-background-color);border-bottom:var(--b-accordion-item-border)}.b-accordion-item[data-v-242828d5],.b-accordion-item[data-v-242828d5]:before,.b-accordion-item[data-v-242828d5]:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] *,.b-accordion-item[data-v-242828d5] *:before,.b-accordion-item[data-v-242828d5] *:after{box-sizing:border-box}.b-accordion-item[data-v-242828d5] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-242828d5] ::-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-accordion-item button[data-v-242828d5]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-242828d5]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-242828d5]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-242828d5]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-242828d5]{align-items:center;color:var(--b-accordion-item-button-color);cursor:pointer;display:flex;gap:var(--b-accordion-item-button-gap);padding:var(--b-accordion-item-button-padding);position:relative;width:100%;z-index:0}.b-accordion-item__button[data-v-242828d5]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-242828d5]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-242828d5]:focus-visible{animation:outer-ring-default-242828d5 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-242828d5{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-accordion-item__content[data-v-242828d5]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-242828d5]{animation:fade-in-uodz2e7-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uodz2e7-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uodz2e7-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-in-uodz2e7-242828d5{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uodz2e7-242828d5{0%{scale:1}to{scale:1}}@keyframes enter-uodz2e7-242828d5{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-242828d5]{animation:fade-out-uodz2er-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uodz2er-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uodz2er-242828d5 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-accordion-item-animation-duration) var(--b-accordion-item-animation-easing)}@keyframes fade-out-uodz2er-242828d5{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uodz2er-242828d5{0%{scale:1}to{scale:1}}@keyframes exit-uodz2er-242828d5{0%{translate:0 0}to{translate:0 -8px}}
@@ -1 +1 @@
1
- .b-action-bar[data-v-191a2ab0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-191a2ab0],.b-action-bar[data-v-191a2ab0]:before,.b-action-bar[data-v-191a2ab0]:after{box-sizing:border-box}.b-action-bar[data-v-191a2ab0] *,.b-action-bar[data-v-191a2ab0] *:before,.b-action-bar[data-v-191a2ab0] *:after{box-sizing:border-box}.b-action-bar[data-v-191a2ab0] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-191a2ab0] ::-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-action-bar__container[data-v-191a2ab0]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-191a2ab0]{width:auto}}.b-action-bar__close-button[data-v-191a2ab0]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-191a2ab0]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-191a2ab0]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-191a2ab0]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-191a2ab0]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-191a2ab0]{width:160px}}.b-action-bar__actions[data-v-191a2ab0]{container-type:normal}.b-action-bar__actions[data-v-191a2ab0] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-191a2ab0]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-191a2ab0]{animation:fade-in-ud9637j-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-ud9637j-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-ud9637j-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-ud9637j-191a2ab0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud9637j-191a2ab0{0%{scale:.9}to{scale:1}}@keyframes enter-ud9637j-191a2ab0{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-191a2ab0]{animation:fade-out-ud963bb-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-ud963bb-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-ud963bb-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-ud963bb-191a2ab0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud963bb-191a2ab0{0%{scale:1}to{scale:.9}}@keyframes exit-ud963bb-191a2ab0{0%{translate:0 0}to{translate:0 8px}}
1
+ .b-action-bar[data-v-191a2ab0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;bottom:var(--b-action-bar-bottom);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;width:100%;z-index:var(--b-action-bar-z-index)}.b-action-bar[data-v-191a2ab0],.b-action-bar[data-v-191a2ab0]:before,.b-action-bar[data-v-191a2ab0]:after{box-sizing:border-box}.b-action-bar[data-v-191a2ab0] *,.b-action-bar[data-v-191a2ab0] *:before,.b-action-bar[data-v-191a2ab0] *:after{box-sizing:border-box}.b-action-bar[data-v-191a2ab0] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-191a2ab0] ::-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-action-bar__container[data-v-191a2ab0]{align-items:center;background-color:var(--b-action-bar-container-background-color);border-radius:var(--b-action-bar-container-border-radius);color:var(--b-action-bar-container-color);display:flex;padding:var(--b-action-bar-container-padding);pointer-events:all;width:var(--b-action-bar-container-width)}@media (min-width: 500px){.b-action-bar__container[data-v-191a2ab0]{width:auto}}.b-action-bar__close-button[data-v-191a2ab0]{align-items:center;display:flex;margin-right:var(--b-action-bar-close-button-margin-right-mobile)}@media (min-width: 500px){.b-action-bar__close-button[data-v-191a2ab0]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-191a2ab0]{margin-right:var(--b-action-bar-selection-margin-right-mobile);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-legacy-theme .b-action-bar__selection[data-v-191a2ab0]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-191a2ab0]{margin-right:var(--b-action-bar-selection-margin-right);width:120px}}@media (min-width: 500px){.b-action-bar--confirmation .b-action-bar__selection[data-v-191a2ab0]{width:160px}}.b-action-bar__actions[data-v-191a2ab0]{container-type:normal}.b-action-bar__actions[data-v-191a2ab0] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-191a2ab0]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-191a2ab0]{animation:fade-in-uodz25p-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-uodz25p-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-uodz25p-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uodz25p-191a2ab0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uodz25p-191a2ab0{0%{scale:.9}to{scale:1}}@keyframes enter-uodz25p-191a2ab0{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-191a2ab0]{animation:fade-out-uodz293-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-uodz293-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-uodz293-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uodz293-191a2ab0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uodz293-191a2ab0{0%{scale:1}to{scale:.9}}@keyframes exit-uodz293-191a2ab0{0%{translate:0 0}to{translate:0 8px}}
@@ -1 +1 @@
1
- .b-modal-page[data-v-914a0ef3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-914a0ef3],.b-modal-page[data-v-914a0ef3]:before,.b-modal-page[data-v-914a0ef3]:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] *,.b-modal-page[data-v-914a0ef3] *:before,.b-modal-page[data-v-914a0ef3] *:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-914a0ef3] ::-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-modal-page--custom-padding[data-v-914a0ef3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-914a0ef3],.b-modal-page__actions-container[data-v-914a0ef3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-914a0ef3]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-914a0ef3]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-914a0ef3]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-914a0ef3] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-914a0ef3]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-914a0ef3]{padding-top:0}.b-modal-page__content--with-actions[data-v-914a0ef3]{padding-bottom:0}.b-modal-page__grid[data-v-914a0ef3]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-914a0ef3]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-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-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-ud963ix-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-ud963ix-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-ud963ix-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ud963ix-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud963ix-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-ud963ix-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-ud963jg-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-ud963jg-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-ud963k6-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-ud963k6-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-ud963k6-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ud963k6-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud963k6-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-ud963k6-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-ud963kg-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-ud963kg-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}
1
+ .b-modal-page[data-v-914a0ef3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-modal-container-background-color);border-radius:var(--b-modal-border-radius);display:flex;flex-direction:column;max-height:calc(100vh - 2em - 6px);position:absolute;width:100%}.b-modal-page[data-v-914a0ef3],.b-modal-page[data-v-914a0ef3]:before,.b-modal-page[data-v-914a0ef3]:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] *,.b-modal-page[data-v-914a0ef3] *:before,.b-modal-page[data-v-914a0ef3] *:after{box-sizing:border-box}.b-modal-page[data-v-914a0ef3] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-914a0ef3] ::-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-modal-page--custom-padding[data-v-914a0ef3] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-914a0ef3],.b-modal-page__actions-container[data-v-914a0ef3]{position:sticky;width:100%}.b-modal-page__header-container[data-v-914a0ef3]{display:flex;padding-block:var(--b-modal-header-container-padding-block);padding-inline:var(--b-modal-header-container-padding-inline)}.b-modal-page__actions-container[data-v-914a0ef3]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-914a0ef3]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-914a0ef3] .b-dialog-page__back-button{align-self:flex-start;height:var(--b-modal-header-min-height);position:relative;top:var(--b-modal-header-container-padding-block)}.b-modal-page__content[data-v-914a0ef3]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-914a0ef3]{padding-top:0}.b-modal-page__content--with-actions[data-v-914a0ef3]{padding-bottom:0}.b-modal-page__grid[data-v-914a0ef3]>:nth-child(1){border-right:var(--b-modal-container-column-layout-border);padding:var(--b-modal-container-column-layout-padding);padding-left:0}.b-modal-page__grid[data-v-914a0ef3]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-55c8c255]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-55c8c255],.b-modal-base[data-v-55c8c255]:before,.b-modal-base[data-v-55c8c255]:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] *,.b-modal-base[data-v-55c8c255] *:before,.b-modal-base[data-v-55c8c255] *:after{box-sizing:border-box}.b-modal-base[data-v-55c8c255] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-55c8c255] ::-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-legacy-theme .b-modal-base__container[data-v-55c8c255]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-55c8c255]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);color:var(--b-modal-container-color);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-55c8c255]{animation:fade-in-uodz2i8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uodz2i8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uodz2i8-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uodz2i8-55c8c255{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uodz2i8-55c8c255{0%{scale:1}to{scale:1}}@keyframes enter-uodz2i8-55c8c255{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-55c8c255]::backdrop{animation:fade-in-uodz2i9-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uodz2i9-55c8c255{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-55c8c255]{animation:fade-out-uodz2iw-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uodz2iw-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uodz2iw-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uodz2iw-55c8c255{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uodz2iw-55c8c255{0%{scale:1}to{scale:1}}@keyframes exit-uodz2iw-55c8c255{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-55c8c255]::backdrop{animation:fade-out-uodz2ja-55c8c255 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uodz2ja-55c8c255{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-55c8c255]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-55c8c255]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-55c8c255]{width:480px}.b-modal-base__container--medium[data-v-55c8c255]{width:600px}.b-modal-base__container--large[data-v-55c8c255]{width:800px}.b-modal-base__close-button[data-v-55c8c255]{display:flex;height:var(--b-modal-close-button-height);position:absolute;right:var(--b-modal-close-button-right);top:var(--b-modal-header-container-padding-block);z-index:var(--b-modal-close-button-z-index)}
@@ -1 +1 @@
1
- .b-card[data-v-518b98d9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius);display:flex;flex-direction:column}.b-card[data-v-518b98d9],.b-card[data-v-518b98d9]:before,.b-card[data-v-518b98d9]:after{box-sizing:border-box}.b-card[data-v-518b98d9] *,.b-card[data-v-518b98d9] *:before,.b-card[data-v-518b98d9] *:after{box-sizing:border-box}.b-card[data-v-518b98d9] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-518b98d9] ::-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-card--secondary[data-v-518b98d9]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-518b98d9]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:focus-visible{animation:outer-ring-default-518b98d9 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-518b98d9{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-518b98d9]{cursor:pointer}.b-card--expandable .b-card__header[data-v-518b98d9]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-518b98d9]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-518b98d9]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-518b98d9]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__wrapper[data-v-518b98d9]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-518b98d9]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-518b98d9] img{width:100%}.b-card__image[data-v-518b98d9] ::slotted(img){width:100%}.b-card__header[data-v-518b98d9]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-518b98d9]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-518b98d9]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-518b98d9]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-518b98d9]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-518b98d9]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-518b98d9]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-518b98d9]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-518b98d9]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-518b98d9]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-518b98d9]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-518b98d9]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-518b98d9]{padding-top:0}.b-card__content[data-v-518b98d9] *{word-break:normal}.b-card__description[data-v-518b98d9]{color:var(--b-card-description-color)}.b-card__body[data-v-518b98d9]{color:var(--b-card-body-color);display:flex;flex:1;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-518b98d9]{margin-top:0}.b-card__body--expandable[data-v-518b98d9]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-518b98d9]{margin-top:auto}.b-card__actions--without-content[data-v-518b98d9]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-518b98d9]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-518b98d9]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-518b98d9]{animation:fade-in-ud963cr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-ud963cr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-ud963cr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-ud963cr-518b98d9{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ud963cr-518b98d9{0%{scale:1}to{scale:1}}@keyframes enter-ud963cr-518b98d9{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-518b98d9]{animation:fade-out-ud963dr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-ud963dr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-ud963dr-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-ud963dr-518b98d9{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ud963dr-518b98d9{0%{scale:1}to{scale:1}}@keyframes exit-ud963dr-518b98d9{0%{translate:0 0}to{translate:0 -8px}}
1
+ .b-card[data-v-518b98d9]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-card-background-color);border:var(--b-card-border-width) solid var(--b-card-border-color);border-radius:var(--b-card-border-radius);display:flex;flex-direction:column}.b-card[data-v-518b98d9],.b-card[data-v-518b98d9]:before,.b-card[data-v-518b98d9]:after{box-sizing:border-box}.b-card[data-v-518b98d9] *,.b-card[data-v-518b98d9] *:before,.b-card[data-v-518b98d9] *:after{box-sizing:border-box}.b-card[data-v-518b98d9] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-518b98d9] ::-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-card--secondary[data-v-518b98d9]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-518b98d9]{border-color:var(--b-card-secondary-border-color)}@media (hover: hover){.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:hover{background-color:var(--b-card-secondary-header-hover-background-color)}}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:focus-visible{background-color:var(--b-card-secondary-header-focus-background-color)}.b-card--secondary.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:active{background-color:var(--b-card-secondary-header-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:focus-visible{animation:outer-ring-default-518b98d9 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);background-color:var(--b-card-header-focus-background-color);outline:none}@keyframes outer-ring-default-518b98d9{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-518b98d9]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-518b98d9]{cursor:pointer}.b-card--expandable .b-card__header[data-v-518b98d9]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-518b98d9]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-518b98d9]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-518b98d9]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__wrapper[data-v-518b98d9]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-518b98d9]{border-top-left-radius:var(--b-card-border-radius);border-top-right-radius:var(--b-card-border-radius);overflow:hidden}.b-card__image[data-v-518b98d9] img{width:100%}.b-card__image[data-v-518b98d9] ::slotted(img){width:100%}.b-card__header[data-v-518b98d9]{border-radius:var(--b-card-header-border-radius);color:var(--b-card-header-color);display:flex;gap:18px;padding:var(--b-card-header-padding)}.b-card__header--expandable[data-v-518b98d9]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-518b98d9]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-518b98d9]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-518b98d9]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-518b98d9]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-518b98d9]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-518b98d9]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-518b98d9]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-518b98d9]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-518b98d9]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-518b98d9]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-518b98d9]{padding-top:0}.b-card__content[data-v-518b98d9] *{word-break:normal}.b-card__description[data-v-518b98d9]{color:var(--b-card-description-color)}.b-card__body[data-v-518b98d9]{color:var(--b-card-body-color);display:flex;flex:1;flex-direction:column;gap:16px;margin-top:-4px;padding:var(--b-card-body-padding)}.b-card__body--without-header[data-v-518b98d9]{margin-top:0}.b-card__body--expandable[data-v-518b98d9]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-518b98d9]{margin-top:auto}.b-card__actions--without-content[data-v-518b98d9]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-518b98d9]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-518b98d9]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-518b98d9]{animation:fade-in-uodz2b5-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-uodz2b5-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-uodz2b5-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-in-uodz2b5-518b98d9{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uodz2b5-518b98d9{0%{scale:1}to{scale:1}}@keyframes enter-uodz2b5-518b98d9{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-518b98d9]{animation:fade-out-uodz2bs-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-uodz2bs-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-uodz2bs-518b98d9 var(--b-card-animation-duration) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-card-animation-duration) var(--b-card-animation-easing)}@keyframes fade-out-uodz2bs-518b98d9{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uodz2bs-518b98d9{0%{scale:1}to{scale:1}}@keyframes exit-uodz2bs-518b98d9{0%{translate:0 0}to{translate:0 -8px}}