@knime/scripting-editor 0.0.80 → 0.0.82
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/dist/initial-data-service-browser-mock.js +22 -10
- package/dist/lib/main.d.ts +2 -2
- package/dist/main.js +11320 -11298
- package/dist/node_modules/@knime/components/src/components/Buttons/Button.vue.d.ts +131 -0
- package/dist/node_modules/@knime/components/src/components/Buttons/PlusButton.vue.d.ts +28 -0
- package/dist/node_modules/@knime/components/src/components/Buttons/SplitButton.vue.d.ts +9 -0
- package/dist/node_modules/@knime/components/src/components/Carousel/Carousel.vue.d.ts +22 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorer.vue.d.ts +216 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerContextMenu.vue.d.ts +40 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItem.vue.d.ts +78 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBack.vue.d.ts +12 -0
- package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBase.vue.d.ts +20 -0
- package/dist/node_modules/@knime/components/src/components/LinkList/LinkList.vue.d.ts +27 -0
- package/dist/node_modules/@knime/components/src/components/Modal/Modal.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/Pill/Pill.vue.d.ts +36 -0
- package/dist/node_modules/@knime/components/src/components/SubMenu/SubMenu.vue.d.ts +199 -0
- package/dist/node_modules/@knime/components/src/components/Tag/Tag.vue.d.ts +45 -0
- package/dist/node_modules/@knime/components/src/components/Tag/TagList.vue.d.ts +82 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/Toast.vue.d.ts +51 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/ToastButton.vue.d.ts +27 -0
- package/dist/node_modules/@knime/components/src/components/Toast/components/ToastStack.vue.d.ts +30 -0
- package/dist/node_modules/@knime/components/src/components/base/Button/BaseButton.vue.d.ts +90 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItem.vue.d.ts +28 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItemText.vue.d.ts +19 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItems.vue.d.ts +123 -0
- package/dist/node_modules/@knime/components/src/components/base/MenuItem/MenuItems.vue.d.ts +96 -0
- package/dist/node_modules/@knime/components/src/components/base/Modal/BaseModal.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/forms/ComboBox/ComboBox.vue.d.ts +150 -0
- package/dist/node_modules/@knime/components/src/components/forms/Dropdown/Dropdown.vue.d.ts +203 -0
- package/dist/node_modules/@knime/components/src/components/forms/MultiModeTwinlist/MultiModeTwinlist.vue.d.ts +299 -0
- package/dist/node_modules/@knime/components/src/components/forms/MultiselectListBox/MultiselectListBox.vue.d.ts +279 -0
- package/dist/node_modules/@knime/components/src/components/forms/NumberInput/NumberInput.vue.d.ts +166 -0
- package/dist/node_modules/@knime/components/src/components/forms/QuantityInput/QuantityInput.vue.d.ts +45 -0
- package/dist/node_modules/@knime/components/src/components/forms/RadioButtons/BaseRadioButtons.vue.d.ts +66 -0
- package/dist/node_modules/@knime/components/src/components/forms/SearchableCheckboxes/SearchableCheckboxes.vue.d.ts +267 -0
- package/dist/node_modules/@knime/components/src/components/forms/SearchableList/SearchableList.vue.d.ts +285 -0
- package/dist/node_modules/@knime/components/src/components/forms/SortList/SortList.vue.d.ts +26 -0
- package/dist/node_modules/@knime/components/src/components/forms/Twinlist/Twinlist.vue.d.ts +381 -0
- package/dist/node_modules/@knime/components/src/components/forms/ValueSwitch/ValueSwitch.vue.d.ts +65 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtIFrame.vue.d.ts +27 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtShadowApp.vue.d.ts +41 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtension.vue.d.ts +49 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionAlerts.vue.d.ts +34 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionErrorOverlay.vue.d.ts +41 -0
- package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionWarningButton.vue.d.ts +34 -0
- package/dist/src/components/CodeEditorControlBar.vue.d.ts +2 -20
- package/dist/src/components/InfinityLoadingBar.vue.d.ts +2 -0
- package/dist/src/components/ai-assistant/AiButton.vue.d.ts +22 -0
- package/dist/src/components/ai-assistant/AiDisclaimer.vue.d.ts +10 -0
- package/dist/src/components/ai-assistant/AiPopupContent.vue.d.ts +10 -0
- package/dist/src/editor.d.ts +2 -1
- package/dist/src/initial-data-service-browser-mock.d.ts +2 -1
- package/dist/src/initial-data-service.d.ts +14 -1
- package/package.json +2 -2
- package/dist/src/components/ai-assistant/AiBar.vue.d.ts +0 -40
|
@@ -0,0 +1,299 @@
|
|
|
1
|
+
import { TwinlistModelValue } from '../Twinlist/Twinlist.vue';
|
|
2
|
+
import { PossibleValue as TwinlistPossibleValue, Id } from '../possibleValues';
|
|
3
|
+
import { PropType } from 'vue';
|
|
4
|
+
|
|
5
|
+
type PossibleType = {
|
|
6
|
+
id: string;
|
|
7
|
+
text: string;
|
|
8
|
+
};
|
|
9
|
+
type PossibleValue = TwinlistPossibleValue & {
|
|
10
|
+
type?: PossibleType;
|
|
11
|
+
};
|
|
12
|
+
declare const allModes: {
|
|
13
|
+
manual: string;
|
|
14
|
+
wildcard: string;
|
|
15
|
+
regex: string;
|
|
16
|
+
type: string;
|
|
17
|
+
};
|
|
18
|
+
declare const _default: import('vue').DefineComponent<{
|
|
19
|
+
/**
|
|
20
|
+
* initial values
|
|
21
|
+
*/
|
|
22
|
+
mode: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
required: false;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
manualSelection: {
|
|
28
|
+
type: PropType<TwinlistModelValue>;
|
|
29
|
+
default: () => never[];
|
|
30
|
+
};
|
|
31
|
+
pattern: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
caseSensitivePattern: {
|
|
36
|
+
default: boolean;
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
};
|
|
39
|
+
inversePattern: {
|
|
40
|
+
default: boolean;
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
};
|
|
43
|
+
withTypes: {
|
|
44
|
+
type: BooleanConstructor;
|
|
45
|
+
default: boolean;
|
|
46
|
+
};
|
|
47
|
+
selectedTypes: {
|
|
48
|
+
type: PropType<string[]>;
|
|
49
|
+
default: () => never[];
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Hiding and disabling
|
|
53
|
+
*/
|
|
54
|
+
showMode: {
|
|
55
|
+
default: boolean;
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
};
|
|
58
|
+
showSearch: {
|
|
59
|
+
default: boolean;
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
};
|
|
62
|
+
disabled: {
|
|
63
|
+
default: boolean;
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Labels
|
|
68
|
+
*/
|
|
69
|
+
withModeLabel: {
|
|
70
|
+
default: boolean;
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
};
|
|
73
|
+
modeLabel: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
required: false;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
78
|
+
withPatternLabel: {
|
|
79
|
+
default: boolean;
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
};
|
|
82
|
+
patternLabel: {
|
|
83
|
+
type: StringConstructor;
|
|
84
|
+
required: false;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
withTypesLabel: {
|
|
88
|
+
default: boolean;
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
};
|
|
91
|
+
typesLabel: {
|
|
92
|
+
type: StringConstructor;
|
|
93
|
+
required: false;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
98
|
+
* @example
|
|
99
|
+
* [{
|
|
100
|
+
* id: 'pdf',
|
|
101
|
+
* text: 'PDF'
|
|
102
|
+
* }, {
|
|
103
|
+
* id: 'XLS',
|
|
104
|
+
* text: 'Excel',
|
|
105
|
+
* }]
|
|
106
|
+
* For type selection, additionally, an element has to have a property `type` wich itself has properties
|
|
107
|
+
* `id` and `text`, e.g.
|
|
108
|
+
* [{
|
|
109
|
+
* id: 'pdf',
|
|
110
|
+
* text: 'PDF',
|
|
111
|
+
* type: {
|
|
112
|
+
* id: 'StringValue',
|
|
113
|
+
* text: 'String'
|
|
114
|
+
* }]
|
|
115
|
+
*/
|
|
116
|
+
possibleValues: {
|
|
117
|
+
type: PropType<PossibleValue[]>;
|
|
118
|
+
default: () => never[];
|
|
119
|
+
};
|
|
120
|
+
/**
|
|
121
|
+
* List of possible types which should be selectable but are not necessarily present in the possible values.
|
|
122
|
+
*/
|
|
123
|
+
additionalPossibleTypes: {
|
|
124
|
+
type: PropType<PossibleType[]>;
|
|
125
|
+
default: () => never[];
|
|
126
|
+
};
|
|
127
|
+
compact: {
|
|
128
|
+
type: BooleanConstructor;
|
|
129
|
+
default: boolean;
|
|
130
|
+
};
|
|
131
|
+
}, {
|
|
132
|
+
manuallySelected: import('vue').ComputedRef<Id[] | null>;
|
|
133
|
+
}, {
|
|
134
|
+
invalidPossibleValueIds: Set<unknown>;
|
|
135
|
+
}, {
|
|
136
|
+
possibleValueIds(): Id[];
|
|
137
|
+
possibleTypes(): PossibleType[];
|
|
138
|
+
matchingValueIds(): Id[];
|
|
139
|
+
twinlistModelValue(): TwinlistModelValue;
|
|
140
|
+
selectedValues(): Id[] | null;
|
|
141
|
+
selectionDisabled(): boolean;
|
|
142
|
+
normalizedSearchTerm(): any;
|
|
143
|
+
possibleModes(): {
|
|
144
|
+
id: string;
|
|
145
|
+
text: string;
|
|
146
|
+
}[];
|
|
147
|
+
}, {
|
|
148
|
+
onManualInput(value: TwinlistModelValue): void;
|
|
149
|
+
onPatternInput(value: string): void;
|
|
150
|
+
onTypeInput(value: string[]): void;
|
|
151
|
+
onModeChange(value: keyof typeof allModes): void;
|
|
152
|
+
onToggleCaseSensitivePattern(value: boolean): void;
|
|
153
|
+
onToggleInversePattern(value: boolean): void;
|
|
154
|
+
validate(): any;
|
|
155
|
+
hasSelection(): boolean;
|
|
156
|
+
itemMatches(item: PossibleValue): boolean;
|
|
157
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:manualSelection" | "update:pattern" | "update:selectedTypes" | "update:mode" | "update:caseSensitivePattern" | "update:inversePattern" | "update:selected")[], "update:manualSelection" | "update:pattern" | "update:selectedTypes" | "update:mode" | "update:caseSensitivePattern" | "update:inversePattern" | "update:selected", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
158
|
+
/**
|
|
159
|
+
* initial values
|
|
160
|
+
*/
|
|
161
|
+
mode: {
|
|
162
|
+
type: StringConstructor;
|
|
163
|
+
required: false;
|
|
164
|
+
default: string;
|
|
165
|
+
};
|
|
166
|
+
manualSelection: {
|
|
167
|
+
type: PropType<TwinlistModelValue>;
|
|
168
|
+
default: () => never[];
|
|
169
|
+
};
|
|
170
|
+
pattern: {
|
|
171
|
+
type: StringConstructor;
|
|
172
|
+
default: string;
|
|
173
|
+
};
|
|
174
|
+
caseSensitivePattern: {
|
|
175
|
+
default: boolean;
|
|
176
|
+
type: BooleanConstructor;
|
|
177
|
+
};
|
|
178
|
+
inversePattern: {
|
|
179
|
+
default: boolean;
|
|
180
|
+
type: BooleanConstructor;
|
|
181
|
+
};
|
|
182
|
+
withTypes: {
|
|
183
|
+
type: BooleanConstructor;
|
|
184
|
+
default: boolean;
|
|
185
|
+
};
|
|
186
|
+
selectedTypes: {
|
|
187
|
+
type: PropType<string[]>;
|
|
188
|
+
default: () => never[];
|
|
189
|
+
};
|
|
190
|
+
/**
|
|
191
|
+
* Hiding and disabling
|
|
192
|
+
*/
|
|
193
|
+
showMode: {
|
|
194
|
+
default: boolean;
|
|
195
|
+
type: BooleanConstructor;
|
|
196
|
+
};
|
|
197
|
+
showSearch: {
|
|
198
|
+
default: boolean;
|
|
199
|
+
type: BooleanConstructor;
|
|
200
|
+
};
|
|
201
|
+
disabled: {
|
|
202
|
+
default: boolean;
|
|
203
|
+
type: BooleanConstructor;
|
|
204
|
+
};
|
|
205
|
+
/**
|
|
206
|
+
* Labels
|
|
207
|
+
*/
|
|
208
|
+
withModeLabel: {
|
|
209
|
+
default: boolean;
|
|
210
|
+
type: BooleanConstructor;
|
|
211
|
+
};
|
|
212
|
+
modeLabel: {
|
|
213
|
+
type: StringConstructor;
|
|
214
|
+
required: false;
|
|
215
|
+
default: string;
|
|
216
|
+
};
|
|
217
|
+
withPatternLabel: {
|
|
218
|
+
default: boolean;
|
|
219
|
+
type: BooleanConstructor;
|
|
220
|
+
};
|
|
221
|
+
patternLabel: {
|
|
222
|
+
type: StringConstructor;
|
|
223
|
+
required: false;
|
|
224
|
+
default: string;
|
|
225
|
+
};
|
|
226
|
+
withTypesLabel: {
|
|
227
|
+
default: boolean;
|
|
228
|
+
type: BooleanConstructor;
|
|
229
|
+
};
|
|
230
|
+
typesLabel: {
|
|
231
|
+
type: StringConstructor;
|
|
232
|
+
required: false;
|
|
233
|
+
default: string;
|
|
234
|
+
};
|
|
235
|
+
/**
|
|
236
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
237
|
+
* @example
|
|
238
|
+
* [{
|
|
239
|
+
* id: 'pdf',
|
|
240
|
+
* text: 'PDF'
|
|
241
|
+
* }, {
|
|
242
|
+
* id: 'XLS',
|
|
243
|
+
* text: 'Excel',
|
|
244
|
+
* }]
|
|
245
|
+
* For type selection, additionally, an element has to have a property `type` wich itself has properties
|
|
246
|
+
* `id` and `text`, e.g.
|
|
247
|
+
* [{
|
|
248
|
+
* id: 'pdf',
|
|
249
|
+
* text: 'PDF',
|
|
250
|
+
* type: {
|
|
251
|
+
* id: 'StringValue',
|
|
252
|
+
* text: 'String'
|
|
253
|
+
* }]
|
|
254
|
+
*/
|
|
255
|
+
possibleValues: {
|
|
256
|
+
type: PropType<PossibleValue[]>;
|
|
257
|
+
default: () => never[];
|
|
258
|
+
};
|
|
259
|
+
/**
|
|
260
|
+
* List of possible types which should be selectable but are not necessarily present in the possible values.
|
|
261
|
+
*/
|
|
262
|
+
additionalPossibleTypes: {
|
|
263
|
+
type: PropType<PossibleType[]>;
|
|
264
|
+
default: () => never[];
|
|
265
|
+
};
|
|
266
|
+
compact: {
|
|
267
|
+
type: BooleanConstructor;
|
|
268
|
+
default: boolean;
|
|
269
|
+
};
|
|
270
|
+
}>> & {
|
|
271
|
+
"onUpdate:manualSelection"?: ((...args: any[]) => any) | undefined;
|
|
272
|
+
"onUpdate:pattern"?: ((...args: any[]) => any) | undefined;
|
|
273
|
+
"onUpdate:selectedTypes"?: ((...args: any[]) => any) | undefined;
|
|
274
|
+
"onUpdate:mode"?: ((...args: any[]) => any) | undefined;
|
|
275
|
+
"onUpdate:caseSensitivePattern"?: ((...args: any[]) => any) | undefined;
|
|
276
|
+
"onUpdate:inversePattern"?: ((...args: any[]) => any) | undefined;
|
|
277
|
+
"onUpdate:selected"?: ((...args: any[]) => any) | undefined;
|
|
278
|
+
}, {
|
|
279
|
+
disabled: boolean;
|
|
280
|
+
pattern: string;
|
|
281
|
+
compact: boolean;
|
|
282
|
+
mode: string;
|
|
283
|
+
possibleValues: PossibleValue[];
|
|
284
|
+
showSearch: boolean;
|
|
285
|
+
manualSelection: TwinlistModelValue;
|
|
286
|
+
caseSensitivePattern: boolean;
|
|
287
|
+
inversePattern: boolean;
|
|
288
|
+
withTypes: boolean;
|
|
289
|
+
selectedTypes: string[];
|
|
290
|
+
showMode: boolean;
|
|
291
|
+
withModeLabel: boolean;
|
|
292
|
+
modeLabel: string;
|
|
293
|
+
withPatternLabel: boolean;
|
|
294
|
+
patternLabel: string;
|
|
295
|
+
withTypesLabel: boolean;
|
|
296
|
+
typesLabel: string;
|
|
297
|
+
additionalPossibleTypes: PossibleType[];
|
|
298
|
+
}, {}>;
|
|
299
|
+
export default _default;
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { Id, PossibleValue, BottomValue } from '../possibleValues';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<{
|
|
5
|
+
id: {
|
|
6
|
+
type: StringConstructor;
|
|
7
|
+
default(): string;
|
|
8
|
+
};
|
|
9
|
+
modelValue: {
|
|
10
|
+
type: PropType<Id[] | null>;
|
|
11
|
+
default: () => never[];
|
|
12
|
+
};
|
|
13
|
+
disabled: {
|
|
14
|
+
default: boolean;
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
};
|
|
17
|
+
withIsEmptyState: {
|
|
18
|
+
default: boolean;
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Is only used when emptyStateComponent is null
|
|
23
|
+
*/
|
|
24
|
+
emptyStateLabel: {
|
|
25
|
+
default: string;
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
30
|
+
*/
|
|
31
|
+
emptyStateComponent: {
|
|
32
|
+
default: null;
|
|
33
|
+
type: ObjectConstructor;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* If enabled the single click will allow the user to select multiple items, otherwise this only works with
|
|
37
|
+
* CTRL + Click (similar to <select> html widgets)
|
|
38
|
+
*/
|
|
39
|
+
multiselectByClick: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Bottom values
|
|
45
|
+
*/
|
|
46
|
+
withBottomValue: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
bottomValue: {
|
|
51
|
+
type: PropType<BottomValue>;
|
|
52
|
+
default: () => {
|
|
53
|
+
id: string;
|
|
54
|
+
text: string;
|
|
55
|
+
};
|
|
56
|
+
validator(value: BottomValue): boolean;
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* Controls the size of the list. Number of visible items (for others user need to scroll)
|
|
60
|
+
* 0 means all
|
|
61
|
+
*/
|
|
62
|
+
size: {
|
|
63
|
+
type: NumberConstructor;
|
|
64
|
+
default: number;
|
|
65
|
+
validator(value: number): boolean;
|
|
66
|
+
};
|
|
67
|
+
isValid: {
|
|
68
|
+
default: boolean;
|
|
69
|
+
type: BooleanConstructor;
|
|
70
|
+
};
|
|
71
|
+
ariaLabel: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
required: true;
|
|
74
|
+
};
|
|
75
|
+
/**
|
|
76
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
77
|
+
* @example
|
|
78
|
+
* [{
|
|
79
|
+
* id: 'pdf',
|
|
80
|
+
* text: 'PDF'
|
|
81
|
+
* }, {
|
|
82
|
+
* id: 'XLS',
|
|
83
|
+
* text: 'Excel',
|
|
84
|
+
* }]
|
|
85
|
+
*/
|
|
86
|
+
possibleValues: {
|
|
87
|
+
type: PropType<PossibleValue[]>;
|
|
88
|
+
default: () => never[];
|
|
89
|
+
validator(values: unknown): boolean;
|
|
90
|
+
};
|
|
91
|
+
}, {
|
|
92
|
+
optionLineHeight: number;
|
|
93
|
+
containerProps: {
|
|
94
|
+
ref: import('vue').Ref<HTMLElement | null>;
|
|
95
|
+
onScroll: () => void;
|
|
96
|
+
style: import('vue').StyleValue;
|
|
97
|
+
};
|
|
98
|
+
wrapperProps: import('vue').ComputedRef<{
|
|
99
|
+
style: {
|
|
100
|
+
width: string;
|
|
101
|
+
height: string;
|
|
102
|
+
marginTop: string;
|
|
103
|
+
} | {
|
|
104
|
+
width: string;
|
|
105
|
+
height: string;
|
|
106
|
+
marginLeft: string;
|
|
107
|
+
display: string;
|
|
108
|
+
};
|
|
109
|
+
}>;
|
|
110
|
+
list: import('vue').Ref<import('@vueuse/core').UseVirtualListItem<PossibleValue>[]>;
|
|
111
|
+
}, {
|
|
112
|
+
selectedValues: Id[] | null;
|
|
113
|
+
currentKeyNavIndex: number;
|
|
114
|
+
shiftStartIndex: number;
|
|
115
|
+
draggingStartIndex: number;
|
|
116
|
+
draggingInverseMode: boolean;
|
|
117
|
+
}, {
|
|
118
|
+
cssStyleSize(): {
|
|
119
|
+
height: string;
|
|
120
|
+
} | {
|
|
121
|
+
height?: undefined;
|
|
122
|
+
};
|
|
123
|
+
possibleValuesWithBottom(): (PossibleValue | BottomValue)[];
|
|
124
|
+
bottomIndex(): number;
|
|
125
|
+
showEmptyState(): boolean;
|
|
126
|
+
}, {
|
|
127
|
+
createDebouncedHandleCtrlClick(): void;
|
|
128
|
+
debouncedHandleCtrlClick(value: Id, index: number): void;
|
|
129
|
+
isCurrentValue(candidate: Id): boolean | undefined;
|
|
130
|
+
handleCtrlClick(value: Id, index: number): void;
|
|
131
|
+
handleShiftClick(value: Id, clickedIndex: number): void;
|
|
132
|
+
/**
|
|
133
|
+
* Returns all value ids (String) for two indices no matter which one is the start/end index
|
|
134
|
+
* @param {Number} firstIndex - index a
|
|
135
|
+
* @param {Number} secondIndex - index b
|
|
136
|
+
* @returns {String[]}
|
|
137
|
+
*/
|
|
138
|
+
getPossibleValuesInSection(firstIndex: number, secondIndex: number): Id[];
|
|
139
|
+
onStartDrag(e: MouseEvent, isBottom?: boolean): void;
|
|
140
|
+
onDrag(e: MouseEvent): void;
|
|
141
|
+
onBottomStartDrag(e: MouseEvent): void;
|
|
142
|
+
onBottomDrag(e: MouseEvent): void;
|
|
143
|
+
onStopDrag(): void;
|
|
144
|
+
handleClick($event: MouseEvent, value: Id, index: number): void;
|
|
145
|
+
handleDblClick(id: Id, index: number): void;
|
|
146
|
+
handleBottomClick($event: MouseEvent): void;
|
|
147
|
+
handleBottomDblClick(): void;
|
|
148
|
+
handleShiftDblClick(): void;
|
|
149
|
+
addToSelection(value: Id): boolean;
|
|
150
|
+
removeFromSelection(value: Id): boolean;
|
|
151
|
+
toggleSelection(value: Id): void;
|
|
152
|
+
setSelectedNoShiftReset(values: Id[]): void;
|
|
153
|
+
setSelected(values: Id[]): void;
|
|
154
|
+
setSelectedToIndex(index: number): void;
|
|
155
|
+
scrollToCurrent(): void;
|
|
156
|
+
scrollIntoView(index: number, mode?: string): void;
|
|
157
|
+
isOutOfRange(index: number): boolean;
|
|
158
|
+
onArrowDown(): void;
|
|
159
|
+
onArrowUp(): void;
|
|
160
|
+
onArrowDownShift(): void;
|
|
161
|
+
onArrowUpShift(): void;
|
|
162
|
+
onEndKey(): void;
|
|
163
|
+
onHomeKey(): void;
|
|
164
|
+
onArrowLeft(): void;
|
|
165
|
+
onArrowRight(): void;
|
|
166
|
+
onCtrlA(): void;
|
|
167
|
+
hasSelection(): boolean;
|
|
168
|
+
getCurrentKeyNavItem(): PossibleValue;
|
|
169
|
+
generateOptionId(item: PossibleValue): string;
|
|
170
|
+
focus(): void;
|
|
171
|
+
clearSelection(): void;
|
|
172
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "doubleClickOnItem" | "doubleClickShift" | "keyArrowLeft" | "keyArrowRight")[], "update:modelValue" | "doubleClickOnItem" | "doubleClickShift" | "keyArrowLeft" | "keyArrowRight", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
173
|
+
id: {
|
|
174
|
+
type: StringConstructor;
|
|
175
|
+
default(): string;
|
|
176
|
+
};
|
|
177
|
+
modelValue: {
|
|
178
|
+
type: PropType<Id[] | null>;
|
|
179
|
+
default: () => never[];
|
|
180
|
+
};
|
|
181
|
+
disabled: {
|
|
182
|
+
default: boolean;
|
|
183
|
+
type: BooleanConstructor;
|
|
184
|
+
};
|
|
185
|
+
withIsEmptyState: {
|
|
186
|
+
default: boolean;
|
|
187
|
+
type: BooleanConstructor;
|
|
188
|
+
};
|
|
189
|
+
/**
|
|
190
|
+
* Is only used when emptyStateComponent is null
|
|
191
|
+
*/
|
|
192
|
+
emptyStateLabel: {
|
|
193
|
+
default: string;
|
|
194
|
+
type: StringConstructor;
|
|
195
|
+
};
|
|
196
|
+
/**
|
|
197
|
+
* this component is displayed centered in the middle of the box in case it is empty
|
|
198
|
+
*/
|
|
199
|
+
emptyStateComponent: {
|
|
200
|
+
default: null;
|
|
201
|
+
type: ObjectConstructor;
|
|
202
|
+
};
|
|
203
|
+
/**
|
|
204
|
+
* If enabled the single click will allow the user to select multiple items, otherwise this only works with
|
|
205
|
+
* CTRL + Click (similar to <select> html widgets)
|
|
206
|
+
*/
|
|
207
|
+
multiselectByClick: {
|
|
208
|
+
type: BooleanConstructor;
|
|
209
|
+
default: boolean;
|
|
210
|
+
};
|
|
211
|
+
/**
|
|
212
|
+
* Bottom values
|
|
213
|
+
*/
|
|
214
|
+
withBottomValue: {
|
|
215
|
+
type: BooleanConstructor;
|
|
216
|
+
default: boolean;
|
|
217
|
+
};
|
|
218
|
+
bottomValue: {
|
|
219
|
+
type: PropType<BottomValue>;
|
|
220
|
+
default: () => {
|
|
221
|
+
id: string;
|
|
222
|
+
text: string;
|
|
223
|
+
};
|
|
224
|
+
validator(value: BottomValue): boolean;
|
|
225
|
+
};
|
|
226
|
+
/**
|
|
227
|
+
* Controls the size of the list. Number of visible items (for others user need to scroll)
|
|
228
|
+
* 0 means all
|
|
229
|
+
*/
|
|
230
|
+
size: {
|
|
231
|
+
type: NumberConstructor;
|
|
232
|
+
default: number;
|
|
233
|
+
validator(value: number): boolean;
|
|
234
|
+
};
|
|
235
|
+
isValid: {
|
|
236
|
+
default: boolean;
|
|
237
|
+
type: BooleanConstructor;
|
|
238
|
+
};
|
|
239
|
+
ariaLabel: {
|
|
240
|
+
type: StringConstructor;
|
|
241
|
+
required: true;
|
|
242
|
+
};
|
|
243
|
+
/**
|
|
244
|
+
* List of possible values. Each item must have an `id` and a `text` property
|
|
245
|
+
* @example
|
|
246
|
+
* [{
|
|
247
|
+
* id: 'pdf',
|
|
248
|
+
* text: 'PDF'
|
|
249
|
+
* }, {
|
|
250
|
+
* id: 'XLS',
|
|
251
|
+
* text: 'Excel',
|
|
252
|
+
* }]
|
|
253
|
+
*/
|
|
254
|
+
possibleValues: {
|
|
255
|
+
type: PropType<PossibleValue[]>;
|
|
256
|
+
default: () => never[];
|
|
257
|
+
validator(values: unknown): boolean;
|
|
258
|
+
};
|
|
259
|
+
}>> & {
|
|
260
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
261
|
+
onDoubleClickOnItem?: ((...args: any[]) => any) | undefined;
|
|
262
|
+
onDoubleClickShift?: ((...args: any[]) => any) | undefined;
|
|
263
|
+
onKeyArrowLeft?: ((...args: any[]) => any) | undefined;
|
|
264
|
+
onKeyArrowRight?: ((...args: any[]) => any) | undefined;
|
|
265
|
+
}, {
|
|
266
|
+
size: number;
|
|
267
|
+
disabled: boolean;
|
|
268
|
+
id: string;
|
|
269
|
+
possibleValues: PossibleValue[];
|
|
270
|
+
modelValue: Id[] | null;
|
|
271
|
+
isValid: boolean;
|
|
272
|
+
withIsEmptyState: boolean;
|
|
273
|
+
emptyStateLabel: string;
|
|
274
|
+
emptyStateComponent: Record<string, any>;
|
|
275
|
+
multiselectByClick: boolean;
|
|
276
|
+
withBottomValue: boolean;
|
|
277
|
+
bottomValue: BottomValue;
|
|
278
|
+
}, {}>;
|
|
279
|
+
export default _default;
|