@knime/jsonforms 1.14.3 → 1.15.1

package/dist/Dropdown-D49sEHBa.js

@@ -0,0 +1,663 @@
+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";
+/* 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 { 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 { i as Ve } from "./isArray-WzO_os3q.js";
+var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Ce = Ee.hasOwnProperty;
+function De(e) {
+  if (e == null)
+    return !0;
+  if (pe(e) && (Ve(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || me(e) || ge(e)))
+    return !e.length;
+  var t = ye(e);
+  if (t == we || t == be)
+    return !e.size;
+  if (ve(e))
+    return !xe(e).length;
+  for (var s in e)
+    if (Ce.call(e, s))
+      return !1;
+  return !0;
+}
+const Oe = /* @__PURE__ */ G({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(e, { slots: t, emit: s }) {
+    const a = T();
+    return te(a, (i) => {
+      s("trigger", i);
+    }, e.options), () => {
+      if (t.default)
+        return U(e.as || "div", { ref: a }, t.default());
+    };
+  }
+}), ke = oe ? window : void 0;
+function Se(e) {
+  var t;
+  const s = f(e);
+  return (t = s?.$el) != null ? t : s;
+}
+function Ie(...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);
+    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])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        f(i.value ? e[3] : e[2])
+      ];
+    },
+    ([o, l, r, u]) => {
+      if (s(), !o?.length || !l?.length || !r?.length)
+        return;
+      const b = ie(u) ? { ...u } : u;
+      t.push(
+        ...o.flatMap(
+          (d) => l.flatMap(
+            (g) => r.map((j) => a(d, g, j, b))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), p = () => {
+    n(), s();
+  };
+  return R(s), p;
+}
+function S(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function A(e) {
+  const t = window.getComputedStyle(e);
+  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const s = e.parentNode;
+    return !s || s.tagName === "BODY" ? !1 : A(s);
+  }
+}
+function Te(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();
+function _e(e, t = !1) {
+  const s = T(t);
+  let a = null, i = "";
+  _(se(e), (o) => {
+    const l = S(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")
+        return s.value = !0;
+      if (s.value)
+        return r.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const n = () => {
+    const o = S(f(e));
+    !o || s.value || (N && (a = Ie(
+      o,
+      "touchmove",
+      (l) => {
+        Te(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);
+  };
+  return R(p), B({
+    get() {
+      return s.value;
+    },
+    set(o) {
+      o ? n() : p();
+    }
+  });
+}
+function Be() {
+  let e = !1;
+  const t = T(!1);
+  return (s, a) => {
+    if (t.value = a.value, e)
+      return;
+    e = !0;
+    const i = _e(s, a.value);
+    _(t, (n) => i.value = n);
+  };
+}
+Be();
+const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Pe = [L, H, F, W, Y], Ke = {
+  name: "Dropdown",
+  components: {
+    DropdownIcon: le,
+    OnClickOutside: Oe,
+    FunctionButton: de,
+    CloseIcon: re
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `Dropdown-${ue()}`;
+      }
+    },
+    modelValue: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    ariaLabel: {
+      type: String,
+      required: !0
+    },
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    /**
+     * The direction of the dropdown menu. When set to 'up', the menu will appear above the input field.
+     * Defaults to 'down'.
+     */
+    direction: {
+      default: "down",
+      type: String
+    },
+    /**
+     * List of possible values. Each item must have an `id` and a `text` property. To use slots an additional
+     * slotData object must be passed which contains the data to be displayed.
+     *
+     * IMPORTANT: All values have to have a slotData object otherwise the slot will not be displayed and the
+     * usual text is rendered instead.
+     * @example
+     * [{
+     *   id: 'pdf',
+     *   text: 'PDF'
+     * }, {
+     *   id: 'XLS',
+     *   text: 'Excel',
+     * }, {
+     *   id: 'JPG',
+     *   text: 'Jpeg',
+     *   slotData: {
+     *     fullName: 'Joint Photographic Experts Group',
+     *     year: '1992'
+     *     description: 'Commonly used method of lossy compression for digital images'
+     *   }
+     * }]
+     */
+    possibleValues: {
+      type: Array,
+      default: () => []
+    },
+    caseSensitiveSearch: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { caseSensitiveSearch: t, possibleValues: s } = q(e), a = M(!1), i = B(() => {
+      const o = {};
+      for (const l of s.value)
+        o[l.id] = l.text;
+      return o;
+    }), n = M(i.value[e.modelValue]);
+    _(
+      () => e.modelValue,
+      (o) => {
+        n.value = i.value[o];
+      }
+    );
+    const p = ae(
+      n,
+      t,
+      s,
+      a
+    );
+    return {
+      searchValue: n,
+      useFilterValues: a,
+      currentPossibleValues: p
+    };
+  },
+  data() {
+    return {
+      typingTimeout: null,
+      isExpanded: !1,
+      searchQuery: "",
+      candidate: this.modelValue,
+      emptyState: "Nothing found",
+      optionRefs: /* @__PURE__ */ new Map(),
+      slotContainerHeight: 0
+    };
+  },
+  computed: {
+    groupedValues() {
+      const e = {};
+      for (const t of this.currentPossibleValues) {
+        const s = t.group || "";
+        e[s] || (e[s] = { label: t.group, items: [] }), e[s].items.push(t);
+      }
+      return Object.values(e);
+    },
+    orderedGroupedValues() {
+      const e = this.groupedValues.filter(
+        (s) => s.items[0].group
+      ), t = this.groupedValues.filter(
+        (s) => !s.items[0].group
+      );
+      return [...e, ...t];
+    },
+    flatOrderedValues() {
+      return this.orderedGroupedValues.flatMap((e) => e.items);
+    },
+    selectedIndex() {
+      return this.flatOrderedValues.map((e) => e.id).indexOf(this.candidate);
+    },
+    showPlaceholder() {
+      return !this.modelValue;
+    },
+    displayTextMap() {
+      const e = {};
+      for (const t of this.possibleValues)
+        e[t.id] = t.text;
+      return e;
+    },
+    displayText() {
+      return this.showPlaceholder ? this.placeholder : this.displayTextMap.hasOwnProperty(this.modelValue) ? this.displayTextMap[this.modelValue] : `(MISSING) ${this.modelValue.toString()}`;
+    },
+    isMissing() {
+      return this.modelValue && !this.displayTextMap.hasOwnProperty(this.modelValue);
+    },
+    hasRightIcon() {
+      return this.$slots["icon-right"]?.().length;
+    },
+    hasOptionTemplate() {
+      return this.possibleValues.length === 0 ? !1 : this.possibleValues.every(
+        (e) => e.slotData && !De(e.slotData)
+      );
+    },
+    selectedOption() {
+      return this.possibleValues.find((e) => e.id === this.modelValue);
+    },
+    hasNoFilteredPossibleValues() {
+      return this.currentPossibleValues.length === 0;
+    },
+    nonEmptySearchValue() {
+      return this.searchValue?.length > 0;
+    },
+    possibleValuesIsProvided() {
+      return !!this.possibleValues.length;
+    },
+    isDisabled() {
+      return this.disabled || !this.possibleValuesIsProvided;
+    },
+    closeIconTooltip() {
+      return "Clear";
+    }
+  },
+  watch: {
+    currentPossibleValues(e) {
+      this.candidate = e[0]?.id;
+    },
+    isExpanded() {
+      this.useFilterValues = !1;
+    }
+  },
+  methods: {
+    updateCandidate(e) {
+      this.candidate = e;
+    },
+    isCurrentValue(e) {
+      return this.candidate === e;
+    },
+    getButtonRef() {
+      return this.$refs.button;
+    },
+    getOptionsRefs() {
+      return this.$refs.options;
+    },
+    getSearchInput() {
+      return this.$refs.searchInput;
+    },
+    getListBoxNodeRef() {
+      return this.$refs.ul;
+    },
+    emitAndClose(e) {
+      this.$emit("update:modelValue", e), this.toggleExpanded();
+    },
+    scrollTo(e) {
+      const t = this.getListBoxNodeRef();
+      if (t.scrollHeight >= t.clientHeight) {
+        const s = this.optionRefs.get(e);
+        if (!s) {
+          consola.error(
+            `trying to scroll to element with Id ${e.toString()} which does not exist`
+          );
+          return;
+        }
+        const a = t.clientHeight + t.scrollTop, i = s.offsetTop + s.offsetHeight;
+        i > a ? t.scrollTop = i - t.clientHeight : s.offsetTop < t.scrollTop && (t.scrollTop = s.offsetTop);
+      }
+    },
+    onArrowDown() {
+      const e = this.selectedIndex + 1;
+      if (e >= this.flatOrderedValues.length)
+        return;
+      const t = this.flatOrderedValues[e].id;
+      this.updateCandidate(t), this.scrollTo(t);
+    },
+    onArrowUp() {
+      const e = this.selectedIndex - 1;
+      if (e < 0)
+        return;
+      const t = this.flatOrderedValues[e].id;
+      this.updateCandidate(t), this.scrollTo(t);
+    },
+    onEnter() {
+      this.hasNoFilteredPossibleValues || typeof this.candidate > "u" || this.emitAndClose(this.candidate);
+    },
+    onEndKey() {
+      const e = this.flatOrderedValues.length - 1;
+      this.updateCandidate(this.flatOrderedValues[e].id);
+      const t = this.getListBoxNodeRef();
+      t.scrollTop = t.scrollHeight;
+    },
+    onHomeKey() {
+      this.updateCandidate(this.flatOrderedValues[0].id), this.getListBoxNodeRef().scrollTop = 0;
+    },
+    toggleExpanded() {
+      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));
+    },
+    collapse() {
+      this.isExpanded = !1, this.getButtonRef().focus();
+    },
+    /* NOTE: we use a single keyDown method because @keydown.up bindings are not testable. */
+    handleKeyDownButton(e) {
+      this.isExpanded ? this.handleKeyDownOnExpanded(e) : he(e, Pe) && (this.expand(), e.preventDefault());
+    },
+    handleKeyDownOnExpanded(e) {
+      e.key === L && (this.onArrowDown(), e.preventDefault()), e.key === H && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === F && (this.onHomeKey(), e.preventDefault()), e.key === Me && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === Y && (this.onEnter(), e.preventDefault());
+    },
+    hasSelection() {
+      return !!(this.modelValue && !this.isMissing);
+    },
+    getCurrentSelectedId() {
+      try {
+        return this.flatOrderedValues[this.selectedIndex].id;
+      } catch {
+        return "";
+      }
+    },
+    generateId(e, t = null) {
+      if (!t)
+        return `${e}-${this.id}`;
+      const s = String(t).replace(/[^\w]/gi, "");
+      return `${e}-${this.id}-${s}`;
+    },
+    closeDropdown() {
+      this.searchValue = this.displayTextMap[this.modelValue], this.isExpanded = !1;
+    },
+    handleSearch(e) {
+      this.useFilterValues = !0, this.searchValue = e;
+    },
+    handleResetInput() {
+      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 = {
+  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");
+  return c(), E(r, { onTrigger: n.closeDropdown }, {
+    default: C(() => [
+      m("div", {
+        id: s.id,
+        class: y([
+          "dropdown",
+          {
+            collapsed: !i.isExpanded,
+            invalid: !s.isValid,
+            disabled: n.isDisabled,
+            compact: s.compact
+          }
+        ])
+      }, [
+        m("div", {
+          id: n.generateId("button"),
+          ref: "button",
+          role: "button",
+          tabindex: "0",
+          "aria-haspopup": "listbox",
+          class: y({
+            placeholder: n.showPlaceholder && !i.isExpanded,
+            missing: n.isMissing && !i.isExpanded,
+            "has-option-template": n.hasOptionTemplate && !i.isExpanded
+          }),
+          style: J({
+            ...i.isExpanded && n.hasOptionTemplate && {
+              height: `calc(${i.slotContainerHeight}px + 0 * var(--form-border-width))`,
+              boxSizing: "content-box"
+            }
+          }),
+          "aria-label": s.ariaLabel,
+          "aria-labelledby": n.generateId("button"),
+          "aria-expanded": i.isExpanded,
+          onClick: t[3] || (t[3] = (...u) => n.toggleExpanded && n.toggleExpanded(...u)),
+          onKeydown: t[4] || (t[4] = (...u) => n.handleKeyDownButton && n.handleKeyDownButton(...u))
+        }, [
+          i.isExpanded ? (c(), h("input", {
+            key: 0,
+            ref: "searchInput",
+            value: a.searchValue,
+            tabindex: "0",
+            role: "searchbox",
+            class: "search-input",
+            type: "text",
+            onClick: t[0] || (t[0] = x(() => {
+            }, ["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 */
+          )),
+          m("div", He, [
+            n.hasRightIcon ? (c(), h("div", Fe, [
+              D(e.$slots, "icon-right")
+            ])) : V("v-if", !0),
+            i.isExpanded && n.nonEmptySearchValue ? (c(), E(o, {
+              key: 1,
+              ref: "closeButton",
+              title: "Close",
+              tabindex: "0",
+              class: "button",
+              compact: s.compact,
+              onKeydown: t[2] || (t[2] = Z(x(() => {
+              }, ["stop"]), ["enter"])),
+              onClick: x(n.handleResetInput, ["stop"])
+            }, {
+              default: C(() => [
+                P(p, { class: "icon" })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["compact", "onClick"])) : V("v-if", !0),
+            !i.isExpanded || !n.nonEmptySearchValue ? (c(), E(o, {
+              key: 2,
+              class: "button",
+              compact: s.compact,
+              disabled: n.isDisabled,
+              title: i.isExpanded ? "Cancel" : "Expand",
+              tabindex: i.isExpanded ? 0 : -1,
+              onClick: x(n.toggleExpanded, ["stop"])
+            }, {
+              default: C(() => [
+                P(l, {
+                  class: y(["dropdown-icon", "icon"])
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : V("v-if", !0)
+          ])
+        ], 46, Re),
+        Q(m("ul", {
+          ref: "ul",
+          role: "listbox",
+          tabindex: "-1",
+          "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 */
+          ))
+        ], 10, We), [
+          [ee, i.isExpanded]
+        ]),
+        m("input", {
+          id: s.id,
+          type: "hidden",
+          name: s.name,
+          value: s.modelValue
+        }, null, 8, Ge)
+      ], 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"]]);
+export {
+  nt as D
+};

package/dist/DropdownControl-aeEqC-Yg.js

@@ -0,0 +1,46 @@
+import { defineComponent as n, toRef as l, createElementBlock as i, openBlock as s, Fragment as d, createCommentVNode as u, createVNode as c } from "vue";
+import { u as p } from "./usePossibleValues-DTVXBGRC.js";
+import { L as m } from "./LoadingDropdown-B9jHjdWV.js";
+import { _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const _ = /* @__PURE__ */ n({
+  __name: "DropdownControl",
+  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, { possibleValues: o } = p(l(e, "control")), t = { props: e, possibleValues: o, LoadingDropdown: m };
+    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  }
+});
+function f(a, r, e, o, t, V) {
+  return s(), i(
+    d,
+    null,
+    [
+      u(" eslint-disable vue/attribute-hyphenation typescript complains with ':aria-label' instead of ':ariaLabel'"),
+      c(o.LoadingDropdown, {
+        id: e.labelForId ?? "",
+        ariaLabel: e.control.label,
+        disabled: e.disabled,
+        "model-value": e.control.data ?? "",
+        "possible-values": o.possibleValues,
+        "is-valid": e.isValid,
+        compact: "",
+        "onUpdate:modelValue": e.changeValue
+      }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "onUpdate:modelValue"])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const q = /* @__PURE__ */ b(_, [["render", f], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/DropdownControl.vue"]]);
+export {
+  q as default
+};