@ironsource/shared-ui 2.1.12-test.84 → 2.1.12-test.85
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/DropdownV4.vue_vue_type_style_index_0_scoped_934163c0_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +1 -0
- package/components/dropdown/common/Dropdown.common.js +82 -78
- package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +41 -39
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -5
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +3 -3
- package/components/dropdown/v4/index.d.ts +40 -21
- package/index.d.ts +80 -42
- package/index.js +1 -1
- package/mocks/optionsWithIcons.d.ts +1 -0
- package/package.json +1 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_8e88292f_lang.css +0 -1
package/index.d.ts
CHANGED
|
@@ -16410,6 +16410,7 @@ declare const _default: {
|
|
|
16410
16410
|
groupedOptions: boolean;
|
|
16411
16411
|
comparingKey: string;
|
|
16412
16412
|
customNumberOfDisplayedOptions: number;
|
|
16413
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
16413
16414
|
fullWidth: boolean;
|
|
16414
16415
|
optionsListWidth: string;
|
|
16415
16416
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -16658,6 +16659,10 @@ declare const _default: {
|
|
|
16658
16659
|
type: import("vue").PropType<number>;
|
|
16659
16660
|
default: any;
|
|
16660
16661
|
};
|
|
16662
|
+
optionTooltipPosition: {
|
|
16663
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
16664
|
+
default: string;
|
|
16665
|
+
};
|
|
16661
16666
|
fullWidth: {
|
|
16662
16667
|
type: import("vue").PropType<boolean>;
|
|
16663
16668
|
default: boolean;
|
|
@@ -16695,7 +16700,7 @@ declare const _default: {
|
|
|
16695
16700
|
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
16696
16701
|
onOpened?: () => any;
|
|
16697
16702
|
onClosed?: () => any;
|
|
16698
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
16703
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
16699
16704
|
$attrs: {
|
|
16700
16705
|
[x: string]: unknown;
|
|
16701
16706
|
};
|
|
@@ -16951,6 +16956,10 @@ declare const _default: {
|
|
|
16951
16956
|
type: import("vue").PropType<number>;
|
|
16952
16957
|
default: any;
|
|
16953
16958
|
};
|
|
16959
|
+
optionTooltipPosition: {
|
|
16960
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
16961
|
+
default: string;
|
|
16962
|
+
};
|
|
16954
16963
|
fullWidth: {
|
|
16955
16964
|
type: import("vue").PropType<boolean>;
|
|
16956
16965
|
default: boolean;
|
|
@@ -17061,6 +17070,7 @@ declare const _default: {
|
|
|
17061
17070
|
groupedOptions: boolean;
|
|
17062
17071
|
comparingKey: string;
|
|
17063
17072
|
customNumberOfDisplayedOptions: number;
|
|
17073
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
17064
17074
|
fullWidth: boolean;
|
|
17065
17075
|
optionsListWidth: string;
|
|
17066
17076
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -17329,6 +17339,10 @@ declare const _default: {
|
|
|
17329
17339
|
type: import("vue").PropType<number>;
|
|
17330
17340
|
default: any;
|
|
17331
17341
|
};
|
|
17342
|
+
optionTooltipPosition: {
|
|
17343
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
17344
|
+
default: string;
|
|
17345
|
+
};
|
|
17332
17346
|
fullWidth: {
|
|
17333
17347
|
type: import("vue").PropType<boolean>;
|
|
17334
17348
|
default: boolean;
|
|
@@ -17615,6 +17629,10 @@ declare const _default: {
|
|
|
17615
17629
|
type: import("vue").PropType<number>;
|
|
17616
17630
|
default: any;
|
|
17617
17631
|
};
|
|
17632
|
+
optionTooltipPosition: {
|
|
17633
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
17634
|
+
default: string;
|
|
17635
|
+
};
|
|
17618
17636
|
fullWidth: {
|
|
17619
17637
|
type: import("vue").PropType<boolean>;
|
|
17620
17638
|
default: boolean;
|
|
@@ -17725,6 +17743,7 @@ declare const _default: {
|
|
|
17725
17743
|
groupedOptions: boolean;
|
|
17726
17744
|
comparingKey: string;
|
|
17727
17745
|
customNumberOfDisplayedOptions: number;
|
|
17746
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
17728
17747
|
fullWidth: boolean;
|
|
17729
17748
|
optionsListWidth: string;
|
|
17730
17749
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -20464,6 +20483,7 @@ declare const _default: {
|
|
|
20464
20483
|
$data: {};
|
|
20465
20484
|
$props: Partial<{
|
|
20466
20485
|
option: any;
|
|
20486
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20467
20487
|
disabled: boolean;
|
|
20468
20488
|
active: boolean;
|
|
20469
20489
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -20480,7 +20500,6 @@ declare const _default: {
|
|
|
20480
20500
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
20481
20501
|
endIconKey: string;
|
|
20482
20502
|
endTextIconKey: string;
|
|
20483
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20484
20503
|
treeMainOption: boolean;
|
|
20485
20504
|
treeMainOptionExpanded: boolean;
|
|
20486
20505
|
stopOptionClickEventPropagation: boolean;
|
|
@@ -20492,6 +20511,10 @@ declare const _default: {
|
|
|
20492
20511
|
type: import("vue").PropType<unknown>;
|
|
20493
20512
|
default: any;
|
|
20494
20513
|
};
|
|
20514
|
+
tooltipPlacement: {
|
|
20515
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20516
|
+
default: string;
|
|
20517
|
+
};
|
|
20495
20518
|
disabled: {
|
|
20496
20519
|
type: import("vue").PropType<boolean>;
|
|
20497
20520
|
default: boolean;
|
|
@@ -20556,10 +20579,6 @@ declare const _default: {
|
|
|
20556
20579
|
type: import("vue").PropType<string>;
|
|
20557
20580
|
default: any;
|
|
20558
20581
|
};
|
|
20559
|
-
toolTipPlacement: {
|
|
20560
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20561
|
-
default: string;
|
|
20562
|
-
};
|
|
20563
20582
|
treeMainOption: {
|
|
20564
20583
|
type: import("vue").PropType<boolean>;
|
|
20565
20584
|
default: boolean;
|
|
@@ -20589,7 +20608,7 @@ declare const _default: {
|
|
|
20589
20608
|
};
|
|
20590
20609
|
}>> & {
|
|
20591
20610
|
onToggleTreeCollapse?: (option: unknown) => any;
|
|
20592
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "
|
|
20611
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
|
|
20593
20612
|
$attrs: {
|
|
20594
20613
|
[x: string]: unknown;
|
|
20595
20614
|
};
|
|
@@ -20608,6 +20627,10 @@ declare const _default: {
|
|
|
20608
20627
|
type: import("vue").PropType<unknown>;
|
|
20609
20628
|
default: any;
|
|
20610
20629
|
};
|
|
20630
|
+
tooltipPlacement: {
|
|
20631
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20632
|
+
default: string;
|
|
20633
|
+
};
|
|
20611
20634
|
disabled: {
|
|
20612
20635
|
type: import("vue").PropType<boolean>;
|
|
20613
20636
|
default: boolean;
|
|
@@ -20672,10 +20695,6 @@ declare const _default: {
|
|
|
20672
20695
|
type: import("vue").PropType<string>;
|
|
20673
20696
|
default: any;
|
|
20674
20697
|
};
|
|
20675
|
-
toolTipPlacement: {
|
|
20676
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20677
|
-
default: string;
|
|
20678
|
-
};
|
|
20679
20698
|
treeMainOption: {
|
|
20680
20699
|
type: import("vue").PropType<boolean>;
|
|
20681
20700
|
default: boolean;
|
|
@@ -20709,6 +20728,7 @@ declare const _default: {
|
|
|
20709
20728
|
toggleTreeCollapse: (option: unknown) => void;
|
|
20710
20729
|
}, string, {
|
|
20711
20730
|
option: any;
|
|
20731
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20712
20732
|
disabled: boolean;
|
|
20713
20733
|
active: boolean;
|
|
20714
20734
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -20725,7 +20745,6 @@ declare const _default: {
|
|
|
20725
20745
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
20726
20746
|
endIconKey: string;
|
|
20727
20747
|
endTextIconKey: string;
|
|
20728
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20729
20748
|
treeMainOption: boolean;
|
|
20730
20749
|
treeMainOptionExpanded: boolean;
|
|
20731
20750
|
stopOptionClickEventPropagation: boolean;
|
|
@@ -20757,6 +20776,10 @@ declare const _default: {
|
|
|
20757
20776
|
type: import("vue").PropType<unknown>;
|
|
20758
20777
|
default: any;
|
|
20759
20778
|
};
|
|
20779
|
+
tooltipPlacement: {
|
|
20780
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20781
|
+
default: string;
|
|
20782
|
+
};
|
|
20760
20783
|
disabled: {
|
|
20761
20784
|
type: import("vue").PropType<boolean>;
|
|
20762
20785
|
default: boolean;
|
|
@@ -20821,10 +20844,6 @@ declare const _default: {
|
|
|
20821
20844
|
type: import("vue").PropType<string>;
|
|
20822
20845
|
default: any;
|
|
20823
20846
|
};
|
|
20824
|
-
toolTipPlacement: {
|
|
20825
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20826
|
-
default: string;
|
|
20827
|
-
};
|
|
20828
20847
|
treeMainOption: {
|
|
20829
20848
|
type: import("vue").PropType<boolean>;
|
|
20830
20849
|
default: boolean;
|
|
@@ -20863,6 +20882,10 @@ declare const _default: {
|
|
|
20863
20882
|
type: import("vue").PropType<unknown>;
|
|
20864
20883
|
default: any;
|
|
20865
20884
|
};
|
|
20885
|
+
tooltipPlacement: {
|
|
20886
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20887
|
+
default: string;
|
|
20888
|
+
};
|
|
20866
20889
|
disabled: {
|
|
20867
20890
|
type: import("vue").PropType<boolean>;
|
|
20868
20891
|
default: boolean;
|
|
@@ -20927,10 +20950,6 @@ declare const _default: {
|
|
|
20927
20950
|
type: import("vue").PropType<string>;
|
|
20928
20951
|
default: any;
|
|
20929
20952
|
};
|
|
20930
|
-
toolTipPlacement: {
|
|
20931
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
20932
|
-
default: string;
|
|
20933
|
-
};
|
|
20934
20953
|
treeMainOption: {
|
|
20935
20954
|
type: import("vue").PropType<boolean>;
|
|
20936
20955
|
default: boolean;
|
|
@@ -20964,6 +20983,7 @@ declare const _default: {
|
|
|
20964
20983
|
toggleTreeCollapse: (option: unknown) => void;
|
|
20965
20984
|
}, string, {
|
|
20966
20985
|
option: any;
|
|
20986
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20967
20987
|
disabled: boolean;
|
|
20968
20988
|
active: boolean;
|
|
20969
20989
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -20980,7 +21000,6 @@ declare const _default: {
|
|
|
20980
21000
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
20981
21001
|
endIconKey: string;
|
|
20982
21002
|
endTextIconKey: string;
|
|
20983
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
20984
21003
|
treeMainOption: boolean;
|
|
20985
21004
|
treeMainOptionExpanded: boolean;
|
|
20986
21005
|
stopOptionClickEventPropagation: boolean;
|
|
@@ -21224,6 +21243,7 @@ declare const _default: {
|
|
|
21224
21243
|
groupedOptions: boolean;
|
|
21225
21244
|
comparingKey: string;
|
|
21226
21245
|
customNumberOfDisplayedOptions: number;
|
|
21246
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
21227
21247
|
fullWidth: boolean;
|
|
21228
21248
|
optionsListWidth: string;
|
|
21229
21249
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -21472,6 +21492,10 @@ declare const _default: {
|
|
|
21472
21492
|
type: import("vue").PropType<number>;
|
|
21473
21493
|
default: any;
|
|
21474
21494
|
};
|
|
21495
|
+
optionTooltipPosition: {
|
|
21496
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
21497
|
+
default: string;
|
|
21498
|
+
};
|
|
21475
21499
|
fullWidth: {
|
|
21476
21500
|
type: import("vue").PropType<boolean>;
|
|
21477
21501
|
default: boolean;
|
|
@@ -21509,7 +21533,7 @@ declare const _default: {
|
|
|
21509
21533
|
onUnsavedSelectionUpdate?: (value: unknown[]) => any;
|
|
21510
21534
|
onOpened?: () => any;
|
|
21511
21535
|
onClosed?: () => any;
|
|
21512
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
21536
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
|
|
21513
21537
|
$attrs: {
|
|
21514
21538
|
[x: string]: unknown;
|
|
21515
21539
|
};
|
|
@@ -21765,6 +21789,10 @@ declare const _default: {
|
|
|
21765
21789
|
type: import("vue").PropType<number>;
|
|
21766
21790
|
default: any;
|
|
21767
21791
|
};
|
|
21792
|
+
optionTooltipPosition: {
|
|
21793
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
21794
|
+
default: string;
|
|
21795
|
+
};
|
|
21768
21796
|
fullWidth: {
|
|
21769
21797
|
type: import("vue").PropType<boolean>;
|
|
21770
21798
|
default: boolean;
|
|
@@ -21875,6 +21903,7 @@ declare const _default: {
|
|
|
21875
21903
|
groupedOptions: boolean;
|
|
21876
21904
|
comparingKey: string;
|
|
21877
21905
|
customNumberOfDisplayedOptions: number;
|
|
21906
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
21878
21907
|
fullWidth: boolean;
|
|
21879
21908
|
optionsListWidth: string;
|
|
21880
21909
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -22143,6 +22172,10 @@ declare const _default: {
|
|
|
22143
22172
|
type: import("vue").PropType<number>;
|
|
22144
22173
|
default: any;
|
|
22145
22174
|
};
|
|
22175
|
+
optionTooltipPosition: {
|
|
22176
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
22177
|
+
default: string;
|
|
22178
|
+
};
|
|
22146
22179
|
fullWidth: {
|
|
22147
22180
|
type: import("vue").PropType<boolean>;
|
|
22148
22181
|
default: boolean;
|
|
@@ -22429,6 +22462,10 @@ declare const _default: {
|
|
|
22429
22462
|
type: import("vue").PropType<number>;
|
|
22430
22463
|
default: any;
|
|
22431
22464
|
};
|
|
22465
|
+
optionTooltipPosition: {
|
|
22466
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
22467
|
+
default: string;
|
|
22468
|
+
};
|
|
22432
22469
|
fullWidth: {
|
|
22433
22470
|
type: import("vue").PropType<boolean>;
|
|
22434
22471
|
default: boolean;
|
|
@@ -22539,6 +22576,7 @@ declare const _default: {
|
|
|
22539
22576
|
groupedOptions: boolean;
|
|
22540
22577
|
comparingKey: string;
|
|
22541
22578
|
customNumberOfDisplayedOptions: number;
|
|
22579
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
22542
22580
|
fullWidth: boolean;
|
|
22543
22581
|
optionsListWidth: string;
|
|
22544
22582
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -23700,6 +23738,7 @@ declare const _default: {
|
|
|
23700
23738
|
$data: {};
|
|
23701
23739
|
$props: Partial<{
|
|
23702
23740
|
option: any;
|
|
23741
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
23703
23742
|
disabled: boolean;
|
|
23704
23743
|
active: boolean;
|
|
23705
23744
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -23716,7 +23755,6 @@ declare const _default: {
|
|
|
23716
23755
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
23717
23756
|
endIconKey: string;
|
|
23718
23757
|
endTextIconKey: string;
|
|
23719
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
23720
23758
|
treeMainOption: boolean;
|
|
23721
23759
|
treeMainOptionExpanded: boolean;
|
|
23722
23760
|
stopOptionClickEventPropagation: boolean;
|
|
@@ -23728,6 +23766,10 @@ declare const _default: {
|
|
|
23728
23766
|
type: import("vue").PropType<unknown>;
|
|
23729
23767
|
default: any;
|
|
23730
23768
|
};
|
|
23769
|
+
tooltipPlacement: {
|
|
23770
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
23771
|
+
default: string;
|
|
23772
|
+
};
|
|
23731
23773
|
disabled: {
|
|
23732
23774
|
type: import("vue").PropType<boolean>;
|
|
23733
23775
|
default: boolean;
|
|
@@ -23792,10 +23834,6 @@ declare const _default: {
|
|
|
23792
23834
|
type: import("vue").PropType<string>;
|
|
23793
23835
|
default: any;
|
|
23794
23836
|
};
|
|
23795
|
-
toolTipPlacement: {
|
|
23796
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
23797
|
-
default: string;
|
|
23798
|
-
};
|
|
23799
23837
|
treeMainOption: {
|
|
23800
23838
|
type: import("vue").PropType<boolean>;
|
|
23801
23839
|
default: boolean;
|
|
@@ -23825,7 +23863,7 @@ declare const _default: {
|
|
|
23825
23863
|
};
|
|
23826
23864
|
}>> & {
|
|
23827
23865
|
onToggleTreeCollapse?: (option: unknown) => any;
|
|
23828
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "
|
|
23866
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
|
|
23829
23867
|
$attrs: {
|
|
23830
23868
|
[x: string]: unknown;
|
|
23831
23869
|
};
|
|
@@ -23844,6 +23882,10 @@ declare const _default: {
|
|
|
23844
23882
|
type: import("vue").PropType<unknown>;
|
|
23845
23883
|
default: any;
|
|
23846
23884
|
};
|
|
23885
|
+
tooltipPlacement: {
|
|
23886
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
23887
|
+
default: string;
|
|
23888
|
+
};
|
|
23847
23889
|
disabled: {
|
|
23848
23890
|
type: import("vue").PropType<boolean>;
|
|
23849
23891
|
default: boolean;
|
|
@@ -23908,10 +23950,6 @@ declare const _default: {
|
|
|
23908
23950
|
type: import("vue").PropType<string>;
|
|
23909
23951
|
default: any;
|
|
23910
23952
|
};
|
|
23911
|
-
toolTipPlacement: {
|
|
23912
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
23913
|
-
default: string;
|
|
23914
|
-
};
|
|
23915
23953
|
treeMainOption: {
|
|
23916
23954
|
type: import("vue").PropType<boolean>;
|
|
23917
23955
|
default: boolean;
|
|
@@ -23945,6 +23983,7 @@ declare const _default: {
|
|
|
23945
23983
|
toggleTreeCollapse: (option: unknown) => void;
|
|
23946
23984
|
}, string, {
|
|
23947
23985
|
option: any;
|
|
23986
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
23948
23987
|
disabled: boolean;
|
|
23949
23988
|
active: boolean;
|
|
23950
23989
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -23961,7 +24000,6 @@ declare const _default: {
|
|
|
23961
24000
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
23962
24001
|
endIconKey: string;
|
|
23963
24002
|
endTextIconKey: string;
|
|
23964
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
23965
24003
|
treeMainOption: boolean;
|
|
23966
24004
|
treeMainOptionExpanded: boolean;
|
|
23967
24005
|
stopOptionClickEventPropagation: boolean;
|
|
@@ -23993,6 +24031,10 @@ declare const _default: {
|
|
|
23993
24031
|
type: import("vue").PropType<unknown>;
|
|
23994
24032
|
default: any;
|
|
23995
24033
|
};
|
|
24034
|
+
tooltipPlacement: {
|
|
24035
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
24036
|
+
default: string;
|
|
24037
|
+
};
|
|
23996
24038
|
disabled: {
|
|
23997
24039
|
type: import("vue").PropType<boolean>;
|
|
23998
24040
|
default: boolean;
|
|
@@ -24057,10 +24099,6 @@ declare const _default: {
|
|
|
24057
24099
|
type: import("vue").PropType<string>;
|
|
24058
24100
|
default: any;
|
|
24059
24101
|
};
|
|
24060
|
-
toolTipPlacement: {
|
|
24061
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
24062
|
-
default: string;
|
|
24063
|
-
};
|
|
24064
24102
|
treeMainOption: {
|
|
24065
24103
|
type: import("vue").PropType<boolean>;
|
|
24066
24104
|
default: boolean;
|
|
@@ -24099,6 +24137,10 @@ declare const _default: {
|
|
|
24099
24137
|
type: import("vue").PropType<unknown>;
|
|
24100
24138
|
default: any;
|
|
24101
24139
|
};
|
|
24140
|
+
tooltipPlacement: {
|
|
24141
|
+
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
24142
|
+
default: string;
|
|
24143
|
+
};
|
|
24102
24144
|
disabled: {
|
|
24103
24145
|
type: import("vue").PropType<boolean>;
|
|
24104
24146
|
default: boolean;
|
|
@@ -24163,10 +24205,6 @@ declare const _default: {
|
|
|
24163
24205
|
type: import("vue").PropType<string>;
|
|
24164
24206
|
default: any;
|
|
24165
24207
|
};
|
|
24166
|
-
toolTipPlacement: {
|
|
24167
|
-
type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
24168
|
-
default: string;
|
|
24169
|
-
};
|
|
24170
24208
|
treeMainOption: {
|
|
24171
24209
|
type: import("vue").PropType<boolean>;
|
|
24172
24210
|
default: boolean;
|
|
@@ -24200,6 +24238,7 @@ declare const _default: {
|
|
|
24200
24238
|
toggleTreeCollapse: (option: unknown) => void;
|
|
24201
24239
|
}, string, {
|
|
24202
24240
|
option: any;
|
|
24241
|
+
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
24203
24242
|
disabled: boolean;
|
|
24204
24243
|
active: boolean;
|
|
24205
24244
|
endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
@@ -24216,7 +24255,6 @@ declare const _default: {
|
|
|
24216
24255
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
24217
24256
|
endIconKey: string;
|
|
24218
24257
|
endTextIconKey: string;
|
|
24219
|
-
toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
24220
24258
|
treeMainOption: boolean;
|
|
24221
24259
|
treeMainOptionExpanded: boolean;
|
|
24222
24260
|
stopOptionClickEventPropagation: boolean;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.v-enter-active[data-v-dd86e387],.v-leave-active[data-v-dd86e387]{transition:opacity .25s ease}ol[data-v-dd86e387],ul[data-v-dd86e387],menu[data-v-dd86e387]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-dd86e387],.dropdown.full-width .button__container[data-v-dd86e387]{width:100%}.dropdown-list-wrapper[data-v-dd86e387]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-dd86e387]{padding:.5rem}.list-container--multi[data-v-dd86e387]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-dd86e387]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-dd86e387]{width:100%}.inline-search .list-container[data-v-dd86e387]{padding-top:0}.no-result-container[data-v-dd86e387]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-dd86e387]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-dd86e387]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-dd86e387]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-dd86e387]{min-height:0;margin-bottom:0}.image-slot[data-v-dd86e387]{margin-right:.5rem}.actions-wrapper[data-v-dd86e387]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-dd86e387]{margin-left:.5rem}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-8e88292f]{color:#41454d}.item-container[data-v-8e88292f]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-8e88292f]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-8e88292f],.item-container--disabled .item .end-icon[data-v-8e88292f],.item-container--disabled .item .end-text-icon[data-v-8e88292f]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-8e88292f]{opacity:.5}.item-container[data-v-8e88292f]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-8e88292f],.item-container[data-v-8e88292f]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-8e88292f]{background-color:var(--action-selected)}.subtitle[data-v-8e88292f]{color:#7b838c;line-height:1rem}.clear-button[data-v-8e88292f]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-8e88292f]:hover{color:#3083ff}.item[data-v-8e88292f]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-8e88292f],.item--multi[data-v-8e88292f]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-8e88292f]{width:20px;height:20px;flex:none}.item .image img[data-v-8e88292f]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-8e88292f]{width:16px;height:16px}.item .flag img[data-v-8e88292f]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-8e88292f],.item .end-icon[data-v-8e88292f]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-8e88292f]{display:inline-flex}.item .option-text[data-v-8e88292f]{line-height:1.1875rem}.text-container[data-v-8e88292f]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-8e88292f]{display:block}.tooltip-option[data-v-8e88292f] .container{width:100%}.app-trigger--icon[data-v-8e88292f]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-8e88292f]{transform:rotate(0)}.option-warning[data-v-8e88292f]{display:flex}.option-warning__icon[data-v-8e88292f]{color:var(--warning-main)}.option-content[data-v-8e88292f]{display:flex}.option-content[data-v-8e88292f]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-8e88292f]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-8e88292f]{flex-direction:column}.option-text .main-text[data-v-8e88292f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-8e88292f]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-8e88292f]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-8e88292f]{color:var(--text-secondary)}.multiline-tooltip[data-v-8e88292f]{display:flex;flex-direction:column}
|