@knime/jsonforms 1.15.1 → 1.15.2

package/dist/{Dropdown-D49sEHBa.js → Dropdown-DYa_CZWd.js}

@@ -1,15 +1,15 @@
-import { defineComponent as G, shallowRef as T, h as U, watch as _, toValue as f, computed as B, unref as z, nextTick as X, toRefs as q, ref as M, resolveComponent as v, createBlock as E, openBlock as c, withCtx as C, createElementVNode as m, normalizeClass as y, withDirectives as Q, normalizeStyle as J, createElementBlock as h, withModifiers as x, renderSlot as D, toDisplayString as O, createCommentVNode as V, withKeys as Z, createVNode as P, Fragment as w, renderList as K, createTextVNode as $, vShow as ee } from "vue";
-import { o as te, t as se, b as R, i as N, c as k, w as ne, d as ie, e as oe } from "./index-CpKfM262.js";
-import { A as le } from "./arrow-dropdown-eS-nVNCv.js";
-import { C as re } from "./close-0dYG2oDA.js";
+import { defineComponent as G, shallowRef as I, h as z, watch as _, toValue as f, computed as B, unref as U, nextTick as X, toRefs as q, ref as M, resolveComponent as x, createBlock as E, openBlock as c, withCtx as C, createElementVNode as m, normalizeClass as y, withDirectives as Q, normalizeStyle as J, createElementBlock as h, withModifiers as v, renderSlot as O, toDisplayString as D, createCommentVNode as V, withKeys as Z, createVNode as P, Fragment as w, renderList as K, createTextVNode as $, vShow as ee } from "vue";
+import { o as te, t as se, b as R, i as N, c as S, w as ne, d as ie, e as oe } from "./index-CpKfM262.js";
+import { A as le } from "./arrow-dropdown-BAFsD8Su.js";
+import { C as re } from "./close-DGt8x-x_.js";
 /* empty css                   */
 import { u as ae } from "./useSearch-hpyYQ_6y.js";
