@ironsource/shared-ui 2.1.11-test.9 → 2.1.11-test.91

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 (170) hide show
  1. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_604dfc6f_lang.css +1 -0
  2. package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
  3. package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +1 -0
  4. package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
  5. package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +1 -0
  6. package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +1 -0
  7. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
  8. package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2c6a03f9_lang.css +1 -0
  9. package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +1 -0
  10. package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
  11. package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
  12. package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
  13. package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
  14. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
  15. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css +1 -0
  16. package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
  17. package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css +1 -0
  18. package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
  19. package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
  20. package/README.md +4 -15
  21. package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
  22. package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +1 -0
  23. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
  24. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
  25. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
  26. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  27. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
  28. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  29. package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
  30. package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +1 -0
  31. package/components/autocomplete/Autocomplete.vue2.js +1 -1
  32. package/components/chart/Chart.vue.d.ts +16 -3
  33. package/components/chart/Chart.vue.js +5 -5
  34. package/components/chart/Chart.vue2.js +127 -110
  35. package/components/chart/ChartHeader.vue.d.ts +13 -6
  36. package/components/chart/ChartHeader.vue.js +2 -2
  37. package/components/chart/ChartHeader.vue2.js +32 -29
  38. package/components/chart/ChartLegend.vue.d.ts +5 -0
  39. package/components/chart/ChartLegend.vue.js +3 -3
  40. package/components/chart/ChartLegend.vue2.js +99 -49
  41. package/components/chart/ChartTooltip.vue.d.ts +4 -5
  42. package/components/chart/ChartTooltip.vue.js +2 -2
  43. package/components/chart/ChartTooltip.vue2.js +64 -43
  44. package/components/chart/SettingsHeader.vue2.js +1 -1
  45. package/components/chart/index.d.ts +55 -16
  46. package/components/chart/mockData.d.ts +15 -2
  47. package/components/chart/types.d.ts +15 -1
  48. package/components/chart/utils/utils.js +5 -5
  49. package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
  50. package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
  51. package/components/datePicker/v4/DatePickerV4.vue2.js +1 -1
  52. package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
  53. package/components/dialog/v4/DialogV4.vue.d.ts +15 -0
  54. package/components/dialog/v4/DialogV4.vue.js +3 -3
  55. package/components/dialog/v4/DialogV4.vue2.js +80 -73
  56. package/components/dialog/v4/index.d.ts +58 -1
  57. package/components/dropdown/common/Dropdown.common.js +180 -169
  58. package/components/dropdown/v3/index.d.ts +12 -12
  59. package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +15 -0
  60. package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
  61. package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +42 -20
  62. package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
  63. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
  64. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +59 -40
  65. package/components/dropdown/v4/{ConditionalDroprown.vue.d.ts → ConditionalDropdown.vue.d.ts} +58 -0
  66. package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
  67. package/components/dropdown/v4/ConditionalDropdown.vue2.js +234 -0
  68. package/components/dropdown/v4/DropdownV4.vue.d.ts +18 -5
  69. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  70. package/components/dropdown/v4/DropdownV4.vue2.js +52 -50
  71. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  72. package/components/dropdown/v4/OptionV4.vue2.js +2 -2
  73. package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
  74. package/components/dropdown/v4/TreeDropdown.vue2.js +87 -87
  75. package/components/dropdown/v4/index.d.ts +203 -35
  76. package/components/dropdown/v4/index.js +3 -3
  77. package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
  78. package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
  79. package/components/filtersPanel/v4/FiltersPanelV4.vue.js +2 -2
  80. package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
  81. package/components/forms/FormCard.vue.js +3 -3
  82. package/components/forms/FormCard.vue2.js +1 -1
  83. package/components/icon/v4/IconFlag.vue.js +3 -3
  84. package/components/icon/v4/IconFlag.vue2.js +1 -1
  85. package/components/icon/v4/consts.d.ts +1 -1
  86. package/components/icon/v4/consts.js +1 -1
  87. package/components/input/v4/TextField.vue.js +3 -3
  88. package/components/input/v4/TextField.vue2.js +185 -165
  89. package/components/multibar/MultiBarMenu.vue2.js +1 -1
  90. package/components/popover/v4/PopoverV4.vue.d.ts +11 -1
  91. package/components/popover/v4/PopoverV4.vue.js +2 -2
  92. package/components/popover/v4/PopoverV4.vue2.js +40 -26
  93. package/components/popover/v4/index.d.ts +46 -8
  94. package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
  95. package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
  96. package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
  97. package/components/sortableList/SortableItem.vue.d.ts +5 -0
  98. package/components/sortableList/SortableItem.vue.js +2 -2
  99. package/components/sortableList/SortableItem.vue2.js +86 -70
  100. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  101. package/components/sortableList/SortableItemLabel.vue2.js +20 -23
  102. package/components/sortableList/SortableList.vue.d.ts +17 -1
  103. package/components/sortableList/SortableList.vue.js +4 -4
  104. package/components/sortableList/SortableList.vue2.js +113 -94
  105. package/components/sortableList/index.d.ts +63 -5
  106. package/components/table/common/Table.common.d.ts +1 -1
  107. package/components/table/common/Table.common.js +82 -74
  108. package/components/table/common/Table.types.d.ts +1 -1
  109. package/components/table/common/consts.d.ts +4 -0
  110. package/components/table/common/consts.js +7 -0
  111. package/components/table/v3/Table.vue.d.ts +1 -1
  112. package/components/table/v3/index.d.ts +5 -5
  113. package/components/table/v4/DataGrid.vue.d.ts +12 -2
  114. package/components/table/v4/DataGrid.vue.js +2 -2
  115. package/components/table/v4/DataGrid.vue2.js +164 -155
  116. package/components/table/v4/DataGridMenu.vue.js +5 -5
  117. package/components/table/v4/DataGridMenu.vue2.js +2 -2
  118. package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
  119. package/components/table/v4/index.d.ts +84 -46
  120. package/components/table-cells/common/Editable.common.js +29 -23
  121. package/components/table-cells/common/EditableContext.d.ts +1 -0
  122. package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
  123. package/components/table-cells/v4/EditableV4.vue.js +3 -3
  124. package/components/table-cells/v4/EditableV4.vue2.js +11 -10
  125. package/components/table-cells/v4/index.d.ts +20 -1
  126. package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
  127. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  128. package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
  129. package/components/tooltip/v4/index.d.ts +39 -1
  130. package/components/typography/v4/Typography.vue.js +3 -3
  131. package/components/typography/v4/Typography.vue2.js +24 -18
  132. package/design-foundation.stories/icons/iconsData.d.ts +1 -1
  133. package/index.d.ts +1093 -204
  134. package/index.js +1 -1
  135. package/mocks/words.d.ts +1 -1
  136. package/package.json +3 -3
  137. package/style/v4/grid.css +1 -1
  138. package/style/v4/grid.css.map +1 -1
  139. package/style/v4/spacings.scss +1 -0
  140. package/testids/index.d.ts +2 -0
  141. package/testids/index.js +13 -13
  142. package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
  143. package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
  144. package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +0 -1
  145. package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +0 -1
  146. package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +0 -1
  147. package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css +0 -1
  148. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +0 -1
  149. package/ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css +0 -1
  150. package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
  151. package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
  152. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
  153. package/DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css +0 -1
  154. package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
  155. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
  156. package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
  157. package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
  158. package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +0 -1
  159. package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +0 -1
  160. package/PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css +0 -1
  161. package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
  162. package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
  163. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
  164. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
  165. package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
  166. package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
  167. package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +0 -1
  168. package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +0 -1
  169. package/components/dropdown/v4/ConditionalDroprown.vue.js +0 -7
  170. package/components/dropdown/v4/ConditionalDroprown.vue2.js +0 -157
