@adyen/bento-vue2 1.68.0 → 1.68.1
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/index.d.ts +293 -24
- 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/file-uploader.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/checkbox.js +2 -2
- package/dist/chunks/{checkbox-group.QdX-NrSG.js → checkbox-group.DLJUsfPM.js} +2 -2
- package/dist/chunks/{checkbox-group.QdX-NrSG.js.map → checkbox-group.DLJUsfPM.js.map} +1 -1
- package/dist/chunks/{checkbox.DCD6SSXC.js → checkbox.D45-Bhm3.js} +18 -18
- package/dist/chunks/{checkbox.DCD6SSXC.js.map → checkbox.D45-Bhm3.js.map} +1 -1
- package/dist/chunks/{data-grid.B7Z9_WDY.js → data-grid.CLz90HDC.js} +2 -2
- package/dist/chunks/{data-grid.B7Z9_WDY.js.map → data-grid.CLz90HDC.js.map} +1 -1
- package/dist/chunks/{header-with-views.Bxvu8mq_.js → header-with-views.DzsU00YA.js} +2 -2
- package/dist/chunks/{header-with-views.Bxvu8mq_.js.map → header-with-views.DzsU00YA.js.map} +1 -1
- package/dist/chunks/popover.types.CBqyA4ly.js.map +1 -1
- package/dist/chunks/{rich-text-editor.BUKLdRkN.js → rich-text-editor.DQd_kHTx.js} +2 -2
- package/dist/chunks/{rich-text-editor.BUKLdRkN.js.map → rich-text-editor.DQd_kHTx.js.map} +1 -1
- package/dist/chunks/{selection-card-group.0o5T4tab.js → selection-card-group.BHvjGlKU.js} +8 -8
- package/dist/chunks/{selection-card-group.0o5T4tab.js.map → selection-card-group.BHvjGlKU.js.map} +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/index.js +6 -6
- package/dist/rich-text-editor.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/web-types.json +2 -2
- package/package.json +2 -2
package/dist/@types/index.d.ts
CHANGED
|
@@ -16,6 +16,9 @@ import type { DirectiveHook } from 'vue';
|
|
|
16
16
|
import { ExtractComputedReturns } from 'vue/types/v3-component-options';
|
|
17
17
|
import { ExtractPropTypes } from 'vue';
|
|
18
18
|
import type { HTMLAttributes } from 'vue/types/jsx.d.ts';
|
|
19
|
+
import type { Middleware } from '@floating-ui/vue';
|
|
20
|
+
import { MiddlewareReturn } from '@floating-ui/vue';
|
|
21
|
+
import { MiddlewareState } from '@floating-ui/vue';
|
|
19
22
|
import type { Placement } from '@floating-ui/vue';
|
|
20
23
|
import type { PluginObject } from 'vue';
|
|
21
24
|
import { PropType } from 'vue';
|
|
@@ -1137,6 +1140,12 @@ declare type __VLS_WithTemplateSlots_53<T, S> = T & {
|
|
|
1137
1140
|
};
|
|
1138
1141
|
};
|
|
1139
1142
|
|
|
1143
|
+
declare type __VLS_WithTemplateSlots_54<T, S> = T & {
|
|
1144
|
+
new (): {
|
|
1145
|
+
$slots: S;
|
|
1146
|
+
};
|
|
1147
|
+
};
|
|
1148
|
+
|
|
1140
1149
|
declare type __VLS_WithTemplateSlots_6<T, S> = T & {
|
|
1141
1150
|
new (): {
|
|
1142
1151
|
$slots: S;
|
|
@@ -3626,7 +3635,7 @@ export declare interface BentoCurrencyProps {
|
|
|
3626
3635
|
* `
|
|
3627
3636
|
* }
|
|
3628
3637
|
*/
|
|
3629
|
-
export declare const BentoDashboardSection:
|
|
3638
|
+
export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
|
|
3630
3639
|
/**
|
|
3631
3640
|
* The header of the section
|
|
3632
3641
|
*/
|
|
@@ -3685,7 +3694,7 @@ halfWidth: boolean;
|
|
|
3685
3694
|
* `
|
|
3686
3695
|
* }
|
|
3687
3696
|
*/
|
|
3688
|
-
export declare const BentoDashboardTemplate:
|
|
3697
|
+
export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
|
|
3689
3698
|
/**
|
|
3690
3699
|
* The header that goes to the top of the template
|
|
3691
3700
|
*/
|
|
@@ -4707,7 +4716,7 @@ declare interface BentoDataGridSummaryCellProps {
|
|
|
4707
4716
|
* `
|
|
4708
4717
|
* }
|
|
4709
4718
|
*/
|
|
4710
|
-
export declare const BentoDataGridTemplate:
|
|
4719
|
+
export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_54<DefineComponent< {
|
|
4711
4720
|
/**
|
|
4712
4721
|
* The header that goes to the top of the template
|
|
4713
4722
|
*/
|
|
@@ -12696,7 +12705,7 @@ export declare interface BentoPopoverProps {
|
|
|
12696
12705
|
* Popover's target element.
|
|
12697
12706
|
* The popover will position itself relatively to target element, in specified position.
|
|
12698
12707
|
*/
|
|
12699
|
-
targetElement:
|
|
12708
|
+
targetElement: InstanceType<typeof _default>['$props']['targetElement'];
|
|
12700
12709
|
/**
|
|
12701
12710
|
* Displays the popover without padding.
|
|
12702
12711
|
*/
|
|
@@ -12726,7 +12735,7 @@ export declare interface BentoPopoverProps {
|
|
|
12726
12735
|
* `
|
|
12727
12736
|
* };
|
|
12728
12737
|
*/
|
|
12729
|
-
export declare const BentoPromoBanner:
|
|
12738
|
+
export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
|
|
12730
12739
|
actions: any;
|
|
12731
12740
|
color: BentoPromoBannerColor;
|
|
12732
12741
|
isDismissible: boolean;
|
|
@@ -12873,7 +12882,7 @@ export declare interface BentoPromoBannerProps {
|
|
|
12873
12882
|
* }
|
|
12874
12883
|
* }
|
|
12875
12884
|
*/
|
|
12876
|
-
export declare const BentoRadioButton:
|
|
12885
|
+
export declare const BentoRadioButton: __VLS_WithTemplateSlots_34<DefineComponent< {
|
|
12877
12886
|
/**
|
|
12878
12887
|
* Disable the radio button (optional)
|
|
12879
12888
|
*/
|
|
@@ -13028,7 +13037,7 @@ export declare type BentoRadioButtonValue = string | number;
|
|
|
13028
13037
|
* `
|
|
13029
13038
|
* };
|
|
13030
13039
|
*/
|
|
13031
|
-
export declare const BentoRadioGroup:
|
|
13040
|
+
export declare const BentoRadioGroup: __VLS_WithTemplateSlots_33<DefineComponent< {
|
|
13032
13041
|
/**
|
|
13033
13042
|
* Descriptive supporting text visbile underneath the label.
|
|
13034
13043
|
*/
|
|
@@ -13784,7 +13793,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
|
|
|
13784
13793
|
* `
|
|
13785
13794
|
* }
|
|
13786
13795
|
*/
|
|
13787
|
-
export declare const BentoSelectionCard:
|
|
13796
|
+
export declare const BentoSelectionCard: __VLS_WithTemplateSlots_35<DefineComponent< {
|
|
13788
13797
|
/**
|
|
13789
13798
|
* The description of the selection card
|
|
13790
13799
|
*/
|
|
@@ -13977,7 +13986,7 @@ fullyClickable: boolean;
|
|
|
13977
13986
|
* `,
|
|
13978
13987
|
* }
|
|
13979
13988
|
*/
|
|
13980
|
-
export declare const BentoSelectionCardGroup:
|
|
13989
|
+
export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_36<DefineComponent< {
|
|
13981
13990
|
/**
|
|
13982
13991
|
* Descriptive supporting text visbile underneath the label.
|
|
13983
13992
|
*/
|
|
@@ -14293,7 +14302,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
|
|
|
14293
14302
|
* `
|
|
14294
14303
|
* }
|
|
14295
14304
|
*/
|
|
14296
|
-
export declare const BentoSidepanel:
|
|
14305
|
+
export declare const BentoSidepanel: __VLS_WithTemplateSlots_38<DefineComponent< {
|
|
14297
14306
|
/**
|
|
14298
14307
|
* The id of the current active page
|
|
14299
14308
|
* Should be the same id as the BentoSidepanelPage to be displayed
|
|
@@ -14421,7 +14430,7 @@ export declare enum BentoSidepanelEvent {
|
|
|
14421
14430
|
* `
|
|
14422
14431
|
* }
|
|
14423
14432
|
*/
|
|
14424
|
-
export declare const BentoSidepanelPage:
|
|
14433
|
+
export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_37<DefineComponent< {
|
|
14425
14434
|
/**
|
|
14426
14435
|
* List of actions that will be used to render the buttons.
|
|
14427
14436
|
* First element in the list will be rendered as "primary".
|
|
@@ -14564,7 +14573,7 @@ destructiveActions: boolean;
|
|
|
14564
14573
|
* `
|
|
14565
14574
|
* }
|
|
14566
14575
|
*/
|
|
14567
|
-
export declare const BentoStatus:
|
|
14576
|
+
export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
|
|
14568
14577
|
default: (_: {}) => any;
|
|
14569
14578
|
}>;
|
|
14570
14579
|
|
|
@@ -14609,7 +14618,7 @@ export declare enum BentoStatusVariant {
|
|
|
14609
14618
|
* `
|
|
14610
14619
|
* }
|
|
14611
14620
|
*/
|
|
14612
|
-
export declare const BentoStep:
|
|
14621
|
+
export declare const BentoStep: __VLS_WithTemplateSlots_41<DefineComponent< {
|
|
14613
14622
|
/**
|
|
14614
14623
|
* Completed status. Used on non-linear steppers to indicate if the step is completed.
|
|
14615
14624
|
*/
|
|
@@ -14666,7 +14675,7 @@ substepIndex: number;
|
|
|
14666
14675
|
* `
|
|
14667
14676
|
* }
|
|
14668
14677
|
*/
|
|
14669
|
-
export declare const BentoStepper:
|
|
14678
|
+
export declare const BentoStepper: __VLS_WithTemplateSlots_40<DefineComponent< {
|
|
14670
14679
|
/**
|
|
14671
14680
|
* Type of stepper; defines how the stepper should behave. Default: linear
|
|
14672
14681
|
* @values linear, non-linear
|
|
@@ -14780,7 +14789,7 @@ declare interface BentoStickyTabsOptions {
|
|
|
14780
14789
|
* `
|
|
14781
14790
|
* }
|
|
14782
14791
|
*/
|
|
14783
|
-
export declare const BentoStructuredList:
|
|
14792
|
+
export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
|
|
14784
14793
|
/**
|
|
14785
14794
|
* Width of the labels container, in pixels. Overrides layout prop.
|
|
14786
14795
|
*/
|
|
@@ -14858,7 +14867,7 @@ labelsWidth: number;
|
|
|
14858
14867
|
* `
|
|
14859
14868
|
* }
|
|
14860
14869
|
*/
|
|
14861
|
-
export declare const BentoStructuredListItem:
|
|
14870
|
+
export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
|
|
14862
14871
|
/**
|
|
14863
14872
|
* Label to display for the value
|
|
14864
14873
|
*/
|
|
@@ -14938,7 +14947,7 @@ declare const BentoStructuredListLayoutOptions: string[];
|
|
|
14938
14947
|
* `
|
|
14939
14948
|
* }
|
|
14940
14949
|
*/
|
|
14941
|
-
export declare const BentoSummaryGrid:
|
|
14950
|
+
export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
14942
14951
|
columnWidth: any;
|
|
14943
14952
|
slashedZero: boolean;
|
|
14944
14953
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
@@ -14976,7 +14985,7 @@ export declare interface BentoSummaryGridColumnWidth {
|
|
|
14976
14985
|
* `
|
|
14977
14986
|
* }
|
|
14978
14987
|
*/
|
|
14979
|
-
export declare const BentoSummaryGridItemAmount:
|
|
14988
|
+
export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
|
|
14980
14989
|
copy: any;
|
|
14981
14990
|
fitContent: boolean;
|
|
14982
14991
|
infoIconTooltipText: any;
|
|
@@ -15053,7 +15062,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
|
|
|
15053
15062
|
* `
|
|
15054
15063
|
* }
|
|
15055
15064
|
*/
|
|
15056
|
-
export declare const BentoSummaryGridItemCustom:
|
|
15065
|
+
export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
|
|
15057
15066
|
copy: any;
|
|
15058
15067
|
infoIconTooltipText: any;
|
|
15059
15068
|
fitContent: boolean;
|
|
@@ -15127,7 +15136,7 @@ export declare interface BentoSummaryGridItemCustomProps {
|
|
|
15127
15136
|
* `
|
|
15128
15137
|
* }
|
|
15129
15138
|
*/
|
|
15130
|
-
export declare const BentoSummaryGridItemNumeric:
|
|
15139
|
+
export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
|
|
15131
15140
|
copy: any;
|
|
15132
15141
|
fitContent: boolean;
|
|
15133
15142
|
infoIconTooltipText: any;
|
|
@@ -15202,7 +15211,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
|
|
|
15202
15211
|
* `
|
|
15203
15212
|
* }
|
|
15204
15213
|
*/
|
|
15205
|
-
export declare const BentoSummaryGridItemPercentage:
|
|
15214
|
+
export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
|
|
15206
15215
|
copy: any;
|
|
15207
15216
|
fitContent: boolean;
|
|
15208
15217
|
infoIconTooltipText: any;
|
|
@@ -15283,7 +15292,7 @@ export declare enum BentoSummaryGridItemSize {
|
|
|
15283
15292
|
* `
|
|
15284
15293
|
* }
|
|
15285
15294
|
*/
|
|
15286
|
-
export declare const BentoSummaryGridItemText:
|
|
15295
|
+
export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
|
|
15287
15296
|
copy: any;
|
|
15288
15297
|
fitContent: boolean;
|
|
15289
15298
|
infoIconTooltipText: any;
|
|
@@ -15385,7 +15394,7 @@ export declare interface BentoSummaryGridProps {
|
|
|
15385
15394
|
* </bento-tabs>
|
|
15386
15395
|
* </template>
|
|
15387
15396
|
*/
|
|
15388
|
-
export declare const BentoTab:
|
|
15397
|
+
export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
|
|
15389
15398
|
counter: any;
|
|
15390
15399
|
disabled: boolean;
|
|
15391
15400
|
hidden: boolean;
|
|
@@ -17124,7 +17133,7 @@ export declare interface BentoTutorialStep {
|
|
|
17124
17133
|
* `
|
|
17125
17134
|
* }
|
|
17126
17135
|
*/
|
|
17127
|
-
export declare const BentoTypography:
|
|
17136
|
+
export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
|
|
17128
17137
|
/**
|
|
17129
17138
|
* Sets the HTML DOM element.
|
|
17130
17139
|
* @values h1, h2, h3, h4, h5, h6, div, p, span
|
|
@@ -17349,6 +17358,254 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
|
|
|
17349
17358
|
|
|
17350
17359
|
declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
|
|
17351
17360
|
|
|
17361
|
+
/**
|
|
17362
|
+
* A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.
|
|
17363
|
+
*
|
|
17364
|
+
* NOTE: This component should not be used by itself but more implemented by other exported components
|
|
17365
|
+
* e.g. Tooltip
|
|
17366
|
+
* More info here on the package: https://floating-ui.com/docs/vue
|
|
17367
|
+
*
|
|
17368
|
+
* * @usage
|
|
17369
|
+
* import { PopperContainer } from '../..';
|
|
17370
|
+
*
|
|
17371
|
+
* export default {
|
|
17372
|
+
* components: { PopperContainer },
|
|
17373
|
+
* computed: {
|
|
17374
|
+
* targetElement() {
|
|
17375
|
+
* return this.$refs.tooltipTarget;
|
|
17376
|
+
* },
|
|
17377
|
+
* },
|
|
17378
|
+
* template: `
|
|
17379
|
+
* <popper-container
|
|
17380
|
+
* :target-element="targetElement"
|
|
17381
|
+
* :position="position"
|
|
17382
|
+
* >
|
|
17383
|
+
* {{ content }}
|
|
17384
|
+
* </popper-container>`,
|
|
17385
|
+
* }
|
|
17386
|
+
*/
|
|
17387
|
+
declare const _default: __VLS_WithTemplateSlots_31<DefineComponent< {
|
|
17388
|
+
/**
|
|
17389
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17390
|
+
*/
|
|
17391
|
+
ariaRole: {
|
|
17392
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17393
|
+
default: any;
|
|
17394
|
+
validator: (value: unknown) => boolean;
|
|
17395
|
+
};
|
|
17396
|
+
/**
|
|
17397
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17398
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17399
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17400
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17401
|
+
*/
|
|
17402
|
+
arrow: {
|
|
17403
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17404
|
+
default: any;
|
|
17405
|
+
};
|
|
17406
|
+
/**
|
|
17407
|
+
* Disables wrapping focus-trap component.
|
|
17408
|
+
* Mostly useful for the storybook demo.
|
|
17409
|
+
*/
|
|
17410
|
+
disabledFocusTrap: {
|
|
17411
|
+
type: BooleanConstructor;
|
|
17412
|
+
default: boolean;
|
|
17413
|
+
};
|
|
17414
|
+
/**
|
|
17415
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17416
|
+
* Useful when not using auto as starting placement.
|
|
17417
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17418
|
+
*/
|
|
17419
|
+
fallbackPosition: {
|
|
17420
|
+
type: PropType<FallbackPositionProp>;
|
|
17421
|
+
default: any;
|
|
17422
|
+
};
|
|
17423
|
+
/**
|
|
17424
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17425
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17426
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17427
|
+
*/
|
|
17428
|
+
fixedPositioning: {
|
|
17429
|
+
type: BooleanConstructor;
|
|
17430
|
+
default: boolean;
|
|
17431
|
+
};
|
|
17432
|
+
/**
|
|
17433
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17434
|
+
*/
|
|
17435
|
+
id: {
|
|
17436
|
+
type: StringConstructor;
|
|
17437
|
+
default: any;
|
|
17438
|
+
};
|
|
17439
|
+
/**
|
|
17440
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17441
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17442
|
+
*/
|
|
17443
|
+
isHidden: {
|
|
17444
|
+
type: BooleanConstructor;
|
|
17445
|
+
default: any;
|
|
17446
|
+
};
|
|
17447
|
+
/**
|
|
17448
|
+
* Instructs popper container to have the same width as target element.
|
|
17449
|
+
*/
|
|
17450
|
+
matchWidth: {
|
|
17451
|
+
type: BooleanConstructor;
|
|
17452
|
+
default: boolean;
|
|
17453
|
+
};
|
|
17454
|
+
/**
|
|
17455
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17456
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17457
|
+
*/
|
|
17458
|
+
middleware: {
|
|
17459
|
+
type: PropType<Middleware[]>;
|
|
17460
|
+
default: any;
|
|
17461
|
+
};
|
|
17462
|
+
/**
|
|
17463
|
+
* Allows to displace a popper container from its target element.
|
|
17464
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17465
|
+
*/
|
|
17466
|
+
offset: {
|
|
17467
|
+
type: PropType<number[]>;
|
|
17468
|
+
default: () => number[];
|
|
17469
|
+
validator: (value: number[]) => boolean;
|
|
17470
|
+
};
|
|
17471
|
+
/**
|
|
17472
|
+
* Position relative to the target element
|
|
17473
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17474
|
+
*/
|
|
17475
|
+
position: {
|
|
17476
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17477
|
+
default: PopperContainerPositionExtended;
|
|
17478
|
+
validator: (value: unknown) => boolean;
|
|
17479
|
+
};
|
|
17480
|
+
/**
|
|
17481
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17482
|
+
*/
|
|
17483
|
+
targetElement: {
|
|
17484
|
+
type: PropType<VueNodeElement>;
|
|
17485
|
+
required: true;
|
|
17486
|
+
};
|
|
17487
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
17488
|
+
placement: (value: Placement) => void;
|
|
17489
|
+
}, string, Readonly<ExtractPropTypes< {
|
|
17490
|
+
/**
|
|
17491
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17492
|
+
*/
|
|
17493
|
+
ariaRole: {
|
|
17494
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17495
|
+
default: any;
|
|
17496
|
+
validator: (value: unknown) => boolean;
|
|
17497
|
+
};
|
|
17498
|
+
/**
|
|
17499
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17500
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17501
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17502
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17503
|
+
*/
|
|
17504
|
+
arrow: {
|
|
17505
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17506
|
+
default: any;
|
|
17507
|
+
};
|
|
17508
|
+
/**
|
|
17509
|
+
* Disables wrapping focus-trap component.
|
|
17510
|
+
* Mostly useful for the storybook demo.
|
|
17511
|
+
*/
|
|
17512
|
+
disabledFocusTrap: {
|
|
17513
|
+
type: BooleanConstructor;
|
|
17514
|
+
default: boolean;
|
|
17515
|
+
};
|
|
17516
|
+
/**
|
|
17517
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17518
|
+
* Useful when not using auto as starting placement.
|
|
17519
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17520
|
+
*/
|
|
17521
|
+
fallbackPosition: {
|
|
17522
|
+
type: PropType<FallbackPositionProp>;
|
|
17523
|
+
default: any;
|
|
17524
|
+
};
|
|
17525
|
+
/**
|
|
17526
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17527
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17528
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17529
|
+
*/
|
|
17530
|
+
fixedPositioning: {
|
|
17531
|
+
type: BooleanConstructor;
|
|
17532
|
+
default: boolean;
|
|
17533
|
+
};
|
|
17534
|
+
/**
|
|
17535
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17536
|
+
*/
|
|
17537
|
+
id: {
|
|
17538
|
+
type: StringConstructor;
|
|
17539
|
+
default: any;
|
|
17540
|
+
};
|
|
17541
|
+
/**
|
|
17542
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17543
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17544
|
+
*/
|
|
17545
|
+
isHidden: {
|
|
17546
|
+
type: BooleanConstructor;
|
|
17547
|
+
default: any;
|
|
17548
|
+
};
|
|
17549
|
+
/**
|
|
17550
|
+
* Instructs popper container to have the same width as target element.
|
|
17551
|
+
*/
|
|
17552
|
+
matchWidth: {
|
|
17553
|
+
type: BooleanConstructor;
|
|
17554
|
+
default: boolean;
|
|
17555
|
+
};
|
|
17556
|
+
/**
|
|
17557
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17558
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17559
|
+
*/
|
|
17560
|
+
middleware: {
|
|
17561
|
+
type: PropType<Middleware[]>;
|
|
17562
|
+
default: any;
|
|
17563
|
+
};
|
|
17564
|
+
/**
|
|
17565
|
+
* Allows to displace a popper container from its target element.
|
|
17566
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17567
|
+
*/
|
|
17568
|
+
offset: {
|
|
17569
|
+
type: PropType<number[]>;
|
|
17570
|
+
default: () => number[];
|
|
17571
|
+
validator: (value: number[]) => boolean;
|
|
17572
|
+
};
|
|
17573
|
+
/**
|
|
17574
|
+
* Position relative to the target element
|
|
17575
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17576
|
+
*/
|
|
17577
|
+
position: {
|
|
17578
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17579
|
+
default: PopperContainerPositionExtended;
|
|
17580
|
+
validator: (value: unknown) => boolean;
|
|
17581
|
+
};
|
|
17582
|
+
/**
|
|
17583
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17584
|
+
*/
|
|
17585
|
+
targetElement: {
|
|
17586
|
+
type: PropType<VueNodeElement>;
|
|
17587
|
+
required: true;
|
|
17588
|
+
};
|
|
17589
|
+
}>>, {
|
|
17590
|
+
position: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | PopperContainerPosition;
|
|
17591
|
+
offset: number[];
|
|
17592
|
+
id: string;
|
|
17593
|
+
ariaRole: PopperContainerAriaRole;
|
|
17594
|
+
arrow: any;
|
|
17595
|
+
disabledFocusTrap: boolean;
|
|
17596
|
+
fallbackPosition: FallbackPositionProp;
|
|
17597
|
+
fixedPositioning: boolean;
|
|
17598
|
+
isHidden: boolean;
|
|
17599
|
+
matchWidth: boolean;
|
|
17600
|
+
middleware: {
|
|
17601
|
+
name: string;
|
|
17602
|
+
options?: any;
|
|
17603
|
+
fn: (state: MiddlewareState) => MiddlewareReturn | Promise<MiddlewareReturn>;
|
|
17604
|
+
}[];
|
|
17605
|
+
}>, {
|
|
17606
|
+
default: (_: {}) => any;
|
|
17607
|
+
}>;
|
|
17608
|
+
|
|
17352
17609
|
declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
|
|
17353
17610
|
|
|
17354
17611
|
declare type Element_2 = HTMLElement & {
|
|
@@ -17369,6 +17626,8 @@ export declare type Expand<T> = T extends infer O ? {
|
|
|
17369
17626
|
[K in keyof O]: O[K];
|
|
17370
17627
|
} : never;
|
|
17371
17628
|
|
|
17629
|
+
declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
|
|
17630
|
+
|
|
17372
17631
|
/**
|
|
17373
17632
|
* Void function
|
|
17374
17633
|
*/
|
|
@@ -17620,6 +17879,16 @@ declare interface OnClickOutsideOptions {
|
|
|
17620
17879
|
declare const plugin: PluginObject<BentoVuePlugin>;
|
|
17621
17880
|
export default plugin;
|
|
17622
17881
|
|
|
17882
|
+
declare enum PopperContainerAriaRole {
|
|
17883
|
+
TOOLTIP = "tooltip",
|
|
17884
|
+
POPOVER = "dialog"
|
|
17885
|
+
}
|
|
17886
|
+
|
|
17887
|
+
declare interface PopperContainerArrowProp {
|
|
17888
|
+
classes?: string[];
|
|
17889
|
+
padding?: string;
|
|
17890
|
+
}
|
|
17891
|
+
|
|
17623
17892
|
/**
|
|
17624
17893
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
17625
17894
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-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-66c09812]{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-66c09812],.b-accordion-item[data-v-66c09812]:before,.b-accordion-item[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item *[data-v-66c09812],.b-accordion-item *[data-v-66c09812]:before,.b-accordion-item *[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-66c09812] ::-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-66c09812]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-66c09812]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-66c09812]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-66c09812]{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-66c09812]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-66c09812]:focus-visible{animation:outer-ring-default-66c09812 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-66c09812{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-66c09812]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-
|
|
1
|
+
.b-accordion[data-v-fb182a1c]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-accordion[data-v-fb182a1c],.b-accordion[data-v-fb182a1c]:before,.b-accordion[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion *[data-v-fb182a1c],.b-accordion *[data-v-fb182a1c]:before,.b-accordion *[data-v-fb182a1c]:after{box-sizing:border-box}.b-accordion[data-v-fb182a1c] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion[data-v-fb182a1c] ::-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-66c09812]{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-66c09812],.b-accordion-item[data-v-66c09812]:before,.b-accordion-item[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item *[data-v-66c09812],.b-accordion-item *[data-v-66c09812]:before,.b-accordion-item *[data-v-66c09812]:after{box-sizing:border-box}.b-accordion-item[data-v-66c09812] ::-webkit-scrollbar{height:14px;width:14px}.b-accordion-item[data-v-66c09812] ::-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-66c09812]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-accordion-item button[data-v-66c09812]:focus-visible{outline:none}.b-legacy-theme .b-accordion-item__heading[data-v-66c09812]{font-size:15px;line-height:1.4}.b-accordion-item[data-v-66c09812]:first-of-type{border-top:var(--b-accordion-item-border)}.b-accordion-item__button[data-v-66c09812]{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-66c09812]:hover{background-color:var(--b-accordion-item-button-hover-background-color)}.b-accordion-item__button[data-v-66c09812]:active{background-color:var(--b-accordion-item-button-active-background-color)}.b-accordion-item__button[data-v-66c09812]:focus-visible{animation:outer-ring-default-66c09812 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-66c09812{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-66c09812]{color:var(--b-accordion-item-content-color);padding:var(--b-accordion-item-content-padding)}.b-accordion-item__animation--content-enter-active[data-v-66c09812]{animation:fade-in-uc5smlx-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-uc5smlx-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-uc5smlx-66c09812 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-uc5smlx-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc5smlx-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-uc5smlx-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-uc5smm6-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-uc5smm6-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-uc5smm6-66c09812 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-uc5smm6-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc5smm6-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-uc5smm6-66c09812{0%{translate:0 0}to{translate:0 -8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-action-bar[data-v-96fd1efb]{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-96fd1efb],.b-action-bar[data-v-96fd1efb]:before,.b-action-bar[data-v-96fd1efb]:after{box-sizing:border-box}.b-action-bar *[data-v-96fd1efb],.b-action-bar *[data-v-96fd1efb]:before,.b-action-bar *[data-v-96fd1efb]:after{box-sizing:border-box}.b-action-bar[data-v-96fd1efb] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-96fd1efb] ::-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-96fd1efb]{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-96fd1efb]{width:auto}}.b-action-bar__close-button[data-v-96fd1efb]{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-96fd1efb]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-96fd1efb]{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-96fd1efb]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-96fd1efb]{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-96fd1efb]{width:160px}}.b-action-bar__actions[data-v-96fd1efb]{container-type:normal}.b-action-bar__actions[data-v-96fd1efb] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-96fd1efb]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-96fd1efb]{animation:fade-in-
|
|
1
|
+
.b-action-bar[data-v-96fd1efb]{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-96fd1efb],.b-action-bar[data-v-96fd1efb]:before,.b-action-bar[data-v-96fd1efb]:after{box-sizing:border-box}.b-action-bar *[data-v-96fd1efb],.b-action-bar *[data-v-96fd1efb]:before,.b-action-bar *[data-v-96fd1efb]:after{box-sizing:border-box}.b-action-bar[data-v-96fd1efb] ::-webkit-scrollbar{height:14px;width:14px}.b-action-bar[data-v-96fd1efb] ::-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-96fd1efb]{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-96fd1efb]{width:auto}}.b-action-bar__close-button[data-v-96fd1efb]{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-96fd1efb]{margin-right:var(--b-action-bar-close-button-margin-right)}}.b-action-bar__selection[data-v-96fd1efb]{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-96fd1efb]{font-weight:600}@media (min-width: 500px){.b-action-bar__selection[data-v-96fd1efb]{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-96fd1efb]{width:160px}}.b-action-bar__actions[data-v-96fd1efb]{container-type:normal}.b-action-bar__actions[data-v-96fd1efb] .b-button-actions__container-wrapper{flex-direction:row}.b-action-bar--extra-spacing[data-v-96fd1efb]{bottom:var(--b-action-bar-bottom-extra-spacing)}.b-action-bar__animation-enter-active[data-v-96fd1efb]{animation:fade-in-uc5smgu-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-uc5smgu-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-uc5smgu-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-uc5smgu-96fd1efb{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc5smgu-96fd1efb{0%{scale:.9}to{scale:1}}@keyframes enter-uc5smgu-96fd1efb{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-96fd1efb]{animation:fade-out-uc5smhl-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-uc5smhl-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-uc5smhl-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-uc5smhl-96fd1efb{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc5smhl-96fd1efb{0%{scale:1}to{scale:.9}}@keyframes exit-uc5smhl-96fd1efb{0%{translate:0 0}to{translate:0 8px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b-modal-page[data-v-8cb6e769]{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-8cb6e769],.b-modal-page[data-v-8cb6e769]:before,.b-modal-page[data-v-8cb6e769]:after{box-sizing:border-box}.b-modal-page *[data-v-8cb6e769],.b-modal-page *[data-v-8cb6e769]:before,.b-modal-page *[data-v-8cb6e769]:after{box-sizing:border-box}.b-modal-page[data-v-8cb6e769] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8cb6e769] ::-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-8cb6e769] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8cb6e769],.b-modal-page__actions-container[data-v-8cb6e769]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8cb6e769]{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-8cb6e769]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8cb6e769]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8cb6e769] .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-8cb6e769]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8cb6e769]{padding-top:0}.b-modal-page__content--with-actions[data-v-8cb6e769]{padding-bottom:0}.b-modal-page__grid[data-v-8cb6e769]>: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-8cb6e769]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-c6431721]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-c6431721],.b-modal-base[data-v-c6431721]:before,.b-modal-base[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base *[data-v-c6431721],.b-modal-base *[data-v-c6431721]:before,.b-modal-base *[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-c6431721] ::-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-c6431721]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-c6431721]{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-c6431721]{animation:fade-in-
|
|
1
|
+
.b-modal-page[data-v-8cb6e769]{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-8cb6e769],.b-modal-page[data-v-8cb6e769]:before,.b-modal-page[data-v-8cb6e769]:after{box-sizing:border-box}.b-modal-page *[data-v-8cb6e769],.b-modal-page *[data-v-8cb6e769]:before,.b-modal-page *[data-v-8cb6e769]:after{box-sizing:border-box}.b-modal-page[data-v-8cb6e769] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-page[data-v-8cb6e769] ::-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-8cb6e769] .b-dialog-page__header{flex:0}.b-modal-page__header-container[data-v-8cb6e769],.b-modal-page__actions-container[data-v-8cb6e769]{position:sticky;width:100%}.b-modal-page__header-container[data-v-8cb6e769]{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-8cb6e769]{padding:var(--b-modal-actions-container-padding)}.b-modal-page__header[data-v-8cb6e769]{min-height:var(--b-modal-header-min-height)}.b-modal-page[data-v-8cb6e769] .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-8cb6e769]{display:inline-block;padding:var(--b-modal-content-padding);width:100%}.b-modal-page__content--with-header[data-v-8cb6e769]{padding-top:0}.b-modal-page__content--with-actions[data-v-8cb6e769]{padding-bottom:0}.b-modal-page__grid[data-v-8cb6e769]>: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-8cb6e769]>:nth-child(2){padding:var(--b-modal-container-column-layout-padding);padding-right:0}.b-modal-base[data-v-c6431721]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-modal-base[data-v-c6431721],.b-modal-base[data-v-c6431721]:before,.b-modal-base[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base *[data-v-c6431721],.b-modal-base *[data-v-c6431721]:before,.b-modal-base *[data-v-c6431721]:after{box-sizing:border-box}.b-modal-base[data-v-c6431721] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-base[data-v-c6431721] ::-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-c6431721]::backdrop{background-color:#99a0ab}.b-modal-base__container[data-v-c6431721]{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-c6431721]{animation:fade-in-uc5smp1-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-uc5smp1-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-uc5smp1-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uc5smp1-c6431721{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc5smp1-c6431721{0%{scale:1}to{scale:1}}@keyframes enter-uc5smp1-c6431721{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-c6431721]::backdrop{animation:fade-in-uc5smp8-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-uc5smp8-c6431721{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-c6431721]{animation:fade-out-uc5smq5-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-uc5smq5-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-uc5smq5-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uc5smq5-c6431721{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc5smq5-c6431721{0%{scale:1}to{scale:1}}@keyframes exit-uc5smq5-c6431721{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-c6431721]::backdrop{animation:fade-out-uc5smqx-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-uc5smqx-c6431721{0%{opacity:.5}to{opacity:0}}.b-modal-base__container[data-v-c6431721]::backdrop{background-color:var(--b-modal-backdrop-background-color, #00112c);opacity:.5}.b-modal-base__container--animation[data-v-c6431721]{overflow:hidden;transition:height ease var(--b-modal-animation-duration, .15s)}.b-modal-base__container--small[data-v-c6431721]{width:480px}.b-modal-base__container--medium[data-v-c6431721]{width:600px}.b-modal-base__container--large[data-v-c6431721]{width:800px}.b-modal-base__close-button[data-v-c6431721]{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-49a71f6e]{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-49a71f6e],.b-card[data-v-49a71f6e]:before,.b-card[data-v-49a71f6e]:after{box-sizing:border-box}.b-card *[data-v-49a71f6e],.b-card *[data-v-49a71f6e]:before,.b-card *[data-v-49a71f6e]:after{box-sizing:border-box}.b-card[data-v-49a71f6e] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-49a71f6e] ::-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--clickable[data-v-49a71f6e]:not(.b-card--disabled){cursor:pointer}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):hover{background-color:var(--b-card-clickable-hover-background-color)}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):active{background-color:var(--b-card-clickable-active-background-color)}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):focus-visible{animation:outer-ring-default-49a71f6e 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}.b-card--secondary[data-v-49a71f6e]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-49a71f6e]{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-49a71f6e]: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-49a71f6e]: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-49a71f6e]:active{background-color:var(--b-card-secondary-header-active-background-color)}.b-card--secondary.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):hover{background-color:var(--b-card-secondary-clickable-hover-background-color)}.b-card--secondary.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):active{background-color:var(--b-card-secondary-clickable-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-49a71f6e]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-49a71f6e]:focus-visible{animation:outer-ring-default-49a71f6e 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-49a71f6e{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-49a71f6e]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-49a71f6e]{cursor:pointer}.b-card--expandable .b-card__header[data-v-49a71f6e]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-49a71f6e]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-49a71f6e]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-49a71f6e]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card--disabled.b-card--clickable[data-v-49a71f6e]{cursor:not-allowed}.b-card--disabled.b-card--clickable .b-card__body[data-v-49a71f6e]{color:var(--b-card-disabled-color)}.b-card__wrapper[data-v-49a71f6e]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-49a71f6e]{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-49a71f6e] img{width:100%}.b-card__image[data-v-49a71f6e] ::slotted(img){width:100%}.b-card__header[data-v-49a71f6e]{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-49a71f6e]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-49a71f6e]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-49a71f6e]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-49a71f6e]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-49a71f6e]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-49a71f6e]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-49a71f6e]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-49a71f6e]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-49a71f6e]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-49a71f6e]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-49a71f6e]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-49a71f6e]{padding-top:0}.b-card__content[data-v-49a71f6e] *{word-break:normal}.b-card__description[data-v-49a71f6e]{color:var(--b-card-description-color)}.b-card__body[data-v-49a71f6e]{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-49a71f6e]{margin-top:0}.b-card__body--expandable[data-v-49a71f6e]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-49a71f6e]{margin-top:auto}.b-card__actions--without-content[data-v-49a71f6e]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-49a71f6e]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-49a71f6e]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-49a71f6e]{animation:fade-in-
|
|
1
|
+
.b-card[data-v-49a71f6e]{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-49a71f6e],.b-card[data-v-49a71f6e]:before,.b-card[data-v-49a71f6e]:after{box-sizing:border-box}.b-card *[data-v-49a71f6e],.b-card *[data-v-49a71f6e]:before,.b-card *[data-v-49a71f6e]:after{box-sizing:border-box}.b-card[data-v-49a71f6e] ::-webkit-scrollbar{height:14px;width:14px}.b-card[data-v-49a71f6e] ::-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--clickable[data-v-49a71f6e]:not(.b-card--disabled){cursor:pointer}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):hover{background-color:var(--b-card-clickable-hover-background-color)}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):active{background-color:var(--b-card-clickable-active-background-color)}.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):focus-visible{animation:outer-ring-default-49a71f6e 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}.b-card--secondary[data-v-49a71f6e]{background-color:var(--b-card-secondary-background-color)}.b-legacy-theme .b-card--secondary[data-v-49a71f6e]{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-49a71f6e]: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-49a71f6e]: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-49a71f6e]:active{background-color:var(--b-card-secondary-header-active-background-color)}.b-card--secondary.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):hover{background-color:var(--b-card-secondary-clickable-hover-background-color)}.b-card--secondary.b-card--clickable[data-v-49a71f6e]:not(.b-card--disabled):active{background-color:var(--b-card-secondary-clickable-active-background-color)}@media (hover: hover){.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-49a71f6e]:hover{background-color:var(--b-card-header-hover-background-color)}}.b-card--expandable:not(.b-card--disabled) .b-card__header[data-v-49a71f6e]:focus-visible{animation:outer-ring-default-49a71f6e 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-49a71f6e{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-49a71f6e]:active{background-color:var(--b-card-header-active-background-color)}.b-card--expandable .b-card__header[data-v-49a71f6e]{cursor:pointer}.b-card--expandable .b-card__header[data-v-49a71f6e]:focus-visible{outline:none}.b-card--expandable .b-card__description[data-v-49a71f6e]{margin-left:var(--b-card-description-margin-left)}.b-card--expandable .b-card__body[data-v-49a71f6e]{background-color:var(--b-card-header-margin-top)}.b-card--disabled .b-card__header[data-v-49a71f6e]{color:var(--b-card-disabled-color);cursor:not-allowed}.b-card--disabled.b-card--clickable[data-v-49a71f6e]{cursor:not-allowed}.b-card--disabled.b-card--clickable .b-card__body[data-v-49a71f6e]{color:var(--b-card-disabled-color)}.b-card__wrapper[data-v-49a71f6e]{display:flex;flex:1;flex-direction:column}.b-card__image[data-v-49a71f6e]{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-49a71f6e] img{width:100%}.b-card__image[data-v-49a71f6e] ::slotted(img){width:100%}.b-card__header[data-v-49a71f6e]{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-49a71f6e]{padding-bottom:var(--b-card-expandable-header-padding-bottom)}.b-card__header--without-body[data-v-49a71f6e]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__header-wrapper[data-v-49a71f6e]{display:flex;flex:1;flex-direction:column;gap:var(--b-spacer-020);overflow:hidden}.b-card__header-slot-wrapper[data-v-49a71f6e]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:36px}.b-card__title-wrapper[data-v-49a71f6e]{display:flex;gap:var(--b-card-title-wrapper-gap)}.b-card__title-wrapper--truncated[data-v-49a71f6e]{overflow:hidden;white-space:nowrap}.b-card__title-wrapper--truncated .b-card__title[data-v-49a71f6e]{overflow:hidden;text-overflow:ellipsis}.b-card__toggle[data-v-49a71f6e]{align-items:center;display:flex;height:var(--b-card-toggle-height)}.b-card__toggle--small-text[data-v-49a71f6e]{height:var(--b-card-toggle-small-text-height)}.b-card__content[data-v-49a71f6e]{flex:1;padding:var(--b-card-content-padding);word-break:break-word}.b-card__content--without-header[data-v-49a71f6e]{padding-top:var(--b-card-content-padding-top)}.b-card__content--expandable[data-v-49a71f6e]{padding-top:0}.b-card__content[data-v-49a71f6e] *{word-break:normal}.b-card__description[data-v-49a71f6e]{color:var(--b-card-description-color)}.b-card__body[data-v-49a71f6e]{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-49a71f6e]{margin-top:0}.b-card__body--expandable[data-v-49a71f6e]{padding-top:var(--b-card-body-expandable-padding-top)}.b-card__actions[data-v-49a71f6e]{margin-top:auto}.b-card__actions--without-content[data-v-49a71f6e]{padding-top:var(--b-card-actions-padding-top)}.b-card__actions--without-content .b-card__header[data-v-49a71f6e]{padding-bottom:var(--b-card-header-padding-bottom)}.b-card__actions--without-content-and-with-header[data-v-49a71f6e]{padding-top:var(--b-card-actions-without-content-padding-top)}.b-card__animation-enter-active[data-v-49a71f6e]{animation:fade-in-uc5smli-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-uc5smli-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-uc5smli-49a71f6e 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-uc5smli-49a71f6e{0%{opacity:0}to{opacity:1}}@keyframes scale-up-uc5smli-49a71f6e{0%{scale:1}to{scale:1}}@keyframes enter-uc5smli-49a71f6e{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-49a71f6e]{animation:fade-out-uc5smlk-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-uc5smlk-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-uc5smlk-49a71f6e 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-uc5smlk-49a71f6e{0%{opacity:1}to{opacity:0}}@keyframes scale-down-uc5smlk-49a71f6e{0%{scale:1}to{scale:1}}@keyframes exit-uc5smlk-49a71f6e{0%{translate:0 0}to{translate:0 -8px}}
|