@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.
Files changed (55) hide show
  1. package/dist/initial-data-service-browser-mock.js +22 -10
  2. package/dist/lib/main.d.ts +2 -2
  3. package/dist/main.js +11320 -11298
  4. package/dist/node_modules/@knime/components/src/components/Buttons/Button.vue.d.ts +131 -0
  5. package/dist/node_modules/@knime/components/src/components/Buttons/PlusButton.vue.d.ts +28 -0
  6. package/dist/node_modules/@knime/components/src/components/Buttons/SplitButton.vue.d.ts +9 -0
  7. package/dist/node_modules/@knime/components/src/components/Carousel/Carousel.vue.d.ts +22 -0
  8. package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorer.vue.d.ts +216 -0
  9. package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerContextMenu.vue.d.ts +40 -0
  10. package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItem.vue.d.ts +78 -0
  11. package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBack.vue.d.ts +12 -0
  12. package/dist/node_modules/@knime/components/src/components/FileExplorer/components/FileExplorerItemBase.vue.d.ts +20 -0
  13. package/dist/node_modules/@knime/components/src/components/LinkList/LinkList.vue.d.ts +27 -0
  14. package/dist/node_modules/@knime/components/src/components/Modal/Modal.vue.d.ts +66 -0
  15. package/dist/node_modules/@knime/components/src/components/Pill/Pill.vue.d.ts +36 -0
  16. package/dist/node_modules/@knime/components/src/components/SubMenu/SubMenu.vue.d.ts +199 -0
  17. package/dist/node_modules/@knime/components/src/components/Tag/Tag.vue.d.ts +45 -0
  18. package/dist/node_modules/@knime/components/src/components/Tag/TagList.vue.d.ts +82 -0
  19. package/dist/node_modules/@knime/components/src/components/Toast/components/Toast.vue.d.ts +51 -0
  20. package/dist/node_modules/@knime/components/src/components/Toast/components/ToastButton.vue.d.ts +27 -0
  21. package/dist/node_modules/@knime/components/src/components/Toast/components/ToastStack.vue.d.ts +30 -0
  22. package/dist/node_modules/@knime/components/src/components/base/Button/BaseButton.vue.d.ts +90 -0
  23. package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItem.vue.d.ts +28 -0
  24. package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItemText.vue.d.ts +19 -0
  25. package/dist/node_modules/@knime/components/src/components/base/MenuItem/BaseMenuItems.vue.d.ts +123 -0
  26. package/dist/node_modules/@knime/components/src/components/base/MenuItem/MenuItems.vue.d.ts +96 -0
  27. package/dist/node_modules/@knime/components/src/components/base/Modal/BaseModal.vue.d.ts +66 -0
  28. package/dist/node_modules/@knime/components/src/components/forms/ComboBox/ComboBox.vue.d.ts +150 -0
  29. package/dist/node_modules/@knime/components/src/components/forms/Dropdown/Dropdown.vue.d.ts +203 -0
  30. package/dist/node_modules/@knime/components/src/components/forms/MultiModeTwinlist/MultiModeTwinlist.vue.d.ts +299 -0
  31. package/dist/node_modules/@knime/components/src/components/forms/MultiselectListBox/MultiselectListBox.vue.d.ts +279 -0
  32. package/dist/node_modules/@knime/components/src/components/forms/NumberInput/NumberInput.vue.d.ts +166 -0
  33. package/dist/node_modules/@knime/components/src/components/forms/QuantityInput/QuantityInput.vue.d.ts +45 -0
  34. package/dist/node_modules/@knime/components/src/components/forms/RadioButtons/BaseRadioButtons.vue.d.ts +66 -0
  35. package/dist/node_modules/@knime/components/src/components/forms/SearchableCheckboxes/SearchableCheckboxes.vue.d.ts +267 -0
  36. package/dist/node_modules/@knime/components/src/components/forms/SearchableList/SearchableList.vue.d.ts +285 -0
  37. package/dist/node_modules/@knime/components/src/components/forms/SortList/SortList.vue.d.ts +26 -0
  38. package/dist/node_modules/@knime/components/src/components/forms/Twinlist/Twinlist.vue.d.ts +381 -0
  39. package/dist/node_modules/@knime/components/src/components/forms/ValueSwitch/ValueSwitch.vue.d.ts +65 -0
  40. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtIFrame.vue.d.ts +27 -0
  41. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtShadowApp.vue.d.ts +41 -0
  42. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtension.vue.d.ts +49 -0
  43. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionAlerts.vue.d.ts +34 -0
  44. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionErrorOverlay.vue.d.ts +41 -0
  45. package/dist/node_modules/@knime/ui-extension-renderer/src/UIExtensionWarningButton.vue.d.ts +34 -0
  46. package/dist/src/components/CodeEditorControlBar.vue.d.ts +2 -20
  47. package/dist/src/components/InfinityLoadingBar.vue.d.ts +2 -0
  48. package/dist/src/components/ai-assistant/AiButton.vue.d.ts +22 -0
  49. package/dist/src/components/ai-assistant/AiDisclaimer.vue.d.ts +10 -0
  50. package/dist/src/components/ai-assistant/AiPopupContent.vue.d.ts +10 -0
  51. package/dist/src/editor.d.ts +2 -1
  52. package/dist/src/initial-data-service-browser-mock.d.ts +2 -1
  53. package/dist/src/initial-data-service.d.ts +14 -1
  54. package/package.json +2 -2
  55. package/dist/src/components/ai-assistant/AiBar.vue.d.ts +0 -40
