@knime/jsonforms 1.8.6 → 1.8.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @knime/json-forms
 
+## 1.8.7
+
+### Patch Changes
+
+- Updated dependencies [eef8146]
+  - @knime/components@1.25.5
+  - @knime/rich-text-editor@1.4.8
+
 ## 1.8.6
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-CN2MwsvB.js → AnyOfTwinlist-B3lypiur.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as t, createBlock as p, mergeProps as a, unref as l } from "vue";
 import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-1tCrR4R6.js";
+import { T as i } from "./TwinlistControlBase-BqLpZHDo.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-tqyx0NFH.js → Button-gTfjPXU4.js}

@@ -1,6 +1,5 @@
 import { defineComponent as o, resolveComponent as a, openBlock as s, createBlock as n, normalizeClass as r, withCtx as l, renderSlot as d } from "vue";
-import { B as i } from "./BaseButton-Cebd2AHy.js";
-import { _ as p } from "./SettingsSubPanel.vue_vue_type_style_index_1_lang-BEdJP1y9.js";
+import { D as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
 const c = o({
   name: "Button",
   components: {
@@ -65,7 +64,7 @@ const c = o({
     }
   }
 });
-function f(e, m, B, u, h, _) {
+function f(e, u, B, m, h, _) {
   const t = a("BaseButton");
   return s(), n(t, {
     class: r(e.classes),
@@ -77,7 +76,7 @@ function f(e, m, B, u, h, _) {
     _: 3
   }, 8, ["class", "disabled"]);
 }
-const k = /* @__PURE__ */ p(c, [["render", f], ["__scopeId", "data-v-4d1f9e2d"]]);
+const b = /* @__PURE__ */ p(c, [["render", f], ["__scopeId", "data-v-a73d49d5"]]);
 export {
-  k as B
+  b as B
 };

package/dist/{CheckboxControl-RE0n5096.js → CheckboxControl-BkQ44Uxj.js}

@@ -1,7 +1,6 @@
-import { defineComponent as a, ref as r, openBlock as s, createElementBlock as d, createVNode as u, unref as i, withCtx as p, createTextVNode as c, toDisplayString as m, renderSlot as n } from "vue";
-import { C as f } from "./Checkbox-BIBnSAck.js";
-import { _ as v } from "./SettingsSubPanel.vue_vue_type_style_index_1_lang-BEdJP1y9.js";
-const b = /* @__PURE__ */ a({
+import { defineComponent as n, ref as s, openBlock as r, createElementBlock as d, createVNode as u, unref as i, withCtx as p, createTextVNode as c, toDisplayString as v, renderSlot as a } from "vue";
+import { C as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+const f = /* @__PURE__ */ n({
   __name: "CheckboxControl",
   props: {
     control: {},
@@ -14,28 +13,28 @@ const b = /* @__PURE__ */ a({
     onRegisterValidation: { type: Function }
   },
   setup(h) {
-    const t = r(!1);
-    return (e, o) => (s(), d("div", {
+    const t = s(!1);
+    return (e, o) => (r(), d("div", {
       class: "checkbox-input",
       onMouseover: o[0] || (o[0] = (l) => t.value = !0),
       onMouseleave: o[1] || (o[1] = (l) => t.value = !1)
     }, [
-      u(i(f), {
+      u(i(m), {
         class: "checkbox",
         disabled: e.disabled,
         "model-value": e.control.data,
         "onUpdate:modelValue": e.changeValue
       }, {
         default: p(() => [
-          c(m(e.control.label) + " ", 1),
-          n(e.$slots, "icon", {}, void 0, !0)
+          c(v(e.control.label) + " ", 1),
+          a(e.$slots, "icon", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["disabled", "model-value", "onUpdate:modelValue"]),
-      n(e.$slots, "buttons", { hover: t.value }, void 0, !0)
+      a(e.$slots, "buttons", { hover: t.value }, void 0, !0)
     ], 32));
   }
-}), g = /* @__PURE__ */ v(b, [["__scopeId", "data-v-c26e0308"]]);
+}), k = /* @__PURE__ */ b(f, [["__scopeId", "data-v-79e98ad6"]]);
 export {
-  g as default
+  k as default
 };

package/dist/{Checkboxes-BgICqMGr.js → Checkboxes-BmUZ2CDH.js}

@@ -1,10 +1,9 @@
-import { C as c } from "./Checkbox-BIBnSAck.js";
-import { resolveComponent as u, openBlock as l, createElementBlock as s, normalizeClass as f, Fragment as m, renderList as h, createBlock as p, withCtx as x, createTextVNode as b, toDisplayString as V } from "vue";
-import { _ as y } from "./SettingsSubPanel.vue_vue_type_style_index_1_lang-BEdJP1y9.js";
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+import { resolveComponent as f, openBlock as o, createElementBlock as s, normalizeClass as h, Fragment as m, renderList as p, createBlock as x, withCtx as b, renderSlot as V, createTextVNode as y, toDisplayString as k } from "vue";
 const _ = {
   name: "Checkboxes",
   components: {
-    Checkbox: c
+    Checkbox: u
   },
   props: {
     /**
@@ -75,30 +74,32 @@ const _ = {
     }
   }
 };
-function k(e, a, t, r, v, d) {
-  const i = u("Checkbox");
-  return l(), s("div", {
-    class: f(["checkboxes", t.alignment])
+function v(e, a, t, r, C, d) {
+  const n = f("Checkbox");
+  return o(), s("div", {
+    class: h(["checkboxes", t.alignment])
   }, [
-    (l(!0), s(m, null, h(t.possibleValues, (o) => (l(), p(i, {
+    (o(!0), s(m, null, p(t.possibleValues, (l) => (o(), x(n, {
       ref_for: !0,
       ref: "boxes",
-      key: `checkboxes-${o.id}`,
-      "model-value": t.modelValue.indexOf(o.id) > -1,
-      title: o.text,
-      invalid: o.invalid,
+      key: `checkboxes-${l.id}`,
+      "model-value": t.modelValue.indexOf(l.id) > -1,
+      title: l.text,
+      invalid: l.invalid,
       disabled: t.disabled,
       class: "box",
-      "onUpdate:modelValue": (n) => d.onUpdateModelValue(o.id, n)
+      "onUpdate:modelValue": (i) => d.onUpdateModelValue(l.id, i)
     }, {
-      default: x(() => [
-        b(V(o.text), 1)
+      default: b(() => [
+        V(e.$slots, "label", { slotItem: l }, () => [
+          y(k(l.text), 1)
+        ], !0)
       ]),
       _: 2
     }, 1032, ["model-value", "title", "invalid", "disabled", "onUpdate:modelValue"]))), 128))
   ], 2);
 }
-const B = /* @__PURE__ */ y(_, [["render", k], ["__scopeId", "data-v-4567f860"]]);
+const B = /* @__PURE__ */ c(_, [["render", v], ["__scopeId", "data-v-c83ea4f7"]]);
 export {
   B as C
 };

package/dist/CheckboxesControl-DZ70hajb.js

@@ -0,0 +1,38 @@
+import { defineComponent as c, computed as n, ref as r, toRef as u, onMounted as p, openBlock as d, createBlock as m, unref as b, createCommentVNode as f } from "vue";
+import { o as h } from "./index-Blg1O3Fz.js";
+import { u as v } from "./usePossibleValues-C3V_0Qn_.js";
+import { C as V } from "./Checkboxes-BmUZ2CDH.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+const C = /* @__PURE__ */ c({
+  __name: "CheckboxesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(s) {
+    const o = s, t = n(
+      () => o.control.uischema.options?.checkboxLayout
+    ), a = r(null), { possibleValues: i } = v(u(o, "control")), l = n(() => a.value ?? i.value);
+    return p(() => {
+      a.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(h) : null;
+    }), (e, k) => l.value ? (d(), m(b(V), {
+      key: 0,
+      id: e.labelForId,
+      class: "checkboxes",
+      "possible-values": l.value,
+      alignment: t.value,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      "is-valid": e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : f("", !0);
+  }
+}), I = /* @__PURE__ */ y(C, [["__scopeId", "data-v-2891ceef"]]);
+export {
+  I as default
+};

package/dist/{ComboBoxControl-CFlD8eXE.js → ComboBoxControl-BOnJXJJK.js}

@@ -1,18 +1,20 @@
-import { resolveComponent as f, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as p, toDisplayString as g, createVNode as h, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as S, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as R, ref as F, toRef as z, onMounted as U, computed as B, unref as N, createCommentVNode as L } from "vue";
-import { u as H } from "./usePossibleValues-BJ0cNARj.js";
-import { C as K } from "./close-h7XT0ja0.js";
-import { F as j } from "./FunctionButton-D3yEMdaG.js";
+import { resolveComponent as h, openBlock as d, createElementBlock as f, withModifiers as a, withKeys as r, normalizeClass as w, renderSlot as B, createElementVNode as m, toDisplayString as I, createVNode as c, withDirectives as S, normalizeStyle as A, Fragment as D, renderList as k, createBlock as C, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as x, toRef as z, computed as F, unref as N } from "vue";
+import { u as U } from "./usePossibleValues-C3V_0Qn_.js";
+import { C as L } from "./close-BuY4mhXV.js";
+import { _ as E, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
 /* empty css                   */
-import { u as W } from "./index-Bf0xDq3g.js";
-import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
-import { C as X } from "./Checkbox-BIBnSAck.js";
-import { _ as C } from "./SettingsSubPanel.vue_vue_type_style_index_1_lang-BEdJP1y9.js";
-import { c as q } from "./createMissingItem-B00Kg95q.js";
-const y = 1, J = 28.5, Q = 8, Y = {
+import { A as j } from "./arrow-dropdown-DdgjzLAO.js";
+import { c as W } from "./createMissingItem-B00Kg95q.js";
+const y = () => {
+  let e = document?.activeElement;
+  for (; e?.shadowRoot; )
+    e = e?.shadowRoot?.activeElement;
+  return e;
+}, g = 1, G = 28.5, X = 8, q = {
   name: "Multiselect",
   components: {
-    Checkbox: X,
-    DropdownIcon: G
+    Checkbox: H,
+    DropdownIcon: j
   },
   props: {
     /**
@@ -120,12 +122,13 @@ const y = 1, J = 28.5, Q = 8, Y = {
     compact: {
       type: Boolean,
       default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "focusOutside"],
-  setup() {
-    return { activeElement: W() };
-  },
   data() {
     return {
       collapsed: !0,
@@ -147,7 +150,7 @@ const y = 1, J = 28.5, Q = 8, Y = {
     },
     optionsHeight() {
       return this.useSpecificOptionsHeight ? {
-        "max-height": `${this.sizeVisibleOptions * J + Q}px`
+        "max-height": `${this.sizeVisibleOptions * G + X}px`
       } : {};
     },
     refocusElementOnClose() {
@@ -168,17 +171,16 @@ const y = 1, J = 28.5, Q = 8, Y = {
      * @param {Number} changeInd - the positive or negative index shift for the next Element (usually 1 || -1).
      * @returns {Element} - the next option Element in the list of options.
      */
-    getNextElement(e) {
-      return this.focusOptions[this.focusOptions.indexOf(this.activeElement) + e] || (e < 0 ? this.focusOptions[this.focusOptions.length - 1] : this.focusOptions[0]);
+    getNextElement(e, t = y()) {
+      return this.focusOptions[this.focusOptions.indexOf(t) + e] || (e < 0 ? this.focusOptions[this.focusOptions.length - 1] : this.focusOptions[0]);
     },
     onUpdateModelValue(e, t) {
-      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((i) => i !== e)), this.closeDropdownOnSelection && this.closeOptions();
+      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((o) => o !== e)), this.closeDropdownOnSelection && this.closeOptions();
     },
     toggle() {
       this.collapsed = !this.collapsed, setTimeout(() => {
-        var e;
-        (e = this.$refs.toggle) == null || e.focus();
-      }, y);
+        this.$refs.toggle?.focus();
+      }, g);
     },
     isChecked(e) {
       return this.modelValue.includes(e);
@@ -193,7 +195,7 @@ const y = 1, J = 28.5, Q = 8, Y = {
     closeOptions(e = !0) {
       this.collapsed = !0, e && setTimeout(() => {
         this.refocusElementOnClose.focus();
-      }, y);
+      }, g);
     },
     /**
      * Handle closing the options if necessary and stopping the event if so.
@@ -206,7 +208,8 @@ const y = 1, J = 28.5, Q = 8, Y = {
     },
     /* Handle arrow key "up" events. */
     onUp() {
-      document.activeElement !== this.$refs.toggle && this.getNextElement(-1).focus();
+      const e = y();
+      e !== this.$refs.toggle && this.getNextElement(-1, e).focus();
     },
     /* Handle arrow key "down" events. */
     onDown() {
@@ -218,8 +221,8 @@ const y = 1, J = 28.5, Q = 8, Y = {
      */
     onFocusOut() {
       setTimeout(() => {
-        this.focusElements.includes(document.activeElement) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
-      }, y);
+        this.focusElements.includes(y()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
+      }, g);
     },
     /*
      * Manually prevents default event bubbling and propagation for mousedown which can fire blur events that
@@ -239,62 +242,65 @@ const y = 1, J = 28.5, Q = 8, Y = {
       ).map((e) => e.$el && e.$el.firstChild));
     }
   }
-}, Z = { key: 1 };
-function _(e, t, i, n, m, o) {
-  const c = f("DropdownIcon"), u = f("Checkbox");
-  return d(), V("div", {
+}, J = { key: 1 }, Q = ["tabindex"];
+function Y(e, t, o, n, b, s) {
+  const p = h("DropdownIcon"), u = h("Checkbox");
+  return d(), f("div", {
     ref: "multiselect",
-    class: w(["multiselect", { collapsed: m.collapsed, invalid: !i.isValid, compact: i.compact }]),
+    class: w([
+      "multiselect",
+      { collapsed: b.collapsed, invalid: !o.isValid, compact: o.compact, disabled: o.disabled }
+    ]),
     onKeydown: [
-      t[2] || (t[2] = r((...s) => o.closeOptionsAndStop && o.closeOptionsAndStop(...s), ["esc"])),
-      t[3] || (t[3] = r(a((...s) => o.onUp && o.onUp(...s), ["stop", "prevent"]), ["up"])),
-      t[4] || (t[4] = r(a((...s) => o.onDown && o.onDown(...s), ["stop", "prevent"]), ["down"]))
+      t[2] || (t[2] = r((...l) => s.closeOptionsAndStop && s.closeOptionsAndStop(...l), ["esc"])),
+      t[3] || (t[3] = r(a((...l) => s.onUp && s.onUp(...l), ["stop", "prevent"]), ["up"])),
+      t[4] || (t[4] = r(a((...l) => s.onDown && s.onDown(...l), ["stop", "prevent"]), ["down"]))
     ],
-    onFocusout: t[5] || (t[5] = a((...s) => o.onFocusOut && o.onFocusOut(...s), ["stop"])),
-    onMousedown: t[6] || (t[6] = (...s) => o.onMousedown && o.onMousedown(...s))
+    onFocusout: t[5] || (t[5] = a((...l) => s.onFocusOut && s.onFocusOut(...l), ["stop"])),
+    onMousedown: t[6] || (t[6] = (...l) => s.onMousedown && s.onMousedown(...l))
   }, [
-    i.useCustomListBox ? E(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), V("div", Z, [
-      p("div", {
+    o.useCustomListBox ? B(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), f("div", J, [
+      m("div", {
         ref: "toggle",
         role: "button",
-        tabindex: "0",
-        class: w({ placeholder: !i.modelValue.length }),
-        onClick: t[0] || (t[0] = (...s) => o.toggle && o.toggle(...s)),
-        onKeydown: t[1] || (t[1] = r(a((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
-      }, g(o.summary), 35),
-      h(c, { class: "icon" })
+        tabindex: o.disabled ? -1 : 0,
+        class: w({ placeholder: !o.modelValue.length }),
+        onClick: t[0] || (t[0] = (...l) => s.toggle && s.toggle(...l)),
+        onKeydown: t[1] || (t[1] = r(a((...l) => s.toggle && s.toggle(...l), ["prevent"]), ["space"]))
+      }, I(s.summary), 43, Q),
+      c(p, { class: "icon" })
     ])),
-    I(p("div", {
+    S(m("div", {
       class: "options",
-      style: A(o.optionsHeight)
+      style: A(s.optionsHeight)
     }, [
-      (d(!0), V(k, null, D(i.possibleValues, (s, l) => (d(), S(u, {
+      (d(!0), f(D, null, k(o.possibleValues, (l, i) => (d(), C(u, {
         ref_for: !0,
         ref: "option",
-        key: `multiselect-${s.id}`,
-        "data-index": l,
-        "model-value": o.isChecked(s.id),
-        disabled: s.disabled,
+        key: `multiselect-${l.id}`,
+        "data-index": i,
+        "model-value": s.isChecked(l.id),
+        disabled: l.disabled,
         class: "boxes",
-        "onUpdate:modelValue": (b) => o.onUpdateModelValue(s.id, b)
+        "onUpdate:modelValue": (V) => s.onUpdateModelValue(l.id, V)
       }, {
         default: O(() => [
-          $(g(s.text), 1)
+          $(I(l.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
-      E(e.$slots, "selectAction", {}, void 0, !0)
+      B(e.$slots, "selectAction", {}, void 0, !0)
     ], 4), [
-      [P, o.showOptions]
+      [P, s.showOptions]
     ])
   ], 34);
 }
-const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]]), v = "draft-id-combobox-preview-item", te = M({
+const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), v = "draft-id-combobox-preview-item", _ = M({
   name: "ComboBox",
   components: {
-    Multiselect: ee,
-    FunctionButton: j,
-    CloseIcon: K
+    Multiselect: Z,
+    FunctionButton: K,
+    CloseIcon: L
   },
   props: {
     /**
@@ -352,6 +358,10 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
     maxCharactersPerItem: {
       type: Number,
       default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: {
@@ -383,9 +393,9 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
     },
     searchResults() {
       const e = this.allPossibleItems.some(
-        ({ id: i, text: n }) => i === this.trimmedSearchValue || n === this.trimmedSearchValue
+        ({ id: o, text: n }) => o === this.trimmedSearchValue || n === this.trimmedSearchValue
       ), t = this.allPossibleItems.filter(
-        ({ id: i, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || i === this.trimmedSearchValue
+        ({ id: o, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || o === this.trimmedSearchValue
       );
       return this.allowNewValues && !e && !this.isSearchEmpty ? [
         { id: v, text: `${this.trimmedSearchValue} (new item)` },
@@ -400,7 +410,7 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
     },
     selectedValues() {
       return this.modelValue.map(
-        (e) => this.allPossibleItems.find((t) => e === t.id) || q(e)
+        (e) => this.allPossibleItems.find((t) => e === t.id) || W(e)
       );
     },
     maxSizeVisibleOptions() {
@@ -426,8 +436,7 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
       this.$refs.combobox.onDown();
     },
     onEnter() {
-      var e;
-      this.isSearchEmpty || typeof ((e = this.searchResults[0]) == null ? void 0 : e.id) > "u" || this.modelValue.includes(this.searchResults[0].id) || (this.updateSelectedIds([...this.modelValue, this.searchResults[0].id]), this.searchValue = "");
+      this.isSearchEmpty || typeof this.searchResults[0]?.id > "u" || this.modelValue.includes(this.searchResults[0].id) || (this.updateSelectedIds([...this.modelValue, this.searchResults[0].id]), this.searchValue = "");
     },
     onBackspace() {
       this.searchValue || this.emitNewSelection(this.modelValue.slice(0, -1));
@@ -446,12 +455,12 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
         this.emitNewSelection(e);
         return;
       }
-      const i = {
+      const o = {
         id: this.trimmedSearchValue,
         text: this.trimmedSearchValue
       };
-      this.allPossibleItems.push(i), this.emitNewSelection(
-        e.map((n) => n === v ? i.id : n)
+      this.allPossibleItems.push(o), this.emitNewSelection(
+        e.map((n) => n === v ? o.id : n)
       );
     },
     removeTag(e) {
@@ -476,10 +485,10 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
       };
     }
   }
-}), se = ["title"], oe = ["maxlength"], le = { class: "icon-right" };
-function ie(e, t, i, n, m, o) {
-  const c = f("CloseIcon"), u = f("FunctionButton"), s = f("Multiselect");
-  return d(), S(s, {
+}), ee = ["tabindex"], te = ["title"], se = ["maxlength", "disabled"], oe = { class: "icon-right" };
+function le(e, t, o, n, b, s) {
+  const p = h("CloseIcon"), u = h("FunctionButton"), l = h("Multiselect");
+  return d(), C(l, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -490,82 +499,86 @@ function ie(e, t, i, n, m, o) {
     "close-dropdown-on-selection": e.closeDropdownOnSelection,
     "is-valid": e.isValid,
     compact: e.compact,
+    disabled: e.disabled,
     onFocusOutside: e.onFocusOutside,
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
     listBox: O(() => [
-      p("div", {
+      m("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
-        tabindex: "0",
-        onKeydown: t[8] || (t[8] = r(a((...l) => e.focusInput && e.focusInput(...l), ["prevent", "self"]), ["enter"]))
+        tabindex: e.disabled ? -1 : 0,
+        onKeydown: t[8] || (t[8] = r(a((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
       }, [
-        p("div", {
+        m("div", {
           class: w([
             "summary-input-wrapper",
             { "with-icon-right": e.hasSelection, compact: e.compact }
           ]),
-          onClick: t[7] || (t[7] = a((...l) => e.focusInput && e.focusInput(...l), ["stop"]))
+          onClick: t[7] || (t[7] = a((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
         }, [
-          (d(!0), V(k, null, D(e.selectedValues, ({ id: l, text: b, invalid: x }, T) => (d(), V("div", {
+          (d(!0), f(D, null, k(e.selectedValues, ({ id: i, text: V, invalid: R }, T) => (d(), f("div", {
             key: `item.id${T}`,
             class: "tag",
-            title: b
+            title: V
           }, [
-            p("span", {
-              class: w(["text", { invalid: x }])
-            }, g(b), 3),
-            h(u, {
+            m("span", {
+              class: w(["text", { invalid: R }])
+            }, I(V), 3),
+            c(u, {
               class: "remove-tag-button",
               compact: e.compact,
-              onClick: a((ue) => e.removeTag(l), ["stop"])
+              disabled: e.disabled,
+              onClick: a((ae) => e.removeTag(i), ["stop"])
             }, {
               default: O(() => [
-                h(c, { class: "remove-tag-button-icon" })
+                c(p, { class: "remove-tag-button-icon" })
               ]),
               _: 2
-            }, 1032, ["compact", "onClick"])
-          ], 8, se))), 128)),
-          I(p("input", {
+            }, 1032, ["compact", "disabled", "onClick"])
+          ], 8, te))), 128)),
+          S(m("input", {
             ref: "searchInput",
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchValue = l),
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
             class: "search-input",
             type: "text",
             style: A(e.inputWidth),
             maxlength: e.maxCharactersPerItem,
-            onFocus: t[1] || (t[1] = (...l) => e.onInputFocus && e.onInputFocus(...l)),
-            onInput: t[2] || (t[2] = (...l) => e.onInput && e.onInput(...l)),
+            disabled: e.disabled,
+            onFocus: t[1] || (t[1] = (...i) => e.onInputFocus && e.onInputFocus(...i)),
+            onInput: t[2] || (t[2] = (...i) => e.onInput && e.onInput(...i)),
             onKeydown: [
-              t[3] || (t[3] = r(a((...l) => e.onEnter && e.onEnter(...l), ["prevent"]), ["enter"])),
-              t[4] || (t[4] = r((...l) => e.onBackspace && e.onBackspace(...l), ["backspace"])),
-              t[5] || (t[5] = r(a((...l) => e.onDown && e.onDown(...l), ["stop", "prevent"]), ["down"])),
-              t[6] || (t[6] = r((...l) => e.closeOptionsAndStop && e.closeOptionsAndStop(...l), ["esc"]))
+              t[3] || (t[3] = r(a((...i) => e.onEnter && e.onEnter(...i), ["prevent"]), ["enter"])),
+              t[4] || (t[4] = r((...i) => e.onBackspace && e.onBackspace(...i), ["backspace"])),
+              t[5] || (t[5] = r(a((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
+              t[6] || (t[6] = r((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
             ]
-          }, null, 44, oe), [
-            [R, e.searchValue]
+          }, null, 44, se), [
+            [x, e.searchValue]
           ])
         ], 2),
-        I(p("div", le, [
-          h(u, {
+        S(m("div", oe, [
+          c(u, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",
             compact: e.compact,
+            disabled: e.disabled,
             onClick: a(e.removeAllTags, ["stop"])
           }, {
             default: O(() => [
-              h(c)
+              c(p)
             ]),
             _: 1
-          }, 8, ["compact", "onClick"])
+          }, 8, ["compact", "disabled", "onClick"])
         ], 512), [
           [P, e.hasSelection]
         ])
-      ], 544)
+      ], 40, ee)
     ]),
     _: 1
-  }, 8, ["model-value", "possible-values", "size-visible-options", "parent-focus-element", "parent-refocus-element-on-close", "close-dropdown-on-selection", "is-valid", "compact", "onFocusOutside", "onUpdate:modelValue"]);
+  }, 8, ["model-value", "possible-values", "size-visible-options", "parent-focus-element", "parent-refocus-element-on-close", "close-dropdown-on-selection", "is-valid", "compact", "disabled", "onFocusOutside", "onUpdate:modelValue"]);
 }
-const ne = /* @__PURE__ */ C(te, [["render", ie], ["__scopeId", "data-v-418fb7c5"]]), ae = /* @__PURE__ */ M({
+const ie = /* @__PURE__ */ E(_, [["render", le], ["__scopeId", "data-v-b2800209"]]), ne = /* @__PURE__ */ M({
   __name: "ComboBoxControl",
   props: {
     control: {},
@@ -577,29 +590,24 @@ const ne = /* @__PURE__ */ C(te, [["render", ie], ["__scopeId", "data-v-418fb7c5
     labelForId: {}
   },
   setup(e) {
-    const t = e, i = F([]), n = F(!1), { possibleValues: m } = H(z(t, "control"));
-    U(() => {
-      i.value = t.control.data, n.value = !0;
-    });
-    const o = B(
-      () => m.value === null || m.value.length === 0
-    ), c = B(
-      () => t.disabled || o.value
+    const t = e, { possibleValues: o } = U(z(t, "control")), n = F(
+      () => o.value === null || o.value.length === 0
+    ), b = F(
+      () => t.disabled || n.value
     );
-    return (u, s) => n.value ? (d(), S(N(ne), {
-      key: 0,
-      id: u.labelForId,
-      "allow-new-values": o.value ? "" : !1,
-      "aria-label": u.control.label,
-      disabled: c.value,
-      "possible-values": N(m) ?? [],
-      "model-value": i.value,
-      "is-valid": u.isValid,
+    return (s, p) => (d(), C(N(ie), {
+      id: s.labelForId,
+      "allow-new-values": n.value ? "" : !1,
+      "aria-label": s.control.label,
+      disabled: b.value,
+      "possible-values": n.value ? s.control.data.map((u) => ({ id: u, text: u })) : N(o),
+      "model-value": s.control.data,
+      "is-valid": s.isValid,
       compact: "",
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => u.changeValue(l))
-    }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"])) : L("", !0);
+      "onUpdate:modelValue": p[0] || (p[0] = (u) => s.changeValue(u))
+    }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"]));
   }
-}), we = /* @__PURE__ */ C(ae, [["__scopeId", "data-v-33a5967b"]]);
+}), fe = /* @__PURE__ */ E(ne, [["__scopeId", "data-v-7d8de6e7"]]);
 export {
-  we as default
+  fe as default
 };