@knime/jsonforms 2.1.1 → 3.1.0

package/dist/DropdownControl-jsayV3N5.js

@@ -0,0 +1,42 @@
+import { n as e } from "./usePossibleValues-Cx6iSt_X.js";
+import { t } from "./LoadingDropdown-BpU4Uiin.js";
+import { createBlock as n, defineComponent as r, openBlock as i, toRef as a, unref as o } from "vue";
+//#endregion
+//#region src/uiComponents/DropdownControl.vue
+var s = /* @__PURE__ */ r({
+	__name: "DropdownControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let { possibleValues: s } = e(a(r, "control"));
+		return (e, a) => (i(), n(t, {
+			id: r.labelForId ?? "",
+			ariaLabel: r.control.label,
+			disabled: r.disabled,
+			"model-value": r.control.data ?? "",
+			"possible-values": o(s),
+			error: r.error,
+			"sub-text": r.subText,
+			"onUpdate:modelValue": r.changeValue
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"disabled",
+			"model-value",
+			"possible-values",
+			"error",
+			"sub-text",
+			"onUpdate:modelValue"
+		]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/ExecutorCoresControl-DNo2SaC6.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/ExecutorCoresControl.vue
+var o = /* @__PURE__ */ r({
+	__name: "ExecutorCoresControl",
+	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?.currentUsage ?? 0), l = t(() => o.control.schema.secondaryValue || 0), u = t(() => o.control.uischema.options?.donutMax ?? Infinity), d = t(() => u.value === -1 ? "unlimited" : u.value), f = t(() => o.control.uischema.options?.isSharedContext ?? !1), p = t(() => c.value + l.value), m = t(() => `This environment will use ${l.value} vCore tokens. In total, ${p.value} of ${d.value} vCore tokens available ${f.value ? "from the license" : "for this team"} will be used.`);
+		return (t, r) => (a(), n(e, i(o, {
+			"donut-title": s.value,
+			"donut-description": m.value
+		}), null, 16, ["donut-title", "donut-description"]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/ExecutorMemoryControl-C8RLYQdd.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/ExecutorMemoryControl.vue
+var o = /* @__PURE__ */ r({
+	__name: "ExecutorMemoryControl",
+	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.schema.secondaryValue || 0), c = t(() => o.control.uischema.options?.donutTitle || ""), l = t(() => o.control.uischema.options?.currentUsage ?? 0), u = t(() => o.control.uischema.options?.donutMax ?? Infinity), d = t(() => s.value + l.value), f = t(() => `This environment will use a maximum of ${s.value} GB RAM. In total, ${d.value} GB of ${u.value} GB available for this team will be used.`);
+		return (t, r) => (a(), n(e, i(o, {
+			"donut-title": c.value,
+			"donut-description": f.value
+		}), null, 16, ["donut-title", "donut-description"]));
+	}
+});
+//#endregion
+export { o as default };

package/dist/FileUploadControl-Cv3xWTAS.js

@@ -0,0 +1,58 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, openBlock as o, ref as s, toDisplayString as c, unref as l } from "vue";
+import { KdsButton as u } from "@knime/kds-components";
+//#region src/uiComponents/FileUploadControl.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "wrapper" }, f = { class: "filename" }, p = [
+	"id",
+	"aria-label",
+	"accept",
+	"multiple",
+	"disabled"
+], m = /*#__PURE__*/ e(/* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "FileUploadControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(e) {
+		let a = e, m = s(a.control.data?.slice()), h = t(() => a.control.uischema.options?.accept ?? "*"), g = t(() => a.control.uischema.options?.multiple ?? !1), _ = s(null), v = t(() => m.value?.map?.(({ name: e }) => e).join(", ") || "No file selected"), y = t(() => `Select file${g.value ? "s" : ""}`), b = () => {
+			_.value?.click();
+		}, x = (e) => {
+			let t = e.target;
+			t.files && (m.value = Array.from(t.files), a.handleChange(a.control.path, Array.from(m.value)));
+		};
+		return (t, a) => (o(), n("div", d, [
+			i(l(u), {
+				class: "file-select-button",
+				label: y.value,
+				"leading-icon": "search",
+				variant: "outlined",
+				disabled: e.disabled,
+				size: "small",
+				onClick: b
+			}, null, 8, ["label", "disabled"]),
+			r("span", f, c(v.value), 1),
+			r("input", {
+				id: e.labelForId,
+				ref_key: "fileSelector",
+				ref: _,
+				"aria-label": e.control.label,
+				type: "file",
+				accept: h.value,
+				multiple: g.value,
+				disabled: e.disabled,
+				hidden: "",
+				onChange: x
+			}, null, 40, p)
+		]));
+	}
+}), [["__scopeId", "data-v-37968bc6"]]);
+//#endregion
+export { m as default };

package/dist/GridSelectionControl-BqtaGQYg.js

@@ -0,0 +1,86 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, unref as f, useCssVars as p, watch as m, withModifiers as h } from "vue";
+import { KdsButton as g, KdsCheckbox as _, KdsToggleButton as v } from "@knime/kds-components";
+//#region src/uiComponents/GridSelectionControl.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "grid-list" }, b = {
+	key: 1,
+	class: "checkbox"
+}, x = 7, S = "auto", C = "Invert selection", w = /*#__PURE__*/ e(/* @__PURE__ */ s({
+	__name: "GridSelectionControl",
+	props: {
+		handleChange: { type: Function },
+		control: {},
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(e) {
+		p((e) => ({ bf8a5982: f(k) }));
+		let s = e, { control: { path: w, uischema: { options: T } = {} }, handleChange: E } = s, { possibleValues: D = [], columnCount: O = x, gridWidth: k = S, toggleLabel: A = C, renderLastItemAsCheckbox: j = !1 } = T, M = u(/* @__PURE__ */ new Map()), N = n(() => ({ "grid-template-columns": `repeat(${O}, 1fr)` })), P = n(() => D.filter((e, t) => !(j && t === D.length - 1))), F = n(() => j ? D[D.length - 1] : null), I = () => {
+			let e = /* @__PURE__ */ new Map();
+			M.value.forEach(({ active: t }, n) => {
+				e.set(n, { active: !t });
+			}), M.value = e;
+		}, L = () => {
+			let e = /* @__PURE__ */ new Map();
+			return D.forEach(({ id: t }) => {
+				e.set(t, { active: s.control.data?.includes(t) ?? !1 });
+			}), e;
+		}, R = n(() => {
+			let e = [];
+			return M.value.forEach(({ active: t }, n) => {
+				t && e.push(n);
+			}), e;
+		}), z = n(() => s.control.data ?? []), B = n(() => {
+			let e = R.value, t = z.value;
+			if (e.length !== t.length) return !0;
+			let n = new Set(t);
+			return e.some((e) => !n.has(e));
+		});
+		return m(() => s.control.data, () => {
+			B.value && (M.value = L());
+		}, {
+			immediate: !0,
+			deep: !0
+		}), m(() => M.value, () => {
+			B.value && E(w, R.value);
+		}, { deep: !0 }), (e, n) => (l(), a("div", y, [
+			f(D).length ? (l(), a("div", {
+				key: 0,
+				class: "grid-list-container",
+				style: c(N.value)
+			}, [(l(!0), a(t, null, d(P.value, ({ id: e, text: t }) => (l(), r(f(v), {
+				key: `grid-item-${e}`,
+				modelValue: M.value.get(e).active,
+				"onUpdate:modelValue": (t) => M.value.get(e).active = t,
+				class: "overwrite-legacy-styles",
+				label: t,
+				variant: "outlined",
+				size: "xsmall"
+			}, null, 8, [
+				"modelValue",
+				"onUpdate:modelValue",
+				"label"
+			]))), 128))], 4)) : i("", !0),
+			f(j) && F.value ? (l(), a("div", b, [o(f(_), {
+				modelValue: M.value.get(F.value.id).active,
+				"onUpdate:modelValue": n[0] ||= (e) => M.value.get(F.value.id).active = e,
+				label: F.value.text
+			}, null, 8, ["modelValue", "label"])])) : i("", !0),
+			f(A) ? (l(), r(f(g), {
+				key: 2,
+				variant: "outlined",
+				size: "xsmall",
+				label: f(A),
+				"leading-icon": "replace",
+				class: "invert overwrite-legacy-styles",
+				onClick: h(I, ["prevent"])
+			}, null, 8, ["label"])) : i("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-b6393b68"]]);
+//#endregion
+export { w as default };

package/dist/HorizontalLayout-B_lETfCu.js

@@ -0,0 +1,29 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, createBlock as n, createElementBlock as r, defineComponent as i, openBlock as a, renderList as o, unref as s } from "vue";
+import { DispatchRenderer as c } from "@jsonforms/vue";
+//#region src/layoutComponents/HorizontalLayout.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "horizontal" }, u = /*#__PURE__*/ e(/* @__PURE__ */ i({
+	__name: "HorizontalLayout",
+	props: { layout: {} },
+	setup(e) {
+		return (i, u) => (a(), r("div", l, [(a(!0), r(t, null, o(e.layout.uischema.elements, (t, r) => (a(), n(s(c), {
+			key: r,
+			class: "horizontal-element",
+			schema: e.layout.schema,
+			uischema: t,
+			path: e.layout.path,
+			enabled: e.layout.enabled,
+			renderers: e.layout.renderers,
+			cells: e.layout.cells
+		}, null, 8, [
+			"schema",
+			"uischema",
+			"path",
+			"enabled",
+			"renderers",
+			"cells"
+		]))), 128))]));
+	}
+}), [["__scopeId", "data-v-8f2ebb37"]]);
+//#endregion
+export { u as default };

package/dist/IntegerControl-Cr8SO0xH.js

@@ -0,0 +1,22 @@
+import { t as e } from "./NumberControlBase-Cl3QcvzB.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i } from "vue";
+//#endregion
+//#region src/uiComponents/IntegerControl.vue
+var a = /* @__PURE__ */ n({
+	__name: "IntegerControl",
+	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: "integer" }), null, 16));
+	}
+});
+//#endregion
+export { a as default };

package/dist/IntervalControl-BdjKEwLy.js

@@ -0,0 +1,53 @@
+import { n as e } from "./useProvidedState-478_KXOe.js";
+import { t } from "./temporal-polyfill-D4u1I_Z-.js";
+import { computed as n, createBlock as r, defineComponent as i, openBlock as a, unref as o } from "vue";
+import { KdsIntervalInput as s } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/IntervalControl.vue
+var c = /* @__PURE__ */ i({
+	__name: "IntervalControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(i) {
+		let c = i, l = n(() => c.control.uischema), u = e(l, "intervalType", "DATE_OR_TIME"), d = n(() => u.value.toLowerCase()), f = e(l, "allowDescending", !0), p = (e) => {
+			if (!e) return null;
+			try {
+				return t.Duration.from(e);
+			} catch {
+				return null;
+			}
+		}, m = n(() => p(c.control.data)), h = (e) => {
+			c.changeValue(e?.toString() ?? "");
+		};
+		return (e, t) => (a(), r(o(s), {
+			id: i.labelForId,
+			ariaLabel: c.control.label,
+			"model-value": m.value,
+			"allow-descending": o(f),
+			disabled: i.disabled,
+			error: i.error,
+			format: d.value,
+			"sub-text": i.subText,
+			"onUpdate:modelValue": h
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"model-value",
+			"allow-descending",
+			"disabled",
+			"error",
+			"format",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/LinkControl-QMwkCJlj.js

@@ -0,0 +1,37 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createVNode as n, defineComponent as r, openBlock as i, unref as a, useCssVars as o } from "vue";
+import { KdsLinkButton as s } from "@knime/kds-components";
+//#region src/uiComponents/LinkControl.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "link-wrapper" }, l = /*#__PURE__*/ e(/* @__PURE__ */ r({
+	__name: "LinkControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		labelForId: {},
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function }
+	},
+	setup(e) {
+		o((e) => ({ v7f757bb0: a(l) }));
+		let r = e, l = r.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: u, leadingIcon: d, trailingIcon: f } = r.control.uischema.options || {};
+		return (r, o) => (i(), t("div", c, [n(a(s), {
+			class: "link-button",
+			label: e.control.label,
+			to: a(u),
+			"leading-icon": a(d),
+			"trailing-icon": a(f),
+			size: "small",
+			variant: "transparent"
+		}, null, 8, [
+			"label",
+			"to",
+			"leading-icon",
+			"trailing-icon"
+		])]));
+	}
+}), [["__scopeId", "data-v-c55bc56b"]]);
+//#endregion
+export { l as default };

