@knime/jsonforms 3.0.0 → 3.1.1

package/dist/RadioControlBase-knF86px0.js

@@ -0,0 +1,69 @@
+import { i as e } from "./utils-DmZLgn8X.js";
+import { n as t } from "./usePossibleValues-Cx6iSt_X.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, onMounted as l, openBlock as u, ref as d, toRef as f, unref as p, useAttrs as m } from "vue";
+import { KdsRadioButtonGroup as h, KdsValueSwitch as g } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/RadioControlBase.vue
+var _ = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "RadioControlBase",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {},
+		type: {}
+	},
+	setup(s) {
+		let _ = m(), v = s, y = r(() => v.control.uischema.options?.radioLayout), b = (e) => ({
+			id: e.id,
+			text: e.text,
+			...e.disabled ? { disabled: !0 } : {}
+		}), x = d(null), { possibleValues: S } = t(f(v, "control"), { defaultOnNonProvided: null }), C = r(() => (S.value ?? x.value)?.map(b)), w = (e) => {
+			e !== void 0 && v.changeValue(e);
+		};
+		return l(() => {
+			x.value = v.control?.schema?.oneOf ? v.control.schema.oneOf.map(e) : null;
+		}), (e, t) => C.value ? (u(), o(n, { key: 0 }, [v.type === "valueSwitch" ? (u(), i(p(g), c({ key: 0 }, p(_), {
+			id: s.labelForId,
+			"possible-values": C.value,
+			disabled: s.disabled,
+			"model-value": s.control.data,
+			error: s.error,
+			"sub-text": s.subText,
+			size: "small",
+			variant: "muted",
+			"onUpdate:modelValue": w
+		}), null, 16, [
+			"id",
+			"possible-values",
+			"disabled",
+			"model-value",
+			"error",
+			"sub-text"
+		])) : (u(), i(p(h), c({ key: 1 }, p(_), {
+			id: s.labelForId,
+			"possible-values": C.value,
+			alignment: y.value,
+			disabled: s.disabled,
+			"model-value": s.control.data,
+			error: s.error,
+			"sub-text": s.subText,
+			"onUpdate:modelValue": w
+		}), null, 16, [
+			"id",
+			"possible-values",
+			"alignment",
+			"disabled",
+			"model-value",
+			"error",
+			"sub-text"
+		]))], 64)) : a("", !0);
+	}
+});
+//#endregion
+export { _ as t };

package/dist/ResourceControlBase-BVMVVYns.js

