@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.
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-row/data-grid-row.vue.d.ts +1 -350
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-scroller/use-scroller.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-selector/use-selector.d.ts +3 -2
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +33 -1
- package/dist/action-bar.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.C1Vu3qJu.js → action-bar.COQrEUYU.js} +2 -2
- package/dist/chunks/{action-bar.C1Vu3qJu.js.map → action-bar.COQrEUYU.js.map} +1 -1
- package/dist/chunks/{checkbox-group.C5IweVVx.js → checkbox-group.BUmkYc2R.js} +2 -2
- package/dist/chunks/{checkbox-group.C5IweVVx.js.map → checkbox-group.BUmkYc2R.js.map} +1 -1
- package/dist/chunks/{checkbox.B72ok3Yu.js → checkbox.L94hTcPY.js} +15 -15
- package/dist/chunks/{checkbox.B72ok3Yu.js.map → checkbox.L94hTcPY.js.map} +1 -1
- package/dist/chunks/{code-snippet.CiOcZKKH.js → code-snippet.DbUGxmYi.js} +2 -2
- package/dist/chunks/{code-snippet.CiOcZKKH.js.map → code-snippet.DbUGxmYi.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BCc8HoQG.js → dashboard-section.YU5gKDEJ.js} +2 -2
- package/dist/chunks/{dashboard-section.BCc8HoQG.js.map → dashboard-section.YU5gKDEJ.js.map} +1 -1
- package/dist/chunks/data-grid.DgPWs1hH.js +3374 -0
- package/dist/chunks/data-grid.DgPWs1hH.js.map +1 -0
- package/dist/chunks/{date-range-picker.C9Ht_Egi.js → date-range-picker.DjPmRy0E.js} +201 -198
- package/dist/chunks/date-range-picker.DjPmRy0E.js.map +1 -0
- package/dist/chunks/{dropdown-tag.Bc4qxPRN.js → dropdown-tag.BKDmDRSv.js} +2 -2
- package/dist/chunks/{dropdown-tag.Bc4qxPRN.js.map → dropdown-tag.BKDmDRSv.js.map} +1 -1
- package/dist/chunks/{dropdown.BqkUB1So.js → dropdown.DpjMobyf.js} +2 -2
- package/dist/chunks/{dropdown.BqkUB1So.js.map → dropdown.DpjMobyf.js.map} +1 -1
- package/dist/chunks/es6.b4enG1py.js.map +1 -1
- package/dist/chunks/{filter-bar.DVLYNNwQ.js → filter-bar.BwJTrH5U.js} +9 -9
- package/dist/chunks/filter-bar.BwJTrH5U.js.map +1 -0
- package/dist/chunks/index.lHdwuJAx.js +366 -0
- package/dist/chunks/index.lHdwuJAx.js.map +1 -0
- package/dist/chunks/{input-field-password.BA0EpVMY.js → input-field-password.DxNS4MmO.js} +3 -3
- package/dist/chunks/{input-field-password.BA0EpVMY.js.map → input-field-password.DxNS4MmO.js.map} +1 -1
- package/dist/chunks/{input-field.CWMgbw48.js → input-field.BQKEQIZd.js} +2 -2
- package/dist/chunks/{input-field.CWMgbw48.js.map → input-field.BQKEQIZd.js.map} +1 -1
- package/dist/chunks/{layout-row.iTtAEvD2.js → layout-row.DcyZ3DP3.js} +2 -2
- package/dist/chunks/{layout-row.iTtAEvD2.js.map → layout-row.DcyZ3DP3.js.map} +1 -1
- package/dist/chunks/{pagination.DrWx8K01.js → pagination.C34l_EYf.js} +2 -2
- package/dist/chunks/{pagination.DrWx8K01.js.map → pagination.C34l_EYf.js.map} +1 -1
- package/dist/chunks/{promo-banner.oUapgyV-.js → promo-banner.CzR9ri5v.js} +2 -2
- package/dist/chunks/{promo-banner.oUapgyV-.js.map → promo-banner.CzR9ri5v.js.map} +1 -1
- package/dist/chunks/{search-bar.DDePObYJ.js → search-bar.Dy0dBek2.js} +3 -3
- package/dist/chunks/{search-bar.DDePObYJ.js.map → search-bar.Dy0dBek2.js.map} +1 -1
- package/dist/chunks/{secondary-nav.ysDOs9J9.js → secondary-nav.DYFnrUIK.js} +3 -3
- package/dist/chunks/{secondary-nav.ysDOs9J9.js.map → secondary-nav.DYFnrUIK.js.map} +1 -1
- package/dist/chunks/{selection-card-group.pUl1EuFV.js → selection-card-group.BY8o4PYF.js} +10 -10
- package/dist/chunks/{selection-card-group.pUl1EuFV.js.map → selection-card-group.BY8o4PYF.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.DWVHnlNN.js → use-cached-selected-values.BOZK76mN.js} +7 -4
- package/dist/chunks/{use-cached-selected-values.DWVHnlNN.js.map → use-cached-selected-values.BOZK76mN.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/filter-bar.js +1 -1
- package/dist/index.js +19 -19
- package/dist/input-field-password.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/internal.js +1 -1
- package/dist/layout.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/styles/bento-dark.css +3 -0
- package/dist/styles/bento-light.css +3 -0
- package/dist/styles/bento.css +3 -0
- package/dist/styles/legacy.css +3 -0
- package/dist/styles/styleguide.css +3 -0
- package/dist/web-types.json +1 -1
- package/package.json +5 -3
- package/dist/chunks/data-grid.eX0SZIFQ.js +0 -3174
- package/dist/chunks/data-grid.eX0SZIFQ.js.map +0 -1
- package/dist/chunks/date-range-picker.C9Ht_Egi.js.map +0 -1
- package/dist/chunks/filter-bar.DVLYNNwQ.js.map +0 -1
- package/dist/chunks/index.Cwtxz7pr.js +0 -344
- 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:
|
|
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;
|
package/dist/action-bar.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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)}
|
package/dist/assets/card.css
CHANGED
|
@@ -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-
|
|
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}}
|