@knime/jsonforms 1.19.1 → 1.19.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/json-forms
 
+## 1.19.2
+
+### Patch Changes
+
+- db625ea: Integrated KdsDropdown and KdsInlineMessage
+
 ## 1.19.1
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-8N9_ROs5.js → AnyOfTwinlist-DbIxFGCg.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-D-jrBzVO.js";
+import { T as i } from "./TwinlistControlBase-Bd5_Uuq-.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-BlwS9yuo.js → Button-DPBuV8Ju.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as a, openBlock as s, createBlock as n, normalizeClass as r, withCtx as l, renderSlot as i } from "vue";
-import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{Checkbox-YP8cEunz.js → Checkbox-DHrRt49x.js}

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
-import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-DLPB1JyP.js → CheckboxControl-D0b--DXW.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, ref as d, openBlock as r, createElementBlock as i, createElementVNode as u, createVNode as c, unref as v, renderSlot as a } from "vue";
-import { ai as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { aj as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {

package/dist/{CheckboxesControl-jutmpEyo.js → CheckboxesControl-D2UmK0cM.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, computed as n, ref as i, toRef as r, onMounted as u, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
-import { K as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { K as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 import { o as v } from "./index-Blg1O3Fz.js";
-import { u as V } from "./usePossibleValues-DxL1Sx6O.js";
+import { u as V } from "./usePossibleValues-CcLAFNOh.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColorControl-DF9yZFO7.js → ColorControl-BWQGbfC0.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
-import { H as t } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { H as t } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const u = /* @__PURE__ */ o({
   __name: "ColorControl",
   props: {

package/dist/{ComboBoxControl-D2_FZmcY.js → ComboBoxControl-CL4v2Sgq.js}

@@ -1,10 +1,10 @@
 import { resolveComponent as f, openBlock as r, createElementBlock as b, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as h, withDirectives as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as T, vShow as k, defineComponent as x, vModelText as $, toRef as z, computed as y, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-DxL1Sx6O.js";
+import { u as U } from "./usePossibleValues-CcLAFNOh.js";
 import { C as L } from "./close-CwP2mh9x.js";
-import { _ as B, I as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ as B, I as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 /* empty css                   */
 import { A as K } from "./arrow-dropdown-DMFBPPcK.js";
-import { C as j } from "./Checkbox-YP8cEunz.js";
+import { C as j } from "./Checkbox-DHrRt49x.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;

package/dist/{DateControl-DWES743u.js → DateControl-BwCKXxzH.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as i, openBlock as r, createBlock as u, unref as m } from "vue";
-import { f as s, t as c, D as p } from "./localTimeUtils-wdKO5CDb.js";
+import { f as s, t as c, D as p } from "./localTimeUtils-5E_obOH5.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-0L1sO9_r.js → DateTimeControl-DIHNi8gS.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as a, openBlock as r, createBlock as p, unref as v } from "vue";
-import { t as i, f as h, D as f } from "./localTimeUtils-wdKO5CDb.js";
+import { t as i, f as h, D as f } from "./localTimeUtils-5E_obOH5.js";
 const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-BDY7TFj7.js → DateTimeFormatInput-BjdyxUQY.js}

@@ -1,9 +1,9 @@
 import { openBlock as m, createElementBlock as y, createElementVNode as p, defineComponent as O, useCssVars as J, computed as F, ref as f, watch as z, reactive as q, onMounted as G, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as M, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
-import { _ as U, J as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ as U, J as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 import { u as ie, a as re, o as ce, s as de, f as ue } from "./floating-ui.vue-Fx4CxKut.js";
 import { u as me, F as pe } from "./useDropdownNavigation-2Yhk7zes.js";
-import { L as ve } from "./LoadingIcon-vXOEpL-N.js";
-import { V as $ } from "./ValueSwitch-DrzW4E7s.js";
+import { L as ve } from "./LoadingIcon-Br99Lv_8.js";
+import { V as $ } from "./ValueSwitch-DjDuJdNN.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{DateTimeFormatPickerControl-B1hYIzhH.js → DateTimeFormatPickerControl-CV6pc2KZ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as e, openBlock as p, createBlock as f, unref as s } from "vue";
-import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
-import { D as v } from "./DateTimeFormatInput-BDY7TFj7.js";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import { D as v } from "./DateTimeFormatInput-BjdyxUQY.js";
 const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-CvXU3-gx.js → DateTimeFormatPickerWithTypeControl-DyGt-WGp.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, computed as t, openBlock as T, createElementBlock as V, createVNode as r, unref as i } from "vue";
-import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
-import { V as h } from "./ValueSwitch-DrzW4E7s.js";
-import { D as y } from "./DateTimeFormatInput-BDY7TFj7.js";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import { V as h } from "./ValueSwitch-DjDuJdNN.js";
+import { D as y } from "./DateTimeFormatInput-BjdyxUQY.js";
 const D = ["id"], w = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{Dropdown-Cfw0EPio.js → Dropdown-DlCk3K9Y.js}

@@ -1,11 +1,11 @@
 import { defineComponent as G, 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, openBlock as c, createBlock as S, withCtx as C, createElementVNode as m, normalizeClass as y, normalizeStyle as J, createElementBlock as h, withModifiers as x, renderSlot as O, toDisplayString as D, createCommentVNode as v, withKeys as Q, createVNode as P, withDirectives as Z, Fragment as w, renderList as N, createTextVNode as $, vShow as ee } from "vue";
-import { J as te, P as se, Q as R, R as K, T as k, V as ie, W as ne, X as le, I as ae, M as oe, _ as re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { J as te, P as se, Q as R, R as K, T as k, V as ie, W as ne, X as le, I as ae, M as oe, _ as re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 import { A as de } from "./arrow-dropdown-DMFBPPcK.js";
 import { C as ue } from "./close-CwP2mh9x.js";
 /* empty css                   */
 import { u as ce } from "./useSearch-hpyYQ_6y.js";
 import { i as he } from "./hotkeys-rxnt4egK.js";
-import { c as fe, a as pe, b as me, i as ge, e as ye, h as Ve, d as xe } from "./_getTag-BOcul3cI.js";
+import { c as fe, a as pe, b as me, i as ge, e as ye, h as Ve, d as xe } from "./_getTag-D-KT4MkB.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) {

package/dist/DropdownControl-DIr6VLc6.js

@@ -0,0 +1,41 @@
+import { defineComponent as r, toRef as s, computed as o, openBlock as n, createBlock as t, unref as d } from "vue";
+import { x as c } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import { u as m } from "./usePossibleValues-CcLAFNOh.js";
+import { _ as b } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-BohYhBbA.js";
+const F = /* @__PURE__ */ r({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const a = e, { possibleValues: l } = m(s(a, "control")), i = o(() => a.control.uischema?.options?.allowNewValue), u = o(
+      () => i.value && l.value !== null && l.value.length === 0
+    );
+    return (V, f) => u.value ? (n(), t(d(c), {
+      key: 0,
+      id: e.labelForId,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      error: !e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "disabled", "model-value", "error", "onUpdate:modelValue"])) : (n(), t(b, {
+      key: 1,
+      id: e.labelForId ?? "",
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      "model-value": e.control.data ?? "",
+      "possible-values": d(l),
+      error: !e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "error", "onUpdate:modelValue"]));
+  }
+});
+export {
+  F as default
+};

package/dist/{HorizontalLayout-DP3cYs1M.js → HorizontalLayout-y52FdHPr.js}

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

package/dist/{IntegerControl-2UfeexxJ.js → IntegerControl-Bk-MII8Z.js}

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

package/dist/{IntervalControl-Hxza00MC.js → IntervalControl-C7rHNjU3.js}

@@ -1,9 +1,9 @@
 import { openBlock as m, createElementBlock as f, renderSlot as Ve, toDisplayString as F, createCommentVNode as $, createElementVNode as c, resolveComponent as ye, normalizeClass as b, withModifiers as R, createVNode as I, defineComponent as L, useModel as H, computed as w, Fragment as O, createBlock as ee, withDirectives as D, vShow as S, renderList as K, unref as p, withCtx as W, createTextVNode as xe, mergeModels as U, ref as T, watch as q, withKeys as Ae, vModelText as Me, normalizeStyle as _e } from "vue";
-import { _ as C, I as be, J as De, a1 as we, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ as C, I as be, J as De, a2 as we, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 import { u as Re, a as Ne, s as Se, f as $e, o as Ce } from "./floating-ui.vue-Fx4CxKut.js";
 import { A as Oe } from "./arrow-dropdown-DMFBPPcK.js";
 /* empty css                   */
-import { V as z } from "./ValueSwitch-DrzW4E7s.js";
+import { V as z } from "./ValueSwitch-DjDuJdNN.js";
 const Be = {
   name: "Tooltip",
   props: {

package/dist/Label-4eQvTocI.js

@@ -0,0 +1,218 @@
+/* empty css                   */
+import { openBlock as i, createElementBlock as s, normalizeClass as d, renderSlot as o, createCommentVNode as u, createElementVNode as r, mergeProps as m, toDisplayString as h } from "vue";
+import { _ as f, M as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+const g = {
+  name: "InputField",
+  props: {
+    modelValue: {
+      default: "",
+      type: [Number, String, null]
+    },
+    id: {
+      type: [String, null],
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    /**
+     * Sets the error styling, validity needs to be controlled by the parent component to be flexible
+     */
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    type: {
+      default: "text",
+      type: String
+    },
+    pattern: {
+      default: null,
+      type: String
+    },
+    placeholder: {
+      default: null,
+      type: String
+    },
+    autocomplete: {
+      default: null,
+      type: String
+    },
+    autofocus: {
+      default: !1,
+      type: Boolean
+    },
+    focusOnMount: {
+      default: !1,
+      type: Boolean
+    },
+    inputClasses: {
+      default: "",
+      type: String
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    ariaActivedescendant: {
+      type: String,
+      default: null
+    },
+    ariaOwns: {
+      type: String,
+      default: null
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "focus", "keyup", "keypress", "keydown"],
+  computed: {
+    hasLeftIcon() {
+      return this.$slots.icon && this.$slots.icon().length;
+    },
+    hasRightIcon() {
+      return this.$slots.iconRight && this.$slots.iconRight().length;
+    },
+    inputClassList() {
+      let e = this.inputClasses;
+      return this.hasLeftIcon && (e += " with-icon"), this.hasRightIcon && (e += " with-icon-right"), this.isValid || (e += " invalid"), e;
+    }
+  },
+  mounted() {
+    this.focusOnMount && this.focus();
+  },
+  methods: {
+    getValue() {
+      return this.$refs.input.value;
+    },
+    onInput() {
+      this.$emit("update:modelValue", this.getValue());
+    },
+    focus() {
+      this.$refs.input.focus();
+    },
+    /*
+     * checks if value matches the provided pattern
+     */
+    validate() {
+      let e = !0, t = null;
+      return typeof this.getValue() > "u" ? (e = !1, t = "Invalid input") : this.pattern && this.$refs.input.validity.patternMismatch && (e = !1, t = "Input does not match the expected pattern"), { isValid: e, errorMessage: t };
+    }
+  }
+}, b = {
+  key: 0,
+  class: "icon"
+}, I = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], v = {
+  key: 1,
+  class: "icon icon-right"
+};
+function S(e, t, a, c, p, l) {
+  return i(), s("div", {
+    class: d(["input-wrapper", { compact: a.compact }])
+  }, [
+    l.hasLeftIcon ? (i(), s("div", b, [
+      o(e.$slots, "icon")
+    ])) : u("", !0),
+    r("input", m(e.$attrs, {
+      id: a.id,
+      ref: "input",
+      name: a.name,
+      value: a.modelValue,
+      class: l.inputClassList,
+      type: a.type,
+      pattern: a.pattern,
+      placeholder: a.placeholder,
+      autofocus: a.autofocus,
+      "aria-activedescendant": a.ariaActivedescendant,
+      "aria-owns": a.ariaOwns,
+      autocomplete: a.autocomplete,
+      disabled: a.disabled,
+      onInput: t[0] || (t[0] = (...n) => l.onInput && l.onInput(...n)),
+      onFocus: t[1] || (t[1] = (n) => e.$emit("focus", n)),
+      onKeyup: t[2] || (t[2] = (n) => e.$emit("keyup", n)),
+      onKeypress: t[3] || (t[3] = (n) => e.$emit("keypress", n)),
+      onKeydown: t[4] || (t[4] = (n) => e.$emit("keydown", n))
+    }), null, 16, I),
+    l.hasRightIcon ? (i(), s("div", v, [
+      o(e.$slots, "iconRight")
+    ])) : u("", !0),
+    t[5] || (t[5] = r("span", { class: "invalid-marker" }, null, -1))
+  ], 2);
+}
+const $ = /* @__PURE__ */ f(g, [["render", S], ["__scopeId", "data-v-e4e1a696"]]), F = {
+  name: "Label",
+  inject: {
+    largeLabels: {
+      // provided e.g. by Fieldset.vue
+      default: !1
+    }
+  },
+  props: {
+    generateId: {
+      type: Boolean,
+      default: !0
+    },
+    idPrefix: {
+      type: String,
+      default: "comp"
+    },
+    text: {
+      default: "",
+      type: String
+    },
+    /**
+     * smaller font size and margin
+     */
+    large: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to show the label or only its content.
+     */
+    active: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["labelForId"],
+  data() {
+    return {
+      labelForId: y()
+    };
+  },
+  computed: {
+    labelFor() {
+      return this.generateId ? `${this.idPrefix}-${this.labelForId}` : null;
+    },
+    labelId() {
+      return this.generateId ? `label-${this.labelFor}` : null;
+    },
+    isLarge() {
+      return this.large || this.largeLabels;
+    }
+  },
+  mounted() {
+    this.$emit("labelForId", this.labelFor);
+  }
+}, k = { class: "label-wrapper" }, L = ["id", "for", "textContent"];
+function V(e, t, a, c, p, l) {
+  return i(), s("div", k, [
+    a.active ? (i(), s("label", {
+      key: 0,
+      id: l.labelId,
+      for: l.labelFor,
+      class: d(["label-text", { large: l.isLarge }]),
+      textContent: h(a.text)
+    }, null, 10, L)) : u("", !0),
+    o(e.$slots, "default", { labelForId: l.labelFor }, void 0, !0)
+  ]);
+}
+const C = /* @__PURE__ */ f(F, [["render", V], ["__scopeId", "data-v-9887bcbf"]]);
+export {
+  $ as I,
+  C as L
+};

package/dist/LoadingDropdown.vue_vue_type_script_setup_true_lang-BohYhBbA.js

@@ -0,0 +1,48 @@
+import { defineComponent as b, computed as s, openBlock as m, createBlock as V, unref as v, mergeProps as y } from "vue";
+import { Y as g } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+const L = /* @__PURE__ */ b({
+  __name: "LoadingDropdown",
+  props: {
+    possibleValues: {},
+    modelValue: {},
+    id: {},
+    ariaLabel: {},
+    disabled: { type: Boolean },
+    error: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: o }) {
+    const e = a, i = o, t = s(() => e.possibleValues === null), r = s(() => {
+      const { possibleValues: l } = e;
+      return l === null ? "Loading" : l.length > 0 ? "No value selected" : "No values present";
+    }), d = s(() => e.possibleValues === null ? "" : e.modelValue), n = s(
+      () => e.possibleValues?.some((l) => l.type !== void 0)
+    ), u = s(
+      () => e.disabled || e.possibleValues !== null && e.possibleValues.length === 0
+    ), p = s(() => e.possibleValues === null ? [] : e.possibleValues.map((l) => ({
+      id: l.id,
+      text: l.text,
+      disabled: l.disabled,
+      accessory: n.value ? {
+        type: "dataType",
+        name: l.type?.id ?? "missing_type"
+      } : void 0
+    }))), c = (l) => {
+      i("update:modelValue", l ?? "");
+    };
+    return (l, _) => (m(), V(v(g), y(l.$attrs, {
+      id: e.id,
+      "aria-label": e.ariaLabel,
+      "model-value": d.value,
+      disabled: u.value,
+      "possible-values": p.value,
+      loading: t.value,
+      placeholder: r.value,
+      error: e.error,
+      "onUpdate:modelValue": c
+    }), null, 16, ["id", "aria-label", "model-value", "disabled", "possible-values", "loading", "placeholder", "error"]));
+  }
+});
+export {
+  L as _
+};

package/dist/{LoadingIcon-vXOEpL-N.js → LoadingIcon-Br99Lv_8.js}

@@ -1,6 +1,6 @@
 import { h as r, defineComponent as c, openBlock as s, createBlock as i, unref as a } from "vue";
 import { R as d } from "./reload-DjY4GPvr.js";
-import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const p = (t, o) => ({
   render() {
     const e = t.render({}, []), n = r("title", o);

package/dist/{ManualTwinlistControl-CSQyz025.js → ManualTwinlistControl-Cymjfy5p.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, toRef as c, computed as a, markRaw as I, openBlock as k, createBlock as F, unref as r, mergeProps as x } from "vue";
 import { m as T } from "./index-Blg1O3Fz.js";
-import { u as L, a as U } from "./usePossibleValues-DxL1Sx6O.js";
-import { T as z, a as M } from "./TwinlistLoadingInfo-BOt-Tw38.js";
-import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-D1c_IW_Z.js";
-import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { u as L, a as U } from "./usePossibleValues-CcLAFNOh.js";
+import { T as z, a as M } from "./TwinlistLoadingInfo-3TeV4Gdp.js";
+import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-KKPjcj4X.js";
+import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const _ = /* @__PURE__ */ C({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultiSelectListBoxControl-CDD_0uwK.js → MultiSelectListBoxControl-xAD6kXMK.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, toRef as i, openBlock as n, createBlock as s, unref as l } from "vue";
-import { u as d } from "./usePossibleValues-DxL1Sx6O.js";
-import { M as u } from "./MultiselectListBox-Dpd-_fEp.js";
+import { u as d } from "./usePossibleValues-CcLAFNOh.js";
+import { M as u } from "./MultiselectListBox-ZX6212Yu.js";
 const f = /* @__PURE__ */ t({
   __name: "MultiSelectListBoxControl",
   props: {

package/dist/{MultimodeTwinlistControl-BC2wu5IN.js → MultimodeTwinlistControl-BumsqGUV.js}

@@ -1,13 +1,13 @@
-import { resolveComponent as f, openBlock as m, createElementBlock as S, normalizeClass as M, Fragment as G, renderList as J, createBlock as g, withCtx as c, renderSlot as k, createTextVNode as Q, toDisplayString as I, createElementVNode as V, toRef as L, createVNode as b, createCommentVNode as P, normalizeProps as _, guardReactiveProps as B, mergeProps as A, defineComponent as X, ref as Z, computed as y, markRaw as $, unref as T, createSlots as ee } from "vue";
-import { _ as U, Y as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { resolveComponent as f, openBlock as m, createElementBlock as S, normalizeClass as M, Fragment as G, renderList as J, createBlock as g, withCtx as c, renderSlot as k, createTextVNode as Q, toDisplayString as I, createElementVNode as V, toRef as L, createVNode as b, createCommentVNode as P, normalizeProps as _, guardReactiveProps as B, mergeProps as A, defineComponent as X, ref as Y, computed as y, markRaw as $, unref as T, createSlots as ee } from "vue";
+import { _ as U, Z as z } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 import { m as te } from "./index-Blg1O3Fz.js";
-import { u as ae, a as le } from "./usePossibleValues-DxL1Sx6O.js";
-import { a as ne, S as se, u as ie, T as oe } from "./TwinlistLoadingInfo-BOt-Tw38.js";
-import { u as de } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-D1c_IW_Z.js";
+import { u as ae, a as le } from "./usePossibleValues-CcLAFNOh.js";
+import { a as ne, S as se, u as ie, T as oe } from "./TwinlistLoadingInfo-3TeV4Gdp.js";
+import { u as de } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-KKPjcj4X.js";
 import { f as D } from "./useSearch-hpyYQ_6y.js";
-import { C as re } from "./Checkbox-YP8cEunz.js";
-import { L as ue } from "./Label-r9424CUy.js";
-import { V as ce } from "./ValueSwitch-DrzW4E7s.js";
+import { C as re } from "./Checkbox-DHrRt49x.js";
+import { L as ue } from "./Label-4eQvTocI.js";
+import { V as ce } from "./ValueSwitch-DjDuJdNN.js";
 const me = {
   name: "Checkboxes",
   components: {
@@ -497,7 +497,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
       o({ patternFilter: { isCaseSensitive: l } });
     }, { possibleValues: w } = ae(
       L(a, "control")
-    ), u = Z([]), { selectedAndDeselected: F, setCurrentManualFilter: O } = de({
+    ), u = Y([]), { selectedAndDeselected: F, setCurrentManualFilter: O } = de({
       data: y(() => a.control.data),
       possibleValueIds: y(
         () => w.value?.map(({ id: l }) => l) ?? null
@@ -533,7 +533,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
       () => !!w.value?.[0]?.hasOwnProperty("type")
     ), { excludedLabel: H, includedLabel: K } = le(
       L(a, "control")
-    ), W = y(() => H ?? a.twinlistLeftLabel), Y = y(() => K ?? a.twinlistRightLabel);
+    ), W = y(() => H ?? a.twinlistLeftLabel), Z = y(() => K ?? a.twinlistRightLabel);
     return (l, r) => (m(), g(T(Te), A(l.$attrs, {
       id: e.labelForId,
       disabled: e.disabled,
@@ -551,7 +551,7 @@ const Te = /* @__PURE__ */ U(we, [["render", ge], ["__scopeId", "data-v-a4487686
       "possible-values": T(w) ?? [],
       size: e.twinlistSize,
       "left-label": W.value,
-      "right-label": Y.value,
+      "right-label": Z.value,
       "is-valid": e.isValid,
       compact: "",
       "show-resize-handle": "",

package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-D1c_IW_Z.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-KKPjcj4X.js}

@@ -1,7 +1,7 @@
 import { ref as v, watch as m } from "vue";
 import { g as S, a as g } from "./index-Blg1O3Fz.js";
-import "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
-import "./TwinlistLoadingInfo-BOt-Tw38.js";
+import "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import "./TwinlistLoadingInfo-3TeV4Gdp.js";
 const w = ({
   knownValuesSide: s,
   possibleValueIds: l,

package/dist/{MultiselectListBox-Dpd-_fEp.js → MultiselectListBox-ZX6212Yu.js}

@@ -1,6 +1,6 @@
 import { toRef as x, watch as S, resolveComponent as p, openBlock as h, createElementBlock as u, normalizeStyle as y, normalizeClass as I, createElementVNode as m, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as g, withCtx as D, renderSlot as H, resolveDynamicComponent as B, toDisplayString as K, createCommentVNode as b, createVNode as N } from "vue";
-import { $ as L, M as A, _ as T } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
-import { S as O } from "./StyledListItem-Bjbm8PWH.js";
+import { a0 as L, M as A, _ as T } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import { S as O } from "./StyledListItem-BSq6JKC8.js";
 const z = (e, t) => {
   let i, r = 0;
   return (...l) => {

package/dist/{NameFilter-DTvObQKn.js → NameFilter-FSgsA62B.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createBlock as t, mergeProps as l } from "vue";
-import a from "./MultimodeTwinlistControl-BC2wu5IN.js";
+import a from "./MultimodeTwinlistControl-BumsqGUV.js";
 const u = /* @__PURE__ */ n({
   __name: "NameFilter",
   props: {

package/dist/{NumberControl--5wUVIwB.js → NumberControl-BqoqHwEO.js}

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

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-BE2viQpy.js → NumberControlBase.vue_vue_type_script_setup_true_lang-BncdSveV.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, computed as s, openBlock as u, createBlock as d, unref as p } from "vue";
-import { a0 as x } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
-import { u as E } from "./useBuiltinValidations-BwHkydob.js";
+import { a1 as x } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
+import { u as E } from "./useBuiltinValidations-V_W_S2ya.js";
 const v = 1, f = 0.1, h = /* @__PURE__ */ m({
   __name: "NumberControlBase",
   props: {

package/dist/{OneOfDropdown-C06xyucr.js → OneOfDropdown-B_2tiTwi.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, computed as i, openBlock as r, createBlock as p, unref as n } from "vue";
 import { o as u } from "./index-Blg1O3Fz.js";
-import { D as c } from "./Dropdown-Cfw0EPio.js";
+import { D as c } from "./Dropdown-DlCk3K9Y.js";
 const g = /* @__PURE__ */ s({
   __name: "OneOfDropdown",
   props: {

package/dist/{RadioControl-PDlvyuwY.js → RadioControl-BFhCpO9D.js}

@@ -1,6 +1,6 @@
 import { defineComponent as e, openBlock as n, createBlock as t, mergeProps as a } from "vue";
-import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-BUgsN2F5.js";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BQCvcmqS.js";
+import { _ as r } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-CaIHPPJ6.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
 const i = /* @__PURE__ */ e({
   __name: "RadioControl",
   props: {