@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.
Files changed (67) hide show
  1. package/dist/index.css +189 -50
  2. package/dist/index.js +1495 -876
  3. package/dist/index.js.map +1 -1
  4. package/dist/src/accessories/ColorSwatch/KdsColorSwatch.vue.d.ts.map +1 -1
  5. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts +87 -2
  6. package/dist/src/buttons/KdsMenuButton/KdsMenuButton.vue.d.ts.map +1 -1
  7. package/dist/src/buttons/KdsMenuButton/types.d.ts +7 -0
  8. package/dist/src/buttons/KdsMenuButton/types.d.ts.map +1 -1
  9. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts +6 -6
  10. package/dist/src/buttons/KdsSplitButton/KdsSplitButton.vue.d.ts.map +1 -1
  11. package/dist/src/buttons/KdsSplitButton/types.d.ts +4 -4
  12. package/dist/src/buttons/KdsSplitButton/types.d.ts.map +1 -1
  13. package/dist/src/forms/inputs/ColorInput/{ColorPicker.vue.d.ts → ColorPicker/ColorPicker.vue.d.ts} +0 -1
  14. package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPicker.vue.d.ts.map +1 -0
  15. package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPickerSlider.vue.d.ts +14 -0
  16. package/dist/src/forms/inputs/ColorInput/ColorPicker/ColorPickerSlider.vue.d.ts.map +1 -0
  17. package/dist/src/forms/inputs/ColorInput/ColorPicker/types.d.ts +12 -0
  18. package/dist/src/forms/inputs/ColorInput/ColorPicker/types.d.ts.map +1 -0
  19. package/dist/src/forms/inputs/ColorInput/KdsColorInput.vue.d.ts.map +1 -1
  20. package/dist/src/forms/inputs/ColorInput/colorUtils.d.ts +7 -0
  21. package/dist/src/forms/inputs/ColorInput/colorUtils.d.ts.map +1 -1
  22. package/dist/src/forms/inputs/ColorInput/useColorInputValidationOnFocusOut.d.ts.map +1 -1
  23. package/dist/src/forms/selects/MultiSelectListBox/KdsMultiSelectListBox.vue.d.ts.map +1 -1
  24. package/dist/src/forms/selects/MultiSelectListBox/types.d.ts +3 -1
  25. package/dist/src/forms/selects/MultiSelectListBox/types.d.ts.map +1 -1
  26. package/dist/src/forms/selects/SortableListBox/KdsSortableListBox.vue.d.ts +196 -0
  27. package/dist/src/forms/selects/SortableListBox/KdsSortableListBox.vue.d.ts.map +1 -0
  28. package/dist/src/forms/selects/SortableListBox/index.d.ts +3 -0
  29. package/dist/src/forms/selects/SortableListBox/index.d.ts.map +1 -0
  30. package/dist/src/forms/selects/SortableListBox/types.d.ts +10 -0
  31. package/dist/src/forms/selects/SortableListBox/types.d.ts.map +1 -0
  32. package/dist/src/forms/selects/SortableListBox/useSortableListBoxReorder.d.ts +16 -0
  33. package/dist/src/forms/selects/SortableListBox/useSortableListBoxReorder.d.ts.map +1 -0
  34. package/dist/src/forms/selects/TwinList/KdsTwinList.vue.d.ts.map +1 -1
  35. package/dist/src/forms/selects/TwinList/TwinListBody.vue.d.ts.map +1 -1
  36. package/dist/src/forms/selects/TwinList/types.d.ts +2 -0
  37. package/dist/src/forms/selects/TwinList/types.d.ts.map +1 -1
  38. package/dist/src/forms/selects/index.d.ts +2 -2
  39. package/dist/src/forms/selects/index.d.ts.map +1 -1
  40. package/dist/src/index.d.ts +2 -0
  41. package/dist/src/index.d.ts.map +1 -1
  42. package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts +10 -0
  43. package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts.map +1 -0
  44. package/dist/src/layouts/PanelButtonBar/index.d.ts +3 -0
  45. package/dist/src/layouts/PanelButtonBar/index.d.ts.map +1 -0
  46. package/dist/src/layouts/PanelButtonBar/types.d.ts +15 -0
  47. package/dist/src/layouts/PanelButtonBar/types.d.ts.map +1 -0
  48. package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts +8 -0
  49. package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts.map +1 -0
  50. package/dist/src/layouts/PanelHeader/index.d.ts +3 -0
  51. package/dist/src/layouts/PanelHeader/index.d.ts.map +1 -0
  52. package/dist/src/layouts/PanelHeader/types.d.ts +7 -0
  53. package/dist/src/layouts/PanelHeader/types.d.ts.map +1 -0
  54. package/dist/src/layouts/index.d.ts +4 -0
  55. package/dist/src/layouts/index.d.ts.map +1 -1
  56. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts +336 -0
  57. package/dist/src/patterns/ResponsiveButtonGroup/KdsResponsiveButtonGroup.vue.d.ts.map +1 -0
  58. package/dist/src/patterns/ResponsiveButtonGroup/enums.d.ts +7 -0
  59. package/dist/src/patterns/ResponsiveButtonGroup/enums.d.ts.map +1 -0
  60. package/dist/src/patterns/ResponsiveButtonGroup/index.d.ts +4 -0
  61. package/dist/src/patterns/ResponsiveButtonGroup/index.d.ts.map +1 -0
  62. package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts +23 -0
  63. package/dist/src/patterns/ResponsiveButtonGroup/types.d.ts.map +1 -0
  64. package/dist/src/patterns/index.d.ts +3 -0
  65. package/dist/src/patterns/index.d.ts.map +1 -0
  66. package/package.json +2 -2
  67. 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":"AA2EA,OAAO,KAAK,EAAE,mBAAmB,EAAsB,MAAM,SAAS,CAAC;;AAkFvE,wBAOG"}
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
- }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
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
- popoverEl: ({
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":"AA8FA,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwLq+jB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhBxmkB,wBAQG"}
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;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,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
- alternativeActions: import('..').KdsMenuItem[];
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
- alternativeActions: import('..').KdsMenuItem[];
16
+ items: import('..').KdsMenuItem[];
17
17
  menuMaxHeight?: string;
18
18
  }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
19
19
  click: (event: MouseEvent) => any;
20
- clickItem: (id: string) => any;
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
- alternativeActions: import('..').KdsMenuItem[];
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
- alternativeActions: import('..').KdsMenuItem[];
35
+ items: import('..').KdsMenuItem[];
36
36
  menuMaxHeight?: string;
37
37
  })> & Readonly<{
38
38
  onClick?: ((event: MouseEvent) => any) | undefined;
39
- onClickItem?: ((id: string) => any) | undefined;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2O2oe,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjBn0e,wBASG"}
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
- * Alternative actions rendered in the context menu.
9
- * Every action is dispatched through the `clickItem` event.
8
+ * Items rendered in the menu.
9
+ * Every item is dispatched through the `itemClick` event.
10
10
  */
11
- alternativeActions: KdsMenuItem[];
11
+ items: KdsMenuItem[];
12
12
  /**
13
- * Optional maximum height for the context menu dropdown (CSS value, e.g. "200px").
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,kBAAkB,EAAE,WAAW,EAAE,CAAC;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
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"}
@@ -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,12 @@
1
+ export type ColorPickerSliderProps = {
2
+ label: string;
3
+ valueNow: number;
4
+ valueMin: number;
5
+ valueMax: number;
6
+ valueText: string;
7
+ min: number;
8
+ max: number;
9
+ step: number;
10
+ largeStep: number;
11
+ };
12
+ //# sourceMappingURL=types.d.ts.map
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2M4oc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;AAjBrxc,wBASG"}
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;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"}
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;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAC;AA2C3C,eAAO,MAAM,iCAAiC,GAAI,YAAY,GAAG,CAAC,MAAM,CAAC;4BAcxC,UAAU;CAoB1C,CAAC"}
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":";iBAmlBa,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;iBAAR,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyVrB,wBASG"}
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)". Shows a trash icon as trailing icon. */
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,mGAAmG;IACnG,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"}
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,3 @@
1
+ export { default as KdsSortableListBox } from './KdsSortableListBox.vue';
2
+ export type * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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":"AA2KA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JpB,wBAQG"}
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":"AA+YA,OAAO,KAAK,EACV,qBAAqB,EAErB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiMrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,qBAAqB,CAAC;CACjC,GAAG,WAAW,CAAC;;;;;;AAiYhB,wBAQG"}
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,sBAAsB,CAAC;AACrC,mBAAmB,sBAAsB,CAAC;AAE1C,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,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"}