@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.
Files changed (130) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +1 -0
  4. package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +1 -0
  5. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_49bd7193_lang.css +1 -0
  6. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +1 -0
  7. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +1 -0
  8. package/DropdownV4.vue_vue_type_style_index_0_scoped_360883b1_lang.css +1 -0
  9. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  10. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +1 -0
  11. package/OptionV4.vue_vue_type_style_index_0_scoped_058de532_lang.css +1 -0
  12. package/PopoverV4.vue_vue_type_style_index_0_scoped_74bbce13_lang.css +1 -0
  13. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +1 -0
  14. package/SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css +1 -0
  15. package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css +1 -0
  16. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +1 -0
  17. package/components/alert/Alert.vue2.js +3 -2
  18. package/components/autocomplete/Autocomplete.vue.d.ts +1 -1
  19. package/components/autocomplete/index.d.ts +20 -20
  20. package/components/button/v4/ToggleButtonGroupAB.vue.d.ts +65 -0
  21. package/components/button/v4/ToggleButtonGroupAB.vue.js +7 -0
  22. package/components/button/v4/ToggleButtonGroupAB.vue2.js +95 -0
  23. package/components/button/v4/index.d.ts +170 -1
  24. package/components/button/v4/index.js +10 -3
  25. package/components/chart/Chart.vue.d.ts +5 -0
  26. package/components/chart/Chart.vue.js +4 -4
  27. package/components/chart/Chart.vue2.js +51 -49
  28. package/components/chart/ChartHeader.vue.d.ts +5 -0
  29. package/components/chart/ChartHeader.vue.js +2 -2
  30. package/components/chart/ChartHeader.vue2.js +35 -22
  31. package/components/chart/ChartLegend.vue.js +3 -3
  32. package/components/chart/ChartLegend.vue2.js +35 -28
  33. package/components/chart/SettingsHeader.vue.js +3 -3
  34. package/components/chart/SettingsHeader.vue2.js +33 -26
  35. package/components/chart/index.d.ts +20 -1
  36. package/components/dateRange/v4/CalendarMonthV4.vue2.js +9 -8
  37. package/components/dateRange/v4/DateRangeV4.vue2.js +21 -20
  38. package/components/dialog/v3/Dialog.vue.d.ts +1 -1
  39. package/components/dialog/v3/index.d.ts +5 -5
  40. package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
  41. package/components/dialog/v4/DialogV4.vue2.js +6 -5
  42. package/components/dialog/v4/index.d.ts +5 -5
  43. package/components/dropdown/v3/Dropdown.vue.d.ts +2 -2
  44. package/components/dropdown/v3/index.d.ts +51 -51
  45. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +17 -11
  46. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
  47. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +17 -9
  48. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +5 -0
  49. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  50. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +23 -22
  51. package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +11 -0
  52. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  53. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +59 -45
  54. package/components/dropdown/v4/DropdownV4.vue.d.ts +8 -2
  55. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  56. package/components/dropdown/v4/DropdownV4.vue2.js +121 -109
  57. package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js +4 -3
  58. package/components/dropdown/v4/OptionV4.vue.d.ts +6 -0
  59. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  60. package/components/dropdown/v4/OptionV4.vue2.js +83 -70
  61. package/components/dropdown/v4/index.d.ts +157 -65
  62. package/components/emptyState/v4/EmptyStateV4.vue2.js +13 -12
  63. package/components/forms/FormCard.vue2.js +13 -12
  64. package/components/includeExclude/index.d.ts +56 -56
  65. package/components/input/v3/Input.vue.d.ts +1 -1
  66. package/components/input/v3/index.d.ts +32 -32
  67. package/components/input/v4/TextField.vue.d.ts +1 -1
  68. package/components/input/v4/index.d.ts +20 -20
  69. package/components/menu/Menu.vue.d.ts +1 -1
  70. package/components/menu/index.d.ts +20 -20
  71. package/components/multibar/MultiBar.vue.d.ts +1 -1
  72. package/components/multibar/MultiBar.vue2.js +3 -2
  73. package/components/multibar/index.d.ts +9 -9
  74. package/components/popover/v3/Popover.vue.d.ts +1 -1
  75. package/components/popover/v3/index.d.ts +20 -20
  76. package/components/popover/v4/PopoverV4.vue.d.ts +7 -3
  77. package/components/popover/v4/PopoverV4.vue.js +3 -3
  78. package/components/popover/v4/PopoverV4.vue2.js +23 -20
  79. package/components/popover/v4/index.d.ts +36 -24
  80. package/components/radioButton/v3/RadioButton.vue.d.ts +1 -1
  81. package/components/radioButton/v3/RadioGroup.vue.d.ts +1 -1
  82. package/components/radioButton/v3/index.d.ts +6 -6
  83. package/components/radioButton/v4/RadioButtonV4.vue.d.ts +6 -1
  84. package/components/radioButton/v4/RadioButtonV4.vue.js +2 -2
  85. package/components/radioButton/v4/RadioButtonV4.vue2.js +59 -46
  86. package/components/radioButton/v4/RadioGroupV4.vue.d.ts +1 -1
  87. package/components/radioButton/v4/index.d.ts +26 -7
  88. package/components/snackbar/v4/SnackbarV4.vue2.js +7 -6
  89. package/components/sortableList/SortableItem.vue.d.ts +1 -1
  90. package/components/switch/v3/index.d.ts +16 -16
  91. package/components/switch/v4/SwitchV4.vue2.js +6 -5
  92. package/components/switch/v4/index.d.ts +8 -8
  93. package/components/table/v4/DataGrid.vue.d.ts +5 -0
  94. package/components/table/v4/DataGrid.vue.js +4 -4
  95. package/components/table/v4/DataGrid.vue2.js +45 -44
  96. package/components/table/v4/ExpandRowToggle.vue2.js +6 -5
  97. package/components/table/v4/MultipleDataGrid.vue.d.ts +23 -2
  98. package/components/table/v4/MultipleDataGrid.vue.js +5 -5
  99. package/components/table/v4/MultipleDataGrid.vue2.js +82 -73
  100. package/components/table/v4/index.d.ts +98 -2
  101. package/components/textArea/v4/TextAreaV4.vue.d.ts +1 -1
  102. package/components/textArea/v4/index.d.ts +9 -9
  103. package/components/toggle/v3/index.d.ts +8 -8
  104. package/components/toggle/v4/index.d.ts +16 -16
  105. package/components/typography/v4/Typography.vue.js +2 -2
  106. package/components/typography/v4/Typography.vue2.js +1 -1
  107. package/consts/configs.d.ts +1 -0
  108. package/consts/configs.js +4 -0
  109. package/index.d.ts +1392 -471
  110. package/index.js +1 -1
  111. package/mocks/options.d.ts +4 -0
  112. package/package.json +2 -2
  113. package/testids/index.d.ts +8 -1
  114. package/testids/index.js +14 -13
  115. package/utils/testIds.d.ts +1 -1
  116. package/utils/testIds.js +6 -6
  117. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css +0 -1
  118. package/Chart.vue_vue_type_style_index_0_scoped_df85e0af_lang.css +0 -1
  119. package/ChartHeader.vue_vue_type_style_index_0_scoped_2e3de9c5_lang.css +0 -1
  120. package/ChartLegend.vue_vue_type_style_index_0_scoped_efc608f9_lang.css +0 -1
  121. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +0 -1
  122. package/DataGrid.vue_vue_type_style_index_0_scoped_d27e1304_lang.css +0 -1
  123. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css +0 -1
  124. package/DropdownV4.vue_vue_type_style_index_0_scoped_62a620ee_lang.css +0 -1
  125. package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_cfedf78b_lang.css +0 -1
  126. package/OptionV4.vue_vue_type_style_index_0_scoped_77509f61_lang.css +0 -1
  127. package/PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css +0 -1
  128. package/RadioButtonV4.vue_vue_type_style_index_0_scoped_cb3a12c6_lang.css +0 -1
  129. package/SettingsHeader.vue_vue_type_style_index_0_scoped_1791e4fe_lang.css +0 -1
  130. 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
