@knime/jsonforms 1.15.0 → 1.15.2

package/dist/{MultimodeTwinlistControl-BsFqHRFM.js → MultimodeTwinlistControl-2Rotlohs.js}

@@ -1,38 +1,39 @@
-import { createElementBlock as M, openBlock as h, createElementVNode as O, toRef as I, resolveComponent as m, normalizeClass as j, createBlock as w, createCommentVNode as V, createVNode as f, withCtx as v, mergeProps as _, defineComponent as N, ref as H, computed as u, markRaw as W, unref as L } from "vue";
-import { m as G } from "./index-Blg1O3Fz.js";
-import { u as J, a as K } from "./usePossibleValues-DXuWWBh_.js";
-import { a as Q, S as X, u as Y, T as Z } from "./TwinlistLoadingInfo-C4Tta00d.js";
-import { u as $ } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_37fe7036_lang-2fVBipAl.js";
-import { f as P } from "./useSearch-hpyYQ_6y.js";
-import { C as ee } from "./Checkboxes-DWOxHiUX.js";
-import { y as te, _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-import { V as ae } from "./ValueSwitch-W4y1YvNM.js";
-const le = {
+import { createElementBlock as z, openBlock as b, createElementVNode as g, toRef as L, resolveComponent as y, normalizeClass as D, createBlock as T, createCommentVNode as I, createVNode as h, withCtx as c, renderSlot as _, normalizeProps as U, guardReactiveProps as k, mergeProps as R, defineComponent as K, ref as Q, computed as m, markRaw as X, unref as w, createSlots as Y, toDisplayString as x } from "vue";
+import { D as F } from "./index-DVwliH8a.js";
+import { m as Z } from "./index-Blg1O3Fz.js";
+import { u as $, a as ee } from "./usePossibleValues-DXZusnxu.js";
+import { a as te, S as ae, u as le, T as ne } from "./TwinlistLoadingInfo-DbxgK_4I.js";
+import { u as se } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_2c8e8d82_lang-Cal28Ekk.js";
+import { f as B } from "./useSearch-hpyYQ_6y.js";
+import { C as ie } from "./Checkboxes-Dc2mE1E7.js";
+import { y as oe, _ as A } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { V as de } from "./ValueSwitch-DZ5vEThg.js";
+const re = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function ne(t, l) {
-  return h(), M("svg", le, l[0] || (l[0] = [
-    O("path", { d: "m13.31 27.81 5.11-3.19v-9.15L28.95 4.19H3.05l10.26 11.28z" }, null, -1)
+function ue(t, l) {
+  return b(), z("svg", re, l[0] || (l[0] = [
+    g("path", { d: "m13.31 27.81 5.11-3.19v-9.15L28.95 4.19H3.05l10.26 11.28z" }, null, -1)
   ]));
 }
-const se = { render: ne }, ie = {
+const ce = { render: ue }, pe = {
   manual: "Manual",
   wildcard: "Wildcard",
   regex: "Regex",
   type: "Type"
-}, oe = {
+}, me = {
   name: "MultiModeTwinlist",
   components: {
-    Label: te,
-    FilterIcon: se,
-    SearchInput: X,
-    Checkboxes: ee,
-    ValueSwitch: ae,
-    Twinlist: Q
+    Label: oe,
+    FilterIcon: ce,
+    SearchInput: ae,
+    Checkboxes: ie,
+    ValueSwitch: de,
+    Twinlist: te
   },
   props: {
     /**
@@ -161,8 +162,8 @@ const se = { render: ne }, ie = {
     "update:selected"
   ],
   setup(t) {
-    const { includedValues: l } = Y(
-      I(t, "manualSelection")
+    const { includedValues: l } = le(
+      L(t, "manualSelection")
     );
     return { manuallySelected: l };
   },
@@ -181,7 +182,7 @@ const se = { render: ne }, ie = {
         (n) => n && !l.includes(n.id)
       ), ...t].filter((n) => n && n.id !== "").filter(
         // remove duplicates
-        (n, s, b) => s === b.findIndex((d) => d.id === n.id && d.text === n.text)
+        (n, s, f) => s === f.findIndex((u) => u.id === n.id && u.text === n.text)
       );
     },
     matchingValueIds() {
@@ -197,13 +198,13 @@ const se = { render: ne }, ie = {
       return this.disabled || this.mode !== "manual";
     },
     normalizedSearchTerm() {
-      return this.mode === "manual" ? null : P[this.mode].normalize(
+      return this.mode === "manual" ? null : B[this.mode].normalize(
         this.mode === "type" ? this.selectedTypes : this.pattern,
         this.caseSensitivePattern
       );
     },
     possibleModes() {
-      let t = Object.entries(ie).map(([l, a]) => ({ id: l, text: a }));
+      let t = Object.entries(pe).map(([l, a]) => ({ id: l, text: a }));
       return this.withTypes || (t = t.filter((l) => l.id !== "type")), t;
     }
   },
@@ -211,7 +212,7 @@ const se = { render: ne }, ie = {
     selectedValues: {
       immediate: !0,
       handler(t, l) {
-        !l || t === null || (t.length !== l.length || l.some((a, o) => a !== t[o])) && this.$emit("update:selected", this.selectedValues);
+        !l || t === null || (t.length !== l.length || l.some((a, d) => a !== t[d])) && this.$emit("update:selected", this.selectedValues);
       }
     }
   },
@@ -241,7 +242,7 @@ const se = { render: ne }, ie = {
       return !!this.selectedValues?.length;
     },
     itemMatches(t) {
-      return P[this.mode].test(
+      return B[this.mode].test(
         this.mode === "type" ? t.type?.id : t.text,
         this.normalizedSearchTerm,
         this.caseSensitivePattern,
@@ -250,20 +251,20 @@ const se = { render: ne }, ie = {
     }
   }
 };
-function de(t, l, a, o, n, s) {
-  const b = m("ValueSwitch"), d = m("Label"), g = m("FilterIcon"), T = m("SearchInput"), S = m("Checkboxes"), y = m("Twinlist");
-  return h(), M("div", {
-    class: j(["multi-mode-twinlist", { disabled: a.disabled }])
+function he(t, l, a, d, n, s) {
+  const f = y("ValueSwitch"), u = y("Label"), S = y("FilterIcon"), V = y("SearchInput"), C = y("Checkboxes"), v = y("Twinlist");
+  return b(), z("div", {
+    class: D(["multi-mode-twinlist", { disabled: a.disabled }])
   }, [
-    a.showMode ? (h(), w(d, {
+    a.showMode ? (b(), T(u, {
       key: 0,
       active: a.withModeLabel,
       text: a.modeLabel,
       class: "label"
     }, {
-      default: v(({ labelForId: c }) => [
-        f(b, {
-          id: c,
+      default: c(({ labelForId: r }) => [
+        h(f, {
+          id: r,
           ref: "mode",
           compact: a.compact,
           "model-value": a.mode,
@@ -273,16 +274,16 @@ function de(t, l, a, o, n, s) {
         }, null, 8, ["id", "compact", "model-value", "disabled", "possible-values", "onUpdate:modelValue"])
       ]),
       _: 1
-    }, 8, ["active", "text"])) : V("", !0),
-    a.mode === "regex" || a.mode === "wildcard" ? (h(), w(d, {
+    }, 8, ["active", "text"])) : I("", !0),
+    a.mode === "regex" || a.mode === "wildcard" ? (b(), T(u, {
       key: 1,
       active: a.withPatternLabel,
       text: a.patternLabel,
       class: "label"
     }, {
-      default: v(({ labelForId: c }) => [
-        f(T, {
-          id: c,
+      default: c(({ labelForId: r }) => [
+        h(V, {
+          id: r,
           ref: "search",
           "model-value": a.pattern,
           label: a.patternLabel,
@@ -300,31 +301,36 @@ function de(t, l, a, o, n, s) {
           onToggleCaseSensitiveSearch: s.onToggleCaseSensitivePattern,
           onToggleInverseSearch: s.onToggleInversePattern
         }, {
-          icon: v(() => [
-            f(g)
+          icon: c(() => [
+            h(S)
           ]),
           _: 2
         }, 1032, ["id", "model-value", "label", "initial-case-sensitive-search", "initial-inverse-search", "disabled", "compact", "onUpdate:modelValue", "onToggleCaseSensitiveSearch", "onToggleInverseSearch"])
       ]),
       _: 1
-    }, 8, ["active", "text"])) : V("", !0),
-    a.mode === "type" && s.possibleTypes.length > 0 ? (h(), w(d, {
+    }, 8, ["active", "text"])) : I("", !0),
+    a.mode === "type" && s.possibleTypes.length > 0 ? (b(), T(u, {
       key: 2,
       active: a.withTypesLabel,
       text: a.typesLabel,
       class: "label"
     }, {
-      default: v(() => [
-        f(S, {
+      default: c(() => [
+        h(C, {
           "model-value": a.selectedTypes,
           "possible-values": s.possibleTypes,
           disabled: a.disabled,
           "onUpdate:modelValue": s.onTypeInput
-        }, null, 8, ["model-value", "possible-values", "disabled", "onUpdate:modelValue"])
+        }, {
+          label: c((r) => [
+            _(t.$slots, "type", U(k(r)), void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["model-value", "possible-values", "disabled", "onUpdate:modelValue"])
       ]),
-      _: 1
-    }, 8, ["active", "text"])) : V("", !0),
-    f(y, _(t.$attrs, {
+      _: 3
+    }, 8, ["active", "text"])) : I("", !0),
+    h(v, R(t.$attrs, {
       ref: "twinlist",
       disabled: s.selectionDisabled,
       "show-search": a.mode === "manual" && a.showSearch,
@@ -332,10 +338,15 @@ function de(t, l, a, o, n, s) {
       "possible-values": a.possibleValues,
       compact: a.compact,
       "onUpdate:modelValue": s.onManualInput
-    }), null, 16, ["disabled", "show-search", "model-value", "possible-values", "compact", "onUpdate:modelValue"])
+    }), {
+      option: c((r) => [
+        _(t.$slots, "option", U(k(r)), void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["disabled", "show-search", "model-value", "possible-values", "compact", "onUpdate:modelValue"])
   ], 2);
 }
-const re = /* @__PURE__ */ U(oe, [["render", de], ["__scopeId", "data-v-09b6454f"]]), ue = /* @__PURE__ */ N({
+const ye = /* @__PURE__ */ A(me, [["render", he], ["__scopeId", "data-v-b53c11fe"]]), be = { class: "data-type-text" }, fe = /* @__PURE__ */ K({
   __name: "MultimodeTwinlistControl",
   props: {
     control: {},
@@ -354,106 +365,135 @@ const re = /* @__PURE__ */ U(oe, [["render", de], ["__scopeId", "data-v-09b6454f
     const l = t;
     let a = () => {
     };
-    const o = (e) => {
-      const i = G(l.control.data, e);
-      l.changeValue(i), a?.(i.manualFilter);
+    const d = (e) => {
+      const o = Z(l.control.data, e);
+      l.changeValue(o), a?.(o.manualFilter);
     }, n = (e) => {
-      o({ selected: e });
+      d({ selected: e });
     }, s = (e) => {
       if (e !== null)
         if ("includedValues" in e) {
-          const { includedValues: i, excludedValues: p, includeUnknownValues: r } = e;
-          if (!i || !p)
+          const { includedValues: o, excludedValues: i, includeUnknownValues: p } = e;
+          if (!o || !i)
             return;
-          o({
+          d({
             manualFilter: {
-              manuallySelected: i,
-              manuallyDeselected: p,
-              includeUnknownColumns: r
+              manuallySelected: o,
+              manuallyDeselected: i,
+              includeUnknownColumns: p
             }
           });
         } else
-          o({ manualFilter: { manuallySelected: e } });
-    }, b = (e) => {
-      o({ patternFilter: { pattern: e } });
-    }, d = (e) => {
-      o({ mode: e.toUpperCase() });
-    }, g = (e, i) => {
-      o({ typeFilter: { selectedTypes: e, typeDisplays: i } });
-    }, T = (e) => {
-      o({ patternFilter: { isInverted: e } });
-    }, S = (e) => {
-      o({ patternFilter: { isCaseSensitive: e } });
-    }, { possibleValues: y } = J(
-      I(l, "control")
-    ), c = H([]), { selectedAndDeselected: C, setCurrentManualFilter: F } = $({
-      data: u(() => l.control.data),
-      possibleValueIds: u(
-        () => y.value?.map(({ id: e }) => e) ?? null
+          d({ manualFilter: { manuallySelected: e } });
+    }, f = (e) => {
+      d({ patternFilter: { pattern: e } });
+    }, u = (e) => {
+      d({ mode: e.toUpperCase() });
+    }, S = (e, o) => {
+      d({ typeFilter: { selectedTypes: e, typeDisplays: o } });
+    }, V = (e) => {
+      d({ patternFilter: { isInverted: e } });
+    }, C = (e) => {
+      d({ patternFilter: { isCaseSensitive: e } });
+    }, { possibleValues: v } = $(
+      L(l, "control")
+    ), r = Q([]), { selectedAndDeselected: M, setCurrentManualFilter: q } = se({
+      data: m(() => l.control.data),
+      possibleValueIds: m(
+        () => v.value?.map(({ id: e }) => e) ?? null
       )
     });
-    a = F;
-    const k = u(() => {
-      const { selected: e, deselected: i } = C.value;
+    a = q;
+    const E = m(() => {
+      const { selected: e, deselected: o } = M.value;
       return l.showUnknownValues ? {
         includedValues: e,
-        excludedValues: i,
+        excludedValues: o,
         includeUnknownValues: l.control.data.manualFilter.includeUnknownColumns
       } : e;
-    }), B = u(
-      () => C.value.selected === null ? W(Z) : null
-    ), x = (e) => typeof e > "u" ? {} : e.reduce(
-      (i, { id: p, text: r }) => ({ ...i, [p]: r }),
+    }), O = m(
+      () => M.value.selected === null ? X(ne) : null
+    ), j = (e) => typeof e > "u" ? {} : e.reduce(
+      (o, { id: i, text: p }) => ({ ...o, [i]: p }),
       {}
-    ), z = () => {
+    ), N = () => {
       const e = l.control.data.typeFilter;
       if (!e)
         return [];
-      const i = e.selectedTypes, p = x(
+      const o = e.selectedTypes, i = j(
         e.typeDisplays
       );
-      return i.map((r) => ({
-        id: r,
-        text: p[r] || r
+      return o.map((p) => ({
+        id: p,
+        text: i[p] || p
       }));
     };
-    c.value = z();
-    const D = u(
-      () => !!y.value?.[0]?.hasOwnProperty("type")
-    ), { excludedLabel: R, includedLabel: A } = K(
-      I(l, "control")
-    ), q = u(() => R ?? l.twinlistLeftLabel), E = u(() => A ?? l.twinlistRightLabel);
-    return (e, i) => (h(), w(L(re), _(e.$attrs, {
+    r.value = N();
+    const P = m(
+      () => !!v.value?.[0]?.hasOwnProperty("type")
+    ), { excludedLabel: H, includedLabel: W } = ee(
+      L(l, "control")
+    ), G = m(() => H ?? l.twinlistLeftLabel), J = m(() => W ?? l.twinlistRightLabel);
+    return (e, o) => (b(), T(w(ye), R(e.$attrs, {
       id: e.labelForId,
       disabled: e.disabled,
-      "with-types": D.value,
+      "with-types": P.value,
       "selected-types": e.control.data.typeFilter?.selectedTypes,
-      "additional-possible-types": c.value,
+      "additional-possible-types": r.value,
       pattern: e.control.data.patternFilter.pattern,
       mode: e.control.data.mode.toLowerCase(),
       "case-sensitive-pattern": e.control.data.patternFilter.isCaseSensitive,
-      "empty-state-component": B.value,
+      "empty-state-component": O.value,
       "inverse-pattern": e.control.data.patternFilter.isInverted,
-      "manual-selection": k.value,
+      "manual-selection": E.value,
       "include-unknown-values": e.control.data.manualFilter.includeUnknownColumns,
       "mode-label": "Selection mode",
-      "possible-values": L(y) ?? [],
+      "possible-values": w(v) ?? [],
       size: e.twinlistSize,
-      "left-label": q.value,
-      "right-label": E.value,
+      "left-label": G.value,
+      "right-label": J.value,
       "is-valid": e.isValid,
       compact: "",
       "show-resize-handle": "",
       "onUpdate:selected": n,
       "onUpdate:manualSelection": s,
-      "onUpdate:pattern": b,
-      "onUpdate:mode": d,
-      "onUpdate:selectedTypes": g,
-      "onUpdate:inversePattern": T,
-      "onUpdate:caseSensitivePattern": S
-    }), null, 16, ["id", "disabled", "with-types", "selected-types", "additional-possible-types", "pattern", "mode", "case-sensitive-pattern", "empty-state-component", "inverse-pattern", "manual-selection", "include-unknown-values", "possible-values", "size", "left-label", "right-label", "is-valid"]));
+      "onUpdate:pattern": f,
+      "onUpdate:mode": u,
+      "onUpdate:selectedTypes": S,
+      "onUpdate:inversePattern": V,
+      "onUpdate:caseSensitivePattern": C
+    }), Y({ _: 2 }, [
+      P.value ? {
+        name: "option",
+        fn: c(({ slotItem: i }) => [
+          g("div", {
+            class: D(["data-type-entry", { invalid: i.invalid }])
+          }, [
+            h(w(F), {
+              "icon-name": i?.type?.id,
+              "icon-title": i?.type?.text,
+              size: "small"
+            }, null, 8, ["icon-name", "icon-title"]),
+            g("span", null, x(i.text), 1)
+          ], 2)
+        ]),
+        key: "0"
+      } : void 0,
+      P.value ? {
+        name: "type",
+        fn: c(({ slotItem: i }) => [
+          h(w(F), {
+            "icon-name": i.id,
+            "icon-title": i.text,
+            size: "small"
+          }, null, 8, ["icon-name", "icon-title"]),
+          g("span", be, x(i.text), 1)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["id", "disabled", "with-types", "selected-types", "additional-possible-types", "pattern", "mode", "case-sensitive-pattern", "empty-state-component", "inverse-pattern", "manual-selection", "include-unknown-values", "possible-values", "size", "left-label", "right-label", "is-valid"]));
   }
-}), ge = /* @__PURE__ */ U(ue, [["__scopeId", "data-v-37fe7036"]]);
+}), Me = /* @__PURE__ */ A(fe, [["__scopeId", "data-v-2c8e8d82"]]);
 export {
-  ge as default
+  Me as default
 };

package/dist/{MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_37fe7036_lang-2fVBipAl.js → MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_2c8e8d82_lang-Cal28Ekk.js}

@@ -1,6 +1,7 @@
 import { ref as v, watch as m } from "vue";
 import { g as S, a as g } from "./index-Blg1O3Fz.js";
-import "./TwinlistLoadingInfo-C4Tta00d.js";
+/* empty css               */
+import "./TwinlistLoadingInfo-DbxgK_4I.js";
 const w = ({
   knownValuesSide: s,
   possibleValueIds: l,
@@ -14,7 +15,7 @@ const w = ({
     ...u(s.previous),
     ...g(l, t)
   ]);
-}, F = ({
+}, j = ({
   data: s,
   possibleValueIds: l
 }) => {
@@ -27,13 +28,13 @@ const w = ({
     if (!t.value || !l.value)
       return;
     let e, o;
-    const { manuallyDeselected: f, manuallySelected: p, includeUnknownColumns: r } = t.value, i = {
-      previous: f,
+    const { manuallyDeselected: p, manuallySelected: f, includeUnknownColumns: r } = t.value, i = {
+      previous: p,
       setNext: (c) => {
         e = c;
       }
     }, d = {
-      previous: p,
+      previous: f,
       setNext: (c) => {
         o = c;
       }
@@ -61,5 +62,5 @@ const w = ({
   }), { selectedAndDeselected: n, setCurrentManualFilter: a };
 };
 export {
-  F as u
+  j as u
 };

package/dist/{MultiselectListBox-CMTJnAWr.js → MultiselectListBox-DPzM2Ttt.js}

@@ -1,8 +1,8 @@
-import { toRef as x, watch as S, resolveComponent as y, createElementBlock as u, openBlock as h, normalizeStyle as p, normalizeClass as I, createElementVNode as m, createCommentVNode as g, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as b, resolveDynamicComponent as D, toDisplayString as H, createVNode as B } from "vue";
-import { u as K } from "./index-CpKfM262.js";
-import { S as N } from "./StyledListItem-D-HJWfo5.js";
-import { B as A, _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
-const T = (e, t) => {
+import { toRef as x, watch as S, resolveComponent as y, createElementBlock as u, openBlock as h, normalizeStyle as p, normalizeClass as I, createElementVNode as m, createCommentVNode as g, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as v, guardReactiveProps as w, Fragment as V, renderList as k, createBlock as b, withCtx as D, renderSlot as H, resolveDynamicComponent as B, toDisplayString as K, createVNode as N } from "vue";
+import { u as A } from "./index-CpKfM262.js";
+import { S as L } from "./StyledListItem-xeXwpQpT.js";
+import { B as T, _ as O } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const z = (e, t) => {
   let i, r = 0;
   return (...l) => {
     const [s, o] = l;
@@ -12,14 +12,14 @@ const T = (e, t) => {
       r = n, e(s, o);
     }, t);
   };
-}, O = 250, z = {
+}, M = 250, P = {
   name: "MultiselectListBox",
-  components: { StyledListItem: N },
+  components: { StyledListItem: L },
   props: {
     id: {
       type: String,
       default() {
-        return `MultiselectListBox-${A()}`;
+        return `MultiselectListBox-${T()}`;
       }
     },
     modelValue: {
@@ -122,7 +122,7 @@ const T = (e, t) => {
     "keyArrowRight"
   ],
   setup(e) {
-    const { containerProps: i, wrapperProps: r, list: l, scrollTo: s } = K(
+    const { containerProps: i, wrapperProps: r, list: l, scrollTo: s } = A(
       x(e, "possibleValues"),
       {
         itemHeight: 22
@@ -206,9 +206,9 @@ const T = (e, t) => {
   },
   methods: {
     createDebouncedHandleCtrlClick() {
-      this.debouncedHandleCtrlClick = T((e, t) => {
+      this.debouncedHandleCtrlClick = z((e, t) => {
         this.handleCtrlClick(e, t);
-      }, O);
+      }, M);
     },
     // Define debouncedHandleCtrlClick as a method
     debouncedHandleCtrlClick(e, t) {
@@ -431,20 +431,20 @@ const T = (e, t) => {
       this.resizeHeight = this.computeBoxHeight(Math.round(e));
     }
   }
-}, M = { class: "box" }, P = ["id", "aria-label", "aria-activedescendant"], E = {
+}, E = { class: "box" }, R = ["id", "aria-label", "aria-activedescendant"], U = {
   key: 0,
   class: "empty-state"
-}, R = { key: 1 }, U = {
+}, F = { key: 1 }, W = {
   key: 1,
   role: "bottom-box"
 };
-function F(e, t, i, r, l, s) {
+function j(e, t, i, r, l, s) {
   const o = y("StyledListItem");
   return h(), u("div", {
     class: I(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
     style: p(s.cssStyleSize)
   }, [
-    m("div", M, [
+    m("div", E, [
       m("ul", C(r.containerProps, {
         id: i.id,
         role: "listbox",
@@ -480,14 +480,19 @@ function F(e, t, i, r, l, s) {
             onClick: (f) => s.handleClick(f, n.id, c),
             onDblclickShift: t[0] || (t[0] = (f) => s.handleShiftDblClick()),
             onDblclickExact: (f) => s.handleDblClick(n.id, c)
-          }, null, 8, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
+          }, {
+            default: D(() => [
+              H(e.$slots, "option", { slotItem: n }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
         ], 16)
-      ], 16, P),
-      s.showEmptyState ? (h(), u("div", E, [
-        i.emptyStateComponent ? (h(), b(D(i.emptyStateComponent), { key: 0 })) : (h(), u("span", R, H(i.emptyStateLabel), 1))
+      ], 16, R),
+      s.showEmptyState ? (h(), u("div", U, [
+        i.emptyStateComponent ? (h(), b(B(i.emptyStateComponent), { key: 0 })) : (h(), u("span", F, K(i.emptyStateLabel), 1))
       ])) : g("", !0),
-      i.withBottomValue ? (h(), u("div", U, [
-        B(o, {
+      i.withBottomValue ? (h(), u("div", W, [
+        N(o, {
           id: s.generateOptionId(i.bottomValue),
           special: "",
           text: i.bottomValue.text,
@@ -504,7 +509,7 @@ function F(e, t, i, r, l, s) {
     ])
   ], 6);
 }
-const _ = /* @__PURE__ */ L(z, [["render", F], ["__scopeId", "data-v-ef7d54c4"]]);
+const J = /* @__PURE__ */ O(P, [["render", j], ["__scopeId", "data-v-c71cc5c6"]]);
 export {
-  _ as M
+  J as M
 };

package/dist/{NameFilter-d5k6rDVY.js → NameFilter-CU8FByJ_.js}

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

package/dist/{NumberControl-Kc3hvVef.js → NumberControl-BdT6fi25.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: "NumberControl",
   props: {

package/dist/{NumberControlBase.vue_vue_type_script_setup_true_lang-BOCR1qXG.js → NumberControlBase.vue_vue_type_script_setup_true_lang-Bld73u64.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as m, createBlock as v, openBlock as V, unref as E } from "vue";
-import { u as f } from "./useBuiltinValidations-Boxrm71q.js";
-import { N as y } from "./NumberInput-BepS3tAK.js";
+import { u as f } from "./useBuiltinValidations-rwOsR_Sq.js";
+import { N as y } from "./NumberInput-7lO4sZya.js";
 const b = 1, g = 0.1, B = /* @__PURE__ */ p({
   __name: "NumberControlBase",
   props: {

package/dist/{NumberInput-BepS3tAK.js → NumberInput-7lO4sZya.js}

@@ -1,7 +1,7 @@
 import { A as p } from "./arrow-dropdown-BAFsD8Su.js";
 /* empty css                   */
 import { resolveComponent as h, createElementBlock as o, openBlock as d, normalizeClass as l, createElementVNode as n, createCommentVNode as f, withModifiers as r, createVNode as m } from "vue";
-import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
 const c = 200, g = 50, v = 0.1, E = 1, I = {
   name: "NumberInput",
   components: {

package/dist/{OneOfDropdown-CLwVXrbC.js → OneOfDropdown-DB1aVf_c.js}

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

package/dist/{RadioControl-DpziR8nA.js → RadioControl-CuVOGSxA.js}

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