@ironsource/shared-ui 2.1.11-test.9 → 2.1.11-test.92
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_604dfc6f_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_b8213498_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css +1 -0
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_e43ac1c9_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2ba23450_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_26488faf_lang.css +1 -0
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_75002075_lang.css +1 -0
- package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
- package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
- package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +1 -0
- package/README.md +4 -15
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_b883d1fa_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +1 -0
- package/components/autocomplete/Autocomplete.vue2.js +1 -1
- package/components/chart/Chart.vue.d.ts +16 -3
- package/components/chart/Chart.vue.js +5 -5
- package/components/chart/Chart.vue2.js +127 -110
- package/components/chart/ChartHeader.vue.d.ts +13 -6
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +32 -29
- package/components/chart/ChartLegend.vue.d.ts +5 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +99 -49
- package/components/chart/ChartTooltip.vue.d.ts +4 -5
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +64 -43
- package/components/chart/SettingsHeader.vue2.js +1 -1
- package/components/chart/index.d.ts +55 -16
- package/components/chart/mockData.d.ts +15 -2
- package/components/chart/types.d.ts +15 -1
- package/components/chart/utils/utils.js +5 -5
- package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
- package/components/checkbox/v4/CheckboxV4.vue2.js +2 -2
- package/components/datePicker/v4/DatePickerV4.vue2.js +1 -1
- package/components/dateRange/v4/DateRangeV4.vue2.js +1 -1
- package/components/dialog/v4/DialogV4.vue.d.ts +15 -0
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +80 -73
- package/components/dialog/v4/index.d.ts +58 -1
- package/components/dropdown/common/Dropdown.common.js +180 -169
- package/components/dropdown/v3/index.d.ts +12 -12
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +15 -0
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +42 -20
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +59 -40
- package/components/dropdown/v4/{ConditionalDroprown.vue.d.ts → ConditionalDropdown.vue.d.ts} +60 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.js +7 -0
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +239 -0
- package/components/dropdown/v4/DropdownV4.vue.d.ts +18 -5
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +52 -50
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +87 -87
- package/components/dropdown/v4/index.d.ts +205 -35
- package/components/dropdown/v4/index.js +3 -3
- package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
- package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
- package/components/filtersPanel/v4/FiltersPanelV4.vue.js +2 -2
- package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +8 -9
- package/components/forms/FormCard.vue.js +3 -3
- package/components/forms/FormCard.vue2.js +1 -1
- package/components/icon/v4/IconFlag.vue.js +3 -3
- package/components/icon/v4/IconFlag.vue2.js +1 -1
- package/components/icon/v4/consts.d.ts +1 -1
- package/components/icon/v4/consts.js +1 -1
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +185 -165
- package/components/multibar/MultiBarMenu.vue2.js +1 -1
- package/components/popover/v4/PopoverV4.vue.d.ts +11 -1
- package/components/popover/v4/PopoverV4.vue.js +2 -2
- package/components/popover/v4/PopoverV4.vue2.js +40 -26
- package/components/popover/v4/index.d.ts +46 -8
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +7 -116
- package/components/snackbar/v4/SnackbarV4.vue.js +5 -5
- package/components/snackbar/v4/SnackbarV4.vue2.js +62 -60
- package/components/sortableList/SortableItem.vue.d.ts +5 -0
- package/components/sortableList/SortableItem.vue.js +2 -2
- package/components/sortableList/SortableItem.vue2.js +86 -70
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +20 -23
- package/components/sortableList/SortableList.vue.d.ts +17 -1
- package/components/sortableList/SortableList.vue.js +4 -4
- package/components/sortableList/SortableList.vue2.js +113 -94
- package/components/sortableList/index.d.ts +63 -5
- package/components/table/common/Table.common.d.ts +1 -1
- package/components/table/common/Table.common.js +82 -74
- package/components/table/common/Table.types.d.ts +1 -1
- package/components/table/common/consts.d.ts +4 -0
- package/components/table/common/consts.js +7 -0
- package/components/table/v3/Table.vue.d.ts +1 -1
- package/components/table/v3/index.d.ts +5 -5
- package/components/table/v4/DataGrid.vue.d.ts +12 -2
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +164 -155
- package/components/table/v4/DataGridMenu.vue.js +5 -5
- package/components/table/v4/DataGridMenu.vue2.js +2 -2
- package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +84 -46
- package/components/table-cells/common/Editable.common.js +29 -23
- package/components/table-cells/common/EditableContext.d.ts +1 -0
- package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
- package/components/table-cells/v4/EditableV4.vue.js +3 -3
- package/components/table-cells/v4/EditableV4.vue2.js +11 -10
- package/components/table-cells/v4/index.d.ts +20 -1
- package/components/tooltip/v4/TooltipV4.vue.d.ts +10 -0
- package/components/tooltip/v4/TooltipV4.vue.js +3 -3
- package/components/tooltip/v4/TooltipV4.vue2.js +24 -21
- package/components/tooltip/v4/index.d.ts +39 -1
- package/components/typography/v4/Typography.vue.js +3 -3
- package/components/typography/v4/Typography.vue2.js +24 -18
- package/design-foundation.stories/icons/iconsData.d.ts +1 -1
- package/index.d.ts +1097 -204
- package/index.js +1 -1
- package/mocks/words.d.ts +1 -1
- package/package.json +1 -1
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/style/v4/spacings.scss +1 -0
- package/testids/index.d.ts +2 -0
- package/testids/index.js +13 -13
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_ea1e5c3e_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_c0f71a49_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css +0 -1
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_8e5b619a_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +0 -1
- package/ConditionalDroprown.vue_vue_type_style_index_0_scoped_546e19a9_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_f88a132e_lang.css +0 -1
- package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
- package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +0 -1
- package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
- package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_43b5cba4_lang.css +0 -1
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_bdfb0aef_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css +0 -1
- package/components/dropdown/v4/ConditionalDroprown.vue.js +0 -7
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
3
|
-
// import "../../../DropdownV4.
|
|
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__ */
|
|
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.
|
|
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
|
|
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 "./
|
|
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:
|
|
33
|
+
}, ze = ["aria-selected", "aria-disabled", "onClick"], $e = {
|
|
34
|
+
key: 3,
|
|
35
35
|
class: "loader"
|
|
36
|
-
},
|
|
36
|
+
}, Me = {
|
|
37
37
|
key: 1,
|
|
38
38
|
class: "actions-wrapper"
|
|
39
|
-
},
|
|
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
|
-
|
|
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:
|
|
114
|
+
onKeydown: b,
|
|
113
115
|
open: s,
|
|
114
|
-
toggleMenu:
|
|
116
|
+
toggleMenu: I,
|
|
115
117
|
onButtonKeydown: N,
|
|
116
|
-
query:
|
|
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:
|
|
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 ?
|
|
144
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
212
|
+
modelValue: t(v),
|
|
211
213
|
"onUpdate:modelValue": [
|
|
212
|
-
l[4] || (l[4] = (o) => ge(
|
|
213
|
-
e.
|
|
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(
|
|
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(
|
|
245
|
+
T(G(e.noResultsText), 1)
|
|
244
246
|
]),
|
|
245
247
|
_: 1
|
|
246
248
|
}, 16)
|
|
247
249
|
])) : a("", !0),
|
|
248
|
-
e.loading ? (
|
|
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] =
|
|
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:
|
|
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)(
|
|
275
|
+
"aria-selected": t(A)(C(t(h)), o),
|
|
280
276
|
"aria-disabled": !!e.disabled,
|
|
281
|
-
onClick:
|
|
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(
|
|
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)(
|
|
295
|
-
active:
|
|
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)(
|
|
301
|
-
active:
|
|
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,
|
|
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",
|
|
320
|
-
m("div",
|
|
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(
|
|
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(
|
|
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:
|
|
425
|
+
onClick: H
|
|
424
426
|
}
|
|
425
427
|
}, () => [
|
|
426
428
|
t($) ? (n(), r("div", Ne, [
|
|
427
|
-
(n(), X(
|
|
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(
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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.
|
|
4
|
-
const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
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.
|
|
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("'
|
|
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.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
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
|
};
|