@knime/jsonforms 1.14.3 → 1.15.1

package/dist/SectionLayout-7pXn4OHo.js

@@ -0,0 +1,61 @@
+import { defineComponent as i, ref as u, createElementBlock as m, openBlock as n, createVNode as s, withCtx as l, renderSlot as d, createBlock as _ } from "vue";
+import { x as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { V as y } from "./VerticalLayoutBase-CpN-KONq.js";
+import { S as v } from "./SectionHeading-B6JkPyMh.js";
+const p = /* @__PURE__ */ i({
+  __name: "SectionLayout",
+  props: {
+    layout: { type: Object, required: !0 }
+  },
+  setup(r, { expose: o }) {
+    o();
+    const t = { hover: u(!1), get DispatchRenderer() {
+      return f;
+    }, VerticalLayoutBase: y, SectionHeading: v };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function b(r, o, e, t, S, x) {
+  return n(), m(
+    "div",
+    {
+      class: "section",
+      onMouseover: o[0] || (o[0] = (a) => t.hover = !0),
+      onMouseleave: o[1] || (o[1] = (a) => t.hover = !1)
+    },
+    [
+      s(t.SectionHeading, {
+        "title-text": e.layout.uischema.label
+      }, {
+        "right-buttons": l(() => [
+          d(r.$slots, "buttons", { hover: t.hover }, void 0, !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["title-text"]),
+      s(t.VerticalLayoutBase, {
+        elements: e.layout.uischema.elements
+      }, {
+        default: l(({ element: a, index: c }) => [
+          (n(), _(t.DispatchRenderer, {
+            key: `${e.layout.path}-${c}`,
+            schema: e.layout.schema,
+            uischema: a,
+            path: e.layout.path,
+            enabled: e.layout.enabled,
+            renderers: e.layout.renderers,
+            cells: e.layout.cells
+          }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["elements"])
+    ],
+    32
+    /* NEED_HYDRATION */
+  );
+}
+const V = /* @__PURE__ */ h(p, [["render", b], ["__scopeId", "data-v-431a74f8"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/layoutComponents/SectionLayout.vue"]]);
+export {
+  V as default
+};

package/dist/SettingsSubPanel-DToMRoLu.js

@@ -0,0 +1,48 @@
+import { _ as i, z as l } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { createElementBlock as m, openBlock as o, Fragment as _, renderSlot as s, createBlock as r, Teleport as f, createVNode as a, withCtx as d, createElementVNode as n, createCommentVNode as u } from "vue";
+const v = { class: "side-drawer-content" }, p = { class: "main-content" }, S = { class: "bottom-content" };
+function b(t, k, c, e, w, g) {
+  return o(), m(
+    _,
+    null,
+    [
+      s(t.$slots, "expand-button", { expand: e.expand }, void 0, !0),
+      (o(), r(f, { to: e.subSettingsPanels }, [
+        a(e.SideDrawer, {
+          "is-expanded": e.isExpanded,
+          class: "side-drawer",
+          "style-overrides": e.styleOverrides
+        }, {
+          default: d(() => [
+            n("div", v, [
+              c.showBackArrow ? (o(), r(e.SidePanelBackArrow, {
+                key: 0,
+                onClick: e.close
+              })) : u("v-if", !0),
+              n("div", p, [
+                a(e.Form, null, {
+                  default: d(() => [
+                    s(t.$slots, "default", {}, void 0, !0)
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                })
+              ]),
+              n("div", S, [
+                s(t.$slots, "bottom-content", {}, void 0, !0)
+              ])
+            ])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["is-expanded", "style-overrides"])
+      ], 8, ["to"]))
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const y = /* @__PURE__ */ i(l, [["render", b], ["__scopeId", "data-v-17982657"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue"]]);
+export {
+  y as S
+};

package/dist/SettingsSubPanelLayout-DnZnghFr.js

@@ -0,0 +1,83 @@
+import { defineComponent as i, createBlock as l, openBlock as c, withCtx as a, createVNode as o, createElementVNode as m } from "vue";
+import { v as d, x as _, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { N as f } from "./arrow-next-BmOStWql.js";
+import { V as y } from "./VerticalLayoutBase-CpN-KONq.js";
+import { S as h } from "./SectionHeading-B6JkPyMh.js";
+import { S as p } from "./SettingsSubPanel-DToMRoLu.js";
+const S = /* @__PURE__ */ i({
+  __name: "SettingsSubPanelLayout",
+  props: {
+    layout: { type: Object, required: !0 }
+  },
+  setup(u, { expose: n }) {
+    n();
+    const e = { get DispatchRenderer() {
+      return _;
+    }, get FunctionButton() {
+      return d;
+    }, get NextIcon() {
+      return f;
+    }, VerticalLayoutBase: y, SectionHeading: h, SettingsSubPanel: p };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function g(u, n, e, t, x, k) {
+  return c(), l(t.SettingsSubPanel, {
+    "show-back-arrow": "",
+    "background-color-override": "var(--knime-gray-ultra-light"
+  }, {
+    "expand-button": a(({ expand: r }) => [
+      o(t.SectionHeading, {
+        "title-text": e.layout.uischema.label
+      }, {
+        "right-buttons": a(() => [
+          o(t.FunctionButton, {
+            compact: "",
+            class: "set-button",
+            onClick: r
+          }, {
+            default: a(() => [
+              n[0] || (n[0] = m(
+                "span",
+                null,
+                "Set",
+                -1
+                /* CACHED */
+              )),
+              o(t.NextIcon)
+            ]),
+            _: 2,
+            __: [0]
+          }, 1032, ["onClick"])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, 1032, ["title-text"])
+    ]),
+    default: a(() => [
+      o(t.VerticalLayoutBase, {
+        elements: e.layout.uischema.elements
+      }, {
+        default: a(({ element: r, index: s }) => [
+          (c(), l(t.DispatchRenderer, {
+            key: `${e.layout.path}-${s}`,
+            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"]))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["elements"])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+const L = /* @__PURE__ */ b(S, [["render", g], ["__scopeId", "data-v-e666a70c"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/layoutComponents/SettingsSubPanelLayout.vue"]]);
+export {
+  L as default
+};

package/dist/SimpleButtonControl-DOSd92Kq.js

@@ -0,0 +1,84 @@
+import { defineComponent as u, createBlock as p, openBlock as a, resolveDynamicComponent as f, computed as s, ref as b, createElementBlock as g, createVNode as v, renderSlot as y, withCtx as C, createCommentVNode as h, createTextVNode as B, toDisplayString as I } from "vue";
+import { _ as d, A as S } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+import { R as k } from "./reload-57Xc2t-6.js";
+import { B as q } from "./Button-B9RSLVI2.js";
+const D = /* @__PURE__ */ u({
+  __name: "DynamicIcon",
+  props: {
+    icon: { type: String, required: !0 }
+  },
+  setup(n, { expose: o }) {
+    o();
+    const e = { components: {
+      reload: k
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function j(n, o, t, e, r, c) {
+  return a(), p(f(e.components[t.icon]));
+}
+const x = /* @__PURE__ */ d(D, [["render", j], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/DynamicIcon.vue"]]), V = /* @__PURE__ */ u({
+  __name: "SimpleButtonControl",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    labelForId: { type: null, required: !1 },
+    isValid: { type: Boolean, required: !0 },
+    messages: { type: Object, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 }
+  },
+  setup(n, { expose: o }) {
+    o();
+    const t = n, e = s(() => !t.control.enabled), r = s(() => t.control.uischema.options.triggerId), c = s(
+      () => t.control.uischema.options.icon
+    ), i = S("trigger"), m = () => {
+      i({ id: r.value });
+    }, _ = b(!1), l = { props: t, disabled: e, triggerId: r, icon: c, trigger: i, onClick: m, hover: _, get Button() {
+      return q;
+    }, DynamicIcon: x };
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+  }
+});
+function N(n, o, t, e, r, c) {
+  return a(), g(
+    "div",
+    {
+      class: "simple-button-input",
+      onMouseover: o[0] || (o[0] = (i) => e.hover = !0),
+      onMouseleave: o[1] || (o[1] = (i) => e.hover = !1)
+    },
+    [
+      v(e.Button, {
+        compact: "",
+        "with-border": "",
+        disabled: e.disabled,
+        class: "button-input",
+        onClick: e.onClick
+      }, {
+        default: C(() => [
+          e.icon ? (a(), p(e.DynamicIcon, {
+            key: 0,
+            icon: e.icon
+          }, null, 8, ["icon"])) : h("v-if", !0),
+          B(
+            I(t.control.label),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled"]),
+      y(n.$slots, "buttons", { hover: e.hover }, void 0, !0)
+    ],
+    32
+    /* NEED_HYDRATION */
+  );
+}
+const E = /* @__PURE__ */ d(V, [["render", N], ["__scopeId", "data-v-4a2108f2"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/SimpleButtonControl.vue"]]);
+export {
+  E as default
+};

package/dist/SimpleTwinlistControl-RBfQTk47.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, toRef as l, createBlock as p, openBlock as a, mergeProps as u } from "vue";
+import { u as c } from "./usePossibleValues-DTVXBGRC.js";
+import { T as m } from "./TwinlistControlBase-CMFEecdr.js";
+import { _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const _ = /* @__PURE__ */ n({
+  __name: "SimpleTwinlistControl",
+  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: s }) {
+    s();
+    const o = r, e = l(o, "control"), { possibleValues: i } = c(e), t = { props: o, control: e, possibleValues: i, TwinlistControlBase: m };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function f(r, s, o, e, i, t) {
+  return a(), p(e.TwinlistControlBase, u(e.props, {
+    "possible-values": e.possibleValues,
+    "twinlist-size": e.props.control.uischema.options?.twinlistSize
+  }), null, 16, ["possible-values", "twinlist-size"]);
+}
+const g = /* @__PURE__ */ d(_, [["render", f], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/twinlist/SimpleTwinlistControl.vue"]]);
+export {
+  g as default
+};

package/dist/SingleSelectControl-C-GLQD-a.js

@@ -0,0 +1,73 @@
+import { defineComponent as x, computed as d, toRef as I, createElementBlock as w, openBlock as q, Fragment as v, createCommentVNode as F, createVNode as L } from "vue";
+import { u as R } from "./usePossibleValues-DTVXBGRC.js";
+import { L as B } from "./LoadingDropdown-B9jHjdWV.js";
+import { _ as E } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const a = "__special__", n = "__regular__", P = /* @__PURE__ */ x({
+  __name: "SingleSelectControl",
+  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(p, { expose: c }) {
+    c();
+    const r = p, o = d(
+      () => r.control.uischema.options.specialChoices
+    ), { possibleValues: l } = R(
+      I(r, "control")
+    ), s = (e) => `${a}${e}`, t = (e) => `${n}${e}`, h = ({
+      id: e,
+      text: i
+    }) => ({
+      id: s(e),
+      text: i,
+      isSpecial: !0
+    }), f = ({
+      id: e,
+      text: i
+    }) => ({
+      id: t(e),
+      text: i
+    }), u = d(() => l.value === null ? null : o.value.map(h).concat(l.value.map(f))), m = (e) => {
+      if (!e.startsWith(n) && !e.startsWith(a))
+        throw new Error(`Expected id to start with ${n}`);
+    }, C = (e) => e ? (m(e), e.startsWith(a) ? { specialChoice: e.slice(a.length) } : { regularChoice: e.slice(n.length) }) : null, _ = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? t(e.regularChoice) : "specialChoice" in e && e.specialChoice ? s(e.specialChoice) : "", b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", y = d({
+      get: () => {
+        const e = _(r.control.data);
+        return u.value && !u.value.some((i) => i.id === e) ? b(r.control.data) : e;
+      },
+      set: (e) => {
+        r.changeValue(C(e));
+      }
+    }), g = { props: r, specialChoices: o, regularChoices: l, specialPrefix: a, regularPrefix: n, createSpecialId: s, createRegularId: t, createSpecialChoice: h, createRegularChoice: f, allChoices: u, assertIsSingleSelectId: m, toSingleSelectValue: C, toSingleSelectId: _, extractRawValue: b, modelValue: y, LoadingDropdown: B };
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
+  }
+});
+function S(p, c, r, o, l, s) {
+  return q(), w(
+    v,
+    null,
+    [
+      F(" eslint-disable vue/attribute-hyphenation typescript complains with ':aria-label' instead of ':ariaLabel'"),
+      L(o.LoadingDropdown, {
+        id: r.labelForId,
+        modelValue: o.modelValue,
+        "onUpdate:modelValue": c[0] || (c[0] = (t) => o.modelValue = t),
+        "possible-values": o.allChoices,
+        ariaLabel: r.control.label,
+        disabled: r.disabled,
+        compact: ""
+      }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled"])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const W = /* @__PURE__ */ E(P, [["render", S], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/SingleSelectControl.vue"]]);
+export {
+  W as default
+};

package/dist/SingleSelectListBoxControl-CDg_1QUT.js

@@ -0,0 +1,260 @@
+import { resolveComponent as y, createElementBlock as o, openBlock as r, normalizeClass as u, createElementVNode as V, normalizeStyle as c, Fragment as f, renderList as g, createBlock as b, defineComponent as I, toRef as v, createCommentVNode as h } from "vue";
+import { u as _ } from "./usePossibleValues-DTVXBGRC.js";
+import { S } from "./StyledListItem-NqAG7jSw.js";
+import { _ as p, B as C } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const L = 40, B = 38, w = 36, k = 35, H = {
+  name: "ListBox",
+  components: {
+    StyledListItem: S
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `ListBox-${C()}`;
+      }
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Controls the size of the list. Number of visible items (for others user need to scroll)
+     * 0 means all
+     */
+    size: {
+      type: Number,
+      default: 0,
+      validator(e) {
+        return e >= 0;
+      }
+    },
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    ariaLabel: {
+      type: String,
+      required: !0
+    },
+    /**
+     * List of possible values. Each item must have an `id` and a `text` property
+     * @example
+     * [{
+     *   id: 'pdf',
+     *   text: 'PDF'
+     * }, {
+     *   id: 'XLS',
+     *   text: 'Excel',
+     * }]
+     */
+    possibleValues: {
+      type: Array,
+      default: () => [],
+      validator(e) {
+        return Array.isArray(e) ? e.every(
+          (l) => l.hasOwnProperty("id") && l.hasOwnProperty("text")
+        ) : !1;
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      selectedIndex: -1,
+      invalidPossibleValueIds: [],
+      optionLineHeight: 22
+    };
+  },
+  computed: {
+    ulSizeStyle() {
+      const e = (l) => `${l * this.optionLineHeight + 2}px`;
+      return this.size > 0 ? { height: e(this.size) } : { minHeight: e(2) };
+    },
+    selectableValues() {
+      return [
+        ...this.invalidPossibleValueIds.map((e) => this.generateInvalidItem(e)),
+        ...this.possibleValues
+      ];
+    }
+  },
+  watch: {
+    modelValue(e) {
+      this.updateSelectedIndexAndInvalidValue(e);
+    }
+  },
+  mounted() {
+    this.updateSelectedIndexAndInvalidValue(this.modelValue);
+  },
+  methods: {
+    updateSelectedIndexAndInvalidValue(e) {
+      const l = this.selectableValues.findIndex((t) => t.id === e);
+      l === -1 && e ? (this.invalidPossibleValueIds.includes(e) || this.invalidPossibleValueIds.push(e), this.selectedIndex = this.selectableValues.findIndex(
+        (t) => t.id === e
+      )) : this.selectedIndex = l;
+    },
+    isCurrentValue(e) {
+      return this.modelValue === e;
+    },
+    setSelected(e, l) {
+      this.disabled || (consola.trace("ListBox setSelected on", e), this.selectedIndex = l, this.$emit("update:modelValue", e));
+    },
+    scrollToCurrent() {
+      const e = this.$refs.ul;
+      if (e.scrollHeight > e.clientHeight) {
+        const l = this.$refs.options[this.selectedIndex], t = e.clientHeight + e.scrollTop, n = l.offsetTop + l.offsetHeight;
+        n > t ? e.scrollTop = n - e.clientHeight : l.offsetTop < e.scrollTop && (e.scrollTop = l.offsetTop);
+      }
+    },
+    onArrowDown() {
+      if (this.disabled)
+        return;
+      const e = this.selectedIndex + 1;
+      e >= this.selectableValues.length || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
+    },
+    onArrowUp() {
+      if (this.disabled)
+        return;
+      const e = this.selectedIndex - 1;
+      e < 0 || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
+    },
+    onEndKey() {
+      if (this.disabled)
+        return;
+      const e = this.selectableValues.length - 1;
+      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
+    },
+    onHomeKey() {
+      if (this.disabled)
+        return;
+      const e = 0;
+      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = 0;
+    },
+    handleKeyDown(e) {
+      this.disabled || (e.keyCode === L && (this.onArrowDown(), e.preventDefault()), e.keyCode === B && (this.onArrowUp(), e.preventDefault()), e.keyCode === k && (this.onEndKey(), e.preventDefault()), e.keyCode === w && (this.onHomeKey(), e.preventDefault()));
+    },
+    hasSelection() {
+      return this.selectedIndex >= 0;
+    },
+    validate() {
+      return { isValid: !this.getCurrentItem().invalid, errorMessage: null };
+    },
+    getCurrentItem() {
+      return this.selectableValues[this.selectedIndex] || { id: "", text: "" };
+    },
+    generateInvalidItem(e) {
+      return {
+        id: e,
+        text: `(MISSING) ${e}`,
+        invalid: !0
+      };
+    },
+    generateOptionId(e) {
+      if (!e || !e.id)
+        return "";
+      const l = e.id.replace(/[^\w]/gi, "");
+      return `option-${this.id}-${l}`;
+    }
+  }
+}, K = ["id", "tabindex", "aria-label", "aria-activedescendant"];
+function D(e, l, t, n, a, s) {
+  const m = y("StyledListItem");
+  return r(), o(
+    "div",
+    {
+      class: u(["list-box", { invalid: !t.isValid, disabled: t.disabled }])
+    },
+    [
+      V("ul", {
+        id: t.id,
+        ref: "ul",
+        role: "listbox",
+        tabindex: t.disabled ? -1 : 0,
+        "aria-label": t.ariaLabel,
+        style: c(s.ulSizeStyle),
+        "aria-activedescendant": s.generateOptionId(s.getCurrentItem()),
+        onKeydown: l[0] || (l[0] = (...i) => s.handleKeyDown && s.handleKeyDown(...i))
+      }, [
+        (r(!0), o(
+          f,
+          null,
+          g(s.selectableValues, (i, d) => (r(), b(m, {
+            id: s.generateOptionId(i),
+            key: `listbox-${i.id}`,
+            ref_for: !0,
+            ref: "options",
+            style: c({ "line-height": `${a.optionLineHeight}px` }),
+            text: i.text,
+            title: i.text,
+            class: u({
+              focused: s.isCurrentValue(i.id),
+              noselect: !0,
+              empty: i.text.trim() === ""
+            }),
+            "aria-selected": s.isCurrentValue(i.id),
+            "line-height": a.optionLineHeight,
+            selected: s.isCurrentValue(i.id),
+            invalid: i.invalid,
+            special: i.special,
+            disabled: t.disabled,
+            onClick: (x) => !t.disabled && s.setSelected(i.id, d),
+            onFocus: (x) => !t.disabled && s.setSelected(i.id, d)
+          }, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ], 44, K)
+    ],
+    2
+    /* CLASS */
+  );
+}
+const T = /* @__PURE__ */ p(H, [["render", D], ["__scopeId", "data-v-26912d00"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/ListBox/ListBox.vue"]]), E = /* @__PURE__ */ I({
+  __name: "SingleSelectListBoxControl",
+  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: l }) {
+    l();
+    const t = e, { possibleValues: n } = _(v(t, "control")), a = { props: t, possibleValues: n, get ListBox() {
+      return T;
+    } };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
+  }
+});
+function z(e, l, t, n, a, s) {
+  return r(), o(
+    f,
+    null,
+    [
+      h("  eslint-disable vue/attribute-hyphenation ariaLabel needs to be given like this for typescript to not complain "),
+      n.possibleValues ? (r(), b(n.ListBox, {
+        key: 0,
+        id: t.labelForId,
+        "possible-values": n.possibleValues,
+        disabled: t.disabled,
+        "model-value": t.control.data,
+        "is-valid": t.isValid,
+        ariaLabel: t.control.label,
+        size: t.control.uischema.options?.size,
+        "onUpdate:modelValue": t.changeValue
+      }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"])) : h("v-if", !0)
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const q = /* @__PURE__ */ p(E, [["render", z], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/SingleSelectListBoxControl.vue"]]);
+export {
+  q as default
+};