@knime/scripting-editor 0.0.121 → 0.0.122

package/dist/{AnyOfTwinlist-DNsHUZei-CFf0kAbY.js → AnyOfTwinlist-H8itABcU-CS_r5b6C.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, createBlock as l, openBlock as a, mergeProps as p, unref as r } from "vue";
 import { c as s } from "./index-Blg1O3Fz-CGafpkU1.js";
-import { D as i } from "./TwinlistControlBase-Da7Vi8Ne-7f9PH6lG.js";
+import { D as i } from "./TwinlistControlBase-BoWr0icR-B3-G1iCx.js";
 const f = /* @__PURE__ */ t({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{ArrayLayout-Ck55ZP0t.js → ArrayLayout-C3sDbYX7.js}

@@ -1,15 +1,15 @@
-import { createElementBlock as h, openBlock as u, createElementVNode as g, defineComponent as P, computed as C, createVNode as I, createCommentVNode as A, unref as T, toDisplayString as K, inject as X, provide as k, onMounted as j, Fragment as U, renderSlot as $, normalizeStyle as Y, renderList as x, resolveComponent as w, createBlock as _, withCtx as E, ref as D, watch as V, nextTick as Z, normalizeClass as F, mergeProps as ee, createTextVNode as te } from "vue";
-import { L as M, C as L, a7 as oe, a8 as ne, a9 as re, B, aa as se, ab as ae, ac as ie, x as le, S as de, ad as O, ae as ce, a3 as ue, af as me, ag as he, ah as pe, ai as ye, aj as ve, ak as fe } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
-import { Label as ge, FunctionButton as we, Button as Ie } from "@knime/components";
+import { createElementBlock as h, openBlock as u, createElementVNode as g, defineComponent as P, computed as C, createBlock as _, unref as L, createVNode as I, createCommentVNode as A, toDisplayString as K, inject as X, provide as k, onMounted as j, Fragment as U, renderSlot as T, normalizeStyle as Y, renderList as W, resolveComponent as w, withCtx as S, ref as B, watch as V, nextTick as Z, normalizeClass as F, mergeProps as ee, createTextVNode as te } from "vue";
+import { B as M, A as oe, a7 as E, al as ne, am as re, an as se, a6 as D, ao as ae, ap as ie, aq as le, a1 as de, a9 as ue, ar as O, as as ce, ah as me, at as he, au as pe, av as ye, aw as ve, ax as fe, ay as ge } from "./TextControl-D38OA8zM-BYAu2w0I.js";
+import { Label as we, FunctionButton as Ie, Button as Ae } from "@knime/components";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ae = {
+const Le = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   viewBox: "0 0 32 32"
 };
 function Ce(e, t) {
-  return u(), h("svg", Ae, t[0] || (t[0] = [
+  return u(), h("svg", Le, t[0] || (t[0] = [
     g("circle", {
       cx: "16",
       cy: "16",
@@ -29,77 +29,85 @@ function Ce(e, t) {
     }, null, -1)
   ]));
 }
-const Ee = { render: Ce }, Le = { class: "vertical" }, Se = { key: 0 }, W = "topLevelElementScope", $e = /* @__PURE__ */ P({
+const Se = { render: Ce }, Ee = {
+  key: 1,
+  class: "vertical"
+}, $e = { key: 0 }, x = "topLevelElementScope", Te = /* @__PURE__ */ P({
   __name: "ArrayLayoutItemLabel",
   props: {
     arrayUiSchema: {},
     titleConfig: {},
-    index: {}
+    index: {},
+    useSectionLayout: { type: Boolean }
   },
   setup(e) {
     const t = e, o = t.titleConfig, r = C(() => ({
       ...t.arrayUiSchema,
-      scope: W
+      scope: x
     })), m = o.type === "provided" ? M(r, "arrayElementTitle", "") : C(() => `${o.title} ${t.index + 1}`), s = M(
       r,
       "elementSubTitle",
       ""
     );
-    return (d, n) => (u(), h("div", Le, [
-      I(T(ge), {
-        text: T(m),
+    return (i, n) => i.useSectionLayout ? (u(), _(L(oe), {
+      key: 0,
+      "title-text": L(m),
+      style: { flex: "1" }
+    }, null, 8, ["title-text"])) : (u(), h("div", Ee, [
+      I(L(we), {
+        text: L(m),
         compact: ""
       }, null, 8, ["text"]),
-      T(s) ? (u(), h("span", Se, K(T(s)), 1)) : A("", !0)
+      L(s) ? (u(), h("span", $e, K(L(s)), 1)) : A("", !0)
     ]));
   }
-}), Te = /* @__PURE__ */ b($e, [["__scopeId", "data-v-d6ae6851"]]), _e = (e, t) => {
+}), _e = /* @__PURE__ */ b(Te, [["__scopeId", "data-v-e08d6b56"]]), ke = (e, t) => {
   if ("id" in e)
     return { id: `${t}/items${e.id.replace(/^#/, "")}` };
   const o = e.scope;
-  return o ? o === W ? { scope: t } : { scope: `${t}/items${o.replace(/^#/, "")}` } : { scope: o };
-}, ke = (e, t, o) => {
-  const r = "addStateProviderListener", m = L(r), s = Symbol("arrayParentScope"), d = X(s) ?? o, n = ({
-    indexIds: i = [],
+  return o ? o === x ? { scope: t } : { scope: `${t}/items${o.replace(/^#/, "")}` } : { scope: o };
+}, Be = (e, t, o) => {
+  const r = "addStateProviderListener", m = E(r), s = Symbol("arrayParentScope"), i = X(s) ?? o, n = ({
+    indexIds: l = [],
     indices: a = [],
     ...c
   }, p) => c.settingsId ? (
     /**
      * Keep untouched in this case since the array index is part of the path of the dynamic settings.
      */
-    m({ indexIds: i, indices: a, ...c }, p)
+    m({ indexIds: l, indices: a, ...c }, p)
   ) : m(
     {
       ...c,
-      ..._e(c, d),
-      indexIds: [e, ...i],
+      ...ke(c, i),
+      indexIds: [e, ...l],
       indices: [t, ...a]
     },
     p
   );
-  k(s, d), k(r, n);
+  k(s, i), k(r, n);
 }, De = (e) => {
-  const t = "trigger", o = L(t);
+  const t = "trigger", o = E(t);
   k(t, (n) => {
     const {
-      id: i,
+      id: l,
       indexIds: a = [],
       settingsId: c
     } = n;
-    return o(c ? { id: i, indexIds: a, settingsId: c } : {
-      id: i,
+    return o(c ? { id: l, indexIds: a, settingsId: c } : {
+      id: l,
       indexIds: [e, ...a]
     });
   });
-  const m = "isTriggerActive", s = L(m);
-  k(m, ({ id: n, indexIds: i = [], settingsId: a }) => s(a ? { id: n, indexIds: i, settingsId: a } : {
+  const m = "isTriggerActive", s = E(m);
+  k(m, ({ id: n, indexIds: l = [], settingsId: a }) => s(a ? { id: n, indexIds: l, settingsId: a } : {
     id: n,
-    indexIds: [e, ...i]
+    indexIds: [e, ...l]
   }));
-}, Be = { class: "item-header" }, be = { class: "elements" }, Re = {
+}, be = { class: "item-header" }, Re = { class: "elements" }, Ue = {
   key: 1,
   class: "element"
-}, Ue = { class: "form-component" }, Ve = { class: "compensate-label" }, Me = /* @__PURE__ */ P({
+}, Ve = { class: "form-component" }, Me = { class: "compensate-label" }, Pe = /* @__PURE__ */ P({
   __name: "ArrayLayoutItem",
   props: {
     elements: {},
@@ -112,113 +120,118 @@ const Ee = { render: Ce }, Le = { class: "vertical" }, Se = { key: 0 }, W = "top
     hasBeenAdded: { type: Boolean },
     id: {},
     idsRecord: {},
-    useCardLayout: { type: Boolean }
+    useCardLayout: { type: Boolean },
+    useSectionLayout: { type: Boolean }
   },
   setup(e, { expose: t }) {
-    const o = e, r = o.hasBeenAdded ? oe().resetElementDirtyState : null;
-    ke(o.id, o.index, o.arrayUiSchema.scope), De(o.id);
-    const m = ne(o.idsRecord, o.id);
+    const o = e, r = o.hasBeenAdded ? ne().resetElementDirtyState : null;
+    Be(o.id, o.index, o.arrayUiSchema.scope), De(o.id);
+    const m = re(o.idsRecord, o.id);
     k(
       "createArrayAtPath",
-      (n) => re(m, n)
+      (n) => se(m, n)
     );
-    const s = C(() => B(o.path, `${o.index}`)), d = L("sendAlert");
+    const s = C(() => D(o.path, `${o.index}`)), i = E("sendAlert");
     return j(() => {
-      !o.arrayElementTitle && o.elements.length > 1 && d({
+      !o.arrayElementTitle && o.elements.length > 1 && i({
         message: "For displaying more than one row of widgets within an array layout element, the configuration must provide a title for an element.",
         type: "error"
       });
     }), t({
       clearState: () => {
-        se(o.idsRecord, o.id), r == null || r();
+        ae(o.idsRecord, o.id), r == null || r();
       }
-    }), (n, i) => n.useCardLayout && n.arrayElementTitle ? (u(), h(U, { key: 0 }, [
-      g("div", Be, [
+    }), (n, l) => (n.useCardLayout || n.useSectionLayout) && n.arrayElementTitle ? (u(), h(U, { key: 0 }, [
+      g("div", be, [
         g("div", {
           class: "left",
-          style: Y({ alignItems: n.subTitleProvider ? "normal" : "center" })
+          style: Y({
+            alignItems: n.subTitleProvider ? "normal" : "center",
+            ...n.useSectionLayout ? { flex: 1 } : {}
+          })
         }, [
-          n.elementCheckboxScope ? $(n.$slots, "renderer", {
+          n.elementCheckboxScope ? T(n.$slots, "renderer", {
             key: 0,
             path: s.value,
             element: {
               type: "Control",
               scope: n.elementCheckboxScope,
               options: {
-                format: T(ae)
+                format: L(ie)
               }
             }
           }, void 0, !0) : A("", !0),
-          I(Te, {
+          I(_e, {
             "title-config": n.arrayElementTitle,
             "array-ui-schema": n.arrayUiSchema,
-            index: n.index
-          }, null, 8, ["title-config", "array-ui-schema", "index"])
+            index: n.index,
+            "use-section-layout": n.useSectionLayout
+          }, null, 8, ["title-config", "array-ui-schema", "index", "use-section-layout"])
         ], 4),
-        $(n.$slots, "controls", {}, void 0, !0)
+        T(n.$slots, "controls", {}, void 0, !0)
       ]),
-      g("div", be, [
-        (u(!0), h(U, null, x(n.elements, ([a, c]) => $(n.$slots, "renderer", {
+      g("div", Re, [
+        (u(!0), h(U, null, W(n.elements, ([a, c]) => T(n.$slots, "renderer", {
           key: `${s.value}-${a}`,
           path: s.value,
           element: c
         }, void 0, !0)), 128))
       ])
-    ], 64)) : (u(), h("div", Re, [
-      g("div", Ue, [
-        $(n.$slots, "renderer", {
+    ], 64)) : (u(), h("div", Ue, [
+      g("div", Ve, [
+        T(n.$slots, "renderer", {
           element: n.elements[0][1],
           path: s.value
         }, void 0, !0)
       ]),
-      g("div", Ve, [
-        $(n.$slots, "controls", {}, void 0, !0)
+      g("div", Me, [
+        T(n.$slots, "controls", {}, void 0, !0)
       ])
     ]));
   }
-}), Pe = /* @__PURE__ */ b(Me, [["__scopeId", "data-v-3dc0e37b"]]), Fe = {
+}), Fe = /* @__PURE__ */ b(Pe, [["__scopeId", "data-v-866ab57b"]]), Oe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function Oe(e, t) {
-  return u(), h("svg", Fe, t[0] || (t[0] = [
+function Ne(e, t) {
+  return u(), h("svg", Oe, t[0] || (t[0] = [
     g("path", { d: "m27 17.1-11 11-11-11m11 11V3.9" }, null, -1)
   ]));
 }
-const Ne = { render: Oe }, Ke = {
+const Ke = { render: Ne }, je = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function je(e, t) {
-  return u(), h("svg", Ke, t[0] || (t[0] = [
+function We(e, t) {
+  return u(), h("svg", je, t[0] || (t[0] = [
     g("path", { d: "m5 14.9 11-11 11 11m-11-11v24.2" }, null, -1)
   ]));
 }
-const xe = { render: je }, We = {
+const xe = { render: We }, ze = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function ze(e, t) {
-  return u(), h("svg", We, t[0] || (t[0] = [
+function Je(e, t) {
+  return u(), h("svg", ze, t[0] || (t[0] = [
     g("path", { d: "m26 7-3 22.5H9L6 7M4 7h24M12 7V2.5h8V7" }, null, -1)
   ]));
 }
-const Je = { render: ze }, Ge = {
+const qe = { render: Je }, Ge = {
   name: "ArrayLayoutItemControls",
   components: {
-    TrashIcon: Je,
-    FunctionButton: we,
+    TrashIcon: qe,
+    FunctionButton: Ie,
     ArrowUpIcon: xe,
-    ArrowDownIcon: Ne
+    ArrowDownIcon: Ke
   },
   props: {
     isFirst: {
@@ -240,18 +253,18 @@ const Je = { render: ze }, Ge = {
   },
   emits: ["moveUp", "moveDown", "delete"]
 }, He = { class: "item-controls" };
-function qe(e, t, o, r, m, s) {
-  const d = w("ArrowUpIcon"), n = w("FunctionButton"), i = w("ArrowDownIcon"), a = w("TrashIcon");
+function Qe(e, t, o, r, m, s) {
+  const i = w("ArrowUpIcon"), n = w("FunctionButton"), l = w("ArrowDownIcon"), a = w("TrashIcon");
   return u(), h("div", He, [
-    $(e.$slots, "before", {}, void 0, !0),
+    T(e.$slots, "before", {}, void 0, !0),
     o.showSortControls ? (u(), _(n, {
       key: 0,
       disabled: o.isFirst,
       title: "Move up",
       onClick: t[0] || (t[0] = (c) => e.$emit("moveUp"))
     }, {
-      default: E(() => [
-        I(d)
+      default: S(() => [
+        I(i)
       ]),
       _: 1
     }, 8, ["disabled"])) : A("", !0),
@@ -261,8 +274,8 @@ function qe(e, t, o, r, m, s) {
       title: "Move down",
       onClick: t[1] || (t[1] = (c) => e.$emit("moveDown"))
     }, {
-      default: E(() => [
-        I(i)
+      default: S(() => [
+        I(l)
       ]),
       _: 1
     }, 8, ["disabled"])) : A("", !0),
@@ -272,113 +285,113 @@ function qe(e, t, o, r, m, s) {
       title: "Remove",
       onClick: t[2] || (t[2] = (c) => e.$emit("delete"))
     }, {
-      default: E(() => [
+      default: S(() => [
         I(a, { class: "trash" })
       ]),
       _: 1
     })) : A("", !0)
   ]);
 }
-const Qe = /* @__PURE__ */ b(Ge, [["render", qe], ["__scopeId", "data-v-3d98ec17"]]), N = 200, Xe = (e) => e.every((t) => typeof t == "string"), Ye = (e) => Xe(e) ? e.reduce((t, o) => t + o, "") : !1, Ze = (e, t) => {
-  const o = D(/* @__PURE__ */ new Map()), r = D(!1), m = L("isTriggerActive"), s = () => {
+const Xe = /* @__PURE__ */ b(Ge, [["render", Qe], ["__scopeId", "data-v-3d98ec17"]]), N = 200, Ye = (e) => e.every((t) => typeof t == "string"), Ze = (e) => Ye(e) ? e.reduce((t, o) => t + o, "") : !1, et = (e, t) => {
+  const o = B(/* @__PURE__ */ new Map()), r = B(!1), m = E("isTriggerActive"), s = () => {
     let n = !1;
-    m({ id: ie }).then((i) => {
-      n = !0, i.state === "SUCCESS" && (o.value = i.result.reduce((a, { indices: c, isActive: p }) => (a.set(c[0], p), a), /* @__PURE__ */ new Map()), r.value = !1);
+    m({ id: le }).then((l) => {
+      n = !0, l.state === "SUCCESS" && (o.value = l.result.reduce((a, { indices: c, isActive: p }) => (a.set(c[0], p), a), /* @__PURE__ */ new Map()), r.value = !1);
     }), setTimeout(() => {
       n || (r.value = !0);
     }, N), r.value = !1;
-  }, d = D(!1);
+  }, i = B(!1);
   return j(() => {
     setTimeout(() => {
-      d.value || (r.value = !0);
+      i.value || (r.value = !0);
     }, N);
   }), V(
-    () => Ye(t.value),
+    () => Ze(t.value),
     (n) => {
-      e && n && (d.value = !0, t.value.every((a) => o.value.has(a)) && o.value.size === t.value.length || Z(s));
+      e && n && (i.value = !0, t.value.every((a) => o.value.has(a)) && o.value.size === t.value.length || Z(s));
     },
     { immediate: !0 }
   ), { isEdited: o, isEditedIsLoading: r };
-}, et = P({
+}, tt = P({
   name: "ArrayLayout",
   components: {
-    DispatchRenderer: de,
-    Button: Ie,
-    PlusIcon: Ee,
-    ArrayLayoutItemControls: Qe,
-    ArrayLayoutItem: Pe
+    DispatchRenderer: ue,
+    Button: Ae,
+    PlusIcon: Se,
+    ArrayLayoutItemControls: Xe,
+    ArrayLayoutItem: Fe
   },
   props: {
-    ...le()
+    ...de()
   },
   setup(e) {
-    const { handleChange: t, control: o } = ue(
+    const { handleChange: t, control: o } = me(
       e
     ), r = C(() => {
-      var l;
-      return ((l = o.value.data) == null ? void 0 : l.length) ?? 0;
-    }), s = L("getInitialValue")(
+      var d;
+      return ((d = o.value.data) == null ? void 0 : d.length) ?? 0;
+    }), s = E("getInitialValue")(
       o.value.path
-    ), d = D((s == null ? void 0 : s.length) ?? 0), n = M(
+    ), i = B((s == null ? void 0 : s.length) ?? 0), n = M(
       C(() => o.value.uischema),
       "elementDefaultValue",
       null
     );
-    me({
+    he({
       dataPath: C(() => o.value.path),
       value: r,
-      initialValue: d.value ?? 0,
+      initialValue: i.value ?? 0,
       valueComparator: {
-        setSettings: (l) => {
-          d.value = l;
+        setSettings: (d) => {
+          i.value = d;
         },
-        isModified: (l) => d.value !== l
+        isModified: (d) => i.value !== d
       }
     });
-    const i = L("createArrayAtPath")(
-      he(o.value.uischema.scope)
-    ), a = (l) => Object.keys(i).find((f) => fe(f) === l), c = (l) => a(l) ?? O();
+    const l = E("createArrayAtPath")(
+      pe(o.value.uischema.scope)
+    ), a = (d) => Object.keys(l).find((f) => ge(f) === d), c = (d) => a(d) ?? O();
     V(
       () => o.value.data,
-      (l) => {
-        l.forEach((f, y) => {
+      (d) => {
+        d.forEach((f, y) => {
           f._id || t(
-            B(B(o.value.path, `${y}`), "_id"),
+            D(D(o.value.path, `${y}`), "_id"),
             c(y)
           );
         });
       },
       { immediate: !0 }
     );
-    const p = C(() => o.value.data.map(({ _id: l }) => l)), v = (l) => l.reduce((f, y) => (f ?? "<noId>") + (y ?? "<noId>"), "");
+    const p = C(() => o.value.data.map(({ _id: d }) => d)), v = (d) => d.reduce((f, y) => (f ?? "<noId>") + (y ?? "<noId>"), "");
     V(
       () => p.value,
-      (l, f) => {
-        f && v(l) === v(f) || (l.forEach((y, Q) => y && pe(y, Q)), f == null || f.filter((y) => y && !l.includes(y)).forEach((y) => ye(y)));
+      (d, f) => {
+        f && v(d) === v(f) || (d.forEach((y, Q) => y && ye(y, Q)), f == null || f.filter((y) => y && !d.includes(y)).forEach((y) => ve(y)));
       },
       { immediate: !0 }
     );
-    const { isEdited: S, isEditedIsLoading: R } = Ze(
+    const { isEdited: $, isEditedIsLoading: R } = et(
       o.value.uischema.options.withEditAndReset,
       p
     ), {
       addItem: z,
       moveDown: J,
-      moveUp: G,
-      removeItems: H,
-      control: q
-    } = ve(e);
+      moveUp: q,
+      removeItems: G,
+      control: H
+    } = fe(e);
     return {
       addItem: z,
       moveDown: J,
-      moveUp: G,
-      removeItems: H,
-      control: q,
+      moveUp: q,
+      removeItems: G,
+      control: H,
       numElements: r,
-      cleanArrayLength: d,
-      idsRecord: i,
+      cleanArrayLength: i,
+      idsRecord: l,
       providedElementDefaultValue: n,
-      isEdited: S,
+      isEdited: $,
       isEditedIsLoading: R
     };
   },
@@ -429,7 +442,11 @@ const Qe = /* @__PURE__ */ b(Ge, [["render", qe], ["__scopeId", "data-v-3d98ec17
       return ((e = this.control.uischema.options) == null ? void 0 : e[this.elementLayoutKey]) || "VERTICAL_CARD";
     },
     useCardLayout() {
-      return this.elementLayout === "VERTICAL_CARD";
+      return this.elementLayout === "VERTICAL_CARD" && !this.useSectionLayout;
+    },
+    useSectionLayout() {
+      var e;
+      return ((e = this.control.uischema.options) == null ? void 0 : e.useSectionLayout) || !1;
     }
   },
   methods: {
@@ -469,21 +486,21 @@ const Qe = /* @__PURE__ */ b(Ge, [["render", qe], ["__scopeId", "data-v-3d98ec17
     deleteItem(e) {
       var o;
       const t = this.control.data[e]._id;
-      this.clearElement(t), (o = this.removeItems) == null || o.call(this, B(this.control.path, ""), [e])();
+      this.clearElement(t), (o = this.removeItems) == null || o.call(this, D(this.control.path, ""), [e])();
     }
   }
 });
-function tt(e, t, o, r, m, s) {
-  const d = w("DispatchRenderer"), n = w("ArrayLayoutItemControls"), i = w("ArrayLayoutItem"), a = w("PlusIcon"), c = w("Button");
+function ot(e, t, o, r, m, s) {
+  const i = w("DispatchRenderer"), n = w("ArrayLayoutItemControls"), l = w("ArrayLayoutItem"), a = w("PlusIcon"), c = w("Button");
   return e.control.visible ? (u(), h("div", {
     key: 0,
     class: F(["array", { cards: e.useCardLayout }])
   }, [
-    (u(!0), h(U, null, x(e.control.data, (p, v) => (u(), h("div", {
+    (u(!0), h(U, null, W(e.control.data, (p, v) => (u(), h("div", {
       key: `${e.control.path}-${p._id}`,
       class: F(["item", { card: e.useCardLayout }])
     }, [
-      I(i, {
+      I(l, {
         id: p._id,
         ref_for: !0,
         ref: e.registerElement(p._id),
@@ -495,27 +512,28 @@ function tt(e, t, o, r, m, s) {
         index: v,
         "has-been-added": v === e.elementCountBeforeAddingOne,
         "element-checkbox-scope": e.elementCheckboxScope,
-        "use-card-layout": e.useCardLayout
+        "use-card-layout": e.useCardLayout,
+        "use-section-layout": e.useSectionLayout
       }, {
-        renderer: E(({ element: S, path: R }) => [
-          I(d, {
+        renderer: S(({ element: $, path: R }) => [
+          I(i, {
             schema: e.control.schema,
-            uischema: S,
+            uischema: $,
             path: R
           }, null, 8, ["schema", "uischema", "path"])
         ]),
-        controls: E(() => [
+        controls: S(() => [
           I(n, {
             "is-first": v === 0,
             "is-last": v === e.control.data.length - 1,
             "show-sort-controls": e.showSortControls,
             "show-delete-button": e.showAddAndDeleteButtons,
-            onMoveUp: (S) => e.moveItemUp(v),
-            onMoveDown: (S) => e.moveItemDown(v),
-            onDelete: (S) => e.deleteItem(v)
+            onMoveUp: ($) => e.moveItemUp(v),
+            onMoveDown: ($) => e.moveItemDown(v),
+            onDelete: ($) => e.deleteItem(v)
           }, {
-            before: E(() => [
-              e.showEditAndResetControls ? (u(), _(d, ee({
+            before: S(() => [
+              e.showEditAndResetControls ? (u(), _(i, ee({
                 key: 0,
                 ref_for: !0
               }, e.control, {
@@ -542,7 +560,7 @@ function tt(e, t, o, r, m, s) {
           }, 1032, ["is-first", "is-last", "show-sort-controls", "show-delete-button", "onMoveUp", "onMoveDown", "onDelete"])
         ]),
         _: 2
-      }, 1032, ["id", "ids-record", "array-ui-schema", "elements", "array-element-title", "path", "index", "has-been-added", "element-checkbox-scope", "use-card-layout"])
+      }, 1032, ["id", "ids-record", "array-ui-schema", "elements", "array-element-title", "path", "index", "has-been-added", "element-checkbox-scope", "use-card-layout", "use-section-layout"])
     ], 2))), 128)),
     e.showAddAndDeleteButtons ? (u(), _(c, {
       key: 0,
@@ -551,7 +569,7 @@ function tt(e, t, o, r, m, s) {
       compact: "",
       onClick: e.addDefaultItem
     }, {
-      default: E(() => [
+      default: S(() => [
         I(a),
         te(" " + K(e.control.uischema.options.addButtonText || "New"), 1)
       ]),
@@ -559,7 +577,7 @@ function tt(e, t, o, r, m, s) {
     }, 8, ["onClick"])) : A("", !0)
   ], 2)) : A("", !0);
 }
-const at = /* @__PURE__ */ b(et, [["render", tt], ["__scopeId", "data-v-83c7d6aa"]]);
+const it = /* @__PURE__ */ b(tt, [["render", ot], ["__scopeId", "data-v-a73dc714"]]);
 export {
-  at as default
+  it as default
 };

package/dist/{ButtonControl-CsK37zDu.js → ButtonControl-CnbVd4aa.js}

@@ -1,6 +1,6 @@
 import { defineComponent as H, ref as l, computed as _, onMounted as q, createElementBlock as S, openBlock as m, createVNode as z, createBlock as L, createCommentVNode as C, unref as B, withCtx as U, createElementVNode as W, toDisplayString as b } from "vue";
 import { FunctionButton as j, LoadingIcon as P } from "@knime/components";
-import { C as f, a1 as T, a2 as G } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { a7 as f, af as T, ag as G } from "./TextControl-D38OA8zM-BYAu2w0I.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const k = ({ view: u, model: i }) => ({
   ...u,

package/dist/{Checkbox-CWL8weTr-DizDeAek.js → Checkbox-DjZxP5CK-C2B2UhVz.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as i, normalizeClass as s, createElementVNode as d, renderSlot as r } from "vue";
-import { X as u } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { Y as u } from "./TextControl-D38OA8zM-BYAu2w0I.js";
 const c = {
   name: "Checkbox",
   props: {
@@ -51,18 +51,18 @@ const c = {
     }
   }
 }, p = ["id", "name", "checked", "disabled"];
-function m(e, l, t, h, f, a) {
+function m(e, l, a, h, f, t) {
   return i(), o("label", {
-    class: s([a.classes, { invalid: t.invalid }])
+    class: s([t.classes, { invalid: a.invalid }])
   }, [
     d("input", {
-      id: t.id,
+      id: a.id,
       ref: "input",
-      name: t.name,
-      checked: t.modelValue,
-      disabled: t.disabled,
+      name: a.name,
+      checked: a.modelValue,
+      disabled: a.disabled,
       type: "checkbox",
-      onChange: l[0] || (l[0] = (...n) => a.onInput && a.onInput(...n))
+      onChange: l[0] || (l[0] = (...n) => t.onInput && t.onInput(...n))
     }, null, 40, p),
     d("span", null, [
       r(e.$slots, "default", {}, void 0, !0)