@knime/jsonforms 1.21.19 → 1.21.21

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/json-forms
 
+## 1.21.21
+
+### Patch Changes
+
+- b22bcf0: Array and vertical layout spacing adjustments, subpanel padding and overflow behaviour
+
+## 1.21.20
+
+### Patch Changes
+
+- 860c02d: Utilize design system in all layout components
+
 ## 1.21.19
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-Chx0nmt3.js → AnyOfTwinlist-BHrQfb4F.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as p, createBlock as t, mergeProps as r, unref as a } from "vue";
 import { o as l } from "./index-Blg1O3Fz.js";
-import { _ as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-t1I2qxJz.js";
+import { _ as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-B3TuSzuM.js";
 const d = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{CheckboxControl-B8b1Di4k.js → CheckboxControl-QXagWBW5.js}

@@ -1,5 +1,5 @@
-import { defineComponent as r, ref as s, openBlock as u, createElementBlock as d, createElementVNode as c, createVNode as i, unref as b, renderSlot as a } from "vue";
-import { Z as v, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { defineComponent as r, ref as s, openBlock as d, createElementBlock as u, createElementVNode as c, createVNode as i, unref as b, renderSlot as a } from "vue";
+import { Z as v, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const f = { class: "checkbox-container" }, x = /* @__PURE__ */ r({
   __name: "CheckboxControl",
   props: {
@@ -14,7 +14,7 @@ const f = { class: "checkbox-container" }, x = /* @__PURE__ */ r({
   },
   setup(e) {
     const t = s(!1);
-    return (n, o) => (u(), d("div", {
+    return (n, o) => (d(), u("div", {
       class: "checkbox-input",
       onMouseover: o[1] || (o[1] = (l) => t.value = !0),
       onMouseleave: o[2] || (o[2] = (l) => t.value = !1)
@@ -34,7 +34,7 @@ const f = { class: "checkbox-container" }, x = /* @__PURE__ */ r({
       a(n.$slots, "buttons", { hover: t.value }, void 0, !0)
     ], 32));
   }
-}), p = /* @__PURE__ */ m(x, [["__scopeId", "data-v-5bf70a5e"]]);
+}), p = /* @__PURE__ */ m(x, [["__scopeId", "data-v-4f590a2d"]]);
 export {
   p as default
 };

package/dist/{CheckboxesControl-DWUnPGdN.js → CheckboxesControl-B8Yj-tg-.js}

@@ -1,7 +1,7 @@
 import { defineComponent as u, computed as l, ref as r, toRef as c, onMounted as i, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
-import { H as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { H as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { o as h } from "./index-Blg1O3Fz.js";
-import { u as v } from "./usePossibleValues-DiYOmnZW.js";
+import { u as v } from "./usePossibleValues-DI8vgrg2.js";
 const F = /* @__PURE__ */ u({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColorControl-ByE5ku7u.js → ColorControl-Bl1qi_z3.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, openBlock as o, createBlock as l, unref as t } from "vue";
-import { J as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { J as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const c = /* @__PURE__ */ a({
   __name: "ColorControl",
   props: {

package/dist/{ColorPreviewControl-XiKZ4jfn.js → ColorPreviewControl-AK5EOVhw.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, openBlock as e, createElementBlock as o, createVNode as y, unref as p, computed as s, normalizeStyle as m, createBlock as d, Fragment as f, renderList as k } from "vue";
-import { I as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { I as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
   setup(r) {

package/dist/{ComboBoxControl-zSceYlyZ.js → ComboBoxControl-kSrXHPUU.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, toRef as c, computed as a, openBlock as d, createBlock as b, unref as u } from "vue";
-import { M as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { u as v } from "./usePossibleValues-DiYOmnZW.js";
+import { M as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { u as v } from "./usePossibleValues-DI8vgrg2.js";
 const g = /* @__PURE__ */ r({
   __name: "ComboBoxControl",
   props: {

package/dist/{DateControl-BBGpEVpr.js → DateControl-_n3Bd81P.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, computed as i, openBlock as d, createBlock as c, unref as u } from "vue";
-import { Q as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { Q as s } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { p as m } from "./plainDateTimeUtils-CR0UhpkD.js";
 import { U as p } from "./classApi-CHpAZrj3.js";
 const y = /* @__PURE__ */ l({

package/dist/{DateTimeControl-CymOURq5.js → DateTimeControl-B6_CYx47.js}

@@ -1,5 +1,5 @@
 import { defineComponent as D, computed as r, openBlock as d, createElementBlock as T, normalizeClass as V, createVNode as C, unref as a, createBlock as U, createCommentVNode as B } from "vue";
-import { Q as F, R as k, _ as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { Q as F, R as k, _ as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { u as L } from "./usePlainDateTimeBatch-Bd2G-GY9.js";
 import { p as i } from "./plainDateTimeUtils-CR0UhpkD.js";
 import { U as P } from "./classApi-CHpAZrj3.js";

package/dist/{DateTimeFormatPickerControl-Bx19jwpr.js → DateTimeFormatPickerControl-DG5ZFYvw.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as a, openBlock as u, createBlock as c, unref as l } from "vue";
-import { u as i, N as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as i, N as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const h = /* @__PURE__ */ s({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-Byo_0cTq.js → DateTimeFormatPickerWithTypeControl-BODnQb1A.js}

@@ -1,5 +1,5 @@
 import { openBlock as m, createElementBlock as f, createElementVNode as v, h as X, defineComponent as I, createBlock as M, unref as T, Fragment as A, renderList as W, normalizeClass as k, toDisplayString as C, renderSlot as Z, createCommentVNode as S, resolveComponent as Y, withCtx as K, normalizeProps as ee, guardReactiveProps as te, useCssVars as le, computed as g, ref as w, watch as R, reactive as oe, onMounted as ae, nextTick as H, onUnmounted as se, createVNode as x, useModel as ne, withDirectives as ie, vModelText as de, normalizeStyle as re, mergeModels as ue } from "vue";
-import { _ as $, O as ce, P as me, u as pe } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { _ as $, O as ce, P as me, u as pe } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { u as ve, F as fe, a as ye, b as he, o as ge, s as Te, f as be } from "./useDropdownNavigation-CdrbT-CQ.js";
 const we = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -581,7 +581,7 @@ const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
     ], 8, et));
   }
-}), st = /* @__PURE__ */ $(tt, [["__scopeId", "data-v-8517cafd"]]);
+}), st = /* @__PURE__ */ $(tt, [["__scopeId", "data-v-f6f7c887"]]);
 export {
   st as default
 };

package/dist/{DropdownControl-C6ffVYyf.js → DropdownControl-kkYIIBh_.js}

@@ -1,6 +1,6 @@
 import { defineComponent as l, toRef as t, openBlock as n, createBlock as r, unref as s } from "vue";
-import { u } from "./usePossibleValues-DiYOmnZW.js";
-import { _ as d } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CscatDmg.js";
+import { u } from "./usePossibleValues-DI8vgrg2.js";
+import { _ as d } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-Ckh-UeHD.js";
 const p = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {

package/dist/{ExecutorCoresControl-D9FZ-g9O.js → ExecutorCoresControl-CxUCQEpW.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as e, openBlock as p, createBlock as m, mergeProps as h } from "vue";
-import { R as v } from "./ResourceControlBase-CeXYJeR1.js";
+import { R as v } from "./ResourceControlBase-BJS1yADM.js";
 const g = /* @__PURE__ */ d({
   __name: "ExecutorCoresControl",
   props: {

package/dist/{ExecutorMemoryControl-__P80Lkb.js → ExecutorMemoryControl-B5Y4QOA8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as o, openBlock as i, createBlock as p, mergeProps as d } from "vue";
-import { R as m } from "./ResourceControlBase-CeXYJeR1.js";
+import { R as m } from "./ResourceControlBase-BJS1yADM.js";
 const v = /* @__PURE__ */ s({
   __name: "ExecutorMemoryControl",
   props: {

package/dist/{FileUploadControl-DWs4PhOj.js → FileUploadControl-CKX2xKEy.js}

@@ -1,6 +1,6 @@
 import { defineComponent as V, ref as v, computed as g, openBlock as R, createElementBlock as G, createVNode as q, unref as K, createElementVNode as A, toDisplayString as W } from "vue";
-import { y as I, F as Y, v as $, x as U, B as H, _ as J } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { h as Q, e as X, o as Z, U as w, j as z, a as j, l as P, n as T, i as k, S as ee, g as te } from "./_Uint8Array-DdGQvEX6.js";
+import { y as I, F as Y, v as $, x as U, B as H, _ as J } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { h as Q, e as X, o as Z, U as w, j as z, a as j, l as P, n as T, i as k, S as ee, g as te } from "./_Uint8Array-CvXGLFCc.js";
 import { i as re } from "./isArray-WzO_os3q.js";
 var O = Object.create, ne = /* @__PURE__ */ (function() {
   function e() {
@@ -206,7 +206,7 @@ const mt = { class: "wrapper" }, ht = { class: "filename" }, vt = ["id", "aria-l
       }, null, 40, vt)
     ]));
   }
-}), xt = /* @__PURE__ */ J(At, [["__scopeId", "data-v-278c7bc6"]]);
+}), xt = /* @__PURE__ */ J(At, [["__scopeId", "data-v-6260d622"]]);
 export {
   xt as default
 };

package/dist/{GridSelectionControl-WcJ4y6Fs.js → GridSelectionControl-DOvPYHQb.js}

@@ -1,5 +1,5 @@
-import { defineComponent as S, useCssVars as U, unref as n, ref as T, computed as s, watch as f, openBlock as r, createElementBlock as u, normalizeStyle as B, Fragment as D, renderList as G, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as N } from "vue";
-import { Y as $, Z as z, B as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { defineComponent as S, useCssVars as U, unref as n, ref as T, computed as s, watch as h, openBlock as r, createElementBlock as u, normalizeStyle as B, Fragment as D, renderList as G, createBlock as f, createCommentVNode as p, createVNode as A, withModifiers as N } from "vue";
+import { Y as $, Z as z, B as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const W = { class: "grid-list" }, H = {
   key: 1,
   class: "checkbox"
@@ -15,12 +15,12 @@ const W = { class: "grid-list" }, H = {
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(y) {
+  setup(b) {
     U((e) => ({
-      v38af777e: n(k)
+      bf8a5982: n(k)
     }));
-    const c = y, {
-      control: { path: b, uischema: { options: C } = {} },
+    const c = b, {
+      control: { path: y, uischema: { options: C } = {} },
       handleChange: V
     } = c, {
       possibleValues: o = [],
@@ -64,16 +64,16 @@ const W = { class: "grid-list" }, H = {
       const l = new Set(t);
       return e.some((v) => !l.has(v));
     });
-    return f(
+    return h(
       () => c.control.data,
       () => {
         _.value && (a.value = w());
       },
       { immediate: !0, deep: !0 }
-    ), f(
+    ), h(
       () => a.value,
       () => {
-        _.value && V(b, g.value);
+        _.value && V(y, g.value);
       },
       { deep: !0 }
     ), (e, t) => (r(), u("div", W, [
@@ -82,7 +82,7 @@ const W = { class: "grid-list" }, H = {
         class: "grid-list-container",
         style: B(x.value)
       }, [
-        (r(!0), u(D, null, G(E.value, ({ id: l, text: v }) => (r(), h(n($), {
+        (r(!0), u(D, null, G(E.value, ({ id: l, text: v }) => (r(), f(n($), {
           key: `grid-item-${l}`,
           modelValue: a.value.get(l).active,
           "onUpdate:modelValue": (L) => a.value.get(l).active = L,
@@ -99,7 +99,7 @@ const W = { class: "grid-list" }, H = {
           label: i.value.text
         }, null, 8, ["modelValue", "label"])
       ])) : p("", !0),
-      n(m) ? (r(), h(n(O), {
+      n(m) ? (r(), f(n(O), {
         key: 2,
         variant: "outlined",
         size: "xsmall",
@@ -110,7 +110,7 @@ const W = { class: "grid-list" }, H = {
       }, null, 8, ["label"])) : p("", !0)
     ]));
   }
-}), P = /* @__PURE__ */ R(q, [["__scopeId", "data-v-7c90b0fa"]]);
+}), P = /* @__PURE__ */ R(q, [["__scopeId", "data-v-b6393b68"]]);
 export {
   P as default
 };

package/dist/{HorizontalLayout-ByB5A7X3.js → HorizontalLayout-XoE8p1gw.js}

@@ -1,13 +1,13 @@
-import { defineComponent as o, openBlock as a, createElementBlock as t, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
-import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { defineComponent as o, openBlock as t, createElementBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
+import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {
     layout: {}
   },
   setup(e) {
-    return (y, f) => (a(), t("div", d, [
-      (a(!0), t(r, null, c(e.layout.uischema.elements, (l, n) => (a(), s(u(m), {
+    return (y, f) => (t(), a("div", d, [
+      (t(!0), a(r, null, c(e.layout.uischema.elements, (l, n) => (t(), s(u(m), {
         key: n,
         class: "horizontal-element",
         schema: e.layout.schema,
@@ -19,7 +19,7 @@ const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
       }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
     ]));
   }
-}), p = /* @__PURE__ */ i(h, [["__scopeId", "data-v-174aebfa"]]);
+}), p = /* @__PURE__ */ i(h, [["__scopeId", "data-v-8f2ebb37"]]);
 export {
   p as default
 };

package/dist/{IntegerControl-aveswmbr.js → IntegerControl-DPgv6wus.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js";
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Cszu3h3-.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {

package/dist/{IntervalControl-B4Eqs1Jf.js → IntervalControl-BmBJYKa0.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as a, openBlock as b, createBlock as f, unref as r } from "vue";
-import { u as l, $ as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { u as l, $ as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { U as h } from "./classApi-CHpAZrj3.js";
 const V = /* @__PURE__ */ p({
   __name: "IntervalControl",

package/dist/{LinkControl-DD56lOiw.js → LinkControl-LQTcPUaM.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, useCssVars as s, unref as n, openBlock as p, createElementBlock as d, createVNode as u } from "vue";
-import { a0 as m, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-const f = { class: "link-wrapper" }, g = /* @__PURE__ */ r({
+import { a0 as m, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+const g = { class: "link-wrapper" }, b = /* @__PURE__ */ r({
   __name: "LinkControl",
   props: {
     control: {},
@@ -14,10 +14,10 @@ const f = { class: "link-wrapper" }, g = /* @__PURE__ */ r({
   },
   setup(o) {
     s((c) => ({
-      bc3ff08c: n(e)
+      v7f757bb0: n(e)
     }));
     const t = o, e = t.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: a, leadingIcon: l, trailingIcon: i } = t.control.uischema.options || {};
-    return (c, b) => (p(), d("div", f, [
+    return (c, f) => (p(), d("div", g, [
       u(n(m), {
         class: "link-button",
         label: o.control.label,
@@ -29,7 +29,7 @@ const f = { class: "link-wrapper" }, g = /* @__PURE__ */ r({
       }, null, 8, ["label", "to", "leading-icon", "trailing-icon"])
     ]));
   }
-}), x = /* @__PURE__ */ _(g, [["__scopeId", "data-v-d1973605"]]);
+}), x = /* @__PURE__ */ _(b, [["__scopeId", "data-v-c55bc56b"]]);
 export {
   x as default
 };

package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-CscatDmg.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-Ckh-UeHD.js}

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as s, openBlock as V, createBlock as f, unref as y, mergeProps as g } from "vue";
-import { T as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { T as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const L = /* @__PURE__ */ v({
   __name: "LoadingDropdown",
   props: {

package/dist/{ManualTwinlistControl-DBZ5RZgW.js → ManualTwinlistControl-Bzz24701.js}

@@ -1,9 +1,9 @@
 import { defineComponent as k, toRef as i, computed as d, openBlock as C, createBlock as V, unref as a, mergeProps as U } from "vue";
-import { X as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { X as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { m as r } from "./index-Blg1O3Fz.js";
-import { a as M, u as v } from "./usePossibleValues-DiYOmnZW.js";
+import { a as M, u as v } from "./usePossibleValues-DI8vgrg2.js";
 import { t as F } from "./toKdsPossibleValues-BklBg3gG.js";
-import { u as L } from "./useUnknownValuesInTwinlist-BhhirtmX.js";
+import { u as L } from "./useUnknownValuesInTwinlist-8rq7E_-d.js";
 const K = /* @__PURE__ */ k({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultiSelectListBoxControl-BMsPvxGQ.js → MultiSelectListBoxControl-B7pVyZWN.js}

@@ -1,7 +1,7 @@
 import { toRef as S, watch as y, resolveComponent as p, openBlock as h, createElementBlock as c, normalizeStyle as I, normalizeClass as v, createElementVNode as f, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as V, guardReactiveProps as w, Fragment as k, renderList as D, createBlock as g, withCtx as B, renderSlot as H, resolveDynamicComponent as K, toDisplayString as N, createCommentVNode as b, createVNode as L, defineComponent as T, unref as x } from "vue";
-import { u as A } from "./usePossibleValues-DiYOmnZW.js";
-import { a1 as O, O as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { S as M } from "./StyledListItem--sgmJ3W_.js";
+import { u as A } from "./usePossibleValues-DI8vgrg2.js";
+import { a1 as O, O as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { S as M } from "./StyledListItem-CKWuJFd9.js";
 const E = (e, t) => {
   let i, l = 0;
   return (...o) => {

package/dist/{MultimodeTwinlistControl-thO1be1r.js → MultimodeTwinlistControl-CmXynOE3.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CKcpm_I1.js";
+import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CZp9Inbk.js";
 export {
   f as default
 };

package/dist/{MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CKcpm_I1.js → MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CZp9Inbk.js}

@@ -1,9 +1,9 @@
 import { defineComponent as A, toRef as h, computed as u, openBlock as B, createBlock as S, unref as c, mergeProps as N } from "vue";
-import { a2 as r, X } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { a2 as r, X } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { m as g } from "./index-Blg1O3Fz.js";
-import { u as G, a as Y } from "./usePossibleValues-DiYOmnZW.js";
+import { u as G, a as Y } from "./usePossibleValues-DI8vgrg2.js";
 import { t as W } from "./toKdsPossibleValues-BklBg3gG.js";
-import { u as q } from "./useUnknownValuesInTwinlist-BhhirtmX.js";
+import { u as q } from "./useUnknownValuesInTwinlist-8rq7E_-d.js";
 const O = /* @__PURE__ */ A({
   __name: "MultimodeTwinlistControl",
   props: {

package/dist/{NameFilter-DBMVmZmk.js → NameFilter-CQBmkHfh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CKcpm_I1.js";
+import { _ as r } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CZp9Inbk.js";
 const i = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {

package/dist/{NumberControl-BPVO5l6t.js → NumberControl-CmGR5jOf.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js";
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Cszu3h3-.js";
 const i = /* @__PURE__ */ o({
   __name: "NumberControl",
   props: {

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js → NumberControlBase.vue_vue_type_script_setup_true_lang-Cszu3h3-.js}

@@ -1,6 +1,6 @@
 import { defineComponent as u, computed as s, openBlock as m, createBlock as d, unref as p } from "vue";
-import { V as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { u as b } from "./useBuiltinValidations-KbChI8vv.js";
+import { V as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { u as b } from "./useBuiltinValidations-DA0cZc3P.js";
 const E = 1, v = 0.1, V = /* @__PURE__ */ u({
   __name: "NumberControlBase",
   props: {

package/dist/{OneOfDropdown-DBG8ZcpV.js → OneOfDropdown-89drnz3Z.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as u, openBlock as d, createBlock as i, unref as t } from "vue";
-import { T as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { T as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { o as m } from "./index-Blg1O3Fz.js";
 const x = /* @__PURE__ */ s({
   __name: "OneOfDropdown",

package/dist/RadioButtonsWithDescriptionControl-CvxNJ08p.js

@@ -0,0 +1,57 @@
+import { defineComponent as _, computed as r, openBlock as n, createElementBlock as t, Fragment as c, renderList as b, createVNode as v, unref as V, createElementVNode as i, normalizeClass as x, createCommentVNode as y } from "vue";
+import { a5 as B, _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+const L = ["innerHTML"], M = ["innerHTML"], T = ["innerHTML"], g = /* @__PURE__ */ _({
+  __name: "RadioButtonsWithDescriptionControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(a) {
+    const o = a, u = r(() => o.control.schema.oneOf?.map(({ const: s, title: e, price: f, description: h }) => ({
+      id: s,
+      text: e,
+      price: f,
+      description: h
+    })) || []), p = r(() => !o.control.enabled), d = r(
+      () => o.control.uischema.options?.footnote || null
+    ), m = (l) => {
+      o.changeValue(l);
+    };
+    return (l, s) => (n(), t(c, null, [
+      (n(!0), t(c, null, b(u.value, (e) => (n(), t("label", {
+        key: `radio-${e.id}`,
+        class: "radio-wrapper"
+      }, [
+        v(V(B), {
+          class: "radio-button",
+          "model-value": a.control.data === e.id,
+          text: e.text,
+          disabled: p.value,
+          "onUpdate:modelValue": () => m(e.id)
+        }, null, 8, ["model-value", "text", "disabled", "onUpdate:modelValue"]),
+        i("div", {
+          class: "description",
+          innerHTML: e.description
+        }, null, 8, L),
+        i("div", {
+          class: x(["price", { selected: a.control.data === e.id }]),
+          innerHTML: e.price
+        }, null, 10, M)
+      ]))), 128)),
+      d.value ? (n(), t("div", {
+        key: 0,
+        class: "footnote",
+        innerHTML: d.value
+      }, null, 8, T)) : y("", !0)
+    ], 64));
+  }
+}), k = /* @__PURE__ */ C(g, [["__scopeId", "data-v-d327df7b"]]);
+export {
+  k as default
+};

package/dist/{RadioControl-ClJmr0EQ.js → RadioControl-C3e7x8nd.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-Bm4EUEvw.js";
+import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-C1hjJGOu.js";
 const s = /* @__PURE__ */ o({
   __name: "RadioControl",
   props: {

package/dist/{RadioControlBase.vue_vue_type_script_setup_true_lang-Bm4EUEvw.js → RadioControlBase.vue_vue_type_script_setup_true_lang-C1hjJGOu.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, useAttrs as p, computed as d, ref as f, toRef as h, onMounted as V, openBlock as n, createElementBlock as x, Fragment as y, createBlock as r, unref as l, mergeProps as i, createCommentVNode as g } from "vue";
-import { a3 as B, a4 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { a3 as B, a4 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { o as k } from "./index-Blg1O3Fz.js";
-import { u as O } from "./usePossibleValues-DiYOmnZW.js";
+import { u as O } from "./usePossibleValues-DI8vgrg2.js";
 const T = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "RadioControlBase",

package/dist/{ResourceControlBase-CeXYJeR1.js → ResourceControlBase-BJS1yADM.js}

@@ -1,5 +1,5 @@
 import { openBlock as a, createElementBlock as l, renderSlot as V, toDisplayString as T, createCommentVNode as m, defineComponent as g, computed as t, createBlock as C, resolveDynamicComponent as D, withCtx as B, createVNode as r, unref as d } from "vue";
-import { _ as p, V as $, W as k } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { _ as p, V as $, W as k } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const I = {
   name: "Tooltip",
   props: {
@@ -83,7 +83,7 @@ const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]
       }, 8, ["text"]))
     ]));
   }
-}), K = /* @__PURE__ */ p(S, [["__scopeId", "data-v-4ee63019"]]);
+}), K = /* @__PURE__ */ p(S, [["__scopeId", "data-v-bbdc1aa9"]]);
 export {
   K as R
 };

package/dist/{RichTextControl-DvYkBpzH.js → RichTextControl-BgiAUQYy.js}

@@ -1,8 +1,8 @@
 import { defineComponent as ie, h as Qn, useSlots as zc, getCurrentInstance as Hc, openBlock as A, createElementBlock as $, createElementVNode as L, createBlock as Z, resolveDynamicComponent as Ei, mergeProps as Sn, withCtx as J, renderSlot as de, resolveComponent as Tt, normalizeClass as Ee, Transition as ys, withModifiers as jn, createVNode as le, createCommentVNode as re, toDisplayString as jt, useCssVars as Vc, watch as yn, unref as W, onUnmounted as jc, ref as Q, Fragment as Wr, createTextVNode as Rf, toRef as $o, onBeforeUpdate as Lf, computed as Te, normalizeStyle as bs, renderList as Wc, nextTick as bo, toRefs as Kc, inject as Pf, Teleport as Bf, withDirectives as Uc, vShow as _c, shallowRef as $f, onMounted as Kr, onBeforeUnmount as vo, watchEffect as Ff, markRaw as zf, customRef as Hf, withKeys as Vf, toHandlers as qc } from "vue";
-import { _ as Ce, P as jf, a6 as _l } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { _ as Ce, P as jf, a6 as _l } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 import { F as Wf, a as Jc, b as Gc, f as Yc, u as Kf, s as Uf } from "./useDropdownNavigation-CdrbT-CQ.js";
 /* empty css                   */
-import { t as _f } from "./toString-f8odPeFb.js";
+import { t as _f } from "./toString-CGVQPv2g.js";
 var qf = 0;
 function Jf(n) {
   var e = ++qf;
@@ -19225,7 +19225,7 @@ const hx = { render: fx }, px = ({
       le(W(eu), Sn({ ...n.linkTool.props, ...r }, qc(n.linkTool.events)), null, 16)
     ], 512));
   }
-}), Ax = /* @__PURE__ */ Ce(Ox, [["__scopeId", "data-v-9d1514e4"]]), Nx = /* @__PURE__ */ ie({
+}), Ax = /* @__PURE__ */ Ce(Ox, [["__scopeId", "data-v-f57aa33f"]]), Nx = /* @__PURE__ */ ie({
   __name: "RichTextControl",
   props: {
     control: {},

package/dist/{SectionHeading-7KVIxCGG.js → SectionHeading-ByJS2a3o.js}

@@ -1,5 +1,5 @@
-import { defineComponent as f, useTemplateRef as p, ref as m, watch as h, onBeforeUnmount as v, openBlock as _, createElementBlock as g, Fragment as b, createElementVNode as o, mergeProps as S, toDisplayString as y, renderSlot as k } from "vue";
-import { _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { defineComponent as f, useTemplateRef as p, ref as m, watch as h, onBeforeUnmount as v, openBlock as _, createElementBlock as g, Fragment as S, createElementVNode as o, mergeProps as b, toDisplayString as y, renderSlot as k } from "vue";
+import { _ as w } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
 const E = { class: "section-header-layout-container" }, T = { class: "section-header-buttons" }, x = /* @__PURE__ */ f({
   __name: "SectionHeading",
   props: {
@@ -36,14 +36,14 @@ const E = { class: "section-header-layout-container" }, T = { class: "section-he
       { immediate: !0, flush: "post" }
     ), v(() => {
       t?.disconnect(), t = null;
-    }), (e, n) => (_(), g(b, null, [
+    }), (e, n) => (_(), g(S, null, [
       o("div", {
         ref_key: "sentinel",
         ref: l,
         class: "section-header-sentinel",
         "aria-hidden": "true"
       }, null, 512),
-      o("div", S({
+      o("div", b({
         class: ["section-header", { "is-sticking": i.value }]
       }, e.$attrs), [
         o("div", E, [
@@ -55,7 +55,7 @@ const E = { class: "section-header-layout-container" }, T = { class: "section-he
       ], 16)
     ], 64));
   }
-}), C = /* @__PURE__ */ w(x, [["__scopeId", "data-v-8c83cbe3"]]);
+}), C = /* @__PURE__ */ w(x, [["__scopeId", "data-v-87a3f8e3"]]);
 export {
   C as S
 };

package/dist/{SectionLayout-CwRO3UXc.js → SectionLayout-BaQM7JIk.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as i, openBlock as o, createElementBlock as m, createVNode as n, withCtx as s, renderSlot as d, createBlock as f, unref as y } from "vue";
-import { a as h, _ as v } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { V as b } from "./VerticalLayoutBase-CYfG9KqS.js";
-import { S as $ } from "./SectionHeading-7KVIxCGG.js";
+import { a as h, _ as v } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { V as b } from "./VerticalLayoutBase-BlkEN5bd.js";
+import { S as $ } from "./SectionHeading-ByJS2a3o.js";
 const x = /* @__PURE__ */ c({
   __name: "SectionLayout",
   props: {
@@ -40,7 +40,7 @@ const x = /* @__PURE__ */ c({
       }, 8, ["elements"])
     ], 32));
   }
-}), L = /* @__PURE__ */ v(x, [["__scopeId", "data-v-84fc355c"]]);
+}), L = /* @__PURE__ */ v(x, [["__scopeId", "data-v-a1decb80"]]);
 export {
   L as default
 };

package/dist/SettingsSubPanel-DpD8o3xE.js

@@ -0,0 +1,5 @@
+import { _ as s, D as a } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+const _ = /* @__PURE__ */ s(a, [["__scopeId", "data-v-733df6cd"]]);
+export {
+  _ as S
+};

package/dist/{SettingsSubPanelLayout-CV6y2bcX.js → SettingsSubPanelLayout-gRey3s3S.js}

@@ -1,8 +1,8 @@
 import { defineComponent as v, computed as s, ref as h, openBlock as r, createElementBlock as y, createVNode as l, withCtx as o, createBlock as k, unref as c, createElementVNode as S, renderSlot as p } from "vue";
-import { a as x, B as g, _ as B } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
-import { V as $ } from "./VerticalLayoutBase-CYfG9KqS.js";
-import { S as L } from "./SectionHeading-7KVIxCGG.js";
-import { S as w } from "./SettingsSubPanel-i2sjXJXx.js";
+import { a as x, B as g, _ as B } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_a203e154_lang-BPHo9PW3.js";
+import { V as $ } from "./VerticalLayoutBase-BlkEN5bd.js";
+import { S as L } from "./SectionHeading-ByJS2a3o.js";
+import { S as w } from "./SettingsSubPanel-DpD8o3xE.js";
 const C = { class: "flex-row" }, V = /* @__PURE__ */ v({
   __name: "SettingsSubPanelLayout",
   props: {