@knime/jsonforms 3.0.0 → 3.1.0

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

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