@knime/jsonforms 3.3.0 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/jsonforms
 
+## 3.4.0
+
+### Minor Changes
+
+- 0ed38d7: Re-export `toDataPathSegments` from `@jsonforms/core` for external use.
+
 ## 3.3.0
 
 ### Minor Changes

package/dist/{SectionLayout-CeH5Cgu6.js → SectionLayout-B-vh7ulD.js}

@@ -1,4 +1,4 @@
-import { l as e, u as t } from "./src-C7J03FSu.js";
+import { d as e, u as t } from "./src-DkIWYVHR.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";
@@ -13,10 +13,10 @@ var p = /*#__PURE__*/ n(/* @__PURE__ */ o({
 			class: "section",
 			onMouseover: p[0] ||= (e) => o.value = !0,
 			onMouseleave: p[1] ||= (e) => o.value = !1
-		}, [a(e, { "title-text": n.layout.uischema.label ?? "" }, {
+		}, [a(t, { "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 }, {
+		}, 8, ["title-text"]), a(e, { elements: n.layout.uischema.elements }, {
 			default: d(({ element: e, index: t }) => [(s(), r(u(f), {
 				key: `${n.layout.path}-${t}`,
 				schema: n.layout.schema,

package/dist/{SettingsSubPanelLayout-DVKCGwz0.js → SettingsSubPanelLayout-D9TM077j.js}

@@ -1,4 +1,4 @@
-import { O as e, l as t, u as n } from "./src-C7J03FSu.js";
+import { d as e, k as t, u as n } from "./src-DkIWYVHR.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";
@@ -12,11 +12,11 @@ var _ = { class: "flex-row" }, v = /*#__PURE__*/ r(/* @__PURE__ */ l({
 		return (i, l) => (u(), o("div", {
 			onMouseover: l[0] ||= (e) => x.value = !0,
 			onMouseleave: l[1] ||= (e) => x.value = !1
-		}, [c(e, {
+		}, [c(t, {
 			"show-back-arrow": "",
 			"back-button-label": b.value
 		}, {
-			"expand-button": m(({ expand: e }) => [c(t, { "title-text": r.layout.uischema.label ?? "" }, {
+			"expand-button": m(({ expand: e }) => [c(n, { "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",
@@ -26,7 +26,7 @@ var _ = { class: "flex-row" }, v = /*#__PURE__*/ r(/* @__PURE__ */ l({
 				}, null, 8, ["label", "onClick"])])]),
 				_: 2
 			}, 1032, ["title-text"])]),
-			default: m(() => [c(n, { elements: r.layout.uischema.elements }, {
+			default: m(() => [c(e, { elements: r.layout.uischema.elements }, {
 				default: m(({ element: e, index: t }) => [(u(), a(p(h), {
 					key: `${r.layout.path}-${t}`,
 					schema: r.layout.schema,

package/dist/{VerticalLayout-_cTlmyYO.js → VerticalLayout-DlhW4HEd.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./src-C7J03FSu.js";
+import { d as e } from "./src-DkIWYVHR.js";
 import { createBlock as t, defineComponent as n, openBlock as r, unref as i, withCtx as a } from "vue";
 import { DispatchRenderer as o } from "@jsonforms/vue";
 //#endregion

package/dist/knime-jsonforms.js

@@ -1,3 +1,3 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, w as E, x as D, y as O } from "./src-C7J03FSu.js";
-import { n as k } from "./useProvidedState-478_KXOe.js";
-export { x as FieldControl, e as Form, n as JsonFormsDialog, r as LabeledControl, g as SectionHeading, i as SettingsSubPanel, u as SimpleArrayLayout, v as SimpleButtonControl, C as TextControl, w as VerticalLayoutBase, l as controlProps, T as controlToRenderer, h as controls, c as defaultRenderers, D as defineControl, _ as defineLayout, o as getAsyncSetupMethod, a as handleAsyncComponents, f as inputFormats, m as layoutProps, p as layoutToRenderer, y as layouts, t as mapControls, E as mapLayouts, d as priorityRanks, S as toRenderers, k as useProvidedState, s as withDescriptionButton, b as withDescriptionButtonLayout, O as withLabel };
+import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "./src-DkIWYVHR.js";
+import { n as A } from "./useProvidedState-478_KXOe.js";
+export { m as FieldControl, h as Form, r as JsonFormsDialog, t as LabeledControl, T as SectionHeading, g as SettingsSubPanel, _ as SimpleArrayLayout, S as SimpleButtonControl, y as TextControl, u as VerticalLayoutBase, O as controlProps, k as controlToRenderer, s as controls, b as defaultRenderers, i as defineControl, p as defineLayout, n as getAsyncSetupMethod, e as handleAsyncComponents, x as inputFormats, f as layoutProps, o as layoutToRenderer, C as layouts, D as mapControls, a as mapLayouts, d as priorityRanks, w as toDataPathSegments, l as toRenderers, A as useProvidedState, E as withDescriptionButton, v as withDescriptionButtonLayout, c as withLabel };

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@ import { default as JsonFormsDialog } from './JsonFormsDialog.vue';
 import { AlertParams } from './types/alert';
 import { Provided } from './types/provided';
 import { UiSchemaWithProvidedOptions } from './uiComponents/composables/useProvidedState';
+export { toDataPathSegments } from '@jsonforms/core';
 export type { JsonSchema, UISchemaElement } from '@jsonforms/core';
 export type { Ajv } from 'ajv';
 export { JsonFormsDialog, type Provided, type AlertParams, type UiSchemaWithProvidedOptions, };

package/dist/{src-C7J03FSu.js → src-DkIWYVHR.js}

@@ -4,18 +4,18 @@ import { t as n } from "./inject-DEsHVs5q.js";
 import { n as r, t as i } from "./useProvidedState-478_KXOe.js";
 import { t as a } from "./useBuiltinValidations-B_Drc2y-.js";
 import { Fragment as o, Suspense as s, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, h as v, inject as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as ee, onMounted as te, openBlock as w, provide as T, reactive as ne, ref as E, renderList as D, renderSlot as O, toDisplayString as re, toRaw as ie, toRef as ae, toValue as oe, unref as k, useId as se, useTemplateRef as ce, watch as A, withCtx as j } from "vue";
-import { Actions as le, UPDATE_DATA as ue, and as M, composePaths as N, hasType as de, isAnyOfControl as fe, isBooleanControl as pe, isControl as P, isDateTimeControl as me, isIntegerControl as F, isNumberControl as I, isOneOfControl as L, isStringControl as R, not as he, rankWith as z, schemaMatches as ge, uiTypeIs as B } from "@jsonforms/core";
-import { DispatchRenderer as _e, JsonForms as ve, rendererProps as V, useJsonFormsArrayControl as ye, useJsonFormsControl as be, useJsonFormsLayout as xe } from "@jsonforms/vue";
-import { KdsButton as H, KdsDescription as Se, KdsInfoToggleButton as Ce, KdsInlineMessage as we, KdsLabel as Te, KdsLoadingSkeleton as U, KdsNumberInput as Ee, KdsPanel as De, KdsPasswordInput as Oe, KdsTextInput as ke, KdsToggleSwitch as Ae, KdsUsernameInput as je, kdsToggleSwitchSize as Me } from "@knime/kds-components";
+import { Actions as le, UPDATE_DATA as ue, and as M, composePaths as N, hasType as de, isAnyOfControl as fe, isBooleanControl as pe, isControl as P, isDateTimeControl as me, isIntegerControl as F, isNumberControl as I, isOneOfControl as L, isStringControl as R, not as he, rankWith as z, schemaMatches as ge, toDataPathSegments as _e, uiTypeIs as B } from "@jsonforms/core";
+import { DispatchRenderer as ve, JsonForms as ye, rendererProps as V, useJsonFormsArrayControl as be, useJsonFormsControl as xe, useJsonFormsLayout as Se } from "@jsonforms/vue";
+import { KdsButton as H, KdsDescription as Ce, KdsInfoToggleButton as we, KdsInlineMessage as Te, KdsLabel as Ee, KdsLoadingSkeleton as U, KdsNumberInput as De, KdsPanel as Oe, KdsPasswordInput as ke, KdsTextInput as Ae, KdsToggleSwitch as je, KdsUsernameInput as Me, kdsToggleSwitchSize as Ne } from "@knime/kds-components";
 //#region src/layoutComponents/Form.vue
-var Ne = {}, Pe = { class: "flex-wrapper" }, Fe = { class: "form" };
-function Ie(e, t) {
-	return w(), p("div", Pe, [m("div", Fe, [O(e.$slots, "default", {}, void 0, !0)]), O(e.$slots, "bottom-content", {}, void 0, !0)]);
+var Pe = {}, Fe = { class: "flex-wrapper" }, Ie = { class: "form" };
+function Le(e, t) {
+	return w(), p("div", Fe, [m("div", Ie, [O(e.$slots, "default", {}, void 0, !0)]), O(e.$slots, "bottom-content", {}, void 0, !0)]);
 }
-var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]), Le = ["aria-label"], Re = { class: "settings-sub-panel-body" }, ze = {
+var W = /*#__PURE__*/ t(Pe, [["render", Le], ["__scopeId", "data-v-2d34194b"]]), Re = ["aria-label"], ze = { class: "settings-sub-panel-body" }, Be = {
 	key: 0,
 	class: "settings-sub-panel-footer"
-}, G = Symbol("subPanelDestInjectionKey"), Be = (e) => T(G, e), Ve = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}, G = Symbol("subPanelDestInjectionKey"), Ve = (e) => T(G, e), He = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "SettingsSubPanel",
 	props: {
 		showBackArrow: {
@@ -61,41 +61,41 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 				class: "settings-sub-panel",
 				"aria-label": b.value,
 				tabindex: "-1"
-			}, [h(k(De), {
+			}, [h(k(Oe), {
 				headline: x.value,
 				"body-variant": "plain",
 				"body-overflow": "hidden"
 			}, {
-				default: j(() => [m("div", Re, [O(e.$slots, "default", {}, void 0, !0)])]),
+				default: j(() => [m("div", ze, [O(e.$slots, "default", {}, void 0, !0)])]),
 				_: 3
-			}, 8, ["headline"]), e.$slots["bottom-content"] ? (w(), p("div", ze, [O(e.$slots, "bottom-content", {}, void 0, !0)])) : f("", !0)], 8, Le)) : f("", !0)]),
+			}, 8, ["headline"]), e.$slots["bottom-content"] ? (w(), p("div", Be, [O(e.$slots, "bottom-content", {}, void 0, !0)])) : f("", !0)], 8, Re)) : f("", !0)]),
 			_: 3
 		})], 8, ["to"]))], 64));
 	}
-}), [["__scopeId", "data-v-bcab65d0"]]), He = {
+}), [["__scopeId", "data-v-bcab65d0"]]), Ue = {
 	key: 0,
 	class: "loading-dialog"
-}, Ue = { class: "two-columns" }, We = 200, Ge = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}, We = { class: "two-columns" }, Ge = 200, Ke = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "LoadingDialog",
 	setup(e) {
 		let t = E(!1);
 		return te(() => {
 			setTimeout(() => {
 				t.value = !0;
-			}, We);
-		}), (e, n) => t.value ? (w(), p("div", He, [
+			}, Ge);
+		}), (e, n) => t.value ? (w(), p("div", Ue, [
 			h(k(U), {
 				variant: "input-with-label",
 				repeat: 3
 			}),
-			m("div", Ue, [h(k(U), { variant: "input-with-label" }), h(k(U), { variant: "input-with-label" })]),
+			m("div", We, [h(k(U), { variant: "input-with-label" }), h(k(U), { variant: "input-with-label" })]),
 			h(k(U), {
 				variant: "input-with-label",
 				repeat: 3
 			})
 		])) : f("", !0);
 	}
-}), [["__scopeId", "data-v-6920196f"]]), Ke = { class: "dialog" }, qe = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}), [["__scopeId", "data-v-6920196f"]]), qe = { class: "dialog" }, Je = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "JsonFormsDialog",
 	props: {
 		schema: {},
@@ -148,7 +148,7 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 			}), await v);
 		} });
 		let S = E(null);
