@knime/jsonforms 1.14.3 → 1.15.1

package/dist/{MultiselectListBox-CHvGxAhY.js → MultiselectListBox-CfdPbcn1.js}

@@ -1,7 +1,7 @@
-import { toRef as x, watch as S, resolveComponent as y, openBlock as h, createElementBlock as u, normalizeClass as p, normalizeStyle as I, createElementVNode as m, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as g, resolveDynamicComponent as D, toDisplayString as H, createCommentVNode as b, createVNode as B } from "vue";
-import { u as K } from "./index-CoRworrE.js";
-import { S as N } from "./StyledListItem-BXz08pEQ.js";
-import { A, _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
+import { toRef as x, watch as S, resolveComponent as p, createElementBlock as u, openBlock as h, normalizeStyle as y, normalizeClass as I, createElementVNode as f, createCommentVNode as g, mergeProps as v, withKeys as a, withModifiers as d, normalizeProps as C, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as b, resolveDynamicComponent as D, toDisplayString as B, createVNode as H } from "vue";
+import { u as K } from "./index-CpKfM262.js";
+import { S as N } from "./StyledListItem-NqAG7jSw.js";
+import { B as L, _ as A } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
 const T = (e, t) => {
   let i, r = 0;
   return (...l) => {
@@ -12,14 +12,14 @@ const T = (e, t) => {
       r = n, e(s, o);
     }, t);
   };
-}, O = 250, z = {
+}, M = 250, O = {
   name: "MultiselectListBox",
   components: { StyledListItem: N },
   props: {
     id: {
       type: String,
       default() {
-        return `MultiselectListBox-${A()}`;
+        return `MultiselectListBox-${L()}`;
       }
     },
     modelValue: {
@@ -131,10 +131,9 @@ const T = (e, t) => {
     return S(
       () => e.possibleValues,
       () => {
-        var n;
         if (!i.ref.value)
           return;
-        const o = ((n = i.ref.value) == null ? void 0 : n.scrollTop) ?? 0;
+        const o = i.ref.value?.scrollTop ?? 0;
         s(
           Math.max(
             Math.min(
@@ -195,10 +194,9 @@ const T = (e, t) => {
     }
   },
   mounted() {
-    var t, i;
     window.addEventListener("mouseup", this.onStopDrag);
-    const e = (i = this.modelValue) == null ? void 0 : i[((t = this.modelValue) == null ? void 0 : t.length) - 1];
-    this.currentKeyNavIndex = this.possibleValues.map((r) => r.id).indexOf(e);
+    const e = this.modelValue?.[this.modelValue?.length - 1];
+    this.currentKeyNavIndex = this.possibleValues.map((t) => t.id).indexOf(e);
   },
   beforeUnmount() {
     window.removeEventListener("mouseup", this.onStopDrag);
@@ -210,15 +208,14 @@ const T = (e, t) => {
     createDebouncedHandleCtrlClick() {
       this.debouncedHandleCtrlClick = T((e, t) => {
         this.handleCtrlClick(e, t);
-      }, O);
+      }, M);
     },
     // Define debouncedHandleCtrlClick as a method
     debouncedHandleCtrlClick(e, t) {
       this.debouncedHandleCtrlClick || this.createDebouncedHandleCtrlClick(), this.debouncedHandleCtrlClick(e, t);
     },
     isCurrentValue(e) {
-      var t;
-      return (t = this.selectedValues) == null ? void 0 : t.includes(e);
+      return this.selectedValues?.includes(e);
     },
     handleCtrlClick(e, t) {
       this.currentKeyNavIndex = t, this.toggleSelection(e);
@@ -301,16 +298,15 @@ const T = (e, t) => {
     addToSelection(e) {
       let t = !1;
       const i = this.selectedValues;
-      return i != null && i.includes(e) || (i == null || i.push(e), t = !0), this.setSelected(i), t;
+      return i?.includes(e) || (i?.push(e), t = !0), this.setSelected(i), t;
     },
     removeFromSelection(e) {
       let t = !1;
       const i = this.selectedValues;
-      return i != null && i.includes(e) && (i.splice(i.indexOf(e), 1), t = !0), this.setSelected(i), t;
+      return i?.includes(e) && (i.splice(i.indexOf(e), 1), t = !0), this.setSelected(i), t;
     },
     toggleSelection(e) {
-      var t;
-      (t = this.selectedValues) != null && t.includes(e) ? this.removeFromSelection(e) : this.addToSelection(e);
+      this.selectedValues?.includes(e) ? this.removeFromSelection(e) : this.addToSelection(e);
     },
     setSelectedNoShiftReset(e) {
       consola.trace("MultiselectListBox setSelected on", e), this.selectedValues = e, this.$emit("update:modelValue", e);
@@ -414,8 +410,7 @@ const T = (e, t) => {
       return `option-${this.id}-${i}`;
     },
     focus() {
-      var e;
-      this.disabled || (e = this.containerProps.ref.value) == null || e.focus();
+      this.disabled || this.containerProps.ref.value?.focus();
     },
     clearSelection() {
       this.disabled || this.setSelected([]);
@@ -436,7 +431,7 @@ const T = (e, t) => {
       this.resizeHeight = this.computeBoxHeight(Math.round(e));
     }
   }
-}, M = { class: "box" }, P = ["id", "aria-label", "aria-activedescendant"], E = {
+}, z = { class: "box" }, P = ["id", "aria-label", "aria-activedescendant"], E = {
   key: 0,
   class: "empty-state"
 }, R = { key: 1 }, U = {
@@ -444,72 +439,96 @@ const T = (e, t) => {
   role: "bottom-box"
 };
 function F(e, t, i, r, l, s) {
-  const o = y("StyledListItem");
-  return h(), u("div", {
-    class: p(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
-    style: I(s.cssStyleSize)
-  }, [
-    m("div", M, [
-      m("ul", C(r.containerProps, {
-        id: i.id,
-        role: "listbox",
-        tabindex: "0",
-        class: { disabled: i.disabled, "empty-box": s.showEmptyState },
-        "aria-label": i.ariaLabel,
-        "aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
-        onKeydown: [
-          t[1] || (t[1] = a(d((...n) => s.onCtrlA && s.onCtrlA(...n), ["ctrl", "prevent", "exact"]), ["a"])),
-          t[2] || (t[2] = a(d((...n) => s.onArrowUp && s.onArrowUp(...n), ["prevent", "exact"]), ["up"])),
-          t[3] || (t[3] = a(d((...n) => s.onArrowDown && s.onArrowDown(...n), ["prevent", "exact"]), ["down"])),
-          t[4] || (t[4] = a(d((...n) => s.onArrowUpShift && s.onArrowUpShift(...n), ["shift", "prevent", "exact"]), ["up"])),
-          t[5] || (t[5] = a(d((...n) => s.onArrowDownShift && s.onArrowDownShift(...n), ["shift", "prevent", "exact"]), ["down"])),
-          t[6] || (t[6] = a(d((...n) => s.onArrowLeft && s.onArrowLeft(...n), ["prevent", "exact"]), ["left"])),
-          t[7] || (t[7] = a(d((...n) => s.onArrowRight && s.onArrowRight(...n), ["prevent", "exact"]), ["right"])),
-          t[8] || (t[8] = a(d((...n) => s.onHomeKey && s.onHomeKey(...n), ["prevent", "exact"]), ["home"])),
-          t[9] || (t[9] = a(d((...n) => s.onEndKey && s.onEndKey(...n), ["prevent", "exact"]), ["end"]))
-        ],
-        onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
-        onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
-      }), [
-        m("div", v(w(r.wrapperProps)), [
-          (h(!0), u(V, null, k(r.list, ({ data: n, index: c }) => (h(), g(o, {
-            id: s.generateOptionId(n),
-            key: `listbox-${n.id}`,
-            text: n.text,
-            "data-option-index": c,
-            "line-height": r.optionLineHeight,
-            selected: s.isCurrentValue(n.id),
-            invalid: n.invalid,
-            special: n.special,
+  const o = p("StyledListItem");
+  return h(), u(
+    "div",
+    {
+      class: I(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
+      style: y(s.cssStyleSize)
+    },
+    [
+      f("div", z, [
+        f("ul", v(r.containerProps, {
+          id: i.id,
+          role: "listbox",
+          tabindex: "0",
+          class: { disabled: i.disabled, "empty-box": s.showEmptyState },
+          "aria-label": i.ariaLabel,
+          "aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
+          onKeydown: [
+            t[1] || (t[1] = a(d((...n) => s.onCtrlA && s.onCtrlA(...n), ["ctrl", "prevent", "exact"]), ["a"])),
+            t[2] || (t[2] = a(d((...n) => s.onArrowUp && s.onArrowUp(...n), ["prevent", "exact"]), ["up"])),
+            t[3] || (t[3] = a(d((...n) => s.onArrowDown && s.onArrowDown(...n), ["prevent", "exact"]), ["down"])),
+            t[4] || (t[4] = a(d((...n) => s.onArrowUpShift && s.onArrowUpShift(...n), ["shift", "prevent", "exact"]), ["up"])),
+            t[5] || (t[5] = a(d((...n) => s.onArrowDownShift && s.onArrowDownShift(...n), ["shift", "prevent", "exact"]), ["down"])),
+            t[6] || (t[6] = a(d((...n) => s.onArrowLeft && s.onArrowLeft(...n), ["prevent", "exact"]), ["left"])),
+            t[7] || (t[7] = a(d((...n) => s.onArrowRight && s.onArrowRight(...n), ["prevent", "exact"]), ["right"])),
+            t[8] || (t[8] = a(d((...n) => s.onHomeKey && s.onHomeKey(...n), ["prevent", "exact"]), ["home"])),
+            t[9] || (t[9] = a(d((...n) => s.onEndKey && s.onEndKey(...n), ["prevent", "exact"]), ["end"]))
+          ],
+          onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
+          onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
+        }), [
+          f(
+            "div",
+            C(w(r.wrapperProps)),
+            [
+              (h(!0), u(
+                V,
+                null,
+                k(r.list, ({ data: n, index: c }) => (h(), b(o, {
+                  id: s.generateOptionId(n),
+                  key: `listbox-${n.id}`,
+                  text: n.text,
+                  "data-option-index": c,
+                  "line-height": r.optionLineHeight,
+                  selected: s.isCurrentValue(n.id),
+                  invalid: n.invalid,
+                  special: n.special,
+                  disabled: i.disabled,
+                  onClick: (m) => s.handleClick(m, n.id, c),
+                  onDblclickShift: t[0] || (t[0] = (m) => s.handleShiftDblClick()),
+                  onDblclickExact: (m) => s.handleDblClick(n.id, c)
+                }, null, 8, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            16
+            /* FULL_PROPS */
+          )
+        ], 16, P),
+        s.showEmptyState ? (h(), u("div", E, [
+          i.emptyStateComponent ? (h(), b(D(i.emptyStateComponent), { key: 0 })) : (h(), u(
+            "span",
+            R,
+            B(i.emptyStateLabel),
+            1
+            /* TEXT */
+          ))
+        ])) : g("v-if", !0),
+        i.withBottomValue ? (h(), u("div", U, [
+          H(o, {
+            id: s.generateOptionId(i.bottomValue),
+            special: "",
+            text: i.bottomValue.text,
+            "data-option-index": s.bottomIndex,
+            selected: s.isCurrentValue(i.bottomValue.id),
             disabled: i.disabled,
-            onClick: (f) => s.handleClick(f, n.id, c),
-            onDblclickShift: t[0] || (t[0] = (f) => s.handleShiftDblClick()),
-            onDblclickExact: (f) => s.handleDblClick(n.id, c)
-          }, null, 8, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
-        ], 16)
-      ], 16, P),
-      s.showEmptyState ? (h(), u("div", E, [
-        i.emptyStateComponent ? (h(), g(D(i.emptyStateComponent), { key: 0 })) : (h(), u("span", R, H(i.emptyStateLabel), 1))
-      ])) : b("", !0),
-      i.withBottomValue ? (h(), u("div", U, [
-        B(o, {
-          id: s.generateOptionId(i.bottomValue),
-          special: "",
-          text: i.bottomValue.text,
-          "data-option-index": s.bottomIndex,
-          selected: s.isCurrentValue(i.bottomValue.id),
-          disabled: i.disabled,
-          onClick: s.handleBottomClick,
-          onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
-          onDblclickExact: s.handleBottomDblClick,
-          onMousedown: s.onBottomStartDrag,
-          onMousemove: s.onBottomDrag
-        }, null, 8, ["id", "text", "data-option-index", "selected", "disabled", "onClick", "onDblclickExact", "onMousedown", "onMousemove"])
-      ])) : b("", !0)
-    ])
-  ], 6);
+            onClick: s.handleBottomClick,
+            onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
+            onDblclickExact: s.handleBottomDblClick,
+            onMousedown: s.onBottomStartDrag,
+            onMousemove: s.onBottomDrag
+          }, null, 8, ["id", "text", "data-option-index", "selected", "disabled", "onClick", "onDblclickExact", "onMousedown", "onMousemove"])
+        ])) : g("v-if", !0)
+      ])
+    ],
+    6
+    /* CLASS, STYLE */
+  );
 }
-const _ = /* @__PURE__ */ L(z, [["render", F], ["__scopeId", "data-v-ef7d54c4"]]);
+const Y = /* @__PURE__ */ A(O, [["render", F], ["__scopeId", "data-v-29fcc646"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/MultiselectListBox/MultiselectListBox.vue"]]);
 export {
-  _ as M
+  Y as M
 };

package/dist/NameFilter-BV68t_P5.js

@@ -0,0 +1,37 @@
+import { defineComponent as o, createBlock as i, openBlock as s, mergeProps as u } from "vue";
+import a from "./MultimodeTwinlistControl-oIvgI_FP.js";
+import { _ as l } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const p = /* @__PURE__ */ o({
+  __name: "NameFilter",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(e, { expose: r }) {
+    r();
+    const t = { TwinlistControl: a };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function c(e, r, t, n, d, m) {
+  return s(), i(
+    n.TwinlistControl,
+    u({ ...e.$props, ...e.$attrs }, {
+      "unknown-values-text": "Any unknown value",
+      "show-unknown-values": "",
+      "empty-state-label": "No values in this list"
+    }),
+    null,
+    16
+    /* FULL_PROPS */
+  );
+}
+const b = /* @__PURE__ */ l(p, [["render", c], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/twinlist/NameFilter.vue"]]);
+export {
+  b as default
+};

package/dist/NumberControl-Dm01CJW9.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, createBlock as u, openBlock as p, mergeProps as s } from "vue";
+import { N as a } from "./NumberControlBase-CN5eTKEm.js";
+import { _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const l = /* @__PURE__ */ n({
+  __name: "NumberControl",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(r, { expose: o }) {
+    o();
+    const e = { NumberControlBase: a };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function c(r, o, e, t, d, m) {
+  return p(), u(
+    t.NumberControlBase,
+    s(r.$props, { type: "double" }),
+    null,
+    16
+    /* FULL_PROPS */
+  );
+}
+const y = /* @__PURE__ */ i(l, [["render", c], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/NumberControl.vue"]]);
+export {
+  y as default
+};

package/dist/NumberControlBase-CN5eTKEm.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, computed as p, createBlock as g, openBlock as x } from "vue";
+import { u as y } from "./useBuiltinValidations-D0WuEacN.js";
+import { N } from "./NumberInput-DWTImcA_.js";
+import { _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const _ = 1, b = 0.1, E = /* @__PURE__ */ f({
+  __name: "NumberControlBase",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 },
+    type: { type: String, required: !0 }
+  },
+  setup(l, { expose: m }) {
+    m();
+    const e = l, a = e.type === "integer" ? _ : b, r = ({ min: o, isExclusive: n }) => (t) => isNaN(t) || (n ? t > o : t >= o), i = ({ max: o, isExclusive: n }) => (t) => isNaN(t) || (n ? t < o : t <= o), c = y(
+      {
+        min: r,
+        max: i
+      },
+      e
+    ), u = p(() => c.value.min), s = p(() => c.value.max), d = { props: e, DEFAULT_STEP_SIZE_INTEGER: _, DEFAULT_STEP_SIZE_DOUBLE: b, stepSize: a, respectsMin: r, respectsMax: i, validationParams: c, minParams: u, maxParams: s, onFocusOut: () => {
+      const o = e.control.data;
+      if (u.value && !r(u.value)(o)) {
+        const { min: n, isExclusive: t } = u.value;
+        t ? e.changeValue(n + a) : e.changeValue(n);
+      } else if (s.value && !i(s.value)(o)) {
+        const { max: n, isExclusive: t } = s.value;
+        t ? e.changeValue(n - a) : e.changeValue(n);
+      }
+    }, get NumberInput() {
+      return N;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+function V(l, m, e, a, r, i) {
+  return x(), g(a.NumberInput, {
+    id: e.labelForId,
+    class: "number-input",
+    disabled: e.disabled,
+    "model-value": e.control.data,
+    type: e.type,
+    min: a.minParams?.min,
+    max: a.maxParams?.max,
+    "is-valid": e.isValid,
+    compact: "",
+    "onUpdate:modelValue": e.changeValue,
+    onFocusout: a.onFocusOut
+  }, null, 8, ["id", "disabled", "model-value", "type", "min", "max", "is-valid", "onUpdate:modelValue"]);
+}
+const q = /* @__PURE__ */ v(E, [["render", V], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/NumberControlBase.vue"]]);
+export {
+  q as N
+};

package/dist/{NumberInput-DJ38AGiR.js → NumberInput-DWTImcA_.js}

@@ -1,8 +1,8 @@
-import { A as p } from "./arrow-dropdown-DdgjzLAO.js";
+import { A as p } from "./arrow-dropdown-eS-nVNCv.js";
 /* empty css                   */
-import { resolveComponent as h, openBlock as o, createElementBlock as d, normalizeClass as l, createElementVNode as n, createCommentVNode as f, withModifiers as r, createVNode as m } from "vue";
-import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
-const c = 200, g = 50, v = 0.1, E = 1, I = {
+import { resolveComponent as f, createElementBlock as o, openBlock as d, normalizeClass as l, createElementVNode as n, createCommentVNode as h, withModifiers as r, createVNode as m } from "vue";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const c = 200, g = 50, v = 0.1, I = 1, E = {
   name: "NumberInput",
   components: {
     ArrowIcon: p
@@ -77,7 +77,7 @@ const c = 200, g = 50, v = 0.1, E = 1, I = {
       return this.type === "integer";
     },
     stepSize() {
-      return this.isInteger ? E : v;
+      return this.isInteger ? I : v;
     },
     inputClassList() {
       let t = this.inputClasses;
@@ -119,8 +119,8 @@ const c = 200, g = 50, v = 0.1, E = 1, I = {
       this.localValue = this.getParsedValue(), this.getInputRef().valueAsNumber = this.localValue;
     },
     validate(t) {
-      let e = !0, a;
-      return t = typeof t > "u" ? this.getParsedValue() : this.parseValue(t), typeof t != "number" || isNaN(t) ? (e = !1, a = "Current value is not a number.") : (this.min > t || this.max < t) && (e = !1, a = "Current value is outside allowed range."), { isValid: e, errorMessage: a };
+      let e = !0, s;
+      return t = typeof t > "u" ? this.getParsedValue() : this.parseValue(t), typeof t != "number" || isNaN(t) ? (e = !1, s = "Current value is not a number.") : (this.min > t || this.max < t) && (e = !1, s = "Current value is outside allowed range."), { isValid: e, errorMessage: s };
     },
     /**
      * Change value updates the actual value of the input field if a valid new value
@@ -133,8 +133,8 @@ const c = 200, g = 50, v = 0.1, E = 1, I = {
     changeValue(t) {
       let e = this.getParsedValue();
       this.validate(e).isValid || (e = this.findNearestValidValue(e));
-      let a = e + t;
-      a = Math.round(a * 10) / 10, this.validate(a).isValid && this.updateAndEmit({ newValue: a });
+      let s = e + t;
+      s = Math.round(s * 10) / 10, this.validate(s).isValid && this.updateAndEmit({ newValue: s });
     },
     findNearestValidValue(t) {
       return t < this.min ? this.min : t > this.max ? this.max : this.initialValue;
@@ -155,16 +155,16 @@ const c = 200, g = 50, v = 0.1, E = 1, I = {
       if (this.disabled)
         return;
       this.spinnerArrowInterval !== null && clearTimeout(this.spinnerArrowInterval), this.spinnerArrowTimeout !== null && clearInterval(this.spinnerArrowTimeout);
-      let a = this.stepSize;
-      if (e === "decrease" && (a *= -1), t.type === "mousedown") {
+      let s = this.stepSize;
+      if (e === "decrease" && (s *= -1), t.type === "mousedown") {
         this.clicked = !0, this.spinnerArrowTimeout = setTimeout(() => {
           this.spinnerArrowInterval = setInterval(() => {
-            this.changeValue(a);
+            this.changeValue(s);
           }, g);
         }, c);
         return;
       }
-      this.clicked && (this.clicked = !1, this.changeValue(a));
+      this.clicked && (this.clicked = !1, this.changeValue(s));
     },
     toggleHover() {
       this.hovered = !this.hovered;
@@ -174,48 +174,66 @@ const c = 200, g = 50, v = 0.1, E = 1, I = {
   key: 0,
   class: "invalid-marker"
 };
-function A(t, e, a, w, y, s) {
-  const u = h("ArrowIcon");
-  return o(), d("div", {
-    class: l(["wrapper", { disabled: a.disabled, compact: a.compact }])
-  }, [
-    n("input", {
-      id: a.id,
-      ref: "input",
-      name: a.name,
-      type: "number",
-      role: "spinButton",
-      value: s.inputValue,
-      min: a.min,
-      max: a.max,
-      step: s.stepSize,
-      class: l(s.inputClassList),
-      disabled: a.disabled,
-      onInput: e[0] || (e[0] = (i) => s.onInput(i)),
-      onBlur: e[1] || (e[1] = (...i) => s.onBlur && s.onBlur(...i)),
-      onMouseenter: e[2] || (e[2] = (...i) => s.toggleHover && s.toggleHover(...i)),
-      onMouseleave: e[3] || (e[3] = (...i) => s.toggleHover && s.toggleHover(...i))
-    }, null, 42, b),
-    a.isValid ? f("", !0) : (o(), d("span", N)),
-    n("span", {
-      class: l(["increase", { disabled: a.disabled }]),
-      onMousedown: e[4] || (e[4] = r((i) => s.mouseEvent(i, "increase"), ["prevent"])),
-      onMouseup: e[5] || (e[5] = r((i) => s.mouseEvent(i, "increase"), ["prevent"])),
-      onMouseleave: e[6] || (e[6] = (i) => s.mouseEvent(i, "increase"))
-    }, [
-      m(u)
-    ], 34),
-    n("span", {
-      class: l(["decrease", { disabled: a.disabled }]),
-      onMousedown: e[7] || (e[7] = r((i) => s.mouseEvent(i, "decrease"), ["prevent"])),
-      onMouseup: e[8] || (e[8] = r((i) => s.mouseEvent(i, "decrease"), ["prevent"])),
-      onMouseleave: e[9] || (e[9] = (i) => s.mouseEvent(i, "decrease"))
-    }, [
-      m(u)
-    ], 34)
-  ], 2);
+function A(t, e, s, w, y, i) {
+  const u = f("ArrowIcon");
+  return d(), o(
+    "div",
+    {
+      class: l(["wrapper", { disabled: s.disabled, compact: s.compact }])
+    },
+    [
+      n("input", {
+        id: s.id,
+        ref: "input",
+        name: s.name,
+        type: "number",
+        role: "spinButton",
+        value: i.inputValue,
+        min: s.min,
+        max: s.max,
+        step: i.stepSize,
+        class: l(i.inputClassList),
+        disabled: s.disabled,
+        onInput: e[0] || (e[0] = (a) => i.onInput(a)),
+        onBlur: e[1] || (e[1] = (...a) => i.onBlur && i.onBlur(...a)),
+        onMouseenter: e[2] || (e[2] = (...a) => i.toggleHover && i.toggleHover(...a)),
+        onMouseleave: e[3] || (e[3] = (...a) => i.toggleHover && i.toggleHover(...a))
+      }, null, 42, b),
+      s.isValid ? h("v-if", !0) : (d(), o("span", N)),
+      n(
+        "span",
+        {
+          class: l(["increase", { disabled: s.disabled }]),
+          onMousedown: e[4] || (e[4] = r((a) => i.mouseEvent(a, "increase"), ["prevent"])),
+          onMouseup: e[5] || (e[5] = r((a) => i.mouseEvent(a, "increase"), ["prevent"])),
+          onMouseleave: e[6] || (e[6] = (a) => i.mouseEvent(a, "increase"))
+        },
+        [
+          m(u)
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      ),
+      n(
+        "span",
+        {
+          class: l(["decrease", { disabled: s.disabled }]),
+          onMousedown: e[7] || (e[7] = r((a) => i.mouseEvent(a, "decrease"), ["prevent"])),
+          onMouseup: e[8] || (e[8] = r((a) => i.mouseEvent(a, "decrease"), ["prevent"])),
+          onMouseleave: e[9] || (e[9] = (a) => i.mouseEvent(a, "decrease"))
+        },
+        [
+          m(u)
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      )
+    ],
+    2
+    /* CLASS */
+  );
 }
-const B = /* @__PURE__ */ V(I, [["render", A], ["__scopeId", "data-v-6b79dc2b"]]);
+const B = /* @__PURE__ */ V(E, [["render", A], ["__scopeId", "data-v-8eef6a7b"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/NumberInput/NumberInput.vue"]]);
 export {
   B as N
 };

package/dist/OneOfDropdown-DuXXP0Qn.js

@@ -0,0 +1,50 @@
+import { defineComponent as i, computed as s, createElementBlock as d, openBlock as u, Fragment as p, createCommentVNode as c, createVNode as m } from "vue";
+import { o as b } from "./index-Blg1O3Fz.js";
+import { D as f } from "./Dropdown-D49sEHBa.js";
+import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const V = /* @__PURE__ */ i({
+  __name: "OneOfDropdown",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(a, { expose: r }) {
+    r();
+    const e = a, o = e.control.schema?.oneOf?.map(b) ?? [], n = s({
+      get: () => e.control.data ?? "",
+      set: e.changeValue
+    }), t = { props: e, possibleValues: o, modelValue: n, get Dropdown() {
+      return f;
+    } };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function g(a, r, e, o, n, t) {
+  return u(), d(
+    p,
+    null,
+    [
+      c(" eslint-disable vue/attribute-hyphenation typescript complains with ':aria-label' instead of ':ariaLabel'"),
+      m(o.Dropdown, {
+        id: e.labelForId,
+        modelValue: o.modelValue,
+        "onUpdate:modelValue": r[0] || (r[0] = (l) => o.modelValue = l),
+        "possible-values": o.possibleValues,
+        ariaLabel: e.control.label,
+        disabled: e.disabled,
+        compact: ""
+      }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled"])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const D = /* @__PURE__ */ _(V, [["render", g], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/OneOfDropdown.vue"]]);
+export {
+  D as default
+};