@knime/jsonforms 2.1.1 → 3.1.0

package/dist/ProgressButtonControl-BimHrSZd.js

@@ -0,0 +1,51 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./inject-DEsHVs5q.js";
+import { computed as n, createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, ref as s, renderSlot as c, unref as l } from "vue";
+import { KdsProgressButton as u } from "@knime/kds-components";
+//#region src/uiComponents/ProgressButtonControl.vue?vue&type=script&setup=true&lang.ts
+var d = 1e3, f = "auto-configure", p = /*#__PURE__*/ e(/* @__PURE__ */ a({
+	__name: "ProgressButtonControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		labelForId: {},
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function }
+	},
+	setup(e) {
+		let a = e, p = n(() => a.control.uischema.options.triggerId), m = n(() => a.control.uischema.options?.icon ?? f), h = t("trigger"), g = s("default"), _ = s(!1), v = async () => {
+			g.value = "progress";
+			try {
+				await h({ id: p.value }), g.value = "success", setTimeout(() => {
+					g.value = "default";
+				}, d);
+			} catch {
+				g.value = "default";
+			}
+		};
+		return (t, n) => (o(), r("div", {
+			class: "progress-button-input",
+			onMouseenter: n[1] ||= (e) => _.value = !0,
+			onMouseleave: n[2] ||= (e) => _.value = !1
+		}, [i(l(u), {
+			state: g.value,
+			"onUpdate:state": n[0] ||= (e) => g.value = e,
+			variant: "outlined",
+			size: "small",
+			disabled: !e.control.enabled,
+			label: e.control.label,
+			"leading-icon": m.value,
+			onClick: v
+		}, null, 8, [
+			"state",
+			"disabled",
+			"label",
+			"leading-icon"
+		]), c(t.$slots, "buttons", { hover: _.value }, void 0, !0)], 32));
+	}
+}), [["__scopeId", "data-v-f880d1e8"]]);
+//#endregion
+export { p as default };

package/dist/RadioButtonsWithDescriptionControl-DJu3ODo7.js

@@ -0,0 +1,58 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, unref as d } from "vue";
+import { KdsRadioButton as f } from "@knime/kds-components";
+//#region src/uiComponents/RadioButtonsWithDescriptionControl.vue?vue&type=script&setup=true&lang.ts
+var p = ["innerHTML"], m = ["innerHTML"], h = ["innerHTML"], g = /*#__PURE__*/ e(/* @__PURE__ */ s({
+	__name: "RadioButtonsWithDescriptionControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		labelForId: {},
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function }
+	},
+	setup(e) {
+		let s = e, g = n(() => s.control.schema.oneOf?.map(({ const: e, title: t, price: n, description: r }) => ({
+			id: e,
+			text: t,
+			price: n,
+			description: r
+		})) || []), _ = n(() => !s.control.enabled), v = n(() => s.control.uischema.options?.footnote || null), y = (e) => {
+			s.changeValue(e);
+		};
+		return (n, s) => (l(), i(t, null, [(l(!0), i(t, null, u(g.value, (t) => (l(), i("label", {
+			key: `radio-${t.id}`,
+			class: "radio-wrapper"
+		}, [
+			o(d(f), {
+				class: "radio-button",
+				"model-value": e.control.data === t.id,
+				text: t.text,
+				disabled: _.value,
+				"onUpdate:modelValue": () => y(t.id)
+			}, null, 8, [
+				"model-value",
+				"text",
+				"disabled",
+				"onUpdate:modelValue"
+			]),
+			a("div", {
+				class: "description",
+				innerHTML: t.description
+			}, null, 8, p),
+			a("div", {
+				class: c(["price", { selected: e.control.data === t.id }]),
+				innerHTML: t.price
+			}, null, 10, m)
+		]))), 128)), v.value ? (l(), i("div", {
+			key: 0,
+			class: "footnote",
+			innerHTML: v.value
+		}, null, 8, h)) : r("", !0)], 64));
+	}
+}), [["__scopeId", "data-v-d327df7b"]]);
+//#endregion
+export { g as default };

package/dist/RadioControl-D_NE5s4n.js

@@ -0,0 +1,22 @@
+import { t as e } from "./RadioControlBase-knF86px0.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i } from "vue";
+//#endregion
+//#region src/uiComponents/RadioControl.vue
+var a = /* @__PURE__ */ n({
+	__name: "RadioControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(n) {
+		return (n, a) => (i(), t(e, r(n.$props, { type: "radio" }), null, 16));
+	}
+});
+//#endregion
+export { a as default };

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 };