@@ -7,6 +7,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  disabled?: boolean;
8
8
  popperClass?: string;
9
9
  loading?: boolean;
10
+ loadMoreLoading?: boolean;
11
+ infiniteLoading?: boolean;
10
12
  testId?: string;
11
13
  isOpen?: boolean;
12
14
  options: unknown[];
@@ -35,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
35
37
  onSearch?: (option: any, term: string) => boolean;
36
38
  noResultsText?: string;
37
39
  searchAutoFocus?: boolean;
38
- onClear?: () => void;
40
+ onClearSearch?: () => void;
39
41
  displayValue: (option: unknown) => string;
40
42
  optionNameKey?: string;
41
43
  optionIconKey?: string;
@@ -78,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
78
80
  placeholder: string;
79
81
  size: string;
80
82
  onSearch: any;
81
- onClear: () => true;
83
+ onClearSearch: () => true;
82
84
  theme: string;
83
85
  container: string;
84
86
  flip: boolean;
@@ -116,6 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
116
118
  disableVirtualScroll: boolean;
117
119
  overrideOptionCountCalculation: any;
118
120
  withConditions: boolean;
121
+ infiniteLoading: boolean;
119
122
  }>, {
120
123
  selectItem: (option: any, index?: number) => void;
121
124
  scrollTo: (index: number) => void;
@@ -129,6 +132,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
129
132
  clear: () => void;
130
133
  copyToClipboard: () => void;
131
134
  onsearch: (value: string) => void;
135
+ loadMore: () => void;
136
+ allSelectedChanged: (value: boolean) => void;
137
+ unsavedSelectionUpdate: (value: unknown[]) => void;
132
138
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
133
139
  modelValue?: unknown;
134
140
  selected?: unknown;
@@ -137,6 +143,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
137
143
  disabled?: boolean;
138
144
  popperClass?: string;
139
145
  loading?: boolean;
146
+ loadMoreLoading?: boolean;
147
+ infiniteLoading?: boolean;
140
148
  testId?: string;
141
149
  isOpen?: boolean;
142
150
  options: unknown[];
@@ -165,7 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
165
173
  onSearch?: (option: any, term: string) => boolean;
166
174
  noResultsText?: string;
167
175
  searchAutoFocus?: boolean;
168
- onClear?: () => void;
176
+ onClearSearch?: () => void;
169
177
  displayValue: (option: unknown) => string;
170
178
  optionNameKey?: string;
171
179
  optionIconKey?: string;
@@ -208,7 +216,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
208
216
  placeholder: string;
209
217
  size: string;
210
218
  onSearch: any;
211
- onClear: () => true;
219
+ onClearSearch: () => true;
212
220
  theme: string;
213
221
  container: string;
214
222
  flip: boolean;
@@ -246,14 +254,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
246
254
  disableVirtualScroll: boolean;
247
255
  overrideOptionCountCalculation: any;
248
256
  withConditions: boolean;
257
+ infiniteLoading: boolean;
249
258
  }>>> & {
250
259
  onCopyToClipboard?: () => any;
251
260
  onClear?: () => any;
252
261
  onApply?: (value: unknown) => any;
253
262
  onSelectAll?: () => any;
254
263
  "onUpdate:selected"?: (value: unknown) => any;
264
+ onAllSelectedChanged?: (value: boolean) => any;
255
265
  "onUpdate:isOpen"?: (value: unknown) => any;
256
266
  onOnsearch?: (value: string) => any;
267
+ onLoadMore?: () => any;
268
+ onUnsavedSelectionUpdate?: (value: unknown[]) => any;
257
269
  onOpened?: () => any;
258
270
  onClosed?: () => any;
259
271
  }, {
@@ -271,9 +283,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
271
283
  modelValue: any;
272
284
  selected: any;
273
285
  valueToCopy: string;
274
- onClear: () => void;
275
286
  placeholder: string;
276
287
  multi: boolean;
288
+ infiniteLoading: boolean;
277
289
  showSelectAll: boolean;
278
290
  defaultOpen: boolean;
279
291
  keepOpen: boolean;
@@ -292,6 +304,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
292
304
  onSearch: (option: any, term: string) => boolean;
293
305
  noResultsText: string;
294
306
  searchAutoFocus: boolean;
307
+ onClearSearch: () => void;
295
308
  optionNameKey: string;
296
309
  optionIconKey: string;
297
310
  optionImageKey: string;
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f88a132e"]]);
5
+ const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-75002075"]]);
6
6
  export {
7
7
  r as default
8
8
  };
@@ -1,10 +1,10 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as W, withModifiers as M, Fragment as Te, renderList as ke, toRaw as I, createBlock as X, resolveDynamicComponent as be } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as fe, computed as U, openBlock as n, createElementBlock as r, mergeProps as y, unref as t, renderSlot as f, createElementVNode as m, createVNode as i, withCtx as u, Transition as me, normalizeClass as O, normalizeStyle as pe, createTextVNode as T, createCommentVNode as a, isRef as ge, toDisplayString as G, withModifiers as W, Fragment as Te, renderList as ke, toRaw as C, createBlock as X, resolveDynamicComponent as he } from "vue";
2
2
  import L 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