package/dist/LoadingDropdown-BpU4Uiin.js

@@ -0,0 +1,61 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, unref as a } from "vue";
+import { KdsDropdown as o } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/loading/LoadingDropdown.vue
+var s = /* @__PURE__ */ n({
+	__name: "LoadingDropdown",
+	props: {
+		possibleValues: {},
+		modelValue: {},
+		id: {},
+		ariaLabel: {},
+		disabled: { type: Boolean },
+		error: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: s }) {
+		let c = n, l = s, u = e(() => c.possibleValues === null ? "" : c.modelValue), d = e(() => c.possibleValues === null), f = e(() => c.possibleValues?.some((e) => e.type !== void 0)), p = e(() => {
+			if (c.possibleValues === null) return [];
+			let e = [];
+			for (let t of c.possibleValues) {
+				if (!t.text) continue;
+				let n;
+				f.value ? n = {
+					type: "dataType",
+					name: t.type?.id ?? "missing_type"
+				} : "accessory" in t && (n = t.accessory), e.push({
+					id: t.id,
+					text: t.text,
+					disabled: t.disabled,
+					...t.subText ? { subText: t.subText } : {},
+					accessory: n
+				});
+			}
+			return e;
+		}), m = e(() => d.value ? "Loading" : p.value.length > 0 ? "No value selected" : "No values present"), h = e(() => c.disabled || p.value.length === 0), g = (e) => {
+			l("update:modelValue", e ?? "");
+		};
+		return (e, n) => (i(), t(a(o), r(e.$attrs, {
+			id: c.id,
+			ariaLabel: c.ariaLabel,
+			"model-value": u.value,
+			disabled: h.value,
+			"possible-values": p.value,
+			loading: d.value,
+			placeholder: m.value,
+			error: c.error,
+			"onUpdate:modelValue": g
+		}), null, 16, [
+			"id",
+			"ariaLabel",
+			"model-value",
+			"disabled",
+			"possible-values",
+			"loading",
+			"placeholder",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { s as t };

package/dist/ManualTwinlistControl-CPILp7H_.js

@@ -0,0 +1,75 @@
+import { r as e } from "./utils-DmZLgn8X.js";
+import { n as t, t as n } from "./usePossibleValues-Cx6iSt_X.js";
+import { t as r } from "./toKdsPossibleValues-Dd_qzlUI.js";
+import { t as i } from "./useUnknownValuesInTwinlist-BvCTc3hC.js";
+import { computed as a, createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, toRef as u, unref as d } from "vue";
+import { KdsTwinList as f } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/twinlist/ManualTwinlistControl.vue
+var p = /* @__PURE__ */ s({
+	__name: "ManualTwinlistControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(s) {
+		let p = s, { excludedLabel: m, includedLabel: h } = n(u(p, "control")), { possibleValues: g } = t(u(p, "control")), _ = a(() => r(g.value ?? [])), { selectedAndDeselected: v, setCurrentManualFilter: y } = i({
+			data: a(() => ({ manualFilter: p.control.data })),
+			possibleValueIds: a(() => g.value?.map(({ id: e }) => e) ?? null)
+		}), b = (t) => {
+			let n = e(p.control.data, t);
+			p.changeValue(n), y(n);
+		}, x = null, S = () => {
+			if (x !== null) {
+				let e = x;
+				x = null, b(e);
+			}
+		}, C = (t) => {
+			x === null ? (x = t, queueMicrotask(S)) : x = e(x, t);
+		}, w = (e) => {
+			C({ manuallySelected: e });
+		}, T = (e) => {
+			C({ manuallyDeselected: e });
+		}, E = (e) => {
+			e !== null && C({ includeUnknownColumns: e });
+		};
+		return (e, t) => (l(), o(d(f), c(e.$attrs, {
+			id: s.labelForId,
+			ariaLabel: s.control.label,
+			disabled: s.disabled,
+			"manually-included": d(v).selected ?? [],
+			"manually-excluded": d(v).deselected ?? [],
+			"include-unknown-values": s.control.data.includeUnknownColumns,
+			"possible-values": _.value,
+			loading: d(v).selected === null,
+			"exclude-label": d(m),
+			"include-label": d(h),
+			error: s.error,
+			"sub-text": s.subText,
+			"onUpdate:manuallyIncluded": w,
+			"onUpdate:manuallyExcluded": T,
+			"onUpdate:includeUnknownValues": E
+		}), null, 16, [
+			"id",
+			"ariaLabel",
+			"disabled",
+			"manually-included",
+			"manually-excluded",
+			"include-unknown-values",
+			"possible-values",
+			"loading",
+			"exclude-label",
+			"include-label",
+			"error",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/NameFilter-CYYPRj-2.js

@@ -0,0 +1,29 @@
+import { n as e } from "./useUnknownValuesInTwinlist-BvCTc3hC.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i } from "vue";
+//#endregion
+//#region src/uiComponents/twinlist/NameFilter.vue
+var a = /* @__PURE__ */ n({
+	__name: "NameFilter",
+	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,
+			...n.$attrs
+		}, {
+			"unknown-values-text": "Any unknown value",
+			"show-unknown-values": "",
+			"empty-state-label": "No values in this list"
+		}), null, 16));
+	}
+});
+//#endregion
+export { a as default };

package/dist/NumberControl-ODy5GAlR.js

@@ -0,0 +1,22 @@
+import { t as e } from "./NumberControlBase-Cl3QcvzB.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i } from "vue";
+//#endregion
+//#region src/uiComponents/NumberControl.vue
+var a = /* @__PURE__ */ n({
+	__name: "NumberControl",
+	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: "double" }), null, 16));
+	}
+});
+//#endregion
+export { a as default };

