@knime/jsonforms 1.15.0 → 1.15.2

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @knime/json-forms
 
+## 1.15.2
+
+### Patch Changes
+
+- 7fcf85b: Enable slots in Twinlist sub components
+  Add DataType Icon to Jsonforms dropdowns and twinlists
+  Adjust linting rule -> css imports now need the file extension
+- Updated dependencies [7fcf85b]
+  - @knime/components@1.34.2
+  - @knime/rich-text-editor@1.7.2
+
+## 1.15.1
+
+### Patch Changes
+
+- Updated dependencies [6887f7b]
+  - @knime/components@1.34.1
+  - @knime/rich-text-editor@1.7.1
+
 ## 1.15.0
 
 ### Minor Changes

package/dist/{AnyOfTwinlist-Co_sJAsc.js → AnyOfTwinlist--MdzLj12.js}

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

package/dist/{Button-Cqwayw73.js → Button-V53sPts7.js}

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

package/dist/{CheckboxControl-C10_DX1N.js → CheckboxControl-DxmF67Fl.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, ref as s, createElementBlock as r, openBlock as d, createVNode as u, renderSlot as l, unref as i, withCtx as p, createTextVNode as c, toDisplayString as v } from "vue";
-import { C as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { C as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const f = /* @__PURE__ */ n({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-DWOxHiUX.js → Checkboxes-Dc2mE1E7.js}

@@ -1,5 +1,5 @@
-import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-import { resolveComponent as f, createElementBlock as s, openBlock as o, normalizeClass as h, Fragment as m, renderList as p, createBlock as x, withCtx as b, createTextVNode as V, toDisplayString as y } from "vue";
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { resolveComponent as f, createElementBlock as s, openBlock as o, 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: {
@@ -74,12 +74,12 @@ const _ = {
     }
   }
 };
-function k(e, a, t, r, v, d) {
-  const i = f("Checkbox");
+function v(e, a, t, r, C, d) {
+  const n = f("Checkbox");
   return o(), s("div", {
     class: h(["checkboxes", t.alignment])
   }, [
-    (o(!0), s(m, null, p(t.possibleValues, (l) => (o(), x(i, {
+    (o(!0), s(m, null, p(t.possibleValues, (l) => (o(), x(n, {
       ref_for: !0,
       ref: "boxes",
       key: `checkboxes-${l.id}`,
@@ -88,16 +88,18 @@ function k(e, a, t, r, v, d) {
       invalid: l.invalid,
       disabled: t.disabled,
       class: "box",
-      "onUpdate:modelValue": (n) => d.onUpdateModelValue(l.id, n)
+      "onUpdate:modelValue": (i) => d.onUpdateModelValue(l.id, i)
     }, {
       default: b(() => [
-        V(y(l.text), 1)
+        V(e.$slots, "label", { slotItem: l }, () => [
+          y(k(l.text), 1)
+        ], !0)
       ]),
       _: 2
     }, 1032, ["model-value", "title", "invalid", "disabled", "onUpdate:modelValue"]))), 128))
   ], 2);
 }
-const A = /* @__PURE__ */ c(_, [["render", k], ["__scopeId", "data-v-4567f860"]]);
+const B = /* @__PURE__ */ c(_, [["render", v], ["__scopeId", "data-v-a8358197"]]);
 export {
-  A as C
+  B as C
 };

package/dist/{CheckboxesControl-BMRFgmO_.js → CheckboxesControl-MTDoYv6o.js}

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as n, ref as r, toRef as u, onMounted as p, createBlock as d, createCommentVNode as m, openBlock as b, unref as f } from "vue";
 import { o as h } from "./index-Blg1O3Fz.js";
-import { u as v } from "./usePossibleValues-DXuWWBh_.js";
-import { C as V } from "./Checkboxes-DWOxHiUX.js";
-import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { u as v } from "./usePossibleValues-DXZusnxu.js";
+import { C as V } from "./Checkboxes-Dc2mE1E7.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const C = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-R0DlbAdT.js → ComboBoxControl-eTVu0ilp.js}

@@ -1,7 +1,7 @@
 import { resolveComponent as h, createElementBlock as f, openBlock as d, withModifiers as a, withKeys as r, normalizeClass as w, renderSlot as B, withDirectives as I, createElementVNode as m, createVNode as c, toDisplayString 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-DXuWWBh_.js";
+import { u as U } from "./usePossibleValues-DXZusnxu.js";
 import { C as L } from "./close-DGt8x-x_.js";
-import { _ as E, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { _ as E, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 /* empty css                   */
 import { A as j } from "./arrow-dropdown-BAFsD8Su.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";

package/dist/{DateControl-DAGAM92B.js → DateControl-DsBPH7xg.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, createBlock as a, openBlock as l, unref as n } from "vue";
-import { D as t } from "./DateTimeInput-Cs0KqlOS.js";
+import { D as t } from "./DateTimeInput-DZ-22w4C.js";
 const u = /* @__PURE__ */ o({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-DJhIb_U4.js → DateTimeControl-BscBtjDl.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, computed as a, createBlock as c, openBlock as p, unref as v } from "vue";
-import { D as h } from "./DateTimeInput-Cs0KqlOS.js";
-import { t as i, f } from "./localTimeUtils-NIKgHnIr.js";
+import { D as h } from "./DateTimeInput-DZ-22w4C.js";
+import { t as i, f } from "./localTimeUtils-ofPz-s5l.js";
 const b = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-BhLQzC-P.js → DateTimeFormatInput-CnxjE9CW.js}

@@ -2,9 +2,9 @@ import { createElementBlock as y, openBlock as u, createElementVNode as p, defin
 import { o as se } from "./index-CpKfM262.js";
 import { u as ne, a as ie, o as re, s as de, f as ce } from "./floating-ui.vue-CDo9Kas1.js";
 import { u as me, F as ue } from "./useDropdownNavigation-BfCXUheD.js";
-import { L as pe } from "./svgWithTitle-CnTmPYAB.js";
-import { V as $ } from "./ValueSwitch-W4y1YvNM.js";
-import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { L as pe } from "./LoadingIcon-BqKwArbh.js";
+import { V as $ } from "./ValueSwitch-DZ5vEThg.js";
+import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const ve = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{DateTimeFormatPickerControl-V7pxRYaW.js → DateTimeFormatPickerControl-CYOPU0JI.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as o, createBlock as c, openBlock as f, unref as r } from "vue";
-import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-import { D as v } from "./DateTimeFormatInput-BhLQzC-P.js";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { D as v } from "./DateTimeFormatInput-CnxjE9CW.js";
 const b = /* @__PURE__ */ p({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-3fa75rGw.js → DateTimeFormatPickerWithTypeControl-Cw0R0IXT.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, computed as t, createElementBlock as T, openBlock as V, createVNode as r, unref as d } from "vue";
-import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-import { V as h } from "./ValueSwitch-W4y1YvNM.js";
-import { D as y } from "./DateTimeFormatInput-BhLQzC-P.js";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { V as h } from "./ValueSwitch-DZ5vEThg.js";
+import { D as y } from "./DateTimeFormatInput-CnxjE9CW.js";
 const D = ["id"], _ = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{DateTimeInput-Cs0KqlOS.js → DateTimeInput-DZ-22w4C.js}

@@ -1,13 +1,13 @@
 import { resolveComponent as qe, createElementBlock as E, openBlock as O, normalizeClass as te, createElementVNode as q, createCommentVNode as ee, withModifiers as Nt, createVNode as V, reactive as Na, computed as _, defineComponent as Ce, ref as we, watch as Ae, onMounted as Un, onUnmounted as Aa, toRefs as yl, nextTick as fr, createBlock as Pe, renderSlot as br, unref as M, resolveDynamicComponent as Wa, normalizeProps as mr, mergeProps as Mt, inject as Dr, toRef as yn, withCtx as Te, toDisplayString as Le, Fragment as Oe, renderList as Ge, normalizeStyle as pr, withKeys as _n, withDirectives as Cs, watchEffect as xs, provide as _r, guardReactiveProps as _a, createTextVNode as Ua, isRef as ir, Transition as Ys, resolveDirective as gl, toHandlers as Is } from "vue";
 import { c as wl } from "./popper-LGjf7Wza.js";
-import { _ as Ss, q as Fn, N as bl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-import { D as Dl } from "./Dropdown-BEx-cvXH.js";
+import { _ as Ss, q as Fn, N as bl } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { D as Dl } from "./Dropdown-DYa_CZWd.js";
 import { A as _l } from "./arrow-dropdown-BAFsD8Su.js";
 /* empty css                   */
-import { a as Tl } from "./toString-BhubvA3m.js";
-import { b as Ml } from "./_baseIteratee-BGt-t7Os.js";
-import { b as $l } from "./_baseEach-DdH9cM67.js";
-import { d as Pl } from "./_getTag-DAFySze4.js";
+import { a as Tl } from "./toString-CSnbWb-n.js";
+import { b as Ml } from "./_baseIteratee-1E2Ks-cN.js";
+import { b as $l } from "./_baseEach-BSevR6MA.js";
+import { d as Pl } from "./_getTag-Ccp_NogL.js";
 import { i as kl } from "./isArray-WzO_os3q.js";
 function it(e) {
   "@babel/helpers - typeof";

package/dist/{Dropdown-BEx-cvXH.js → Dropdown-DYa_CZWd.js}

@@ -4,9 +4,9 @@ import { A as le } from "./arrow-dropdown-BAFsD8Su.js";
 import { C as re } from "./close-DGt8x-x_.js";
 /* empty css                   */
 import { u as ae } from "./useSearch-hpyYQ_6y.js";
-import { v as de, B as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { v as de, B as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.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-DAFySze4.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-Ccp_NogL.js";
 import { i as Ve } from "./isArray-WzO_os3q.js";
 var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Ce = Ee.hasOwnProperty;
 function Oe(e) {
@@ -404,7 +404,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.isExpanded ? this.collapse() : this.expand();
     },
     async expand() {
-      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.slotContainer?.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.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));
     },
     collapse() {
       this.isExpanded = !1, this.getButtonRef().focus();
@@ -442,10 +442,7 @@ const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
       this.searchValue = "", this.getSearchInput().focus();
     }
   }
-}, Ne = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], Le = {
-  key: 1,
-  ref: "slotContainer"
-}, He = { class: "right" }, Fe = {
+}, Ne = ["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 = {
@@ -509,7 +506,7 @@ function ze(e, t, s, a, i, n) {
               selectedValue: s.modelValue,
               expanded: !1
             })
-          ], 512)) : (c(), h("span", {
+          ])) : (c(), h("span", {
             key: 2,
             ref: "span"
           }, D(n.displayText), 513)),
@@ -602,7 +599,7 @@ function ze(e, t, s, a, i, n) {
     _: 3
   }, 8, ["onTrigger"]);
 }
-const nt = /* @__PURE__ */ ce(Ke, [["render", ze], ["__scopeId", "data-v-023d335b"]]);
+const nt = /* @__PURE__ */ ce(Ke, [["render", ze], ["__scopeId", "data-v-45311f6f"]]);
 export {
   nt as D
 };

package/dist/{DropdownControl-DEIA5VD4.js → DropdownControl-ChX3Fkhd.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, toRef as i, createBlock as s, openBlock as d, unref as t } from "vue";
-import { u as r } from "./usePossibleValues-DXuWWBh_.js";
-import { L as p } from "./LoadingDropdown-CINkq_Sw.js";
+import { u as r } from "./usePossibleValues-DXZusnxu.js";
+import { L as p } from "./LoadingDropdown-CyKWt1IO.js";
 const V = /* @__PURE__ */ n({
   __name: "DropdownControl",
   props: {

package/dist/{HorizontalLayout-DCfhMNq4.js → HorizontalLayout-DZvUpTvS.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, createElementBlock as o, openBlock as a, Fragment as s, renderList as n, createBlock as u, unref as c } from "vue";
-import { x as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { x as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-OkFB9VHZ.js → InputField-BFt5Zzv5.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_625edfbe_lang-DR31vaIu.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-Om8J7hch.js → IntegerControl-BD7DJKmE.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-BOCR1qXG.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Bld73u64.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {

package/dist/{IntervalControl-B7UbyyD-.js → IntervalControl-BvpmygdW.js}

@@ -1,9 +1,9 @@
 import { createElementBlock as E, openBlock as m, renderSlot as Te, createCommentVNode as B, toDisplayString as O, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, withDirectives as $, createBlock as J, createVNode as _, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as _e, ref as T, watch as W, normalizeClass as he, withKeys as ye, vModelText as De, normalizeStyle as xe } from "vue";
-import { _ as H, v as Me, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { _ as H, v as Me, u as Pe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 import { o as $e, a as Re } from "./index-CpKfM262.js";
 import { u as Ae, a as we, s as be, f as Ne, o as Ve } from "./floating-ui.vue-CDo9Kas1.js";
-import { N as q } from "./NumberInput-BepS3tAK.js";
-import { V as z } from "./ValueSwitch-W4y1YvNM.js";
+import { N as q } from "./NumberInput-7lO4sZya.js";
+import { V as z } from "./ValueSwitch-DZ5vEThg.js";
 const Se = {
   name: "Tooltip",
   props: {

package/dist/LoadingDropdown-CyKWt1IO.js

@@ -0,0 +1,72 @@
+import { defineComponent as x, computed as s, createBlock as p, openBlock as t, unref as a, mergeProps as I, withCtx as d, createCommentVNode as u, createElementVNode as r, normalizeClass as k, createElementBlock as c, Fragment as m, createVNode as L, toDisplayString as y } from "vue";
+import { D as b } from "./index-DVwliH8a.js";
+import { D as N } from "./Dropdown-DYa_CZWd.js";
+import { L as w } from "./LoadingIcon-BqKwArbh.js";
+import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const T = /* @__PURE__ */ x({
+  __name: "LoadingDropdown",
+  props: {
+    possibleValues: {},
+    modelValue: {},
+    id: {},
+    ariaLabel: {},
+    disabled: { type: Boolean }
+  },
+  setup(V) {
+    const l = V, f = s(() => {
+      const { possibleValues: e } = l;
+      return e === null ? "Loading" : e.length > 0 ? "No value selected" : "No values present";
+    }), v = s(() => l.possibleValues === null ? "" : l.modelValue), g = s(
+      () => l.possibleValues?.some((e) => e.type !== void 0)
+    ), _ = s(
+      () => l.disabled || l.possibleValues === null || l.possibleValues.length === 0
+    ), i = s(() => l.possibleValues === null ? [] : g.value ? l.possibleValues.map((e) => ({
+      ...e,
+      slotData: {
+        text: e.text,
+        ...e.type && { typeId: e.type.id, typeText: e.type.text }
+      }
+    })) : l.possibleValues);
+    return (e, B) => (t(), p(a(N), I({ ...e.$props, ...e.$attrs }, {
+      "model-value": v.value,
+      disabled: _.value,
+      "possible-values": i.value ?? [],
+      placeholder: f.value,
+      compact: ""
+    }), {
+      option: d(({ slotData: o, selectedValue: h, isMissing: n } = {
+        slotData: {}
+      }) => [
+        r("div", {
+          class: k([
+            "data-type-entry",
+            { missing: n, "with-type": n || o.typeId }
+          ])
+        }, [
+          n ? (t(), c(m, { key: 0 }, [
+            L(a(b), { size: "small" }),
+            r("span", null, "(MISSING) " + y(h), 1)
+          ], 64)) : (t(), c(m, { key: 1 }, [
+            o.typeId ? (t(), p(a(b), {
+              key: 0,
+              "icon-name": o.typeId,
+              "icon-title": o.typeText,
+              size: "small"
+            }, null, 8, ["icon-name", "icon-title"])) : u("", !0),
+            r("span", null, y(o.text), 1)
+          ], 64))
+        ], 2)
+      ]),
+      "icon-right": d(() => [
+        i.value === null ? (t(), p(a(w), {
+          key: 0,
+          class: "loading-icon"
+        })) : u("", !0)
+      ]),
+      _: 1
+    }, 16, ["model-value", "disabled", "possible-values", "placeholder"]));
+  }
+}), P = /* @__PURE__ */ D(T, [["__scopeId", "data-v-64cf74e7"]]);
+export {
+  P as L
+};

package/dist/LoadingIcon-BqKwArbh.js

@@ -0,0 +1,18 @@
+import { h as r, defineComponent as c, createBlock as s, openBlock as i, unref as a } from "vue";
+import { R as d } from "./reload-DCdbNLa2.js";
+import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const p = (t, o) => ({
+  render() {
+    const e = t.render({}, []), n = r("title", o);
+    return n.ns = "svg", e.children.unshift(n), e;
+  }
+}), l = /* @__PURE__ */ c({
+  __name: "LoadingIcon",
+  setup(t) {
+    const o = p(d, "Loading…");
+    return (e, n) => (i(), s(a(o)));
+  }
+}), u = /* @__PURE__ */ _(l, [["__scopeId", "data-v-6b552b81"]]);
+export {
+  u as L
+};

package/dist/{ManualTwinlistControl-BLTfr2gT.js → ManualTwinlistControl-QbonJ1LT.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, toRef as d, computed as a, markRaw as I, createBlock as k, openBlock as F, unref as c, mergeProps as T } from "vue";
 import { m as _ } from "./index-Blg1O3Fz.js";
-import { u as L, a as U } from "./usePossibleValues-DXuWWBh_.js";
-import { T as z, a as M } from "./TwinlistLoadingInfo-C4Tta00d.js";
-import { u as x } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_37fe7036_lang-2fVBipAl.js";
-import { _ as B } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { u as L, a as U } from "./usePossibleValues-DXZusnxu.js";
+import { T as z, a as M } from "./TwinlistLoadingInfo-DbxgK_4I.js";
+import { u as x } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_2c8e8d82_lang-Cal28Ekk.js";
+import { _ as B } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const D = /* @__PURE__ */ C({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultiSelectListBoxControl-j1TaFtQj.js → MultiSelectListBoxControl-D6JvhoAd.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, toRef as n, createBlock as t, openBlock as d, unref as o } from "vue";
-import { u as r } from "./usePossibleValues-DXuWWBh_.js";
-import { M as u } from "./MultiselectListBox-CMTJnAWr.js";
+import { u as r } from "./usePossibleValues-DXZusnxu.js";
+import { M as u } from "./MultiselectListBox-DPzM2Ttt.js";
 const V = /* @__PURE__ */ s({
   __name: "MultiSelectListBoxControl",
   props: {