-import { v as de, B as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { v as de, B as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 import { i as he } from "./hotkeys-rxnt4egK.js";
-import { d as pe, a as fe, b as me, i as ge, e as ye, h as ve, c as xe } from "./_getTag-BvpAzjaz.js";
+import { d as pe, a as fe, b as me, i as ge, e as ye, h as xe, c as ve } from "./_getTag-Ccp_NogL.js";
 import { i as Ve } from "./isArray-WzO_os3q.js";
 var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Ce = Ee.hasOwnProperty;
-function De(e) {
+function Oe(e) {
   if (e == null)
     return !0;
   if (pe(e) && (Ve(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || me(e) || ge(e)))
@@ -17,45 +17,45 @@ function De(e) {
   var t = ye(e);
   if (t == we || t == be)
     return !e.size;
-  if (ve(e))
-    return !xe(e).length;
+  if (xe(e))
+    return !ve(e).length;
   for (var s in e)
     if (Ce.call(e, s))
       return !1;
   return !0;
 }
-const Oe = /* @__PURE__ */ G({
+const De = /* @__PURE__ */ G({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: s }) {
-    const a = T();
+    const a = I();
     return te(a, (i) => {
       s("trigger", i);
     }, e.options), () => {
       if (t.default)
-        return U(e.as || "div", { ref: a }, t.default());
+        return z(e.as || "div", { ref: a }, t.default());
     };
   }
-}), ke = oe ? window : void 0;
-function Se(e) {
+}), Se = oe ? window : void 0;
+function ke(e) {
   var t;
   const s = f(e);
   return (t = s?.$el) != null ? t : s;
 }
-function Ie(...e) {
+function Te(...e) {
   const t = [], s = () => {
     t.forEach((o) => o()), t.length = 0;
   }, a = (o, l, r, u) => (o.addEventListener(l, r, u), () => o.removeEventListener(l, r, u)), i = B(() => {
-    const o = k(f(e[0])).filter((l) => l != null);
+    const o = S(f(e[0])).filter((l) => l != null);
     return o.every((l) => typeof l != "string") ? o : void 0;
   }), n = ne(
     () => {
       var o, l;
       return [
-        (l = (o = i.value) == null ? void 0 : o.map((r) => Se(r))) != null ? l : [ke].filter((r) => r != null),
-        k(f(i.value ? e[1] : e[0])),
-        k(z(i.value ? e[2] : e[1])),
+        (l = (o = i.value) == null ? void 0 : o.map((r) => ke(r))) != null ? l : [Se].filter((r) => r != null),
+        S(f(i.value ? e[1] : e[0])),
+        S(U(i.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         f(i.value ? e[3] : e[2])
       ];
@@ -78,7 +78,7 @@ function Ie(...e) {
   };
   return R(s), p;
 }
-function S(e) {
+function k(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 function A(e) {
@@ -90,19 +90,19 @@ function A(e) {
     return !s || s.tagName === "BODY" ? !1 : A(s);
   }
 }
-function Te(e) {
+function Ie(e) {
   const t = e || window.event, s = t.target;
   return A(s) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const I = /* @__PURE__ */ new WeakMap();
+const T = /* @__PURE__ */ new WeakMap();
 function _e(e, t = !1) {
-  const s = T(t);
+  const s = I(t);
   let a = null, i = "";
   _(se(e), (o) => {
-    const l = S(f(o));
+    const l = k(f(o));
     if (l) {
       const r = l;
-      if (I.get(r) || I.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
+      if (T.get(r) || T.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
         return s.value = !0;
       if (s.value)
         return r.style.overflow = "hidden";
@@ -111,18 +111,18 @@ function _e(e, t = !1) {
     immediate: !0
   });
   const n = () => {
-    const o = S(f(e));
-    !o || s.value || (N && (a = Ie(
+    const o = k(f(e));
+    !o || s.value || (N && (a = Te(
       o,
       "touchmove",
       (l) => {
-        Te(l);
+        Ie(l);
       },
       { passive: !1 }
     )), o.style.overflow = "hidden", s.value = !0);
   }, p = () => {
-    const o = S(f(e));
-    !o || !s.value || (N && a?.(), o.style.overflow = i, I.delete(o), s.value = !1);
+    const o = k(f(e));
+    !o || !s.value || (N && a?.(), o.style.overflow = i, T.delete(o), s.value = !1);
   };
   return R(p), B({
     get() {
@@ -135,7 +135,7 @@ function _e(e, t = !1) {
 }
 function Be() {
   let e = !1;
-  const t = T(!1);
+  const t = I(!1);
   return (s, a) => {
     if (t.value = a.value, e)
       return;
@@ -149,7 +149,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
   name: "Dropdown",
   components: {
     DropdownIcon: le,
-    OnClickOutside: Oe,
+    OnClickOutside: De,
     FunctionButton: de,
     CloseIcon: re
   },
@@ -308,7 +308,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
     },
     hasOptionTemplate() {
       return this.possibleValues.length === 0 ? !1 : this.possibleValues.every(
-        (e) => e.slotData && !De(e.slotData)
+        (e) => e.slotData && !Oe(e.slotData)
       );
     },
     selectedOption() {
@@ -404,7 +404,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.isExpanded ? this.collapse() : this.expand();
     },
     async expand() {
-      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.slotContainer?.clientHeight ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate(this.currentPossibleValues[0]?.id), await X(), this.getSearchInput().focus(), this.getSearchInput().select(), this.candidate && this.scrollTo(this.candidate));
+      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.button?.clientHeight ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate(this.currentPossibleValues[0]?.id), await X(), this.getSearchInput().focus(), this.getSearchInput().select(), this.candidate && this.scrollTo(this.candidate));
     },
     collapse() {
       this.isExpanded = !1, this.getButtonRef().focus();
@@ -442,18 +442,15 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.searchValue = "", this.getSearchInput().focus();
     }
   }
-}, Ne = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], Le = {
-  key: 1,
-  ref: "slotContainer"
-}, He = { class: "right" }, Fe = {
+}, Ne = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], Le = { key: 1 }, He = { class: "right" }, Fe = {
   key: 0,
   class: "loading-icon"
 }, We = ["aria-activedescendant"], Ye = {
   key: 0,
   class: "empty-state"
 }, je = ["id", "title", "aria-selected", "onMouseenter", "onClick"], Ge = ["id", "name", "value"];
-function Ue(e, t, s, a, i, n) {
-  const p = v("CloseIcon"), o = v("FunctionButton"), l = v("DropdownIcon"), r = v("OnClickOutside");
+function ze(e, t, s, a, i, n) {
+  const p = x("CloseIcon"), o = x("FunctionButton"), l = x("DropdownIcon"), r = x("OnClickOutside");
   return c(), E(r, { onTrigger: n.closeDropdown }, {
     default: C(() => [
       m("div", {
@@ -499,36 +496,24 @@ function Ue(e, t, s, a, i, n) {
             role: "searchbox",
             class: "search-input",
             type: "text",
-            onClick: t[0] || (t[0] = x(() => {
+            onClick: t[0] || (t[0] = v(() => {
             }, ["stop"])),
             onInput: t[1] || (t[1] = (u) => n.handleSearch(u.target.value))
-          }, null, 40, Ae)) : n.hasOptionTemplate ? (c(), h(
-            "div",
-            Le,
-            [
-              D(e.$slots, "option", {
-                slotData: n.selectedOption?.slotData,
-                isMissing: n.isMissing,
-                selectedValue: s.modelValue,
-                expanded: !1
-              })
-            ],
-            512
-            /* NEED_PATCH */
-          )) : (c(), h(
-            "span",
-            {
-              key: 2,
-              ref: "span"
-            },
-            O(n.displayText),
-            513
-            /* TEXT, NEED_PATCH */
-          )),
+          }, null, 40, Ae)) : n.hasOptionTemplate ? (c(), h("div", Le, [
+            O(e.$slots, "option", {
+              slotData: n.selectedOption?.slotData,
+              isMissing: n.isMissing,
+              selectedValue: s.modelValue,
+              expanded: !1
+            })
+          ])) : (c(), h("span", {
+            key: 2,
+            ref: "span"
+          }, D(n.displayText), 513)),
           m("div", He, [
             n.hasRightIcon ? (c(), h("div", Fe, [
-              D(e.$slots, "icon-right")
-            ])) : V("v-if", !0),
+              O(e.$slots, "icon-right")
+            ])) : V("", !0),
             i.isExpanded && n.nonEmptySearchValue ? (c(), E(o, {
               key: 1,
               ref: "closeButton",
@@ -536,16 +521,15 @@ function Ue(e, t, s, a, i, n) {
               tabindex: "0",
               class: "button",
               compact: s.compact,
-              onKeydown: t[2] || (t[2] = Z(x(() => {
+              onKeydown: t[2] || (t[2] = Z(v(() => {
               }, ["stop"]), ["enter"])),
-              onClick: x(n.handleResetInput, ["stop"])
+              onClick: v(n.handleResetInput, ["stop"])
             }, {
               default: C(() => [
                 P(p, { class: "icon" })
               ]),
               _: 1
-              /* STABLE */
-            }, 8, ["compact", "onClick"])) : V("v-if", !0),
+            }, 8, ["compact", "onClick"])) : V("", !0),
             !i.isExpanded || !n.nonEmptySearchValue ? (c(), E(o, {
               key: 2,
               class: "button",
@@ -553,7 +537,7 @@ function Ue(e, t, s, a, i, n) {
               disabled: n.isDisabled,
               title: i.isExpanded ? "Cancel" : "Expand",
               tabindex: i.isExpanded ? 0 : -1,
-              onClick: x(n.toggleExpanded, ["stop"])
+              onClick: v(n.toggleExpanded, ["stop"])
             }, {
               default: C(() => [
                 P(l, {
@@ -561,8 +545,7 @@ function Ue(e, t, s, a, i, n) {
                 })
               ]),
               _: 1
-              /* STABLE */
-            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : V("v-if", !0)
+            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : V("", !0)
           ])
         ], 46, Re),
         Q(m("ul", {
@@ -572,76 +555,36 @@ function Ue(e, t, s, a, i, n) {
           "aria-activedescendant": i.isExpanded ? n.generateId("option", n.getCurrentSelectedId()) : void 0,
           class: y({ "drops-upwards": s.direction === "up" })
         }, [
-          n.hasNoFilteredPossibleValues ? (c(), h(
-            "div",
-            Ye,
-            O(i.emptyState),
-            1
-            /* TEXT */
-          )) : V("v-if", !0),
-          (c(!0), h(
-            w,
-            null,
-            K(n.orderedGroupedValues, (u, b) => (c(), h(
-              w,
-              { key: b },
-              [
-                t[5] || (t[5] = m(
-                  "span",
-                  { class: "group-divider" },
-                  null,
-                  -1
-                  /* CACHED */
-                )),
-                (c(!0), h(
-                  w,
-                  null,
-                  K(u.items, (d) => (c(), h("li", {
-                    id: n.generateId("option", d.id),
-                    key: `listbox-${d.id}`,
-                    ref_for: !0,
-                    ref: (g) => i.optionRefs.set(d.id, g),
-                    role: "option",
-                    title: typeof d.title > "u" ? d.text : d.title,
-                    class: y({
-                      focused: n.isCurrentValue(d.id),
-                      noselect: !0,
-                      empty: d.text.trim() === "",
-                      "has-option-template": n.hasOptionTemplate,
-                      special: d.isSpecial
-                    }),
-                    "aria-selected": n.isCurrentValue(d.id),
-                    onMouseenter: (g) => n.updateCandidate(d.id),
-                    onClick: (g) => n.emitAndClose(d.id)
-                  }, [
-                    n.hasOptionTemplate ? D(e.$slots, "option", {
-                      key: 0,
-                      slotData: d.slotData,
-                      expanded: !0
-                    }) : (c(), h(
-                      w,
-                      { key: 1 },
-                      [
-                        $(
-                          O(d.text),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))
-                  ], 42, je))),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
+          n.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(i.emptyState), 1)) : V("", !0),
+          (c(!0), h(w, null, K(n.orderedGroupedValues, (u, b) => (c(), h(w, { key: b }, [
+            t[5] || (t[5] = m("span", { class: "group-divider" }, null, -1)),
+            (c(!0), h(w, null, K(u.items, (d) => (c(), h("li", {
+              id: n.generateId("option", d.id),
+              key: `listbox-${d.id}`,
+              ref_for: !0,
+              ref: (g) => i.optionRefs.set(d.id, g),
+              role: "option",
+              title: typeof d.title > "u" ? d.text : d.title,
+              class: y({
+                focused: n.isCurrentValue(d.id),
+                noselect: !0,
+                empty: d.text.trim() === "",
+                "has-option-template": n.hasOptionTemplate,
+                special: d.isSpecial
+              }),
+              "aria-selected": n.isCurrentValue(d.id),
+              onMouseenter: (g) => n.updateCandidate(d.id),
+              onClick: (g) => n.emitAndClose(d.id)
+            }, [
+              n.hasOptionTemplate ? O(e.$slots, "option", {
+                key: 0,
+                slotData: d.slotData,
+                expanded: !0
+              }) : (c(), h(w, { key: 1 }, [
+                $(D(d.text), 1)
+              ], 64))
+            ], 42, je))), 128))
+          ], 64))), 128))
         ], 10, We), [
           [ee, i.isExpanded]
         ]),
@@ -654,10 +597,9 @@ function Ue(e, t, s, a, i, n) {
       ], 10, Ne)
     ]),
     _: 3
-    /* FORWARDED */
   }, 8, ["onTrigger"]);
 }
-const nt = /* @__PURE__ */ ce(Ke, [["render", Ue], ["__scopeId", "data-v-4996d969"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/Dropdown/Dropdown.vue"]]);
+const nt = /* @__PURE__ */ ce(Ke, [["render", ze], ["__scopeId", "data-v-45311f6f"]]);
 export {
   nt as D
 };

package/dist/DropdownControl-ChX3Fkhd.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, toRef as i, createBlock as s, openBlock as d, unref as t } from "vue";
+import { u as r } from "./usePossibleValues-DXZusnxu.js";
+import { L as p } from "./LoadingDropdown-CyKWt1IO.js";
+const V = /* @__PURE__ */ n({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const a = o, { possibleValues: l } = r(i(a, "control"));
+    return (e, u) => (d(), s(p, {
+      id: e.labelForId ?? "",
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      "model-value": e.control.data ?? "",
+      "possible-values": t(l),
+      "is-valid": e.isValid,
+      compact: "",
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "onUpdate:modelValue"]));
+  }
+});
+export {
+  V as default
+};

package/dist/HorizontalLayout-DZvUpTvS.js

@@ -0,0 +1,25 @@
+import { defineComponent as l, createElementBlock as o, openBlock as a, Fragment as s, renderList as n, createBlock as u, unref as c } from "vue";
+import { x as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
+  __name: "HorizontalLayout",
+  props: {
+    layout: {}
+  },
+  setup(h) {
+    return (e, y) => (a(), o("div", i, [
+      (a(!0), o(s, null, n(e.layout.uischema.elements, (r, t) => (a(), u(c(m), {
+        key: t,
+        class: "horizontal-element",
+        schema: e.layout.schema,
+        uischema: r,
+        path: e.layout.path,
+        enabled: e.layout.enabled,
+        renderers: e.layout.renderers,
+        cells: e.layout.cells
+      }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
+    ]));
+  }
+}), k = /* @__PURE__ */ p(d, [["__scopeId", "data-v-451dfa05"]]);
+export {
+  k as default
+};

package/dist/{InputField-C_aZPs-f.js → InputField-BFt5Zzv5.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
-import { createElementBlock as l, openBlock as s, normalizeClass as r, createCommentVNode as o, createElementVNode as u, renderSlot as d, mergeProps as p } from "vue";
-import { _ as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { createElementBlock as i, openBlock as s, normalizeClass as r, createCommentVNode as u, createElementVNode as o, renderSlot as d, mergeProps as f } from "vue";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const c = {
   name: "InputField",
   props: {
@@ -109,52 +109,40 @@ const c = {
   key: 1,
   class: "icon icon-right"
 };
-function g(e, t, n, v, I, i) {
-  return s(), l(
-    "div",
-    {
-      class: r(["input-wrapper", { compact: n.compact }])
-    },
-    [
-      i.hasLeftIcon ? (s(), l("div", m, [
-        d(e.$slots, "icon")
-      ])) : o("v-if", !0),
-      u("input", p(e.$attrs, {
-        id: n.id,
-        ref: "input",
-        name: n.name,
-        value: n.modelValue,
-        class: i.inputClassList,
-        type: n.type,
-        pattern: n.pattern,
-        placeholder: n.placeholder,
-        autofocus: n.autofocus,
-        "aria-activedescendant": n.ariaActivedescendant,
-        "aria-owns": n.ariaOwns,
-        autocomplete: n.autocomplete,
-        disabled: n.disabled,
-        onInput: t[0] || (t[0] = (...a) => i.onInput && i.onInput(...a)),
-        onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
-        onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
-        onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
-        onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
-      }), null, 16, h),
-      i.hasRightIcon ? (s(), l("div", y, [
-        d(e.$slots, "iconRight")
-      ])) : o("v-if", !0),
-      t[5] || (t[5] = u(
-        "span",
-        { class: "invalid-marker" },
-        null,
-        -1
-        /* CACHED */
-      ))
-    ],
-    2
-    /* CLASS */
-  );
+function g(e, t, n, v, I, l) {
+  return s(), i("div", {
+    class: r(["input-wrapper", { compact: n.compact }])
+  }, [
+    l.hasLeftIcon ? (s(), i("div", m, [
+      d(e.$slots, "icon")
+    ])) : u("", !0),
+    o("input", f(e.$attrs, {
+      id: n.id,
+      ref: "input",
+      name: n.name,
+      value: n.modelValue,
+      class: l.inputClassList,
+      type: n.type,
+      pattern: n.pattern,
+      placeholder: n.placeholder,
+      autofocus: n.autofocus,
+      "aria-activedescendant": n.ariaActivedescendant,
+      "aria-owns": n.ariaOwns,
+      autocomplete: n.autocomplete,
+      disabled: n.disabled,
+      onInput: t[0] || (t[0] = (...a) => l.onInput && l.onInput(...a)),
+      onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
+      onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
+      onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
+      onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
+    }), null, 16, h),
+    l.hasRightIcon ? (s(), i("div", y, [
+      d(e.$slots, "iconRight")
+    ])) : u("", !0),
+    t[5] || (t[5] = o("span", { class: "invalid-marker" }, null, -1))
+  ], 2);
 }
-const S = /* @__PURE__ */ f(c, [["render", g], ["__scopeId", "data-v-075acf38"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/InputField/InputField.vue"]]);
+const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-c9535e8e"]]);
 export {
-  S as I
+  w as I
 };

package/dist/IntegerControl-BD7DJKmE.js

@@ -0,0 +1,20 @@
+import { defineComponent as o, createBlock as n, openBlock as t, mergeProps as r } from "vue";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Bld73u64.js";
+const s = /* @__PURE__ */ o({
+  __name: "IntegerControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(p) {
+    return (e, l) => (t(), n(a, r(e.$props, { type: "integer" }), null, 16));
+  }
+});
+export {
+  s as default
+};