@adyen/bento-vue2 1.68.0 → 1.68.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/index.d.ts +296 -25
- 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/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/chunks/{action-bar.Dy6tfK8c.js → action-bar.DQb7WVVd.js} +2 -2
- package/dist/chunks/{action-bar.Dy6tfK8c.js.map → action-bar.DQb7WVVd.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.CcxUTbsI.js → button-actions-with-menu.nPj7sdGE.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.CcxUTbsI.js.map → button-actions-with-menu.nPj7sdGE.js.map} +1 -1
- package/dist/chunks/{dashboard-section.DBT99mLj.js → dashboard-section.BIe6eVHq.js} +2 -2
- package/dist/chunks/{dashboard-section.DBT99mLj.js.map → dashboard-section.BIe6eVHq.js.map} +1 -1
- package/dist/chunks/{data-grid-template.B2lDfM2o.js → data-grid-template.Co0Ecr79.js} +2 -2
- package/dist/chunks/{data-grid-template.B2lDfM2o.js.map → data-grid-template.Co0Ecr79.js.map} +1 -1
- package/dist/chunks/{data-grid.B7Z9_WDY.js → data-grid.erxjh5TN.js} +5 -5
- package/dist/chunks/data-grid.erxjh5TN.js.map +1 -0
- package/dist/chunks/{header-with-views.Bxvu8mq_.js → header-with-views.BUQ-MlAq.js} +3 -3
- package/dist/chunks/{header-with-views.Bxvu8mq_.js.map → header-with-views.BUQ-MlAq.js.map} +1 -1
- package/dist/chunks/{header.DvHS-PnC.js → header.uyxNdQa3.js} +2 -2
- package/dist/chunks/{header.DvHS-PnC.js.map → header.uyxNdQa3.js.map} +1 -1
- package/dist/chunks/{menu.dX3_vU05.js → menu.D0OQgk40.js} +143 -143
- package/dist/chunks/menu.D0OQgk40.js.map +1 -0
- package/dist/chunks/popover.types.CBqyA4ly.js.map +1 -1
- package/dist/chunks/{tutorial.DRRfp81j.js → tutorial.CxrGhLS7.js} +2 -2
- package/dist/chunks/{tutorial.DRRfp81j.js.map → tutorial.CxrGhLS7.js.map} +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +8 -8
- package/dist/internal.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +2 -2
- package/package.json +2 -2
- package/dist/chunks/data-grid.B7Z9_WDY.js.map +0 -1
- package/dist/chunks/menu.dX3_vU05.js.map +0 -1
package/dist/@types/index.d.ts
CHANGED
|
@@ -16,6 +16,10 @@ 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 { HTMLAttributes as HTMLAttributes_2 } from 'vue';
|
|
20
|
+
import type { Middleware } from '@floating-ui/vue';
|
|
21
|
+
import { MiddlewareReturn } from '@floating-ui/vue';
|
|
22
|
+
import { MiddlewareState } from '@floating-ui/vue';
|
|
19
23
|
import type { Placement } from '@floating-ui/vue';
|
|
20
24
|
import type { PluginObject } from 'vue';
|
|
21
25
|
import { PropType } from 'vue';
|
|
@@ -1137,6 +1141,12 @@ declare type __VLS_WithTemplateSlots_53<T, S> = T & {
|
|
|
1137
1141
|
};
|
|
1138
1142
|
};
|
|
1139
1143
|
|
|
1144
|
+
declare type __VLS_WithTemplateSlots_54<T, S> = T & {
|
|
1145
|
+
new (): {
|
|
1146
|
+
$slots: S;
|
|
1147
|
+
};
|
|
1148
|
+
};
|
|
1149
|
+
|
|
1140
1150
|
declare type __VLS_WithTemplateSlots_6<T, S> = T & {
|
|
1141
1151
|
new (): {
|
|
1142
1152
|
$slots: S;
|
|
@@ -3626,7 +3636,7 @@ export declare interface BentoCurrencyProps {
|
|
|
3626
3636
|
* `
|
|
3627
3637
|
* }
|
|
3628
3638
|
*/
|
|
3629
|
-
export declare const BentoDashboardSection:
|
|
3639
|
+
export declare const BentoDashboardSection: __VLS_WithTemplateSlots_53<DefineComponent<__VLS_WithDefaults_46<__VLS_TypePropsToRuntimeProps_49<{
|
|
3630
3640
|
/**
|
|
3631
3641
|
* The header of the section
|
|
3632
3642
|
*/
|
|
@@ -3685,7 +3695,7 @@ halfWidth: boolean;
|
|
|
3685
3695
|
* `
|
|
3686
3696
|
* }
|
|
3687
3697
|
*/
|
|
3688
|
-
export declare const BentoDashboardTemplate:
|
|
3698
|
+
export declare const BentoDashboardTemplate: __VLS_WithTemplateSlots_52<DefineComponent<__VLS_WithDefaults_45<__VLS_TypePropsToRuntimeProps_48<{
|
|
3689
3699
|
/**
|
|
3690
3700
|
* The header that goes to the top of the template
|
|
3691
3701
|
*/
|
|
@@ -4707,7 +4717,7 @@ declare interface BentoDataGridSummaryCellProps {
|
|
|
4707
4717
|
* `
|
|
4708
4718
|
* }
|
|
4709
4719
|
*/
|
|
4710
|
-
export declare const BentoDataGridTemplate:
|
|
4720
|
+
export declare const BentoDataGridTemplate: __VLS_WithTemplateSlots_54<DefineComponent< {
|
|
4711
4721
|
/**
|
|
4712
4722
|
* The header that goes to the top of the template
|
|
4713
4723
|
*/
|
|
@@ -10352,9 +10362,10 @@ closeOnClickOutsideOptions: any;
|
|
|
10352
10362
|
}>;
|
|
10353
10363
|
|
|
10354
10364
|
export declare type BentoMenuButtonProps = {
|
|
10355
|
-
|
|
10365
|
+
'aria-label'?: HTMLAttributes_2['aria-label'];
|
|
10356
10366
|
condensed?: ButtonProps['condensed'];
|
|
10357
10367
|
disabled?: ButtonProps['disabled'];
|
|
10368
|
+
variant?: ButtonProps['variant'];
|
|
10358
10369
|
};
|
|
10359
10370
|
|
|
10360
10371
|
export declare enum BentoMenuEvent {
|
|
@@ -12696,7 +12707,7 @@ export declare interface BentoPopoverProps {
|
|
|
12696
12707
|
* Popover's target element.
|
|
12697
12708
|
* The popover will position itself relatively to target element, in specified position.
|
|
12698
12709
|
*/
|
|
12699
|
-
targetElement:
|
|
12710
|
+
targetElement: InstanceType<typeof _default>['$props']['targetElement'];
|
|
12700
12711
|
/**
|
|
12701
12712
|
* Displays the popover without padding.
|
|
12702
12713
|
*/
|
|
@@ -12726,7 +12737,7 @@ export declare interface BentoPopoverProps {
|
|
|
12726
12737
|
* `
|
|
12727
12738
|
* };
|
|
12728
12739
|
*/
|
|
12729
|
-
export declare const BentoPromoBanner:
|
|
12740
|
+
export declare const BentoPromoBanner: __VLS_WithTemplateSlots_32<DefineComponent<__VLS_WithDefaults_31<__VLS_TypePropsToRuntimeProps_31<BentoPromoBannerProps>, {
|
|
12730
12741
|
actions: any;
|
|
12731
12742
|
color: BentoPromoBannerColor;
|
|
12732
12743
|
isDismissible: boolean;
|
|
@@ -12873,7 +12884,7 @@ export declare interface BentoPromoBannerProps {
|
|
|
12873
12884
|
* }
|
|
12874
12885
|
* }
|
|
12875
12886
|
*/
|
|
12876
|
-
export declare const BentoRadioButton:
|
|
12887
|
+
export declare const BentoRadioButton: __VLS_WithTemplateSlots_34<DefineComponent< {
|
|
12877
12888
|
/**
|
|
12878
12889
|
* Disable the radio button (optional)
|
|
12879
12890
|
*/
|
|
@@ -13028,7 +13039,7 @@ export declare type BentoRadioButtonValue = string | number;
|
|
|
13028
13039
|
* `
|
|
13029
13040
|
* };
|
|
13030
13041
|
*/
|
|
13031
|
-
export declare const BentoRadioGroup:
|
|
13042
|
+
export declare const BentoRadioGroup: __VLS_WithTemplateSlots_33<DefineComponent< {
|
|
13032
13043
|
/**
|
|
13033
13044
|
* Descriptive supporting text visbile underneath the label.
|
|
13034
13045
|
*/
|
|
@@ -13784,7 +13795,7 @@ export declare type BentoSelectFilterValue = BentoListboxSelectedValue;
|
|
|
13784
13795
|
* `
|
|
13785
13796
|
* }
|
|
13786
13797
|
*/
|
|
13787
|
-
export declare const BentoSelectionCard:
|
|
13798
|
+
export declare const BentoSelectionCard: __VLS_WithTemplateSlots_35<DefineComponent< {
|
|
13788
13799
|
/**
|
|
13789
13800
|
* The description of the selection card
|
|
13790
13801
|
*/
|
|
@@ -13977,7 +13988,7 @@ fullyClickable: boolean;
|
|
|
13977
13988
|
* `,
|
|
13978
13989
|
* }
|
|
13979
13990
|
*/
|
|
13980
|
-
export declare const BentoSelectionCardGroup:
|
|
13991
|
+
export declare const BentoSelectionCardGroup: __VLS_WithTemplateSlots_36<DefineComponent< {
|
|
13981
13992
|
/**
|
|
13982
13993
|
* Descriptive supporting text visbile underneath the label.
|
|
13983
13994
|
*/
|
|
@@ -14293,7 +14304,7 @@ export declare type BentoSelectTagFilterOptions = OmitStrict<BentoSelectFilterOp
|
|
|
14293
14304
|
* `
|
|
14294
14305
|
* }
|
|
14295
14306
|
*/
|
|
14296
|
-
export declare const BentoSidepanel:
|
|
14307
|
+
export declare const BentoSidepanel: __VLS_WithTemplateSlots_38<DefineComponent< {
|
|
14297
14308
|
/**
|
|
14298
14309
|
* The id of the current active page
|
|
14299
14310
|
* Should be the same id as the BentoSidepanelPage to be displayed
|
|
@@ -14421,7 +14432,7 @@ export declare enum BentoSidepanelEvent {
|
|
|
14421
14432
|
* `
|
|
14422
14433
|
* }
|
|
14423
14434
|
*/
|
|
14424
|
-
export declare const BentoSidepanelPage:
|
|
14435
|
+
export declare const BentoSidepanelPage: __VLS_WithTemplateSlots_37<DefineComponent< {
|
|
14425
14436
|
/**
|
|
14426
14437
|
* List of actions that will be used to render the buttons.
|
|
14427
14438
|
* First element in the list will be rendered as "primary".
|
|
@@ -14564,7 +14575,7 @@ destructiveActions: boolean;
|
|
|
14564
14575
|
* `
|
|
14565
14576
|
* }
|
|
14566
14577
|
*/
|
|
14567
|
-
export declare const BentoStatus:
|
|
14578
|
+
export declare const BentoStatus: __VLS_WithTemplateSlots_39<DefineComponent<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_37<BentoStatusProps>>>, {}>, {
|
|
14568
14579
|
default: (_: {}) => any;
|
|
14569
14580
|
}>;
|
|
14570
14581
|
|
|
@@ -14609,7 +14620,7 @@ export declare enum BentoStatusVariant {
|
|
|
14609
14620
|
* `
|
|
14610
14621
|
* }
|
|
14611
14622
|
*/
|
|
14612
|
-
export declare const BentoStep:
|
|
14623
|
+
export declare const BentoStep: __VLS_WithTemplateSlots_41<DefineComponent< {
|
|
14613
14624
|
/**
|
|
14614
14625
|
* Completed status. Used on non-linear steppers to indicate if the step is completed.
|
|
14615
14626
|
*/
|
|
@@ -14666,7 +14677,7 @@ substepIndex: number;
|
|
|
14666
14677
|
* `
|
|
14667
14678
|
* }
|
|
14668
14679
|
*/
|
|
14669
|
-
export declare const BentoStepper:
|
|
14680
|
+
export declare const BentoStepper: __VLS_WithTemplateSlots_40<DefineComponent< {
|
|
14670
14681
|
/**
|
|
14671
14682
|
* Type of stepper; defines how the stepper should behave. Default: linear
|
|
14672
14683
|
* @values linear, non-linear
|
|
@@ -14780,7 +14791,7 @@ declare interface BentoStickyTabsOptions {
|
|
|
14780
14791
|
* `
|
|
14781
14792
|
* }
|
|
14782
14793
|
*/
|
|
14783
|
-
export declare const BentoStructuredList:
|
|
14794
|
+
export declare const BentoStructuredList: __VLS_WithTemplateSlots_42<DefineComponent<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
|
|
14784
14795
|
/**
|
|
14785
14796
|
* Width of the labels container, in pixels. Overrides layout prop.
|
|
14786
14797
|
*/
|
|
@@ -14858,7 +14869,7 @@ labelsWidth: number;
|
|
|
14858
14869
|
* `
|
|
14859
14870
|
* }
|
|
14860
14871
|
*/
|
|
14861
|
-
export declare const BentoStructuredListItem:
|
|
14872
|
+
export declare const BentoStructuredListItem: __VLS_WithTemplateSlots_43<DefineComponent<__VLS_TypePropsToRuntimeProps_39<{
|
|
14862
14873
|
/**
|
|
14863
14874
|
* Label to display for the value
|
|
14864
14875
|
*/
|
|
@@ -14938,7 +14949,7 @@ declare const BentoStructuredListLayoutOptions: string[];
|
|
|
14938
14949
|
* `
|
|
14939
14950
|
* }
|
|
14940
14951
|
*/
|
|
14941
|
-
export declare const BentoSummaryGrid:
|
|
14952
|
+
export declare const BentoSummaryGrid: __VLS_WithTemplateSlots_44<DefineComponent<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
14942
14953
|
columnWidth: any;
|
|
14943
14954
|
slashedZero: boolean;
|
|
14944
14955
|
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<__VLS_WithDefaults_37<__VLS_TypePropsToRuntimeProps_40<BentoSummaryGridProps>, {
|
|
@@ -14976,7 +14987,7 @@ export declare interface BentoSummaryGridColumnWidth {
|
|
|
14976
14987
|
* `
|
|
14977
14988
|
* }
|
|
14978
14989
|
*/
|
|
14979
|
-
export declare const BentoSummaryGridItemAmount:
|
|
14990
|
+
export declare const BentoSummaryGridItemAmount: __VLS_WithTemplateSlots_45<DefineComponent<__VLS_WithDefaults_38<__VLS_TypePropsToRuntimeProps_41<BentoSummaryGridItemAmountProps>, {
|
|
14980
14991
|
copy: any;
|
|
14981
14992
|
fitContent: boolean;
|
|
14982
14993
|
infoIconTooltipText: any;
|
|
@@ -15053,7 +15064,7 @@ export declare interface BentoSummaryGridItemAmountProps extends BaseSummaryGrid
|
|
|
15053
15064
|
* `
|
|
15054
15065
|
* }
|
|
15055
15066
|
*/
|
|
15056
|
-
export declare const BentoSummaryGridItemCustom:
|
|
15067
|
+
export declare const BentoSummaryGridItemCustom: __VLS_WithTemplateSlots_49<DefineComponent<__VLS_WithDefaults_42<__VLS_TypePropsToRuntimeProps_45<BentoSummaryGridItemCustomProps>, {
|
|
15057
15068
|
copy: any;
|
|
15058
15069
|
infoIconTooltipText: any;
|
|
15059
15070
|
fitContent: boolean;
|
|
@@ -15127,7 +15138,7 @@ export declare interface BentoSummaryGridItemCustomProps {
|
|
|
15127
15138
|
* `
|
|
15128
15139
|
* }
|
|
15129
15140
|
*/
|
|
15130
|
-
export declare const BentoSummaryGridItemNumeric:
|
|
15141
|
+
export declare const BentoSummaryGridItemNumeric: __VLS_WithTemplateSlots_46<DefineComponent<__VLS_WithDefaults_39<__VLS_TypePropsToRuntimeProps_42<BentoSummaryGridItemNumericProps>, {
|
|
15131
15142
|
copy: any;
|
|
15132
15143
|
fitContent: boolean;
|
|
15133
15144
|
infoIconTooltipText: any;
|
|
@@ -15202,7 +15213,7 @@ export declare interface BentoSummaryGridItemNumericProps extends BaseSummaryGri
|
|
|
15202
15213
|
* `
|
|
15203
15214
|
* }
|
|
15204
15215
|
*/
|
|
15205
|
-
export declare const BentoSummaryGridItemPercentage:
|
|
15216
|
+
export declare const BentoSummaryGridItemPercentage: __VLS_WithTemplateSlots_47<DefineComponent<__VLS_WithDefaults_40<__VLS_TypePropsToRuntimeProps_43<BentoSummaryGridItemPercentageProps>, {
|
|
15206
15217
|
copy: any;
|
|
15207
15218
|
fitContent: boolean;
|
|
15208
15219
|
infoIconTooltipText: any;
|
|
@@ -15283,7 +15294,7 @@ export declare enum BentoSummaryGridItemSize {
|
|
|
15283
15294
|
* `
|
|
15284
15295
|
* }
|
|
15285
15296
|
*/
|
|
15286
|
-
export declare const BentoSummaryGridItemText:
|
|
15297
|
+
export declare const BentoSummaryGridItemText: __VLS_WithTemplateSlots_48<DefineComponent<__VLS_WithDefaults_41<__VLS_TypePropsToRuntimeProps_44<BentoSummaryGridItemTextProps>, {
|
|
15287
15298
|
copy: any;
|
|
15288
15299
|
fitContent: boolean;
|
|
15289
15300
|
infoIconTooltipText: any;
|
|
@@ -15385,7 +15396,7 @@ export declare interface BentoSummaryGridProps {
|
|
|
15385
15396
|
* </bento-tabs>
|
|
15386
15397
|
* </template>
|
|
15387
15398
|
*/
|
|
15388
|
-
export declare const BentoTab:
|
|
15399
|
+
export declare const BentoTab: __VLS_WithTemplateSlots_50<DefineComponent<__VLS_WithDefaults_43<__VLS_TypePropsToRuntimeProps_46<BentoTabProps>, {
|
|
15389
15400
|
counter: any;
|
|
15390
15401
|
disabled: boolean;
|
|
15391
15402
|
hidden: boolean;
|
|
@@ -17124,7 +17135,7 @@ export declare interface BentoTutorialStep {
|
|
|
17124
17135
|
* `
|
|
17125
17136
|
* }
|
|
17126
17137
|
*/
|
|
17127
|
-
export declare const BentoTypography:
|
|
17138
|
+
export declare const BentoTypography: __VLS_WithTemplateSlots_51<DefineComponent<__VLS_WithDefaults_44<__VLS_TypePropsToRuntimeProps_47<{
|
|
17128
17139
|
/**
|
|
17129
17140
|
* Sets the HTML DOM element.
|
|
17130
17141
|
* @values h1, h2, h3, h4, h5, h6, div, p, span
|
|
@@ -17349,6 +17360,254 @@ declare interface DateRangePickerCalendarRangeSelectorItem {
|
|
|
17349
17360
|
|
|
17350
17361
|
declare type DateRangePickerCalendarRangeSelectorItems = Array<DateRangePickerCalendarRangeSelectorItem>;
|
|
17351
17362
|
|
|
17363
|
+
/**
|
|
17364
|
+
* A wrapper for the 'popper/core' package that overlays a small piece of content near a target element.
|
|
17365
|
+
*
|
|
17366
|
+
* NOTE: This component should not be used by itself but more implemented by other exported components
|
|
17367
|
+
* e.g. Tooltip
|
|
17368
|
+
* More info here on the package: https://floating-ui.com/docs/vue
|
|
17369
|
+
*
|
|
17370
|
+
* * @usage
|
|
17371
|
+
* import { PopperContainer } from '../..';
|
|
17372
|
+
*
|
|
17373
|
+
* export default {
|
|
17374
|
+
* components: { PopperContainer },
|
|
17375
|
+
* computed: {
|
|
17376
|
+
* targetElement() {
|
|
17377
|
+
* return this.$refs.tooltipTarget;
|
|
17378
|
+
* },
|
|
17379
|
+
* },
|
|
17380
|
+
* template: `
|
|
17381
|
+
* <popper-container
|
|
17382
|
+
* :target-element="targetElement"
|
|
17383
|
+
* :position="position"
|
|
17384
|
+
* >
|
|
17385
|
+
* {{ content }}
|
|
17386
|
+
* </popper-container>`,
|
|
17387
|
+
* }
|
|
17388
|
+
*/
|
|
17389
|
+
declare const _default: __VLS_WithTemplateSlots_31<DefineComponent< {
|
|
17390
|
+
/**
|
|
17391
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17392
|
+
*/
|
|
17393
|
+
ariaRole: {
|
|
17394
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17395
|
+
default: any;
|
|
17396
|
+
validator: (value: unknown) => boolean;
|
|
17397
|
+
};
|
|
17398
|
+
/**
|
|
17399
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17400
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17401
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17402
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17403
|
+
*/
|
|
17404
|
+
arrow: {
|
|
17405
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17406
|
+
default: any;
|
|
17407
|
+
};
|
|
17408
|
+
/**
|
|
17409
|
+
* Disables wrapping focus-trap component.
|
|
17410
|
+
* Mostly useful for the storybook demo.
|
|
17411
|
+
*/
|
|
17412
|
+
disabledFocusTrap: {
|
|
17413
|
+
type: BooleanConstructor;
|
|
17414
|
+
default: boolean;
|
|
17415
|
+
};
|
|
17416
|
+
/**
|
|
17417
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17418
|
+
* Useful when not using auto as starting placement.
|
|
17419
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17420
|
+
*/
|
|
17421
|
+
fallbackPosition: {
|
|
17422
|
+
type: PropType<FallbackPositionProp>;
|
|
17423
|
+
default: any;
|
|
17424
|
+
};
|
|
17425
|
+
/**
|
|
17426
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17427
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17428
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17429
|
+
*/
|
|
17430
|
+
fixedPositioning: {
|
|
17431
|
+
type: BooleanConstructor;
|
|
17432
|
+
default: boolean;
|
|
17433
|
+
};
|
|
17434
|
+
/**
|
|
17435
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17436
|
+
*/
|
|
17437
|
+
id: {
|
|
17438
|
+
type: StringConstructor;
|
|
17439
|
+
default: any;
|
|
17440
|
+
};
|
|
17441
|
+
/**
|
|
17442
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17443
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17444
|
+
*/
|
|
17445
|
+
isHidden: {
|
|
17446
|
+
type: BooleanConstructor;
|
|
17447
|
+
default: any;
|
|
17448
|
+
};
|
|
17449
|
+
/**
|
|
17450
|
+
* Instructs popper container to have the same width as target element.
|
|
17451
|
+
*/
|
|
17452
|
+
matchWidth: {
|
|
17453
|
+
type: BooleanConstructor;
|
|
17454
|
+
default: boolean;
|
|
17455
|
+
};
|
|
17456
|
+
/**
|
|
17457
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17458
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17459
|
+
*/
|
|
17460
|
+
middleware: {
|
|
17461
|
+
type: PropType<Middleware[]>;
|
|
17462
|
+
default: any;
|
|
17463
|
+
};
|
|
17464
|
+
/**
|
|
17465
|
+
* Allows to displace a popper container from its target element.
|
|
17466
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17467
|
+
*/
|
|
17468
|
+
offset: {
|
|
17469
|
+
type: PropType<number[]>;
|
|
17470
|
+
default: () => number[];
|
|
17471
|
+
validator: (value: number[]) => boolean;
|
|
17472
|
+
};
|
|
17473
|
+
/**
|
|
17474
|
+
* Position relative to the target element
|
|
17475
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17476
|
+
*/
|
|
17477
|
+
position: {
|
|
17478
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17479
|
+
default: PopperContainerPositionExtended;
|
|
17480
|
+
validator: (value: unknown) => boolean;
|
|
17481
|
+
};
|
|
17482
|
+
/**
|
|
17483
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17484
|
+
*/
|
|
17485
|
+
targetElement: {
|
|
17486
|
+
type: PropType<VueNodeElement>;
|
|
17487
|
+
required: true;
|
|
17488
|
+
};
|
|
17489
|
+
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
17490
|
+
placement: (value: Placement) => void;
|
|
17491
|
+
}, string, Readonly<ExtractPropTypes< {
|
|
17492
|
+
/**
|
|
17493
|
+
* The aria role assigned to the container. Defaults to null, which means it's not set if nothing is passed.
|
|
17494
|
+
*/
|
|
17495
|
+
ariaRole: {
|
|
17496
|
+
type: PropType<PopperContainerAriaRole>;
|
|
17497
|
+
default: any;
|
|
17498
|
+
validator: (value: unknown) => boolean;
|
|
17499
|
+
};
|
|
17500
|
+
/**
|
|
17501
|
+
* Indicates if container should have additional arrow, pointing at target element
|
|
17502
|
+
* Can be just a boolean flag, or an object with additional configuration:
|
|
17503
|
+
* @property {Array<string>} arrow.classes – apply any additional classes to the arrow element.
|
|
17504
|
+
* @property {string} arrow.padding – useful when content has rounded corners, @see {@link https://floating-ui.com/docs/arrow#padding}
|
|
17505
|
+
*/
|
|
17506
|
+
arrow: {
|
|
17507
|
+
type: PropType<PopperContainerArrowProp | boolean>;
|
|
17508
|
+
default: any;
|
|
17509
|
+
};
|
|
17510
|
+
/**
|
|
17511
|
+
* Disables wrapping focus-trap component.
|
|
17512
|
+
* Mostly useful for the storybook demo.
|
|
17513
|
+
*/
|
|
17514
|
+
disabledFocusTrap: {
|
|
17515
|
+
type: BooleanConstructor;
|
|
17516
|
+
default: boolean;
|
|
17517
|
+
};
|
|
17518
|
+
/**
|
|
17519
|
+
* Allows to configure to fallback position to the one specified, it could be 'auto' or ['right', 'top', ...].
|
|
17520
|
+
* Useful when not using auto as starting placement.
|
|
17521
|
+
* @see {@link https://floating-ui.com/docs/flip#fallbackplacements}
|
|
17522
|
+
*/
|
|
17523
|
+
fallbackPosition: {
|
|
17524
|
+
type: PropType<FallbackPositionProp>;
|
|
17525
|
+
default: any;
|
|
17526
|
+
};
|
|
17527
|
+
/**
|
|
17528
|
+
* Instructs popover to be visible outside of the containing container.
|
|
17529
|
+
* Useful when component would be used in limited containers like Modal, Side panel, etc.
|
|
17530
|
+
* @see {@link https://floating-ui.com/docs/usefloating#strategy}
|
|
17531
|
+
*/
|
|
17532
|
+
fixedPositioning: {
|
|
17533
|
+
type: BooleanConstructor;
|
|
17534
|
+
default: boolean;
|
|
17535
|
+
};
|
|
17536
|
+
/**
|
|
17537
|
+
* The id to be set on the component. Use it for accessibility purposes.
|
|
17538
|
+
*/
|
|
17539
|
+
id: {
|
|
17540
|
+
type: StringConstructor;
|
|
17541
|
+
default: any;
|
|
17542
|
+
};
|
|
17543
|
+
/**
|
|
17544
|
+
* If hiding / showing popper element then use this property to tell the popper when to update it's position.
|
|
17545
|
+
* This will drastically help improve performance, as we will not need to track hidden elements.
|
|
17546
|
+
*/
|
|
17547
|
+
isHidden: {
|
|
17548
|
+
type: BooleanConstructor;
|
|
17549
|
+
default: any;
|
|
17550
|
+
};
|
|
17551
|
+
/**
|
|
17552
|
+
* Instructs popper container to have the same width as target element.
|
|
17553
|
+
*/
|
|
17554
|
+
matchWidth: {
|
|
17555
|
+
type: BooleanConstructor;
|
|
17556
|
+
default: boolean;
|
|
17557
|
+
};
|
|
17558
|
+
/**
|
|
17559
|
+
* Custom set of middleware. Useful for low-level control over Popper behavior in some really complex use cases.
|
|
17560
|
+
* @see {@link https://floating-ui.com/docs/middleware}
|
|
17561
|
+
*/
|
|
17562
|
+
middleware: {
|
|
17563
|
+
type: PropType<Middleware[]>;
|
|
17564
|
+
default: any;
|
|
17565
|
+
};
|
|
17566
|
+
/**
|
|
17567
|
+
* Allows to displace a popper container from its target element.
|
|
17568
|
+
* @see {@link https://floating-ui.com/docs/offset#options}
|
|
17569
|
+
*/
|
|
17570
|
+
offset: {
|
|
17571
|
+
type: PropType<number[]>;
|
|
17572
|
+
default: () => number[];
|
|
17573
|
+
validator: (value: number[]) => boolean;
|
|
17574
|
+
};
|
|
17575
|
+
/**
|
|
17576
|
+
* Position relative to the target element
|
|
17577
|
+
* @see {@link https://floating-ui.com/docs/computeposition#placement}
|
|
17578
|
+
*/
|
|
17579
|
+
position: {
|
|
17580
|
+
type: PropType<PopperContainerPosition | `${PopperContainerPosition}`>;
|
|
17581
|
+
default: PopperContainerPositionExtended;
|
|
17582
|
+
validator: (value: unknown) => boolean;
|
|
17583
|
+
};
|
|
17584
|
+
/**
|
|
17585
|
+
* Reference to the DOM element or Vue component for positioning
|
|
17586
|
+
*/
|
|
17587
|
+
targetElement: {
|
|
17588
|
+
type: PropType<VueNodeElement>;
|
|
17589
|
+
required: true;
|
|
17590
|
+
};
|
|
17591
|
+
}>>, {
|
|
17592
|
+
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;
|
|
17593
|
+
offset: number[];
|
|
17594
|
+
id: string;
|
|
17595
|
+
ariaRole: PopperContainerAriaRole;
|
|
17596
|
+
arrow: any;
|
|
17597
|
+
disabledFocusTrap: boolean;
|
|
17598
|
+
fallbackPosition: FallbackPositionProp;
|
|
17599
|
+
fixedPositioning: boolean;
|
|
17600
|
+
isHidden: boolean;
|
|
17601
|
+
matchWidth: boolean;
|
|
17602
|
+
middleware: {
|
|
17603
|
+
name: string;
|
|
17604
|
+
options?: any;
|
|
17605
|
+
fn: (state: MiddlewareState) => MiddlewareReturn | Promise<MiddlewareReturn>;
|
|
17606
|
+
}[];
|
|
17607
|
+
}>, {
|
|
17608
|
+
default: (_: {}) => any;
|
|
17609
|
+
}>;
|
|
17610
|
+
|
|
17352
17611
|
declare type DropdownProps = InstanceType<typeof BentoDropdown>['$props'];
|
|
17353
17612
|
|
|
17354
17613
|
declare type Element_2 = HTMLElement & {
|
|
@@ -17369,6 +17628,8 @@ export declare type Expand<T> = T extends infer O ? {
|
|
|
17369
17628
|
[K in keyof O]: O[K];
|
|
17370
17629
|
} : never;
|
|
17371
17630
|
|
|
17631
|
+
declare type FallbackPositionProp = `${PopperContainerPosition}`[] | `${PopperContainerPosition}`;
|
|
17632
|
+
|
|
17372
17633
|
/**
|
|
17373
17634
|
* Void function
|
|
17374
17635
|
*/
|
|
@@ -17620,6 +17881,16 @@ declare interface OnClickOutsideOptions {
|
|
|
17620
17881
|
declare const plugin: PluginObject<BentoVuePlugin>;
|
|
17621
17882
|
export default plugin;
|
|
17622
17883
|
|
|
17884
|
+
declare enum PopperContainerAriaRole {
|
|
17885
|
+
TOOLTIP = "tooltip",
|
|
17886
|
+
POPOVER = "dialog"
|
|
17887
|
+
}
|
|
17888
|
+
|
|
17889
|
+
declare interface PopperContainerArrowProp {
|
|
17890
|
+
classes?: string[];
|
|
17891
|
+
padding?: string;
|
|
17892
|
+
}
|
|
17893
|
+
|
|
17623
17894
|
/**
|
|
17624
17895
|
* @deprecated for usage with properties since version 2.0. Use the string literal instead.
|
|
17625
17896
|
*/
|
package/dist/action-bar.js
CHANGED
|
@@ -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-un2ka4d-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),enter-un2ka4d-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-enter),scale-up-un2ka4d-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-un2ka4d-66c09812{0%{opacity:0}to{opacity:1}}@keyframes scale-up-un2ka4d-66c09812{0%{scale:1}to{scale:1}}@keyframes enter-un2ka4d-66c09812{0%{translate:0 -8px}to{translate:0 0}}.b-accordion-item__animation--content-leave-active[data-v-66c09812]{animation:fade-out-un2ka4q-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-linear),exit-un2ka4q-66c09812 var(--b-accordion-item-animation-duration) var(--b-animation-easing-exit),scale-down-un2ka4q-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-un2ka4q-66c09812{0%{opacity:1}to{opacity:0}}@keyframes scale-down-un2ka4q-66c09812{0%{scale:1}to{scale:1}}@keyframes exit-un2ka4q-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-un2ka09-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),enter-un2ka09-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-enter),scale-up-un2ka09-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-in-un2ka09-96fd1efb{0%{opacity:0}to{opacity:1}}@keyframes scale-up-un2ka09-96fd1efb{0%{scale:.9}to{scale:1}}@keyframes enter-un2ka09-96fd1efb{0%{translate:0 8px}to{translate:0 0}}.b-action-bar__animation-leave-active[data-v-96fd1efb]{animation:fade-out-un2ka1m-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear),exit-un2ka1m-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-exit),scale-down-un2ka1m-96fd1efb var(--b-action-bar-animation-duration) var(--b-animation-easing-linear)}@keyframes fade-out-un2ka1m-96fd1efb{0%{opacity:1}to{opacity:0}}@keyframes scale-down-un2ka1m-96fd1efb{0%{scale:1}to{scale:.9}}@keyframes exit-un2ka1m-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-un2ka7p-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),enter-un2ka7p-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-enter),scale-up-un2ka7p-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-un2ka7p-c6431721{0%{opacity:0}to{opacity:1}}@keyframes scale-up-un2ka7p-c6431721{0%{scale:1}to{scale:1}}@keyframes enter-un2ka7p-c6431721{0%{translate:0 24px}to{translate:0 0}}.b-modal-base__container[open][data-v-c6431721]::backdrop{animation:fade-in-un2ka8e-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-in-un2ka8e-c6431721{0%{opacity:0}to{opacity:.5}}.b-modal-base__container--hide[open][data-v-c6431721]{animation:fade-out-un2ka9b-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear),exit-un2ka9b-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-exit),scale-down-un2ka9b-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-un2ka9b-c6431721{0%{opacity:1}to{opacity:0}}@keyframes scale-down-un2ka9b-c6431721{0%{scale:1}to{scale:1}}@keyframes exit-un2ka9b-c6431721{0%{translate:0 0}to{translate:0 24px}}.b-modal-base__container--hide[open][data-v-c6431721]::backdrop{animation:fade-out-un2ka9s-c6431721 var(--b-modal-animation-duration, .15s) var(--b-animation-easing-linear)}@keyframes fade-out-un2ka9s-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-un2ka3f-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-linear),enter-un2ka3f-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-enter),scale-up-un2ka3f-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-un2ka3f-49a71f6e{0%{opacity:0}to{opacity:1}}@keyframes scale-up-un2ka3f-49a71f6e{0%{scale:1}to{scale:1}}@keyframes enter-un2ka3f-49a71f6e{0%{translate:0 -8px}to{translate:0 0}}.b-card__animation-leave-active[data-v-49a71f6e]{animation:fade-out-un2ka3l-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-linear),exit-un2ka3l-49a71f6e var(--b-card-animation-duration) var(--b-animation-easing-exit),scale-down-un2ka3l-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-un2ka3l-49a71f6e{0%{opacity:1}to{opacity:0}}@keyframes scale-down-un2ka3l-49a71f6e{0%{scale:1}to{scale:1}}@keyframes exit-un2ka3l-49a71f6e{0%{translate:0 0}to{translate:0 -8px}}
|