@knime/kds-components 0.8.0 → 0.9.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/buttons/index.d.ts +0 -4
- package/dist/buttons/index.d.ts.map +1 -1
- package/dist/forms/{BaseFormFieldWrapper.vue.d.ts → _helper/BaseFormFieldWrapper.vue.d.ts} +6 -1
- package/dist/forms/_helper/BaseFormFieldWrapper.vue.d.ts.map +1 -0
- package/dist/forms/_helper/InfoPopover/InfoPopover.vue.d.ts +27 -0
- package/dist/forms/_helper/InfoPopover/InfoPopover.vue.d.ts.map +1 -0
- package/dist/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts +36 -0
- package/dist/forms/_helper/InfoPopover/KdsInfoToggleButton.vue.d.ts.map +1 -0
- package/dist/forms/_helper/InfoPopover/index.d.ts.map +1 -0
- package/dist/forms/_helper/InfoPopover/types.d.ts +11 -0
- package/dist/forms/_helper/InfoPopover/types.d.ts.map +1 -0
- package/dist/forms/_helper/KdsLabel.vue.d.ts +9 -0
- package/dist/forms/_helper/KdsLabel.vue.d.ts.map +1 -0
- package/dist/forms/{KdsSubText.vue.d.ts → _helper/KdsSubText.vue.d.ts} +1 -1
- package/dist/forms/_helper/KdsSubText.vue.d.ts.map +1 -0
- package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts +39 -0
- package/dist/forms/_helper/VariablePopover/KdsVariableToggleButton.vue.d.ts.map +1 -0
- package/dist/forms/_helper/VariablePopover/VariablePopover.vue.d.ts +27 -0
- package/dist/forms/_helper/VariablePopover/VariablePopover.vue.d.ts.map +1 -0
- package/dist/forms/_helper/VariablePopover/index.d.ts.map +1 -0
- package/dist/{buttons/KdsVariableToggleButton → forms/_helper/VariablePopover}/types.d.ts +1 -1
- package/dist/forms/_helper/VariablePopover/types.d.ts.map +1 -0
- package/dist/forms/index.d.ts +7 -3
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map +1 -1
- package/dist/forms/inputs/Textarea/KdsTextarea.vue.d.ts.map +1 -1
- package/dist/forms/types.d.ts +23 -2
- package/dist/forms/types.d.ts.map +1 -1
- package/dist/index.css +258 -232
- package/dist/index.js +530 -363
- package/dist/index.js.map +1 -1
- package/dist/overlays/Modal/KdsModal.vue.d.ts +1 -1
- package/dist/overlays/Popover/KdsPopover.vue.d.ts +2 -0
- package/dist/overlays/Popover/KdsPopover.vue.d.ts.map +1 -1
- package/dist/overlays/Popover/enums.d.ts +6 -0
- package/dist/overlays/Popover/enums.d.ts.map +1 -1
- package/dist/overlays/Popover/index.d.ts +1 -1
- package/dist/overlays/Popover/index.d.ts.map +1 -1
- package/dist/overlays/Popover/types.d.ts +23 -2
- package/dist/overlays/Popover/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/buttons/KdsInfoToggleButton/KdsInfoToggleButton.vue.d.ts +0 -15
- package/dist/buttons/KdsInfoToggleButton/KdsInfoToggleButton.vue.d.ts.map +0 -1
- package/dist/buttons/KdsInfoToggleButton/index.d.ts.map +0 -1
- package/dist/buttons/KdsInfoToggleButton/types.d.ts +0 -8
- package/dist/buttons/KdsInfoToggleButton/types.d.ts.map +0 -1
- package/dist/buttons/KdsVariableToggleButton/KdsVariableToggleButton.vue.d.ts +0 -18
- package/dist/buttons/KdsVariableToggleButton/KdsVariableToggleButton.vue.d.ts.map +0 -1
- package/dist/buttons/KdsVariableToggleButton/index.d.ts.map +0 -1
- package/dist/buttons/KdsVariableToggleButton/types.d.ts.map +0 -1
- package/dist/forms/BaseFormFieldWrapper.vue.d.ts.map +0 -1
- package/dist/forms/KdsLabel.vue.d.ts +0 -6
- package/dist/forms/KdsLabel.vue.d.ts.map +0 -1
- package/dist/forms/KdsSubText.vue.d.ts.map +0 -1
- /package/dist/{buttons/KdsInfoToggleButton → forms/_helper/InfoPopover}/index.d.ts +0 -0
- /package/dist/{buttons/KdsVariableToggleButton → forms/_helper/VariablePopover}/index.d.ts +0 -0
package/dist/buttons/index.d.ts
CHANGED
|
@@ -6,10 +6,6 @@ export * from './KdsToggleButton';
|
|
|
6
6
|
export type * from './KdsToggleButton';
|
|
7
7
|
export * from './KdsProgressButton';
|
|
8
8
|
export type * from './KdsProgressButton';
|
|
9
|
-
export * from './KdsInfoToggleButton';
|
|
10
|
-
export type * from './KdsInfoToggleButton';
|
|
11
|
-
export * from './KdsVariableToggleButton';
|
|
12
|
-
export type * from './KdsVariableToggleButton';
|
|
13
9
|
export { kdsButtonSize, kdsButtonSizes, kdsButtonVariant, kdsButtonVariants, } from './enums';
|
|
14
10
|
export type { KdsButtonSize, KdsButtonVariant } from './types';
|
|
15
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,qBAAqB,CAAC;AACpC,mBAAmB,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,qBAAqB,CAAC;AACpC,mBAAmB,qBAAqB,CAAC;AAGzC,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { KdsSubTextProps } from '
|
|
1
|
+
import { KdsSubTextProps } from '../types';
|
|
2
2
|
type KdsFormFieldProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Input id
|
|
@@ -12,6 +12,11 @@ type KdsFormFieldProps = {
|
|
|
12
12
|
* Aria-label for accessibility when a visible label is not desired
|
|
13
13
|
*/
|
|
14
14
|
ariaLabel?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Optional description displayed in an info popover next to the label.
|
|
17
|
+
* The info toggle button is only visible when hovering the input field.
|
|
18
|
+
*/
|
|
19
|
+
description?: string;
|
|
15
20
|
} & Omit<KdsSubTextProps, "id">;
|
|
16
21
|
declare function __VLS_template(): {
|
|
17
22
|
attrs: Partial<{}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseFormFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/_helper/BaseFormFieldWrapper.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAchC,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;;;;;;;YAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @slot default - Custom content for the popover. When provided, overrides the `content` prop.
|
|
3
|
+
*/
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
/**
|
|
6
|
+
* Content to display inside the info popover. Used when no default slot is provided.
|
|
7
|
+
*/
|
|
8
|
+
content?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: HTMLDivElement;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=InfoPopover.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/InfoPopover.vue"],"names":[],"mappings":"AAiCA;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { KdsInfoToggleButtonProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* @slot default - Custom content for the popover. When provided, overrides the `content` prop.
|
|
4
|
+
*/
|
|
5
|
+
type __VLS_Props = KdsInfoToggleButtonProps;
|
|
6
|
+
type __VLS_PublicProps = {
|
|
7
|
+
modelValue?: boolean;
|
|
8
|
+
} & __VLS_Props;
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {
|
|
15
|
+
buttonEl: HTMLButtonElement;
|
|
16
|
+
};
|
|
17
|
+
rootEl: any;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
"update:modelValue": (value: boolean) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
hidden: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
27
|
+
buttonEl: HTMLButtonElement;
|
|
28
|
+
}, any>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=KdsInfoToggleButton.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsInfoToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/KdsInfoToggleButton.vue"],"names":[],"mappings":"AAkHA,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;WA6FT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;EAiBhC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;OASnB,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type KdsInfoToggleButtonProps = {
|
|
2
|
+
/**
|
|
3
|
+
* Content to display inside the info popover. Used when no default slot is provided.
|
|
4
|
+
*/
|
|
5
|
+
content?: string;
|
|
6
|
+
/**
|
|
7
|
+
* If set to true, the button is hidden when not focused or hovered.
|
|
8
|
+
*/
|
|
9
|
+
hidden?: boolean;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/InfoPopover/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { KdsLabelProps } from '../types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<KdsLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsLabelProps> & Readonly<{}>, {
|
|
3
|
+
description: string;
|
|
4
|
+
showDescriptionButton: boolean;
|
|
5
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
6
|
+
labelEl: HTMLLabelElement;
|
|
7
|
+
}, HTMLDivElement>;
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=KdsLabel.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/_helper/KdsLabel.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;;;;;;AAuF9C,wBASG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { KdsSubTextProps } from '
|
|
1
|
+
import { KdsSubTextProps } from '../types';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<KdsSubTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsSubTextProps> & Readonly<{}>, {
|
|
3
3
|
error: boolean;
|
|
4
4
|
validating: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/_helper/KdsSubText.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;;;;;AAmGhD,wBAOG"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { KdsVariableToggleButtonProps } from './types.ts';
|
|
2
|
+
/**
|
|
3
|
+
* @slot default - Custom content for the popover. When provided, overrides the `content` prop.
|
|
4
|
+
*/
|
|
5
|
+
type __VLS_Props = KdsVariableToggleButtonProps;
|
|
6
|
+
type __VLS_PublicProps = {
|
|
7
|
+
modelValue?: boolean;
|
|
8
|
+
} & __VLS_Props;
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {
|
|
15
|
+
buttonEl: HTMLButtonElement;
|
|
16
|
+
};
|
|
17
|
+
rootEl: any;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
"update:modelValue": (value: boolean) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
error: boolean;
|
|
26
|
+
hidden: boolean;
|
|
27
|
+
inSet: boolean;
|
|
28
|
+
outSet: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
30
|
+
buttonEl: HTMLButtonElement;
|
|
31
|
+
}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=KdsVariableToggleButton.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsVariableToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/KdsVariableToggleButton.vue"],"names":[],"mappings":"AA+KA,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;WA+FT,OAAO,IAA6B;;yBAZpB,GAAG;;;;;;EAiBhC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @slot default - Custom content for the popover. When provided, overrides the built-in placeholder layout and the `content` prop.
|
|
3
|
+
*/
|
|
4
|
+
type __VLS_Props = {
|
|
5
|
+
/**
|
|
6
|
+
* Content to display inside the info popover. Used when no default slot is provided.
|
|
7
|
+
*/
|
|
8
|
+
content?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: HTMLDivElement;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=VariablePopover.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VariablePopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/VariablePopover.vue"],"names":[],"mappings":"AAiCA;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACnF,mBAAmB,SAAS,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { KdsInfoToggleButtonProps } from '../
|
|
1
|
+
import { KdsInfoToggleButtonProps } from '../InfoPopover';
|
|
2
2
|
export type KdsVariableToggleButtonProps = KdsInfoToggleButtonProps & {
|
|
3
3
|
/**
|
|
4
4
|
* If set to true, indicates that an input flow variable is configured.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/_helper/VariablePopover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
export { default as KdsLabel } from './KdsLabel.vue';
|
|
2
|
-
export { default as KdsSubText } from './KdsSubText.vue';
|
|
3
|
-
export type { KdsLabelProps, KdsSubTextProps } from './types';
|
|
1
|
+
export { default as KdsLabel } from './_helper/KdsLabel.vue';
|
|
2
|
+
export { default as KdsSubText } from './_helper/KdsSubText.vue';
|
|
3
|
+
export type { KdsLabelProps, KdsSubTextProps, KdsFormFieldExpose, } from './types';
|
|
4
4
|
export * from './Checkbox';
|
|
5
5
|
export type * from './Checkbox';
|
|
6
6
|
export * from './RadioButton';
|
|
7
7
|
export type * from './RadioButton';
|
|
8
8
|
export * from './inputs';
|
|
9
9
|
export type * from './inputs';
|
|
10
|
+
export * from './_helper/InfoPopover';
|
|
11
|
+
export type * from './_helper/InfoPopover';
|
|
12
|
+
export * from './_helper/VariablePopover';
|
|
13
|
+
export type * from './_helper/VariablePopover';
|
|
10
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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,
|
|
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 +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":";AAimBA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsPatternInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PatternInput/KdsPatternInput.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsPatternInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PatternInput/KdsPatternInput.vue"],"names":[],"mappings":";AA8ZA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";AA4LA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsTextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/TextInput/KdsTextInput.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsTextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/TextInput/KdsTextInput.vue"],"names":[],"mappings":";AAmLA,wBAWG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/Textarea/KdsTextarea.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsTextarea.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/Textarea/KdsTextarea.vue"],"names":[],"mappings":";AA8QA,wBAWG"}
|
package/dist/forms/types.d.ts
CHANGED
|
@@ -8,6 +8,14 @@ export type KdsLabelProps = {
|
|
|
8
8
|
* Id of the form control this label is for.
|
|
9
9
|
*/
|
|
10
10
|
for?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Optional description displayed in an info popover next to the label.
|
|
13
|
+
*/
|
|
14
|
+
description?: string;
|
|
15
|
+
/**
|
|
16
|
+
* When true, shows the info toggle button (used when hovering the form field).
|
|
17
|
+
*/
|
|
18
|
+
showDescriptionButton?: boolean;
|
|
11
19
|
};
|
|
12
20
|
export type KdsSubTextProps = {
|
|
13
21
|
/**
|
|
@@ -31,7 +39,14 @@ export type KdsSubTextProps = {
|
|
|
31
39
|
*/
|
|
32
40
|
preserveSubTextSpace?: boolean;
|
|
33
41
|
};
|
|
34
|
-
type
|
|
42
|
+
type KdsInputDescriptionProps = {
|
|
43
|
+
/**
|
|
44
|
+
* Optional description displayed in an info popover next to the label.
|
|
45
|
+
* The info toggle button is only visible when hovering the input field.
|
|
46
|
+
*/
|
|
47
|
+
description?: string;
|
|
48
|
+
};
|
|
49
|
+
type KdsInputLabelProps = KdsInputDescriptionProps & ({
|
|
35
50
|
/**
|
|
36
51
|
* Visible label text for the input.
|
|
37
52
|
*/
|
|
@@ -43,7 +58,7 @@ type KdsInputLabelProps = {
|
|
|
43
58
|
* Accessible label used when no visible label is rendered.
|
|
44
59
|
*/
|
|
45
60
|
ariaLabel: string;
|
|
46
|
-
};
|
|
61
|
+
});
|
|
47
62
|
type KdsInputSubTextProps = Omit<KdsSubTextProps, "id">;
|
|
48
63
|
type KdsInputElementProps = {
|
|
49
64
|
/**
|
|
@@ -52,5 +67,11 @@ type KdsInputElementProps = {
|
|
|
52
67
|
id?: string;
|
|
53
68
|
};
|
|
54
69
|
export type KdsFormFieldProps = KdsInputLabelProps & KdsInputElementProps & KdsInputSubTextProps;
|
|
70
|
+
export type KdsFormFieldExpose = {
|
|
71
|
+
/**
|
|
72
|
+
* Focuses the input element
|
|
73
|
+
*/
|
|
74
|
+
focus: () => void;
|
|
75
|
+
};
|
|
55
76
|
export {};
|
|
56
77
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,kBAAkB,GAAG,wBAAwB,GAChD,CACI;IACE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CAAC;AAEJ,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAExD,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,oBAAoB,GACpB,oBAAoB,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
|