@ironsource/shared-ui 2.1.8 → 2.1.9-test.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_360883b1_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +1 -0
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +1 -0
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
- package/components/alert/Alert.vue2.js +3 -2
- package/components/autocomplete/Autocomplete.vue.d.ts +1 -1
- package/components/autocomplete/index.d.ts +20 -20
- package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +65 -0
- package/components/button/v4/ToggleButtonGroupAB.vue.js +7 -0
- package/components/button/v4/ToggleButtonGroupAB.vue2.js +95 -0
- package/components/button/v4/index.d.ts +170 -1
- package/components/button/v4/index.js +10 -3
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +51 -49
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +35 -22
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +35 -28
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +33 -26
- package/components/chart/index.d.ts +20 -1
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +9 -8
- package/components/dateRange/v4/DateRangeV4.vue2.js +21 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +5 -5
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/DialogV4.vue2.js +6 -5
- package/components/dialog/v4/index.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
- package/components/dropdown/v3/index.d.ts +51 -51
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +17 -11
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +17 -9
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +5 -0
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +23 -22
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +11 -0
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +59 -45
- package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -2
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +121 -109
- package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +4 -3
- package/components/dropdown/v4/OptionV4.vue.d.ts +6 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +83 -70
- package/components/dropdown/v4/index.d.ts +157 -65
- package/components/emptyState/v4/EmptyStateV4.vue2.js +13 -12
- package/components/forms/FormCard.vue2.js +13 -12
- package/components/includeExclude/index.d.ts +56 -56
- package/components/input/v3/Input.vue.d.ts +1 -1
- package/components/input/v3/index.d.ts +32 -32
- package/components/input/v4/TextField.vue.d.ts +1 -1
- package/components/input/v4/index.d.ts +20 -20
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/MultiBar.vue2.js +3 -2
- package/components/multibar/index.d.ts +9 -9
- package/components/popover/v3/Popover.vue.d.ts +1 -1
- package/components/popover/v3/index.d.ts +20 -20
- package/components/popover/v4/PopoverV4.vue.d.ts +7 -3
- package/components/popover/v4/PopoverV4.vue.js +3 -3
- package/components/popover/v4/PopoverV4.vue2.js +23 -20
- package/components/popover/v4/index.d.ts +36 -24
- package/components/radioButton/v3/RadioButton.vue.d.ts +1 -1
- package/components/radioButton/v3/RadioGroup.vue.d.ts +1 -1
- package/components/radioButton/v3/index.d.ts +6 -6
- package/components/radioButton/v4/RadioButtonV4.vue.d.ts +6 -1
- package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
- package/components/radioButton/v4/RadioButtonV4.vue2.js +59 -46
- package/components/radioButton/v4/RadioGroupV4.vue.d.ts +1 -1
- package/components/radioButton/v4/index.d.ts +26 -7
- package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
- package/components/sortableList/SortableItem.vue.d.ts +1 -1
- package/components/switch/v3/index.d.ts +16 -16
- package/components/switch/v4/SwitchV4.vue2.js +6 -5
- package/components/switch/v4/index.d.ts +8 -8
- package/components/table/v4/DataGrid.vue.d.ts +5 -0
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +45 -44
- package/components/table/v4/ExpandRowToggle.vue2.js +6 -5
- package/components/table/v4/MultipleDataGrid.vue.d.ts +23 -2
- package/components/table/v4/MultipleDataGrid.vue.js +5 -5
- package/components/table/v4/MultipleDataGrid.vue2.js +82 -73
- package/components/table/v4/index.d.ts +98 -2
- package/components/textArea/v4/TextAreaV4.vue.d.ts +1 -1
- package/components/textArea/v4/index.d.ts +9 -9
- package/components/toggle/v3/index.d.ts +8 -8
- package/components/toggle/v4/index.d.ts +16 -16
- package/components/typography/v4/Typography.vue.js +2 -2
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/consts/configs.d.ts +1 -0
- package/consts/configs.js +4 -0
- package/index.d.ts +1392 -471
- package/index.js +1 -1
- package/mocks/options.d.ts +4 -0
- package/package.json +2 -2
- package/testids/index.d.ts +8 -1
- package/testids/index.js +14 -13
- package/utils/testIds.d.ts +1 -1
- package/utils/testIds.js +6 -6
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_77509f61_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +0 -1
- package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_b00956b7_lang.css +0 -1
|
@@ -19,8 +19,9 @@ declare const DropdownTypes: () => (({
|
|
|
19
19
|
flip: boolean;
|
|
20
20
|
mandatory: boolean;
|
|
21
21
|
error: string;
|
|
22
|
-
|
|
22
|
+
skidding: number;
|
|
23
23
|
modelValue: any;
|
|
24
|
+
selected: any;
|
|
24
25
|
placeholder: string;
|
|
25
26
|
autoFocus: boolean;
|
|
26
27
|
multi: boolean;
|
|
@@ -29,7 +30,6 @@ declare const DropdownTypes: () => (({
|
|
|
29
30
|
autoSize: boolean;
|
|
30
31
|
disableKeyboardEvents: boolean;
|
|
31
32
|
isOnTop: boolean;
|
|
32
|
-
skidding: number;
|
|
33
33
|
inlineSearch: boolean;
|
|
34
34
|
onSearch: (option: any, term: string) => boolean;
|
|
35
35
|
noResultsText: string;
|
|
@@ -93,6 +93,17 @@ declare const DropdownTypes: () => (({
|
|
|
93
93
|
type: import("vue").PropType<string>;
|
|
94
94
|
default: string;
|
|
95
95
|
};
|
|
96
|
+
skidding: {
|
|
97
|
+
type: import("vue").PropType<number>;
|
|
98
|
+
default: number;
|
|
99
|
+
};
|
|
100
|
+
isOpen: {
|
|
101
|
+
type: import("vue").PropType<boolean>;
|
|
102
|
+
};
|
|
103
|
+
modelValue: {
|
|
104
|
+
type: import("vue").PropType<unknown>;
|
|
105
|
+
default: any;
|
|
106
|
+
};
|
|
96
107
|
selected: {
|
|
97
108
|
type: import("vue").PropType<unknown>;
|
|
98
109
|
default: any;
|
|
@@ -101,10 +112,6 @@ declare const DropdownTypes: () => (({
|
|
|
101
112
|
type: import("vue").PropType<any[]>;
|
|
102
113
|
required: true;
|
|
103
114
|
};
|
|
104
|
-
modelValue: {
|
|
105
|
-
type: import("vue").PropType<unknown>;
|
|
106
|
-
default: any;
|
|
107
|
-
};
|
|
108
115
|
placeholder: {
|
|
109
116
|
type: import("vue").PropType<string>;
|
|
110
117
|
default: string;
|
|
@@ -117,9 +124,6 @@ declare const DropdownTypes: () => (({
|
|
|
117
124
|
type: import("vue").PropType<boolean>;
|
|
118
125
|
default: boolean;
|
|
119
126
|
};
|
|
120
|
-
isOpen: {
|
|
121
|
-
type: import("vue").PropType<boolean>;
|
|
122
|
-
};
|
|
123
127
|
showSelectAll: {
|
|
124
128
|
type: import("vue").PropType<boolean>;
|
|
125
129
|
};
|
|
@@ -143,10 +147,6 @@ declare const DropdownTypes: () => (({
|
|
|
143
147
|
type: import("vue").PropType<boolean>;
|
|
144
148
|
default: boolean;
|
|
145
149
|
};
|
|
146
|
-
skidding: {
|
|
147
|
-
type: import("vue").PropType<number>;
|
|
148
|
-
default: number;
|
|
149
|
-
};
|
|
150
150
|
inlineSearch: {
|
|
151
151
|
type: import("vue").PropType<boolean>;
|
|
152
152
|
default: boolean;
|
|
@@ -203,7 +203,7 @@ declare const DropdownTypes: () => (({
|
|
|
203
203
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
204
204
|
onOpened?: () => any;
|
|
205
205
|
onClosed?: () => any;
|
|
206
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "
|
|
206
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "error" | "skidding" | "modelValue" | "selected" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
|
|
207
207
|
$attrs: {
|
|
208
208
|
[x: string]: unknown;
|
|
209
209
|
};
|
|
@@ -269,6 +269,17 @@ declare const DropdownTypes: () => (({
|
|
|
269
269
|
type: import("vue").PropType<string>;
|
|
270
270
|
default: string;
|
|
271
271
|
};
|
|
272
|
+
skidding: {
|
|
273
|
+
type: import("vue").PropType<number>;
|
|
274
|
+
default: number;
|
|
275
|
+
};
|
|
276
|
+
isOpen: {
|
|
277
|
+
type: import("vue").PropType<boolean>;
|
|
278
|
+
};
|
|
279
|
+
modelValue: {
|
|
280
|
+
type: import("vue").PropType<unknown>;
|
|
281
|
+
default: any;
|
|
282
|
+
};
|
|
272
283
|
selected: {
|
|
273
284
|
type: import("vue").PropType<unknown>;
|
|
274
285
|
default: any;
|
|
@@ -277,10 +288,6 @@ declare const DropdownTypes: () => (({
|
|
|
277
288
|
type: import("vue").PropType<any[]>;
|
|
278
289
|
required: true;
|
|
279
290
|
};
|
|
280
|
-
modelValue: {
|
|
281
|
-
type: import("vue").PropType<unknown>;
|
|
282
|
-
default: any;
|
|
283
|
-
};
|
|
284
291
|
placeholder: {
|
|
285
292
|
type: import("vue").PropType<string>;
|
|
286
293
|
default: string;
|
|
@@ -293,9 +300,6 @@ declare const DropdownTypes: () => (({
|
|
|
293
300
|
type: import("vue").PropType<boolean>;
|
|
294
301
|
default: boolean;
|
|
295
302
|
};
|
|
296
|
-
isOpen: {
|
|
297
|
-
type: import("vue").PropType<boolean>;
|
|
298
|
-
};
|
|
299
303
|
showSelectAll: {
|
|
300
304
|
type: import("vue").PropType<boolean>;
|
|
301
305
|
};
|
|
@@ -319,10 +323,6 @@ declare const DropdownTypes: () => (({
|
|
|
319
323
|
type: import("vue").PropType<boolean>;
|
|
320
324
|
default: boolean;
|
|
321
325
|
};
|
|
322
|
-
skidding: {
|
|
323
|
-
type: import("vue").PropType<number>;
|
|
324
|
-
default: number;
|
|
325
|
-
};
|
|
326
326
|
inlineSearch: {
|
|
327
327
|
type: import("vue").PropType<boolean>;
|
|
328
328
|
default: boolean;
|
|
@@ -403,8 +403,9 @@ declare const DropdownTypes: () => (({
|
|
|
403
403
|
flip: boolean;
|
|
404
404
|
mandatory: boolean;
|
|
405
405
|
error: string;
|
|
406
|
-
|
|
406
|
+
skidding: number;
|
|
407
407
|
modelValue: any;
|
|
408
|
+
selected: any;
|
|
408
409
|
placeholder: string;
|
|
409
410
|
autoFocus: boolean;
|
|
410
411
|
multi: boolean;
|
|
@@ -413,7 +414,6 @@ declare const DropdownTypes: () => (({
|
|
|
413
414
|
autoSize: boolean;
|
|
414
415
|
disableKeyboardEvents: boolean;
|
|
415
416
|
isOnTop: boolean;
|
|
416
|
-
skidding: number;
|
|
417
417
|
inlineSearch: boolean;
|
|
418
418
|
onSearch: (option: any, term: string) => boolean;
|
|
419
419
|
noResultsText: string;
|
|
@@ -497,6 +497,17 @@ declare const DropdownTypes: () => (({
|
|
|
497
497
|
type: import("vue").PropType<string>;
|
|
498
498
|
default: string;
|
|
499
499
|
};
|
|
500
|
+
skidding: {
|
|
501
|
+
type: import("vue").PropType<number>;
|
|
502
|
+
default: number;
|
|
503
|
+
};
|
|
504
|
+
isOpen: {
|
|
505
|
+
type: import("vue").PropType<boolean>;
|
|
506
|
+
};
|
|
507
|
+
modelValue: {
|
|
508
|
+
type: import("vue").PropType<unknown>;
|
|
509
|
+
default: any;
|
|
510
|
+
};
|
|
500
511
|
selected: {
|
|
501
512
|
type: import("vue").PropType<unknown>;
|
|
502
513
|
default: any;
|
|
@@ -505,10 +516,6 @@ declare const DropdownTypes: () => (({
|
|
|
505
516
|
type: import("vue").PropType<any[]>;
|
|
506
517
|
required: true;
|
|
507
518
|
};
|
|
508
|
-
modelValue: {
|
|
509
|
-
type: import("vue").PropType<unknown>;
|
|
510
|
-
default: any;
|
|
511
|
-
};
|
|
512
519
|
placeholder: {
|
|
513
520
|
type: import("vue").PropType<string>;
|
|
514
521
|
default: string;
|
|
@@ -521,9 +528,6 @@ declare const DropdownTypes: () => (({
|
|
|
521
528
|
type: import("vue").PropType<boolean>;
|
|
522
529
|
default: boolean;
|
|
523
530
|
};
|
|
524
|
-
isOpen: {
|
|
525
|
-
type: import("vue").PropType<boolean>;
|
|
526
|
-
};
|
|
527
531
|
showSelectAll: {
|
|
528
532
|
type: import("vue").PropType<boolean>;
|
|
529
533
|
};
|
|
@@ -547,10 +551,6 @@ declare const DropdownTypes: () => (({
|
|
|
547
551
|
type: import("vue").PropType<boolean>;
|
|
548
552
|
default: boolean;
|
|
549
553
|
};
|
|
550
|
-
skidding: {
|
|
551
|
-
type: import("vue").PropType<number>;
|
|
552
|
-
default: number;
|
|
553
|
-
};
|
|
554
554
|
inlineSearch: {
|
|
555
555
|
type: import("vue").PropType<boolean>;
|
|
556
556
|
default: boolean;
|
|
@@ -666,6 +666,17 @@ declare const DropdownTypes: () => (({
|
|
|
666
666
|
type: import("vue").PropType<string>;
|
|
667
667
|
default: string;
|
|
668
668
|
};
|
|
669
|
+
skidding: {
|
|
670
|
+
type: import("vue").PropType<number>;
|
|
671
|
+
default: number;
|
|
672
|
+
};
|
|
673
|
+
isOpen: {
|
|
674
|
+
type: import("vue").PropType<boolean>;
|
|
675
|
+
};
|
|
676
|
+
modelValue: {
|
|
677
|
+
type: import("vue").PropType<unknown>;
|
|
678
|
+
default: any;
|
|
679
|
+
};
|
|
669
680
|
selected: {
|
|
670
681
|
type: import("vue").PropType<unknown>;
|
|
671
682
|
default: any;
|
|
@@ -674,10 +685,6 @@ declare const DropdownTypes: () => (({
|
|
|
674
685
|
type: import("vue").PropType<any[]>;
|
|
675
686
|
required: true;
|
|
676
687
|
};
|
|
677
|
-
modelValue: {
|
|
678
|
-
type: import("vue").PropType<unknown>;
|
|
679
|
-
default: any;
|
|
680
|
-
};
|
|
681
688
|
placeholder: {
|
|
682
689
|
type: import("vue").PropType<string>;
|
|
683
690
|
default: string;
|
|
@@ -690,9 +697,6 @@ declare const DropdownTypes: () => (({
|
|
|
690
697
|
type: import("vue").PropType<boolean>;
|
|
691
698
|
default: boolean;
|
|
692
699
|
};
|
|
693
|
-
isOpen: {
|
|
694
|
-
type: import("vue").PropType<boolean>;
|
|
695
|
-
};
|
|
696
700
|
showSelectAll: {
|
|
697
701
|
type: import("vue").PropType<boolean>;
|
|
698
702
|
};
|
|
@@ -716,10 +720,6 @@ declare const DropdownTypes: () => (({
|
|
|
716
720
|
type: import("vue").PropType<boolean>;
|
|
717
721
|
default: boolean;
|
|
718
722
|
};
|
|
719
|
-
skidding: {
|
|
720
|
-
type: import("vue").PropType<number>;
|
|
721
|
-
default: number;
|
|
722
|
-
};
|
|
723
723
|
inlineSearch: {
|
|
724
724
|
type: import("vue").PropType<boolean>;
|
|
725
725
|
default: boolean;
|
|
@@ -800,8 +800,9 @@ declare const DropdownTypes: () => (({
|
|
|
800
800
|
flip: boolean;
|
|
801
801
|
mandatory: boolean;
|
|
802
802
|
error: string;
|
|
803
|
-
|
|
803
|
+
skidding: number;
|
|
804
804
|
modelValue: any;
|
|
805
|
+
selected: any;
|
|
805
806
|
placeholder: string;
|
|
806
807
|
autoFocus: boolean;
|
|
807
808
|
multi: boolean;
|
|
@@ -810,7 +811,6 @@ declare const DropdownTypes: () => (({
|
|
|
810
811
|
autoSize: boolean;
|
|
811
812
|
disableKeyboardEvents: boolean;
|
|
812
813
|
isOnTop: boolean;
|
|
813
|
-
skidding: number;
|
|
814
814
|
inlineSearch: boolean;
|
|
815
815
|
onSearch: (option: any, term: string) => boolean;
|
|
816
816
|
noResultsText: string;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
2
|
label: string;
|
|
4
|
-
variant?:
|
|
5
|
-
size?:
|
|
3
|
+
variant?: "text" | "outlined";
|
|
4
|
+
size?: "small" | "medium";
|
|
6
5
|
open?: boolean;
|
|
7
6
|
disabled?: boolean;
|
|
8
7
|
startIconName?: string;
|
|
9
|
-
startIconType?:
|
|
8
|
+
startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
10
9
|
hideEndIcon?: boolean;
|
|
11
10
|
testId?: string;
|
|
12
11
|
}>, {
|
|
@@ -22,12 +21,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
22
21
|
click: () => void;
|
|
23
22
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
24
23
|
label: string;
|
|
25
|
-
variant?:
|
|
26
|
-
size?:
|
|
24
|
+
variant?: "text" | "outlined";
|
|
25
|
+
size?: "small" | "medium";
|
|
27
26
|
open?: boolean;
|
|
28
27
|
disabled?: boolean;
|
|
29
28
|
startIconName?: string;
|
|
30
|
-
startIconType?:
|
|
29
|
+
startIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
31
30
|
hideEndIcon?: boolean;
|
|
32
31
|
testId?: string;
|
|
33
32
|
}>, {
|
|
@@ -43,13 +42,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
43
42
|
onClick?: () => any;
|
|
44
43
|
}, {
|
|
45
44
|
testId: string;
|
|
46
|
-
variant:
|
|
45
|
+
variant: "text" | "outlined";
|
|
47
46
|
disabled: boolean;
|
|
48
|
-
size:
|
|
47
|
+
size: "small" | "medium";
|
|
49
48
|
open: boolean;
|
|
50
49
|
startIconName: string;
|
|
51
|
-
startIconType:
|
|
50
|
+
startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
52
51
|
hideEndIcon: boolean;
|
|
52
|
+
}>, {
|
|
53
|
+
default?(_: {}): any;
|
|
53
54
|
}>;
|
|
54
55
|
export default _default;
|
|
55
56
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -69,3 +70,8 @@ type __VLS_WithDefaults<P, D> = {
|
|
|
69
70
|
type __VLS_Prettify<T> = {
|
|
70
71
|
[K in keyof T]: T[K];
|
|
71
72
|
} & {};
|
|
73
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
74
|
+
new (): {
|
|
75
|
+
$slots: S;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ButtonDropdownTrigger.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../ButtonDropdownTrigger.
|
|
4
|
-
const p = /* @__PURE__ */
|
|
2
|
+
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-76c74f58"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import "../../../ButtonDropdownTrigger.
|
|
2
|
-
import
|
|
1
|
+
import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css"; import { defineComponent as l, openBlock as o, createBlock as i, unref as d, normalizeClass as r, withCtx as s, renderSlot as c, createTextVNode as u, toDisplayString as f } from "vue";
|
|
2
|
+
import m from "../../button/v4/ButtonV4.vue.js";
|
|
3
3
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
4
4
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
5
|
-
|
|
5
|
+
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
6
|
+
const p = /* @__PURE__ */ l({
|
|
6
7
|
__name: "ButtonDropdownTrigger",
|
|
7
8
|
props: {
|
|
8
9
|
label: null,
|
|
@@ -16,9 +17,9 @@ const b = /* @__PURE__ */ a({
|
|
|
16
17
|
testId: { default: "" }
|
|
17
18
|
},
|
|
18
19
|
emits: ["click"],
|
|
19
|
-
setup(e, { emit:
|
|
20
|
-
return (
|
|
21
|
-
class:
|
|
20
|
+
setup(e, { emit: a }) {
|
|
21
|
+
return (n, t) => (o(), i(d(m), {
|
|
22
|
+
class: r(["button-trigger", { open: e.open }]),
|
|
22
23
|
disabled: e.disabled,
|
|
23
24
|
color: "default",
|
|
24
25
|
variant: e.variant,
|
|
@@ -28,10 +29,17 @@ const b = /* @__PURE__ */ a({
|
|
|
28
29
|
"end-icon-name": e.hideEndIcon ? null : "caret-down",
|
|
29
30
|
content: e.label,
|
|
30
31
|
"test-id": e.testId,
|
|
31
|
-
onClick: t[0] || (t[0] = (
|
|
32
|
-
},
|
|
32
|
+
onClick: t[0] || (t[0] = (b) => a("click"))
|
|
33
|
+
}, {
|
|
34
|
+
default: s(() => [
|
|
35
|
+
c(n.$slots, "default", {}, () => [
|
|
36
|
+
u(f(e.label), 1)
|
|
37
|
+
], !0)
|
|
38
|
+
]),
|
|
39
|
+
_: 3
|
|
40
|
+
}, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
|
|
33
41
|
}
|
|
34
42
|
});
|
|
35
43
|
export {
|
|
36
|
-
|
|
44
|
+
p as default
|
|
37
45
|
};
|
|
@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
feedbackVariant?: string;
|
|
7
7
|
displayedValue: any;
|
|
8
|
+
allSelected?: boolean;
|
|
8
9
|
options: unknown[];
|
|
9
10
|
selectedOption: unknown | unknown[];
|
|
10
11
|
displayValue: (option: unknown) => string;
|
|
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
16
17
|
disabled: boolean;
|
|
17
18
|
feedbackVariant: string;
|
|
18
19
|
displayedValue: string;
|
|
20
|
+
allSelected: boolean;
|
|
19
21
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
22
|
clear: () => void;
|
|
21
23
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
25
27
|
disabled?: boolean;
|
|
26
28
|
feedbackVariant?: string;
|
|
27
29
|
displayedValue: any;
|
|
30
|
+
allSelected?: boolean;
|
|
28
31
|
options: unknown[];
|
|
29
32
|
selectedOption: unknown | unknown[];
|
|
30
33
|
displayValue: (option: unknown) => string;
|
|
@@ -36,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
36
39
|
disabled: boolean;
|
|
37
40
|
feedbackVariant: string;
|
|
38
41
|
displayedValue: string;
|
|
42
|
+
allSelected: boolean;
|
|
39
43
|
}>>> & {
|
|
40
44
|
onClear?: () => any;
|
|
41
45
|
}, {
|
|
@@ -44,6 +48,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
44
48
|
disabled: boolean;
|
|
45
49
|
open: boolean;
|
|
46
50
|
feedbackVariant: string;
|
|
51
|
+
allSelected: boolean;
|
|
47
52
|
displayedValue: any;
|
|
48
53
|
}>;
|
|
49
54
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ChipDropdownTrigger.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../ChipDropdownTrigger.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-49bd7193"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "../../../ChipDropdownTrigger.
|
|
1
|
+
import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as n, unref as t, createElementVNode as d, createVNode as c, withCtx as w, createTextVNode as B, toDisplayString as k, withDirectives as u, vShow as f, withModifiers as v } from "vue";
|
|
2
2
|
import m from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import x from "../../typography/v4/Typography.vue.js";
|
|
5
5
|
import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
|
|
6
|
-
import { useTestIdAttrs as
|
|
6
|
+
import { useTestIdAttrs as A } from "../../../utils/testIds.js";
|
|
7
7
|
const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon" }, $ = ["onClick"], M = /* @__PURE__ */ V({
|
|
8
8
|
__name: "ChipDropdownTrigger",
|
|
9
9
|
props: {
|
|
@@ -13,6 +13,7 @@ const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon"
|
|
|
13
13
|
disabled: { type: Boolean, default: !1 },
|
|
14
14
|
feedbackVariant: { default: "" },
|
|
15
15
|
displayedValue: { default: "" },
|
|
16
|
+
allSelected: { type: Boolean, default: !1 },
|
|
16
17
|
options: null,
|
|
17
18
|
selectedOption: null,
|
|
18
19
|
displayValue: null,
|
|
@@ -22,48 +23,48 @@ const N = { class: "chip-trigger--content" }, I = { class: "chip-trigger--icon"
|
|
|
22
23
|
setup(r, { emit: h }) {
|
|
23
24
|
const e = r, y = () => {
|
|
24
25
|
h("clear");
|
|
25
|
-
},
|
|
26
|
-
let
|
|
27
|
-
return Array.isArray(l) && (l.length > 1 ?
|
|
28
|
-
},
|
|
26
|
+
}, i = b(!0), g = (l) => {
|
|
27
|
+
let a = l;
|
|
28
|
+
return Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a, a ? `${e.label}: ${a}` : e.label;
|
|
29
|
+
}, T = p(
|
|
29
30
|
() => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
|
|
30
|
-
),
|
|
31
|
+
), s = A(e.testId, o), O = p(() => {
|
|
31
32
|
if (!e.multi)
|
|
32
33
|
return e.selectedOption ? e.displayValue(e.selectedOption) : "";
|
|
33
34
|
if (Array.isArray(e.selectedOption))
|
|
34
|
-
return e.selectedOption.length ? e.
|
|
35
|
+
return e.selectedOption.length ? e.allSelected ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
|
|
35
36
|
e.displayValue(e.selectedOption[0]),
|
|
36
37
|
e.selectedOption.length - 1
|
|
37
38
|
] : [];
|
|
38
39
|
});
|
|
39
|
-
return (l,
|
|
40
|
-
class: ["chip-trigger", [t(
|
|
41
|
-
}, t(
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
return (l, a) => (_(), C("div", n({
|
|
41
|
+
class: ["chip-trigger", [t(T), { active: i.value, disabled: r.disabled, open: r.open }]]
|
|
42
|
+
}, t(s)[t(o).BUTTON]), [
|
|
43
|
+
d("div", N, [
|
|
44
|
+
c(t(x), n({ variant: "chipLabel" }, t(s)[t(o).BUTTON_CONTENT]), {
|
|
44
45
|
default: w(() => [
|
|
45
|
-
k(
|
|
46
|
+
B(k(g(t(O))), 1)
|
|
46
47
|
]),
|
|
47
48
|
_: 1
|
|
48
49
|
}, 16),
|
|
49
|
-
u(
|
|
50
|
-
|
|
50
|
+
u(d("div", I, [
|
|
51
|
+
c(t(m), {
|
|
51
52
|
name: "caret-down",
|
|
52
53
|
size: "16px"
|
|
53
54
|
})
|
|
54
55
|
], 512), [
|
|
55
|
-
[f, !
|
|
56
|
+
[f, !i.value]
|
|
56
57
|
]),
|
|
57
|
-
u(
|
|
58
|
-
onClick:
|
|
58
|
+
u(d("div", n({ class: "x-circle-wrapper" }, t(s)[t(o).BUTTON_CLEAR], {
|
|
59
|
+
onClick: v(y, ["stop"])
|
|
59
60
|
}), [
|
|
60
|
-
|
|
61
|
+
c(t(m), {
|
|
61
62
|
name: "x-circle",
|
|
62
63
|
size: "16px",
|
|
63
64
|
type: "fill"
|
|
64
65
|
})
|
|
65
66
|
], 16, $), [
|
|
66
|
-
[f,
|
|
67
|
+
[f, i.value]
|
|
67
68
|
])
|
|
68
69
|
])
|
|
69
70
|
], 16));
|
|
@@ -23,6 +23,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
23
|
optionIconKey?: string;
|
|
24
24
|
optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
25
25
|
showAllSelectedText?: boolean;
|
|
26
|
+
allSelected?: boolean;
|
|
27
|
+
optionFlagKey?: string;
|
|
26
28
|
statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
27
29
|
}>, {
|
|
28
30
|
placeholder: string;
|
|
@@ -48,6 +50,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
48
50
|
optionIconKey: any;
|
|
49
51
|
optionIconType: any;
|
|
50
52
|
showAllSelectedText: boolean;
|
|
53
|
+
allSelected: boolean;
|
|
54
|
+
optionFlagKey: any;
|
|
51
55
|
statusDotType: any;
|
|
52
56
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
53
57
|
click: () => void;
|
|
@@ -76,6 +80,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
76
80
|
optionIconKey?: string;
|
|
77
81
|
optionIconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
78
82
|
showAllSelectedText?: boolean;
|
|
83
|
+
allSelected?: boolean;
|
|
84
|
+
optionFlagKey?: string;
|
|
79
85
|
statusDotType?: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
80
86
|
}>, {
|
|
81
87
|
placeholder: string;
|
|
@@ -101,6 +107,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
101
107
|
optionIconKey: any;
|
|
102
108
|
optionIconType: any;
|
|
103
109
|
showAllSelectedText: boolean;
|
|
110
|
+
allSelected: boolean;
|
|
111
|
+
optionFlagKey: any;
|
|
104
112
|
statusDotType: any;
|
|
105
113
|
}>>> & {
|
|
106
114
|
onClick?: () => any;
|
|
@@ -124,13 +132,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
124
132
|
optionIconKey: string;
|
|
125
133
|
optionImageKey: string;
|
|
126
134
|
optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
135
|
+
allSelected: boolean;
|
|
127
136
|
selectedOption: any;
|
|
128
137
|
showFeedbackIcon: boolean;
|
|
129
138
|
brandIconType: "android" | "ios";
|
|
130
139
|
showAllSelectedText: boolean;
|
|
140
|
+
optionFlagKey: string;
|
|
131
141
|
statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
132
142
|
}>, {
|
|
133
143
|
image?(_: {}): any;
|
|
144
|
+
flag?(_: {}): any;
|
|
134
145
|
"icon-start"?(_: {}): any;
|
|
135
146
|
"displayed-value"?(_: {}): any;
|
|
136
147
|
"end-icon"?(_: {}): any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DefaultDropdownTrigger.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DefaultDropdownTrigger.
|
|
4
|
-
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fa84b26"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|