6
  import "./DropdownV4.vue.js";
7
- import he from "./DefaultDropdownTrigger.vue.js";
7
+ import be from "./DefaultDropdownTrigger.vue.js";
8
8
  import we from "./IconButtonDropdownTrigger.vue.js";
9
9
  import Ie from "./ChipDropdownTrigger.vue.js";
10
10
  import ve from "./AppDropdownTrigger.vue.js";
@@ -12,7 +12,7 @@ import "./ButtonDropdownTrigger.vue.js";
12
12
  import "./ButtonFilterDropdownTrigger.vue.js";
13
13
  import "./TreeDropdown.vue.js";
14
14
  import q from "./OptionV4.vue.js";
15
- import "./ConditionalDroprown.vue.js";
15
+ import "./ConditionalDropdown.vue.js";
16
16
  import Ce from "../../search/v4/SearchV4.vue.js";
17
17
  import Y from "../../typography/v4/Typography.vue.js";
18
18
  import { Dropdown as Se } from "floating-vue";
@@ -30,13 +30,13 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
30
30
  }, Pe = { class: "dropdown-conditions" }, Re = {
31
31
  key: 0,
32
32
  class: "no-result-container"
33
- }, ze = {
34
- key: 1,
33
+ }, ze = ["aria-selected", "aria-disabled", "onClick"], $e = {
34
+ key: 3,
35
35
  class: "loader"
36
- }, $e = ["aria-selected", "aria-disabled", "onClick"], He = {
36
+ }, Me = {
37
37
  key: 1,
38
38
  class: "actions-wrapper"
39
- }, Ge = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, Tt = /* @__PURE__ */ fe({
39
+ }, He = { class: "actions-clear-all" }, Ue = { class: "actions-apply-cancel" }, Tt = /* @__PURE__ */ fe({
40
40
  __name: "DropdownV4",
41
41
  props: {
42
42
  modelValue: { default: null },
@@ -46,6 +46,8 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
46
46
  disabled: { type: Boolean, default: !1 },
47
47
  popperClass: { default: "" },
48
48
  loading: { type: Boolean },
49
+ loadMoreLoading: { type: Boolean },
50
+ infiniteLoading: { type: Boolean, default: !1 },
49
51
  testId: { default: "" },
50
52
  isOpen: { type: Boolean },
51
53
  options: null,
@@ -74,7 +76,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
74
76
  onSearch: { type: Function, default: null },
75
77
  noResultsText: { default: "No results found" },
76
78
  searchAutoFocus: { type: Boolean, default: !0 },
77
- onClear: { type: Function, default: () => !0 },
79
+ onClearSearch: { type: Function, default: () => !0 },
78
80
  displayValue: null,
79
81
  optionNameKey: { default: "" },
80
82
  optionIconKey: { default: "" },
@@ -99,7 +101,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
99
101
  overrideOptionCountCalculation: { type: Function, default: null },
100
102
  withConditions: { type: Boolean, default: !1 }
101
103
  },
102
- emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear", "copyToClipboard", "onsearch"],
104
+ emits: ["update:selected", "update:isOpen", "closed", "opened", "apply", "selectAll", "clear", "copyToClipboard", "onsearch", "loadMore", "allSelectedChanged", "unsavedSelectionUpdate"],
103
105
  setup(e, { expose: j, emit: B }) {
104
106
  const d = e, F = {
105
107
  MULTILINE_LIST_HEIGHT: 48,
@@ -109,11 +111,11 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
109
111
  DROPLIST_MIN_WIDTH: 240,
110
112
  VERSION: 4
111
113
  }, {
112
- onKeydown: h,
114
+ onKeydown: b,
113
115
  open: s,
114
- toggleMenu: v,
116
+ toggleMenu: I,
115
117
  onButtonKeydown: N,
116
- query: C,
118
+ query: v,
117
119
  containerProps: J,
118
120
  calculateTableHeight: Q,
119
121
  wrapperProps: Z,
@@ -124,7 +126,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
124
126
  onSelectAll: te,
125
127
  virtualOptions: x,
126
128
  isSelected: A,
127
- selectedOption: b,
129
+ selectedOption: h,
128
130
  selectedOptionPrevious: E,
129
131
  selectedValue: oe,
130
132
  onSelect: D,
@@ -140,8 +142,8 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
140
142
  onClearAllSelections: z,
141
143
  clearAll: ue,
142
144
  isGroup: ce
143
- } = Ke(d, B, F), g = Ae(d.testId, p), $ = U(() => !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT ? he : d.predefinedTrigger === k.APP ? ve : null), { width: H } = Ee(R), ye = U(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT || d.predefinedTrigger === k.APP ? H.value - 2 > 240 ? `${H.value - 2}px` : `${F.DROPLIST_MIN_WIDTH}px` : "auto"), G = () => {
144
- v();
145
+ } = Ke(d, B, F), g = Ae(d.testId, p), $ = U(() => !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT ? be : d.predefinedTrigger === k.APP ? ve : null), { width: M } = Ee(R), ye = U(() => d.optionsListWidth ? d.optionsListWidth : !d.predefinedTrigger || d.predefinedTrigger === k.DEFAULT || d.predefinedTrigger === k.APP ? M.value - 2 > 240 ? `${M.value - 2}px` : `${F.DROPLIST_MIN_WIDTH}px` : "auto"), H = () => {
146
+ I();
145
147
  };
146
148
  return j({
147
149
  selectItem: D,
@@ -153,7 +155,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
153
155
  tabindex: e.disabled ? -1 : 0
154
156
  }, t(g)[t(p).WRAPPER], {
155
157
  onKeydown: l[8] || (l[8] = //@ts-ignore
156
- (...o) => t(h) && t(h)(...o))
158
+ (...o) => t(b) && t(b)(...o))
157
159
  }), [
158
160
  f(c.$slots, "label", {}, void 0, !0),
159
161
  m("div", Fe, [
@@ -192,7 +194,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
192
194
  key: 0,
193
195
  class: O(["dropdown-list-wrapper", { "dropdown-list-wrapper--multi": e.multi }]),
194
196
  onKeydown: l[7] || (l[7] = //@ts-ignore
195
- (...o) => t(h) && t(h)(...o))
197
+ (...o) => t(b) && t(b)(...o))
196
198
  }, [
197
199
  t(s) && e.inlineSearch ? (n(), r("div", De, [
198
200
  e.withConditions ? f(c.$slots, "dropdown-conditions", { key: 0 }, () => [
@@ -207,17 +209,17 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
207
209
  ], !0) : a("", !0),
208
210
  f(c.$slots, "inline-search", {}, () => [
209
211
  i(t(Ce), {
210
- modelValue: t(C),
212
+ modelValue: t(v),
211
213
  "onUpdate:modelValue": [
212
- l[4] || (l[4] = (o) => ge(C) ? C.value = o : null),
213
- e.onClear
214
+ l[4] || (l[4] = (o) => ge(v) ? v.value = o : null),
215
+ e.onClearSearch
214
216
  ],
215
217
  placeholder: e.inlineSearchPlaceholder,
216
218
  variant: "transparent",
217
219
  size: "md",
218
220
  "auto-focus": e.searchAutoFocus,
219
221
  "test-id": e.testId,
220
- onKeydown: t(h)
222
+ onKeydown: t(b)
221
223
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id", "onUpdate:modelValue", "onKeydown"])
222
224
  ], !0)
223
225
  ])) : a("", !0),
@@ -240,18 +242,12 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
240
242
  !t(_).length && !e.loading && !e.withConditions ? (n(), r("li", Re, [
241
243
  i(t(Y), y({ variant: "body2" }, t(g)[t(p).NO_RESULT]), {
242
244
  default: u(() => [
243
- T(W(e.noResultsText), 1)
245
+ T(G(e.noResultsText), 1)
244
246
  ]),
245
247
  _: 1
246
248
  }, 16)
247
249
  ])) : a("", !0),
248
- e.loading ? (n(), r("li", ze, [
249
- i(t(S), { round: "" }),
250
- i(t(S), { round: "" }),
251
- i(t(S), { round: "" }),
252
- i(t(S), { round: "" })
253
- ])) : a("", !0),
254
- e.showSelectAll !== !1 && e.multi && !t(C) && !e.loading && e.options.length ? f(c.$slots, "select-all", { key: 2 }, () => [
250
+ e.showSelectAll !== !1 && e.multi && !t(v) && !e.loading && e.options.length ? f(c.$slots, "select-all", { key: 1 }, () => [
255
251
  m("li", null, [
256
252
  i(t(q), y(
257
253
  {
@@ -264,7 +260,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
264
260
  },
265
261
  t(g)[t(p).SELECT_ALL],
266
262
  {
267
- onClick: l[5] || (l[5] = M((o) => t(te)(), ["stop"]))
263
+ onClick: l[5] || (l[5] = W((o) => t(te)(), ["stop"]))
268
264
  }
269
265
  ), {
270
266
  default: u(() => [
@@ -274,16 +270,16 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
274
270
  }, 16, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate", "is-multi"])
275
271
  ])
276
272
  ], !0) : a("", !0),
277
- t(x).length && !e.loading ? (n(!0), r(Te, { key: 3 }, ke(t(x), ({ data: o, index: w }) => (n(), r("li", {
273
+ t(x).length && !e.loading ? (n(!0), r(Te, { key: 2 }, ke(t(x), ({ data: o, index: w }) => (n(), r("li", {
278
274
  key: w,
279
- "aria-selected": t(A)(I(t(b)), o),
275
+ "aria-selected": t(A)(C(t(h)), o),
280
276
  "aria-disabled": !!e.disabled,
281
- onClick: M(() => t(D)(o, w), ["stop"])
277
+ onClick: W(() => t(D)(o, w), ["stop"])
282
278
  }, [
283
279
  e.groupedOptions && t(ce)(o) ? f(c.$slots, "group-option", { key: 0 }, () => [
284
280
  i(Le, null, {
285
281
  default: u(() => [
286
- T(W(e.displayValue(o) || o[e.optionNameKey]), 1)
282
+ T(G(e.displayValue(o) || o[e.optionNameKey]), 1)
287
283
  ]),
288
284
  _: 2
289
285
  }, 1024)
@@ -291,14 +287,14 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
291
287
  key: 1,
292
288
  option: o,
293
289
  index: w,
294
- selected: t(A)(I(t(b)), o),
295
- active: I(t(P)) === w,
290
+ selected: t(A)(C(t(h)), o),
291
+ active: C(t(P)) === w,
296
292
  disabled: o[d.disabledOptionKey]
297
293
  }, () => [
298
294
  i(t(q), {
299
295
  option: o,
300
- "selected-prop": t(A)(I(t(b)), o),
301
- active: I(t(P)) === w,
296
+ "selected-prop": t(A)(t(h), o),
297
+ active: C(t(P)) === w,
302
298
  disabled: o[d.disabledOptionKey],
303
299
  "name-key": e.optionNameKey,
304
300
  "image-key": e.optionImageKey,
@@ -313,11 +309,17 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
313
309
  "is-multi": e.multi
314
310
  }, null, 8, ["option", "selected-prop", "active", "disabled", "name-key", "image-key", "icon-key", "icon-type", "end-icon-key", "end-icon-type", "end-text-icon-key", "option-flag-key", "option-two-lines-variant", "option-two-lines-key", "is-multi"])
315
311
  ], !0)
316
- ], 8, $e))), 128)) : a("", !0)
312
+ ], 8, ze))), 128)) : a("", !0),
313
+ e.loading || e.loadMoreLoading ? (n(), r("li", $e, [
314
+ i(t(S), { round: "" }),
315
+ i(t(S), { round: "" }),
316
+ i(t(S), { round: "" }),
317
+ i(t(S), { round: "" })
318
+ ])) : a("", !0)
317
319
  ], 16)
318
320
  ], 16),
319
- e.multi ? (n(), r("div", He, [
320
- m("div", Ge, [
321
+ e.multi ? (n(), r("div", Me, [
322
+ m("div", He, [
321
323
  i(t(L), y(
322
324
  {
323
325
  ref_key: "clearAll",
@@ -391,7 +393,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
391
393
  open: t(s),
392
394
  disabled: e.disabled,
393
395
  label: t(oe) || e.placeholder,
394
- onClick: () => t(v)()
396
+ onClick: () => t(I)()
395
397
  },
396
398
  defaultTriggerProps: {
397
399
  placeholder: e.placeholder,
@@ -402,7 +404,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
402
404
  testId: e.testId,
403
405
  multi: e.multi,
404
406
  disabled: e.disabled,
405
- selectedOption: e.multi ? t(E) : t(b),
407
+ selectedOption: e.multi ? t(E) : t(h),
406
408
  displayValue: e.displayValue,
407
409
  options: e.options,
408
410
  optionNameKey: e.optionNameKey,
@@ -420,11 +422,11 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
420
422
  showAllSelectedText: e.triggerShowAllSelectedText,
421
423
  allSelected: t(K),
422
424
  onKeydown: t(N),
423
- onClick: G
425
+ onClick: H
424
426
  }
425
427
  }, () => [
426
428
  t($) ? (n(), r("div", Ne, [
427
- (n(), X(be(t($)), {
429
+ (n(), X(he(t($)), {
428
430
  placeholder: e.placeholder,
429
431
  open: t(s),
430
432
  label: e.triggerLabel,
@@ -433,7 +435,7 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
433
435
  "test-id": e.testId,
434
436
  multi: e.multi,
435
437
  disabled: e.disabled,
436
- "selected-option": e.multi ? t(E) : t(b),
438
+ "selected-option": e.multi ? t(E) : t(h),
437
439
  "display-value": e.displayValue,
438
440
  options: e.options,
439
441
  "option-name-key": e.optionNameKey,
@@ -451,13 +453,13 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
451
453
  "show-all-selected-text": e.triggerShowAllSelectedText,
452
454
  "all-selected": t(K),
453
455
  onKeydown: t(N),
454
- onClick: G,
456
+ onClick: H,
455
457
  onCopyToClipboard: l[0] || (l[0] = (o) => B("copyToClipboard"))
456
458
  }, null, 40, ["placeholder", "open", "label", "show-feedback-icon", "mandatory", "test-id", "multi", "disabled", "selected-option", "display-value", "options", "option-name-key", "option-image-key", "option-icon-key", "option-icon-type", "option-end-icon-key", "option-end-icon-type", "options-end-text-icon-key", "option-flag-key", "feedback-variant", "value-to-copy", "status-dot-type", "size", "show-all-selected-text", "all-selected", "onKeydown"]))
457
459
  ])) : a("", !0),
458
460
  e.predefinedTrigger === t(k).ICON_BUTTON ? (n(), r("div", Ve, [
459
461
  i(t(we), {
460
- onClick: l[1] || (l[1] = (o) => t(v)())
462
+ onClick: l[1] || (l[1] = (o) => t(I)())
461
463
  })
462
464
  ])) : a("", !0),
463
465
  e.predefinedTrigger === t(k).CHIP ? (n(), r("div", xe, [
@@ -466,11 +468,11 @@ const Be = ["tabindex"], Fe = { style: { width: "100%" } }, Ne = { key: 0 }, Ve
466
468
  label: e.placeholder,
467
469
  "test-id": e.testId,
468
470
  options: e.options,
469
- "selected-option": e.multi ? t(E) : t(b),
471
+ "selected-option": e.multi ? t(E) : t(h),
470
472
  "display-value": e.displayValue,
471
473
  multi: e.multi,
472
474
  "all-selected": t(K),
473
- onClick: l[2] || (l[2] = (o) => t(v)()),
475
+ onClick: l[2] || (l[2] = (o) => t(I)()),
474
476
  onClear: l[3] || (l[3] = (o) => t(z)())
475
477
  }, null, 8, ["open", "label", "test-id", "options", "selected-option", "display-value", "multi", "all-selected"])
476
478
  ])) : a("", !0)
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-df830bf5"]]);
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2c2947b3"]]);
5
5
  export {
6
6
  s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css"; import { defineComponent as N, ref as I, watch as L, computed as w, openBlock as o, createBlock as v, unref as n, createSlots as P, withCtx as d, createElementVNode as c, normalizeClass as k, createCommentVNode as l, createElementBlock as i, renderSlot as m, createVNode as s, toDisplayString as r, createTextVNode as y, withModifiers as $, Fragment as V, renderList as F } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css"; import { defineComponent as N, ref as I, watch as L, computed as w, openBlock as o, createBlock as v, unref as n, createSlots as P, withCtx as d, createElementVNode as c, normalizeClass as k, createCommentVNode as l, createElementBlock as i, renderSlot as m, createVNode as s, toDisplayString as r, createTextVNode as y, withModifiers as $, Fragment as V, renderList as F } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import D from "../../typography/Text.vue.js";
4
4
  import R from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -158,7 +158,7 @@ const Q = { class: "multiline-tooltip" }, W = {
158
158
  class: "conditional-option-value"
159
159
  }, {
160
160
  default: d(() => [
161
- y("'" + r(e.option[e.nameKey]) + "'", 1)
161
+ y('"' + r(e.option[e.nameKey]) + '"', 1)
162
162
  ]),
163
163
  _: 1
164
164
  })
@@ -1,7 +1,7 @@
1
1
  import o from "./TreeDropdown.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bdfb0aef"]]);
3
+ // import "../../../TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b883d1fa"]]);
5
5
  export {
6
6
  s as default
7
7
  };