@@ -0,0 +1,64 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, unref as s, withDirectives as c } from "vue";
+import { KdsDonutChart as l, KdsNumberInput as u, vKdsTooltip as d } from "@knime/kds-components";
+//#region src/uiComponents/resourceControls/ResourceControlBase.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "input-wrapper" }, p = {
+	key: 0,
+	class: "chart"
+}, m = /*#__PURE__*/ e(/* @__PURE__ */ a({
+	__name: "ResourceControlBase",
+	props: {
+		donutTitle: {},
+		donutDescription: {},
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(e) {
+		let a = e, m = t(() => a.control.uischema.options?.modelMax ?? !1), h = t(() => a.control.uischema.options?.currentUsage ?? a.control.data), g = t(() => a.control.schema.secondaryValue ?? 0), _ = t(() => m.value ? a.control.data : a.control.uischema.options?.donutMax ?? a.control.schema.maximum ?? Infinity), v = t(() => a.control.uischema.options?.disabledTooltip || ""), y = t(() => a.disabled ? v.value : ""), b = t(() => a.control.uischema.options?.animate ?? !0), x = t(() => a.control.uischema.options?.showDonut ?? !0), S = t(() => a.control.schema.minimum ?? 0), C = t(() => a.control.schema.maximum ?? Infinity), w = t(() => a.control.uischema.options?.step ?? 1), T = t(() => a.control.uischema.options?.unit ?? "");
+		return (t, a) => (o(), r("div", null, [c((o(), r("div", f, [i(s(u), {
+			ariaLabel: e.control.label,
+			"model-value": e.control.data,
+			min: S.value,
+			max: C.value,
+			step: w.value,
+			unit: T.value,
+			disabled: e.disabled,
+			error: e.error,
+			"sub-text": e.subText,
+			"onUpdate:modelValue": e.changeValue
+		}, null, 8, [
+			"ariaLabel",
+			"model-value",
+			"min",
+			"max",
+			"step",
+			"unit",
+			"disabled",
+			"error",
+			"sub-text",
+			"onUpdate:modelValue"
+		]), x.value ? (o(), r("div", p, [i(s(l), {
+			value: h.value,
+			"secondary-value": g.value,
+			"max-value": _.value,
+			animate: b.value,
+			label: e.donutTitle,
+			"sub-text": e.donutDescription
+		}, null, 8, [
+			"value",
+			"secondary-value",
+			"max-value",
+			"animate",
+			"label",
+			"sub-text"
+		])])) : n("", !0)])), [[s(d), y.value]])]));
+	}
+}), [["__scopeId", "data-v-3a916a8e"]]);
+//#endregion
+export { m as t };

package/dist/RichTextControl-JIM904_P.js

@@ -0,0 +1,72 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as t, createBlock as n, defineComponent as r, openBlock as i, ref as a, unref as o } from "vue";
+import { KdsRichTextInput as s, kdsDefaultLinkToolOptions as c } from "@knime/kds-rich-text-editor";
+//#endregion
+//#region src/uiComponents/richTextControl/RichTextControl.vue
+var l = /*#__PURE__*/ e(/* @__PURE__ */ r({
+	__name: "RichTextControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(e) {
+		let r = e, l = a(null), u = () => (l.value?.focus(), !0), d = (e) => e.startsWith("$$[\"") && e.endsWith("\"]"), f = t(() => r.control.uischema.options?.useFlowVarTemplates ? {
+			urlValidator: (e) => d(e) || c.urlValidator(e),
+			sanitizeUrlText: (e) => d(e) ? e : c.sanitizeUrlText(e)
+		} : c);
+		return (t, r) => (i(), n(o(s), {
+			id: e.labelForId,
+			ref_key: "editor",
+			ref: l,
+			class: "editor",
+			"aria-label": e.control.label,
+			"min-height": 320,
+			"model-value": e.control.data,
+			editable: !e.disabled,
+			disabled: e.disabled,
+			error: e.error,
+			"sub-text": e.subText,
+			"base-extensions": {
+				bold: !0,
+				italic: !0,
+				underline: !0,
+				textAlign: !0,
+				bulletList: !0,
+				orderedList: !0,
+				heading: !0,
+				blockquote: !0,
+				code: !0,
+				codeBlock: !0,
+				horizontalRule: !0,
+				strike: !0,
+				paragraphTextStyle: !0,
+				link: !0
+			},
+			"link-tool-options": f.value,
+			"custom-escape-handler": u,
+			"character-limit": {
+				maxCharacters: 5e4,
+				display: "atLimit"
+			},
+			"onUpdate:modelValue": e.changeValue
+		}, null, 8, [
+			"id",
+			"aria-label",
+			"model-value",
+			"editable",
+			"disabled",
+			"error",
+			"sub-text",
+			"link-tool-options",
+			"onUpdate:modelValue"
+		]));
+	}
+}), [["__scopeId", "data-v-0d780c9f"]]);
+//#endregion
+export { l as default };

package/dist/SectionLayout-BDYjoUXM.js

