@knime/jsonforms 1.16.1 → 1.16.3

package/dist/{Dropdown-DKsatUXQ.js → Dropdown-D3y4Pa-6.js}

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

package/dist/{DropdownControl-fWiY6zSU.js → DropdownControl-DHRDgAa6.js}

@@ -1,7 +1,7 @@
-import { defineComponent as l, toRef as n, createBlock as t, openBlock as i, unref as d } from "vue";
-import { u as s } from "./usePossibleValues-BW08TF4d.js";
-import { L as c } from "./LoadingDropdown-hIKRVdsJ.js";
-const V = /* @__PURE__ */ l({
+import { defineComponent as n, toRef as t, computed as i, createBlock as d, openBlock as s, unref as u } from "vue";
+import { u as c } from "./usePossibleValues-GbBZ4g2M.js";
+import { L as r } from "./LoadingDropdown-BRWsdF35.js";
+const v = /* @__PURE__ */ n({
   __name: "DropdownControl",
   props: {
     control: {},
@@ -13,19 +13,20 @@ const V = /* @__PURE__ */ l({
     labelForId: {}
   },
   setup(e) {
-    const a = e, { possibleValues: o } = s(n(a, "control"));
-    return (r, u) => (i(), t(c, {
+    const l = e, { possibleValues: a } = c(t(l, "control")), o = i(() => l.control.uischema?.options?.allowNewValue);
+    return (m, p) => (s(), d(r, {
       id: e.labelForId ?? "",
       ariaLabel: e.control.label,
       disabled: e.disabled,
       "model-value": e.control.data ?? "",
-      "possible-values": d(o),
+      "possible-values": u(a),
       "is-valid": e.isValid,
+      "allow-new-value": o.value,
       compact: "",
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "onUpdate:modelValue"]));
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "allow-new-value", "onUpdate:modelValue"]));
   }
 });
 export {
-  V as default
+  v as default
 };

package/dist/{HorizontalLayout-Uv7eOyiw.js → HorizontalLayout-DpashzzZ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, createElementBlock as t, openBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
-import { N as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+import { N as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Bb4-Hp2m.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-7vUzz3gU.js → InputField-DmqmbZXP.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
 import { createElementBlock as i, openBlock as s, normalizeClass as r, createCommentVNode as u, createElementVNode as o, renderSlot as d, mergeProps as f } from "vue";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B-_bJCAr.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Bb4-Hp2m.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-PouaLhEd.js → IntegerControl-DkvK354O.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, createBlock as n, openBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CHK6QigD.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CXUu-kYy.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {