@knime/kds-components 0.5.5 → 0.5.7
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/Modal/KdsModal.vue.d.ts +1 -1
- package/dist/circle-error-BKcmt7Jv.js +23 -0
- package/dist/circle-error-BKcmt7Jv.js.map +1 -0
- package/dist/circle-info-UvZ8z7Uk.js +24 -0
- package/dist/circle-info-UvZ8z7Uk.js.map +1 -0
- package/dist/forms/KdsLabel.vue.d.ts +6 -0
- package/dist/forms/KdsLabel.vue.d.ts.map +1 -0
- package/dist/forms/KdsSubText.vue.d.ts +7 -0
- package/dist/forms/KdsSubText.vue.d.ts.map +1 -0
- package/dist/forms/RadioButton/KdsRadioButtonGroup.vue.d.ts +15 -1
- package/dist/forms/RadioButton/KdsRadioButtonGroup.vue.d.ts.map +1 -1
- package/dist/forms/RadioButton/KdsValueSwitch.vue.d.ts +19 -0
- package/dist/forms/RadioButton/KdsValueSwitch.vue.d.ts.map +1 -0
- package/dist/forms/RadioButton/ValueSwitchItem.vue.d.ts +3 -0
- package/dist/forms/RadioButton/ValueSwitchItem.vue.d.ts.map +1 -0
- package/dist/forms/RadioButton/types.d.ts +46 -4
- package/dist/forms/RadioButton/types.d.ts.map +1 -1
- package/dist/forms/RadioButton/useRadioSelection.d.ts +22 -0
- package/dist/forms/RadioButton/useRadioSelection.d.ts.map +1 -0
- package/dist/forms/RadioButton/useValueSwitchIconHiding.d.ts +20 -0
- package/dist/forms/RadioButton/useValueSwitchIconHiding.d.ts.map +1 -0
- package/dist/forms/index.d.ts +4 -1
- package/dist/forms/index.d.ts.map +1 -1
- package/dist/forms/types.d.ts +16 -4
- package/dist/forms/types.d.ts.map +1 -1
- package/dist/index.css +165 -41
- package/dist/index.js +481 -178
- package/dist/index.js.map +1 -1
- package/dist/local-filesystem-hArfE0_N.js +23 -0
- package/dist/local-filesystem-hArfE0_N.js.map +1 -0
- package/dist/minimize-side-panel-Brx7aXNg.js +23 -0
- package/dist/minimize-side-panel-Brx7aXNg.js.map +1 -0
- package/dist/util/index.d.ts +1 -0
- package/dist/util/index.d.ts.map +1 -1
- package/dist/util/useKdsIsTruncated.d.ts +18 -0
- package/dist/util/useKdsIsTruncated.d.ts.map +1 -0
- package/package.json +2 -2
- package/dist/circle-error-DSKuwq8B.js +0 -23
- package/dist/circle-error-DSKuwq8B.js.map +0 -1
- package/dist/circle-info-DL9BFZEc.js +0 -23
- package/dist/circle-info-DL9BFZEc.js.map +0 -1
- package/dist/local-filesystem-D9Znqo5U.js +0 -23
- package/dist/local-filesystem-D9Znqo5U.js.map +0 -1
|
@@ -4,7 +4,7 @@ declare function __VLS_template(): {
|
|
|
4
4
|
slots: {
|
|
5
5
|
default?(_: {
|
|
6
6
|
title: string;
|
|
7
|
-
icon: "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-database" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "filter" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "link" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "view-cards" | "warning" | "workflow" | "x-close";
|
|
7
|
+
icon: "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-database" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "filter" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "home" | "import" | "info" | "interval" | "italic" | "layout-editor" | "left-aligned" | "like" | "limit" | "link" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "view-cards" | "warning" | "workflow" | "x-close";
|
|
8
8
|
variant: "padded" | "plain";
|
|
9
9
|
overflow: "auto" | "hidden" | "visible";
|
|
10
10
|
onClose: (event?: Event) => void;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
|
2
|
+
|
|
3
|
+
const _hoisted_1 = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
stroke: "currentColor",
|
|
7
|
+
"stroke-linecap": "round",
|
|
8
|
+
"stroke-linejoin": "round",
|
|
9
|
+
viewBox: "0 0 12 12"
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
function render(_ctx, _cache) {
|
|
13
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
|
|
14
|
+
createElementVNode("path", {
|
|
15
|
+
d: "m4 4 2 2m0 0 2 2M6 6 4 8m2-2 2-2m3 2A5 5 0 1 1 1 6a5 5 0 0 1 10 0",
|
|
16
|
+
"vector-effect": "non-scaling-stroke"
|
|
17
|
+
}, null, -1)
|
|
18
|
+
]))]))
|
|
19
|
+
}
|
|
20
|
+
const circleError = { render: render };
|
|
21
|
+
|
|
22
|
+
export { circleError as default, render };
|
|
23
|
+
//# sourceMappingURL=circle-error-BKcmt7Jv.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circle-error-BKcmt7Jv.js","sources":["../../styles/dist/img/icons/circle-error.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\",\n viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n _createElementVNode(\"path\", {\n d: \"m4 4 2 2m0 0 2 2M6 6 4 8m2-2 2-2m3 2A5 5 0 1 1 1 6a5 5 0 0 1 10 0\",\n \"vector-effect\": \"non-scaling-stroke\"\n }, null, -1)\n ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,mEAAmE;AAC5E,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,oBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
|
2
|
+
|
|
3
|
+
const _hoisted_1 = {
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
|
+
fill: "none",
|
|
6
|
+
stroke: "currentColor",
|
|
7
|
+
"stroke-linecap": "round",
|
|
8
|
+
"stroke-linejoin": "round",
|
|
9
|
+
"stroke-width": ".85",
|
|
10
|
+
viewBox: "0 0 12 12"
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
function render(_ctx, _cache) {
|
|
14
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
|
|
15
|
+
createElementVNode("path", {
|
|
16
|
+
d: "M4.75 5.25h1.323V8.5m-1.323 0h1.323m1.427 0H6.073m.352-5.15H6m.425 0a.42.42 0 0 0-.124-.3m.124.3a.42.42 0 0 1-.124.3m-.726-.3H6m-.425 0c0-.125.054-.238.14-.316m-.14.316c0 .117.048.224.124.3M6 3.35l-.284-.316M6 3.35l.3-.3m-.3.3.3.3m-.3-.3-.3.3m.016-.616a.423.423 0 0 1 .585.015m0 .602a.424.424 0 0 1-.602 0M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0",
|
|
17
|
+
"vector-effect": "non-scaling-stroke"
|
|
18
|
+
}, null, -1)
|
|
19
|
+
]))]))
|
|
20
|
+
}
|
|
21
|
+
const circleInfo = { render: render };
|
|
22
|
+
|
|
23
|
+
export { circleInfo as default, render };
|
|
24
|
+
//# sourceMappingURL=circle-info-UvZ8z7Uk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"circle-info-UvZ8z7Uk.js","sources":["../../styles/dist/img/icons/circle-info.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\",\n \"stroke-width\": \".85\",\n viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n _createElementVNode(\"path\", {\n d: \"M4.75 5.25h1.323V8.5m-1.323 0h1.323m1.427 0H6.073m.352-5.15H6m.425 0a.42.42 0 0 0-.124-.3m.124.3a.42.42 0 0 1-.124.3m-.726-.3H6m-.425 0c0-.125.054-.238.14-.316m-.14.316c0 .117.048.224.124.3M6 3.35l-.284-.316M6 3.35l.3-.3m-.3.3.3.3m-.3-.3-.3.3m.016-.616a.423.423 0 0 1 .585.015m0 .602a.424.424 0 0 1-.602 0M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0\",\n \"vector-effect\": \"non-scaling-stroke\"\n }, null, -1)\n ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,cAAc,EAAE,KAAK;AACvB,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,qVAAqV;AAC9V,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,mBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
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<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
3
|
+
labelEl: HTMLLabelElement;
|
|
4
|
+
}, HTMLLabelElement>;
|
|
5
|
+
export default _default;
|
|
6
|
+
//# sourceMappingURL=KdsLabel.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsLabel.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsLabel.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;;;;AA0D7C,wBAQG"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { KdsSubTextProps } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<KdsSubTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsSubTextProps> & Readonly<{}>, {
|
|
3
|
+
error: boolean;
|
|
4
|
+
preserveSubTextSpace: boolean;
|
|
5
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
|
7
|
+
//# sourceMappingURL=KdsSubText.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsSubText.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;AA8E/C,wBAOG"}
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import { KdsRadioButtonGroupProps } from './types';
|
|
2
|
+
type __VLS_Props = KdsRadioButtonGroupProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: string | undefined;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
alignment: import('./types').KdsRadioButtonGroupAlignment;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
optionContainer: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
2
16
|
export default _default;
|
|
3
17
|
//# sourceMappingURL=KdsRadioButtonGroup.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdsRadioButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsRadioButtonGroup.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KdsRadioButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsRadioButtonGroup.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAEV,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAGjB,KAAK,WAAW,GAAG,wBAAwB,CAAC;AAuC5C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,GAAG,WAAW,CAAC;;;;;;;;;;;AA2IhB,wBAUG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { KdsValueSwitchProps } from './types';
|
|
2
|
+
type __VLS_Props = KdsValueSwitchProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: string | undefined;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
size: import('./types').KdsValueSwitchSize;
|
|
12
|
+
variant: import('./types').KdsValueSwitchVariant;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
|
+
availableWidthContainer: HTMLDivElement;
|
|
16
|
+
optionContainer: HTMLDivElement;
|
|
17
|
+
}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
19
|
+
//# sourceMappingURL=KdsValueSwitch.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KdsValueSwitch.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/KdsValueSwitch.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAwB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIzE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA6CvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B,GAAG,WAAW,CAAC;;;;;;;;;;;;;AAsJhB,wBAUG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ValueSwitchItem.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/ValueSwitchItem.vue"],"names":[],"mappings":";AAsQA,wBASG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { KdsIconName } from '../../Icon/types';
|
|
2
2
|
export type KdsRadioButtonProps = {
|
|
3
3
|
text: string;
|
|
4
4
|
helperText?: string;
|
|
@@ -6,7 +6,6 @@ export type KdsRadioButtonProps = {
|
|
|
6
6
|
error?: boolean;
|
|
7
7
|
};
|
|
8
8
|
export type KdsRadioButtonGroupAlignment = "vertical" | "horizontal";
|
|
9
|
-
type AtLeastTwo<T> = [T, T, ...T[]];
|
|
10
9
|
export type KdsRadioButtonGroupOption = {
|
|
11
10
|
text: string;
|
|
12
11
|
id: string;
|
|
@@ -15,9 +14,52 @@ export type KdsRadioButtonGroupOption = {
|
|
|
15
14
|
error?: boolean;
|
|
16
15
|
};
|
|
17
16
|
export type KdsRadioButtonGroupProps = {
|
|
18
|
-
|
|
17
|
+
id?: string;
|
|
18
|
+
label?: string;
|
|
19
|
+
possibleValues: (string | KdsRadioButtonGroupOption)[];
|
|
19
20
|
alignment?: KdsRadioButtonGroupAlignment;
|
|
20
21
|
disabled?: boolean;
|
|
21
|
-
|
|
22
|
+
subText?: string;
|
|
23
|
+
preserveSubTextSpace?: boolean;
|
|
24
|
+
};
|
|
25
|
+
export type KdsValueSwitchSize = "small" | "medium";
|
|
26
|
+
export type KdsValueSwitchVariant = "default" | "muted";
|
|
27
|
+
export type KdsValueSwitchItemProps = {
|
|
28
|
+
selected: boolean;
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
size?: KdsValueSwitchSize;
|
|
31
|
+
variant?: KdsValueSwitchVariant;
|
|
32
|
+
tabIndex?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Internal/responsive: when true, leading/trailing icons are not rendered.
|
|
35
|
+
*/
|
|
36
|
+
hideIcons?: boolean;
|
|
37
|
+
} & KdsValueSwitchItemContent;
|
|
38
|
+
type KdsValueSwitchItemContent = {
|
|
39
|
+
text: string;
|
|
40
|
+
leadingIcon?: KdsIconName;
|
|
41
|
+
trailingIcon?: KdsIconName;
|
|
42
|
+
title?: undefined;
|
|
43
|
+
} | {
|
|
44
|
+
text?: never;
|
|
45
|
+
leadingIcon: KdsIconName;
|
|
46
|
+
title: string;
|
|
47
|
+
trailingIcon?: never;
|
|
48
|
+
};
|
|
49
|
+
export type KdsValueSwitchOption = {
|
|
50
|
+
id: string;
|
|
51
|
+
disabled?: boolean;
|
|
52
|
+
} & KdsValueSwitchItemContent;
|
|
53
|
+
export type KdsValueSwitchProps = {
|
|
54
|
+
id?: string;
|
|
55
|
+
label?: string;
|
|
56
|
+
possibleValues: (string | KdsValueSwitchOption)[];
|
|
57
|
+
size?: KdsValueSwitchSize;
|
|
58
|
+
variant?: KdsValueSwitchVariant;
|
|
59
|
+
disabled?: boolean;
|
|
60
|
+
subText?: string;
|
|
61
|
+
error?: boolean;
|
|
62
|
+
preserveSubTextSpace?: boolean;
|
|
63
|
+
};
|
|
22
64
|
export {};
|
|
23
65
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,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,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE,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,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,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,SAAS,CAAC;CACnB,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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
type KdsIndexSelectionOption = {
|
|
3
|
+
id: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
[x: string]: unknown;
|
|
7
|
+
};
|
|
8
|
+
export declare const useRadioSelection: ({ selectedId, options, globalDisable, globalError, optionContainer, }: {
|
|
9
|
+
selectedId: Ref<string | undefined>;
|
|
10
|
+
options: Ref<readonly KdsIndexSelectionOption[]>;
|
|
11
|
+
globalDisable?: Ref<boolean>;
|
|
12
|
+
globalError?: Ref<boolean>;
|
|
13
|
+
optionContainer?: Ref<HTMLElement | null>;
|
|
14
|
+
}) => {
|
|
15
|
+
hasError: import('vue').ComputedRef<boolean>;
|
|
16
|
+
selectedIndex: import('vue').ComputedRef<number>;
|
|
17
|
+
tabIndexForOption: (index: number) => 0 | -1 | undefined;
|
|
18
|
+
handleClick: (index: number) => void;
|
|
19
|
+
handleKeyDown: (event: KeyboardEvent, currentIndex: number) => void;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=useRadioSelection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRadioSelection.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/useRadioSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG/B,KAAK,uBAAuB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,uEAM/B;IACD,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,OAAO,EAAE,GAAG,CAAC,SAAS,uBAAuB,EAAE,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3B,eAAe,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC3C;;;+BAuBmC,MAAM;yBAYZ,MAAM;2BAwDJ,aAAa,gBAAgB,MAAM;CA+ClE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { KdsValueSwitchOption } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Computes whether icons in ValueSwitch items should be hidden.
|
|
5
|
+
*
|
|
6
|
+
* Global logic: as soon as at least one text+icon item ellipsizes its label
|
|
7
|
+
* (`scrollWidth > clientWidth`), icons are hidden for all text+icon items.
|
|
8
|
+
* Icon-only items are never affected.
|
|
9
|
+
*/
|
|
10
|
+
export declare const useValueSwitchIconHiding: ({ width, options, }: {
|
|
11
|
+
/**
|
|
12
|
+
* Potentially available width to render options
|
|
13
|
+
*/
|
|
14
|
+
width: Ref<number>;
|
|
15
|
+
options: Ref<readonly KdsValueSwitchOption[]>;
|
|
16
|
+
}) => {
|
|
17
|
+
shouldHideIcons: Ref<boolean, boolean>;
|
|
18
|
+
setItemEl: (id: string, el: unknown) => void;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=useValueSwitchIconHiding.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useValueSwitchIconHiding.d.ts","sourceRoot":"","sources":["../../../src/forms/RadioButton/useValueSwitchIconHiding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAK/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,qBAGtC;IACD;;OAEG;IACH,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,OAAO,EAAE,GAAG,CAAC,SAAS,oBAAoB,EAAE,CAAC,CAAC;CAC/C;;oBAOwB,MAAM,MAAM,OAAO;CAuD3C,CAAC"}
|
package/dist/forms/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
export { default as KdsRadioButtonGroup } from './RadioButton/KdsRadioButtonGroup.vue';
|
|
2
|
-
export
|
|
2
|
+
export { default as KdsValueSwitch } from './RadioButton/KdsValueSwitch.vue';
|
|
3
|
+
export { default as KdsLabel } from './KdsLabel.vue';
|
|
4
|
+
export { default as KdsSubText } from './KdsSubText.vue';
|
|
5
|
+
export type { KdsRadioButtonGroupAlignment, KdsRadioButtonGroupOption, KdsRadioButtonGroupProps, KdsValueSwitchOption, KdsValueSwitchProps, KdsValueSwitchSize, } from './RadioButton/types';
|
|
3
6
|
//# 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,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGzD,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}
|
package/dist/forms/types.d.ts
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
export type KdsLabelProps = {
|
|
2
|
-
label?: string;
|
|
3
|
-
id: string;
|
|
4
|
-
} | {
|
|
5
2
|
label: string;
|
|
6
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Id to link the label to form elements via `aria-labelledby`.
|
|
5
|
+
*/
|
|
6
|
+
id: string;
|
|
7
|
+
/**
|
|
8
|
+
* Id of the form control this label is for.
|
|
9
|
+
*/
|
|
10
|
+
for?: string;
|
|
7
11
|
};
|
|
8
12
|
export type KdsSubTextProps = {
|
|
13
|
+
/**
|
|
14
|
+
* Id to link the subtext to form elements via `aria-describedby`.
|
|
15
|
+
*/
|
|
16
|
+
id: string;
|
|
9
17
|
subText?: string;
|
|
18
|
+
/**
|
|
19
|
+
* When true, applies error styling to the subtext and shows the error icon.
|
|
20
|
+
*/
|
|
21
|
+
error?: boolean;
|
|
10
22
|
/**
|
|
11
23
|
* Reserve space for subtext to prevent layout shifts when helper text or errors appear
|
|
12
24
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,
|
|
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;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
|