package/dist/NumberControlBase-Cl3QcvzB.js

@@ -0,0 +1,56 @@
+import { t as e } from "./useBuiltinValidations-B_Drc2y-.js";
+import { computed as t, createBlock as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+import { KdsNumberInput as o } from "@knime/kds-components";
+//#region src/uiComponents/NumberControlBase.vue?vue&type=script&setup=true&lang.ts
+var s = 1, c = .1, l = /* @__PURE__ */ r({
+	__name: "NumberControlBase",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {},
+		type: {}
+	},
+	setup(r) {
+		let l = r, u = t(() => l.control.uischema.options?.stepSize ?? (l.type === "integer" ? s : c)), d = e({
+			min: ({ min: e, isExclusive: t }) => (n) => isNaN(n) || (t ? n > e : n >= e),
+			max: ({ max: e, isExclusive: t }) => (n) => isNaN(n) || (t ? n < e : n <= e)
+		}, l), f = t(() => {
+			let e = d.value.min;
+			if (!(!e || e.min === null)) return e.min + (e.isExclusive ? u.value : 0);
+		}), p = t(() => {
+			let e = d.value.max;
+			if (!(!e || e.max === null)) return e.max - (e.isExclusive ? u.value : 0);
+		});
+		return (e, t) => (i(), n(a(o), {
+			id: r.labelForId,
+			ariaLabel: r.control.label,
+			class: "number-input",
+			disabled: r.disabled,
+			"model-value": r.control.data,
+			min: f.value,
+			max: p.value,
+			step: u.value,
+			error: r.error,
+			"sub-text": r.subText,
+			"onUpdate:modelValue": r.changeValue
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"disabled",
+			"model-value",
+			"min",
+			"max",
+			"step",
+			"error",
+			"sub-text",
+			"onUpdate:modelValue"
+		]));
+	}
+});
+//#endregion
+export { l as t };

package/dist/OneOfDropdown-CMPRAraI.js

@@ -0,0 +1,44 @@
+import { i as e } from "./utils-DmZLgn8X.js";
+import { computed as t, createBlock as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+import { KdsDropdown as o } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/OneOfDropdown.vue
+var s = /* @__PURE__ */ r({
+	__name: "OneOfDropdown",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let s = r, c = s.control.schema?.oneOf?.map(e) ?? [], l = t({
+			get: () => s.control.data ?? "",
+			set: s.changeValue
+		});
+		return (e, t) => (i(), n(a(o), {
+			id: r.labelForId,
+			modelValue: l.value,
+			"onUpdate:modelValue": t[0] ||= (e) => l.value = e,
+			"possible-values": a(c),
+			ariaLabel: r.control.label,
+			disabled: r.disabled,
+			error: r.error,
+			"sub-text": r.subText
+		}, null, 8, [
+			"id",
+			"modelValue",
+			"possible-values",
+			"ariaLabel",
+			"disabled",
+			"error",
+			"sub-text"
+		]));
+	}
+});
+//#endregion
+export { s as default };