@knime/kds-components 0.13.2 → 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/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts +7 -4
- package/dist/forms/_helper/List/KdsListItem/KdsListItem.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/KdsListItem/enums.d.ts +6 -0
- package/dist/forms/_helper/List/KdsListItem/enums.d.ts.map +1 -0
- package/dist/forms/_helper/List/KdsListItem/types.d.ts +11 -2
- package/dist/forms/_helper/List/KdsListItem/types.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts +17 -0
- package/dist/forms/_helper/List/ListContainer/KdsListContainer.vue.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListContainer/index.d.ts +3 -0
- package/dist/forms/_helper/List/ListContainer/index.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListContainer/types.d.ts +39 -0
- package/dist/forms/_helper/List/ListContainer/types.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts +6 -3
- package/dist/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue.d.ts.map +1 -1
- package/dist/forms/_helper/List/ListItemAccessory/enums.d.ts +7 -0
- package/dist/forms/_helper/List/ListItemAccessory/enums.d.ts.map +1 -0
- package/dist/forms/_helper/List/ListItemAccessory/types.d.ts +2 -0
- package/dist/forms/_helper/List/ListItemAccessory/types.d.ts.map +1 -1
- package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.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 +10 -17
- package/dist/forms/inputs/BaseInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/ColorInput/ColorPicker.vue.d.ts +13 -0
- package/dist/forms/inputs/ColorInput/ColorPicker.vue.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts +3 -0
- package/dist/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/colorUtils.d.ts +21 -0
- package/dist/forms/inputs/ColorInput/colorUtils.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/index.d.ts +3 -0
- package/dist/forms/inputs/ColorInput/index.d.ts.map +1 -0
- 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/ColorInput/useColorInputValidationOnFocusOut.d.ts +5 -0
- package/dist/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.d.ts.map +1 -0
- package/dist/forms/inputs/ColorInput/usePointerHandler.d.ts +7 -0
- package/dist/forms/inputs/ColorInput/usePointerHandler.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 +7 -1
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/forms/inputs/types.d.ts +1 -43
- 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 +471 -149
- package/dist/index.js +1992 -815
- 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 +4 -4
|
@@ -2,7 +2,7 @@ import { KdsBadgeProps, KdsBadgeSize } from './types';
|
|
|
2
2
|
declare const _default: import('vue').DefineComponent<KdsBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsBadgeProps> & Readonly<{}>, {
|
|
3
3
|
size: KdsBadgeSize;
|
|
4
4
|
variant: import('./types').KdsBadgeVariant;
|
|
5
|
-
icon: import('
|
|
5
|
+
icon: import('..').KdsIconName;
|
|
6
6
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
7
7
|
export default _default;
|
|
8
8
|
//# sourceMappingURL=KdsBadge.vue.d.ts.map
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { TypeId } from './IdToIconNameMapping';
|
|
2
|
-
import { KdsDataTypeSize, KdsTypeIconName } from './types';
|
|
3
|
-
|
|
4
|
-
iconName?: KdsTypeIconName | TypeId | string;
|
|
5
|
-
iconTitle?: string;
|
|
6
|
-
size?: KdsDataTypeSize;
|
|
7
|
-
};
|
|
8
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
2
|
+
import { KdsDataTypeProps, KdsDataTypeSize, KdsTypeIconName } from './types';
|
|
3
|
+
declare const _default: import('vue').DefineComponent<KdsDataTypeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsDataTypeProps> & Readonly<{}>, {
|
|
9
4
|
size: KdsDataTypeSize;
|
|
5
|
+
disabled: boolean;
|
|
10
6
|
iconName: KdsTypeIconName | TypeId | string;
|
|
11
7
|
iconTitle: string;
|
|
12
8
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsDataType.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/KdsDataType.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsDataType.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/KdsDataType.vue"],"names":[],"mappings":"AAsHA,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EAEf,eAAe,EAChB,MAAM,SAAS,CAAC;;;;;;;AAgHjB,wBAQG"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
-
size: KdsIconSize;
|
|
1
|
+
import { KdsIconProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<KdsIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsIconProps> & Readonly<{}>, {
|
|
3
|
+
size: import('./types').KdsIconSize;
|
|
4
|
+
disabled: boolean;
|
|
8
5
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
6
|
export default _default;
|
|
10
7
|
//# sourceMappingURL=KdsIcon.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/KdsIcon.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/KdsIcon.vue"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;;;;AA2E5C,wBAOG"}
|
|
@@ -1,6 +1,44 @@
|
|
|
1
|
+
import { IconName } from '@knime/kds-styles/img/icons/def';
|
|
2
|
+
import { TypeIconName } from '@knime/kds-styles/img/type-icons/def';
|
|
3
|
+
import { TypeId } from './IdToIconNameMapping';
|
|
1
4
|
import { kdsDataTypeSize, kdsIconSize } from './enums';
|
|
5
|
+
export type KdsIconName = IconName;
|
|
2
6
|
export type KdsIconSize = (typeof kdsIconSize)[keyof typeof kdsIconSize];
|
|
7
|
+
export type KdsTypeIconName = TypeIconName;
|
|
3
8
|
export type KdsDataTypeSize = (typeof kdsDataTypeSize)[keyof typeof kdsDataTypeSize];
|
|
4
|
-
export type
|
|
5
|
-
|
|
9
|
+
export type KdsIconProps = {
|
|
10
|
+
/**
|
|
11
|
+
* Name of the icon to display from the KDS icon set.
|
|
12
|
+
*/
|
|
13
|
+
name: KdsIconName;
|
|
14
|
+
/**
|
|
15
|
+
* Size of the icon.
|
|
16
|
+
*/
|
|
17
|
+
size?: KdsIconSize;
|
|
18
|
+
/**
|
|
19
|
+
* When true, renders the icon in a disabled/greyed-out style
|
|
20
|
+
* using the `kds.color.text-and-icon.disabled` token instead of
|
|
21
|
+
* inheriting the parent text color.
|
|
22
|
+
*/
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
};
|
|
25
|
+
export type KdsDataTypeProps = {
|
|
26
|
+
/**
|
|
27
|
+
* Name of the data type icon, a TypeId, or a custom string.
|
|
28
|
+
* Falls back to "unknown-datatype" if unrecognised.
|
|
29
|
+
*/
|
|
30
|
+
iconName?: KdsTypeIconName | TypeId | string;
|
|
31
|
+
/**
|
|
32
|
+
* Tooltip / title text for the data type icon.
|
|
33
|
+
*/
|
|
34
|
+
iconTitle?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Size of the data type icon container.
|
|
37
|
+
*/
|
|
38
|
+
size?: KdsDataTypeSize;
|
|
39
|
+
/**
|
|
40
|
+
* When true, renders the data type icon in a disabled/greyed-out style.
|
|
41
|
+
*/
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
};
|
|
6
44
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accessories/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -4,7 +4,7 @@ export declare const kdsLiveStatusStatus: {
|
|
|
4
4
|
readonly GREEN: "green";
|
|
5
5
|
readonly DISABLED: "disabled";
|
|
6
6
|
};
|
|
7
|
-
export declare const kdsLiveStatusStatuses: ("
|
|
7
|
+
export declare const kdsLiveStatusStatuses: ("disabled" | "green" | "orange" | "red")[];
|
|
8
8
|
export declare const kdsLiveStatusSize: {
|
|
9
9
|
readonly LARGE: "large";
|
|
10
10
|
readonly MEDIUM: "medium";
|
|
@@ -8,8 +8,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
8
8
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
9
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
10
10
|
}>, {
|
|
11
|
-
error: boolean;
|
|
12
11
|
disabled: boolean;
|
|
12
|
+
error: boolean;
|
|
13
13
|
alignment: import('./types').KdsCheckboxGroupAlignment;
|
|
14
14
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
15
|
export default _default;
|
|
@@ -8,8 +8,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
8
8
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
9
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
10
10
|
}>, {
|
|
11
|
-
error: boolean;
|
|
12
11
|
disabled: boolean;
|
|
12
|
+
error: boolean;
|
|
13
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
14
14
|
export default _default;
|
|
15
15
|
//# sourceMappingURL=KdsRadioButton.vue.d.ts.map
|
|
@@ -9,8 +9,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
9
9
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
10
10
|
}>, {
|
|
11
11
|
size: import('./types').KdsValueSwitchSize;
|
|
12
|
-
variant: import('./types').KdsValueSwitchVariant;
|
|
13
12
|
disabled: boolean;
|
|
13
|
+
variant: import('./types').KdsValueSwitchVariant;
|
|
14
14
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
15
|
availableWidthContainer: HTMLDivElement;
|
|
16
16
|
optionContainer: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;GAEG;AAEH,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAmB5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD;;GAEG;AAEH,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAmB5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiE60hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAhDn+hB;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8By1hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBl+hB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -5,15 +5,18 @@ declare const _default: import('vue').DefineComponent<KdsListItemProps, {}, {},
|
|
|
5
5
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
6
6
|
}>, {
|
|
7
7
|
disabled: boolean;
|
|
8
|
+
variant: import('./types.ts').KdsListItemVariant;
|
|
9
|
+
trailingIcon: import('../../../../index.ts').KdsIconName;
|
|
8
10
|
subText: string;
|
|
9
11
|
selected: boolean;
|
|
10
|
-
active: boolean;
|
|
11
12
|
accessory: import('../ListItemAccessory/types.ts').KdsListItemAccessory;
|
|
12
|
-
special: boolean;
|
|
13
13
|
missing: boolean;
|
|
14
|
+
shortcut: string;
|
|
15
|
+
special: boolean;
|
|
16
|
+
active: boolean;
|
|
14
17
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
18
|
labelEl: HTMLSpanElement;
|
|
16
|
-
|
|
17
|
-
},
|
|
19
|
+
subtextEl: HTMLSpanElement;
|
|
20
|
+
}, HTMLDivElement>;
|
|
18
21
|
export default _default;
|
|
19
22
|
//# sourceMappingURL=KdsListItem.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/KdsListItem.vue"],"names":[],"mappings":"AAiRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;AA+MnD,wBAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,uBAAoC,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import { KdsIconName } from '../../../../accessories';
|
|
1
2
|
import { KdsListItemAccessory } from '../ListItemAccessory/types.ts';
|
|
3
|
+
import { kdsListItemVariant } from './enums';
|
|
4
|
+
export type KdsListItemVariant = (typeof kdsListItemVariant)[keyof typeof kdsListItemVariant];
|
|
2
5
|
export type KdsListItemProps = {
|
|
3
6
|
/** Unique identifier for the list item (also used as DOM id for aria-activedescendant patterns). */
|
|
4
7
|
id: string;
|
|
@@ -6,13 +9,19 @@ export type KdsListItemProps = {
|
|
|
6
9
|
label: string;
|
|
7
10
|
/** Optional leading accessory (icon, data type, color swatch, avatar, or live status). */
|
|
8
11
|
accessory?: KdsListItemAccessory;
|
|
9
|
-
/**
|
|
12
|
+
/** One or two-line subtext shown below the label */
|
|
10
13
|
subText?: string;
|
|
14
|
+
/** Visual size variant of the list item. Influences accessory/icon sizing, gaps and typography. */
|
|
15
|
+
variant?: KdsListItemVariant;
|
|
16
|
+
/** Optional shortcut text shown at the end of the row (e.g. "Ctrl + 1"). Only shown when the item is not selected and not missing. */
|
|
17
|
+
shortcut?: string;
|
|
18
|
+
/** Optional trailing icon displayed at the end of the row (e.g. "checkmark" for selected, "trash" for missing). */
|
|
19
|
+
trailingIcon?: KdsIconName;
|
|
11
20
|
/** Applies "special content" styling (used when the content is not a standard data field). Only applies in singleline mode. */
|
|
12
21
|
special?: boolean;
|
|
13
22
|
/** Applies selected styling. */
|
|
14
23
|
selected?: boolean;
|
|
15
|
-
/** Highlights the item as the current keyboard-active option. */
|
|
24
|
+
/** Highlights the item as the current keyboard-active option with the focused outline. */
|
|
16
25
|
active?: boolean;
|
|
17
26
|
/** Applies missing/error styling and prepends "(Missing)". */
|
|
18
27
|
missing?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/KdsListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oGAAoG;IACpG,EAAE,EAAE,MAAM,CAAC;IAEX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IAEjC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,sIAAsI;IACtI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,mHAAmH;IACnH,YAAY,CAAC,EAAE,WAAW,CAAC;IAE3B,+HAA+H;IAC/H,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { KdsListContainerProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<KdsListContainerProps, {
|
|
3
|
+
handleKeydown: (event: KeyboardEvent) => void;
|
|
4
|
+
handleFocus: () => void;
|
|
5
|
+
handleBlur: () => void;
|
|
6
|
+
activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
|
|
7
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
itemClick: (id: string) => any;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<KdsListContainerProps> & Readonly<{
|
|
10
|
+
onItemClick?: ((id: string) => any) | undefined;
|
|
11
|
+
}>, {
|
|
12
|
+
emptyText: string;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
containerEl: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
17
|
+
//# sourceMappingURL=KdsListContainer.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsListContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/KdsListContainer.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;AA0T7E,wBAWG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { KdsListItemAccessory } from '../ListItemAccessory/types';
|
|
3
|
+
export type KdsListOption = {
|
|
4
|
+
id: string;
|
|
5
|
+
text: string;
|
|
6
|
+
/** Optional subtext shown below the main label (multiline list item layout) */
|
|
7
|
+
subText?: string;
|
|
8
|
+
/** Renders the item as selected */
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
/** Renders the label with emphasis (italic) for special content like columns */
|
|
11
|
+
special?: boolean;
|
|
12
|
+
/** Optional leading accessory (icon, data type, or color swatch) shown before the text */
|
|
13
|
+
accessory?: KdsListItemAccessory;
|
|
14
|
+
/** Disables the option in the list */
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/** Shows the option as missing in the list */
|
|
17
|
+
missing?: boolean;
|
|
18
|
+
};
|
|
19
|
+
export type KdsListContainerProps = {
|
|
20
|
+
/** Possible values to show in the list */
|
|
21
|
+
possibleValues: KdsListOption[];
|
|
22
|
+
/** Text shown when no entries are provided */
|
|
23
|
+
emptyText?: string;
|
|
24
|
+
/** Accessible label for the listbox */
|
|
25
|
+
ariaLabel?: string;
|
|
26
|
+
/** When true, the list is controlled externally (e.g. by a search input). The list will not be focusable and the parent must forward events via the exposed handleKeydown/handleFocus/handleBlur methods. */
|
|
27
|
+
controlledExternally?: boolean;
|
|
28
|
+
};
|
|
29
|
+
export type KdsListContainerExpose = {
|
|
30
|
+
/** Forward a keydown event to the list for keyboard navigation */
|
|
31
|
+
handleKeydown: (event: KeyboardEvent) => void;
|
|
32
|
+
/** Notify the list that its controlling element received focus */
|
|
33
|
+
handleFocus: () => void;
|
|
34
|
+
/** Notify the list that its controlling element lost focus */
|
|
35
|
+
handleBlur: () => void;
|
|
36
|
+
/** The DOM id of the currently active (highlighted) option, or undefined. Prefixed to avoid DOM id collisions. */
|
|
37
|
+
activeDescendant: Readonly<Ref<string | undefined>>;
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListContainer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,0CAA0C;IAC1C,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6MAA6M;IAC7M,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,kEAAkE;IAClE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,kHAAkH;IAClH,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACrD,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { KdsListItemAccessory } from './types.ts';
|
|
1
|
+
import { KdsListItemAccessory, KdsListItemAccessorySize } from './types.ts';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
accessory: KdsListItemAccessory;
|
|
4
|
-
size:
|
|
4
|
+
size: KdsListItemAccessorySize;
|
|
5
|
+
disabled?: boolean;
|
|
5
6
|
};
|
|
6
|
-
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
10
|
export default _default;
|
|
8
11
|
//# sourceMappingURL=ListItemAccessory.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemAccessory.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItemAccessory.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemAccessory/ListItemAccessory.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAEpB,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,oBAAoB,CAAC;IAChC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;cADW,OAAO;;AAgItB,wBAOG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemAccessory/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC;AAEX,eAAO,MAAM,yBAAyB,kCAErC,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { KdsColorSwatchColor, KdsIconName, KdsLiveStatusStatus, KdsTypeIconName } from '../../../../accessories';
|
|
2
|
+
import { kdsListItemAccessorySize } from './enums';
|
|
3
|
+
export type KdsListItemAccessorySize = (typeof kdsListItemAccessorySize)[keyof typeof kdsListItemAccessorySize];
|
|
2
4
|
export type KdsIconAccessory = {
|
|
3
5
|
type: "icon";
|
|
4
6
|
name: KdsIconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemAccessory/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,gBAAgB,GAChB,oBAAoB,GACpB,uBAAuB,GACvB,sBAAsB,GACtB,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/_helper/List/ListItemAccessory/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,OAAO,wBAAwB,CAAC,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,gBAAgB,GAChB,oBAAoB,GACpB,uBAAuB,GACvB,sBAAsB,GACtB,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;GAEG;AAEH,KAAK,WAAW,GAAG,4BAA4B,CAAC;AA0EhD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAE/D;;GAEG;AAEH,KAAK,WAAW,GAAG,4BAA4B,CAAC;AA0EhD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkE+2b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAjDrgc;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8B23b,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBpgc,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export * from './RadioButton';
|
|
|
7
7
|
export type * from './RadioButton';
|
|
8
8
|
export * from './inputs';
|
|
9
9
|
export type * from './inputs';
|
|
10
|
+
export * from './selects';
|
|
11
|
+
export type * from './selects';
|
|
10
12
|
export * from './_helper/InfoPopover';
|
|
11
13
|
export type * from './_helper/InfoPopover';
|
|
12
14
|
export * from './_helper/VariablePopover';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGjE,YAAY,EACV,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,2BAA2B,CAAC;AAC1C,mBAAmB,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGjE,YAAY,EACV,aAAa,EACb,eAAe,EACf,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC;AAE/B,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,2BAA2B,CAAC;AAC1C,mBAAmB,2BAA2B,CAAC"}
|
|
@@ -3,7 +3,7 @@ type BaseInputProps = {
|
|
|
3
3
|
/**
|
|
4
4
|
* ID for the input element
|
|
5
5
|
*/
|
|
6
|
-
id
|
|
6
|
+
id?: string;
|
|
7
7
|
/**
|
|
8
8
|
* The type of input field
|
|
9
9
|
*/
|
|
@@ -28,14 +28,6 @@ type BaseInputProps = {
|
|
|
28
28
|
* Whether the input is disabled
|
|
29
29
|
*/
|
|
30
30
|
disabled?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Whether the input is readonly
|
|
33
|
-
*/
|
|
34
|
-
readonly?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Whether the input is required
|
|
37
|
-
*/
|
|
38
|
-
required?: boolean;
|
|
39
31
|
/**
|
|
40
32
|
* Icon displayed at the start of the input
|
|
41
33
|
*/
|
|
@@ -48,10 +40,6 @@ type BaseInputProps = {
|
|
|
48
40
|
* Whether the input has an error state
|
|
49
41
|
*/
|
|
50
42
|
error?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Name attribute for the input element
|
|
53
|
-
*/
|
|
54
|
-
name?: string;
|
|
55
43
|
/**
|
|
56
44
|
* Autocomplete attribute for the input element
|
|
57
45
|
*/
|
|
@@ -93,6 +81,11 @@ type BaseInputProps = {
|
|
|
93
81
|
* Human-readable value text (e.g. localized) for widgets like role="spinbutton".
|
|
94
82
|
*/
|
|
95
83
|
ariaValuetext?: string;
|
|
84
|
+
/**
|
|
85
|
+
* ID of the currently active descendant element (for aria-activedescendant).
|
|
86
|
+
* Used when the input controls an external listbox or similar widget.
|
|
87
|
+
*/
|
|
88
|
+
ariaActivedescendant?: string;
|
|
96
89
|
/**
|
|
97
90
|
* Unit shown next to the input value
|
|
98
91
|
*/
|
|
@@ -114,6 +107,7 @@ type __VLS_PublicProps = {
|
|
|
114
107
|
declare function __VLS_template(): {
|
|
115
108
|
attrs: Partial<{}>;
|
|
116
109
|
slots: {
|
|
110
|
+
leading?(_: {}): any;
|
|
117
111
|
trailing?(_: {}): any;
|
|
118
112
|
};
|
|
119
113
|
refs: {
|
|
@@ -143,19 +137,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
143
137
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
144
138
|
}>, {
|
|
145
139
|
type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
|
|
146
|
-
required: boolean;
|
|
147
140
|
role: string;
|
|
148
141
|
placeholder: string;
|
|
149
|
-
name: string;
|
|
150
|
-
error: boolean;
|
|
151
142
|
disabled: boolean;
|
|
143
|
+
error: boolean;
|
|
152
144
|
leadingIcon: KdsIconName;
|
|
153
145
|
ariaLabel: string;
|
|
154
146
|
trailingIcon: KdsIconName;
|
|
147
|
+
id: string;
|
|
155
148
|
min: number;
|
|
156
149
|
max: number;
|
|
157
150
|
step: number;
|
|
158
|
-
readonly: boolean;
|
|
159
151
|
autocomplete: string;
|
|
160
152
|
ariaLabelledby: string;
|
|
161
153
|
ariaDescribedby: string;
|
|
@@ -164,6 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
164
156
|
ariaValuemin: number;
|
|
165
157
|
ariaValuemax: number;
|
|
166
158
|
ariaValuetext: string;
|
|
159
|
+
ariaActivedescendant: string;
|
|
167
160
|
unit: string;
|
|
168
161
|
inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
|
|
169
162
|
clearable: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseInput.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/BaseInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseInput.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/BaseInput.vue"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
type __VLS_PublicProps = {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
|
+
"update:modelValue": (value: string) => any;
|
|
6
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
7
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
8
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
9
|
+
colorspaceEl: HTMLDivElement;
|
|
10
|
+
hueEl: HTMLDivElement;
|
|
11
|
+
}, HTMLDivElement>;
|
|
12
|
+
export default _default;
|
|
13
|
+
//# sourceMappingURL=ColorPicker.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/ColorPicker.vue"],"names":[],"mappings":"AAyiBA,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;;AAsIF,wBASG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsColorInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/KdsColorInput.vue"],"names":[],"mappings":";AA4SA,wBAUG"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type KdsRgbColor = {
|
|
2
|
+
r: number;
|
|
3
|
+
g: number;
|
|
4
|
+
b: number;
|
|
5
|
+
};
|
|
6
|
+
export type KdsHsvColor = {
|
|
7
|
+
/** Hue in degrees [0..360) */
|
|
8
|
+
h: number;
|
|
9
|
+
/** Saturation [0..1] */
|
|
10
|
+
s: number;
|
|
11
|
+
/** Value [0..1] */
|
|
12
|
+
v: number;
|
|
13
|
+
};
|
|
14
|
+
export declare const clamp: (value: number, min: number, max: number) => number;
|
|
15
|
+
export declare const normalizeHexColor: (value: string) => string | null;
|
|
16
|
+
export declare const hexToRgb: (hex: string) => KdsRgbColor | null;
|
|
17
|
+
export declare const rgbToHex: ({ r, g, b }: KdsRgbColor) => string;
|
|
18
|
+
export declare const rgbToHsv: ({ r, g, b }: KdsRgbColor) => KdsHsvColor;
|
|
19
|
+
export declare const hsvToRgb: ({ h, s, v }: KdsHsvColor) => KdsRgbColor;
|
|
20
|
+
export declare const hsvToHex: (hsv: KdsHsvColor) => string;
|
|
21
|
+
//# sourceMappingURL=colorUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/colorUtils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,8BAA8B;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,wBAAwB;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,mBAAmB;IACnB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAuBF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WACxB,CAAC;AAMtC,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,IAkB1D,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,KAAG,WAAW,GAAG,IAoBpD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,aAAa,WAAW,KAAG,MAMnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,aAAa,WAAW,KAAG,WA6BnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,aAAa,WAAW,KAAG,WAsCnD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,WAAW,KAAG,MAAiC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColorInputValidationOnFocusOut.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAC;AA2C3C,eAAO,MAAM,iCAAiC,GAAI,YAAY,GAAG,CAAC,MAAM,CAAC;4BAcxC,UAAU;CAoB1C,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const usePointerHandler: (updateFromEvent: (event: PointerEvent) => void) => {
|
|
2
|
+
activePointerId: import('vue').Ref<number | null, number | null>;
|
|
3
|
+
onPointerDown: (event: PointerEvent) => void;
|
|
4
|
+
onPointerMove: (event: PointerEvent) => void;
|
|
5
|
+
onPointerUp: (event: PointerEvent) => void;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=usePointerHandler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePointerHandler.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/ColorInput/usePointerHandler.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAC5B,iBAAiB,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI;;2BAIhB,YAAY;2BAeZ,YAAY;yBAQJ,YAAY;CAsBnD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsNumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/NumberInput/KdsNumberInput.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsNumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/NumberInput/KdsNumberInput.vue"],"names":[],"mappings":";AAklBA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}
|