@knime/jsonforms 0.1.7 → 1.0.1

package/dist/Dropdown-By1NMrXZ.js

@@ -0,0 +1,691 @@
+import { getCurrentScope as Q, onScopeDispose as J, unref as Z, toRef as $, readonly as ee, customRef as te, ref as x, watch as E, defineComponent as ne, h as se, computed as W, toRefs as oe, nextTick as ie, resolveComponent as S, openBlock as m, createBlock as I, withCtx as D, createElementVNode as w, normalizeClass as V, normalizeStyle as re, createElementBlock as g, withModifiers as C, renderSlot as _, toDisplayString as T, createCommentVNode as k, withKeys as le, createVNode as R, withDirectives as ae, Fragment as O, renderList as K, createTextVNode as de, vShow as ue, pushScopeId as ce, popScopeId as fe } from "vue";
+import { A as pe } from "./arrow-dropdown-DjUxzjqC.js";
+import { C as he } from "./close-h7XT0ja0.js";
+/* empty css                   */
+import { u as me } from "./useSearch-hpyYQ_6y.js";
+import { F as ge } from "./FunctionButton-DBec3TQi.js";
+import { a as ye, b as we, d as ve, f as xe, g as Ve, h as be, j as Ee } from "./_getTag-BiNJdVyP.js";
+import { i as Se } from "./toString-C9vll-oa.js";
+import { _ as Ce } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+var ke = "[object Map]", Oe = "[object Set]", Ie = Object.prototype, De = Ie.hasOwnProperty;
+function _e(e) {
+  if (e == null)
+    return !0;
+  if (ye(e) && (Se(e) || typeof e == "string" || typeof e.splice == "function" || we(e) || ve(e) || xe(e)))
+    return !e.length;
+  var t = Ve(e);
+  if (t == ke || t == Oe)
+    return !e.size;
+  if (be(e))
+    return !Ee(e).length;
+  for (var n in e)
+    if (De.call(e, n))
+      return !1;
+  return !0;
+}
+function L(e) {
+  return Q() ? (J(e), !0) : !1;
+}
+function y(e) {
+  return typeof e == "function" ? e() : Z(e);
+}
+const N = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Te = Object.prototype.toString, F = (e) => Te.call(e) === "[object Object]", v = () => {
+}, M = /* @__PURE__ */ Ae();
+function Ae() {
+  var e, t;
+  return N && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function Be(...e) {
+  if (e.length !== 1)
+    return $(...e);
+  const t = e[0];
+  return typeof t == "function" ? ee(te(() => ({ get: t, set: v }))) : x(t);
+}
+function b(e) {
+  var t;
+  const n = y(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+const j = N ? window : void 0;
+function A(...e) {
+  let t, n, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = j) : [t, n, o, i] = e, !t)
+    return v;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const s = [], h = () => {
+    s.forEach((u) => u()), s.length = 0;
+  }, a = (u, d, l, r) => (u.addEventListener(d, l, r), () => u.removeEventListener(d, l, r)), f = E(
+    () => [b(t), y(i)],
+    ([u, d]) => {
+      if (h(), !u)
+        return;
+      const l = F(d) ? { ...d } : d;
+      s.push(
+        ...n.flatMap((r) => o.map((c) => a(u, r, c, l)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), p = () => {
+    f(), h();
+  };
+  return L(p), p;
+}
+let H = !1;
+function Pe(e, t, n = {}) {
+  const { window: o = j, ignore: i = [], capture: s = !0, detectIframe: h = !1 } = n;
+  if (!o)
+    return v;
+  M && !H && (H = !0, Array.from(o.document.body.children).forEach((l) => l.addEventListener("click", v)), o.document.documentElement.addEventListener("click", v));
+  let a = !0;
+  const f = (l) => i.some((r) => {
+    if (typeof r == "string")
+      return Array.from(o.document.querySelectorAll(r)).some((c) => c === l.target || l.composedPath().includes(c));
+    {
+      const c = b(r);
+      return c && (l.target === c || l.composedPath().includes(c));
+    }
+  }), u = [
+    A(o, "click", (l) => {
+      const r = b(e);
+      if (!(!r || r === l.target || l.composedPath().includes(r))) {
+        if (l.detail === 0 && (a = !f(l)), !a) {
+          a = !0;
+          return;
+        }
+        t(l);
+      }
+    }, { passive: !0, capture: s }),
+    A(o, "pointerdown", (l) => {
+      const r = b(e);
+      a = !f(l) && !!(r && !l.composedPath().includes(r));
+    }, { passive: !0 }),
+    h && A(o, "blur", (l) => {
+      setTimeout(() => {
+        var r;
+        const c = b(e);
+        ((r = o.document.activeElement) == null ? void 0 : r.tagName) === "IFRAME" && !(c != null && c.contains(o.document.activeElement)) && t(l);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => u.forEach((l) => l());
+}
+const Me = /* @__PURE__ */ ne({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(e, { slots: t, emit: n }) {
+    const o = x();
+    return Pe(o, (i) => {
+      n("trigger", i);
+    }, e.options), () => {
+      if (t.default)
+        return se(e.as || "div", { ref: o }, t.default());
+    };
+  }
+});
+function Le(e) {
+  var t;
+  const n = y(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+const Ne = N ? window : void 0;
+function Re(...e) {
+  let t, n, o, i;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = Ne) : [t, n, o, i] = e, !t)
+    return v;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const s = [], h = () => {
+    s.forEach((u) => u()), s.length = 0;
+  }, a = (u, d, l, r) => (u.addEventListener(d, l, r), () => u.removeEventListener(d, l, r)), f = E(
+    () => [Le(t), y(i)],
+    ([u, d]) => {
+      if (h(), !u)
+        return;
+      const l = F(d) ? { ...d } : d;
+      s.push(
+        ...n.flatMap((r) => o.map((c) => a(u, r, c, l)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), p = () => {
+    f(), h();
+  };
+  return L(p), p;
+}
+function B(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function Y(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 n = e.parentNode;
+    return !n || n.tagName === "BODY" ? !1 : Y(n);
+  }
+}
+function Ke(e) {
+  const t = e || window.event, n = t.target;
+  return Y(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const P = /* @__PURE__ */ new WeakMap();
+function He(e, t = !1) {
+  const n = x(t);
+  let o = null, i = "";
+  E(Be(e), (a) => {
+    const f = B(y(a));
+    if (f) {
+      const p = f;
+      if (P.get(p) || P.set(p, p.style.overflow), p.style.overflow !== "hidden" && (i = p.style.overflow), p.style.overflow === "hidden")
+        return n.value = !0;
+      if (n.value)
+        return p.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const s = () => {
+    const a = B(y(e));
+    !a || n.value || (M && (o = Re(
+      a,
+      "touchmove",
+      (f) => {
+        Ke(f);
+      },
+      { passive: !1 }
+    )), a.style.overflow = "hidden", n.value = !0);
+  }, h = () => {
+    const a = B(y(e));
+    !a || !n.value || (M && (o == null || o()), a.style.overflow = i, P.delete(a), n.value = !1);
+  };
+  return L(h), W({
+    get() {
+      return n.value;
+    },
+    set(a) {
+      a ? s() : h();
+    }
+  });
+}
+function We() {
+  let e = !1;
+  const t = x(!1);
+  return (n, o) => {
+    if (t.value = o.value, e)
+      return;
+    e = !0;
+    const i = He(n, o.value);
+    E(t, (s) => i.value = s);
+  };
+}
+We();
+let Fe = 0;
+const G = "ArrowDown", z = "ArrowUp", U = "Home", q = "End", je = "Escape", X = "Enter", Ye = [G, z, U, q, X], Ge = {
+  name: "Dropdown",
+  components: {
+    DropdownIcon: pe,
+    OnClickOutside: Me,
+    FunctionButton: ge,
+    CloseIcon: he
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `Dropdown-${Fe++}`;
+      }
+    },
+    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: n } = oe(e), o = x(!1), i = W(() => {
+      let a = {};
+      for (let f of n.value)
+        a[f.id] = f.text;
+      return a;
+    }), s = x(i.value[e.modelValue]);
+    E(
+      () => e.modelValue,
+      (a) => {
+        s.value = i.value[a];
+      }
+    );
+    const h = me(
+      s,
+      t,
+      n,
+      o
+    );
+    return {
+      searchValue: s,
+      useFilterValues: o,
+      currentPossibleValues: h
+    };
+  },
+  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 n = t.group || "";
+        e[n] || (e[n] = { label: t.group, items: [] }), e[n].items.push(t);
+      }
+      return Object.values(e);
+    },
+    orderedGroupedValues() {
+      const e = this.groupedValues.filter(
+        (n) => n.items[0].group
+      ), t = this.groupedValues.filter(
+        (n) => !n.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() {
+      let e = {};
+      for (let 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() {
+      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 && !_e(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) {
+      let t = this.getListBoxNodeRef();
+      if (t.scrollHeight >= t.clientHeight) {
+        let n = this.optionRefs.get(e);
+        if (!n) {
+          consola.error(
+            `trying to scroll to element with Id ${e.toString()} which does not exist`
+          );
+          return;
+        }
+        let o = t.clientHeight + t.scrollTop, i = n.offsetTop + n.offsetHeight;
+        i > o ? t.scrollTop = i - t.clientHeight : n.offsetTop < t.scrollTop && (t.scrollTop = n.offsetTop);
+      }
+    },
+    onArrowDown() {
+      let e = this.selectedIndex + 1;
+      if (e >= this.flatOrderedValues.length)
+        return;
+      const t = this.flatOrderedValues[e].id;
+      this.updateCandidate(t), this.scrollTo(t);
+    },
+    onArrowUp() {
+      let 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() {
+      let 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() {
+      var e, t;
+      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = ((e = this.$refs.slotContainer) == 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 ie(), 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) : Ye.includes(e.key) && (this.expand(), e.preventDefault());
+    },
+    handleKeyDownOnExpanded(e) {
+      e.key === G && (this.onArrowDown(), e.preventDefault()), e.key === z && (this.onArrowUp(), e.preventDefault()), e.key === q && (this.onEndKey(), e.preventDefault()), e.key === U && (this.onHomeKey(), e.preventDefault()), e.key === je && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === X && (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}`;
+      let n = String(t).replace(/[^\w]/gi, "");
+      return `${e}-${this.id}-${n}`;
+    },
+    closeDropdown() {
+      this.searchValue = this.displayTextMap[this.modelValue], this.isExpanded = !1;
+    },
+    handleSearch(e) {
+      this.useFilterValues = !0, this.searchValue = e;
+    },
+    handleResetInput() {
+      this.searchValue = "", this.getSearchInput().focus();
+    }
+  }
+}, ze = (e) => (ce("data-v-e5d7b590"), e = e(), fe(), e), Ue = ["id"], qe = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Xe = ["value"], Qe = {
+  key: 1,
+  ref: "slotContainer"
+}, Je = { class: "right" }, Ze = {
+  key: 0,
+  class: "loading-icon"
+}, $e = ["aria-activedescendant"], et = {
+  key: 0,
+  class: "empty-state"
+}, tt = /* @__PURE__ */ ze(() => /* @__PURE__ */ w("span", { class: "group-divider" }, null, -1)), nt = ["id", "title", "aria-selected", "onMouseenter", "onClick"], st = ["id", "name", "value"];
+function ot(e, t, n, o, i, s) {
+  const h = S("CloseIcon"), a = S("FunctionButton"), f = S("DropdownIcon"), p = S("OnClickOutside");
+  return m(), I(p, { onTrigger: s.closeDropdown }, {
+    default: D(() => {
+      var u;
+      return [
+        w("div", {
+          id: n.id,
+          class: V([
+            "dropdown",
+            {
+              collapsed: !i.isExpanded,
+              invalid: !n.isValid,
+              disabled: s.isDisabled,
+              compact: n.compact
+            }
+          ])
+        }, [
+          w("div", {
+            id: s.generateId("button"),
+            ref: "button",
+            role: "button",
+            tabindex: "0",
+            "aria-haspopup": "listbox",
+            class: V({
+              placeholder: s.showPlaceholder && !i.isExpanded,
+              missing: s.isMissing && !i.isExpanded,
+              "has-option-template": s.hasOptionTemplate && !i.isExpanded
+            }),
+            style: re({
+              ...i.isExpanded && s.hasOptionTemplate && {
+                height: `calc(${i.slotContainerHeight}px + 0 * var(--form-border-width))`,
+                boxSizing: "content-box"
+              }
+            }),
+            "aria-label": n.ariaLabel,
+            "aria-labelledby": s.generateId("button"),
+            "aria-expanded": i.isExpanded,
+            onClick: t[3] || (t[3] = (...d) => s.toggleExpanded && s.toggleExpanded(...d)),
+            onKeydown: t[4] || (t[4] = (...d) => s.handleKeyDownButton && s.handleKeyDownButton(...d))
+          }, [
+            i.isExpanded ? (m(), g("input", {
+              key: 0,
+              ref: "searchInput",
+              value: o.searchValue,
+              tabindex: "0",
+              role: "searchbox",
+              class: "search-input",
+              type: "text",
+              onClick: t[0] || (t[0] = C(() => {
+              }, ["stop"])),
+              onInput: t[1] || (t[1] = (d) => s.handleSearch(d.target.value))
+            }, null, 40, Xe)) : s.hasOptionTemplate ? (m(), g("div", Qe, [
+              _(e.$slots, "option", {
+                slotData: (u = s.selectedOption) == null ? void 0 : u.slotData,
+                isMissing: s.isMissing,
+                selectedValue: n.modelValue,
+                expanded: !1
+              })
+            ], 512)) : (m(), g("span", {
+              key: 2,
+              ref: "span"
+            }, T(s.displayText), 513)),
+            w("div", Je, [
+              s.hasRightIcon ? (m(), g("div", Ze, [
+                _(e.$slots, "icon-right")
+              ])) : k("", !0),
+              i.isExpanded && s.nonEmptySearchValue ? (m(), I(a, {
+                key: 1,
+                ref: "closeButton",
+                title: "Close",
+                tabindex: "0",
+                class: "button",
+                compact: n.compact,
+                onKeydown: t[2] || (t[2] = le(C(() => {
+                }, ["stop"]), ["enter"])),
+                onClick: C(s.handleResetInput, ["stop"])
+              }, {
+                default: D(() => [
+                  R(h, { class: "icon" })
+                ]),
+                _: 1
+              }, 8, ["compact", "onClick"])) : k("", !0),
+              !i.isExpanded || !s.nonEmptySearchValue ? (m(), I(a, {
+                key: 2,
+                class: "button",
+                compact: n.compact,
+                disabled: s.isDisabled,
+                title: i.isExpanded ? "Cancel" : "Expand",
+                tabindex: i.isExpanded ? 0 : -1,
+                onClick: C(s.toggleExpanded, ["stop"])
+              }, {
+                default: D(() => [
+                  R(f, {
+                    class: V(["dropdown-icon", "icon"])
+                  })
+                ]),
+                _: 1
+              }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : k("", !0)
+            ])
+          ], 46, qe),
+          ae(w("ul", {
+            ref: "ul",
+            role: "listbox",
+            tabindex: "-1",
+            "aria-activedescendant": i.isExpanded ? s.generateId("option", s.getCurrentSelectedId()) : void 0,
+            class: V({ "drops-upwards": n.direction === "up" })
+          }, [
+            s.hasNoFilteredPossibleValues ? (m(), g("div", et, T(i.emptyState), 1)) : k("", !0),
+            (m(!0), g(O, null, K(s.orderedGroupedValues, (d, l) => (m(), g(O, { key: l }, [
+              tt,
+              (m(!0), g(O, null, K(d.items, (r) => (m(), g("li", {
+                id: s.generateId("option", r.id),
+                key: `listbox-${r.id}`,
+                ref_for: !0,
+                ref: (c) => i.optionRefs.set(r.id, c),
+                role: "option",
+                title: typeof r.title > "u" ? r.text : r.title,
+                class: V({
+                  focused: s.isCurrentValue(r.id),
+                  noselect: !0,
+                  empty: r.text.trim() === "",
+                  "has-option-template": s.hasOptionTemplate
+                }),
+                "aria-selected": s.isCurrentValue(r.id),
+                onMouseenter: (c) => s.updateCandidate(r.id),
+                onClick: (c) => s.emitAndClose(r.id)
+              }, [
+                s.hasOptionTemplate ? _(e.$slots, "option", {
+                  key: 0,
+                  slotData: r.slotData,
+                  expanded: !0
+                }) : (m(), g(O, { key: 1 }, [
+                  de(T(r.text), 1)
+                ], 64))
+              ], 42, nt))), 128))
+            ], 64))), 128))
+          ], 10, $e), [
+            [ue, i.isExpanded]
+          ]),
+          w("input", {
+            id: n.id,
+            type: "hidden",
+            name: n.name,
+            value: n.modelValue
+          }, null, 8, st)
+        ], 10, Ue)
+      ];
+    }),
+    _: 3
+  }, 8, ["onTrigger"]);
+}
+const ht = /* @__PURE__ */ Ce(Ge, [["render", ot], ["__scopeId", "data-v-e5d7b590"]]);
+export {
+  ht as D
+};

package/dist/{DropdownControl-BFnea4SN.js → DropdownControl-Eb3G4P0X.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./DropdownControl.vue_vue_type_script_setup_true_lang-BRWvAXuk.js";
+import { _ as f } from "./DropdownControl.vue_vue_type_script_setup_true_lang-Cfmqdv7v.js";
 export {
   f as default
 };