-		Be(S);
+		Ve(S);
 		let C = u(() => ({
 			data: e.data,
 			schema: e.schema,
@@ -157,15 +157,15 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 			middleware: a,
 			...e.ajv ? { ajv: e.ajv } : {}
 		}));
-		return (e, t) => (w(), p("div", Ke, [m("div", {
+		return (e, t) => (w(), p("div", qe, [m("div", {
 			ref_key: "subPanelTeleportDest",
 			ref: S
 		}, null, 512), (w(), d(s, null, {
-			fallback: j(() => [h(Ge)]),
+			fallback: j(() => [h(Ke)]),
 			default: j(() => [h(W, null, {
 				default: j(() => [
 					O(e.$slots, "top", {}, void 0, !0),
-					h(k(ve), b({
+					h(k(ye), b({
 						ref_key: "jsonforms",
 						ref: c
 					}, C.value, { onChange: o }), null, 16),
@@ -176,7 +176,7 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 			_: 3
 		}))]));
 	}
-}), [["__scopeId", "data-v-acd25041"]]), Je = ({ control: e, disabled: t, changeValue: n, controlElement: i }) => {
+}), [["__scopeId", "data-v-acd25041"]]), Ye = ({ control: e, disabled: t, changeValue: n, controlElement: i }) => {
 	let a = u(() => k(e).uischema), o = u(() => a.value?.options?.hideOnNull ?? !1), s = r(a, "default"), c = u(() => k(e).data === null || k(e).data === void 0), l = u(() => !(o.value && c.value)), d = u(() => k(e).data === s.value), f = k(e).label;
 	A(() => l.value, (e) => {
 		e && x(() => i.value?.focus?.());
@@ -193,11 +193,11 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 			"onUpdate:modelValue": (e) => p(e),
 			disabled: k(t),
 			class: "toggle-hide-on-null",
-			size: Me.SMALL,
+			size: Ne.SMALL,
 			ariaLabel: h.value
 		}))
 	};
-}, Ye = { class: "control-header" }, Xe = { class: "left" }, K = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}, Xe = { class: "control-header" }, Ze = { class: "left" }, K = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "LabeledControl",
 	props: {
 		label: {},
@@ -213,8 +213,8 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 			class: S(["dialog-label", { fill: e.fill }]),
 			onMouseover: a[0] ||= (e) => n.value = !0,
 			onMouseleave: a[1] ||= (e) => n.value = !1
-		}, [m("div", Ye, [
-			m("div", Xe, [h(k(Te), {
+		}, [m("div", Xe, [
+			m("div", Ze, [h(k(Ee), {
 				id: "label-" + k(r),
 				for: k(r),
 				label: i.value,
@@ -231,7 +231,7 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 	}
 }), [["__scopeId", "data-v-dcb388eb"]]), q = (e) => async () => {
 	e.name === "AsyncComponentWrapper" && await e.setup();
-}, Ze = {
+}, Qe = {
 	control: {
 		type: Object,
 		required: !0
@@ -257,23 +257,23 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 		type: Function,
 		required: !0
 	}
-}, J = (e) => _(e, { props: Ze }), Qe = (e) => (t) => Object.entries(t).reduce((t, [n, { control: r, name: i, tester: a, __asyncSetup: o }]) => (t[n] = {
+}, J = (e) => _(e, { props: Qe }), $e = (e) => (t) => Object.entries(t).reduce((t, [n, { control: r, name: i, tester: a, __asyncSetup: o }]) => (t[n] = {
 	control: e(r, n),
 	name: i,
 	tester: a,
 	__asyncSetup: o || q(r)
-}, t), {}), $e = (e) => (t) => Object.entries(t).reduce((t, [n, { layout: r, name: i, tester: a, __asyncSetup: o }]) => (t[n] = {
+}, t), {}), et = (e) => (t) => Object.entries(t).reduce((t, [n, { layout: r, name: i, tester: a, __asyncSetup: o }]) => (t[n] = {
 	layout: e(r, n),
 	name: i,
 	tester: a,
 	__asyncSetup: o || q(r)
-}, t), {}), et = (e) => ({ control: t, tester: n, name: r, __asyncSetup: i }) => ({
+}, t), {}), tt = (e) => ({ control: t, tester: n, name: r, __asyncSetup: i }) => ({
 	name: r,
 	tester: n,
 	__asyncSetup: i || q(t),
 	control: e(t)
-}), tt = ({ fill: e } = { fill: !1 }) => (t) => J((n, { slots: r }) => {
-	let i = E(null), a = u(() => n.control.uischema.options?.hideControlHeader), { toggleProps: o, showToggle: s, showControl: c, onLabelClick: l } = Je({
+}), nt = ({ fill: e } = { fill: !1 }) => (t) => J((n, { slots: r }) => {
+	let i = E(null), a = u(() => n.control.uischema.options?.hideControlHeader), { toggleProps: o, showToggle: s, showControl: c, onLabelClick: l } = Ye({
 		control: ae(n, "control"),
 		controlElement: i,
 		changeValue: n.changeValue,
@@ -287,7 +287,7 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 		fill: e,
 		onLabelClick: s.value ? l : void 0
 	}, {
-		"after-buttons": () => s.value ? v(Ae, o.value) : null,
+		"after-buttons": () => s.value ? v(je, o.value) : null,
 		default: ({ labelForId: e }) => c.value ? v(t, {
 			...n,
 			labelForId: e,
@@ -299,10 +299,10 @@ var W = /*#__PURE__*/ t(Ne, [["render", Ie], ["__scopeId", "data-v-2d34194b"]]),
 		}) : null,
 		icon: r.icon
 	});
-}), Y = (e = { fill: !1 }) => et(tt(e));
+}), Y = (e = { fill: !1 }) => tt(nt(e));
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var nt = () => {};
-function rt(e, t) {
+var rt = () => {};
+function it(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -314,9 +314,9 @@ function rt(e, t) {
 	}
 	return n;
 }
-function it(e, t = {}) {
-	let n, r, i = nt, a = (e) => {
-		clearTimeout(e), i(), i = nt;
+function at(e, t = {}) {
+	let n, r, i = rt, a = (e) => {
+		clearTimeout(e), i(), i = rt;
 	}, o;
 	return (s) => {
 		let c = oe(e), l = oe(t.maxWait);
@@ -329,22 +329,22 @@ function it(e, t = {}) {
 		});
 	};
 }
-function at(e, t = 200, n = {}) {
-	return rt(it(t, n), e);
+function ot(e, t = 200, n = {}) {
+	return it(at(t, n), e);
 }
 //#endregion
 //#region src/higherOrderComponents/control/validation/useCustomValidation.ts
-var ot = 500, st = ({ data: e, uischema: t }) => {
+var st = 500, ct = ({ data: e, uischema: t }) => {
 	let r = E(null), a = i(t, "validatorId"), o = n("validate"), s = async (e) => {
 		a?.value ? r.value = await o(a.value, e) : r.value = null;
 	};
 	return A(() => a.value, () => s(e.value), { immediate: !0 }), {
 		customValidationMessage: r,
-		performCustomValidationDebounced: at((e) => {
+		performCustomValidationDebounced: ot((e) => {
 			s(e).catch((e) => {});
-		}, ot)
+		}, st)
 	};
-}, ct = 500, lt = ({ data: e, options: t, performExternalValidation: n, customValidationMessage: r }) => {
+}, lt = 500, ut = ({ data: e, options: t, performExternalValidation: n, customValidationMessage: r }) => {
 	let i = u(() => !!t.value?.externalValidationHandler), a = ne({}), o = ne({}), s = 0, c = (e) => {
 		let t = String(s++);
 		return a[t] = e, () => {
@@ -357,9 +357,9 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			let r = t.value.externalValidationHandler, i = await n(r, e);
 			l(r, i);
 		}
-	}, f = at((e) => {
+	}, f = ot((e) => {
 		d(e);
-	}, ct), p = u(() => Object.values(a).map((t) => k(t)?.(e.value))), m = u(() => Object.values(o)), h = u(() => ({ errors: [
+	}, lt), p = u(() => Object.values(a).map((t) => k(t)?.(e.value))), m = u(() => Object.values(o)), h = u(() => ({ errors: [
 		...p.value.flatMap(({ errors: e } = { errors: [] }) => e),
 		...m.value,
 		...r?.value ? [r.value] : []
@@ -370,11 +370,11 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		onRegisterValidation: c,
 		performExternalValidationDebounced: f
 	};
-}, ut = ({ component: e, asyncSetup: t, config: n = {} }) => _(async (r, i) => {
-	let a = be(r), o = u(() => a.control.value.visible), s = u(() => a.control.value.data), c = u(() => a.control.value.uischema || {}), { customValidationMessage: l, performCustomValidationDebounced: d } = st({
+}, dt = ({ component: e, asyncSetup: t, config: n = {} }) => _(async (r, i) => {
+	let a = xe(r), o = u(() => a.control.value.visible), s = u(() => a.control.value.data), c = u(() => a.control.value.uischema || {}), { customValidationMessage: l, performCustomValidationDebounced: d } = ct({
 		data: s,
 		uischema: c
-	}), { messages: f, isValid: p, onRegisterValidation: m, performExternalValidationDebounced: h } = lt({
+	}), { messages: f, isValid: p, onRegisterValidation: m, performExternalValidationDebounced: h } = ut({
 		data: s,
 		options: u(() => c.value.options || {}),
 		performExternalValidation: n?.performExternalValidation,
@@ -395,7 +395,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		subText: f.value.errors.at(-1),
 		onRegisterValidation: m
 	}, i.slots) : null;
-}, { props: V() }), dt = { class: "description-wrapper" }, ft = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}, { props: V() }), ft = { class: "description-wrapper" }, pt = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "DescriptionPopover",
 	props: {
 		html: {},
@@ -405,39 +405,39 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		}
 	},
 	setup(e) {
-		return (t, n) => (w(), d(k(Ce), { hidden: !e.hover }, {
-			default: j(() => [m("div", dt, [h(k(Se), {
+		return (t, n) => (w(), d(k(we), { hidden: !e.hover }, {
+			default: j(() => [m("div", ft, [h(k(Ce), {
 				text: e.html ?? "",
 				"render-as-html": ""
 			}, null, 8, ["text"])])]),
 			_: 1
 		}, 8, ["hidden"]));
 	}
-}), [["__scopeId", "data-v-36483899"]]), pt = (e) => J((t, n) => {
+}), [["__scopeId", "data-v-36483899"]]), mt = (e) => J((t, n) => {
 	let r = u(() => t.control.description);
 	return () => v(e, t, {
 		...n.slots,
 		buttons: (e) => {
 			let t = r.value !== void 0 && r.value !== "";
-			return [...n.slots.buttons ? [n.slots.buttons(e)] : [], ...t ? [v(ft, {
+			return [...n.slots.buttons ? [n.slots.buttons(e)] : [], ...t ? [v(pt, {
 				html: r.value,
 				hover: e.hover
 			})] : []];
 		}
 	});
-}), mt = (e, t) => _(async (n, r) => {
-	let { layout: i } = xe(n), a = u(() => i.value.visible);
+}), ht = (e, t) => _(async (n, r) => {
+	let { layout: i } = Se(n), a = u(() => i.value.visible);
 	return await (t || q(e))?.(), () => a.value ? v(e, { layout: i.value }, r.slots) : null;
-}, { props: V() }), ht = { layout: {
+}, { props: V() }), gt = { layout: {
 	type: Object,
 	required: !0
-} }, gt = (e) => _(e, { props: ht }), _t = (e) => gt((t, n) => {
+} }, _t = (e) => _(e, { props: gt }), vt = (e) => _t((t, n) => {
 	let r = u(() => t.layout.uischema.description);
 	return () => v(e, t, {
 		...n.slots,
 		buttons: (e) => {
 			let t = r.value !== void 0 && r.value !== "";
-			return [...n.slots.buttons ? [n.slots.buttons(e)] : [], ...t ? [v(ft, {
+			return [...n.slots.buttons ? [n.slots.buttons(e)] : [], ...t ? [v(pt, {
 				html: r.value,
 				hover: e.hover
 			})] : []];
@@ -487,124 +487,124 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 }, Z = (e) => (t) => t.options?.format === e, Q = {
 	fallback: 10,
 	default: 100
-}, vt = g(() => import("./CheckboxesControl-BZhMhT9x.js")), yt = Y()({
+}, yt = g(() => import("./CheckboxesControl-BZhMhT9x.js")), bt = Y()({
 	name: "CheckboxesControl",
-	control: vt,
+	control: yt,
 	tester: z(Q.default, Z(X.checkboxes))
-}), bt = {
+}), xt = {
 	name: "ColorPreviewControl",
 	control: g(() => import("./ColorPreviewControl-B4zix2kb.js")),
 	tester: z(Q.default, Z(X.colorPreview))
-}, xt = g(() => import("./ColorControl-D1dNnNbO.js")), St = Y()({
+}, St = g(() => import("./ColorControl-D1dNnNbO.js")), Ct = Y()({
 	name: "ColorControl",
-	control: xt,
+	control: St,
 	tester: z(Q.default, Z(X.color))
-}), Ct = g(() => import("./ComboBoxControl-BGWAD9IW.js")), wt = M(ge((e) => de(e, "array")), Z(X.comboBox)), Tt = Y()({
+}), wt = g(() => import("./ComboBoxControl-BGWAD9IW.js")), Tt = M(ge((e) => de(e, "array")), Z(X.comboBox)), Et = Y()({
 	name: "ComboBoxControl",
-	control: Ct,
-	tester: z(Q.default, wt)
-}), Et = g(() => import("./DateTimeFormatPickerControl-BiYcsKSn.js")), Dt = Y()({
+	control: wt,
+	tester: z(Q.default, Tt)
+}), Dt = g(() => import("./DateTimeFormatPickerControl-BiYcsKSn.js")), Ot = Y()({
 	name: "DateTimeFormatPickerControl",
-	control: Et,
+	control: Dt,
 	tester: z(Q.default, M(P, Z(X.dateTimeFormat)))
-}), Ot = g({ loader: () => import("./DateTimeControl-kTQZI9JC.js") }), kt = Y()({
+}), kt = g({ loader: () => import("./DateTimeControl-kTQZI9JC.js") }), At = Y()({
 	name: "DateTimeControl",
-	control: Ot,
+	control: kt,
 	tester: z(Q.default, Z(X.dateTime))
-}), At = g({ loader: () => import("./DropdownControl-jsayV3N5.js") }), jt = Y()({
+}), jt = g({ loader: () => import("./DropdownControl-jsayV3N5.js") }), Mt = Y()({
 	name: "DropdownControl",
-	control: At,
+	control: jt,
 	tester: z(Q.default, M(P, Z(X.dropDown)))
-}), Mt = g(() => import("./ExecutorCoresControl-DNo2SaC6.js")), Nt = Y()({
+}), Nt = g(() => import("./ExecutorCoresControl-DNo2SaC6.js")), Pt = Y()({
 	name: "ExecutorCoresControl",
-	control: Mt,
+	control: Nt,
 	tester: z(Q.default, M(F, Z(X.executorCoresResources)))
-}), Pt = g(() => import("./ExecutorMemoryControl-C8RLYQdd.js")), Ft = Y()({
+}), Ft = g(() => import("./ExecutorMemoryControl-C8RLYQdd.js")), It = Y()({
 	name: "ExecutorMemoryControl",
-	control: Pt,
+	control: Ft,
 	tester: z(Q.default, M(F, Z(X.executorMemoryResources)))
-}), It = {
+}), Lt = {
 	name: "CheckboxControl",
 	control: g(() => import("./CheckboxControl-C99OdmDL.js")),
 	tester: z(Q.fallback, pe)
-}, Lt = g(() => import("./IntegerControl-Cr8SO0xH.js")), Rt = Y()({
+}, Rt = g(() => import("./IntegerControl-Cr8SO0xH.js")), zt = Y()({
 	name: "IntegerControl",
-	control: Lt,
+	control: Rt,
 	tester: z(Q.default, M(F, Z(X.integer)))
-}), zt = g(() => import("./NumberControl-ODy5GAlR.js")), Bt = Y()({
+}), Bt = g(() => import("./NumberControl-ODy5GAlR.js")), Vt = Y()({
 	name: "NumberControl",
-	control: zt,
+	control: Bt,
 	tester: z(Q.default, M(I, Z(X.number)))
-}), Vt = g(() => Promise.resolve().then(() => Ar)), Ht = Y()({
+}), Ht = g(() => Promise.resolve().then(() => jr)), Ut = Y()({
 	name: "TextControl",
-	control: Vt,
+	control: Ht,
 	tester: z(Q.fallback, R)
-}), Ut = g(() => import("./VerticalLayout-_cTlmyYO.js")), Wt = {
+}), Wt = g(() => import("./VerticalLayout-DlhW4HEd.js")), Gt = {
 	name: "VerticalLayout",
-	layout: Ut,
+	layout: Wt,
 	tester: z(Q.default, B("VerticalLayout"))
-}, Gt = {
+}, Kt = {
 	name: "VerticalLayout",
-	layout: Ut,
+	layout: Wt,
 	tester: z(Q.fallback, B(void 0))
-}, Kt = g(() => import("./OneOfDropdown-CMPRAraI.js")), qt = g(() => import("./AnyOfTwinlist-DdcxtAjb.js")), Jt = {
+}, qt = g(() => import("./OneOfDropdown-CMPRAraI.js")), Jt = g(() => import("./AnyOfTwinlist-DdcxtAjb.js")), Yt = {
 	oneOfDropdownRenderer: Y()({
 		name: "OneOfDropdown",
-		control: Kt,
+		control: qt,
 		tester: z(Q.fallback, L)
 	}),
 	dateTimeFallbackRenderer: {
-		...kt,
+		...At,
 		tester: z(Q.fallback, me)
 	},
-	textRenderer: Ht,
-	checkboxRenderer: It,
+	textRenderer: Ut,
+	checkboxRenderer: Lt,
 	anyOfTwinlistRenderer: Y()({
 		name: "AnyOfTwinlist",
-		control: qt,
+		control: Jt,
 		tester: z(Q.fallback, fe)
 	}),
 	numberFallbackRenderer: {
-		...Bt,
+		...Vt,
 		tester: z(Q.fallback, I)
 	},
 	integerFallbackRenderer: {
-		...Rt,
+		...zt,
 		tester: z(Q.fallback, F)
 	}
-}, Yt = { verticalLayoutFallbackRenderer: Gt }, Xt = g(() => import("./FileUploadControl-Cv3xWTAS.js")), Zt = Y()({
+}, Xt = { verticalLayoutFallbackRenderer: Kt }, Zt = g(() => import("./FileUploadControl-Cv3xWTAS.js")), Qt = Y()({
 	name: "FileUploadRenderer",
-	control: Xt,
+	control: Zt,
 	tester: z(Q.default, M(P, Z(X.fileUpload)))
-}), Qt = g(() => import("./GridSelectionControl-RKdnWWGk.js")), $t = Y()({
+}), $t = g(() => import("./GridSelectionControl-RKdnWWGk.js")), en = Y()({
 	name: "GridSelectionRenderer",
-	control: Qt,
+	control: $t,
 	tester: z(Q.default, M(P, Z(X.gridSelection)))
-}), en = g(() => import("./HorizontalLayout-B_lETfCu.js")), tn = B("HorizontalLayout"), nn = {
+}), tn = g(() => import("./HorizontalLayout-B_lETfCu.js")), nn = B("HorizontalLayout"), rn = {
 	name: "HorizontalLayout",
-	layout: en,
-	tester: z(Q.default, tn)
-}, rn = g(() => import("./IntervalControl-BdjKEwLy.js")), an = Y()({
+	layout: tn,
+	tester: z(Q.default, nn)
+}, an = g(() => import("./IntervalControl-BdjKEwLy.js")), on = Y()({
 	name: "IntervalControl",
-	control: rn,
+	control: an,
 	tester: z(Q.default, M(P, Z(X.interval)))
-}), on = {
+}), sn = {
 	name: "LinkRenderer",
 	control: g(() => import("./LinkControl-QMwkCJlj.js")),
 	tester: z(Q.default, Z(X.link))
-}, sn = g({ loader: () => import("./DateControl-D0HfVrtz.js") }), cn = Y()({
+}, cn = g({ loader: () => import("./DateControl-D0HfVrtz.js") }), ln = Y()({
 	name: "DateControl",
-	control: sn,
+	control: cn,
 	tester: z(Q.default, Z(X.localDate))
-}), ln = g({ loader: () => import("./TimeControl-B29iTlhP.js") }), un = Y()({
+}), un = g({ loader: () => import("./TimeControl-B29iTlhP.js") }), dn = Y()({
 	name: "TimeControl",
-	control: ln,
+	control: un,
 	tester: z(Q.default, Z(X.localTime))
-}), dn = g(() => import("./NameFilter-DzqgrcaF.js")), fn = Y()({
+}), fn = g(() => import("./NameFilter-DzqgrcaF.js")), pn = Y()({
 	name: "NameFilter",
-	control: dn,
+	control: fn,
 	tester: z(Q.default, M(P, Z(X.nameFilter)))
-}), pn = "*************", mn = /* @__PURE__ */ _({
+}), mn = "*************", hn = /* @__PURE__ */ _({
 	__name: "PasswordControl",
 	props: {
 		control: {},
@@ -617,12 +617,12 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		labelForId: {}
 	},
 	setup(e) {
-		let t = e, n = E(""), r = u(() => t.control.uischema.options?.variant ?? "password"), i = u(() => t.control.uischema.options?.usePasswordPlaceholder ?? !1), a = u(() => i.value ? pn : t.control.uischema.options?.passwordPlaceholder ?? "Password"), o = u(() => n.value !== "" && !t.disabled), s = (e) => {
+		let t = e, n = E(""), r = u(() => t.control.uischema.options?.variant ?? "password"), i = u(() => t.control.uischema.options?.usePasswordPlaceholder ?? !1), a = u(() => i.value ? mn : t.control.uischema.options?.passwordPlaceholder ?? "Password"), o = u(() => n.value !== "" && !t.disabled), s = (e) => {
 			n.value = e, t.handleChange(t.control.path, n.value);
 		};
 		return te(() => {
 			n.value = t.control.data ?? "";
-		}), (t, i) => (w(), d(k(Oe), {
+		}), (t, i) => (w(), d(k(ke), {
 			id: e.labelForId,
 			"model-value": n.value,
 			"show-visibility-toggle": o.value,
@@ -643,15 +643,15 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"sub-text"
 		]));
 	}
-}), hn = Y()({
+}), gn = Y()({
 	name: "PasswordRenderer",
-	control: mn,
+	control: hn,
 	tester: z(Q.default, Z(X.password))
-}), gn = {
+}), _n = {
 	name: "ProgressButtonControl",
 	control: g(() => import("./ProgressButtonControl-CKkSaF15.js")),
 	tester: z(Q.default, Z(X.progressButton))
-}, _n = /* @__PURE__ */ _({
+}, vn = /* @__PURE__ */ _({
 	__name: "QuantityControl",
 	props: {
 		control: {},
@@ -667,7 +667,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		let t = e, n = u(() => t.control.schema.minimum ?? 0), r = u(() => t.control.schema.maximum ?? Infinity), i = u(() => t.control.uischema.options?.step ?? 1), a = u(() => t.control.uischema.options?.unit || ""), o = (e) => {
 			t.handleChange(t.control.path, e);
 		};
-		return (t, s) => (w(), d(k(Ee), {
+		return (t, s) => (w(), d(k(De), {
 			id: e.labelForId,
 			ariaLabel: e.control.label,
 			"model-value": e.control.data,
@@ -692,40 +692,40 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"sub-text"
 		]));
 	}
-}), vn = Y()({
+}), yn = Y()({
 	name: "QuantityControl",
-	control: _n,
+	control: vn,
 	tester: z(Q.default, Z(X.quantity))
-}), yn = g(() => import("./RadioControl-D_NE5s4n.js")), bn = Y()({
+}), bn = g(() => import("./RadioControl-D_NE5s4n.js")), xn = Y()({
 	name: "RadioControl",
-	control: yn,
+	control: bn,
 	tester: z(Q.default, Z(X.radio))
-}), xn = {
+}), Sn = {
 	name: "RadioButtonsWithDescriptionControl",
 	control: g(() => import("./RadioButtonsWithDescriptionControl-DJu3ODo7.js")),
 	tester: z(Q.default, M(L, Z(X.radioButtonsWithDescription)))
-}, Sn = g(() => import("./RichTextControl-JIM904_P.js")), Cn = Y({ fill: !0 })({
+}, Cn = g(() => import("./RichTextControl-JIM904_P.js")), wn = Y({ fill: !0 })({
 	name: "RichTextControl",
-	control: Sn,
+	control: Cn,
 	tester: z(Q.default, M(R, Z(X.richTextInput)))
-}), wn = g(() => import("./SectionLayout-CeH5Cgu6.js")), Tn = B("Section"), En = {
+}), Tn = g(() => import("./SectionLayout-B-vh7ulD.js")), En = B("Section"), Dn = {
 	name: "SectionLayout",
-	layout: wn,
-	tester: z(Q.default, Tn)
-}, Dn = g(() => import("./SettingsSubPanelLayout-DVKCGwz0.js")), On = B("SettingsSubPanelLayout"), kn = {
+	layout: Tn,
+	tester: z(Q.default, En)
+}, On = g(() => import("./SettingsSubPanelLayout-D9TM077j.js")), kn = B("SettingsSubPanelLayout"), An = {
 	name: "SettingsSubPanelLayout",
-	layout: Dn,
-	tester: z(Q.default, On)
-}, An = { class: "vertical-layout" }, jn = /*#__PURE__*/ t(/* @__PURE__ */ _({
+	layout: On,
+	tester: z(Q.default, kn)
+}, jn = { class: "vertical-layout" }, Mn = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "VerticalLayoutBase",
 	props: { elements: {} },
 	setup(e) {
-		return (t, n) => (w(), p("div", An, [(w(!0), p(o, null, D(e.elements, (e, n) => O(t.$slots, "default", {
+		return (t, n) => (w(), p("div", jn, [(w(!0), p(o, null, D(e.elements, (e, n) => O(t.$slots, "default", {
 			element: e,
 			index: n
 		}, void 0, !0, n)), 128))]));
 	}
-}), [["__scopeId", "data-v-abc3717c"]]), Mn = { class: "section-header-layout-container" }, Nn = { class: "section-header-buttons" }, Pn = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}), [["__scopeId", "data-v-abc3717c"]]), Nn = { class: "section-header-layout-container" }, Pn = { class: "section-header-buttons" }, Fn = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "SectionHeading",
 	props: { titleText: {} },
 	setup(e) {
@@ -759,9 +759,9 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			ref: t,
 			class: "section-header-sentinel",
 			"aria-hidden": "true"
-		}, null, 512), m("div", b({ class: ["section-header", { "is-sticking": n.value }] }, r.$attrs), [m("div", Mn, [m("h3", null, re(e.titleText), 1), m("div", Nn, [O(r.$slots, "right-buttons", {}, void 0, !0)])])], 16)], 64));
+		}, null, 512), m("div", b({ class: ["section-header", { "is-sticking": n.value }] }, r.$attrs), [m("div", Nn, [m("h3", null, re(e.titleText), 1), m("div", Pn, [O(r.$slots, "right-buttons", {}, void 0, !0)])])], 16)], 64));
 	}
-}), [["__scopeId", "data-v-87a3f8e3"]]), Fn = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}), [["__scopeId", "data-v-87a3f8e3"]]), In = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "SimpleArrayLayoutItemControls",
 	props: {
 		isFirst: {
@@ -836,17 +836,17 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			})
 		], 4));
 	}
-}), [["__scopeId", "data-v-9f37d47c"]]), In = {
+}), [["__scopeId", "data-v-9f37d47c"]]), Ln = {
 	key: 0,
 	class: "simple-array"
-}, Ln = {
+}, Rn = {
 	key: 0,
 	class: "item-header"
-}, Rn = /*#__PURE__*/ t(/* @__PURE__ */ _({
+}, zn = /*#__PURE__*/ t(/* @__PURE__ */ _({
 	__name: "SimpleArrayLayout",
 	props: V(),
 	setup(e) {
-		let t = e, { control: n, addItem: r, moveUp: i, moveDown: a, removeItems: s } = ye(t), { handleChange: c } = be(t), l = u(() => n.value.uischema.options ?? {}), m = u(() => l.value.showSortButtons ?? !1), g = u(() => l.value.showDuplicateButton ?? !1), _ = u(() => Object.entries(l.value.detail ?? {})), v = u(() => "arrayElementTitle" in l.value), y = u(() => l.value.hideControlHeader ?? !1), b = (e) => {
+		let t = e, { control: n, addItem: r, moveUp: i, moveDown: a, removeItems: s } = be(t), { handleChange: c } = xe(t), l = u(() => n.value.uischema.options ?? {}), m = u(() => l.value.showSortButtons ?? !1), g = u(() => l.value.showDuplicateButton ?? !1), _ = u(() => Object.entries(l.value.detail ?? {})), v = u(() => "arrayElementTitle" in l.value), y = u(() => l.value.hideControlHeader ?? !1), b = (e) => {
 			let t = [
 				"integer",
 				"number",
@@ -864,10 +864,10 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 				i.splice(e + 1, 0, r), c(n.value.path, i);
 			}
 		};
-		return (e, t) => k(n).visible ? (w(), p("div", In, [(w(!0), p(o, null, D(k(n).data, (e, t) => (w(), p("div", { key: `${k(n).path}-${t}` }, [v.value ? (w(), p("div", Ln, [h(k(Te), {
+		return (e, t) => k(n).visible ? (w(), p("div", Ln, [(w(!0), p(o, null, D(k(n).data, (e, t) => (w(), p("div", { key: `${k(n).path}-${t}` }, [v.value ? (w(), p("div", Rn, [h(k(Ee), {
 			id: `${k(n).path}-${t}-title`,
 			label: S(t)
-		}, null, 8, ["id", "label"]), h(Fn, {
+		}, null, 8, ["id", "label"]), h(In, {
 			"is-first": t === 0,
 			"is-last": t === k(n).data.length - 1,
 			"show-sort-controls": m.value,
@@ -890,7 +890,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		])])) : f("", !0), (w(!0), p(o, null, D(_.value, ([e, r], o) => (w(), p("div", {
 			key: `${k(n).path}-${t}-${e}`,
 			class: "element"
-		}, [h(k(_e), {
+		}, [h(k(ve), {
 			class: "form-component",
 			schema: k(n).schema,
 			uischema: r,
@@ -905,7 +905,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"enabled",
 			"renderers",
 			"cells"
-		]), o === 0 && !v.value ? (w(), d(Fn, {
+		]), o === 0 && !v.value ? (w(), d(In, {
 			key: 0,
 			"is-first": t === 0,
 			"is-last": t === k(n).data.length - 1,
@@ -934,35 +934,35 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			onClick: x
 		}, null, 8, ["label"])])) : f("", !0);
 	}
-}), [["__scopeId", "data-v-7737a235"]]), zn = B("SimpleArrayLayout"), Bn = {
+}), [["__scopeId", "data-v-7737a235"]]), Bn = B("SimpleArrayLayout"), Vn = {
 	name: "SimpleArrayLayout",
-	tester: z(Q.default, zn),
-	renderer: Rn
-}, Vn = {
+	tester: z(Q.default, Bn),
+	renderer: zn
+}, Hn = {
 	name: "SimpleButtonControl",
-	control: g(() => Promise.resolve().then(() => Dr)),
+	control: g(() => Promise.resolve().then(() => Or)),
 	tester: z(Q.default, Z(X.simpleButton))
-}, Hn = g(() => import("./SingleSelectControl-CJV9VMZm.js")), Un = Y()({
+}, Un = g(() => import("./SingleSelectControl-CJV9VMZm.js")), Wn = Y()({
 	name: "SingleSelectControl",
-	control: Hn,
+	control: Un,
 	tester: z(Q.default, Z(X.singleSelect))
-}), Wn = g(() => import("./SortListControl-D-ifoRva.js")), Gn = Y()({
+}), Gn = g(() => import("./SortListControl-D-ifoRva.js")), Kn = Y()({
 	name: "SortListControl",
-	control: Wn,
+	control: Gn,
 	tester: z(Q.default, M(P, Z(X.sortList)))
-}), Kn = g(() => import("./TeamAndSpacesControl-D1FvyeCV.js")), qn = Y()({
+}), qn = g(() => import("./TeamAndSpacesControl-D1FvyeCV.js")), Jn = Y()({
 	name: "TeamAndSpacesDropdownControl",
-	control: Kn,
+	control: qn,
 	tester: z(Q.default, M(P, ({ options: e }) => e?.format === X.teamAndSpacesDropdown && e?.hasOwnProperty("possibleSpaces") && e?.hasOwnProperty("possibleTeams")))
-}), Jn = g(() => import("./TeamResourceControl-DyCO6-Nk.js")), Yn = Y()({
+}), Yn = g(() => import("./TeamResourceControl-DyCO6-Nk.js")), Xn = Y()({
 	name: "TeamResourceControl",
-	control: Jn,
+	control: Yn,
 	tester: z(Q.default, M(F, Z(X.teamResources)))
-}), Xn = g(() => import("./TextAreaControl-7QziyTgn.js")), Zn = Y()({
+}), Zn = g(() => import("./TextAreaControl-7QziyTgn.js")), Qn = Y()({
 	name: "TextAreaControl",
-	control: Xn,
+	control: Zn,
 	tester: z(Q.default, M(R, Z(X.textArea)))
-}), Qn = {
+}), $n = {
 	name: "TextMessageControl",
 	control: /* @__PURE__ */ _({
 		__name: "TextMessageControl",
@@ -993,7 +993,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 				},
 				onClick: () => s(e)
 			}), l = u(() => i.value?.actions?.map(c));
-			return (e, t) => k(i) ? (w(), d(k(we), {
+			return (e, t) => k(i) ? (w(), d(k(Te), {
 				key: 0,
 				variant: k(i).type.toLowerCase(),
 				headline: k(i).title,
@@ -1008,27 +1008,27 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		}
 	}),
 	tester: z(Q.default, Z(X.textMessage))
-}, $n = g(() => import("./TimeframesControl-Wvu--J0V.js")), er = Y()({
+}, er = g(() => import("./TimeframesControl-Wvu--J0V.js")), tr = Y()({
 	name: "TimeframesRenderer",
-	control: $n,
+	control: er,
 	tester: z(Q.default, M(P, Z(X.timeframes)))
-}), tr = g(() => import("./useUnknownValuesInTwinlist-CHB8kt9t.js").then((e) => e.r)), nr = g(() => import("./SimpleTwinlistControl-CQ4tSh0c.js")), rr = g(() => import("./ManualTwinlistControl-5dfnmQZ-.js")), ir = ge((e) => !!(e.hasOwnProperty("properties") && e.properties?.hasOwnProperty("selected"))), $ = (e) => P(e) && e.options?.format === X.twinList, ar = M($, ir), or = Y()({
+}), nr = g(() => import("./useUnknownValuesInTwinlist-CHB8kt9t.js").then((e) => e.r)), rr = g(() => import("./SimpleTwinlistControl-CQ4tSh0c.js")), ir = g(() => import("./ManualTwinlistControl-5dfnmQZ-.js")), ar = ge((e) => !!(e.hasOwnProperty("properties") && e.properties?.hasOwnProperty("selected"))), $ = (e) => P(e) && e.options?.format === X.twinList, or = M($, ar), sr = Y()({
 	name: "TwinlistControl",
-	control: tr,
-	tester: z(Q.default, ar)
-}), sr = M($, he(ir)), cr = Y()({
-	name: "SimpleTwinlistControl",
 	control: nr,
-	tester: z(Q.default, sr)
-}), lr = Z("manualTwinlist"), ur = Y()({
-	name: "ManualTwinlistControl",
+	tester: z(Q.default, or)
+}), cr = M($, he(ar)), lr = Y()({
+	name: "SimpleTwinlistControl",
 	control: rr,
-	tester: z(Q.default, lr)
-}), dr = g(() => import("./TypedStringFilter-B3ZMqGIC.js")), fr = Y()({
+	tester: z(Q.default, cr)
+}), ur = Z("manualTwinlist"), dr = Y()({
+	name: "ManualTwinlistControl",
+	control: ir,
+	tester: z(Q.default, ur)
+}), fr = g(() => import("./TypedStringFilter-B3ZMqGIC.js")), pr = Y()({
 	name: "TypedStringFilter",
-	control: dr,
+	control: fr,
 	tester: z(Q.default, M(P, Z(X.typedStringFilter)))
-}), pr = /* @__PURE__ */ _({
+}), mr = /* @__PURE__ */ _({
 	__name: "UsernameControl",
 	props: {
 		control: {},
@@ -1044,7 +1044,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 		let t = e, n = E(t.control.data), r = (e) => {
 			t.handleChange(t.control.path, e);
 		};
-		return (t, i) => (w(), d(k(je), {
+		return (t, i) => (w(), d(k(Me), {
 			id: e.labelForId,
 			"model-value": n.value,
 			disabled: e.disabled,
@@ -1059,71 +1059,71 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"sub-text"
 		]));
 	}
-}), mr = Y()({
+}), hr = Y()({
 	name: "UsernameRenderer",
-	control: pr,
+	control: mr,
 	tester: z(Q.default, Z(X.username))
-}), hr = g(() => import("./ValueSwitchControl-H2t2Wgo6.js")), gr = Y()({
+}), gr = g(() => import("./ValueSwitchControl-H2t2Wgo6.js")), _r = Y()({
 	name: "ValueSwitchControl",
-	control: hr,
+	control: gr,
 	tester: z(Q.default, M(L, Z(X.valueSwitch)))
-}), _r = g({ loader: () => import("./ZonedDateTimeControl-DoE2T9iz.js") }), vr = {
-	checkboxesRenderer: yt,
-	colorPreviewRenderer: bt,
-	colorRenderer: St,
-	typedStringFilterRenderer: fr,
-	comboBoxRenderer: Tt,
-	dateTimeRenderer: kt,
-	dateTimeFormatPickerRenderer: Dt,
-	integerRenderer: Rt,
-	intervalRenderer: an,
-	localDateRenderer: cn,
-	localTimeRenderer: un,
-	nameFilterRenderer: fn,
-	numberRenderer: Bt,
-	radioRenderer: bn,
-	richTextRenderer: Cn,
-	simpleTwinlistRenderer: cr,
-	sortListRenderer: Gn,
-	textAreaRenderer: Zn,
-	twinlistRenderer: or,
-	manualTwinlistRenderer: ur,
-	valueSwitchRenderer: gr,
+}), vr = g({ loader: () => import("./ZonedDateTimeControl-DoE2T9iz.js") }), yr = {
+	checkboxesRenderer: bt,
+	colorPreviewRenderer: xt,
+	colorRenderer: Ct,
+	typedStringFilterRenderer: pr,
+	comboBoxRenderer: Et,
+	dateTimeRenderer: At,
+	dateTimeFormatPickerRenderer: Ot,
+	integerRenderer: zt,
+	intervalRenderer: on,
+	localDateRenderer: ln,
+	localTimeRenderer: dn,
+	nameFilterRenderer: pn,
+	numberRenderer: Vt,
+	radioRenderer: xn,
+	richTextRenderer: wn,
+	simpleTwinlistRenderer: lr,
+	sortListRenderer: Kn,
+	textAreaRenderer: Qn,
+	twinlistRenderer: sr,
+	manualTwinlistRenderer: dr,
+	valueSwitchRenderer: _r,
 	zonedDateTimeRenderer: Y()({
 		name: "ZonedDateTimeControl",
-		control: _r,
+		control: vr,
 		tester: z(Q.default, (e) => e.options?.format === X.zonedDateTime)
 	}),
-	singleSelectRenderer: Un,
-	gridSelectionRenderer: $t,
-	timeframesRenderer: er,
-	quantityRenderer: vn,
-	usernameRenderer: mr,
-	passwordRenderer: hn,
-	simpleButtonRenderer: Vn,
-	progressButtonRenderer: gn,
-	textMessageRenderer: Qn,
-	linkRenderer: on,
-	dropdownRenderer: jt,
-	radioWithDescriptionRenderer: xn,
-	fileUploadRenderer: Zt,
-	teamResourceRenderer: Yn,
-	executorCoresResourceRenderer: Nt,
-	executorMemoryResourceRenderer: Ft,
-	teamAndSpacesDropdownRenderer: qn,
-	...Jt
-}, yr = Qe(pt)(vr), br = {
-	horizontalLayoutRenderer: nn,
-	verticalLayoutRenderer: Wt,
-	sectionLayoutRenderer: En,
-	settingsSubPanelLayoutRenderer: kn,
+	singleSelectRenderer: Wn,
+	gridSelectionRenderer: en,
+	timeframesRenderer: tr,
+	quantityRenderer: yn,
+	usernameRenderer: hr,
+	passwordRenderer: gn,
+	simpleButtonRenderer: Hn,
+	progressButtonRenderer: _n,
+	textMessageRenderer: $n,
+	linkRenderer: sn,
+	dropdownRenderer: Mt,
+	radioWithDescriptionRenderer: Sn,
+	fileUploadRenderer: Qt,
+	teamResourceRenderer: Xn,
+	executorCoresResourceRenderer: Pt,
+	executorMemoryResourceRenderer: It,
+	teamAndSpacesDropdownRenderer: Jn,
 	...Yt
-}, xr = $e(_t)(br), Sr = ({ renderers: e, controls: t, layouts: n, config: r = {} }) => Object.freeze([
+}, br = $e(mt)(yr), xr = {
+	horizontalLayoutRenderer: rn,
+	verticalLayoutRenderer: Gt,
+	sectionLayoutRenderer: Dn,
+	settingsSubPanelLayoutRenderer: An,
+	...Xt
+}, Sr = et(vt)(xr), Cr = ({ renderers: e, controls: t, layouts: n, config: r = {} }) => Object.freeze([
 	...e,
 	...t.map(({ name: e, tester: t, control: n, __asyncSetup: i }) => ({
 		name: e,
 		tester: t,
-		renderer: ut({
+		renderer: dt({
 			component: n,
 			asyncSetup: i,
 			config: r
@@ -1132,13 +1132,13 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 	...n.map(({ name: e, tester: t, layout: n, __asyncSetup: r }) => ({
 		name: e,
 		tester: t,
-		renderer: mt(n, r)
+		renderer: ht(n, r)
 	}))
-]), Cr = Sr({
-	renderers: [Bn],
-	controls: Object.values(yr),
-	layouts: Object.values(xr)
-}), wr = /* @__PURE__ */ _({
+]), wr = Cr({
+	renderers: [Vn],
+	controls: Object.values(br),
+	layouts: Object.values(Sr)
+}), Tr = /* @__PURE__ */ _({
 	__name: "FieldRenderer",
 	props: {
 		control: {},
@@ -1147,7 +1147,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 	},
 	setup(e) {
 		let t = (e, t) => e === "" ? t : `${e}.${t}`, n = e, r = u(() => t(n.control.path, n.fieldName)), i = u(() => n.control.schema.properties[n.fieldName]);
-		return (t, n) => (w(), d(k(_e), {
+		return (t, n) => (w(), d(k(ve), {
 			key: r.value,
 			schema: i.value,
 			uischema: e.uischema,
@@ -1164,7 +1164,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"cells"
 		]));
 	}
-}), Tr = /* @__PURE__ */ _({
+}), Er = /* @__PURE__ */ _({
 	__name: "FieldControl",
 	props: {
 		control: {},
@@ -1181,7 +1181,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 				format: t.format
 			}
 		}));
-		return (t, r) => (w(), d(wr, {
+		return (t, r) => (w(), d(Tr, {
 			"field-name": e.fieldName,
 			uischema: n.value,
 			control: e.control
@@ -1191,7 +1191,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"control"
 		]));
 	}
-}), Er = /*@__PURE__*/ _({
+}), Dr = /*@__PURE__*/ _({
 	__name: "SimpleButtonControl",
 	props: {
 		control: {},
@@ -1228,7 +1228,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"leading-icon"
 		]), O(t.$slots, "buttons", { hover: _.value }, void 0, !0)], 32));
 	}
-}), Dr = /* @__PURE__ */ e({ default: () => Or }), Or = /*#__PURE__*/ t(Er, [["__scopeId", "data-v-c79c6b71"]]), kr = /*@__PURE__*/ _({
+}), Or = /* @__PURE__ */ e({ default: () => kr }), kr = /*#__PURE__*/ t(Dr, [["__scopeId", "data-v-c79c6b71"]]), Ar = /*@__PURE__*/ _({
 	__name: "TextControl",
 	props: {
 		control: {},
@@ -1251,7 +1251,7 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			maxLength: ({ maxLength: e }) => (t) => (t?.length ?? 0) <= e
 		}, n);
 		let i = u(() => n.control.uischema), o = r(i, "placeholder", ""), s = r(i, "suggestions"), c = u(() => i.value?.options?.suggestionsTitle || "Suggestions"), l = ce("inputField");
-		return t({ focus: () => l.value?.focus() }), (t, n) => (w(), d(k(ke), {
+		return t({ focus: () => l.value?.focus() }), (t, n) => (w(), d(k(Ae), {
 			id: e.labelForId,
 			ref_key: "inputField",
 			ref: l,
@@ -1277,6 +1277,6 @@ var ot = 500, st = ({ data: e, uischema: t }) => {
 			"onUpdate:modelValue"
 		]));
 	}
-}), Ar = /* @__PURE__ */ e({ default: () => jr }), jr = kr;
+}), jr = /* @__PURE__ */ e({ default: () => Mr }), Mr = Ar;
 //#endregion
-export { W as A, Qe as C, qe as D, K as E, Ve as O, et as S, q as T, pt as _, Cr as a, Ze as b, Rn as c, Q as d, X as f, mt as g, ht as h, vr as i, G as k, Pn as l, gt as m, Or as n, br as o, _t as p, Tr as r, Sr as s, jr as t, jn as u, ut as v, $e as w, J as x, Y as y };
+export { G as A, tt as C, K as D, q as E, Je as O, J as S, et as T, ht as _, yr as a, Y as b, Cr as c, Mn as d, Q as f, gt as g, _t as h, Er as i, W as j, He as k, zn as l, vt as m, Mr as n, wr as o, X as p, kr as r, xr as s, _e as t, Fn as u, mt as v, $e as w, Qe as x, dt as y };

package/dist/testing.js

@@ -1,16 +1,16 @@
-import { a as e, k as t } from "./src-C7J03FSu.js";
+import { A as e, o as t } from "./src-DkIWYVHR.js";
 import { ref as n } from "vue";
 import "@jsonforms/vue";
 import { vi as r } from "vitest";
 import { flushPromises as i, mount as a } from "@vue/test-utils";
 //#region testUtils/component.ts
-var o = ({ provide: e, stubs: i }) => ({
+var o = ({ provide: t, stubs: i }) => ({
 	provide: {
-		sendAlert: e?.sendAlert || r.fn(),
-		addStateProviderListener: e?.addStateProviderListener || r.fn(),
-		trigger: e?.trigger || r.fn(),
-		[t]: n("body"),
-		...e
+		sendAlert: t?.sendAlert || r.fn(),
+		addStateProviderListener: t?.addStateProviderListener || r.fn(),
+		trigger: t?.trigger || r.fn(),
+		[e]: n("body"),
+		...t
 	},
 	stubs: {
 		DispatchRenderer: !0,
@@ -104,6 +104,6 @@ var o = ({ provide: e, stubs: i }) => ({
 		return r === void 0 || r.tester(t, n, {}) === -1 ? null : r;
 	};
 	return { getRendererName: (e, n) => t(e, n)?.name };
-}, m = p(e).getRendererName;
+}, m = p(t).getRendererName;
 //#endregion
 export { m as determineRenderer, d as getControlBase, o as getGlobal, s as mountJsonFormsControl, c as mountJsonFormsControlLabelContent, l as mountJsonFormsLayout, u as mountJsonFormsRenderer, p as setUpRendererTest, f as useInitialProvidedState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "JSONForms integration for KNIME frontends",
   "repository": {
     "type": "git",
@@ -16,8 +16,8 @@
     "@jsonforms/vue": "3.8.0",
     "ajv": "8.20.0",
     "temporal-polyfill": "^1.0.1",
-    "@knime/kds-components": "^7.2.1",
-    "@knime/kds-rich-text-editor": "^7.2.1",
+    "@knime/kds-components": "^7.2.3",
+    "@knime/kds-rich-text-editor": "^7.2.3",
     "@knime/utils": "^2.0.2"
   },
   "peerDependencies": {
@@ -53,7 +53,7 @@
     "vitest": "^4.1.10",
     "vue": "3.5.40",
     "vue-tsc": "^3.3.8",
-    "@knime/kds-styles": "^7.2.1"
+    "@knime/kds-styles": "^7.2.3"
   },
   "exports": {
     ".": {