@knime/kds-components 0.22.2 → 0.23.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/index.css +189 -50
- package/dist/index.js +1495 -876
- package/dist/index.js.map +1 -1
- package/dist/src/accessories/ColorSwatch/KdsColorSwatch.vue.d.ts.map +1 -1
- package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +87 -2
- package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -1
- package/dist/src/buttons/KdsMenuButton/types.d.ts +7 -0
- package/dist/src/buttons/KdsMenuButton/types.d.ts.map +1 -1
- package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts +6 -6
- package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts.map +1 -1
- package/dist/src/buttons/KdsSplitButton/types.d.ts +4 -4
- package/dist/src/buttons/KdsSplitButton/types.d.ts.map +1 -1
- package/dist/src/forms/inputs/ColorInput/{ColorPicker.vue.d.ts → ColorPicker/ColorPicker.vue.d.ts} +0 -1
- package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPicker.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPickerSlider.vue.d.ts +14 -0
- package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPickerSlider.vue.d.ts.map +1 -0
- package/dist/src/forms/inputs/ColorInput/ColorPicker/types.d.ts +12 -0
- package/dist/src/forms/inputs/ColorInput/ColorPicker/types.d.ts.map +1 -0
- package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
- package/dist/src/forms/inputs/ColorInput/colorUtils.d.ts +7 -0
- package/dist/src/forms/inputs/ColorInput/colorUtils.d.ts.map +1 -1
- package/dist/src/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.d.ts.map +1 -1
- package/dist/src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/MultiSelectListBox/types.d.ts +3 -1
- package/dist/src/forms/selects/MultiSelectListBox/types.d.ts.map +1 -1
- package/dist/src/forms/selects/SortableListBox/KdsSortableListBox.vue.d.ts +196 -0
- package/dist/src/forms/selects/SortableListBox/KdsSortableListBox.vue.d.ts.map +1 -0
- package/dist/src/forms/selects/SortableListBox/index.d.ts +3 -0
- package/dist/src/forms/selects/SortableListBox/index.d.ts.map +1 -0
- package/dist/src/forms/selects/SortableListBox/types.d.ts +10 -0
- package/dist/src/forms/selects/SortableListBox/types.d.ts.map +1 -0
- package/dist/src/forms/selects/SortableListBox/useSortableListBoxReorder.d.ts +16 -0
- package/dist/src/forms/selects/SortableListBox/useSortableListBoxReorder.d.ts.map +1 -0
- package/dist/src/forms/selects/TwinList/KdsTwinList.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/TwinList/TwinListBody.vue.d.ts.map +1 -1
- package/dist/src/forms/selects/TwinList/types.d.ts +2 -0
- package/dist/src/forms/selects/TwinList/types.d.ts.map +1 -1
- package/dist/src/forms/selects/index.d.ts +2 -2
- package/dist/src/forms/selects/index.d.ts.map +1 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts +10 -0
- package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts.map +1 -0
- package/dist/src/layouts/PanelButtonBar/index.d.ts +3 -0
- package/dist/src/layouts/PanelButtonBar/index.d.ts.map +1 -0
- package/dist/src/layouts/PanelButtonBar/types.d.ts +15 -0
- package/dist/src/layouts/PanelButtonBar/types.d.ts.map +1 -0
- package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts +8 -0
- package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts.map +1 -0
- package/dist/src/layouts/PanelHeader/index.d.ts +3 -0
- package/dist/src/layouts/PanelHeader/index.d.ts.map +1 -0
- package/dist/src/layouts/PanelHeader/types.d.ts +7 -0
- package/dist/src/layouts/PanelHeader/types.d.ts.map +1 -0
- package/dist/src/layouts/index.d.ts +4 -0
- package/dist/src/layouts/index.d.ts.map +1 -1
- package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +336 -0
- package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -0
- package/dist/src/patterns/ResponsiveButtonGroup/enums.d.ts +7 -0
- package/dist/src/patterns/ResponsiveButtonGroup/enums.d.ts.map +1 -0
- package/dist/src/patterns/ResponsiveButtonGroup/index.d.ts +4 -0
- package/dist/src/patterns/ResponsiveButtonGroup/index.d.ts.map +1 -0
- package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts +23 -0
- package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts.map +1 -0
- package/dist/src/patterns/index.d.ts +3 -0
- package/dist/src/patterns/index.d.ts.map +1 -0
- package/package.json +2 -2
- package/dist/src/forms/inputs/ColorInput/ColorPicker.vue.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsColorSwatch.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/ColorSwatch/KdsColorSwatch.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsColorSwatch.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/ColorSwatch/KdsColorSwatch.vue"],"names":[],"mappings":"AAkJA,OAAO,KAAK,EAAE,mBAAmB,EAAsB,MAAM,SAAS,CAAC;;AAgJvE,wBAOG"}
|
|
@@ -15,7 +15,50 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
|
|
|
15
15
|
} & {
|
|
16
16
|
items: import('./types').KdsMenuItem[];
|
|
17
17
|
menuMaxHeight?: string;
|
|
18
|
-
}), {
|
|
18
|
+
}), {
|
|
19
|
+
menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
|
|
20
|
+
modelValue?: boolean;
|
|
21
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
22
|
+
label: string;
|
|
23
|
+
leadingIcon?: import('../..').KdsIconName;
|
|
24
|
+
trailingIcon?: import('../..').KdsIconName;
|
|
25
|
+
ariaLabel?: never;
|
|
26
|
+
}) | ({
|
|
27
|
+
modelValue?: boolean;
|
|
28
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
29
|
+
label?: never;
|
|
30
|
+
leadingIcon: import('../..').KdsIconName;
|
|
31
|
+
trailingIcon?: never;
|
|
32
|
+
ariaLabel: string;
|
|
33
|
+
})> & Readonly<{
|
|
34
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
35
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
36
|
+
"update:modelValue": (value: boolean) => any;
|
|
37
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
38
|
+
P: {};
|
|
39
|
+
B: {};
|
|
40
|
+
D: {};
|
|
41
|
+
C: {};
|
|
42
|
+
M: {};
|
|
43
|
+
Defaults: {};
|
|
44
|
+
}, {} & (Readonly<({
|
|
45
|
+
modelValue?: boolean;
|
|
46
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
47
|
+
label: string;
|
|
48
|
+
leadingIcon?: import('../..').KdsIconName;
|
|
49
|
+
trailingIcon?: import('../..').KdsIconName;
|
|
50
|
+
ariaLabel?: never;
|
|
51
|
+
}) | ({
|
|
52
|
+
modelValue?: boolean;
|
|
53
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
54
|
+
label?: never;
|
|
55
|
+
leadingIcon: import('../..').KdsIconName;
|
|
56
|
+
trailingIcon?: never;
|
|
57
|
+
ariaLabel: string;
|
|
58
|
+
})> & Readonly<{
|
|
59
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
60
|
+
}>), {}, {}, {}, {}, {}> | null>>;
|
|
61
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
62
|
itemClick: (id: string) => any;
|
|
20
63
|
}, string, import('vue').PublicProps, Readonly<(import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
21
64
|
label: string;
|
|
@@ -36,7 +79,49 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
|
|
|
36
79
|
})> & Readonly<{
|
|
37
80
|
onItemClick?: ((id: string) => any) | undefined;
|
|
38
81
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
39
|
-
|
|
82
|
+
menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
|
|
83
|
+
modelValue?: boolean;
|
|
84
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
85
|
+
label: string;
|
|
86
|
+
leadingIcon?: import('../..').KdsIconName;
|
|
87
|
+
trailingIcon?: import('../..').KdsIconName;
|
|
88
|
+
ariaLabel?: never;
|
|
89
|
+
}) | ({
|
|
90
|
+
modelValue?: boolean;
|
|
91
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
92
|
+
label?: never;
|
|
93
|
+
leadingIcon: import('../..').KdsIconName;
|
|
94
|
+
trailingIcon?: never;
|
|
95
|
+
ariaLabel: string;
|
|
96
|
+
})> & Readonly<{
|
|
97
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
98
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
99
|
+
"update:modelValue": (value: boolean) => any;
|
|
100
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
101
|
+
P: {};
|
|
102
|
+
B: {};
|
|
103
|
+
D: {};
|
|
104
|
+
C: {};
|
|
105
|
+
M: {};
|
|
106
|
+
Defaults: {};
|
|
107
|
+
}, {} & (Readonly<({
|
|
108
|
+
modelValue?: boolean;
|
|
109
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
110
|
+
label: string;
|
|
111
|
+
leadingIcon?: import('../..').KdsIconName;
|
|
112
|
+
trailingIcon?: import('../..').KdsIconName;
|
|
113
|
+
ariaLabel?: never;
|
|
114
|
+
}) | ({
|
|
115
|
+
modelValue?: boolean;
|
|
116
|
+
} & import('../types').KdsButtonCommonProps<import('..').KdsToggleButtonVariant> & {
|
|
117
|
+
label?: never;
|
|
118
|
+
leadingIcon: import('../..').KdsIconName;
|
|
119
|
+
trailingIcon?: never;
|
|
120
|
+
ariaLabel: string;
|
|
121
|
+
})> & Readonly<{
|
|
122
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
123
|
+
}>), {}, {}, {}, {}, {}> | null;
|
|
124
|
+
popover: ({
|
|
40
125
|
$: import('vue').ComponentInternalInstance;
|
|
41
126
|
$data: {};
|
|
42
127
|
$props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/KdsMenuButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/KdsMenuButton.vue"],"names":[],"mappings":"AAmGA,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAsMytiB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjB51iB,wBASG"}
|
|
@@ -2,7 +2,14 @@ import { KdsMenuItem } from '../../forms/_helper/MenuContainer/types';
|
|
|
2
2
|
import { KdsToggleButtonProps } from '../KdsToggleButton';
|
|
3
3
|
export type { KdsMenuItem } from '../../forms/_helper/MenuContainer/types';
|
|
4
4
|
export type KdsMenuButtonProps = KdsToggleButtonProps & {
|
|
5
|
+
/**
|
|
6
|
+
* Items rendered in the menu.
|
|
7
|
+
* Every item is dispatched through the `itemClick` event.
|
|
8
|
+
*/
|
|
5
9
|
items: KdsMenuItem[];
|
|
10
|
+
/**
|
|
11
|
+
* Maximum height for the menu (CSS value, e.g. "200px").
|
|
12
|
+
*/
|
|
6
13
|
menuMaxHeight?: string;
|
|
7
14
|
};
|
|
8
15
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,YAAY,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD,KAAK,EAAE,WAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsMenuButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,YAAY,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IACtD;;;OAGG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
|
|
@@ -5,7 +5,7 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
|
|
|
5
5
|
trailingIcon?: import('../..').KdsIconName;
|
|
6
6
|
ariaLabel?: never;
|
|
7
7
|
} & {
|
|
8
|
-
|
|
8
|
+
items: import('..').KdsMenuItem[];
|
|
9
9
|
menuMaxHeight?: string;
|
|
10
10
|
}) | (import('../types').KdsButtonCommonProps & {
|
|
11
11
|
label?: never;
|
|
@@ -13,18 +13,18 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
|
|
|
13
13
|
trailingIcon?: never;
|
|
14
14
|
ariaLabel: string;
|
|
15
15
|
} & {
|
|
16
|
-
|
|
16
|
+
items: import('..').KdsMenuItem[];
|
|
17
17
|
menuMaxHeight?: string;
|
|
18
18
|
}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
19
|
click: (event: MouseEvent) => any;
|
|
20
|
-
|
|
20
|
+
itemClick: (id: string) => any;
|
|
21
21
|
}, string, import('vue').PublicProps, Readonly<(import('../types').KdsButtonCommonProps & {
|
|
22
22
|
label: string;
|
|
23
23
|
leadingIcon?: import('../..').KdsIconName;
|
|
24
24
|
trailingIcon?: import('../..').KdsIconName;
|
|
25
25
|
ariaLabel?: never;
|
|
26
26
|
} & {
|
|
27
|
-
|
|
27
|
+
items: import('..').KdsMenuItem[];
|
|
28
28
|
menuMaxHeight?: string;
|
|
29
29
|
}) | (import('../types').KdsButtonCommonProps & {
|
|
30
30
|
label?: never;
|
|
@@ -32,11 +32,11 @@ declare const _default: import('vue').DefineComponent<(import('../types').KdsBut
|
|
|
32
32
|
trailingIcon?: never;
|
|
33
33
|
ariaLabel: string;
|
|
34
34
|
} & {
|
|
35
|
-
|
|
35
|
+
items: import('..').KdsMenuItem[];
|
|
36
36
|
menuMaxHeight?: string;
|
|
37
37
|
})> & Readonly<{
|
|
38
38
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
39
|
-
|
|
39
|
+
onItemClick?: ((id: string) => any) | undefined;
|
|
40
40
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
41
41
|
popoverEl: ({
|
|
42
42
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsSplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/KdsSplitButton.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAE,QAAQ,EAAqC,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"KdsSplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/KdsSplitButton.vue"],"names":[],"mappings":"AAiHA,OAAO,EAAE,QAAQ,EAAqC,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2O4se,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBp4e,wBASG"}
|
|
@@ -5,12 +5,12 @@ import { KdsButtonCommonProps, WithLabelAndIcons } from '../types';
|
|
|
5
5
|
*/
|
|
6
6
|
export type KdsSplitButtonProps = KdsButtonCommonProps & WithLabelAndIcons & {
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
* Every
|
|
8
|
+
* Items rendered in the menu.
|
|
9
|
+
* Every item is dispatched through the `itemClick` event.
|
|
10
10
|
*/
|
|
11
|
-
|
|
11
|
+
items: KdsMenuItem[];
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Maximum height for the menu (CSS value, e.g. "200px").
|
|
14
14
|
*/
|
|
15
15
|
menuMaxHeight?: string;
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GACpD,iBAAiB,GAAG;IAClB;;;OAGG;IACH,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/buttons/KdsSplitButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GACpD,iBAAiB,GAAG;IAClB;;;OAGG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
|
package/dist/src/forms/inputs/ColorInput/{ColorPicker.vue.d.ts → ColorPicker/ColorPicker.vue.d.ts}
RENAMED
|
@@ -7,7 +7,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
7
7
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
8
8
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
9
9
|
colorspaceEl: HTMLDivElement;
|
|
10
|
-
hueEl: HTMLDivElement;
|
|
11
10
|
}, HTMLDivElement>;
|
|
12
11
|
export default _default;
|
|
13
12
|
//# sourceMappingURL=ColorPicker.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/inputs/ColorInput/ColorPicker/ColorPicker.vue"],"names":[],"mappings":"AA8jBA,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;;;;;;;;AAuOF,wBASG"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ColorPickerSliderProps } from './types';
|
|
2
|
+
type __VLS_Props = ColorPickerSliderProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue: number;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: number) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
11
|
+
sliderEl: HTMLDivElement;
|
|
12
|
+
}, HTMLDivElement>;
|
|
13
|
+
export default _default;
|
|
14
|
+
//# sourceMappingURL=ColorPickerSlider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPickerSlider.vue.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/inputs/ColorInput/ColorPicker/ColorPickerSlider.vue"],"names":[],"mappings":"AAuHA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,KAAK,WAAW,GAAG,sBAAsB,CAAC;AAkD1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;;;;;;;;AAyEhB,wBASG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/inputs/ColorInput/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsColorInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/ColorInput/KdsColorInput.vue"],"names":[],"mappings":";iBAiJa,MAAM;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"KdsColorInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/ColorInput/KdsColorInput.vue"],"names":[],"mappings":";iBAiJa,MAAM;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Monc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;AAjB7vc,wBASG"}
|
|
@@ -3,6 +3,10 @@ export type KdsRgbColor = {
|
|
|
3
3
|
g: number;
|
|
4
4
|
b: number;
|
|
5
5
|
};
|
|
6
|
+
export type KdsRgbaColor = KdsRgbColor & {
|
|
7
|
+
/** Alpha */
|
|
8
|
+
a: number;
|
|
9
|
+
};
|
|
6
10
|
export type KdsHsvColor = {
|
|
7
11
|
/** Hue in degrees [0..360) */
|
|
8
12
|
h: number;
|
|
@@ -13,9 +17,12 @@ export type KdsHsvColor = {
|
|
|
13
17
|
};
|
|
14
18
|
export declare const clamp: (value: number, min: number, max: number) => number;
|
|
15
19
|
export declare const normalizeHexColor: (value: string) => string | null;
|
|
20
|
+
export declare const hexToRgba: (hex: string) => KdsRgbaColor | null;
|
|
16
21
|
export declare const hexToRgb: (hex: string) => KdsRgbColor | null;
|
|
17
22
|
export declare const rgbToHex: ({ r, g, b }: KdsRgbColor) => string;
|
|
23
|
+
export declare const rgbaToHex: ({ r, g, b, a }: KdsRgbaColor) => string;
|
|
18
24
|
export declare const rgbToHsv: ({ r, g, b }: KdsRgbColor) => KdsHsvColor;
|
|
19
25
|
export declare const hsvToRgb: ({ h, s, v }: KdsHsvColor) => KdsRgbColor;
|
|
20
26
|
export declare const hsvToHex: (hsv: KdsHsvColor) => string;
|
|
27
|
+
export declare const removeAlphaFromHexInput: (next: string) => string;
|
|
21
28
|
//# sourceMappingURL=colorUtils.d.ts.map
|
|
@@ -1 +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;
|
|
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,YAAY,GAAG,WAAW,GAAG;IACvC,YAAY;IACZ,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;AA2BF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WACxB,CAAC;AAMtC,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,IA4B1D,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,KAAG,YAAY,GAAG,IA4BtD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,KAAG,WAAW,GAAG,IAWpD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,aAAa,WAAW,KAAG,MAMnD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,gBAAgB,YAAY,KAAG,MAGxD,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;AAE9E,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,WAUnD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useColorInputValidationOnFocusOut.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"useColorInputValidationOnFocusOut.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAC;AA6D3C,eAAO,MAAM,iCAAiC,GAAI,YAAY,GAAG,CAAC,MAAM,CAAC;4BAoBxC,UAAU;CAoB1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsMultiSelectListBox.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsMultiSelectListBox.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue"],"names":[],"mappings":";iBA4lBa,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoVrB,wBASG"}
|
|
@@ -8,8 +8,10 @@ export type KdsMultiSelectListBoxOption = {
|
|
|
8
8
|
text: string;
|
|
9
9
|
/** Optional leading accessory (icon, data type, or color swatch) shown before the text */
|
|
10
10
|
accessory?: KdsMultiSelectListBoxOptionAccessory;
|
|
11
|
-
/** Applies missing/error styling and prepends "(Missing)".
|
|
11
|
+
/** Applies missing/error styling and prepends "(Missing)". */
|
|
12
12
|
missing?: boolean;
|
|
13
|
+
/** Applies italic styling. Used for items representing special/dynamic content rather than standard data fields. */
|
|
14
|
+
special?: boolean;
|
|
13
15
|
};
|
|
14
16
|
export type KdsMultiSelectListBoxProps = KdsFormFieldProps & {
|
|
15
17
|
/** Values shown in the list box */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/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,oCAAoC,GAAG,oBAAoB,CAAC;AAExE,MAAM,MAAM,2BAA2B,GAAG;IACxC,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oCAAoC,CAAC;IACjD,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/MultiSelectListBox/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,oCAAoC,GAAG,oBAAoB,CAAC;AAExE,MAAM,MAAM,2BAA2B,GAAG;IACxC,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,0FAA0F;IAC1F,SAAS,CAAC,EAAE,oCAAoC,CAAC;IACjD,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oHAAoH;IACpH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GAAG;IAC3D,mCAAmC;IACnC,cAAc,EAAE,2BAA2B,EAAE,CAAC;IAC9C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kKAAkK;IAClK,WAAW,CAAC,EAAE,2BAA2B,CAAC;IAC1C,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import { KdsSortableListBoxOption } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<({
|
|
3
|
+
modelValue: string[];
|
|
4
|
+
} & {
|
|
5
|
+
possibleValues: KdsSortableListBoxOption[];
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
} & {
|
|
8
|
+
description?: string;
|
|
9
|
+
} & {
|
|
10
|
+
label: string;
|
|
11
|
+
ariaLabel?: never;
|
|
12
|
+
} & {
|
|
13
|
+
id?: string;
|
|
14
|
+
} & {
|
|
15
|
+
error?: boolean | undefined;
|
|
16
|
+
subText?: string | undefined;
|
|
17
|
+
validating?: boolean | undefined;
|
|
18
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
19
|
+
}) | ({
|
|
20
|
+
modelValue: string[];
|
|
21
|
+
} & {
|
|
22
|
+
possibleValues: KdsSortableListBoxOption[];
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
} & {
|
|
25
|
+
description?: string;
|
|
26
|
+
} & {
|
|
27
|
+
label?: never;
|
|
28
|
+
ariaLabel: string;
|
|
29
|
+
} & {
|
|
30
|
+
id?: string;
|
|
31
|
+
} & {
|
|
32
|
+
error?: boolean | undefined;
|
|
33
|
+
subText?: string | undefined;
|
|
34
|
+
validating?: boolean | undefined;
|
|
35
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
36
|
+
}), {
|
|
37
|
+
focus: () => void | undefined;
|
|
38
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
39
|
+
"update:modelValue": (value: string[]) => any;
|
|
40
|
+
}, string, import('vue').PublicProps, Readonly<({
|
|
41
|
+
modelValue: string[];
|
|
42
|
+
} & {
|
|
43
|
+
possibleValues: KdsSortableListBoxOption[];
|
|
44
|
+
disabled?: boolean;
|
|
45
|
+
} & {
|
|
46
|
+
description?: string;
|
|
47
|
+
} & {
|
|
48
|
+
label: string;
|
|
49
|
+
ariaLabel?: never;
|
|
50
|
+
} & {
|
|
51
|
+
id?: string;
|
|
52
|
+
} & {
|
|
53
|
+
error?: boolean | undefined;
|
|
54
|
+
subText?: string | undefined;
|
|
55
|
+
validating?: boolean | undefined;
|
|
56
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
57
|
+
}) | ({
|
|
58
|
+
modelValue: string[];
|
|
59
|
+
} & {
|
|
60
|
+
possibleValues: KdsSortableListBoxOption[];
|
|
61
|
+
disabled?: boolean;
|
|
62
|
+
} & {
|
|
63
|
+
description?: string;
|
|
64
|
+
} & {
|
|
65
|
+
label?: never;
|
|
66
|
+
ariaLabel: string;
|
|
67
|
+
} & {
|
|
68
|
+
id?: string;
|
|
69
|
+
} & {
|
|
70
|
+
error?: boolean | undefined;
|
|
71
|
+
subText?: string | undefined;
|
|
72
|
+
validating?: boolean | undefined;
|
|
73
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
74
|
+
})> & Readonly<{
|
|
75
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
76
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
77
|
+
listBoxRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
|
|
78
|
+
modelValue?: string[];
|
|
79
|
+
} & {
|
|
80
|
+
description?: string;
|
|
81
|
+
} & {
|
|
82
|
+
label: string;
|
|
83
|
+
ariaLabel?: never;
|
|
84
|
+
} & {
|
|
85
|
+
id?: string;
|
|
86
|
+
} & {
|
|
87
|
+
error?: boolean | undefined;
|
|
88
|
+
subText?: string | undefined;
|
|
89
|
+
validating?: boolean | undefined;
|
|
90
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
91
|
+
} & {
|
|
92
|
+
possibleValues: import('../MultiSelectListBox').KdsMultiSelectListBoxOption[];
|
|
93
|
+
disabled?: boolean;
|
|
94
|
+
useResizeHandle?: boolean;
|
|
95
|
+
bottomValue?: import('../MultiSelectListBox').KdsMultiSelectListBoxOption;
|
|
96
|
+
emptyStateLabel?: string;
|
|
97
|
+
loading?: boolean;
|
|
98
|
+
}) | ({
|
|
99
|
+
modelValue?: string[];
|
|
100
|
+
} & {
|
|
101
|
+
description?: string;
|
|
102
|
+
} & {
|
|
103
|
+
label?: never;
|
|
104
|
+
ariaLabel: string;
|
|
105
|
+
} & {
|
|
106
|
+
id?: string;
|
|
107
|
+
} & {
|
|
108
|
+
error?: boolean | undefined;
|
|
109
|
+
subText?: string | undefined;
|
|
110
|
+
validating?: boolean | undefined;
|
|
111
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
112
|
+
} & {
|
|
113
|
+
possibleValues: import('../MultiSelectListBox').KdsMultiSelectListBoxOption[];
|
|
114
|
+
disabled?: boolean;
|
|
115
|
+
useResizeHandle?: boolean;
|
|
116
|
+
bottomValue?: import('../MultiSelectListBox').KdsMultiSelectListBoxOption;
|
|
117
|
+
emptyStateLabel?: string;
|
|
118
|
+
loading?: boolean;
|
|
119
|
+
})> & Readonly<{
|
|
120
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
121
|
+
onDoubleClickOnItem?: ((id: string, index: number) => any) | undefined;
|
|
122
|
+
onDoubleClickShift?: ((ids: string[]) => any) | undefined;
|
|
123
|
+
onKeyArrowLeft?: ((ids: string[]) => any) | undefined;
|
|
124
|
+
onKeyArrowRight?: ((ids: string[]) => any) | undefined;
|
|
125
|
+
onKeyEnter?: ((ids: string[]) => any) | undefined;
|
|
126
|
+
}>, {
|
|
127
|
+
focus: () => void;
|
|
128
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
129
|
+
"update:modelValue": (value: string[]) => any;
|
|
130
|
+
doubleClickOnItem: (id: string, index: number) => any;
|
|
131
|
+
doubleClickShift: (ids: string[]) => any;
|
|
132
|
+
keyArrowLeft: (ids: string[]) => any;
|
|
133
|
+
keyArrowRight: (ids: string[]) => any;
|
|
134
|
+
keyEnter: (ids: string[]) => any;
|
|
135
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
136
|
+
P: {};
|
|
137
|
+
B: {};
|
|
138
|
+
D: {};
|
|
139
|
+
C: {};
|
|
140
|
+
M: {};
|
|
141
|
+
Defaults: {};
|
|
142
|
+
}, {} & (Readonly<({
|
|
143
|
+
modelValue?: string[];
|
|
144
|
+
} & {
|
|
145
|
+
description?: string;
|
|
146
|
+
} & {
|
|
147
|
+
label: string;
|
|
148
|
+
ariaLabel?: never;
|
|
149
|
+
} & {
|
|
150
|
+
id?: string;
|
|
151
|
+
} & {
|
|
152
|
+
error?: boolean | undefined;
|
|
153
|
+
subText?: string | undefined;
|
|
154
|
+
validating?: boolean | undefined;
|
|
155
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
156
|
+
} & {
|
|
157
|
+
possibleValues: import('../MultiSelectListBox').KdsMultiSelectListBoxOption[];
|
|
158
|
+
disabled?: boolean;
|
|
159
|
+
useResizeHandle?: boolean;
|
|
160
|
+
bottomValue?: import('../MultiSelectListBox').KdsMultiSelectListBoxOption;
|
|
161
|
+
emptyStateLabel?: string;
|
|
162
|
+
loading?: boolean;
|
|
163
|
+
}) | ({
|
|
164
|
+
modelValue?: string[];
|
|
165
|
+
} & {
|
|
166
|
+
description?: string;
|
|
167
|
+
} & {
|
|
168
|
+
label?: never;
|
|
169
|
+
ariaLabel: string;
|
|
170
|
+
} & {
|
|
171
|
+
id?: string;
|
|
172
|
+
} & {
|
|
173
|
+
error?: boolean | undefined;
|
|
174
|
+
subText?: string | undefined;
|
|
175
|
+
validating?: boolean | undefined;
|
|
176
|
+
preserveSubTextSpace?: boolean | undefined;
|
|
177
|
+
} & {
|
|
178
|
+
possibleValues: import('../MultiSelectListBox').KdsMultiSelectListBoxOption[];
|
|
179
|
+
disabled?: boolean;
|
|
180
|
+
useResizeHandle?: boolean;
|
|
181
|
+
bottomValue?: import('../MultiSelectListBox').KdsMultiSelectListBoxOption;
|
|
182
|
+
emptyStateLabel?: string;
|
|
183
|
+
loading?: boolean;
|
|
184
|
+
})> & Readonly<{
|
|
185
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
186
|
+
onDoubleClickOnItem?: ((id: string, index: number) => any) | undefined;
|
|
187
|
+
onDoubleClickShift?: ((ids: string[]) => any) | undefined;
|
|
188
|
+
onKeyArrowLeft?: ((ids: string[]) => any) | undefined;
|
|
189
|
+
onKeyArrowRight?: ((ids: string[]) => any) | undefined;
|
|
190
|
+
onKeyEnter?: ((ids: string[]) => any) | undefined;
|
|
191
|
+
}>), {
|
|
192
|
+
focus: () => void;
|
|
193
|
+
}, {}, {}, {}, {}> | null;
|
|
194
|
+
}, HTMLFieldSetElement>;
|
|
195
|
+
export default _default;
|
|
196
|
+
//# sourceMappingURL=KdsSortableListBox.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsSortableListBox.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/SortableListBox/KdsSortableListBox.vue"],"names":[],"mappings":"AA2MA,OAAO,KAAK,EACV,wBAAwB,EAEzB,MAAM,SAAS,CAAC;;gBA+DL,MAAM,EAAE;;;;;;;;;;;;;;;;;gBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;gBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;gBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4TpB,wBAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/SortableListBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzE,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { KdsFormFieldProps } from '../../types';
|
|
2
|
+
import { KdsMultiSelectListBoxOption } from '../MultiSelectListBox/types';
|
|
3
|
+
export type KdsSortableListBoxOption = KdsMultiSelectListBoxOption;
|
|
4
|
+
export type KdsSortableListBoxProps = {
|
|
5
|
+
/** All available options with their metadata. The display order is determined by the v-model. */
|
|
6
|
+
possibleValues: KdsSortableListBoxOption[];
|
|
7
|
+
/** Whether the list box is disabled */
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
} & KdsFormFieldProps;
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/SortableListBox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE/E,MAAM,MAAM,wBAAwB,GAAG,2BAA2B,CAAC;AAEnE,MAAM,MAAM,uBAAuB,GAAG;IACpC,iGAAiG;IACjG,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { KdsSortableListBoxOption } from './types';
|
|
3
|
+
type UseSortableListBoxReorderOptions = {
|
|
4
|
+
orderedIds: Ref<string[]>;
|
|
5
|
+
selection: Ref<string[]>;
|
|
6
|
+
disabled: Ref<boolean>;
|
|
7
|
+
};
|
|
8
|
+
export declare const useSortableListBoxReorder: ({ orderedIds, selection, disabled, }: UseSortableListBoxReorderOptions) => {
|
|
9
|
+
selectedIndices: import('vue').ComputedRef<number[]>;
|
|
10
|
+
canMoveUp: import('vue').ComputedRef<boolean>;
|
|
11
|
+
canMoveDown: import('vue').ComputedRef<boolean>;
|
|
12
|
+
reorder: (direction: "up" | "down" | "top" | "bottom") => string[];
|
|
13
|
+
sortByText: (ascending: boolean, optionLookup: Map<string, KdsSortableListBoxOption>) => string[];
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=useSortableListBoxReorder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSortableListBoxReorder.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/SortableListBox/useSortableListBoxReorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAY,MAAM,KAAK,CAAC;AAEzC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,KAAK,gCAAgC,GAAG;IACtC,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1B,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,sCAIvC,gCAAgC;;;;yBAwBL,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,KAAG,MAAM,EAAE;4BA6B1D,OAAO,gBACJ,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAClD,MAAM,EAAE;CAkBZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsTwinList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/KdsTwinList.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsTwinList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/KdsTwinList.vue"],"names":[],"mappings":"AA4KA,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,YAAY,CAAC;;WAqHX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;WARX,qBAAqB;uBACT,MAAM,EAAE;uBACR,MAAM,EAAE;2BACJ,OAAO,GAAG,IAAI;cAC3B,MAAM;oBACA,MAAM,EAAE;oBACR,OAAO;qBACN,OAAO;eACb,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4JpB,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwinListBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/TwinListBody.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TwinListBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/TwinListBody.vue"],"names":[],"mappings":"AAkZA,OAAO,KAAK,EACV,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAkMrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,qBAAqB,CAAC;CACjC,GAAG,WAAW,CAAC;;;;;;AAqYhB,wBAQG"}
|
|
@@ -39,6 +39,8 @@ export type TwinListHeaderProps = {
|
|
|
39
39
|
export type TwinListBodyProps = {
|
|
40
40
|
/** Disables moving items between the lists. */
|
|
41
41
|
disabled?: boolean;
|
|
42
|
+
/** Whether the twin list is in an error state. Shows a red border on the list boxes. */
|
|
43
|
+
error?: boolean;
|
|
42
44
|
/** Values shown in the two lists. */
|
|
43
45
|
possibleValues: KdsTwinListPossibleValue[];
|
|
44
46
|
/** Current search term used to filter items in both lists. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/TwinList/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC,oDAAoD;IACpD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wFAAwF;AACxF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACxC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from './Dropdown';
|
|
2
2
|
export type * from './Dropdown';
|
|
3
|
-
export * from './MultiSelectListBox';
|
|
4
|
-
export type * from './MultiSelectListBox';
|
|
5
3
|
export * from './TwinList';
|
|
6
4
|
export type * from './TwinList';
|
|
5
|
+
export * from './SortableListBox';
|
|
6
|
+
export type * from './SortableListBox';
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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;AAEhC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/selects/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
|