@@ -0,0 +1,123 @@
1
+ import { PropType, StyleValue } from 'vue';
2
+ import { MenuItem } from './MenuItems.vue';
3
+ import { Boundary } from '@floating-ui/vue';
4
+
5
+ declare const _default: import('vue').DefineComponent<{
6
+ items: {
7
+ type: PropType<MenuItem<any, any>[]>;
8
+ required: true;
9
+ };
10
+ focusedItemIndex: {
11
+ required: false;
12
+ type: PropType<number | null>;
13
+ default: null;
14
+ };
15
+ menuAriaLabel: {
16
+ type: StringConstructor;
17
+ required: true;
18
+ };
19
+ /**
20
+ * Identifier for click handler. If left blank an id is generated.
21
+ * NOTE: Autogenerated IDs might break SSR.
22
+ */
23
+ id: {
24
+ default: () => string;
25
+ type: StringConstructor;
26
+ };
27
+ /**
28
+ * Maximum width in px of the menu
29
+ */
30
+ maxMenuWidth: {
31
+ type: NumberConstructor;
32
+ default: null;
33
+ };
34
+ positionRelativeToElement: {
35
+ type: PropType<HTMLElement | null>;
36
+ default: null;
37
+ };
38
+ /**
39
+ * Element used to detect when the MenuItem is near the edges of a clipping parent.
40
+ * This will then be used to automatically position opened floating submenus accordingly.
41
+ *
42
+ * Defaults to the document's body
43
+ */
44
+ clippingBoundary: {
45
+ type: PropType<Boundary>;
46
+ default: HTMLElement;
47
+ };
48
+ }, {
49
+ listContainerFloatingStyles: StyleValue;
50
+ listContainer: import('vue').Ref<HTMLElement | null>;
51
+ listItems: import('vue').Ref<(HTMLElement | {
52
+ $el: HTMLElement;
53
+ })[]>;
54
+ }, unknown, {
55
+ useMaxMenuWidth(): boolean;
56
+ enabledItemsIndices(): number[];
57
+ }, {
58
+ updateItem(el: HTMLElement, index: number): void;
59
+ getEnabledListItems(): {
60
+ element: HTMLLIElement;
61
+ index: number;
62
+ onClick: () => void;
63
+ }[];
64
+ scrollTo(element: HTMLLIElement): void;
65
+ menuItemId(index: number): string;
66
+ onPointerEnter(event: Event, item: MenuItem, index: number): void;
67
+ onItemClick(event: Event, item: MenuItem, id?: string): void;
68
+ emitItemFocused(): void;
69
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("item-click" | "item-focused" | "item-hovered")[], "item-click" | "item-focused" | "item-hovered", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
70
+ items: {
71
+ type: PropType<MenuItem<any, any>[]>;
72
+ required: true;
73
+ };
74
+ focusedItemIndex: {
75
+ required: false;
76
+ type: PropType<number | null>;
77
+ default: null;
78
+ };
79
+ menuAriaLabel: {
80
+ type: StringConstructor;
81
+ required: true;
82
+ };
83
+ /**
84
+ * Identifier for click handler. If left blank an id is generated.
85
+ * NOTE: Autogenerated IDs might break SSR.
86
+ */
87
+ id: {
88
+ default: () => string;
89
+ type: StringConstructor;
90
+ };
91
+ /**
92
+ * Maximum width in px of the menu
93
+ */
94
+ maxMenuWidth: {
95
+ type: NumberConstructor;
96
+ default: null;
97
+ };
98
+ positionRelativeToElement: {
99
+ type: PropType<HTMLElement | null>;
100
+ default: null;
101
+ };
102
+ /**
103
+ * Element used to detect when the MenuItem is near the edges of a clipping parent.
104
+ * This will then be used to automatically position opened floating submenus accordingly.
105
+ *
106
+ * Defaults to the document's body
107
+ */
108
+ clippingBoundary: {
109
+ type: PropType<Boundary>;
110
+ default: HTMLElement;
111
+ };
112
+ }>> & {
113
+ "onItem-click"?: ((...args: any[]) => any) | undefined;
114
+ "onItem-focused"?: ((...args: any[]) => any) | undefined;
115
+ "onItem-hovered"?: ((...args: any[]) => any) | undefined;
116
+ }, {
117
+ focusedItemIndex: number | null;
118
+ id: string;
119
+ maxMenuWidth: number;
120
+ positionRelativeToElement: HTMLElement | null;
121
+ clippingBoundary: Boundary;
122
+ }, {}>;
123
+ export default _default;
@@ -0,0 +1,96 @@
1
+ import { FunctionalComponent, SVGAttributes } from 'vue';
2
+ import { Boundary } from '@floating-ui/vue';
3
+
4
+ export interface MenuItem<TMetadata = any, TChildrenMetadata = TMetadata> {
5
+ text: string;
6
+ icon?: FunctionalComponent<SVGAttributes>;
7
+ disabled?: boolean;
8
+ /** longer description text that will be displayed below the menu entry but still is part of it */
9
+ description?: string;
10
+ /** shown on menu items on hover */
11
+ title?: string;
12
+ /** for router-links */
13
+ to?: string;
14
+ /** for standard (e.g. external) links */
15
+ href?: string;
16
+ /** adds another styling to the item-font by reducing size and brightening color */
17
+ sectionHeadline?: boolean;
18
+ /** visually emphasizes an item by inverting the color of the item */
19
+ selected?: boolean;
20
+ /** adds a download indicator property for file links */
21
+ download?: boolean | string;
22
+ /** show a separator below the item if it's not the last in the list */
23
+ separator?: boolean;
24
+ /** shown aligned right besides the text */
25
+ hotkeyText?: string;
26
+ /** sub menu */
27
+ children?: Array<MenuItem<TChildrenMetadata>>;
28
+ /** any typed field that can be used to put any data in the item by users of this component */
29
+ metadata?: TMetadata;
30
+ /** If this field is set, the item will be displayed as a checkbox with initial state checkbox.checked, triggering
31
+ checkbox.setBoolean on toggle */
32
+ checkbox?: {
33
+ checked: boolean;
34
+ setBoolean: (checked: boolean) => void;
35
+ };
36
+ }
37
+ export type Props = {
38
+ items: MenuItem[];
39
+ menuAriaLabel: string;
40
+ disableSpaceToClick?: boolean;
41
+ registerKeydown?: boolean;
42
+ /**
43
+ * Element used to detect when the MenuItem is near the edges of a clipping parent.
44
+ * This will then be used to automatically position opened floating submenus accordingly.
45
+ *
46
+ * Defaults to the document's body
47
+ */
48
+ clippingBoundary?: Boundary;
49
+ };
50
+ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
51
+ disableSpaceToClick: boolean;
52
+ registerKeydown: boolean;
53
+ clippingBoundary: () => HTMLElement;
54
+ }>, {
55
+ onKeydown: (event: KeyboardEvent) => void;
56
+ resetNavigation: () => void;
57
+ focusIndex: (index?: number) => void;
58
+ }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
59
+ close: () => void;
60
+ "item-click": (event: MouseEvent, item: MenuItem<any, any>, menuId: string) => void;
61
+ "item-focused": (itemId: string | null, item: MenuItem<any, any> | null) => void;
62
+ "item-hovered": (item: MenuItem<any, any> | null, menuId: string, index: number) => void;
63
+ "close-submenu": () => void;
64
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
65
+ disableSpaceToClick: boolean;
66
+ registerKeydown: boolean;
67
+ clippingBoundary: () => HTMLElement;
68
+ }>>> & {
69
+ onClose?: (() => any) | undefined;
70
+ "onItem-click"?: ((event: MouseEvent, item: MenuItem<any, any>, menuId: string) => any) | undefined;
71
+ "onItem-focused"?: ((itemId: string | null, item: MenuItem<any, any> | null) => any) | undefined;
72
+ "onItem-hovered"?: ((item: MenuItem<any, any> | null, menuId: string, index: number) => any) | undefined;
73
+ "onClose-submenu"?: (() => any) | undefined;
74
+ }, {
75
+ disableSpaceToClick: boolean;
76
+ clippingBoundary: Boundary;
77
+ registerKeydown: boolean;
78
+ }, {}>;
79
+ export default _default;
80
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
81
+ type __VLS_TypePropsToRuntimeProps<T> = {
82
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
83
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
84
+ } : {
85
+ type: import('vue').PropType<T[K]>;
86
+ required: true;
87
+ };
88
+ };
89
+ type __VLS_WithDefaults<P, D> = {
90
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
91
+ default: D[K];
92
+ }> : P[K];
93
+ };
94
+ type __VLS_Prettify<T> = {
95
+ [K in keyof T]: T[K];
96
+ } & {};
@@ -0,0 +1,66 @@
1
+ /**
2
+ * A reusable component which has an overlay and a slot for content. It contains the styles and animations needed for
3
+ * a smooth, full-size modal capable of replacing `window.alert` or displaying messaging within a container element.
4
+ *
5
+ * This component blocks pointer-events with the overlay but emits an event when there is a click away from the modal
6
+ * content; allowing the parent component to minimize or remove the modal as needed.
7
+ *
8
+ * Note that the widget width can be set vial the `--modal-width` CSS property, which defaults to `550px`.
9
+ */
10
+ declare const _default: import('vue').DefineComponent<{
11
+ /**
12
+ * Opens and closes the alert from the parent.
13
+ */
14
+ active: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ implicitDismiss: {
19
+ type: BooleanConstructor;
20
+ default: boolean;
21
+ };
22
+ animate: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ }, unknown, {
27
+ /**
28
+ * 'showContent' is used to animate the modal content separately
29
+ */
30
+ showContent: boolean;
31
+ }, {}, {
32
+ onGlobalKeyUp(event: KeyboardEvent): void;
33
+ /**
34
+ * Detects any clicks on the overlay or the escape key, allowing the modal to be dismissed
35
+ * without having to click a specific button or control.
36
+ *
37
+ */
38
+ onOverlayClick(): void;
39
+ /**
40
+ * can be used by parent to close the modal.
41
+ */
42
+ cancel(): void;
43
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "cancel"[], "cancel", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
44
+ /**
45
+ * Opens and closes the alert from the parent.
46
+ */
47
+ active: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ implicitDismiss: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
55
+ animate: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ }>> & {
60
+ onCancel?: ((...args: any[]) => any) | undefined;
61
+ }, {
62
+ animate: boolean;
63
+ active: boolean;
64
+ implicitDismiss: boolean;
65
+ }, {}>;
66
+ export default _default;
@@ -0,0 +1,150 @@
1
+ import { PropType } from 'vue';
2
+ import { PossibleValue, Id } from '../possibleValues';
3
+
4
+ interface ComponentData {
5
+ searchValue: string;
6
+ inputOrOptionsFocussed: boolean;
7
+ focusElement: any;
8
+ refocusElement: any;
9
+ allPossibleItems: Array<PossibleValue>;
10
+ }
11
+ declare const _default: import('vue').DefineComponent<{
12
+ /**
13
+ * List of possible values. Each item must have an `id` and a `text` property. Some optional properties
14
+ * can be used that are specified in Multiselect.vue.
15
+ */
16
+ possibleValues: {
17
+ type: PropType<PossibleValue[]>;
18
+ default: () => never[];
19
+ validator(values: unknown): boolean;
20
+ };
21
+ /**
22
+ * List of initial selected ids.
23
+ */
24
+ modelValue: {
25
+ type: PropType<Id[]>;
26
+ default: () => never[];
27
+ };
28
+ /**
29
+ * Limit the number of visible options in the dropdown.
30
+ */
31
+ sizeVisibleOptions: {
32
+ type: NumberConstructor;
33
+ default: number;
34
+ validator(value: number): boolean;
35
+ };
36
+ /**
37
+ * Close the dropdown when an entry was selected.
38
+ */
39
+ closeDropdownOnSelection: {
40
+ type: BooleanConstructor;
41
+ default: boolean;
42
+ };
43
+ isValid: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
47
+ /**
48
+ * Allow adding and selecting new tags, not just possible values
49
+ */
50
+ allowNewValues: {
51
+ type: BooleanConstructor;
52
+ default: boolean;
53
+ };
54
+ compact: {
55
+ type: BooleanConstructor;
56
+ default: boolean;
57
+ };
58
+ }, unknown, ComponentData, {
59
+ trimmedSearchValue(): string;
60
+ trimmedLowerCasedSearchValue(): string;
61
+ isSearchEmpty(): boolean;
62
+ searchResults(): {
63
+ id: Id;
64
+ text: string;
65
+ invalid?: boolean | undefined;
66
+ special?: true | undefined;
67
+ }[];
68
+ hasSelection(): boolean;
69
+ inputWidth(): {
70
+ width?: undefined;
71
+ } | {
72
+ width: string;
73
+ };
74
+ selectedValues(): PossibleValue[];
75
+ maxSizeVisibleOptions(): number;
76
+ }, {
77
+ emitNewSelection(newSelectedIds: Id[]): void;
78
+ focusInput(): void;
79
+ onDown(): void;
80
+ onEnter(): void;
81
+ onBackspace(): void;
82
+ onFocusOutside(): void;
83
+ onInput(): void;
84
+ onInputFocus(): void;
85
+ updateSelectedIds(selectedIds: Array<Id>): void;
86
+ removeTag(idToRemove: Id): void;
87
+ removeAllTags(): void;
88
+ closeOptionsAndStop(event: KeyboardEvent): void;
89
+ closeOptions(): void;
90
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
91
+ "update:modelValue": (_payload: Array<Id>) => true;
92
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
93
+ /**
94
+ * List of possible values. Each item must have an `id` and a `text` property. Some optional properties
95
+ * can be used that are specified in Multiselect.vue.
96
+ */
97
+ possibleValues: {
98
+ type: PropType<PossibleValue[]>;
99
+ default: () => never[];
100
+ validator(values: unknown): boolean;
101
+ };
102
+ /**
103
+ * List of initial selected ids.
104
+ */
105
+ modelValue: {
106
+ type: PropType<Id[]>;
107
+ default: () => never[];
108
+ };
109
+ /**
110
+ * Limit the number of visible options in the dropdown.
111
+ */
112
+ sizeVisibleOptions: {
113
+ type: NumberConstructor;
114
+ default: number;
115
+ validator(value: number): boolean;
116
+ };
117
+ /**
118
+ * Close the dropdown when an entry was selected.
119
+ */
120
+ closeDropdownOnSelection: {
121
+ type: BooleanConstructor;
122
+ default: boolean;
123
+ };
124
+ isValid: {
125
+ type: BooleanConstructor;
126
+ default: boolean;
127
+ };
128
+ /**
129
+ * Allow adding and selecting new tags, not just possible values
130
+ */
131
+ allowNewValues: {
132
+ type: BooleanConstructor;
133
+ default: boolean;
134
+ };
135
+ compact: {
136
+ type: BooleanConstructor;
137
+ default: boolean;
138
+ };
139
+ }>> & {
140
+ "onUpdate:modelValue"?: ((_payload: Id[]) => any) | undefined;
141
+ }, {
142
+ compact: boolean;
143
+ possibleValues: PossibleValue[];
144
+ modelValue: Id[];
145
+ sizeVisibleOptions: number;
146
+ closeDropdownOnSelection: boolean;
147
+ isValid: boolean;
148
+ allowNewValues: boolean;
149
+ }, {}>;
150
+ export default _default;
@@ -0,0 +1,203 @@
1
+ import { PropType } from 'vue';
2
+
3
+ type Id = string | number;
4
+ interface PossibleValue {
5
+ id: Id;
6
+ text: string;
7
+ title?: string;
8
+ group?: string;
9
+ slotData?: {
10
+ [K in keyof any]: string | number | boolean;
11
+ };
12
+ }
13
+ declare const _default: import('vue').DefineComponent<{
14
+ id: {
15
+ type: StringConstructor;
16
+ default(): string;
17
+ };
18
+ modelValue: {
19
+ type: PropType<Id>;
20
+ default: null;
21
+ };
22
+ name: {
23
+ type: StringConstructor;
24
+ default: null;
25
+ };
26
+ placeholder: {
27
+ type: StringConstructor;
28
+ default: null;
29
+ };
30
+ ariaLabel: {
31
+ type: StringConstructor;
32
+ required: true;
33
+ };
34
+ isValid: {
35
+ default: boolean;
36
+ type: BooleanConstructor;
37
+ };
38
+ disabled: {
39
+ default: boolean;
40
+ type: BooleanConstructor;
41
+ };
42
+ /**
43
+ * The direction of the dropdown menu. When set to 'up', the menu will appear above the input field.
44
+ * Defaults to 'down'.
45
+ */
46
+ direction: {
47
+ default: string;
48
+ type: PropType<"down" | "up">;
49
+ };
50
+ /**
51
+ * List of possible values. Each item must have an `id` and a `text` property. To use slots an additional
52
+ * slotData object must be passed which contains the data to be displayed.
53
+ *
54
+ * IMPORTANT: All values have to have a slotData object otherwise the slot will not be displayed and the
55
+ * usual text is rendered instead.
56
+ * @example
57
+ * [{
58
+ * id: 'pdf',
59
+ * text: 'PDF'
60
+ * }, {
61
+ * id: 'XLS',
62
+ * text: 'Excel',
63
+ * }, {
64
+ * id: 'JPG',
65
+ * text: 'Jpeg',
66
+ * slotData: {
67
+ * fullName: 'Joint Photographic Experts Group',
68
+ * year: '1992'
69
+ * description: 'Commonly used method of lossy compression for digital images'
70
+ * }
71
+ * }]
72
+ */
73
+ possibleValues: {
74
+ type: PropType<PossibleValue[]>;
75
+ default: () => never[];
76
+ };
77
+ compact: {
78
+ type: BooleanConstructor;
79
+ default: boolean;
80
+ };
81
+ }, unknown, {
82
+ typingTimeout: NodeJS.Timeout | null;
83
+ isExpanded: boolean;
84
+ searchQuery: string;
85
+ }, {
86
+ groupedValues(): {
87
+ label?: string | undefined;
88
+ items: PossibleValue[];
89
+ }[];
90
+ orderedGroupedValues(): {
91
+ label?: string | undefined;
92
+ items: PossibleValue[];
93
+ }[];
94
+ flatOrderedValues(): PossibleValue[];
95
+ selectedIndex(): number;
96
+ showPlaceholder(): boolean;
97
+ displayTextMap(): Record<Id, string>;
98
+ displayText(): string;
99
+ isMissing(): boolean | "" | 0;
100
+ hasRightIcon(): number | undefined;
101
+ hasOptionTemplate(): boolean;
102
+ }, {
103
+ isCurrentValue(candidate: Id): boolean;
104
+ setSelected(id: Id): void;
105
+ getButtonRef(): HTMLElement;
106
+ getOptionsRefs(): HTMLElement[];
107
+ getListBoxNodeRef(): HTMLElement;
108
+ onOptionClick(id: Id): void;
109
+ scrollTo(optionIndex: number): void;
110
+ onArrowDown(): void;
111
+ onArrowUp(): void;
112
+ onEndKey(): void;
113
+ onHomeKey(): void;
114
+ toggleExpanded(): void;
115
+ handleKeyDownList(e: KeyboardEvent): void;
116
+ handleKeyDownButton(e: KeyboardEvent): void;
117
+ searchItem(e: KeyboardEvent): void;
118
+ hasSelection(): boolean;
119
+ getCurrentSelectedId(): Id;
120
+ generateId(node: string, itemId?: Id | null): string;
121
+ clickAway(): void;
122
+ }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
123
+ id: {
124
+ type: StringConstructor;
125
+ default(): string;
126
+ };
127
+ modelValue: {
128
+ type: PropType<Id>;
129
+ default: null;
130
+ };
131
+ name: {
132
+ type: StringConstructor;
133
+ default: null;
134
+ };
135
+ placeholder: {
136
+ type: StringConstructor;
137
+ default: null;
138
+ };
139
+ ariaLabel: {
140
+ type: StringConstructor;
141
+ required: true;
142
+ };
143
+ isValid: {
144
+ default: boolean;
145
+ type: BooleanConstructor;
146
+ };
147
+ disabled: {
148
+ default: boolean;
149
+ type: BooleanConstructor;
150
+ };
151
+ /**
152
+ * The direction of the dropdown menu. When set to 'up', the menu will appear above the input field.
153
+ * Defaults to 'down'.
154
+ */
155
+ direction: {
156
+ default: string;
157
+ type: PropType<"down" | "up">;
158
+ };
159
+ /**
160
+ * List of possible values. Each item must have an `id` and a `text` property. To use slots an additional
161
+ * slotData object must be passed which contains the data to be displayed.
162
+ *
163
+ * IMPORTANT: All values have to have a slotData object otherwise the slot will not be displayed and the
164
+ * usual text is rendered instead.
165
+ * @example
166
+ * [{
167
+ * id: 'pdf',
168
+ * text: 'PDF'
169
+ * }, {
170
+ * id: 'XLS',
171
+ * text: 'Excel',
172
+ * }, {
173
+ * id: 'JPG',
174
+ * text: 'Jpeg',
175
+ * slotData: {
176
+ * fullName: 'Joint Photographic Experts Group',
177
+ * year: '1992'
178
+ * description: 'Commonly used method of lossy compression for digital images'
179
+ * }
180
+ * }]
181
+ */
182
+ possibleValues: {
183
+ type: PropType<PossibleValue[]>;
184
+ default: () => never[];
185
+ };
186
+ compact: {
187
+ type: BooleanConstructor;
188
+ default: boolean;
189
+ };
190
+ }>> & {
191
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
192
+ }, {
193
+ disabled: boolean;
194
+ id: string;
195
+ name: string;
196
+ compact: boolean;
197
+ possibleValues: PossibleValue[];
198
+ modelValue: Id;
199
+ isValid: boolean;
200
+ placeholder: string;
201
+ direction: "down" | "up";
202
+ }, {}>;
203
+ export default _default;