@knime/scripting-editor 0.0.124 → 0.0.126

package/dist/{AnyOfTwinlist-By12blUM-C3JKalWM.js → AnyOfTwinlist-C0gjxeQW-DdmyqOPW.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 { L as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-DtphbKhB-BhwFw0-m.js";
+import { L as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-B5lCsIOD-DoWlznIt.js";
 const f = /* @__PURE__ */ t({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{ArrayLayout-C5yFgV8Q.js → ArrayLayout-0R2_c1hY.js}

@@ -1,13 +1,13 @@
-import { defineComponent as K, computed as S, createBlock as C, createElementBlock as v, openBlock as c, unref as h, createElementVNode as L, createCommentVNode as E, toDisplayString as V, inject as Z, provide as b, onMounted as J, Fragment as _, renderSlot as T, normalizeStyle as x, createVNode as k, renderList as G, ref as B, watch as O, nextTick as ee, resolveComponent as D, normalizeClass as z, withCtx as F, mergeProps as te } from "vue";
-import { u as N, K as oe, ae as I, aw as ae, ax as se, ay as ne, ad as R, az as re, aA as ie, aB as M, aC as le, a7 as de, aD as ue, af as ce, aE as W, aF as me, av as pe, aG as he, aH as ye, aI as ve, aJ as fe, aK as ge, aL as Ee } from "./TextControl-BlUQLMGo-CSdt3hw2.js";
-import { _ as U } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ae = {
+import { defineComponent as U, computed as A, createBlock as I, createElementBlock as v, openBlock as c, unref as p, createElementVNode as L, createCommentVNode as w, toDisplayString as P, inject as Z, provide as k, onMounted as j, Fragment as N, renderSlot as D, normalizeStyle as x, createVNode as B, renderList as G, ref as M, watch as O, nextTick as ee, toRaw as te, resolveComponent as $, normalizeClass as J, withCtx as V, mergeProps as oe } from "vue";
+import { d as z, J as ae, ae as C, aw as se, ax as ne, ay as re, ad as R, az as ie, aA as le, aB as b, aC as de, a7 as ue, aD as ce, af as me, aE as _, aF as pe, av as he, aG as ye, aH as ve, aI as fe, aJ as ge, aK as we, aL as Ee } from "./TextControl-B0ag-3Pv-CVDIw3MG.js";
+import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ie = {
   key: 1,
   class: "vertical"
-}, Le = { class: "title-container" }, Se = ["title"], Ce = { key: 0 }, Ie = {
+}, Se = { class: "title-container" }, Le = ["title"], Ae = { key: 0 }, Ce = {
   key: 0,
   class: "sub-title"
-}, H = "topLevelElementScope", we = /* @__PURE__ */ K({
+}, H = "topLevelElementScope", De = /* @__PURE__ */ U({
   __name: "ArrayLayoutItemLabel",
   props: {
     arrayUiSchema: {},
@@ -16,38 +16,38 @@ const Ae = {
     useSectionLayout: { type: Boolean }
   },
   setup(e) {
-    const o = e, t = o.titleConfig, s = S(() => ({
+    const o = e, t = o.titleConfig, s = A(() => ({
       ...o.arrayUiSchema,
       scope: H
-    })), r = t.type === "provided" ? N(s, "arrayElementTitle", "") : t.title, n = S(
+    })), n = t.type === "provided" ? z(s, "arrayElementTitle", "") : t.title, r = A(
       () => t.type === "provided" ? null : o.index + 1
-    ), l = N(
+    ), l = z(
       s,
       "elementSubTitle",
       ""
     );
-    return (a, d) => a.useSectionLayout ? (c(), C(h(oe), {
+    return (a, d) => a.useSectionLayout ? (c(), I(p(ae), {
       key: 0,
-      "title-text": h(t).type === "enumerated" && n.value ? `${h(r)} ${n.value}` : h(r),
+      "title-text": p(t).type === "enumerated" && r.value ? `${p(n)} ${r.value}` : p(n),
       class: "section-heading"
-    }, null, 8, ["title-text"])) : (c(), v("div", Ae, [
-      L("div", Le, [
+    }, null, 8, ["title-text"])) : (c(), v("div", Ie, [
+      L("div", Se, [
         L("span", {
           class: "title",
-          title: h(r)
-        }, V(h(r)), 9, Se),
-        n.value ? (c(), v("span", Ce, " " + V(n.value), 1)) : E("", !0)
+          title: p(n)
+        }, P(p(n)), 9, Le),
+        r.value ? (c(), v("span", Ae, " " + P(r.value), 1)) : w("", !0)
       ]),
-      h(l) ? (c(), v("span", Ie, V(h(l)), 1)) : E("", !0)
+      p(l) ? (c(), v("span", Ce, P(p(l)), 1)) : w("", !0)
     ]));
   }
-}), Te = /* @__PURE__ */ U(we, [["__scopeId", "data-v-d816d601"]]), $e = (e, o) => {
+}), Te = /* @__PURE__ */ F(De, [["__scopeId", "data-v-d816d601"]]), $e = (e, o) => {
   if ("id" in e)
     return { id: `${o}/items${e.id.replace(/^#/, "")}` };
   const t = e.scope;
   return t ? t === H ? { scope: o } : { scope: `${o}/items${t.replace(/^#/, "")}` } : { scope: t };
-}, De = (e, o, t) => {
-  const s = "addStateProviderListener", r = I(s), n = Symbol("arrayParentScope"), l = Z(n) ?? t, a = ({
+}, be = (e, o, t) => {
+  const s = "addStateProviderListener", n = C(s), r = Symbol("arrayParentScope"), l = Z(r) ?? t, a = ({
     indexIds: d = [],
     indices: u = [],
     ...m
@@ -55,8 +55,8 @@ const Ae = {
     /**
      * Keep untouched in this case since the array index is part of the path of the dynamic settings.
      */
-    r({ indexIds: d, indices: u, ...m }, f)
-  ) : r(
+    n({ indexIds: d, indices: u, ...m }, f)
+  ) : n(
     {
       ...m,
       ...$e(m, l),
@@ -65,10 +65,10 @@ const Ae = {
     },
     f
   );
-  b(n, l), b(s, a);
-}, be = (e) => {
-  const o = "trigger", t = I(o);
-  b(o, (a) => {
+  k(r, l), k(s, a);
+}, ke = (e) => {
+  const o = "trigger", t = C(o);
+  k(o, (a) => {
     const {
       id: d,
       indexIds: u = [],
@@ -79,15 +79,15 @@ const Ae = {
       indexIds: [e, ...u]
     });
   });
-  const r = "isTriggerActive", n = I(r);
-  b(r, ({ id: a, indexIds: d = [], settingsId: u }) => n(u ? { id: a, indexIds: d, settingsId: u } : {
+  const n = "isTriggerActive", r = C(n);
+  k(n, ({ id: a, indexIds: d = [], settingsId: u }) => r(u ? { id: a, indexIds: d, settingsId: u } : {
     id: a,
     indexIds: [e, ...d]
   }));
-}, ke = { class: "item-header" }, Be = { class: "elements" }, Re = {
+}, Be = { class: "item-header" }, Me = { class: "elements" }, Re = {
   key: 1,
   class: "element"
-}, Me = { class: "form-component" }, _e = { class: "compensate-label" }, Ke = /* @__PURE__ */ K({
+}, Ne = { class: "form-component" }, Ue = { class: "compensate-label" }, Fe = /* @__PURE__ */ U({
   __name: "ArrayLayoutItem",
   props: {
     elements: {},
@@ -97,32 +97,37 @@ const Ae = {
     subTitleProvider: {},
     index: {},
     path: {},
-    hasBeenAdded: { type: Boolean },
+    isNewElement: { type: Boolean },
     id: {},
     idsRecord: {},
     useCardLayout: { type: Boolean },
     useSectionLayout: { type: Boolean }
   },
   setup(e, { expose: o }) {
-    const t = e, s = t.hasBeenAdded ? ae().resetElementDirtyState : null;
-    De(t.id, t.index, t.arrayUiSchema.scope), be(t.id);
-    const r = se(t.idsRecord, t.id);
-    b(
+    const t = e, { resetElementDirtyState: s } = se({
+      isNewElement: t.isNewElement
+    });
+    be(t.id, t.index, t.arrayUiSchema.scope), ke(t.id);
+    const n = ne(t.idsRecord, t.id);
+    k(
       "createArrayAtPath",
-      (a) => ne(r, a)
+      (a) => re(n, a)
     );
-    const n = S(() => R(t.path, `${t.index}`)), l = I("sendAlert");
-    return J(() => {
+    const r = A(() => R(t.path, `${t.index}`)), l = C("sendAlert");
+    return j(() => {
       !t.arrayElementTitle && t.elements.length > 1 && l({
         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"
       });
     }), o({
-      clearState: () => {
-        re(t.idsRecord, t.id), s == null || s();
+      deleteArrayItem: () => {
+        ie(t.idsRecord, t.id);
+      },
+      resetDirtyState: () => {
+        s();
       }
-    }), (a, d) => (a.useCardLayout || a.useSectionLayout) && a.arrayElementTitle ? (c(), v(_, { key: 0 }, [
-      L("div", ke, [
+    }), (a, d) => (a.useCardLayout || a.useSectionLayout) && a.arrayElementTitle ? (c(), v(N, { key: 0 }, [
+      L("div", Be, [
         L("div", {
           class: "left",
           style: x({
@@ -130,59 +135,60 @@ const Ae = {
             ...a.useSectionLayout ? { flex: 1 } : {}
           })
         }, [
-          a.elementCheckboxScope ? T(a.$slots, "renderer", {
+          a.elementCheckboxScope ? D(a.$slots, "renderer", {
             key: 0,
-            path: n.value,
+            path: r.value,
             element: {
               type: "Control",
               scope: a.elementCheckboxScope,
               options: {
-                format: h(ie)
+                format: p(le)
               }
             }
-          }, void 0, !0) : E("", !0),
-          k(Te, {
+          }, void 0, !0) : w("", !0),
+          B(Te, {
             "title-config": a.arrayElementTitle,
             "array-ui-schema": a.arrayUiSchema,
             index: a.index,
             "use-section-layout": a.useSectionLayout
           }, null, 8, ["title-config", "array-ui-schema", "index", "use-section-layout"])
         ], 4),
-        T(a.$slots, "controls", {}, void 0, !0)
+        D(a.$slots, "controls", {}, void 0, !0)
       ]),
-      L("div", Be, [
-        (c(!0), v(_, null, G(a.elements, ([u, m]) => T(a.$slots, "renderer", {
-          key: `${n.value}-${u}`,
-          path: n.value,
+      L("div", Me, [
+        (c(!0), v(N, null, G(a.elements, ([u, m]) => D(a.$slots, "renderer", {
+          key: `${r.value}-${u}`,
+          path: r.value,
           element: m
         }, void 0, !0)), 128))
       ])
     ], 64)) : (c(), v("div", Re, [
-      L("div", Me, [
-        T(a.$slots, "renderer", {
+      L("div", Ne, [
+        D(a.$slots, "renderer", {
           element: a.elements[0][1],
-          path: n.value
+          path: r.value
         }, void 0, !0)
       ]),
-      L("div", _e, [
-        T(a.$slots, "controls", {}, void 0, !0)
+      L("div", Ue, [
+        D(a.$slots, "controls", {}, void 0, !0)
       ])
     ]));
   }
-}), Ue = /* @__PURE__ */ U(Ke, [["__scopeId", "data-v-3cb16fe2"]]), Pe = { class: "item-controls" }, Ve = /* @__PURE__ */ K({
+}), Ke = /* @__PURE__ */ F(Fe, [["__scopeId", "data-v-117e243b"]]), Pe = { class: "item-controls" }, Ve = /* @__PURE__ */ U({
   __name: "ArrayLayoutItemControls",
   props: {
     isFirst: { type: Boolean, default: !1 },
     isLast: { type: Boolean, default: !1 },
     showSortControls: { type: Boolean, default: !1 },
+    showDuplicateButton: { type: Boolean, default: !1 },
     showDeleteButton: { type: Boolean, default: !1 }
   },
-  emits: ["moveUp", "moveDown", "delete"],
+  emits: ["moveUp", "moveDown", "duplicate", "delete"],
   setup(e, { emit: o }) {
     const t = o;
-    return (s, r) => (c(), v("div", Pe, [
-      T(s.$slots, "before", {}, void 0, !0),
-      s.showSortControls ? (c(), C(h(M), {
+    return (s, n) => (c(), v("div", Pe, [
+      D(s.$slots, "before", {}, void 0, !0),
+      s.showSortControls ? (c(), I(p(b), {
         key: 0,
         "leading-icon": "arrow-up",
         size: "small",
@@ -190,9 +196,9 @@ const Ae = {
         disabled: s.isFirst,
         title: "Move up",
         ariaLabel: "Move up",
-        onClick: r[0] || (r[0] = (n) => t("moveUp"))
-      }, null, 8, ["disabled"])) : E("", !0),
-      s.showSortControls ? (c(), C(h(M), {
+        onClick: n[0] || (n[0] = (r) => t("moveUp"))
+      }, null, 8, ["disabled"])) : w("", !0),
+      s.showSortControls ? (c(), I(p(b), {
         key: 1,
         "leading-icon": "arrow-down",
         size: "small",
@@ -200,66 +206,75 @@ const Ae = {
         disabled: s.isLast,
         title: "Move down",
         ariaLabel: "Move down",
-        onClick: r[1] || (r[1] = (n) => t("moveDown"))
-      }, null, 8, ["disabled"])) : E("", !0),
-      s.showDeleteButton ? (c(), C(h(M), {
+        onClick: n[1] || (n[1] = (r) => t("moveDown"))
+      }, null, 8, ["disabled"])) : w("", !0),
+      s.showDuplicateButton ? (c(), I(p(b), {
         key: 2,
+        "leading-icon": "copy",
+        size: "small",
+        variant: "transparent",
+        title: "Duplicate",
+        ariaLabel: "Duplicate",
+        onClick: n[2] || (n[2] = (r) => t("duplicate"))
+      })) : w("", !0),
+      s.showDeleteButton ? (c(), I(p(b), {
+        key: 3,
         "leading-icon": "trash",
         size: "small",
         variant: "transparent",
         title: "Remove",
         ariaLabel: "Remove",
-        onClick: r[2] || (r[2] = (n) => t("delete"))
-      })) : E("", !0)
+        onClick: n[3] || (n[3] = (r) => t("delete"))
+      })) : w("", !0)
     ]));
   }
-}), Fe = /* @__PURE__ */ U(Ve, [["__scopeId", "data-v-a4686721"]]), j = 200, Oe = (e) => e.every((o) => typeof o == "string"), Ne = (e) => Oe(e) ? e.reduce((o, t) => o + t, "") : !1, ze = (e, o) => {
-  const t = B(/* @__PURE__ */ new Map()), s = B(!1), r = I("isTriggerActive"), n = () => {
+}), _e = /* @__PURE__ */ F(Ve, [["__scopeId", "data-v-5bbaa466"]]), W = 200, Oe = (e) => e.every((o) => typeof o == "string"), ze = (e) => Oe(e) ? e.reduce((o, t) => o + t, "") : !1, Je = (e, o) => {
+  const t = M(/* @__PURE__ */ new Map()), s = M(!1), n = C("isTriggerActive"), r = () => {
     let a = !1;
-    r({ id: le }).then((d) => {
+    n({ id: de }).then((d) => {
       a = !0, d.state === "SUCCESS" && (t.value = d.result.reduce((u, { indices: m, isActive: f }) => (u.set(m[0], f), u), /* @__PURE__ */ new Map()), s.value = !1);
     }), setTimeout(() => {
       a || (s.value = !0);
-    }, j), s.value = !1;
-  }, l = B(!1);
-  return J(() => {
+    }, W), s.value = !1;
+  }, l = M(!1);
+  return j(() => {
     setTimeout(() => {
       l.value || (s.value = !0);
-    }, j);
+    }, W);
   }), O(
-    () => Ne(o.value),
+    () => ze(o.value),
     (a) => {
-      e && a && (l.value = !0, o.value.every((u) => t.value.has(u)) && t.value.size === o.value.length || ee(n));
+      e && a && (l.value = !0, o.value.every((u) => t.value.has(u)) && t.value.size === o.value.length || ee(r));
     },
     { immediate: !0 }
   ), { isEdited: t, isEditedIsLoading: s };
-}, We = K({
+}, We = U({
   name: "ArrayLayout",
   components: {
-    DispatchRenderer: ce,
-    KdsButton: M,
-    KdsEmptyState: ue,
-    ArrayLayoutItemControls: Fe,
-    ArrayLayoutItem: Ue
+    DispatchRenderer: me,
+    KdsButton: b,
+    KdsEmptyState: ce,
+    ArrayLayoutItemControls: _e,
+    ArrayLayoutItem: Ke
   },
   props: {
-    ...de()
+    ...ue()
   },
   setup(e) {
-    const { handleChange: o, control: t } = pe(
+    const { handleChange: o, control: t } = he(
       e
-    ), s = S(() => {
+    ), s = A(() => {
       var i;
       return ((i = t.value.data) == null ? void 0 : i.length) ?? 0;
-    }), n = I("getInitialValue")(
+    }), r = C("getInitialValue")(
       t.value.path
-    ), l = B((n == null ? void 0 : n.length) ?? 0), a = N(
-      S(() => t.value.uischema),
+    ), l = M((r == null ? void 0 : r.length) ?? 0), a = z(
+      A(() => t.value.uischema),
       "elementDefaultValue",
       null
     );
-    he({
-      dataPath: S(() => t.value.path),
+    ye({
+      dataPath: A(() => t.value.path),
       value: s,
       initialValue: l.value ?? 0,
       valueComparator: {
@@ -269,50 +284,51 @@ const Ae = {
         isModified: (i) => l.value !== i
       }
     });
-    const d = I("createArrayAtPath")(
-      ye(t.value.uischema.scope)
-    ), u = (i) => Object.keys(d).find((y) => Ee(y) === i), m = (i) => u(i) ?? W();
+    const d = C("createArrayAtPath")(
+      ve(t.value.uischema.scope)
+    ), u = (i) => Object.keys(d).find((y) => Ee(y) === i), m = (i) => u(i) ?? _();
     O(
       () => t.value.data,
       (i) => {
-        i.forEach((y, p) => {
+        i.forEach((y, h) => {
           y._id || o(
-            R(R(t.value.path, `${p}`), "_id"),
-            m(p)
+            R(R(t.value.path, `${h}`), "_id"),
+            m(h)
           );
         });
       },
       { immediate: !0 }
     );
-    const f = S(() => t.value.data.map(({ _id: i }) => i)), $ = (i) => i.reduce((y, p) => (y ?? "<noId>") + (p ?? "<noId>"), "");
+    const f = A(() => t.value.data.map(({ _id: i }) => i)), T = (i) => i.reduce((y, h) => (y ?? "<noId>") + (h ?? "<noId>"), "");
     O(
       () => f.value,
       (i, y) => {
-        y && $(i) === $(y) || (i.forEach((p, Y) => p && ve(p, Y)), y == null || y.filter((p) => p && !i.includes(p)).forEach((p) => fe(p)));
+        y && T(i) === T(y) || (i.forEach((h, Y) => h && fe(h, Y)), y == null || y.filter((h) => h && !i.includes(h)).forEach((h) => ge(h)));
       },
       { immediate: !0 }
     );
-    const { isEdited: A, isEditedIsLoading: g } = ze(
+    const { isEdited: E, isEditedIsLoading: g } = Je(
       t.value.uischema.options.withEditAndReset,
       f
     ), {
-      addItem: w,
-      moveDown: P,
+      addItem: S,
+      moveDown: K,
       moveUp: q,
       removeItems: Q,
       control: X
-    } = ge(e);
+    } = we(e);
     return {
-      addItem: w,
-      moveDown: P,
+      addItem: S,
+      moveDown: K,
       moveUp: q,
       removeItems: Q,
+      handleChange: o,
       control: X,
       numElements: s,
       cleanArrayLength: l,
       idsRecord: d,
       providedElementDefaultValue: a,
-      isEdited: A,
+      isEdited: E,
       isEditedIsLoading: g
     };
   },
@@ -320,9 +336,10 @@ const Ae = {
     return {
       elementLayoutKey: "elementLayout",
       arrayElementTitleKey: "arrayElementTitle",
-      editResetButtonFormat: me,
-      elementCountBeforeAddingOne: -1,
-      clearStateMethods: /* @__PURE__ */ new Map()
+      editResetButtonFormat: pe,
+      newElementId: null,
+      resetDirtyStateMethods: /* @__PURE__ */ new Map(),
+      deleteArrayItemMethods: /* @__PURE__ */ new Map()
     };
   },
   computed: {
@@ -338,6 +355,9 @@ const Ae = {
     showAddAndDeleteButtons() {
       return !this.control.uischema.options.hasFixedSize;
     },
+    showDuplicateButton() {
+      return this.control.uischema.options.showDuplicateButton && !this.control.uischema.options.hasFixedSize;
+    },
     elements() {
       return this.control.uischema.options.detail ? Object.entries(this.control.uischema.options.detail) : [];
     },
@@ -380,11 +400,12 @@ const Ae = {
       }), o;
     },
     addDefaultItem() {
-      this.elementCountBeforeAddingOne = this.numElements, this.addItem(this.control.path, {
+      const e = _();
+      this.newElementId = e, this.addItem(this.control.path, {
         ...this.createDefaultValue(
           this.control.schema
         ),
-        _id: W()
+        _id: e
       })();
     },
     moveItemUp(e) {
@@ -395,68 +416,85 @@ const Ae = {
       var o;
       (o = this.moveDown) == null || o.call(this, this.control.path, e)();
     },
-    clearElement(e) {
-      var o;
-      e && ((o = this.clearStateMethods.get(e)) == null || o(), this.clearStateMethods.delete(e));
+    duplicateItem(e) {
+      const o = te(this.control.data[e]);
+      if (o) {
+        const t = JSON.parse(JSON.stringify(o)), s = _();
+        t._id = s, this.newElementId = s;
+        const n = [...this.control.data];
+        n.splice(e + 1, 0, t), this.handleChange(this.control.path, n);
+      }
+    },
+    clearState(e, o) {
+      var t, s;
+      o && ((t = this.resetDirtyStateMethods.get(o)) == null || t()), e && ((s = this.deleteArrayItemMethods.get(e)) == null || s(), this.deleteArrayItemMethods.delete(e), this.resetDirtyStateMethods.delete(e));
     },
     registerElement(e) {
       return (o) => {
-        e && this.clearStateMethods.set(e, () => o == null ? void 0 : o.clearState());
+        e && (this.deleteArrayItemMethods.set(
+          e,
+          () => o == null ? void 0 : o.deleteArrayItem()
+        ), this.resetDirtyStateMethods.set(
+          e,
+          () => o == null ? void 0 : o.resetDirtyState()
+        ));
       };
     },
     deleteItem(e) {
-      var t;
-      const o = this.control.data[e]._id;
-      this.clearElement(o), (t = this.removeItems) == null || t.call(this, R(this.control.path, ""), [e])();
+      var s;
+      const o = this.control.data[this.control.data.length - 1]._id, t = this.control.data[e]._id;
+      this.clearState(t, o), (s = this.removeItems) == null || s.call(this, R(this.control.path, ""), [e])();
     }
   }
 });
-function je(e, o, t, s, r, n) {
-  var f, $;
-  const l = D("DispatchRenderer"), a = D("ArrayLayoutItemControls"), d = D("ArrayLayoutItem"), u = D("KdsButton"), m = D("KdsEmptyState");
+function je(e, o, t, s, n, r) {
+  var f, T;
+  const l = $("DispatchRenderer"), a = $("ArrayLayoutItemControls"), d = $("ArrayLayoutItem"), u = $("KdsButton"), m = $("KdsEmptyState");
   return e.control.visible ? (c(), v("div", {
     key: 0,
-    class: z(["array", { cards: e.useCardLayout }])
+    class: J(["array", { cards: e.useCardLayout }])
   }, [
-    e.numElements > 0 ? (c(), v(_, { key: 0 }, [
-      (c(!0), v(_, null, G(e.control.data, (A, g) => (c(), v("div", {
-        key: `${e.control.path}-${A._id}`,
-        class: z(["item", { card: e.useCardLayout }])
+    e.numElements > 0 ? (c(), v(N, { key: 0 }, [
+      (c(!0), v(N, null, G(e.control.data, (E, g) => (c(), v("div", {
+        key: `${e.control.path}-${E._id}`,
+        class: J(["item", { card: e.useCardLayout }])
       }, [
-        k(d, {
-          id: A._id,
+        B(d, {
+          id: E._id,
           ref_for: !0,
-          ref: e.registerElement(A._id),
+          ref: e.registerElement(E._id),
           "ids-record": e.idsRecord,
           "array-ui-schema": e.control.uischema,
           elements: e.elements,
           "array-element-title": e.arrayElementTitle,
           path: e.control.path,
           index: g,
-          "has-been-added": g === e.elementCountBeforeAddingOne,
+          "is-new-element": E._id === e.newElementId,
           "element-checkbox-scope": e.elementCheckboxScope,
           "use-card-layout": e.useCardLayout,
           "use-section-layout": e.useSectionLayout
         }, {
-          renderer: F(({ element: w, path: P }) => [
-            k(l, {
+          renderer: V(({ element: S, path: K }) => [
+            B(l, {
               schema: e.control.schema,
-              uischema: w,
-              path: P
+              uischema: S,
+              path: K
             }, null, 8, ["schema", "uischema", "path"])
           ]),
-          controls: F(() => [
-            k(a, {
+          controls: V(() => [
+            B(a, {
               "is-first": g === 0,
               "is-last": g === e.control.data.length - 1,
               "show-sort-controls": e.showSortControls,
+              "show-duplicate-button": e.showDuplicateButton,
               "show-delete-button": e.showAddAndDeleteButtons,
-              onMoveUp: (w) => e.moveItemUp(g),
-              onMoveDown: (w) => e.moveItemDown(g),
-              onDelete: (w) => e.deleteItem(g)
+              onMoveUp: (S) => e.moveItemUp(g),
+              onMoveDown: (S) => e.moveItemDown(g),
+              onDuplicate: (S) => e.duplicateItem(g),
+              onDelete: (S) => e.deleteItem(g)
             }, {
-              before: F(() => [
-                e.showEditAndResetControls ? (c(), C(l, te({
+              before: V(() => [
+                e.showEditAndResetControls ? (c(), I(l, oe({
                   key: 0,
                   ref_for: !0
                 }, e.control, {
@@ -475,25 +513,25 @@ function je(e, o, t, s, r, n) {
                     }
                   },
                   path: `${e.control.path}.${g}`,
-                  "initial-is-edited": e.isEdited.get(A._id) ? "" : void 0,
+                  "initial-is-edited": e.isEdited.get(E._id) ? "" : void 0,
                   "is-loading": e.isEditedIsLoading ? "" : void 0
-                }), null, 16, ["uischema", "path", "initial-is-edited", "is-loading"])) : E("", !0)
+                }), null, 16, ["uischema", "path", "initial-is-edited", "is-loading"])) : w("", !0)
               ]),
               _: 2
-            }, 1032, ["is-first", "is-last", "show-sort-controls", "show-delete-button", "onMoveUp", "onMoveDown", "onDelete"])
+            }, 1032, ["is-first", "is-last", "show-sort-controls", "show-duplicate-button", "show-delete-button", "onMoveUp", "onMoveDown", "onDuplicate", "onDelete"])
           ]),
           _: 2
-        }, 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"])
+        }, 1032, ["id", "ids-record", "array-ui-schema", "elements", "array-element-title", "path", "index", "is-new-element", "element-checkbox-scope", "use-card-layout", "use-section-layout"])
       ], 2))), 128)),
-      e.showAddAndDeleteButtons ? (c(), C(u, {
+      e.showAddAndDeleteButtons ? (c(), I(u, {
         key: 0,
         variant: "outlined",
         size: "small",
         "leading-icon": "plus",
         label: e.control.uischema.options.addButtonText || "New",
         onClick: e.addDefaultItem
-      }, null, 8, ["label", "onClick"])) : E("", !0)
-    ], 64)) : (c(), C(m, {
+      }, null, 8, ["label", "onClick"])) : w("", !0)
+    ], 64)) : (c(), I(m, {
       key: 1,
       class: "empty-array",
       button: e.showAddAndDeleteButtons ? {
@@ -503,12 +541,12 @@ function je(e, o, t, s, r, n) {
         label: e.control.uischema.options.addButtonText || "New"
       } : void 0,
       description: `Start by adding ${e.arrayElementTitle && ((f = e.arrayElementTitle) == null ? void 0 : f.title) || "elements"} to configure your settings.`,
-      headline: `No ${e.arrayElementTitle && (($ = e.arrayElementTitle) == null ? void 0 : $.title) || "elements"} added`,
-      onButtonClick: o[0] || (o[0] = (A) => e.showAddAndDeleteButtons && e.addDefaultItem())
+      headline: `No ${e.arrayElementTitle && ((T = e.arrayElementTitle) == null ? void 0 : T.title) || "elements"} added`,
+      onButtonClick: o[0] || (o[0] = (E) => e.showAddAndDeleteButtons && e.addDefaultItem())
     }, null, 8, ["button", "description", "headline"]))
-  ], 2)) : E("", !0);
+  ], 2)) : w("", !0);
 }
-const qe = /* @__PURE__ */ U(We, [["render", je], ["__scopeId", "data-v-ed47b30b"]]);
+const Qe = /* @__PURE__ */ F(We, [["render", je], ["__scopeId", "data-v-ab75abd8"]]);
 export {
-  qe as default
+  Qe as default
 };

package/dist/{ButtonControl-cBR6Ne7s.js → ButtonControl-CAZYfYSF.js}

@@ -1,6 +1,6 @@
 import { defineComponent as q, ref as l, computed as _, onMounted as H, 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 { ae as f, ap as T, aq as G } from "./TextControl-BlUQLMGo-CSdt3hw2.js";
+import { ae as f, ap as T, aq as G } from "./TextControl-B0ag-3Pv-CVDIw3MG.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const k = ({ view: u, model: i }) => ({
   ...u,