@knime/kds-components 0.26.1 → 0.27.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 +151 -39
- package/dist/index.js +492 -277
- package/dist/index.js.map +1 -1
- package/dist/src/accessories/Avatar/KdsAvatar.vue.d.ts.map +1 -1
- package/dist/src/accessories/Avatar/types.d.ts +4 -2
- package/dist/src/accessories/Avatar/types.d.ts.map +1 -1
- package/dist/src/forms/RadioButton/KdsValueSwitch.vue.d.ts.map +1 -1
- package/dist/src/forms/RadioButton/types.d.ts +5 -0
- package/dist/src/forms/RadioButton/types.d.ts.map +1 -1
- package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts +27 -0
- package/dist/src/layouts/Accordion/KdsAccordion.vue.d.ts.map +1 -0
- package/dist/src/layouts/Accordion/index.d.ts +3 -0
- package/dist/src/layouts/Accordion/index.d.ts.map +1 -0
- package/dist/src/layouts/Accordion/types.d.ts +34 -0
- package/dist/src/layouts/Accordion/types.d.ts.map +1 -0
- package/dist/src/layouts/Panel/KdsPanel.vue.d.ts +19 -0
- package/dist/src/layouts/Panel/KdsPanel.vue.d.ts.map +1 -0
- package/dist/src/layouts/Panel/index.d.ts +3 -0
- package/dist/src/layouts/Panel/index.d.ts.map +1 -0
- package/dist/src/layouts/Panel/types.d.ts +79 -0
- package/dist/src/layouts/Panel/types.d.ts.map +1 -0
- package/dist/src/layouts/index.d.ts +4 -4
- package/dist/src/layouts/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts +0 -10
- package/dist/src/layouts/PanelButtonBar/KdsPanelButtonBar.vue.d.ts.map +0 -1
- package/dist/src/layouts/PanelButtonBar/index.d.ts +0 -3
- package/dist/src/layouts/PanelButtonBar/index.d.ts.map +0 -1
- package/dist/src/layouts/PanelButtonBar/types.d.ts +0 -15
- package/dist/src/layouts/PanelButtonBar/types.d.ts.map +0 -1
- package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts +0 -8
- package/dist/src/layouts/PanelHeader/KdsPanelHeader.vue.d.ts.map +0 -1
- package/dist/src/layouts/PanelHeader/index.d.ts +0 -3
- package/dist/src/layouts/PanelHeader/index.d.ts.map +0 -1
- package/dist/src/layouts/PanelHeader/types.d.ts +0 -7
- package/dist/src/layouts/PanelHeader/types.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsAvatar.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/KdsAvatar.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsAvatar.vue.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/KdsAvatar.vue"],"names":[],"mappings":"AA2MA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;;AAuI9C,wBAOG"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { kdsAvatarSize } from './enums';
|
|
2
2
|
export type KdsAvatarSize = (typeof kdsAvatarSize)[keyof typeof kdsAvatarSize];
|
|
3
3
|
export type KdsAvatarProps = {
|
|
4
|
-
/**
|
|
5
|
-
|
|
4
|
+
/** The initials displayed as the avatar content and used as fallback when no image is provided
|
|
5
|
+
* or the image fails to load. Only the first two characters are shown, uppercase. The background
|
|
6
|
+
* color is automatically derived from this value. If omitted or empty, a special empty color is applied. */
|
|
7
|
+
initials?: string;
|
|
6
8
|
/** Optional image. If provided and successfully loaded, it is shown instead of the initials. */
|
|
7
9
|
src?: string;
|
|
8
10
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/accessories/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAC3B;;gHAE4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gGAAgG;IAChG,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAuCvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2J+kgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;AAjBrtgB,wBASG"}
|
|
@@ -54,6 +54,11 @@ export type KdsValueSwitchOption = {
|
|
|
54
54
|
export type KdsValueSwitchProps = {
|
|
55
55
|
id?: string;
|
|
56
56
|
label?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Accessible label used when no visible `label` is rendered (e.g. when
|
|
59
|
+
* the value switch is used standalone in a panel header).
|
|
60
|
+
*/
|
|
61
|
+
ariaLabel?: string;
|
|
57
62
|
possibleValues: (string | KdsValueSwitchOption)[];
|
|
58
63
|
size?: KdsValueSwitchSize;
|
|
59
64
|
variant?: KdsValueSwitchVariant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EACL,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,GAAG,yBAAyB,CAAC,EAAE,CAAC;IACvD,SAAS,CAAC,EAAE,4BAA4B,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,yBAAyB,CAAC;AAE9B,KAAK,yBAAyB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,yBAAyB,CAAC;AAE9B,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,GAAG,oBAAoB,CAAC,EAAE,CAAC;IAClD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { KdsAccordionItem, KdsAccordionProps } from './types';
|
|
2
|
+
type __VLS_Props = KdsAccordionProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: string[];
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: Partial<Record<string, (_: {
|
|
9
|
+
item: KdsAccordionItem;
|
|
10
|
+
}) => any>>;
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
"update:modelValue": (value: string[]) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, 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=KdsAccordion.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsAccordion.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/KdsAccordion.vue"],"names":[],"mappings":"AAqRA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAqJrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;;UAXqC,GAAG;;;EAgBzF;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,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/layouts/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { KdsIconName } from '../../accessories/Icon/types';
|
|
2
|
+
export type KdsAccordionItem = {
|
|
3
|
+
/**
|
|
4
|
+
* Stable item identifier used for state tracking and slot naming.
|
|
5
|
+
*
|
|
6
|
+
* Must be unique within `items` and should be HTML id safe (no whitespace),
|
|
7
|
+
* because it is used for generated DOM ids and named slots.
|
|
8
|
+
* Reserved Vue slot names such as `default` must not be used.
|
|
9
|
+
*/
|
|
10
|
+
id: string;
|
|
11
|
+
/**
|
|
12
|
+
* The headline displayed in the accordion item header.
|
|
13
|
+
*/
|
|
14
|
+
headline: string;
|
|
15
|
+
/**
|
|
16
|
+
* Optional icon displayed before the item headline.
|
|
17
|
+
*/
|
|
18
|
+
leadingIcon?: KdsIconName;
|
|
19
|
+
/**
|
|
20
|
+
* Disables interaction for this accordion item.
|
|
21
|
+
*/
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export type KdsAccordionProps = {
|
|
25
|
+
/**
|
|
26
|
+
* Ordered list of accordion items.
|
|
27
|
+
*/
|
|
28
|
+
items: KdsAccordionItem[];
|
|
29
|
+
/**
|
|
30
|
+
* Restricts expansion to a single item at a time.
|
|
31
|
+
*/
|
|
32
|
+
singleExpand?: boolean;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;OAMG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { KdsPanelProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<KdsPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=KdsPanel.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsPanel.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/KdsPanel.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAe7C,iBAAS,cAAc;WAoPT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iTAOnB,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/layouts/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,mBAAmB,SAAS,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { KdsButtonProps, KdsMenuButtonProps, KdsToggleButtonProps } from '../../buttons';
|
|
2
|
+
import { KdsValueSwitchProps } from '../../forms';
|
|
3
|
+
/**
|
|
4
|
+
* Distributive `Omit` that preserves discriminated unions when removing a key.
|
|
5
|
+
*/
|
|
6
|
+
type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
|
|
7
|
+
/**
|
|
8
|
+
* Renders a `KdsButton`. Provide `onClick` to react to clicks.
|
|
9
|
+
*/
|
|
10
|
+
export type KdsPanelButtonAction = {
|
|
11
|
+
type: "button";
|
|
12
|
+
props: DistributiveOmit<KdsButtonProps, "size">;
|
|
13
|
+
onClick?: (event: MouseEvent) => void;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Renders a `KdsToggleButton`. Provide `onUpdateModelValue` to react to
|
|
17
|
+
* toggle changes.
|
|
18
|
+
*/
|
|
19
|
+
export type KdsPanelToggleButtonAction = {
|
|
20
|
+
type: "toggleButton";
|
|
21
|
+
props: DistributiveOmit<KdsToggleButtonProps, "size"> & {
|
|
22
|
+
modelValue?: boolean;
|
|
23
|
+
};
|
|
24
|
+
onUpdateModelValue?: (value: boolean) => void;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Renders a `KdsMenuButton`. Provide `onItemClick` to react to menu item
|
|
28
|
+
* selection.
|
|
29
|
+
*/
|
|
30
|
+
export type KdsPanelMenuButtonAction = {
|
|
31
|
+
type: "menuButton";
|
|
32
|
+
props: DistributiveOmit<KdsMenuButtonProps, "size">;
|
|
33
|
+
onItemClick?: (id: string) => void;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Renders a `KdsValueSwitch`. Provide `onUpdateModelValue` to react to
|
|
37
|
+
* value changes. Use `ariaLabel` for an accessible name when no visible
|
|
38
|
+
* `label` is rendered (common in panel headers).
|
|
39
|
+
*/
|
|
40
|
+
export type KdsPanelValueSwitchAction = {
|
|
41
|
+
type: "valueSwitch";
|
|
42
|
+
props: DistributiveOmit<KdsValueSwitchProps, "size"> & {
|
|
43
|
+
modelValue?: string;
|
|
44
|
+
};
|
|
45
|
+
onUpdateModelValue?: (value: string | undefined) => void;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Union of all action types supported as trailing actions in the panel
|
|
49
|
+
* header.
|
|
50
|
+
*/
|
|
51
|
+
export type KdsPanelHeadlineTrailingAction = KdsPanelButtonAction | KdsPanelToggleButtonAction | KdsPanelMenuButtonAction | KdsPanelValueSwitchAction;
|
|
52
|
+
export type KdsPanelProps = {
|
|
53
|
+
/**
|
|
54
|
+
* Headline of the panel. Renders a heading when a string is
|
|
55
|
+
* provided, or a `KdsButton` / `KdsMenuButton` when a configuration
|
|
56
|
+
* object is provided. Required so the panel header always exposes an
|
|
57
|
+
* accessible name for the focusable, scrollable body.
|
|
58
|
+
*/
|
|
59
|
+
headline: string | KdsPanelButtonAction | KdsPanelMenuButtonAction;
|
|
60
|
+
/**
|
|
61
|
+
* Trailing actions of the panel header (right-aligned). Supports
|
|
62
|
+
* `KdsButton`, `KdsToggleButton`, `KdsMenuButton`, and `KdsValueSwitch`.
|
|
63
|
+
*/
|
|
64
|
+
headlineTrailingActions?: KdsPanelHeadlineTrailingAction[];
|
|
65
|
+
/**
|
|
66
|
+
* Leading actions of the panel footer (left-aligned). The footer is
|
|
67
|
+
* only rendered when at least one of `footerLeadingActions` or
|
|
68
|
+
* `footerTrailingActions` is provided.
|
|
69
|
+
*/
|
|
70
|
+
footerLeadingActions?: KdsPanelButtonAction[];
|
|
71
|
+
/**
|
|
72
|
+
* Trailing actions of the panel footer (right-aligned). The footer is
|
|
73
|
+
* only rendered when at least one of `footerLeadingActions` or
|
|
74
|
+
* `footerTrailingActions` is provided.
|
|
75
|
+
*/
|
|
76
|
+
footerTrailingActions?: KdsPanelButtonAction[];
|
|
77
|
+
};
|
|
78
|
+
export {};
|
|
79
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,OAAO,GAC/D,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,gBAAgB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;QACtD,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG;QACrD,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,8BAA8B,GACtC,oBAAoB,GACpB,0BAA0B,GAC1B,wBAAwB,GACxB,yBAAyB,CAAC;AAE9B,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;IACnE;;;OAGG;IACH,uBAAuB,CAAC,EAAE,8BAA8B,EAAE,CAAC;IAC3D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAChD,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
export * from './EmptyState';
|
|
2
2
|
export type * from './EmptyState';
|
|
3
|
+
export * from './Accordion';
|
|
4
|
+
export type * from './Accordion';
|
|
3
5
|
export * from './Card';
|
|
4
6
|
export type * from './Card';
|
|
5
|
-
export * from './
|
|
6
|
-
export type * from './
|
|
7
|
+
export * from './Panel';
|
|
8
|
+
export type * from './Panel';
|
|
7
9
|
export * from './TabBar';
|
|
8
10
|
export type * from './TabBar';
|
|
9
11
|
export * from './LoadingSkeleton';
|
|
10
12
|
export type * from './LoadingSkeleton';
|
|
11
|
-
export * from './PanelButtonBar';
|
|
12
|
-
export type * from './PanelButtonBar';
|
|
13
13
|
export * from './Navigation';
|
|
14
14
|
export type * from './Navigation';
|
|
15
15
|
export * from './ContainerHeader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,QAAQ,CAAC;AACvB,mBAAmB,QAAQ,CAAC;AAE5B,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,UAAU,CAAC;AACzB,mBAAmB,UAAU,CAAC;AAE9B,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC;AAEvC,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,mBAAmB,mBAAmB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knime/kds-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.27.0",
|
|
4
4
|
"description": "Package containing basic Vue components of the KNIME Design System",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"consola": "^3.4.2",
|
|
39
39
|
"pretty-bytes": "^7.1.0",
|
|
40
40
|
"temporal-polyfill": "^0.3.2",
|
|
41
|
-
"@knime/kds-styles": "^0.
|
|
41
|
+
"@knime/kds-styles": "^0.27.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@storybook/vue3-vite": "^10.3.4",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@vue/test-utils": "^2.4.6",
|
|
47
47
|
"@vue/tsconfig": "^0.9.1",
|
|
48
48
|
"@vueuse/core": "^14.2.1",
|
|
49
|
-
"prettier": "3.8.
|
|
49
|
+
"prettier": "3.8.3",
|
|
50
50
|
"prettier-plugin-vue": "^1.1.6",
|
|
51
51
|
"storybook": "^10.3.4",
|
|
52
52
|
"ts-morph": "^27.0.2",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { KdsPanelButtonBarProps } from './types';
|
|
2
|
-
declare const _default: import('vue').DefineComponent<KdsPanelButtonBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
-
cancel: (event: MouseEvent) => any;
|
|
4
|
-
apply: (event: MouseEvent) => any;
|
|
5
|
-
}, string, import('vue').PublicProps, Readonly<KdsPanelButtonBarProps> & Readonly<{
|
|
6
|
-
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
7
|
-
onApply?: ((event: MouseEvent) => any) | undefined;
|
|
8
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
9
|
-
export default _default;
|
|
10
|
-
//# sourceMappingURL=KdsPanelButtonBar.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KdsPanelButtonBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/KdsPanelButtonBar.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;;;;;;;AAmHtD,wBAQG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,mBAAmB,SAAS,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export type KdsPanelButtonBarProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The label for the apply button.
|
|
4
|
-
*/
|
|
5
|
-
applyLabel?: string;
|
|
6
|
-
/**
|
|
7
|
-
* The label for the cancel button.
|
|
8
|
-
*/
|
|
9
|
-
cancelLabel?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Whether the buttons are disabled.
|
|
12
|
-
*/
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelButtonBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { KdsPanelHeaderProps } from './types';
|
|
2
|
-
declare const _default: import('vue').DefineComponent<KdsPanelHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
-
close: (event: MouseEvent) => any;
|
|
4
|
-
}, string, import('vue').PublicProps, Readonly<KdsPanelHeaderProps> & Readonly<{
|
|
5
|
-
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
6
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
7
|
-
export default _default;
|
|
8
|
-
//# sourceMappingURL=KdsPanelHeader.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KdsPanelHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/KdsPanelHeader.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;;;;;;AAwFnD,wBAQG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,mBAAmB,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/layouts/PanelHeader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}
|