@adyen/bento-vue3 1.33.1 → 1.34.0-rc.2
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/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +16 -13
- package/dist/@types/packages/vue2/src/components/filter-bar/components/index.d.ts +2 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.keys.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +2 -7
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/input-with-dropdown-filter.keys.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/input-with-dropdown-filter.vue.d.ts +100 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +15 -7
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +69 -7
- 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/dialog-page.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/chunks/{action-bar.BsULBDh4.js → action-bar.DGQYYi8b.js} +3 -3
- package/dist/chunks/{action-bar.BsULBDh4.js.map → action-bar.DGQYYi8b.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.Cv1s9I3x.js → button-actions-with-menu.BLmcwr2f.js} +3 -3
- package/dist/chunks/{button-actions-with-menu.Cv1s9I3x.js.map → button-actions-with-menu.BLmcwr2f.js.map} +1 -1
- package/dist/chunks/code-snippet.D2jSz7iM.js +382 -0
- package/dist/chunks/code-snippet.D2jSz7iM.js.map +1 -0
- package/dist/chunks/codemirror.BlV6WO5w.js +14326 -0
- package/dist/chunks/codemirror.BlV6WO5w.js.map +1 -0
- package/dist/chunks/{dashboard-section.DcvZOi79.js → dashboard-section.BIH2wzgk.js} +2 -2
- package/dist/chunks/{dashboard-section.DcvZOi79.js.map → dashboard-section.BIH2wzgk.js.map} +1 -1
- package/dist/chunks/{dashed-underline.C7eCX1CM.js → dashed-underline.CFJdLuJp.js} +2 -2
- package/dist/chunks/{dashed-underline.C7eCX1CM.js.map → dashed-underline.CFJdLuJp.js.map} +1 -1
- package/dist/chunks/{data-grid-template.C_8bGAC6.js → data-grid-template.21gqdYrs.js} +2 -2
- package/dist/chunks/{data-grid-template.C_8bGAC6.js.map → data-grid-template.21gqdYrs.js.map} +1 -1
- package/dist/chunks/{data-grid.CawHo3yk.js → data-grid.LdeQkj5p.js} +8 -8
- package/dist/chunks/{data-grid.CawHo3yk.js.map → data-grid.LdeQkj5p.js.map} +1 -1
- package/dist/chunks/{date-picker.BX3minCC.js → date-picker.DKE92Qo5.js} +2 -2
- package/dist/chunks/{date-picker.BX3minCC.js.map → date-picker.DKE92Qo5.js.map} +1 -1
- package/dist/chunks/{date-range-picker.BEEvZ9EL.js → date-range-picker.B5f8xS1e.js} +4 -4
- package/dist/chunks/{date-range-picker.BEEvZ9EL.js.map → date-range-picker.B5f8xS1e.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.yGGVHJYy.js → dropdown-tag.B25zm2EM.js} +2 -2
- package/dist/chunks/{dropdown-tag.yGGVHJYy.js.map → dropdown-tag.B25zm2EM.js.map} +1 -1
- package/dist/chunks/{dropdown.Cyv7H4Tu.js → dropdown.BrNiw0TR.js} +2 -2
- package/dist/chunks/{dropdown.Cyv7H4Tu.js.map → dropdown.BrNiw0TR.js.map} +1 -1
- package/dist/chunks/es6.BvpG4Oi6.js.map +1 -1
- package/dist/chunks/filter-bar.C5SStyYY.js +2883 -0
- package/dist/chunks/filter-bar.C5SStyYY.js.map +1 -0
- package/dist/chunks/{header.BLKs2Erq.js → header.BMYhkrGT.js} +3 -3
- package/dist/chunks/{header.BLKs2Erq.js.map → header.BMYhkrGT.js.map} +1 -1
- package/dist/chunks/{input-field.qTOaD6h_.js → input-field.DUNfU7ok.js} +2 -2
- package/dist/chunks/{input-field.qTOaD6h_.js.map → input-field.DUNfU7ok.js.map} +1 -1
- package/dist/chunks/{menu.DFMKn3Zr.js → menu.CLicp_2I.js} +2 -2
- package/dist/chunks/{menu.DFMKn3Zr.js.map → menu.CLicp_2I.js.map} +1 -1
- package/dist/chunks/{pagination.q9Nc5aHb.js → pagination.COma9z7v.js} +2 -2
- package/dist/chunks/{pagination.q9Nc5aHb.js.map → pagination.COma9z7v.js.map} +1 -1
- package/dist/chunks/{popover.CczC6Fhk.js → popover.DQP3ce2x.js} +53 -52
- package/dist/chunks/popover.DQP3ce2x.js.map +1 -0
- package/dist/chunks/{search-bar.B6R4jzWK.js → search-bar.DmyhxTqn.js} +2 -2
- package/dist/chunks/{search-bar.B6R4jzWK.js.map → search-bar.DmyhxTqn.js.map} +1 -1
- package/dist/chunks/{secondary-nav.C7DF_0iU.js → secondary-nav.CAz2C8ap.js} +2 -2
- package/dist/chunks/{secondary-nav.C7DF_0iU.js.map → secondary-nav.CAz2C8ap.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DgbanhBM.js → tutorial.vue_vue_type_script_setup_true_lang.D-ZFDn95.js} +3 -3
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.DgbanhBM.js.map → tutorial.vue_vue_type_script_setup_true_lang.D-ZFDn95.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +2 -2
- package/dist/filter-bar.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +19 -19
- package/dist/input-field.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/styles/bento.css +1738 -2
- package/dist/styles/legacy.css +1891 -2
- package/dist/styles/styleguide.css +1793 -2
- package/dist/styles/utility.css +972 -2
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +13 -12
- package/dist/chunks/code-snippet.CZMk4BGE.js +0 -1032
- package/dist/chunks/code-snippet.CZMk4BGE.js.map +0 -1
- package/dist/chunks/filter-bar.K4xXQm6r.js +0 -2767
- package/dist/chunks/filter-bar.K4xXQm6r.js.map +0 -1
- package/dist/chunks/popover.CczC6Fhk.js.map +0 -1
|
@@ -506,12 +506,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
506
506
|
items?: any[];
|
|
507
507
|
label: string;
|
|
508
508
|
}[];
|
|
509
|
-
value: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
510
|
-
dynamicFiltering?: boolean;
|
|
511
509
|
'aria-label'?: string;
|
|
510
|
+
dynamicFiltering?: boolean;
|
|
512
511
|
};
|
|
513
512
|
dropdownPosition?: import("../../../input-field").BentoInputFieldElementPosition | `${import("../../../input-field").BentoInputFieldElementPosition}`;
|
|
514
|
-
variant: import("../../../input-field").BentoInputFieldVariant | `${import("../../../input-field").BentoInputFieldVariant}`;
|
|
515
513
|
} | {
|
|
516
514
|
firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
|
|
517
515
|
isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
|
|
@@ -545,6 +543,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
545
543
|
endDate: Date;
|
|
546
544
|
granularity?: import("../../../internal").CalendarGranularityType;
|
|
547
545
|
range?: string;
|
|
546
|
+
} | {
|
|
547
|
+
inputValue: import("../../../input-field").BentoInputFieldValue;
|
|
548
|
+
dropdownValue: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
548
549
|
} | {
|
|
549
550
|
inputValue: string | null;
|
|
550
551
|
dropdownValue?: string;
|
|
@@ -555,6 +556,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
555
556
|
endDate: Date;
|
|
556
557
|
granularity?: import("../../../internal").CalendarGranularityType;
|
|
557
558
|
range?: string;
|
|
559
|
+
} | {
|
|
560
|
+
inputValue: import("../../../input-field").BentoInputFieldValue;
|
|
561
|
+
dropdownValue: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
558
562
|
} | {
|
|
559
563
|
inputValue: string | null;
|
|
560
564
|
dropdownValue?: string;
|
|
@@ -1006,12 +1010,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
1006
1010
|
items?: any[];
|
|
1007
1011
|
label: string;
|
|
1008
1012
|
}[];
|
|
1009
|
-
value: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
1010
|
-
dynamicFiltering?: boolean;
|
|
1011
1013
|
'aria-label'?: string;
|
|
1014
|
+
dynamicFiltering?: boolean;
|
|
1012
1015
|
};
|
|
1013
1016
|
dropdownPosition?: import("../../../input-field").BentoInputFieldElementPosition | `${import("../../../input-field").BentoInputFieldElementPosition}`;
|
|
1014
|
-
variant: import("../../../input-field").BentoInputFieldVariant | `${import("../../../input-field").BentoInputFieldVariant}`;
|
|
1015
1017
|
} | {
|
|
1016
1018
|
firstDayOfWeek?: import("../../../date-range-picker").BentoDateRangePickerFirstDayOfWeek;
|
|
1017
1019
|
isDateDisabled?: import("../../../date-range-picker").BentoDateRangePickerIsDateDisabled;
|
|
@@ -1046,6 +1048,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
1046
1048
|
granularity?: import("../../../internal").CalendarGranularityType;
|
|
1047
1049
|
range?: string;
|
|
1048
1050
|
} | import("../../../..").BentoListboxValue[] | {
|
|
1051
|
+
inputValue: import("../../../input-field").BentoInputFieldValue;
|
|
1052
|
+
dropdownValue: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
1053
|
+
} | {
|
|
1049
1054
|
inputValue: string | null;
|
|
1050
1055
|
dropdownValue?: string;
|
|
1051
1056
|
};
|
|
@@ -1056,6 +1061,9 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
1056
1061
|
granularity?: import("../../../internal").CalendarGranularityType;
|
|
1057
1062
|
range?: string;
|
|
1058
1063
|
} | import("../../../..").BentoListboxValue[] | {
|
|
1064
|
+
inputValue: import("../../../input-field").BentoInputFieldValue;
|
|
1065
|
+
dropdownValue: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
1066
|
+
} | {
|
|
1059
1067
|
inputValue: string | null;
|
|
1060
1068
|
dropdownValue?: string;
|
|
1061
1069
|
};
|
|
@@ -13768,12 +13776,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
13768
13776
|
conditionalClasses: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
|
|
13769
13777
|
"b-input-filter--only-slot": boolean;
|
|
13770
13778
|
}>;
|
|
13771
|
-
dropdownProp: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<
|
|
13772
|
-
value: import("../../../..").BentoListboxValue | import("../../../..").BentoListboxValue[];
|
|
13773
|
-
items: import("../../../..").BentoListboxOptions;
|
|
13774
|
-
dynamicFiltering?: boolean;
|
|
13775
|
-
'aria-label'?: string;
|
|
13776
|
-
}>;
|
|
13779
|
+
dropdownProp: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<any>;
|
|
13777
13780
|
inputVariant: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<"default" | "dropdown">;
|
|
13778
13781
|
internalFilterValue: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<string, string>;
|
|
13779
13782
|
isApplyButtonDisabled: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
|
|
@@ -13817,7 +13820,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
13817
13820
|
onUpdate?: (...args: any[]) => any;
|
|
13818
13821
|
}>, {
|
|
13819
13822
|
value: import("../../filter-bar.types").BentoInputFilterValue;
|
|
13820
|
-
options:
|
|
13823
|
+
options: any;
|
|
13821
13824
|
defaultValue: string;
|
|
13822
13825
|
onlySlot: boolean;
|
|
13823
13826
|
}, {}, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { BentoInputFilter } from './input-filter';
|
|
2
|
+
import { BentoInputWithDropdownFilter } from './input-with-dropdown-filter';
|
|
2
3
|
import { BentoDateFilter } from './date-filter';
|
|
3
4
|
import { BentoDateRangeFilter } from './date-range-filter';
|
|
4
5
|
import { BentoSelectAvatarFilter } from './select-filter/variants/select-avatar-filter';
|
|
@@ -9,4 +10,4 @@ import { BentoSelectPaymentMethodFilter } from './select-filter/variants/select-
|
|
|
9
10
|
import { BentoSelectTagFilter } from './select-filter/variants/select-tag-filter';
|
|
10
11
|
import BentoBooleanFilter from './boolean-filter/boolean-filter.vue';
|
|
11
12
|
import BentoRangeFilter from './range-filter/range-filter.vue';
|
|
12
|
-
export { BentoInputFilter, BentoDateFilter, BentoDateRangeFilter, BentoSelectAvatarFilter, BentoSelectFilter, BentoSelectCurrencyFilter, BentoSelectCountryFilter, BentoSelectPaymentMethodFilter, BentoSelectTagFilter, BentoBooleanFilter, BentoRangeFilter, };
|
|
13
|
+
export { BentoInputFilter, BentoInputWithDropdownFilter, BentoDateFilter, BentoDateRangeFilter, BentoSelectAvatarFilter, BentoSelectFilter, BentoSelectCurrencyFilter, BentoSelectCountryFilter, BentoSelectPaymentMethodFilter, BentoSelectTagFilter, BentoBooleanFilter, BentoRangeFilter, };
|
|
@@ -59,12 +59,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
59
59
|
conditionalClasses: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
|
|
60
60
|
"b-input-filter--only-slot": boolean;
|
|
61
61
|
}>;
|
|
62
|
-
dropdownProp: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<
|
|
63
|
-
value: import("../../../../types").BentoListboxValue | import("../../../../types").BentoListboxValue[];
|
|
64
|
-
items: import("../../../../types").BentoListboxOptions;
|
|
65
|
-
dynamicFiltering?: boolean;
|
|
66
|
-
'aria-label'?: string;
|
|
67
|
-
}>;
|
|
62
|
+
dropdownProp: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<any>;
|
|
68
63
|
inputVariant: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<"default" | "dropdown">;
|
|
69
64
|
internalFilterValue: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<string, string>;
|
|
70
65
|
isApplyButtonDisabled: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
|
|
@@ -132,7 +127,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
|
|
|
132
127
|
onUpdate?: (...args: any[]) => any;
|
|
133
128
|
}>, {
|
|
134
129
|
value: BentoInputFilterValue;
|
|
135
|
-
options:
|
|
130
|
+
options: any;
|
|
136
131
|
defaultValue: string;
|
|
137
132
|
onlySlot: boolean;
|
|
138
133
|
}, {}, {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoInputWithDropdownFilter } from './input-with-dropdown-filter.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const INPUT_FILTER_WITH_DROPDOWN_POPOVER_INJECTION_KEY: unique symbol;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { BentoFilterEvent, BentoInputWithDropdownFilterOptions, BentoInpuWithDropdowntFilterValue } from '../../filter-bar.types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
declare const _default: 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
6
|
+
/**
|
|
7
|
+
* Default value of the filter to reset to.
|
|
8
|
+
*/
|
|
9
|
+
defaultValue?: BentoInpuWithDropdowntFilterValue;
|
|
10
|
+
/**
|
|
11
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
12
|
+
* Should be unique per filter bar.
|
|
13
|
+
*/
|
|
14
|
+
field: string;
|
|
15
|
+
/**
|
|
16
|
+
* Label text to be displayed
|
|
17
|
+
*/
|
|
18
|
+
label: string;
|
|
19
|
+
/**
|
|
20
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
21
|
+
* Used for the allFiltersModal component.
|
|
22
|
+
*/
|
|
23
|
+
onlySlot?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* List of options that are needed to setup the filter
|
|
26
|
+
* Available options:
|
|
27
|
+
* - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
|
|
28
|
+
* - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
|
|
29
|
+
*/
|
|
30
|
+
options?: BentoInputWithDropdownFilterOptions;
|
|
31
|
+
/**
|
|
32
|
+
* Current value of the filter.
|
|
33
|
+
* If the options.variant is equal to 'dropdown', the value should be of type should be `{ inputValue: string | null; dropdownValue?: string }`.
|
|
34
|
+
*/
|
|
35
|
+
value?: BentoInpuWithDropdowntFilterValue;
|
|
36
|
+
}>, {
|
|
37
|
+
defaultValue: any;
|
|
38
|
+
onlySlot: boolean;
|
|
39
|
+
options: any;
|
|
40
|
+
value: any;
|
|
41
|
+
}>>, {}, {}, {}, {}, 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, BentoFilterEvent[], BentoFilterEvent, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
42
|
+
/**
|
|
43
|
+
* Default value of the filter to reset to.
|
|
44
|
+
*/
|
|
45
|
+
defaultValue?: BentoInpuWithDropdowntFilterValue;
|
|
46
|
+
/**
|
|
47
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
48
|
+
* Should be unique per filter bar.
|
|
49
|
+
*/
|
|
50
|
+
field: string;
|
|
51
|
+
/**
|
|
52
|
+
* Label text to be displayed
|
|
53
|
+
*/
|
|
54
|
+
label: string;
|
|
55
|
+
/**
|
|
56
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
57
|
+
* Used for the allFiltersModal component.
|
|
58
|
+
*/
|
|
59
|
+
onlySlot?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* List of options that are needed to setup the filter
|
|
62
|
+
* Available options:
|
|
63
|
+
* - dropdown: all the dropdown properties that can be set in the inner dropdown of the input field. @see BentoDropdown for more info.
|
|
64
|
+
* - dropdownPosition: allow the user to set the dropdown on the left or right side. Accepts the `start` or `end` values.
|
|
65
|
+
*/
|
|
66
|
+
options?: BentoInputWithDropdownFilterOptions;
|
|
67
|
+
/**
|
|
68
|
+
* Current value of the filter.
|
|
69
|
+
* If the options.variant is equal to 'dropdown', the value should be of type should be `{ inputValue: string | null; dropdownValue?: string }`.
|
|
70
|
+
*/
|
|
71
|
+
value?: BentoInpuWithDropdowntFilterValue;
|
|
72
|
+
}>, {
|
|
73
|
+
defaultValue: any;
|
|
74
|
+
onlySlot: boolean;
|
|
75
|
+
options: any;
|
|
76
|
+
value: any;
|
|
77
|
+
}>>> & Readonly<{
|
|
78
|
+
onInput?: (...args: any[]) => any;
|
|
79
|
+
onUpdate?: (...args: any[]) => any;
|
|
80
|
+
}>, {
|
|
81
|
+
value: BentoInpuWithDropdowntFilterValue;
|
|
82
|
+
options: BentoInputWithDropdownFilterOptions;
|
|
83
|
+
defaultValue: BentoInpuWithDropdowntFilterValue;
|
|
84
|
+
onlySlot: boolean;
|
|
85
|
+
}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
86
|
+
export default _default;
|
|
87
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
88
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
89
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
90
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
91
|
+
} : {
|
|
92
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
|
|
93
|
+
required: true;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
type __VLS_WithDefaults<P, D> = {
|
|
97
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
98
|
+
default: D[K];
|
|
99
|
+
} : P[K];
|
|
100
|
+
};
|
|
@@ -5,7 +5,7 @@ import { BentoTagListboxOptions } from "../dropdown/components/variants/dropdown
|
|
|
5
5
|
import { BentoCountryVariant } from "../country";
|
|
6
6
|
import { BentoCurrencyListboxOptions } from "../dropdown/components/variants/dropdown-currency/dropdown-currency.types";
|
|
7
7
|
import { BentoPaymentMethodListboxOptions } from "../dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.types";
|
|
8
|
-
import { BentoInputDropdownProps, BentoInputFieldElementPosition,
|
|
8
|
+
import { BentoInputDropdownProps, BentoInputFieldElementPosition, BentoInputFieldValue } from "../input-field";
|
|
9
9
|
import { BentoDatePickerFirstDayOfWeek, BentoDatePickerIsDateDisabled } from '../date-picker/date-picker.types';
|
|
10
10
|
import { BentoDateRangePickerGranularityConfig, BentoDateRangePickerValue } from "../date-range-picker";
|
|
11
11
|
import { DateRangePickerCalendarRangeSelectorItems } from '../date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types';
|
|
@@ -105,11 +105,11 @@ export type BentoBooleanFilterOptions = {
|
|
|
105
105
|
positiveOption: BentoBooleanFilterOption;
|
|
106
106
|
negativeOption: BentoBooleanFilterOption;
|
|
107
107
|
};
|
|
108
|
-
export type
|
|
109
|
-
dropdown: BentoInputDropdownProps
|
|
108
|
+
export type BentoInputWithDropdownFilterOptions = {
|
|
109
|
+
dropdown: OmitStrict<BentoInputDropdownProps, 'value'>;
|
|
110
110
|
dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;
|
|
111
|
-
variant: BentoInputFieldVariant | `${BentoInputFieldVariant}`;
|
|
112
111
|
};
|
|
112
|
+
export type BentoInputFilterOptions = {};
|
|
113
113
|
export interface BentoDateFilterOptions {
|
|
114
114
|
firstDayOfWeek?: BentoDatePickerFirstDayOfWeek;
|
|
115
115
|
isDateDisabled?: BentoDatePickerIsDateDisabled;
|
|
@@ -126,6 +126,13 @@ export interface BentoDateRangeFilterOptions {
|
|
|
126
126
|
showEndDateOnOpen?: boolean;
|
|
127
127
|
quickSelectRanges?: DateRangePickerCalendarRangeSelectorItems | boolean;
|
|
128
128
|
}
|
|
129
|
+
export type BentoInpuWithDropdowntFilterValue = {
|
|
130
|
+
inputValue: BentoInputFieldValue;
|
|
131
|
+
dropdownValue: BentoInputDropdownProps['value'];
|
|
132
|
+
};
|
|
133
|
+
/**
|
|
134
|
+
* @deprecated from version 2.0.0. Use BentoFilterItemType.INPUT_DROPDOWN instead.
|
|
135
|
+
*/
|
|
129
136
|
export type BentoInputFilterInputAndDropdownValues = {
|
|
130
137
|
inputValue: string | null;
|
|
131
138
|
dropdownValue?: string;
|
|
@@ -135,8 +142,8 @@ export type BentoSelectFilterValue = BentoListboxSelectedValue;
|
|
|
135
142
|
export type BentoBooleanFilterValue = string | null;
|
|
136
143
|
export type BentoDateFilterValue = Date | null;
|
|
137
144
|
export type BentoDateRangeFilterValue = BentoDateRangePickerValue | null;
|
|
138
|
-
export type BentoFilterBarValue = BentoInputFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
|
|
139
|
-
export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions |
|
|
145
|
+
export type BentoFilterBarValue = BentoInputFilterValue | BentoInpuWithDropdowntFilterValue | BentoSelectFilterValue | BentoBooleanFilterValue | BentoDateFilterValue | BentoDateRangeFilterValue;
|
|
146
|
+
export type BentoFilterOptions = BentoSelectFilterOptions | BentoSelectAvatarFilterOptions | BentoSelectCountryFilterOptions | BentoSelectCurrencyFilterOptions | BentoSelectPaymentMethodFilterOptions | BentoSelectTagFilterOptions | BentoDateFilterOptions | BentoDateRangeFilterOptions | BentoBooleanFilterOptions | BentoInputWithDropdownFilterOptions | undefined;
|
|
140
147
|
export declare enum BentoFilterEvent {
|
|
141
148
|
INPUT = "input",
|
|
142
149
|
UPDATE = "update"
|
|
@@ -146,9 +153,10 @@ export declare enum BentoFilterBarEvent {
|
|
|
146
153
|
UPDATE_FILTER_VALUES = "update:filter-values"
|
|
147
154
|
}
|
|
148
155
|
export declare enum BentoFilterItemType {
|
|
149
|
-
INPUT = "BentoInputFilter",
|
|
150
156
|
BOOLEAN = "BentoBooleanFilter",
|
|
151
157
|
RANGE = "BentoRangeFilter",
|
|
158
|
+
INPUT = "BentoInputFilter",
|
|
159
|
+
INPUT_DROPDOWN = "BentoInputWithDropdownFilter",
|
|
152
160
|
SELECT = "BentoSelectFilter",
|
|
153
161
|
SELECT_AVATAR = "BentoSelectAvatarFilter",
|
|
154
162
|
SELECT_COUNTRY = "BentoSelectCountryFilter",
|
|
@@ -12242,12 +12242,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
|
|
|
12242
12242
|
conditionalClasses: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
|
|
12243
12243
|
"b-input-filter--only-slot": boolean;
|
|
12244
12244
|
}>;
|
|
12245
|
-
dropdownProp: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<
|
|
12246
|
-
value: import("../..").BentoListboxValue | import("../..").BentoListboxValue[];
|
|
12247
|
-
items: import("../..").BentoListboxOptions;
|
|
12248
|
-
dynamicFiltering?: boolean;
|
|
12249
|
-
'aria-label'?: string;
|
|
12250
|
-
}>;
|
|
12245
|
+
dropdownProp: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<any>;
|
|
12251
12246
|
inputVariant: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<"default" | "dropdown">;
|
|
12252
12247
|
internalFilterValue: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").Ref<string, string>;
|
|
12253
12248
|
isApplyButtonDisabled: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
|
|
@@ -12291,7 +12286,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
|
|
|
12291
12286
|
onUpdate?: (...args: any[]) => any;
|
|
12292
12287
|
}>, {
|
|
12293
12288
|
value: import("./filter-bar.types").BentoInputFilterValue;
|
|
12294
|
-
options:
|
|
12289
|
+
options: any;
|
|
12295
12290
|
defaultValue: string;
|
|
12296
12291
|
onlySlot: boolean;
|
|
12297
12292
|
}, {}, {
|
|
@@ -13337,6 +13332,73 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
|
|
|
13337
13332
|
};
|
|
13338
13333
|
});
|
|
13339
13334
|
}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
13335
|
+
BentoInputWithDropdownFilter: 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<{
|
|
13336
|
+
value: {
|
|
13337
|
+
type: PropType<import("./filter-bar.types").BentoInpuWithDropdowntFilterValue>;
|
|
13338
|
+
} & {
|
|
13339
|
+
default: any;
|
|
13340
|
+
};
|
|
13341
|
+
label: {
|
|
13342
|
+
type: PropType<string>;
|
|
13343
|
+
required: true;
|
|
13344
|
+
};
|
|
13345
|
+
options: {
|
|
13346
|
+
type: PropType<import("./filter-bar.types").BentoInputWithDropdownFilterOptions>;
|
|
13347
|
+
} & {
|
|
13348
|
+
default: any;
|
|
13349
|
+
};
|
|
13350
|
+
field: {
|
|
13351
|
+
type: PropType<string>;
|
|
13352
|
+
required: true;
|
|
13353
|
+
};
|
|
13354
|
+
defaultValue: {
|
|
13355
|
+
type: PropType<import("./filter-bar.types").BentoInpuWithDropdowntFilterValue>;
|
|
13356
|
+
} & {
|
|
13357
|
+
default: any;
|
|
13358
|
+
};
|
|
13359
|
+
onlySlot: {
|
|
13360
|
+
type: PropType<boolean>;
|
|
13361
|
+
} & {
|
|
13362
|
+
default: boolean;
|
|
13363
|
+
};
|
|
13364
|
+
}>, {}, {}, {}, {}, 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, import("./filter-bar.types").BentoFilterEvent[], import("./filter-bar.types").BentoFilterEvent, 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<{
|
|
13365
|
+
value: {
|
|
13366
|
+
type: PropType<import("./filter-bar.types").BentoInpuWithDropdowntFilterValue>;
|
|
13367
|
+
} & {
|
|
13368
|
+
default: any;
|
|
13369
|
+
};
|
|
13370
|
+
label: {
|
|
13371
|
+
type: PropType<string>;
|
|
13372
|
+
required: true;
|
|
13373
|
+
};
|
|
13374
|
+
options: {
|
|
13375
|
+
type: PropType<import("./filter-bar.types").BentoInputWithDropdownFilterOptions>;
|
|
13376
|
+
} & {
|
|
13377
|
+
default: any;
|
|
13378
|
+
};
|
|
13379
|
+
field: {
|
|
13380
|
+
type: PropType<string>;
|
|
13381
|
+
required: true;
|
|
13382
|
+
};
|
|
13383
|
+
defaultValue: {
|
|
13384
|
+
type: PropType<import("./filter-bar.types").BentoInpuWithDropdowntFilterValue>;
|
|
13385
|
+
} & {
|
|
13386
|
+
default: any;
|
|
13387
|
+
};
|
|
13388
|
+
onlySlot: {
|
|
13389
|
+
type: PropType<boolean>;
|
|
13390
|
+
} & {
|
|
13391
|
+
default: boolean;
|
|
13392
|
+
};
|
|
13393
|
+
}>> & Readonly<{
|
|
13394
|
+
onInput?: (...args: any[]) => any;
|
|
13395
|
+
onUpdate?: (...args: any[]) => any;
|
|
13396
|
+
}>, {
|
|
13397
|
+
value: import("./filter-bar.types").BentoInpuWithDropdowntFilterValue;
|
|
13398
|
+
options: import("./filter-bar.types").BentoInputWithDropdownFilterOptions;
|
|
13399
|
+
defaultValue: import("./filter-bar.types").BentoInpuWithDropdowntFilterValue;
|
|
13400
|
+
onlySlot: boolean;
|
|
13401
|
+
}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
13340
13402
|
BentoRangeFilter: 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<{
|
|
13341
13403
|
defaultValue: {
|
|
13342
13404
|
type: PropType<string[]>;
|
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-b1de8d3a]{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-b1de8d3a],.b-accordion-item[data-v-b1de8d3a]:before,.b-accordion-item[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] *,.b-accordion-item[data-v-b1de8d3a] *:before,.b-accordion-item[data-v-b1de8d3a] *:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-b1de8d3a] ::-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-b1de8d3a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-b1de8d3a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-b1de8d3a]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-b1de8d3a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-b1de8d3a]{align-items:center;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-b1de8d3a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:focus-visible{animation:outer-ring-default-b1de8d3a 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-b1de8d3a{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-b1de8d3a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-b1de8d3a]{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-b1de8d3a]{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-b1de8d3a],.b-accordion-item[data-v-b1de8d3a]:before,.b-accordion-item[data-v-b1de8d3a]:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] *,.b-accordion-item[data-v-b1de8d3a] *:before,.b-accordion-item[data-v-b1de8d3a] *:after{box-sizing:border-box}.b-accordion-item[data-v-b1de8d3a] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-b1de8d3a] ::-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-b1de8d3a]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-b1de8d3a]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-b1de8d3a]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-b1de8d3a]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-b1de8d3a]{align-items:center;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-b1de8d3a]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-b1de8d3a]:focus-visible{animation:outer-ring-default-b1de8d3a 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-b1de8d3a{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-b1de8d3a]{padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-b1de8d3a]{animation:fade-in-uroa74w-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uroa74w-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uroa74w-b1de8d3a 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-uroa74w-b1de8d3a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uroa74w-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes enter-uroa74w-b1de8d3a{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-b1de8d3a]{animation:fade-out-uroa75t-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uroa75t-b1de8d3a var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uroa75t-b1de8d3a 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-uroa75t-b1de8d3a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uroa75t-b1de8d3a{0%{scale:1}to{scale:1}}@keyframes exit-uroa75t-b1de8d3a{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-uroa6tq-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-uroa6tq-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-uroa6tq-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uroa6tq-191a2ab0{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uroa6tq-191a2ab0{0%{scale:.9}to{scale:1}}@keyframes enter-uroa6tq-191a2ab0{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-191a2ab0]{animation:fade-out-uroa6vz-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-uroa6vz-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-uroa6vz-191a2ab0 var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uroa6vz-191a2ab0{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uroa6vz-191a2ab0{0%{scale:1}to{scale:.9}}@keyframes exit-uroa6vz-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-ae47360f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-ae47360f],.b-modal-base[data-v-ae47360f]:before,.b-modal-base[data-v-ae47360f]:after{box-sizing:border-box}.b-modal-base[data-v-ae47360f] *,.b-modal-base[data-v-ae47360f] *:before,.b-modal-base[data-v-ae47360f] *:after{box-sizing:border-box}.b-modal-base[data-v-ae47360f] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-ae47360f] ::-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-ae47360f]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-ae47360f]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-ae47360f]{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-ae47360f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-ae47360f],.b-modal-base[data-v-ae47360f]:before,.b-modal-base[data-v-ae47360f]:after{box-sizing:border-box}.b-modal-base[data-v-ae47360f] *,.b-modal-base[data-v-ae47360f] *:before,.b-modal-base[data-v-ae47360f] *:after{box-sizing:border-box}.b-modal-base[data-v-ae47360f] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-ae47360f] ::-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-ae47360f]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-ae47360f]{background-color:var(--b-modal-container-background-color);border:0;border-radius:var(--b-modal-border-radius);margin:auto;overflow:visible;padding:var(--b-modal-padding)}.b-modal-base__container[open][data-v-ae47360f]{animation:fade-in-uroa7cd-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uroa7cd-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uroa7cd-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uroa7cd-ae47360f{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uroa7cd-ae47360f{0%{scale:1}to{scale:1}}@keyframes enter-uroa7cd-ae47360f{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-ae47360f]::backdrop{animation:fade-in-uroa7dc-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uroa7dc-ae47360f{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-ae47360f]{animation:fade-out-uroa7dp-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uroa7dp-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uroa7dp-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uroa7dp-ae47360f{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uroa7dp-ae47360f{0%{scale:1}to{scale:1}}@keyframes exit-uroa7dp-ae47360f{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-ae47360f]::backdrop{animation:fade-out-uroa7dy-ae47360f var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uroa7dy-ae47360f{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-ae47360f]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-ae47360f]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-ae47360f]{width:480px}.b-modal-base__container--medium[data-v-ae47360f]{width:600px}.b-modal-base__container--large[data-v-ae47360f]{width:800px}.b-modal-base__close-button[data-v-ae47360f]{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-2cdd9489]{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-2cdd9489],.b-card[data-v-2cdd9489]:before,.b-card[data-v-2cdd9489]:after{box-sizing:border-box}.b-card[data-v-2cdd9489] *,.b-card[data-v-2cdd9489] *:before,.b-card[data-v-2cdd9489] *:after{box-sizing:border-box}.b-card[data-v-2cdd9489] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-2cdd9489] ::-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-2cdd9489]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-2cdd9489]{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-2cdd9489]: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-2cdd9489]: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-2cdd9489]: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-2cdd9489]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-2cdd9489]:focus-visible{animation:outer-ring-default-2cdd9489 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-2cdd9489{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-2cdd9489]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-2cdd9489]{cursor:pointer}.b-card--expandable .b-card__header[data-v-2cdd9489]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-2cdd9489]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-2cdd9489]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-2cdd9489]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__wrapper[data-v-2cdd9489]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-2cdd9489]{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-2cdd9489] img{width:100%}.b-card__header[data-v-2cdd9489]{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-2cdd9489]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-2cdd9489]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-2cdd9489]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-2cdd9489]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-2cdd9489]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-2cdd9489]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-2cdd9489]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-2cdd9489]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-2cdd9489]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-2cdd9489]{flex:1;padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-2cdd9489]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-2cdd9489]{padding-top:0}.b-card__description[data-v-2cdd9489]{color:var(--b-card-description-color)}.b-card__body[data-v-2cdd9489]{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-2cdd9489]{margin-top:0}.b-card__body--expandable[data-v-2cdd9489]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-2cdd9489]{margin-top:auto}.b-card__actions--without-content[data-v-2cdd9489]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-2cdd9489]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-2cdd9489]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-2cdd9489]{animation:fade-in-
|
|
1
|
+
.b-card[data-v-2cdd9489]{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-2cdd9489],.b-card[data-v-2cdd9489]:before,.b-card[data-v-2cdd9489]:after{box-sizing:border-box}.b-card[data-v-2cdd9489] *,.b-card[data-v-2cdd9489] *:before,.b-card[data-v-2cdd9489] *:after{box-sizing:border-box}.b-card[data-v-2cdd9489] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-2cdd9489] ::-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-2cdd9489]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-2cdd9489]{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-2cdd9489]: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-2cdd9489]: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-2cdd9489]: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-2cdd9489]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-2cdd9489]:focus-visible{animation:outer-ring-default-2cdd9489 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-2cdd9489{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-2cdd9489]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-2cdd9489]{cursor:pointer}.b-card--expandable .b-card__header[data-v-2cdd9489]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-2cdd9489]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-2cdd9489]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-2cdd9489]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card__wrapper[data-v-2cdd9489]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-2cdd9489]{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-2cdd9489] img{width:100%}.b-card__header[data-v-2cdd9489]{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-2cdd9489]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-2cdd9489]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-2cdd9489]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-2cdd9489]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-2cdd9489]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-2cdd9489]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-2cdd9489]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-2cdd9489]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-2cdd9489]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-2cdd9489]{flex:1;padding:var(--b-card-content-padding)}.b-card__content--without-header[data-v-2cdd9489]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-2cdd9489]{padding-top:0}.b-card__description[data-v-2cdd9489]{color:var(--b-card-description-color)}.b-card__body[data-v-2cdd9489]{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-2cdd9489]{margin-top:0}.b-card__body--expandable[data-v-2cdd9489]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-2cdd9489]{margin-top:auto}.b-card__actions--without-content[data-v-2cdd9489]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-2cdd9489]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-2cdd9489]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-2cdd9489]{animation:fade-in-uroa6x0-2cdd9489 var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-uroa6x0-2cdd9489 var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-uroa6x0-2cdd9489 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-uroa6x0-2cdd9489{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uroa6x0-2cdd9489{0%{scale:1}to{scale:1}}@keyframes enter-uroa6x0-2cdd9489{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-2cdd9489]{animation:fade-out-uroa6yn-2cdd9489 var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-uroa6yn-2cdd9489 var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-uroa6yn-2cdd9489 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-uroa6yn-2cdd9489{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uroa6yn-2cdd9489{0%{scale:1}to{scale:1}}@keyframes exit-uroa6yn-2cdd9489{0%{translate:0 0}to{translate:0 -8px}}
|