@@ -0,0 +1,41 @@
+import { l as e, u as t } from "./src-DwqijroM.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createBlock as r, createElementBlock as i, createVNode as a, defineComponent as o, openBlock as s, ref as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { DispatchRenderer as f } from "@jsonforms/vue";
+//#endregion
+//#region src/layoutComponents/SectionLayout.vue
+var p = /*#__PURE__*/ n(/* @__PURE__ */ o({
+	__name: "SectionLayout",
+	props: { layout: {} },
+	setup(n) {
+		let o = c(!1);
+		return (c, p) => (s(), i("div", {
+			class: "section",
+			onMouseover: p[0] ||= (e) => o.value = !0,
+			onMouseleave: p[1] ||= (e) => o.value = !1
+		}, [a(e, { "title-text": n.layout.uischema.label ?? "" }, {
+			"right-buttons": d(() => [l(c.$slots, "buttons", { hover: o.value }, void 0, !0)]),
+			_: 3
+		}, 8, ["title-text"]), a(t, { elements: n.layout.uischema.elements }, {
+			default: d(({ element: e, index: t }) => [(s(), r(u(f), {
+				key: `${n.layout.path}-${t}`,
+				schema: n.layout.schema,
+				uischema: e,
+				path: n.layout.path,
+				enabled: n.layout.enabled,
+				renderers: n.layout.renderers,
+				cells: n.layout.cells
+			}, null, 8, [
+				"schema",
+				"uischema",
+				"path",
+				"enabled",
+				"renderers",
+				"cells"
+			]))]),
+			_: 1
+		}, 8, ["elements"])], 32));
+	}
+}), [["__scopeId", "data-v-33f353d4"]]);
+//#endregion
+export { p as default };

package/dist/SettingsSubPanelLayout-DVw_AsU6.js

@@ -0,0 +1,53 @@
+import { O as e, l as t, u as n } from "./src-DwqijroM.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, ref as d, renderSlot as f, unref as p, withCtx as m } from "vue";
+import { DispatchRenderer as h } from "@jsonforms/vue";
+import { KdsButton as g } from "@knime/kds-components";
+//#region src/layoutComponents/SettingsSubPanelLayout.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "flex-row" }, v = /*#__PURE__*/ r(/* @__PURE__ */ l({
+	__name: "SettingsSubPanelLayout",
+	props: { layout: {} },
+	setup(r) {
+		let l = r, v = i(() => l.layout.uischema.options ?? {}), y = i(() => v.value.setText ?? "Set"), b = i(() => v.value.backButtonLabel ?? "Back to node configuration"), x = d(!1);
+		return (i, l) => (u(), o("div", {
+			onMouseover: l[0] ||= (e) => x.value = !0,
+			onMouseleave: l[1] ||= (e) => x.value = !1
+		}, [c(e, {
+			"show-back-arrow": "",
+			"back-button-label": b.value
+		}, {
+			"expand-button": m(({ expand: e }) => [c(t, { "title-text": r.layout.uischema.label ?? "" }, {
+				"right-buttons": m(() => [s("div", _, [f(i.$slots, "buttons", { hover: x.value }, void 0, !0), c(p(g), {
+					variant: "transparent",
+					size: "small",
+					label: y.value,
+					"trailing-icon": "chevron-right",
+					onClick: e
+				}, null, 8, ["label", "onClick"])])]),
+				_: 2
+			}, 1032, ["title-text"])]),
+			default: m(() => [c(n, { elements: r.layout.uischema.elements }, {
+				default: m(({ element: e, index: t }) => [(u(), a(p(h), {
+					key: `${r.layout.path}-${t}`,
+					schema: r.layout.schema,
+					uischema: e,
+					path: r.layout.path,
+					enabled: r.layout.enabled,
+					renderers: r.layout.renderers,
+					cells: r.layout.cells
+				}, null, 8, [
+					"schema",
+					"uischema",
+					"path",
+					"enabled",
+					"renderers",
+					"cells"
+				]))]),
+				_: 1
+			}, 8, ["elements"])]),
+			_: 3
+		}, 8, ["back-button-label"])], 32));
+	}
+}), [["__scopeId", "data-v-dc2400b4"]]);
+//#endregion
+export { v as default };

package/dist/SimpleTwinlistControl-BNnOmbN-.js

