@knime/scripting-editor 0.0.119 → 0.0.121

package/dist/Dropdown-CIypkp0O-Dn4sxfaP.js

@@ -0,0 +1,628 @@
+import { defineComponent as X, resolveComponent as v, createBlock as S, openBlock as u, withCtx as C, createElementVNode as g, normalizeClass as y, withDirectives as j, normalizeStyle as G, createElementBlock as c, withModifiers as w, renderSlot as D, toDisplayString as O, createCommentVNode as x, withKeys as Y, createVNode as B, Fragment as b, renderList as H, createTextVNode as q, vShow as U, nextTick as J, toRefs as Q, ref as T, computed as M, watch as N, shallowRef as P, h as Z, toValue as m, unref as ee } from "vue";
+import { h as te, v as se, V as R, F, O as I, o as ae, Z as le, $ as oe } from "./index-CZ-Na6c0-a5MJwulg.js";
+import { i as ie } from "./arrow-dropdown-BHK4j8GT-uCJYJfqE.js";
+import { i as ne } from "./close-W1x27NhZ-BUMfGLkd.js";
+import { S as re } from "./useSearch-hpyYQ_6y-BgGbVTm1.js";
+import { X as de, Q as ue, r as ce } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+import { a as pe } from "./hotkeys-rxnt4egK-Cv-woIT1.js";
+import { q as he, H as fe, J as me, z as ge, c as Ve, e as ye, X as ve } from "./_getTag-DuCXbcgW-CSxZDqyE.js";
+import { r as we } from "./isArray-WzO_os3q-FebMbKyC.js";
+var xe = "[object Map]", be = "[object Set]", Ee = Object.prototype, Se = Ee.hasOwnProperty;
+function Ce(e) {
+  if (e == null)
+    return !0;
+  if (he(e) && (we(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || me(e) || ge(e)))
+    return !e.length;
+  var t = Ve(e);
+  if (t == xe || t == be)
+    return !e.size;
+  if (ye(e))
+    return !ve(e).length;
+  for (var s in e)
+    if (Se.call(e, s))
+      return !1;
+  return !0;
+}
+const De = /* @__PURE__ */ X({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(e, { slots: t, emit: s }) {
+    const l = P();
+    return te(l, (r) => {
+      s("trigger", r);
+    }, e.options), () => {
+      if (t.default)
+        return Z(e.as || "div", { ref: l }, t.default());
+    };
+  }
+}), Oe = oe ? window : void 0;
+function Te(e) {
+  var t;
+  const s = m(e);
+  return (t = s == null ? void 0 : s.$el) != null ? t : s;
+}
+function Ie(...e) {
+  const t = [], s = () => {
+    t.forEach((o) => o()), t.length = 0;
+  }, l = (o, i, n, h) => (o.addEventListener(i, n, h), () => o.removeEventListener(i, n, h)), r = M(() => {
+    const o = I(m(e[0])).filter((i) => i != null);
+    return o.every((i) => typeof i != "string") ? o : void 0;
+  }), a = ae(
+    () => {
+      var o, i;
+      return [
+        (i = (o = r.value) == null ? void 0 : o.map((n) => Te(n))) != null ? i : [Oe].filter((n) => n != null),
+        I(m(r.value ? e[1] : e[0])),
+        I(ee(r.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        m(r.value ? e[3] : e[2])
+      ];
+    },
+    ([o, i, n, h]) => {
+      if (s(), !(o != null && o.length) || !(i != null && i.length) || !(n != null && n.length))
+        return;
+      const f = le(h) ? { ...h } : h;
+      t.push(
+        ...o.flatMap(
+          (E) => i.flatMap(
+            (d) => n.map((V) => l(E, d, V, f))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), p = () => {
+    a(), s();
+  };
+  return R(s), p;
+}
+function k(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function K(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 : K(s);
+  }
+}
+function ke(e) {
+  const t = e || window.event, s = t.target;
+  return K(s) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const $ = /* @__PURE__ */ new WeakMap();
+function $e(e, t = !1) {
+  const s = P(t);
+  let l = null, r = "";
+  N(se(e), (o) => {
+    const i = k(m(o));
+    if (i) {
+      const n = i;
+      if ($.get(n) || $.set(n, n.style.overflow), n.style.overflow !== "hidden" && (r = n.style.overflow), n.style.overflow === "hidden")
+        return s.value = !0;
+      if (s.value)
+        return n.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const a = () => {
+    const o = k(m(e));
+    !o || s.value || (F && (l = Ie(
+      o,
+      "touchmove",
+      (i) => {
+        ke(i);
+      },
+      { passive: !1 }
+    )), o.style.overflow = "hidden", s.value = !0);
+  }, p = () => {
+    const o = k(m(e));
+    !o || !s.value || (F && (l == null || l()), o.style.overflow = r, $.delete(o), s.value = !1);
+  };
+  return R(p), M({
+    get() {
+      return s.value;
+    },
+    set(o) {
+      o ? a() : p();
+    }
+  });
+}
+function Me() {
+  let e = !1;
+  const t = P(!1);
+  return (s, l) => {
+    if (t.value = l.value, e)
+      return;
+    e = !0;
+    const r = $e(s, l.value);
+    N(t, (a) => r.value = a);
+  };
+}
+Me();
+const A = "ArrowDown", L = "ArrowUp", z = "Home", W = "End", Ne = "Escape", _ = "Enter", Pe = [A, L, z, W, _], Be = {
+  name: "Dropdown",
+  components: {
+    DropdownIcon: ie,
+    OnClickOutside: De,
+    FunctionButton: ue,
+    CloseIcon: ne
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `Dropdown-${ce()}`;
+      }
+    },
+    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: () => []
+    },
+    allowNewValue: {
+      type: Boolean,
+      default: !1
+    },
+    caseSensitiveSearch: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { caseSensitiveSearch: t, possibleValues: s } = Q(e), l = T(!1), r = M(() => {
+      const i = {};
+      for (const n of s.value)
+        i[n.id] = n.text;
+      return i;
+    }), a = T(r.value[e.modelValue]), p = T(!1);
+    N(
+      () => e.modelValue,
+      (i) => {
+        p.value || (a.value = r.value[i]);
+      }
+    );
+    const o = re(
+      a,
+      t,
+      s,
+      l
+    );
+    return {
+      searchValue: a,
+      useFilterValues: l,
+      searchFilteredPossibleValues: o,
+      isExpanded: p
+    };
+  },
+  data() {
+    return {
+      typingTimeout: null,
+      candidate: this.modelValue,
+      emptyState: "Nothing found",
+      optionRefs: /* @__PURE__ */ new Map(),
+      slotContainerHeight: 0
+    };
+  },
+  computed: {
+    currentPossibleValues() {
+      return this.allowNewValue && this.possibleValues.every((e) => e.id !== this.searchValue) ? [
+        {
+          id: this.searchValue || "",
+          text: `New value: ${this.searchValue || "<empty>"}`,
+          isSpecial: !0
+        },
+        ...this.searchFilteredPossibleValues
+      ] : this.searchFilteredPossibleValues;
+    },
+    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] : this.allowNewValue ? this.modelValue.toString() : `(MISSING) ${this.modelValue.toString()}`;
+    },
+    isMissing() {
+      return this.allowNewValue ? !1 : this.modelValue && !this.displayTextMap.hasOwnProperty(this.modelValue);
+    },
+    hasRightIcon() {
+      var e, t;
+      return (t = (e = this.$slots)["icon-right"]) == null ? void 0 : t.call(e).length;
+    },
+    hasOptionTemplate() {
+      return this.possibleValues.length === 0 ? !1 : this.possibleValues.every(
+        (e) => e.slotData && !Ce(e.slotData)
+      );
+    },
+    selectedOption() {
+      return this.possibleValues.find((e) => e.id === this.modelValue);
+    },
+    hasNoFilteredPossibleValues() {
+      return this.currentPossibleValues.length === 0;
+    },
+    nonEmptySearchValue() {
+      var e;
+      return ((e = this.searchValue) == null ? void 0 : e.length) > 0;
+    },
+    possibleValuesIsProvided() {
+      return !!this.possibleValues.length;
+    },
+    isDisabled() {
+      return this.disabled || !this.possibleValuesIsProvided;
+    },
+    closeIconTooltip() {
+      return "Clear";
+    }
+  },
+  watch: {
+    currentPossibleValues(e) {
+      var t;
+      this.candidate = (t = e[0]) == null ? void 0 : t.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 l = t.clientHeight + t.scrollTop, r = s.offsetTop + s.offsetHeight;
+        r > l ? t.scrollTop = r - 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();
+    },
+    resetSearchValue() {
+      var e;
+      this.displayTextMap.hasOwnProperty(this.modelValue) ? this.searchValue = this.displayTextMap[this.modelValue] : this.allowNewValue ? this.searchValue = ((e = this.modelValue) == null ? void 0 : e.toString()) ?? "" : this.searchValue = "";
+    },
+    async expand() {
+      var e, t;
+      this.isDisabled || (this.resetSearchValue(), this.hasOptionTemplate && (this.slotContainerHeight = ((e = this.$refs.button) == null ? void 0 : e.clientHeight) ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate((t = this.currentPossibleValues[0]) == null ? void 0 : t.id), await J(), 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) : pe(e, Pe) && (this.expand(), e.preventDefault());
+    },
+    handleKeyDownOnExpanded(e) {
+      e.key === A && (this.onArrowDown(), e.preventDefault()), e.key === L && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === z && (this.onHomeKey(), e.preventDefault()), e.key === Ne && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === _ && (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.resetSearchValue(), this.isExpanded = !1;
+    },
+    handleSearch(e) {
+      this.useFilterValues = !0, this.searchValue = e, this.allowNewValue && this.$emit("update:modelValue", e);
+    },
+    handleResetInput() {
+      this.searchValue = "", this.getSearchInput().focus();
+    }
+  }
+}, He = ["id"], Fe = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Re = ["value"], Ke = { key: 1 }, Ae = { class: "right" }, Le = {
+  key: 0,
+  class: "loading-icon"
+}, ze = ["aria-activedescendant"], We = {
+  key: 0,
+  class: "empty-state"
+}, _e = ["id", "title", "aria-selected", "onMouseenter", "onClick"], Xe = ["id", "name", "value"];
+function je(e, t, s, l, r, a) {
+  const p = v("CloseIcon"), o = v("FunctionButton"), i = v("DropdownIcon"), n = v("OnClickOutside");
+  return u(), S(n, { onTrigger: a.closeDropdown }, {
+    default: C(() => {
+      var h;
+      return [
+        g("div", {
+          id: s.id,
+          class: y([
+            "dropdown",
+            {
+              collapsed: !l.isExpanded,
+              invalid: !s.isValid,
+              disabled: a.isDisabled,
+              compact: s.compact
+            }
+          ])
+        }, [
+          g("div", {
+            id: a.generateId("button"),
+            ref: "button",
+            role: "button",
+            tabindex: "0",
+            "aria-haspopup": "listbox",
+            class: y({
+              placeholder: a.showPlaceholder && !l.isExpanded,
+              missing: a.isMissing && !l.isExpanded,
+              "has-option-template": a.hasOptionTemplate && !l.isExpanded
+            }),
+            style: G({
+              ...l.isExpanded && a.hasOptionTemplate && {
+                height: `calc(${r.slotContainerHeight}px + 0 * var(--form-border-width))`,
+                boxSizing: "content-box"
+              }
+            }),
+            "aria-label": s.ariaLabel,
+            "aria-labelledby": a.generateId("button"),
+            "aria-expanded": l.isExpanded,
+            onClick: t[3] || (t[3] = (...f) => a.toggleExpanded && a.toggleExpanded(...f)),
+            onKeydown: t[4] || (t[4] = (...f) => a.handleKeyDownButton && a.handleKeyDownButton(...f))
+          }, [
+            l.isExpanded ? (u(), c("input", {
+              key: 0,
+              ref: "searchInput",
+              value: l.searchValue,
+              tabindex: "0",
+              role: "searchbox",
+              class: "search-input",
+              type: "text",
+              onClick: t[0] || (t[0] = w(() => {
+              }, ["stop"])),
+              onInput: t[1] || (t[1] = (f) => a.handleSearch(f.target.value))
+            }, null, 40, Re)) : a.hasOptionTemplate ? (u(), c("div", Ke, [
+              D(e.$slots, "option", {
+                slotData: (h = a.selectedOption) == null ? void 0 : h.slotData,
+                isMissing: a.isMissing,
+                selectedValue: s.modelValue,
+                expanded: !1
+              })
+            ])) : (u(), c("span", {
+              key: 2,
+              ref: "span"
+            }, O(a.displayText), 513)),
+            g("div", Ae, [
+              a.hasRightIcon ? (u(), c("div", Le, [
+                D(e.$slots, "icon-right")
+              ])) : x("", !0),
+              l.isExpanded && a.nonEmptySearchValue ? (u(), S(o, {
+                key: 1,
+                ref: "closeButton",
+                title: "Close",
+                tabindex: "0",
+                class: "button",
+                compact: s.compact,
+                onKeydown: t[2] || (t[2] = Y(w(() => {
+                }, ["stop"]), ["enter"])),
+                onClick: w(a.handleResetInput, ["stop"])
+              }, {
+                default: C(() => [
+                  B(p, { class: "icon" })
+                ]),
+                _: 1
+              }, 8, ["compact", "onClick"])) : x("", !0),
+              !l.isExpanded || !a.nonEmptySearchValue ? (u(), S(o, {
+                key: 2,
+                class: "button",
+                compact: s.compact,
+                disabled: a.isDisabled,
+                title: l.isExpanded ? "Cancel" : "Expand",
+                tabindex: l.isExpanded ? 0 : -1,
+                onClick: w(a.toggleExpanded, ["stop"])
+              }, {
+                default: C(() => [
+                  B(i, {
+                    class: y(["dropdown-icon", "icon"])
+                  })
+                ]),
+                _: 1
+              }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : x("", !0)
+            ])
+          ], 46, Fe),
+          j(g("ul", {
+            ref: "ul",
+            role: "listbox",
+            tabindex: "-1",
+            "aria-activedescendant": l.isExpanded ? a.generateId("option", a.getCurrentSelectedId()) : void 0,
+            class: y({ "drops-upwards": s.direction === "up" })
+          }, [
+            a.hasNoFilteredPossibleValues ? (u(), c("div", We, O(r.emptyState), 1)) : x("", !0),
+            (u(!0), c(b, null, H(a.orderedGroupedValues, (f, E) => (u(), c(b, { key: E }, [
+              t[5] || (t[5] = g("span", { class: "group-divider" }, null, -1)),
+              (u(!0), c(b, null, H(f.items, (d) => (u(), c("li", {
+                id: a.generateId("option", d.id),
+                key: `listbox-${d.id}`,
+                ref_for: !0,
+                ref: (V) => r.optionRefs.set(d.id, V),
+                role: "option",
+                title: typeof d.title > "u" ? d.text : d.title,
+                class: y({
+                  focused: a.isCurrentValue(d.id),
+                  noselect: !0,
+                  empty: d.text.trim() === "",
+                  "has-option-template": a.hasOptionTemplate,
+                  special: d.isSpecial
+                }),
+                "aria-selected": a.isCurrentValue(d.id),
+                onMouseenter: (V) => a.updateCandidate(d.id),
+                onClick: (V) => a.emitAndClose(d.id)
+              }, [
+                a.hasOptionTemplate ? D(e.$slots, "option", {
+                  key: 0,
+                  slotData: d.slotData,
+                  expanded: !0
+                }) : (u(), c(b, { key: 1 }, [
+                  q(O(d.text), 1)
+                ], 64))
+              ], 42, _e))), 128))
+            ], 64))), 128))
+          ], 10, ze), [
+            [U, l.isExpanded]
+          ]),
+          g("input", {
+            id: s.id,
+            type: "hidden",
+            name: s.name,
+            value: s.modelValue
+          }, null, 8, Xe)
+        ], 10, He)
+      ];
+    }),
+    _: 3
+  }, 8, ["onTrigger"]);
+}
+const st = /* @__PURE__ */ de(Be, [["render", je], ["__scopeId", "data-v-0a20a161"]]);
+export {
+  st as i
+};

package/dist/DropdownControl-4AhoNiKk-BYSEubXu.js

@@ -0,0 +1,47 @@
+import { defineComponent as r, toRef as c, computed as n, createBlock as t, openBlock as u, unref as s } from "vue";
+import { t as m } from "./usePossibleValues-CYraIICE-CFGswSt6.js";
+import { P as v } from "./LoadingDropdown--cwIsJdm-Dc7B20ml.js";
+import { w as b } from "./TextControl-kY3Ra8PG-y_70AOqk.js";
+const y = /* @__PURE__ */ r({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(l) {
+    const d = l, { possibleValues: a } = m(c(d, "control")), i = n(() => {
+      var e, o;
+      return (o = (e = d.control.uischema) == null ? void 0 : e.options) == null ? void 0 : o.allowNewValue;
+    }), p = n(
+      () => i.value && a.value !== null && a.value.length === 0
+    );
+    return (e, o) => p.value ? (u(), t(s(b), {
+      key: 0,
+      id: l.labelForId,
+      disabled: l.disabled,
+      "model-value": l.control.data,
+      "is-valid": l.isValid,
+      compact: "",
+      "onUpdate:modelValue": l.changeValue
+    }, null, 8, ["id", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : (u(), t(v, {
+      key: 1,
+      id: l.labelForId ?? "",
+      ariaLabel: l.control.label,
+      disabled: l.disabled,
+      "model-value": l.control.data ?? "",
+      "possible-values": s(a),
+      "is-valid": l.isValid,
+      "allow-new-value": i.value,
+      compact: "",
+      "onUpdate:modelValue": l.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "allow-new-value", "onUpdate:modelValue"]));
+  }
+});
+export {
+  y as default
+};