- selected: any;
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" | "selected" | "modelValue" | "placeholder" | "autoFocus" | "multi" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "inlineSearch" | "onSearch" | "noResultsText" | "valueToCopy" | "helperText" | "searchPlaceholder" | "showButtonOnOpen" | "clearable" | "multiOptionsPlaceholderPrefix" | "multiOptionsPlaceholderSuffix" | "darkTheme">;
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
- selected: any;
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
- selected: any;
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
- import { IconTypes } from '@/components/icon/v4/Icon.types';
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?: 'outlined' | 'text';
5
- size?: 'small' | 'medium';
3
+ variant?: "text" | "outlined";
4
+ size?: "small" | "medium";
6
5
  open?: boolean;
7
6
  disabled?: boolean;
8
7
  startIconName?: string;
9
- startIconType?: IconTypes;
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?: 'outlined' | 'text';
26
- size?: 'small' | 'medium';
24
+ variant?: "text" | "outlined";
25
+ size?: "small" | "medium";
27
26
  open?: boolean;
28
27
  disabled?: boolean;
29
28
  startIconName?: string;
30
- startIconType?: IconTypes;
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: 'outlined' | 'text';
45
+ variant: "text" | "outlined";
47
46
  disabled: boolean;
48
- size: 'small' | 'medium';
47
+ size: "small" | "medium";
49
48
  open: boolean;
