@knime/kds-components 0.14.0 → 0.15.0
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/accessories/Badge/KdsBadge.vue.d.ts +1 -1
- package/dist/accessories/Icon/KdsDataType.vue.d.ts +3 -7
- package/dist/accessories/Icon/KdsDataType.vue.d.ts.map +1 -1
- package/dist/accessories/Icon/KdsIcon.vue.d.ts +4 -7
- package/dist/accessories/Icon/KdsIcon.vue.d.ts.map +1 -1
- package/dist/accessories/Icon/types.d.ts +40 -2
- package/dist/accessories/Icon/types.d.ts.map +1 -1
- package/dist/accessories/LiveStatus/enums.d.ts +1 -1
- package/dist/forms/Checkbox/KdsCheckboxGroup.vue.d.ts +1 -1
- package/dist/forms/RadioButton/KdsRadioButton.vue.d.ts +1 -1
- package/dist/forms/RadioButton/KdsValueSwitch.vue.d.ts +1 -1
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts +4 -4
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts +1 -1
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListContainer/types.d.ts +1 -1
- package/dist/forms/_helper/List/ListContainer/types.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts +4 -1
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts.map +1 -1
- package/dist/forms/index.d.ts +2 -0
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/inputs/BaseInput.vue.d.ts +3 -17
- package/dist/forms/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts +1 -96
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/ColorInput/index.d.ts +1 -0
- package/dist/forms/inputs/ColorInput/index.d.ts.map +1 -1
- package/dist/forms/inputs/ColorInput/types.d.ts +3 -0
- package/dist/forms/inputs/ColorInput/types.d.ts.map +1 -0
- package/dist/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/NumberInput/index.d.ts +1 -0
- package/dist/forms/inputs/NumberInput/index.d.ts.map +1 -1
- package/dist/forms/inputs/NumberInput/types.d.ts +23 -0
- package/dist/forms/inputs/NumberInput/types.d.ts.map +1 -0
- package/dist/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/PatternInput/index.d.ts +1 -0
- package/dist/forms/inputs/PatternInput/index.d.ts.map +1 -1
- package/dist/forms/inputs/PatternInput/types.d.ts +3 -0
- package/dist/forms/inputs/PatternInput/types.d.ts.map +1 -0
- package/dist/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/SearchInput/index.d.ts +1 -0
- package/dist/forms/inputs/SearchInput/index.d.ts.map +1 -1
- package/dist/forms/inputs/SearchInput/types.d.ts +3 -0
- package/dist/forms/inputs/SearchInput/types.d.ts.map +1 -0
- package/dist/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/TextInput/index.d.ts +1 -0
- package/dist/forms/inputs/TextInput/index.d.ts.map +1 -1
- package/dist/forms/inputs/TextInput/types.d.ts +3 -0
- package/dist/forms/inputs/TextInput/types.d.ts.map +1 -0
- package/dist/forms/inputs/Textarea/KdsTextarea.vue.d.ts.map +1 -1
- package/dist/forms/inputs/Textarea/index.d.ts +1 -0
- package/dist/forms/inputs/Textarea/index.d.ts.map +1 -1
- package/dist/forms/inputs/Textarea/types.d.ts +8 -0
- package/dist/forms/inputs/Textarea/types.d.ts.map +1 -0
- package/dist/forms/inputs/index.d.ts +6 -1
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/forms/inputs/types.d.ts +1 -44
- package/dist/forms/inputs/types.d.ts.map +1 -1
- package/dist/forms/selects/Dropdown/BaseDropdown.vue.d.ts +28 -0
- package/dist/forms/selects/Dropdown/BaseDropdown.vue.d.ts.map +1 -0
- package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts +252 -0
- package/dist/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map +1 -0
- package/dist/forms/selects/Dropdown/KdsDropdown.vue.d.ts +3 -0
- package/dist/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map +1 -0
- package/dist/forms/selects/Dropdown/index.d.ts +3 -0
- package/dist/forms/selects/Dropdown/index.d.ts.map +1 -0
- package/dist/forms/selects/Dropdown/types.d.ts +62 -0
- package/dist/forms/selects/Dropdown/types.d.ts.map +1 -0
- package/dist/forms/selects/index.d.ts +3 -0
- package/dist/forms/selects/index.d.ts.map +1 -0
- package/dist/index.css +325 -74
- package/dist/index.js +888 -271
- package/dist/index.js.map +1 -1
- package/dist/overlays/Modal/KdsModal.vue.d.ts +2 -2
- package/dist/overlays/Modal/KdsModalLayout.vue.d.ts +1 -1
- package/dist/overlays/Modal/useKdsDynamicModal.d.ts +3 -3
- package/package.json +2 -2
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
export * from './ColorInput';
|
|
2
|
+
export type * from './ColorInput';
|
|
2
3
|
export * from './NumberInput';
|
|
4
|
+
export type * from './NumberInput';
|
|
3
5
|
export * from './PatternInput';
|
|
6
|
+
export type * from './PatternInput';
|
|
4
7
|
export * from './SearchInput';
|
|
8
|
+
export type * from './SearchInput';
|
|
5
9
|
export * from './TextInput';
|
|
10
|
+
export type * from './TextInput';
|
|
6
11
|
export * from './Textarea';
|
|
7
|
-
export type * from './
|
|
12
|
+
export type * from './Textarea';
|
|
8
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}
|
|
@@ -8,54 +8,11 @@ type KdsCommonInputProps = {
|
|
|
8
8
|
* Whether the input is disabled
|
|
9
9
|
*/
|
|
10
10
|
disabled?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Whether the input is readonly
|
|
13
|
-
*/
|
|
14
|
-
readonly?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Whether the input is required
|
|
17
|
-
*/
|
|
18
|
-
required?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Name attribute for the input element
|
|
21
|
-
*/
|
|
22
|
-
name?: string;
|
|
23
11
|
/**
|
|
24
12
|
* Autocomplete attribute for the input element
|
|
25
13
|
*/
|
|
26
14
|
autocomplete?: string;
|
|
27
15
|
};
|
|
28
|
-
type KdsInputFieldProps = KdsFormFieldProps & KdsCommonInputProps;
|
|
29
|
-
export type KdsTextInputProps = KdsInputFieldProps;
|
|
30
|
-
export type KdsColorInputProps = Omit<KdsInputFieldProps, "required" | "readonly">;
|
|
31
|
-
export type KdsNumberInputProps = KdsInputFieldProps & {
|
|
32
|
-
/**
|
|
33
|
-
* Unit shown next to the input value
|
|
34
|
-
*/
|
|
35
|
-
unit?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Minimum allowed value
|
|
38
|
-
*/
|
|
39
|
-
min?: number;
|
|
40
|
-
/**
|
|
41
|
-
* Maximum allowed value
|
|
42
|
-
*/
|
|
43
|
-
max?: number;
|
|
44
|
-
/**
|
|
45
|
-
* Step size used for +/- buttons and arrow key increments.
|
|
46
|
-
* Must be a positive number greater than 0.
|
|
47
|
-
*
|
|
48
|
-
* Scientific notation (e.g. `1e-3`) is supported.
|
|
49
|
-
*/
|
|
50
|
-
step?: number;
|
|
51
|
-
};
|
|
52
|
-
export type KdsPatternInputProps = KdsInputFieldProps;
|
|
53
|
-
export type KdsSearchInputProps = KdsInputFieldProps;
|
|
54
|
-
export type KdsTextareaProps = KdsInputFieldProps & {
|
|
55
|
-
/**
|
|
56
|
-
* The number of visible text lines.
|
|
57
|
-
*/
|
|
58
|
-
rows?: number;
|
|
59
|
-
};
|
|
16
|
+
export type KdsInputFieldProps = KdsFormFieldProps & KdsCommonInputProps;
|
|
60
17
|
export {};
|
|
61
18
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BaseDropdownProps } from './types';
|
|
2
|
+
type __VLS_Props = BaseDropdownProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
"open"?: boolean;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
click: () => any;
|
|
8
|
+
keydown: (event: KeyboardEvent) => any;
|
|
9
|
+
"update:open": (value: boolean) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
|
+
onClick?: (() => any) | undefined;
|
|
12
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
13
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
text: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
error: boolean;
|
|
18
|
+
ariaLabel: string;
|
|
19
|
+
id: string;
|
|
20
|
+
popoverId: string;
|
|
21
|
+
ariaLabelledby: string;
|
|
22
|
+
ariaDescribedby: string;
|
|
23
|
+
ariaInvalid: boolean;
|
|
24
|
+
accessory: import('../../_helper/List/ListItemAccessory/types').KdsListItemAccessory;
|
|
25
|
+
missing: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
27
|
+
export default _default;
|
|
28
|
+
//# sourceMappingURL=BaseDropdown.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/BaseDropdown.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAgFrC,KAAK,iBAAiB,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;AAmHhB,wBASG"}
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { DropdownContainerProps } from './types';
|
|
2
|
+
type __VLS_Props = DropdownContainerProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: string | null;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
7
|
+
focus: () => void | undefined;
|
|
8
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: string | null) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
|
+
"onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
|
|
12
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
13
|
+
searchEl: ({
|
|
14
|
+
$: import('vue').ComponentInternalInstance;
|
|
15
|
+
$data: {};
|
|
16
|
+
$props: {
|
|
17
|
+
readonly modelValue?: string | undefined;
|
|
18
|
+
readonly id?: string | undefined;
|
|
19
|
+
readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
|
|
20
|
+
readonly min?: number | undefined;
|
|
21
|
+
readonly max?: number | undefined;
|
|
22
|
+
readonly step?: number | undefined;
|
|
23
|
+
readonly placeholder?: string | undefined;
|
|
24
|
+
readonly disabled?: boolean | undefined;
|
|
25
|
+
readonly leadingIcon?: import('../../..').KdsIconName | undefined;
|
|
26
|
+
readonly trailingIcon?: import('../../..').KdsIconName | undefined;
|
|
27
|
+
readonly error?: boolean | undefined;
|
|
28
|
+
readonly autocomplete?: string | undefined;
|
|
29
|
+
readonly ariaLabel?: string | undefined;
|
|
30
|
+
readonly ariaLabelledby?: string | undefined;
|
|
31
|
+
readonly ariaDescribedby?: string | undefined;
|
|
32
|
+
readonly ariaInvalid?: boolean | undefined;
|
|
33
|
+
readonly role?: string | undefined;
|
|
34
|
+
readonly ariaValuenow?: number | undefined;
|
|
35
|
+
readonly ariaValuemin?: number | undefined;
|
|
36
|
+
readonly ariaValuemax?: number | undefined;
|
|
37
|
+
readonly ariaValuetext?: string | undefined;
|
|
38
|
+
readonly ariaActivedescendant?: string | undefined;
|
|
39
|
+
readonly unit?: string | undefined;
|
|
40
|
+
readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
41
|
+
readonly clearable?: boolean | undefined;
|
|
42
|
+
readonly onInput?: ((event: Event) => any) | undefined;
|
|
43
|
+
readonly onClick?: ((event: MouseEvent) => any) | undefined;
|
|
44
|
+
readonly onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
45
|
+
readonly onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
46
|
+
readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
47
|
+
readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
48
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
49
|
+
$attrs: {
|
|
50
|
+
[x: string]: unknown;
|
|
51
|
+
};
|
|
52
|
+
$refs: {
|
|
53
|
+
[x: string]: unknown;
|
|
54
|
+
} & {
|
|
55
|
+
input: HTMLInputElement;
|
|
56
|
+
};
|
|
57
|
+
$slots: Readonly<{
|
|
58
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
59
|
+
}>;
|
|
60
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
61
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
62
|
+
$host: Element | null;
|
|
63
|
+
$emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
|
|
64
|
+
$el: HTMLDivElement;
|
|
65
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
66
|
+
modelValue?: string;
|
|
67
|
+
} & {
|
|
68
|
+
id?: string;
|
|
69
|
+
type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
70
|
+
min?: number;
|
|
71
|
+
max?: number;
|
|
72
|
+
step?: number;
|
|
73
|
+
placeholder?: string;
|
|
74
|
+
disabled?: boolean;
|
|
75
|
+
leadingIcon?: import('../../..').KdsIconName;
|
|
76
|
+
trailingIcon?: import('../../..').KdsIconName;
|
|
77
|
+
error?: boolean;
|
|
78
|
+
autocomplete?: string;
|
|
79
|
+
ariaLabel?: string;
|
|
80
|
+
ariaLabelledby?: string;
|
|
81
|
+
ariaDescribedby?: string;
|
|
82
|
+
ariaInvalid?: boolean;
|
|
83
|
+
role?: string;
|
|
84
|
+
ariaValuenow?: number;
|
|
85
|
+
ariaValuemin?: number;
|
|
86
|
+
ariaValuemax?: number;
|
|
87
|
+
ariaValuetext?: string;
|
|
88
|
+
ariaActivedescendant?: string;
|
|
89
|
+
unit?: string;
|
|
90
|
+
inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
91
|
+
clearable?: boolean;
|
|
92
|
+
}> & Readonly<{
|
|
93
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
94
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
95
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
96
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
97
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
98
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
99
|
+
}>, {
|
|
100
|
+
focus: () => void;
|
|
101
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
102
|
+
input: (event: Event) => any;
|
|
103
|
+
click: (event: MouseEvent) => any;
|
|
104
|
+
blur: (event: FocusEvent) => any;
|
|
105
|
+
focus: (event: FocusEvent) => any;
|
|
106
|
+
keydown: (event: KeyboardEvent) => any;
|
|
107
|
+
"update:modelValue": (value: string) => any;
|
|
108
|
+
}, string, {
|
|
109
|
+
type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
110
|
+
role: string;
|
|
111
|
+
placeholder: string;
|
|
112
|
+
disabled: boolean;
|
|
113
|
+
error: boolean;
|
|
114
|
+
leadingIcon: import('../../..').KdsIconName;
|
|
115
|
+
ariaLabel: string;
|
|
116
|
+
trailingIcon: import('../../..').KdsIconName;
|
|
117
|
+
id: string;
|
|
118
|
+
min: number;
|
|
119
|
+
max: number;
|
|
120
|
+
step: number;
|
|
121
|
+
autocomplete: string;
|
|
122
|
+
ariaLabelledby: string;
|
|
123
|
+
ariaDescribedby: string;
|
|
124
|
+
ariaInvalid: boolean;
|
|
125
|
+
ariaValuenow: number;
|
|
126
|
+
ariaValuemin: number;
|
|
127
|
+
ariaValuemax: number;
|
|
128
|
+
ariaValuetext: string;
|
|
129
|
+
ariaActivedescendant: string;
|
|
130
|
+
unit: string;
|
|
131
|
+
inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
132
|
+
clearable: boolean;
|
|
133
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
134
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
135
|
+
created?: (() => void) | (() => void)[];
|
|
136
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
137
|
+
mounted?: (() => void) | (() => void)[];
|
|
138
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
139
|
+
updated?: (() => void) | (() => void)[];
|
|
140
|
+
activated?: (() => void) | (() => void)[];
|
|
141
|
+
deactivated?: (() => void) | (() => void)[];
|
|
142
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
143
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
144
|
+
destroyed?: (() => void) | (() => void)[];
|
|
145
|
+
unmounted?: (() => void) | (() => void)[];
|
|
146
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
147
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
148
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
149
|
+
};
|
|
150
|
+
$forceUpdate: () => void;
|
|
151
|
+
$nextTick: typeof import('vue').nextTick;
|
|
152
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
153
|
+
} & Readonly<{
|
|
154
|
+
type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
155
|
+
role: string;
|
|
156
|
+
placeholder: string;
|
|
157
|
+
disabled: boolean;
|
|
158
|
+
error: boolean;
|
|
159
|
+
leadingIcon: import('../../..').KdsIconName;
|
|
160
|
+
ariaLabel: string;
|
|
161
|
+
trailingIcon: import('../../..').KdsIconName;
|
|
162
|
+
id: string;
|
|
163
|
+
min: number;
|
|
164
|
+
max: number;
|
|
165
|
+
step: number;
|
|
166
|
+
autocomplete: string;
|
|
167
|
+
ariaLabelledby: string;
|
|
168
|
+
ariaDescribedby: string;
|
|
169
|
+
ariaInvalid: boolean;
|
|
170
|
+
ariaValuenow: number;
|
|
171
|
+
ariaValuemin: number;
|
|
172
|
+
ariaValuemax: number;
|
|
173
|
+
ariaValuetext: string;
|
|
174
|
+
ariaActivedescendant: string;
|
|
175
|
+
unit: string;
|
|
176
|
+
inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
177
|
+
clearable: boolean;
|
|
178
|
+
}> & Omit<Readonly<{
|
|
179
|
+
modelValue?: string;
|
|
180
|
+
} & {
|
|
181
|
+
id?: string;
|
|
182
|
+
type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
183
|
+
min?: number;
|
|
184
|
+
max?: number;
|
|
185
|
+
step?: number;
|
|
186
|
+
placeholder?: string;
|
|
187
|
+
disabled?: boolean;
|
|
188
|
+
leadingIcon?: import('../../..').KdsIconName;
|
|
189
|
+
trailingIcon?: import('../../..').KdsIconName;
|
|
190
|
+
error?: boolean;
|
|
191
|
+
autocomplete?: string;
|
|
192
|
+
ariaLabel?: string;
|
|
193
|
+
ariaLabelledby?: string;
|
|
194
|
+
ariaDescribedby?: string;
|
|
195
|
+
ariaInvalid?: boolean;
|
|
196
|
+
role?: string;
|
|
197
|
+
ariaValuenow?: number;
|
|
198
|
+
ariaValuemin?: number;
|
|
199
|
+
ariaValuemax?: number;
|
|
200
|
+
ariaValuetext?: string;
|
|
201
|
+
ariaActivedescendant?: string;
|
|
202
|
+
unit?: string;
|
|
203
|
+
inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
204
|
+
clearable?: boolean;
|
|
205
|
+
}> & Readonly<{
|
|
206
|
+
onInput?: ((event: Event) => any) | undefined;
|
|
207
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
208
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
209
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
210
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
211
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
212
|
+
}>, "focus" | ("type" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
|
|
213
|
+
focus: () => void;
|
|
214
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
215
|
+
$slots: {
|
|
216
|
+
leading?(_: {}): any;
|
|
217
|
+
trailing?(_: {}): any;
|
|
218
|
+
};
|
|
219
|
+
}) | null;
|
|
220
|
+
listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
|
|
221
|
+
onItemClick?: ((id: string) => any) | undefined;
|
|
222
|
+
}>, {
|
|
223
|
+
handleKeydown: (event: KeyboardEvent) => void;
|
|
224
|
+
handleFocus: () => void;
|
|
225
|
+
handleBlur: () => void;
|
|
226
|
+
activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
|
|
227
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
228
|
+
itemClick: (id: string) => any;
|
|
229
|
+
}, import('vue').PublicProps, {
|
|
230
|
+
emptyText: string;
|
|
231
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
232
|
+
containerEl: HTMLDivElement;
|
|
233
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
234
|
+
P: {};
|
|
235
|
+
B: {};
|
|
236
|
+
D: {};
|
|
237
|
+
C: {};
|
|
238
|
+
M: {};
|
|
239
|
+
Defaults: {};
|
|
240
|
+
}, Readonly<import('../../_helper/List/ListContainer').KdsListContainerProps> & Readonly<{
|
|
241
|
+
onItemClick?: ((id: string) => any) | undefined;
|
|
242
|
+
}>, {
|
|
243
|
+
handleKeydown: (event: KeyboardEvent) => void;
|
|
244
|
+
handleFocus: () => void;
|
|
245
|
+
handleBlur: () => void;
|
|
246
|
+
activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
|
|
247
|
+
}, {}, {}, {}, {
|
|
248
|
+
emptyText: string;
|
|
249
|
+
}> | null;
|
|
250
|
+
}, HTMLDivElement>;
|
|
251
|
+
export default _default;
|
|
252
|
+
//# sourceMappingURL=DropdownContainer.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AA8IA,OAAO,KAAK,EACV,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2E1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8J6/b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBnoc,wBAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/KdsDropdown.vue"],"names":[],"mappings":";AAwUA,wBAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC3D,YAAY,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { KdsListItemAccessory } from '../../_helper/List/ListItemAccessory/types';
|
|
2
|
+
import { KdsFormFieldProps } from '../../types';
|
|
3
|
+
export type KdsDropdownOptionAccessory = KdsListItemAccessory;
|
|
4
|
+
export type KdsDropdownOption = {
|
|
5
|
+
/** Unique identifier for the option */
|
|
6
|
+
id: string;
|
|
7
|
+
/** Display text shown in the list item */
|
|
8
|
+
text: string;
|
|
9
|
+
/** Optional subtext shown below the main label (multiline list item layout) */
|
|
10
|
+
subText?: string;
|
|
11
|
+
/** Renders the label with emphasis (italic) for special content like columns */
|
|
12
|
+
special?: boolean;
|
|
13
|
+
/** Optional leading accessory (icon, data type, or color swatch) shown before the text */
|
|
14
|
+
accessory?: KdsDropdownOptionAccessory;
|
|
15
|
+
/** Disables the option in the list */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
};
|
|
18
|
+
export type KdsDropdownProps = {
|
|
19
|
+
/** Placeholder text for the input element */
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
/** Whether the input is disabled */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** Values shown in the dropdown list */
|
|
24
|
+
possibleValues: KdsDropdownOption[];
|
|
25
|
+
} & KdsFormFieldProps;
|
|
26
|
+
export type DropdownOptionWithMissing = KdsDropdownOption & {
|
|
27
|
+
/** Whether the option represents a missing value */
|
|
28
|
+
missing?: boolean;
|
|
29
|
+
};
|
|
30
|
+
export type DropdownContainerProps = {
|
|
31
|
+
/** Text shown when the list is empty (no entries or no search results) */
|
|
32
|
+
emptyText: string;
|
|
33
|
+
/** Values shown in the dropdown list */
|
|
34
|
+
possibleValues: KdsDropdownOption[];
|
|
35
|
+
};
|
|
36
|
+
export type BaseDropdownProps = {
|
|
37
|
+
/** Text displayed on the dropdown trigger button */
|
|
38
|
+
text?: string;
|
|
39
|
+
/** Placeholder text shown when no value is selected */
|
|
40
|
+
placeholder: string;
|
|
41
|
+
/** Whether the dropdown is disabled */
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
/** Whether the dropdown is in an error state */
|
|
44
|
+
error?: boolean;
|
|
45
|
+
/** Whether the current value is missing from the possible values */
|
|
46
|
+
missing?: boolean;
|
|
47
|
+
/** Optional leading accessory displayed on the trigger button */
|
|
48
|
+
accessory?: KdsListItemAccessory;
|
|
49
|
+
/** Forwarded a11y/field attributes from BaseFormFieldWrapper */
|
|
50
|
+
id?: string;
|
|
51
|
+
/** ID of the element labelling this dropdown */
|
|
52
|
+
ariaLabelledby?: string;
|
|
53
|
+
/** ID of the element describing this dropdown */
|
|
54
|
+
ariaDescribedby?: string;
|
|
55
|
+
/** Accessible label for the dropdown */
|
|
56
|
+
ariaLabel?: string;
|
|
57
|
+
/** Whether the dropdown value is invalid */
|
|
58
|
+
ariaInvalid?: boolean;
|
|
59
|
+
/** ID of the associated popover element */
|
|
60
|
+
popoverId?: string;
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,GAAG,iBAAiB,CAAC;AAItB,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,cAAc,EAAE,iBAAiB,EAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,gEAAgE;IAChE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/selects/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}
|