@@ -0,0 +1,24 @@
+import { n as e } from "./usePossibleValues-Cx6iSt_X.js";
+import { t } from "./TwinlistControlBase-300a_qUR.js";
+import { createBlock as n, defineComponent as r, mergeProps as i, openBlock as a, toRef as o, unref as s } from "vue";
+//#endregion
+//#region src/uiComponents/twinlist/SimpleTwinlistControl.vue
+var c = /* @__PURE__ */ r({
+	__name: "SimpleTwinlistControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let c = r, { possibleValues: l } = e(o(c, "control"));
+		return (e, r) => (a(), n(t, i(c, { "possible-values": s(l) }), null, 16, ["possible-values"]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/SingleSelectControl-CJV9VMZm.js

@@ -0,0 +1,58 @@
+import { n as e } from "./usePossibleValues-Cx6iSt_X.js";
+import { t } from "./LoadingDropdown-BpU4Uiin.js";
+import { computed as n, createBlock as r, defineComponent as i, openBlock as a, toRef as o } from "vue";
+//#region src/uiComponents/SingleSelectControl.vue?vue&type=script&setup=true&lang.ts
+var s = "__special__", c = "__regular__", l = /* @__PURE__ */ i({
+	__name: "SingleSelectControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(i) {
+		let l = i, u = n(() => l.control.uischema.options.specialChoices), { possibleValues: d } = e(o(l, "control")), f = (e) => `${s}${e}`, p = (e) => `${c}${e}`, m = ({ id: e, text: t }) => ({
+			id: f(e),
+			text: t,
+			isSpecial: !0
+		}), h = (e) => ({
+			...e,
+			id: p(e.id)
+		}), g = n(() => d.value === null ? null : u.value.map(m).concat(d.value.map(h))), _ = (e) => {
+			if (!e.startsWith(c) && !e.startsWith(s)) throw Error(`Expected id to start with ${c}`);
+		}, v = (e) => e ? (_(e), e.startsWith(s) ? { specialChoice: e.slice(11) } : { regularChoice: e.slice(11) }) : null, y = (e) => e == null ? "" : "regularChoice" in e && e.regularChoice ? p(e.regularChoice) : "specialChoice" in e && e.specialChoice ? f(e.specialChoice) : "", b = (e) => e == null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", x = n({
+			get: () => {
+				let e = y(l.control.data);
+				return g.value && !g.value.some((t) => t.id === e) ? b(l.control.data) : e;
+			},
+			set: (e) => {
+				l.changeValue(v(e));
+			}
+		});
+		return (e, n) => (a(), r(t, {
+			id: i.labelForId,
+			modelValue: x.value,
+			"onUpdate:modelValue": n[0] ||= (e) => x.value = e,
+			"possible-values": g.value,
+			ariaLabel: i.control.label,
+			disabled: i.disabled,
+			error: i.error,
+			"sub-text": i.subText,
+			compact: ""
+		}, null, 8, [
+			"id",
+			"modelValue",
+			"possible-values",
+			"ariaLabel",
+			"disabled",
+			"error",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/SortListControl-D-ifoRva.js

@@ -0,0 +1,71 @@
+import { n as e } from "./useProvidedState-478_KXOe.js";
+import { computed as t, createBlock as n, defineComponent as r, onMounted as i, openBlock as a, unref as o, watch as s } from "vue";
+import { KdsSortableListBox as c } from "@knime/kds-components";
+//#region src/uiComponents/SortListControl.vue?vue&type=script&setup=true&lang.ts
+var l = "<any unknown new column>", u = /* @__PURE__ */ r({
+	__name: "SortListControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let l = r, u = t(() => l.control.data), d = t(() => l.control.uischema), f = t(() => d.value.options?.unknownElementId ?? "<any unknown new column>"), p = t(() => d.value.options?.unknownElementLabel ?? "Any unknown column"), m = e(d, "possibleValues", []), h = (e) => {
+			let t = {
+				id: e.id,
+				text: e.text,
+				...e.special ? { special: !0 } : {}
+			};
+			return e.type?.id && (t.accessory = {
+				type: "dataType",
+				name: e.type.id
+			}), t;
+		}, g = t(() => m.value.map(h).concat(h({
+			id: f.value,
+			text: p.value,
+			special: !0
+		}))), _ = (e) => {
+			if (u.value.length === 0) {
+				v();
+				return;
+			}
+			let t = u.value.indexOf(f.value);
+			if (t === -1) throw Error(`SortList data have to contain the value "${f.value}"`);
+			let n = u.value.slice(0, t + 1), r = u.value.slice(t + 1), i = new Set(u.value), a = e.map(({ id: e }) => e).filter((e) => !i.has(e));
+			a.length > 0 && l.changeValue(n.concat(a, r));
+		};
+		i(() => {
+			_(m.value);
+		}), s(() => m.value, _);
+		let v = () => {
+			l.changeValue(g.value.map(({ id: e }) => e));
+		}, y = (e) => {
+			l.changeValue(e);
+		};
+		return (e, t) => (a(), n(o(c), {
+			id: r.labelForId,
+			ariaLabel: r.control.label,
+			"possible-values": g.value,
+			"model-value": u.value,
+			disabled: r.disabled,
+			error: r.error,
+			"sub-text": r.subText,
+			"onUpdate:modelValue": y
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"possible-values",
+			"model-value",
+			"disabled",
+			"error",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { l as DEFAULT_ANY_UNKNOWN_VALUES_ID, u as default };

package/dist/TeamAndSpacesControl-D1FvyeCV.js

@@ -0,0 +1,56 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import "./useProvidedState-478_KXOe.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, ref as s, unref as c } from "vue";
+import { KdsDropdown as l } from "@knime/kds-components";
+//#region src/uiComponents/TeamAndSpacesControl.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "team-and-space" }, d = { class: "team" }, f = { class: "space" }, p = /*#__PURE__*/ e(/* @__PURE__ */ a({
+	__name: "TeamAndSpacesControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(e) {
+		let a = e, p = s(""), m = s(""), h = t(() => a.control.uischema), g = t(() => h.value.options), _ = t(() => g.value?.possibleTeams ?? []), v = t(() => g.value?.possibleSpaces ?? []), y = t(() => v.value.find(({ id: e }) => e === p.value)?.spaces ?? []), b = t(() => !a.control.enabled || _.value.length === 0), x = t(() => !a.control.enabled || y.value.length === 0), S = () => {
+			if (a.control.data) {
+				m.value = a.control.data;
+				let e = v.value.find(({ spaces: e }) => e.some(({ id: e }) => e === m.value));
+				e && (p.value = e.id);
+			}
+		}, C = () => {
+			m.value = y.value[0]?.id ?? "", a.changeValue(m.value);
+		};
+		return S(), (t, a) => (o(), n("div", u, [r("div", d, [i(c(l), {
+			modelValue: p.value,
+			"onUpdate:modelValue": [a[0] ||= (e) => p.value = e, C],
+			label: "Team",
+			"aria-label": "account-id",
+			disabled: b.value,
+			"possible-values": _.value,
+			placeholder: "No team selected"
+		}, null, 8, [
+			"modelValue",
+			"disabled",
+			"possible-values"
+		])]), r("div", f, [i(c(l), {
+			modelValue: m.value,
+			"onUpdate:modelValue": [a[1] ||= (e) => m.value = e, a[2] ||= () => e.changeValue(m.value)],
+			label: "Space",
+			"aria-label": "space-id",
+			disabled: x.value,
+			"possible-values": y.value,
+			placeholder: "No space selected"
+		}, null, 8, [
+			"modelValue",
+			"disabled",
+			"possible-values"
+		])])]));
+	}
+}), [["__scopeId", "data-v-40e43c08"]]);
+//#endregion
+export { p as default };

package/dist/TeamResourceControl-DyCO6-Nk.js

@@ -0,0 +1,26 @@
+import { t as e } from "./ResourceControlBase-BVMVVYns.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, openBlock as a } from "vue";
+//#endregion
+//#region src/uiComponents/resourceControls/TeamResourceControl.vue
+var o = /* @__PURE__ */ r({
+	__name: "TeamResourceControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let o = r, s = t(() => o.control.uischema.options?.donutTitle || ""), c = t(() => o.control.uischema.options?.donutText || ""), l = t(() => o.control.uischema.options?.currentUsage ?? 0), u = t(() => o.control.data === -1 ? "unlimited" : o.control.data), d = t(() => `${l.value} of ${u.value} ${c.value}`.trim());
+		return (t, r) => (a(), n(e, i(o, {
+			"donut-title": s.value,
+			"donut-description": d.value
+		}), null, 16, ["donut-title", "donut-description"]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/TextAreaControl-7QziyTgn.js

@@ -0,0 +1,40 @@
+import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
+import { KdsTextarea as i } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/TextAreaControl.vue
+var a = /* @__PURE__ */ t({
+	__name: "TextAreaControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(t) {
+		return (a, o) => (n(), e(r(i), {
+			id: t.labelForId,
+			ariaLabel: t.control.label,
+			"model-value": t.control.data,
+			disabled: t.disabled,
+			rows: t.control.uischema.options?.rows,
+			error: t.error,
+			"sub-text": t.subText,
+			"onUpdate:modelValue": t.changeValue
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"model-value",
+			"disabled",
+			"rows",
+			"error",
+			"sub-text",
+			"onUpdate:modelValue"
+		]));
+	}
+});
+//#endregion
+export { a as default };

package/dist/TimeControl-B29iTlhP.js

@@ -0,0 +1,71 @@
+import { t as e } from "./temporal-polyfill-D4u1I_Z-.js";
+import { t } from "./plainDateTimeUtils-5uOCJ4N5.js";
+import { computed as n, createBlock as r, defineComponent as i, openBlock as a, ref as o, unref as s } from "vue";
+import { KdsTimeInput as c } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/TimeControl.vue
+var l = /* @__PURE__ */ i({
+	__name: "TimeControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(i) {
+		let l = i, u = n(() => l.control.uischema.options), d = n(() => t.getMaxGranularity(u.value)), f = (t) => {
+			if (!t) return null;
+			if (/(Z|[+-]\d{2}:?\d{2})$/.test(t)) try {
+				return e.Instant.from(t).toZonedDateTimeISO("UTC").toPlainTime();
+			} catch {
+				return null;
+			}
+			try {
+				return e.PlainTime.from(t);
+			} catch {
+				try {
+					return e.PlainDateTime.from(t).toPlainTime();
+				} catch {
+					return null;
+				}
+			}
+		}, p = (e, t) => e === null ? "" : t === "minute" ? e.toString({ smallestUnit: "minute" }) : t === "second" ? e.toString({ smallestUnit: "second" }) : e.toString({ fractionalSecondDigits: 3 }), m = n(() => f(l.control.data)), h = o(t.detectGranularity(l.control.data)), g, _, v = !1, y = () => {
+			v = !1;
+			let e = g === void 0 ? m.value : g, t = _ ?? h.value;
+			g = void 0, _ = void 0, h.value = t, l.changeValue(p(e, t));
+		}, b = () => {
+			v || (v = !0, queueMicrotask(y));
+		}, x = (e) => {
+			g = e, b();
+		}, S = (e) => {
+			_ = e, b();
+		};
+		return (e, t) => (a(), r(s(c), {
+			id: i.labelForId,
+			"model-value": m.value,
+			granularity: h.value,
+			ariaLabel: l.control.label,
+			"max-granularity": d.value,
+			disabled: i.disabled,
+			error: i.error,
+			"sub-text": i.subText,
+			"onUpdate:modelValue": x,
+			"onUpdate:granularity": S
+		}, null, 8, [
+			"id",
+			"model-value",
+			"granularity",
+			"ariaLabel",
+			"max-granularity",
+			"disabled",
+			"error",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { l as default };