50
49
  startIconName: string;
51
- startIconType: IconTypes;
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 e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-23e22560"]]);
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.vue_vue_type_style_index_0_scoped_23e22560_lang.css"; import { defineComponent as a, openBlock as l, createBlock as o, unref as i, normalizeClass as d } from "vue";
2
- import r from "../../button/v4/ButtonV4.vue.js";
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
- const b = /* @__PURE__ */ a({
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: n }) {
20
- return (c, t) => (l(), o(i(r), {
21
- class: d(["button-trigger", { open: e.open }]),
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] = (s) => n("click"))
32
- }, null, 8, ["class", "disabled", "variant", "size", "start-icon-name", "start-icon-type", "end-icon-name", "content", "test-id"]));
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
- b as default
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.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
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.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
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 A from "../../typography/v4/Typography.vue.js";
4
+ import x from "../../typography/v4/Typography.vue.js";
5
5
  import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
6
- import { useTestIdAttrs as B } from "../../../utils/testIds.js";
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
- }, a = b(!0), g = (l) => {
26
- let i = l;
27
- return Array.isArray(l) && (l.length > 1 ? i = `${l[0]}, +${l[1]}` : i = l[0] ? `${l[0]}` : ""), a.value = !!i, i ? `${e.label}: ${i}` : e.label;
28
- }, O = p(
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
- ), n = B(e.testId, o), T = p(() => {
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.options.length === e.selectedOption.length ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
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, i) => (_(), C("div", s({
40
- class: ["chip-trigger", [t(O), { active: a.value, disabled: r.disabled, open: r.open }]]
41
- }, t(n)[t(o).BUTTON]), [
42
- c("div", N, [
43
- d(t(A), s({ variant: "chipLabel" }, t(n)[t(o).BUTTON_CONTENT]), {
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(v(g(t(T))), 1)
46
+ B(k(g(t(O))), 1)
46
47
  ]),
47
48
  _: 1
48
49
  }, 16),
49
- u(c("div", I, [
50
- d(t(m), {
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, !a.value]
56
+ [f, !i.value]
56
57
  ]),
57
- u(c("div", s({ class: "x-circle-wrapper" }, t(n)[t(o).BUTTON_CLEAR], {
58
- onClick: x(y, ["stop"])
58
+ u(d("div", n({ class: "x-circle-wrapper" }, t(s)[t(o).BUTTON_CLEAR], {
59
+ onClick: v(y, ["stop"])
59
60
  }), [
60
- d(t(m), {
61
+ c(t(m), {
61
62
  name: "x-circle",
62
63
  size: "16px",
63
64
  type: "fill"
64
65
  })
65
66
  ], 16, $), [
66
- [f, a.value]
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.vue_vue_type_style_index_0_scoped_fd7a490e_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fd7a490e"]]);
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
  };