@kong/kongponents 9.29.10 → 9.29.11
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/types/components/KBreadcrumbs/KBreadcrumbs.vue.d.ts +3 -33
- package/dist/types/components/KCodeBlock/KCodeBlockIconButton.vue.d.ts +2 -17
- package/dist/types/components/KDropdown/KDropdown.vue.d.ts +5 -4
- package/dist/types/components/KDropdown/KDropdownItem.vue.d.ts +1 -1
- package/dist/types/components/KExternalLink/KExternalLink.vue.d.ts +2 -11
- package/dist/types/components/KFileUpload/KFileUpload.vue.d.ts +2 -363
- package/dist/types/components/KModal/KModal.vue.d.ts +2 -432
- package/dist/types/components/KModalFullscreen/KModalFullscreen.vue.d.ts +2 -162
- package/dist/types/components/KMultiselect/KMultiselect.vue.d.ts +8 -5
- package/dist/types/components/KMultiselect/KMultiselectItem.vue.d.ts +2 -29
- package/dist/types/components/KMultiselect/KMultiselectItems.vue.d.ts +2 -64
- package/dist/types/components/KPrompt/KPrompt.vue.d.ts +2 -147
- package/dist/types/components/KRadio/KRadio.vue.d.ts +9 -3
- package/dist/types/components/KSegmentedControl/KSegmentedControl.vue.d.ts +2 -2
- package/dist/types/components/KSelect/KSelect.vue.d.ts +3 -394
- package/dist/types/components/KSelect/KSelectItem.vue.d.ts +2 -29
- package/dist/types/components/KSelect/KSelectItems.vue.d.ts +2 -66
- package/dist/types/components/KSkeleton/CardSkeleton.vue.d.ts +2 -30
- package/dist/types/components/KSkeleton/KSkeleton.vue.d.ts +2 -117
- package/dist/types/components/KSkeleton/SkeletonBase.vue.d.ts +2 -7
- package/dist/types/components/KSkeleton/TableSkeleton.vue.d.ts +2 -31
- package/dist/types/components/KSlideout/KSlideout.vue.d.ts +2 -121
- package/dist/types/components/KTable/KTable.vue.d.ts +4 -634
- package/dist/types/components/KTableData/KTableData.vue.d.ts +3 -99
- package/dist/types/components/KTableView/BulkActionsDropdown.vue.d.ts +2 -43
- package/dist/types/components/KTableView/KTableView.vue.d.ts +3 -237
- package/dist/types/components/KTabs/KTabs.vue.d.ts +2 -96
- package/dist/types/components/KTextArea/KTextArea.vue.d.ts +1 -1
- package/dist/types/components/KTreeList/KTreeDraggable.vue.d.ts +12 -7
- package/dist/types/components/KTreeList/KTreeItem.vue.d.ts +3 -2
- package/dist/types/components/KTreeList/KTreeList.vue.d.ts +5 -4
- package/dist/types/components/KTruncate/KTruncate.vue.d.ts +2 -81
- package/package.json +6 -6
|
@@ -1,77 +1,15 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import KMultiselectItem from '../../components/KMultiselect/KMultiselectItem.vue';
|
|
3
2
|
import type { MultiselectItem } from '../../../types';
|
|
4
|
-
declare const handleItemSelect: (item: MultiselectItem) => void;
|
|
5
|
-
declare const nonGroupedItems: import("vue").ComputedRef<MultiselectItem[]>;
|
|
6
|
-
declare const groups: import("vue").ComputedRef<string[]>;
|
|
7
|
-
declare const getGroupItems: (group: string) => MultiselectItem[];
|
|
8
|
-
declare const onKeyPress: ({ target, key }: KeyboardEvent) => void;
|
|
9
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
10
3
|
declare var __VLS_9: {
|
|
11
4
|
item: MultiselectItem;
|
|
12
5
|
}, __VLS_19: {
|
|
13
6
|
item: MultiselectItem;
|
|
14
7
|
};
|
|
15
|
-
type __VLS_Slots =
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
16
9
|
content?: (props: typeof __VLS_9) => any;
|
|
17
10
|
} & {
|
|
18
11
|
content?: (props: typeof __VLS_19) => any;
|
|
19
|
-
}
|
|
20
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
21
|
-
items: {
|
|
22
|
-
type: PropType<MultiselectItem[]>;
|
|
23
|
-
default: () => never[];
|
|
24
|
-
validator: (items: MultiselectItem[]) => boolean;
|
|
25
|
-
};
|
|
26
|
-
itemCreationEnabled: {
|
|
27
|
-
type: BooleanConstructor;
|
|
28
|
-
default: boolean;
|
|
29
|
-
};
|
|
30
|
-
filterString: {
|
|
31
|
-
type: StringConstructor;
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
itemCreationValid: {
|
|
35
|
-
type: BooleanConstructor;
|
|
36
|
-
default: boolean;
|
|
37
|
-
};
|
|
38
|
-
}>, {
|
|
39
|
-
KMultiselectItem: typeof KMultiselectItem;
|
|
40
|
-
handleItemSelect: typeof handleItemSelect;
|
|
41
|
-
nonGroupedItems: typeof nonGroupedItems;
|
|
42
|
-
groups: typeof groups;
|
|
43
|
-
getGroupItems: typeof getGroupItems;
|
|
44
|
-
onKeyPress: typeof onKeyPress;
|
|
45
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
46
|
-
selected: (item: MultiselectItem) => any;
|
|
47
|
-
"add-item": () => any;
|
|
48
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
|
-
items: {
|
|
50
|
-
type: PropType<MultiselectItem[]>;
|
|
51
|
-
default: () => never[];
|
|
52
|
-
validator: (items: MultiselectItem[]) => boolean;
|
|
53
|
-
};
|
|
54
|
-
itemCreationEnabled: {
|
|
55
|
-
type: BooleanConstructor;
|
|
56
|
-
default: boolean;
|
|
57
|
-
};
|
|
58
|
-
filterString: {
|
|
59
|
-
type: StringConstructor;
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
|
-
itemCreationValid: {
|
|
63
|
-
type: BooleanConstructor;
|
|
64
|
-
default: boolean;
|
|
65
|
-
};
|
|
66
|
-
}>> & Readonly<{
|
|
67
|
-
onSelected?: ((item: MultiselectItem) => any) | undefined;
|
|
68
|
-
"onAdd-item"?: (() => any) | undefined;
|
|
69
|
-
}>, {
|
|
70
|
-
items: MultiselectItem[];
|
|
71
|
-
itemCreationEnabled: boolean;
|
|
72
|
-
filterString: string;
|
|
73
|
-
itemCreationValid: boolean;
|
|
74
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
12
|
+
};
|
|
75
13
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
76
14
|
items: {
|
|
77
15
|
type: PropType<MultiselectItem[]>;
|
|
@@ -1,156 +1,11 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import KModal from '../../components/KModal/KModal.vue';
|
|
3
|
-
import KInput from '../../components/KInput/KInput.vue';
|
|
4
2
|
import type { ButtonAppearance, ModalAttributes } from '../../../types';
|
|
5
|
-
declare const sanitizedAttrs: import("vue").ComputedRef<Record<string, any>>;
|
|
6
|
-
declare const confirmationInput: import("vue").Ref<string, string>;
|
|
7
|
-
declare const displayErrorState: import("vue").Ref<boolean, boolean>;
|
|
8
|
-
declare const actionButtonDisabledValue: import("vue").ComputedRef<boolean>;
|
|
9
|
-
declare const confirmationPromptText: import("vue").ComputedRef<string[]>;
|
|
10
|
-
declare const onEnter: () => void;
|
|
11
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
12
3
|
declare var __VLS_10: {}, __VLS_12: {};
|
|
13
|
-
type __VLS_Slots =
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
14
5
|
title?: (props: typeof __VLS_10) => any;
|
|
15
6
|
} & {
|
|
16
7
|
default?: (props: typeof __VLS_12) => any;
|
|
17
|
-
}
|
|
18
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
19
|
-
visible: {
|
|
20
|
-
type: BooleanConstructor;
|
|
21
|
-
default: boolean;
|
|
22
|
-
};
|
|
23
|
-
title: {
|
|
24
|
-
type: StringConstructor;
|
|
25
|
-
default: string;
|
|
26
|
-
};
|
|
27
|
-
message: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
default: string;
|
|
30
|
-
};
|
|
31
|
-
actionButtonText: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
default: string;
|
|
34
|
-
};
|
|
35
|
-
actionButtonAppearance: {
|
|
36
|
-
type: PropType<ButtonAppearance>;
|
|
37
|
-
default: string;
|
|
38
|
-
};
|
|
39
|
-
actionButtonDisabled: {
|
|
40
|
-
type: BooleanConstructor;
|
|
41
|
-
default: boolean;
|
|
42
|
-
};
|
|
43
|
-
cancelButtonText: {
|
|
44
|
-
type: StringConstructor;
|
|
45
|
-
default: string;
|
|
46
|
-
};
|
|
47
|
-
cancelButtonAppearance: {
|
|
48
|
-
type: PropType<ButtonAppearance>;
|
|
49
|
-
default: string;
|
|
50
|
-
};
|
|
51
|
-
cancelButtonDisabled: {
|
|
52
|
-
type: BooleanConstructor;
|
|
53
|
-
default: boolean;
|
|
54
|
-
};
|
|
55
|
-
confirmationText: {
|
|
56
|
-
type: StringConstructor;
|
|
57
|
-
default: string;
|
|
58
|
-
};
|
|
59
|
-
confirmationPrompt: {
|
|
60
|
-
type: StringConstructor;
|
|
61
|
-
default: string;
|
|
62
|
-
};
|
|
63
|
-
modalAttributes: {
|
|
64
|
-
type: PropType<ModalAttributes>;
|
|
65
|
-
default: () => {};
|
|
66
|
-
};
|
|
67
|
-
errorMessage: {
|
|
68
|
-
type: StringConstructor;
|
|
69
|
-
default: string;
|
|
70
|
-
};
|
|
71
|
-
}>, {
|
|
72
|
-
KModal: typeof KModal;
|
|
73
|
-
KInput: typeof KInput;
|
|
74
|
-
sanitizedAttrs: typeof sanitizedAttrs;
|
|
75
|
-
confirmationInput: typeof confirmationInput;
|
|
76
|
-
displayErrorState: typeof displayErrorState;
|
|
77
|
-
actionButtonDisabledValue: typeof actionButtonDisabledValue;
|
|
78
|
-
confirmationPromptText: typeof confirmationPromptText;
|
|
79
|
-
onEnter: typeof onEnter;
|
|
80
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
81
|
-
cancel: () => any;
|
|
82
|
-
proceed: () => any;
|
|
83
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
84
|
-
visible: {
|
|
85
|
-
type: BooleanConstructor;
|
|
86
|
-
default: boolean;
|
|
87
|
-
};
|
|
88
|
-
title: {
|
|
89
|
-
type: StringConstructor;
|
|
90
|
-
default: string;
|
|
91
|
-
};
|
|
92
|
-
message: {
|
|
93
|
-
type: StringConstructor;
|
|
94
|
-
default: string;
|
|
95
|
-
};
|
|
96
|
-
actionButtonText: {
|
|
97
|
-
type: StringConstructor;
|
|
98
|
-
default: string;
|
|
99
|
-
};
|
|
100
|
-
actionButtonAppearance: {
|
|
101
|
-
type: PropType<ButtonAppearance>;
|
|
102
|
-
default: string;
|
|
103
|
-
};
|
|
104
|
-
actionButtonDisabled: {
|
|
105
|
-
type: BooleanConstructor;
|
|
106
|
-
default: boolean;
|
|
107
|
-
};
|
|
108
|
-
cancelButtonText: {
|
|
109
|
-
type: StringConstructor;
|
|
110
|
-
default: string;
|
|
111
|
-
};
|
|
112
|
-
cancelButtonAppearance: {
|
|
113
|
-
type: PropType<ButtonAppearance>;
|
|
114
|
-
default: string;
|
|
115
|
-
};
|
|
116
|
-
cancelButtonDisabled: {
|
|
117
|
-
type: BooleanConstructor;
|
|
118
|
-
default: boolean;
|
|
119
|
-
};
|
|
120
|
-
confirmationText: {
|
|
121
|
-
type: StringConstructor;
|
|
122
|
-
default: string;
|
|
123
|
-
};
|
|
124
|
-
confirmationPrompt: {
|
|
125
|
-
type: StringConstructor;
|
|
126
|
-
default: string;
|
|
127
|
-
};
|
|
128
|
-
modalAttributes: {
|
|
129
|
-
type: PropType<ModalAttributes>;
|
|
130
|
-
default: () => {};
|
|
131
|
-
};
|
|
132
|
-
errorMessage: {
|
|
133
|
-
type: StringConstructor;
|
|
134
|
-
default: string;
|
|
135
|
-
};
|
|
136
|
-
}>> & Readonly<{
|
|
137
|
-
onCancel?: (() => any) | undefined;
|
|
138
|
-
onProceed?: (() => any) | undefined;
|
|
139
|
-
}>, {
|
|
140
|
-
title: string;
|
|
141
|
-
message: string;
|
|
142
|
-
actionButtonText: string;
|
|
143
|
-
actionButtonDisabled: boolean;
|
|
144
|
-
errorMessage: string;
|
|
145
|
-
visible: boolean;
|
|
146
|
-
actionButtonAppearance: ButtonAppearance;
|
|
147
|
-
cancelButtonText: string;
|
|
148
|
-
cancelButtonAppearance: ButtonAppearance;
|
|
149
|
-
cancelButtonDisabled: boolean;
|
|
150
|
-
confirmationText: string;
|
|
151
|
-
confirmationPrompt: string;
|
|
152
|
-
modalAttributes: ModalAttributes;
|
|
153
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
};
|
|
154
9
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
155
10
|
visible: {
|
|
156
11
|
type: BooleanConstructor;
|
|
@@ -134,9 +134,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
134
134
|
cardRadioVisible: boolean;
|
|
135
135
|
cardOrientation: "horizontal" | "vertical";
|
|
136
136
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
137
|
-
default?: (
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
default?: (props: {}) => any;
|
|
138
|
+
} & {
|
|
139
|
+
tooltip?: (props: {}) => any;
|
|
140
|
+
} & {
|
|
141
|
+
description?: (props: {}) => any;
|
|
142
|
+
} & {
|
|
143
|
+
default?: (props: {}) => any;
|
|
144
|
+
} & {
|
|
145
|
+
description?: (props: {}) => any;
|
|
140
146
|
}>;
|
|
141
147
|
export default _default;
|
|
142
148
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -48,13 +48,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
48
48
|
size: string;
|
|
49
49
|
disabled: boolean;
|
|
50
50
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
51
|
-
'option-label'?: (
|
|
51
|
+
'option-label'?: (props: {
|
|
52
52
|
option: {
|
|
53
53
|
label?: string | undefined;
|
|
54
54
|
value: string | number;
|
|
55
55
|
disabled?: boolean | undefined;
|
|
56
56
|
};
|
|
57
|
-
}) => any
|
|
57
|
+
}) => any;
|
|
58
58
|
}>;
|
|
59
59
|
export default _default;
|
|
60
60
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,79 +1,5 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import KLabel from '../../components/KLabel/KLabel.vue';
|
|
3
|
-
import KInput from '../../components/KInput/KInput.vue';
|
|
4
|
-
import KPop from '../../components/KPop/KPop.vue';
|
|
5
|
-
import KToggle from '../../components/KToggle';
|
|
6
|
-
import KSelectItems from '../../components/KSelect/KSelectItems.vue';
|
|
7
|
-
import KSelectItem from '../../components/KSelect/KSelectItem.vue';
|
|
1
|
+
import type { PropType } from 'vue';
|
|
8
2
|
import type { SelectItem, SelectFilterFunctionParams, SelectDropdownFooterTextPosition, PopoverAttributes } from '../../../types';
|
|
9
|
-
import { ChevronDownIcon, CloseIcon, ProgressIcon } from '@kong/icons';
|
|
10
|
-
declare const slots: Readonly<{
|
|
11
|
-
[name: string]: import("vue").Slot<any> | undefined;
|
|
12
|
-
}>;
|
|
13
|
-
declare const selectInputId: import("vue").ComputedRef<string>;
|
|
14
|
-
declare const hasLabelTooltip: import("vue").ComputedRef<boolean>;
|
|
15
|
-
declare const isRequired: import("vue").ComputedRef<boolean>;
|
|
16
|
-
declare const isDisabled: import("vue").ComputedRef<boolean>;
|
|
17
|
-
declare const isReadonly: import("vue").ComputedRef<boolean>;
|
|
18
|
-
declare const inputKey: Ref<number, number>;
|
|
19
|
-
declare const strippedLabel: import("vue").ComputedRef<string>;
|
|
20
|
-
declare const filterQuery: Ref<string, string>;
|
|
21
|
-
declare const uniqueFilterQuery: import("vue").ComputedRef<boolean>;
|
|
22
|
-
declare const selectWrapperId: string;
|
|
23
|
-
declare const selectedItem: Ref<{
|
|
24
|
-
[x: string]: any;
|
|
25
|
-
label: string;
|
|
26
|
-
value: string | number;
|
|
27
|
-
key?: string | undefined;
|
|
28
|
-
selected?: boolean | undefined;
|
|
29
|
-
disabled?: boolean | undefined;
|
|
30
|
-
group?: string | undefined;
|
|
31
|
-
} | null, SelectItem | {
|
|
32
|
-
[x: string]: any;
|
|
33
|
-
label: string;
|
|
34
|
-
value: string | number;
|
|
35
|
-
key?: string | undefined;
|
|
36
|
-
selected?: boolean | undefined;
|
|
37
|
-
disabled?: boolean | undefined;
|
|
38
|
-
group?: string | undefined;
|
|
39
|
-
} | null>;
|
|
40
|
-
declare const inputFocused: Ref<boolean, boolean>;
|
|
41
|
-
declare const elementWidth: import("vue").ComputedRef<string>;
|
|
42
|
-
declare const actualElementWidth: Ref<string, string>;
|
|
43
|
-
declare const modifiedAttrs: import("vue").ComputedRef<{
|
|
44
|
-
[x: string]: unknown;
|
|
45
|
-
}>;
|
|
46
|
-
declare const popoverContentMaxHeight: import("vue").ComputedRef<string>;
|
|
47
|
-
declare const boundKPopAttributes: import("vue").ComputedRef<{
|
|
48
|
-
popoverClasses: string;
|
|
49
|
-
width: string;
|
|
50
|
-
maxWidth: string;
|
|
51
|
-
disabled: boolean;
|
|
52
|
-
placement: import("../../../types").PopPlacement;
|
|
53
|
-
popoverTimeout: number;
|
|
54
|
-
offset?: string | undefined;
|
|
55
|
-
hideCaret: boolean;
|
|
56
|
-
'data-testid'?: string | undefined;
|
|
57
|
-
}>;
|
|
58
|
-
declare const placeholderText: import("vue").ComputedRef<string>;
|
|
59
|
-
declare const isClearVisible: import("vue").ComputedRef<boolean>;
|
|
60
|
-
declare const hasCustomSelectedItem: import("vue").ComputedRef<boolean>;
|
|
61
|
-
declare const filteredItems: import("vue").ComputedRef<SelectItem[]>;
|
|
62
|
-
declare const onInputKeypress: (event: Event) => false | undefined;
|
|
63
|
-
declare const onInputEnter: (e: KeyboardEvent) => void;
|
|
64
|
-
declare const handleAddItem: () => void;
|
|
65
|
-
declare const handleItemSelect: (item: SelectItem, isNew?: boolean) => void;
|
|
66
|
-
declare const clearSelection: () => void;
|
|
67
|
-
declare const triggerFocus: (evt: any, isToggled: Ref<boolean>) => void;
|
|
68
|
-
declare const onQueryChange: (query: string) => void;
|
|
69
|
-
declare const onInputFocus: () => void;
|
|
70
|
-
declare const onInputBlur: () => void;
|
|
71
|
-
declare const onInputClick: () => void;
|
|
72
|
-
declare const onSelectWrapperClick: (event: Event) => void;
|
|
73
|
-
declare const onPopoverClick: (toggle: () => void) => void;
|
|
74
|
-
declare const onClose: (toggle: () => void, isToggled: boolean) => void;
|
|
75
|
-
declare const onOpen: (toggle: () => void) => void;
|
|
76
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
77
3
|
declare var __VLS_4: {}, __VLS_37: {}, __VLS_47: {}, __VLS_53: {
|
|
78
4
|
item: {
|
|
79
5
|
[x: string]: any;
|
|
@@ -98,7 +24,7 @@ declare var __VLS_4: {}, __VLS_37: {}, __VLS_47: {}, __VLS_53: {
|
|
|
98
24
|
item: SelectItem;
|
|
99
25
|
class: string;
|
|
100
26
|
}, __VLS_78: {}, __VLS_80: {}, __VLS_82: {};
|
|
101
|
-
type __VLS_Slots =
|
|
27
|
+
type __VLS_Slots = {} & {
|
|
102
28
|
'label-tooltip'?: (props: typeof __VLS_4) => any;
|
|
103
29
|
} & {
|
|
104
30
|
before?: (props: typeof __VLS_37) => any;
|
|
@@ -118,324 +44,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
|
|
|
118
44
|
empty?: (props: typeof __VLS_80) => any;
|
|
119
45
|
} & {
|
|
120
46
|
'dropdown-footer-text'?: (props: typeof __VLS_82) => any;
|
|
121
|
-
}
|
|
122
|
-
declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
123
|
-
modelValue: {
|
|
124
|
-
type: (StringConstructor | NumberConstructor)[];
|
|
125
|
-
default: string;
|
|
126
|
-
};
|
|
127
|
-
kpopAttributes: {
|
|
128
|
-
type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
|
|
129
|
-
default: () => void;
|
|
130
|
-
};
|
|
131
|
-
dropdownMaxHeight: {
|
|
132
|
-
type: StringConstructor;
|
|
133
|
-
default: string;
|
|
134
|
-
};
|
|
135
|
-
label: {
|
|
136
|
-
type: StringConstructor;
|
|
137
|
-
default: string;
|
|
138
|
-
};
|
|
139
|
-
labelAttributes: {
|
|
140
|
-
type: ObjectConstructor;
|
|
141
|
-
default: () => {};
|
|
142
|
-
};
|
|
143
|
-
/**
|
|
144
|
-
* The width of the select and popover's min-width
|
|
145
|
-
*/
|
|
146
|
-
width: {
|
|
147
|
-
type: StringConstructor;
|
|
148
|
-
default: string;
|
|
149
|
-
};
|
|
150
|
-
placeholder: {
|
|
151
|
-
type: StringConstructor;
|
|
152
|
-
default: string;
|
|
153
|
-
};
|
|
154
|
-
/**
|
|
155
|
-
* Items are JSON objects with required 'label' and 'value'
|
|
156
|
-
* {
|
|
157
|
-
* label: 'Item 1',
|
|
158
|
-
* value: 'item1'
|
|
159
|
-
* }
|
|
160
|
-
*/
|
|
161
|
-
items: {
|
|
162
|
-
type: PropType<SelectItem[]>;
|
|
163
|
-
required: false;
|
|
164
|
-
default: () => never[];
|
|
165
|
-
validator: (items: SelectItem[]) => boolean;
|
|
166
|
-
};
|
|
167
|
-
/**
|
|
168
|
-
* Control whether the input supports filtering.
|
|
169
|
-
*/
|
|
170
|
-
enableFiltering: {
|
|
171
|
-
type: BooleanConstructor;
|
|
172
|
-
default: boolean;
|
|
173
|
-
};
|
|
174
|
-
/**
|
|
175
|
-
* Override default filter functionality of case-insensitive search on label
|
|
176
|
-
*/
|
|
177
|
-
filterFunction: {
|
|
178
|
-
type: PropType<(params: SelectFilterFunctionParams) => SelectItem[] | boolean>;
|
|
179
|
-
default: (params: SelectFilterFunctionParams) => SelectItem[];
|
|
180
|
-
};
|
|
181
|
-
/**
|
|
182
|
-
* Loading state in autosuggest
|
|
183
|
-
*/
|
|
184
|
-
loading: {
|
|
185
|
-
type: BooleanConstructor;
|
|
186
|
-
default: boolean;
|
|
187
|
-
};
|
|
188
|
-
/**
|
|
189
|
-
* A flag for clearing selection
|
|
190
|
-
*/
|
|
191
|
-
clearable: {
|
|
192
|
-
type: BooleanConstructor;
|
|
193
|
-
default: boolean;
|
|
194
|
-
};
|
|
195
|
-
/**
|
|
196
|
-
* Dropdown footer text
|
|
197
|
-
*/
|
|
198
|
-
dropdownFooterText: {
|
|
199
|
-
type: StringConstructor;
|
|
200
|
-
default: string;
|
|
201
|
-
};
|
|
202
|
-
/**
|
|
203
|
-
* Dropdown footer text position
|
|
204
|
-
* Accepted values: 'sticky' and 'static'
|
|
205
|
-
*/
|
|
206
|
-
dropdownFooterTextPosition: {
|
|
207
|
-
type: PropType<SelectDropdownFooterTextPosition>;
|
|
208
|
-
default: string;
|
|
209
|
-
};
|
|
210
|
-
/**
|
|
211
|
-
* If true and item-template is passed, will display item-template content inside selected-slot-template
|
|
212
|
-
*/
|
|
213
|
-
reuseItemTemplate: {
|
|
214
|
-
type: BooleanConstructor;
|
|
215
|
-
default: boolean;
|
|
216
|
-
};
|
|
217
|
-
/**
|
|
218
|
-
* Allow creating new items
|
|
219
|
-
*/
|
|
220
|
-
enableItemCreation: {
|
|
221
|
-
type: BooleanConstructor;
|
|
222
|
-
default: boolean;
|
|
223
|
-
};
|
|
224
|
-
/**
|
|
225
|
-
* Validator function for item creation.
|
|
226
|
-
*/
|
|
227
|
-
itemCreationValidator: {
|
|
228
|
-
type: PropType<(query: string) => boolean>;
|
|
229
|
-
default: () => boolean;
|
|
230
|
-
};
|
|
231
|
-
error: {
|
|
232
|
-
type: BooleanConstructor;
|
|
233
|
-
default: boolean;
|
|
234
|
-
};
|
|
235
|
-
help: {
|
|
236
|
-
type: StringConstructor;
|
|
237
|
-
default: string;
|
|
238
|
-
};
|
|
239
|
-
}>, {
|
|
240
|
-
KLabel: typeof KLabel;
|
|
241
|
-
KInput: typeof KInput;
|
|
242
|
-
KPop: typeof KPop;
|
|
243
|
-
KToggle: typeof KToggle;
|
|
244
|
-
KSelectItems: typeof KSelectItems;
|
|
245
|
-
KSelectItem: typeof KSelectItem;
|
|
246
|
-
ChevronDownIcon: typeof ChevronDownIcon;
|
|
247
|
-
CloseIcon: typeof CloseIcon;
|
|
248
|
-
ProgressIcon: typeof ProgressIcon;
|
|
249
|
-
slots: typeof slots;
|
|
250
|
-
selectInputId: typeof selectInputId;
|
|
251
|
-
hasLabelTooltip: typeof hasLabelTooltip;
|
|
252
|
-
isRequired: typeof isRequired;
|
|
253
|
-
isDisabled: typeof isDisabled;
|
|
254
|
-
isReadonly: typeof isReadonly;
|
|
255
|
-
inputKey: typeof inputKey;
|
|
256
|
-
strippedLabel: typeof strippedLabel;
|
|
257
|
-
filterQuery: typeof filterQuery;
|
|
258
|
-
uniqueFilterQuery: typeof uniqueFilterQuery;
|
|
259
|
-
selectWrapperId: typeof selectWrapperId;
|
|
260
|
-
selectedItem: typeof selectedItem;
|
|
261
|
-
inputFocused: typeof inputFocused;
|
|
262
|
-
elementWidth: typeof elementWidth;
|
|
263
|
-
actualElementWidth: typeof actualElementWidth;
|
|
264
|
-
modifiedAttrs: typeof modifiedAttrs;
|
|
265
|
-
popoverContentMaxHeight: typeof popoverContentMaxHeight;
|
|
266
|
-
boundKPopAttributes: typeof boundKPopAttributes;
|
|
267
|
-
placeholderText: typeof placeholderText;
|
|
268
|
-
isClearVisible: typeof isClearVisible;
|
|
269
|
-
hasCustomSelectedItem: typeof hasCustomSelectedItem;
|
|
270
|
-
filteredItems: typeof filteredItems;
|
|
271
|
-
onInputKeypress: typeof onInputKeypress;
|
|
272
|
-
onInputEnter: typeof onInputEnter;
|
|
273
|
-
handleAddItem: typeof handleAddItem;
|
|
274
|
-
handleItemSelect: typeof handleItemSelect;
|
|
275
|
-
clearSelection: typeof clearSelection;
|
|
276
|
-
triggerFocus: typeof triggerFocus;
|
|
277
|
-
onQueryChange: typeof onQueryChange;
|
|
278
|
-
onInputFocus: typeof onInputFocus;
|
|
279
|
-
onInputBlur: typeof onInputBlur;
|
|
280
|
-
onInputClick: typeof onInputClick;
|
|
281
|
-
onSelectWrapperClick: typeof onSelectWrapperClick;
|
|
282
|
-
onPopoverClick: typeof onPopoverClick;
|
|
283
|
-
onClose: typeof onClose;
|
|
284
|
-
onOpen: typeof onOpen;
|
|
285
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
286
|
-
input: (value: string | number | null) => any;
|
|
287
|
-
selected: (item: SelectItem) => any;
|
|
288
|
-
change: (item: SelectItem | null) => any;
|
|
289
|
-
"update:modelValue": (value: string | number | null) => any;
|
|
290
|
-
"query-change": (query: string) => any;
|
|
291
|
-
"item-added": (value: SelectItem) => any;
|
|
292
|
-
"item-removed": (value: SelectItem) => any;
|
|
293
|
-
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
294
|
-
modelValue: {
|
|
295
|
-
type: (StringConstructor | NumberConstructor)[];
|
|
296
|
-
default: string;
|
|
297
|
-
};
|
|
298
|
-
kpopAttributes: {
|
|
299
|
-
type: PropType<Omit<PopoverAttributes, "target" | "trigger">>;
|
|
300
|
-
default: () => void;
|
|
301
|
-
};
|
|
302
|
-
dropdownMaxHeight: {
|
|
303
|
-
type: StringConstructor;
|
|
304
|
-
default: string;
|
|
305
|
-
};
|
|
306
|
-
label: {
|
|
307
|
-
type: StringConstructor;
|
|
308
|
-
default: string;
|
|
309
|
-
};
|
|
310
|
-
labelAttributes: {
|
|
311
|
-
type: ObjectConstructor;
|
|
312
|
-
default: () => {};
|
|
313
|
-
};
|
|
314
|
-
/**
|
|
315
|
-
* The width of the select and popover's min-width
|
|
316
|
-
*/
|
|
317
|
-
width: {
|
|
318
|
-
type: StringConstructor;
|
|
319
|
-
default: string;
|
|
320
|
-
};
|
|
321
|
-
placeholder: {
|
|
322
|
-
type: StringConstructor;
|
|
323
|
-
default: string;
|
|
324
|
-
};
|
|
325
|
-
/**
|
|
326
|
-
* Items are JSON objects with required 'label' and 'value'
|
|
327
|
-
* {
|
|
328
|
-
* label: 'Item 1',
|
|
329
|
-
* value: 'item1'
|
|
330
|
-
* }
|
|
331
|
-
*/
|
|
332
|
-
items: {
|
|
333
|
-
type: PropType<SelectItem[]>;
|
|
334
|
-
required: false;
|
|
335
|
-
default: () => never[];
|
|
336
|
-
validator: (items: SelectItem[]) => boolean;
|
|
337
|
-
};
|
|
338
|
-
/**
|
|
339
|
-
* Control whether the input supports filtering.
|
|
340
|
-
*/
|
|
341
|
-
enableFiltering: {
|
|
342
|
-
type: BooleanConstructor;
|
|
343
|
-
default: boolean;
|
|
344
|
-
};
|
|
345
|
-
/**
|
|
346
|
-
* Override default filter functionality of case-insensitive search on label
|
|
347
|
-
*/
|
|
348
|
-
filterFunction: {
|
|
349
|
-
type: PropType<(params: SelectFilterFunctionParams) => SelectItem[] | boolean>;
|
|
350
|
-
default: (params: SelectFilterFunctionParams) => SelectItem[];
|
|
351
|
-
};
|
|
352
|
-
/**
|
|
353
|
-
* Loading state in autosuggest
|
|
354
|
-
*/
|
|
355
|
-
loading: {
|
|
356
|
-
type: BooleanConstructor;
|
|
357
|
-
default: boolean;
|
|
358
|
-
};
|
|
359
|
-
/**
|
|
360
|
-
* A flag for clearing selection
|
|
361
|
-
*/
|
|
362
|
-
clearable: {
|
|
363
|
-
type: BooleanConstructor;
|
|
364
|
-
default: boolean;
|
|
365
|
-
};
|
|
366
|
-
/**
|
|
367
|
-
* Dropdown footer text
|
|
368
|
-
*/
|
|
369
|
-
dropdownFooterText: {
|
|
370
|
-
type: StringConstructor;
|
|
371
|
-
default: string;
|
|
372
|
-
};
|
|
373
|
-
/**
|
|
374
|
-
* Dropdown footer text position
|
|
375
|
-
* Accepted values: 'sticky' and 'static'
|
|
376
|
-
*/
|
|
377
|
-
dropdownFooterTextPosition: {
|
|
378
|
-
type: PropType<SelectDropdownFooterTextPosition>;
|
|
379
|
-
default: string;
|
|
380
|
-
};
|
|
381
|
-
/**
|
|
382
|
-
* If true and item-template is passed, will display item-template content inside selected-slot-template
|
|
383
|
-
*/
|
|
384
|
-
reuseItemTemplate: {
|
|
385
|
-
type: BooleanConstructor;
|
|
386
|
-
default: boolean;
|
|
387
|
-
};
|
|
388
|
-
/**
|
|
389
|
-
* Allow creating new items
|
|
390
|
-
*/
|
|
391
|
-
enableItemCreation: {
|
|
392
|
-
type: BooleanConstructor;
|
|
393
|
-
default: boolean;
|
|
394
|
-
};
|
|
395
|
-
/**
|
|
396
|
-
* Validator function for item creation.
|
|
397
|
-
*/
|
|
398
|
-
itemCreationValidator: {
|
|
399
|
-
type: PropType<(query: string) => boolean>;
|
|
400
|
-
default: () => boolean;
|
|
401
|
-
};
|
|
402
|
-
error: {
|
|
403
|
-
type: BooleanConstructor;
|
|
404
|
-
default: boolean;
|
|
405
|
-
};
|
|
406
|
-
help: {
|
|
407
|
-
type: StringConstructor;
|
|
408
|
-
default: string;
|
|
409
|
-
};
|
|
410
|
-
}>> & Readonly<{
|
|
411
|
-
onInput?: ((value: string | number | null) => any) | undefined;
|
|
412
|
-
onSelected?: ((item: SelectItem) => any) | undefined;
|
|
413
|
-
onChange?: ((item: SelectItem | null) => any) | undefined;
|
|
414
|
-
"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
415
|
-
"onQuery-change"?: ((query: string) => any) | undefined;
|
|
416
|
-
"onItem-added"?: ((value: SelectItem) => any) | undefined;
|
|
417
|
-
"onItem-removed"?: ((value: SelectItem) => any) | undefined;
|
|
418
|
-
}>, {
|
|
419
|
-
label: string;
|
|
420
|
-
width: string;
|
|
421
|
-
kpopAttributes: Omit<PopoverAttributes, "target" | "trigger">;
|
|
422
|
-
error: boolean;
|
|
423
|
-
loading: boolean;
|
|
424
|
-
items: SelectItem[];
|
|
425
|
-
help: string;
|
|
426
|
-
modelValue: string | number;
|
|
427
|
-
labelAttributes: Record<string, any>;
|
|
428
|
-
placeholder: string;
|
|
429
|
-
dropdownMaxHeight: string;
|
|
430
|
-
filterFunction: (params: SelectFilterFunctionParams) => SelectItem[] | boolean;
|
|
431
|
-
enableItemCreation: boolean;
|
|
432
|
-
dropdownFooterText: string;
|
|
433
|
-
dropdownFooterTextPosition: SelectDropdownFooterTextPosition;
|
|
434
|
-
itemCreationValidator: (query: string) => boolean;
|
|
435
|
-
enableFiltering: boolean;
|
|
436
|
-
clearable: boolean;
|
|
437
|
-
reuseItemTemplate: boolean;
|
|
438
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
|
+
};
|
|
439
48
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
440
49
|
modelValue: {
|
|
441
50
|
type: (StringConstructor | NumberConstructor)[];
|