@knime/jsonforms 1.12.0 → 1.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/json-forms
 
+## 1.12.1
+
+### Patch Changes
+
+- c962c75: Add utility for fixing layout metacomponents
+
 ## 1.12.0
 
 ### Minor Changes

package/dist/{AnyOfTwinlist-Bm92BxCq.js → AnyOfTwinlist-C2hopPFE.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-DvXv0Vo6.js";
+import { T as i } from "./TwinlistControlBase-Dm8KSJE0.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-BU4AHIik.js → Button-a3DyR88M.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 d } from "vue";
-import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{CheckboxControl-BfHrx05I.js → CheckboxControl-DoQCgnTf.js}

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

package/dist/{Checkboxes-BgwoEGV-.js → Checkboxes-DNbu05C7.js}

@@ -1,4 +1,4 @@
-import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.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, createTextVNode as V, toDisplayString as y } from "vue";
 const _ = {
   name: "Checkboxes",

package/dist/{CheckboxesControl-DeDkOQTP.js → CheckboxesControl-DgwL4BAl.js}

@@ -1,8 +1,8 @@
 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-NHPCKPdi.js";
-import { C as V } from "./Checkboxes-BgwoEGV-.js";
-import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { u as v } from "./usePossibleValues-BB4he0jT.js";
+import { C as V } from "./Checkboxes-DNbu05C7.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 const C = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-CS3HULei.js → ComboBoxControl-DSSfSqIC.js}

@@ -1,12 +1,12 @@
 import { resolveComponent as h, openBlock as d, createElementBlock as f, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as m, toDisplayString as v, createVNode as c, withDirectives as I, normalizeStyle as N, Fragment as A, renderList as k, createBlock as S, withCtx as O, createTextVNode as R, vShow as D, defineComponent as P, vModelText as $, toRef as x, computed as B, unref as F } from "vue";
-import { u as z } from "./usePossibleValues-NHPCKPdi.js";
+import { u as z } from "./usePossibleValues-BB4he0jT.js";
 import { C as U } from "./close-BuY4mhXV.js";
-import { _ as C, C as L, q as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { _ as C, C as L, r as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 /* empty css                   */
 import { u as K } from "./index-Bf0xDq3g.js";
 import { A as j } from "./arrow-dropdown-DdgjzLAO.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
-const y = 1, q = 28.5, G = 8, X = {
+const y = 1, G = 28.5, X = 8, q = {
   name: "Multiselect",
   components: {
     Checkbox: L,
@@ -149,7 +149,7 @@ const y = 1, q = 28.5, G = 8, X = {
     },
     optionsHeight() {
       return this.useSpecificOptionsHeight ? {
-        "max-height": `${this.sizeVisibleOptions * q + G}px`
+        "max-height": `${this.sizeVisibleOptions * G + X}px`
       } : {};
     },
     refocusElementOnClose() {
@@ -294,7 +294,7 @@ function Y(e, t, o, n, b, s) {
     ])
   ], 34);
 }
-const Z = /* @__PURE__ */ C(X, [["render", Y], ["__scopeId", "data-v-9da35036"]]), g = "draft-id-combobox-preview-item", _ = P({
+const Z = /* @__PURE__ */ C(q, [["render", Y], ["__scopeId", "data-v-9da35036"]]), g = "draft-id-combobox-preview-item", _ = P({
   name: "ComboBox",
   components: {
     Multiselect: Z,

package/dist/{DateControl-DeuREfXO.js → DateControl-DArS42tY.js}

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

package/dist/{DateTimeControl-Bv15fo80.js → DateTimeControl-BuZ5D5EW.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, computed as a, openBlock as f, createBlock as w, unref as V } from "vue";
-import { D as T } from "./DateTimeInput-BPaZ_pEv.js";
-import { t as i, f as b } from "./localTimeUtils-DrKyGLv2.js";
+import { D as T } from "./DateTimeInput-B30lQ3sx.js";
+import { t as i, f as b } from "./localTimeUtils-4g4u5t7X.js";
 const y = /* @__PURE__ */ h({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-CTOVceJH.js → DateTimeFormatInput-BJepKEOT.js}

@@ -2,9 +2,9 @@ import { openBlock as p, createElementBlock as y, createElementVNode as v, defin
 import { o as se } from "./index-Bf0xDq3g.js";
 import { u as ne, o as ie, s as re, f as de, a as ce } from "./floating-ui.vue-B-MrqKCT.js";
 import { u as me, F as ue } from "./useDropdownNavigation-7o7SRJSo.js";
-import { L as pe } from "./svgWithTitle-C1XM8U1L.js";
-import { V as $ } from "./ValueSwitch-B-yL0b_A.js";
-import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { L as pe } from "./svgWithTitle-DGBkWQrO.js";
+import { V as $ } from "./ValueSwitch-Ba0d4Jda.js";
+import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 const ve = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{DateTimeFormatPickerControl-5fPMIUZs.js → DateTimeFormatPickerControl-YAKOrguY.js}

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

package/dist/{DateTimeFormatPickerWithTypeControl-yyIHxX6-.js → DateTimeFormatPickerWithTypeControl-CM2eu1Bq.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, computed as t, openBlock as T, createElementBlock 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-DHWwwUrR.js";
-import { V as h } from "./ValueSwitch-B-yL0b_A.js";
-import { D as y } from "./DateTimeFormatInput-CTOVceJH.js";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
+import { V as h } from "./ValueSwitch-Ba0d4Jda.js";
+import { D as y } from "./DateTimeFormatInput-BJepKEOT.js";
 const D = ["id"], _ = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{DateTimeInput-BPaZ_pEv.js → DateTimeInput-B30lQ3sx.js}

@@ -1,13 +1,13 @@
 import { resolveComponent as je, openBlock as C, createElementBlock as E, normalizeClass as te, createElementVNode as j, createCommentVNode as ee, withModifiers as Nt, createVNode as z, reactive as Ia, computed as _, defineComponent as Oe, ref as we, watch as Ae, onMounted as rn, onUnmounted as Sa, toRefs as Iu, inject as wr, watchEffect as Ls, provide as br, nextTick as dr, unref as M, createBlock as Pe, resolveDynamicComponent as Ea, normalizeProps as hr, mergeProps as Mt, renderSlot as Dr, withCtx as Te, toDisplayString as Le, Fragment as Ce, renderList as Ge, normalizeStyle as mr, withKeys as Lr, withDirectives as Hs, toRef as Nr, guardReactiveProps as Un, createTextVNode as Na, isRef as ir, Transition as Rs, resolveDirective as Su, toHandlers as js } from "vue";
 import { c as Eu } from "./popper-CRR--9mA.js";
-import { _ as Vs, J as nn, K as Nu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
-import { D as Au } from "./Dropdown-D6ytFIra.js";
+import { _ as Vs, K as nn, M as Nu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
+import { D as Au } from "./Dropdown-Cp5fC5vt.js";
 import { A as Wu } from "./arrow-dropdown-DdgjzLAO.js";
 /* empty css                   */
-import { a as Uu } from "./toString-DfO6VEzj.js";
-import { b as Fu } from "./_baseIteratee-CHW73TMN.js";
-import { b as Lu } from "./_baseEach-B-g2g11B.js";
-import { c as Hu } from "./_getTag-BWiFGABh.js";
+import { a as Uu } from "./toString-ByDUn5bZ.js";
+import { b as Fu } from "./_baseIteratee-CcwzbMbu.js";
+import { b as Lu } from "./_baseEach-kS6aH7yJ.js";
+import { c as Hu } from "./_getTag-DpK8q53u.js";
 import { i as Ru } from "./isArray-WzO_os3q.js";
 function it(e) {
   "@babel/helpers - typeof";

package/dist/{Dropdown-D6ytFIra.js → Dropdown-Cp5fC5vt.js}

@@ -1,11 +1,11 @@
-import { defineComponent as Y, ref as w, h as j, watch as O, computed as P, useId as G, toRefs as z, nextTick as U, resolveComponent as v, openBlock as d, createBlock as D, withCtx as S, createElementVNode as g, normalizeClass as x, normalizeStyle as q, createElementBlock as p, withModifiers as b, renderSlot as k, toDisplayString as I, createCommentVNode as E, withKeys as X, createVNode as B, withDirectives as Q, Fragment as C, renderList as M, createTextVNode as J, vShow as Z } from "vue";
+import { defineComponent as Y, ref as w, h as j, watch as O, computed as P, useId as G, toRefs as z, nextTick as U, resolveComponent as v, openBlock as d, createBlock as D, withCtx as S, createElementVNode as g, normalizeClass as x, normalizeStyle as X, createElementBlock as p, withModifiers as b, renderSlot as k, toDisplayString as I, createCommentVNode as E, withKeys as q, createVNode as B, withDirectives as Q, Fragment as C, renderList as M, createTextVNode as J, vShow as Z } from "vue";
 import { o as $, t as ee, c as V, d as K, i as A, n as te, e as se, f as ne } from "./index-Bf0xDq3g.js";
 import { A as ie } from "./arrow-dropdown-DdgjzLAO.js";
 import { C as oe } from "./close-BuY4mhXV.js";
 /* empty css                   */
 import { u as re } from "./useSearch-hpyYQ_6y.js";
-import { q as le, _ as ae } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
-import { c as de, a as ue, b as ce, i as he, e as pe, h as fe, d as me } from "./_getTag-BWiFGABh.js";
+import { r as le, _ as ae } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
+import { c as de, a as ue, b as ce, i as he, e as pe, h as fe, d as me } from "./_getTag-DpK8q53u.js";
 import { i as ge } from "./isArray-WzO_os3q.js";
 import { i as ye } from "./hotkeys-kwHHtFKz.js";
 var xe = "[object Map]", Ve = "[object Set]", we = Object.prototype, ve = we.hasOwnProperty;
@@ -474,7 +474,7 @@ function Ye(e, t, s, o, i, n) {
               missing: n.isMissing && !i.isExpanded,
               "has-option-template": n.hasOptionTemplate && !i.isExpanded
             }),
-            style: q({
+            style: X({
               ...i.isExpanded && n.hasOptionTemplate && {
                 height: `calc(${i.slotContainerHeight}px + 0 * var(--form-border-width))`,
                 boxSizing: "content-box"
@@ -519,7 +519,7 @@ function Ye(e, t, s, o, i, n) {
                 tabindex: "0",
                 class: "button",
                 compact: s.compact,
-                onKeydown: t[2] || (t[2] = X(b(() => {
+                onKeydown: t[2] || (t[2] = q(b(() => {
                 }, ["stop"]), ["enter"])),
                 onClick: b(n.handleResetInput, ["stop"])
               }, {

package/dist/{DropdownControl-Bl9djFfv.js → DropdownControl-DXtUnm7l.js}

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

package/dist/{HorizontalLayout-BmgysFCG.js → HorizontalLayout-BTxnoo0O.js}

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

package/dist/{InputField-D-drv5NW.js → InputField-B2bBpIrm.js}

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

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

package/dist/{IntervalControl-DBlPYbLt.js → IntervalControl-Dhz8aY9W.js}

@@ -1,9 +1,9 @@
-import { openBlock as m, createElementBlock as E, renderSlot as he, toDisplayString as O, createCommentVNode as B, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, createBlock as J, withDirectives as $, createVNode as h, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as ge, ref as _, watch as q, normalizeClass as De, withKeys as ye, vModelText as xe, normalizeStyle as Me } from "vue";
-import { _ as H, q as Pe, u as $e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { openBlock as m, createElementBlock as E, renderSlot as he, toDisplayString as O, createCommentVNode as B, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, createBlock as J, withDirectives as $, createVNode as h, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as ge, ref as _, watch as W, normalizeClass as De, withKeys as ye, vModelText as xe, normalizeStyle as Me } from "vue";
+import { _ as H, r as Pe, u as $e } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 import { o as Re, a as Ae } from "./index-Bf0xDq3g.js";
 import { u as we, s as be, f as Ne, o as Ve, a as Se } from "./floating-ui.vue-B-MrqKCT.js";
-import { N as W } from "./NumberInput-dE-KEe9u.js";
-import { V as z } from "./ValueSwitch-B-yL0b_A.js";
+import { N as q } from "./NumberInput-DfYpYs35.js";
+import { V as z } from "./ValueSwitch-Ba0d4Jda.js";
 const Ce = {
   name: "Tooltip",
   props: {
@@ -149,19 +149,19 @@ const Be = /* @__PURE__ */ H(Ce, [["render", ke], ["__scopeId", "data-v-05123edc
 }, S = (e, t) => {
   const a = ve(e, t), n = ce(e, t);
   return a.valid ? a : n.valid ? n : { valid: !1 };
-}, qe = {
+}, We = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function We(e, t) {
-  return m(), E("svg", qe, t[0] || (t[0] = [
+function qe(e, t) {
+  return m(), E("svg", We, t[0] || (t[0] = [
     v("path", { d: "m19.7 17-4.6-2.6V8.7m6.3 15.6h8.7m-3.2-3.2 3.2 3.2-3.2 3.2m-18-5.4c-2.2-1.8-3.6-4.6-3.6-7.7 0-5.5 4.4-9.9 9.9-9.9S25 8.9 25 14.4s-4.4 9.9-9.9 9.9H1.9" }, null, -1)
   ]));
 }
-const ze = { render: We }, Y = [
+const ze = { render: qe }, Y = [
   "years",
   "months",
   "weeks",
@@ -272,7 +272,7 @@ const ze = { render: We }, Y = [
           class: "labeled-date-time-input"
         }, [
           v("span", je, O(c(C)(r)), 1),
-          h(W, {
+          h(q, {
             modelValue: i.value.periodPart[r],
             "onUpdate:modelValue": (I) => i.value.periodPart[r] = I,
             min: c(g)[r].min,
@@ -288,7 +288,7 @@ const ze = { render: We }, Y = [
           class: "labeled-date-time-input"
         }, [
           v("span", Je, O(c(C)(r)), 1),
-          h(W, {
+          h(q, {
             "model-value": i.value.durationPart[r],
             min: c(g)[r].min,
             max: c(g)[r].max,
@@ -425,7 +425,7 @@ const ze = { render: We }, Y = [
     }, fe = (s) => {
       s !== "DATE_OR_TIME" && me(s);
     }, M = _(!1);
-    q(() => t.format, fe), q(a, pe);
+    W(() => t.format, fe), W(a, pe);
     const U = (s) => {
       x(s);
     }, A = (s, o) => {

package/dist/{LoadingDropdown-xAK7TsDc.js → LoadingDropdown-DFLGXxJe.js}

@@ -1,7 +1,7 @@
 import { defineComponent as d, computed as l, openBlock as s, createBlock as a, unref as n, mergeProps as u, withCtx as c, createCommentVNode as m } from "vue";
-import { D as b } from "./Dropdown-D6ytFIra.js";
-import { L as V } from "./svgWithTitle-C1XM8U1L.js";
-import { _ as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { D as b } from "./Dropdown-Cp5fC5vt.js";
+import { L as V } from "./svgWithTitle-DGBkWQrO.js";
+import { _ as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
 const v = /* @__PURE__ */ d({
   __name: "LoadingDropdown",
   props: {

package/dist/ManualTwinlistControl-C1Bk354m.js

@@ -0,0 +1,85 @@
+import { defineComponent as I, toRef as d, computed as a, markRaw as k, openBlock as C, createBlock as T, unref as c, mergeProps as _ } from "vue";
+import { m as F } from "./index-Blg1O3Fz.js";
+import { u as L, a as U } from "./usePossibleValues-BB4he0jT.js";
+import { T as z, a as x } from "./TwinlistLoadingInfo-Dcbz2hUN.js";
+import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_ca157254_lang-DjGJNwBV.js";
+import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-Dq3HWX2w.js";
+const M = /* @__PURE__ */ I({
+  __name: "ManualTwinlistControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(r) {
+    const n = r;
+    let o;
+    const s = (e) => {
+      const l = F(n.control.data, e);
+      n.changeValue(l), o == null || o(l);
+    }, p = (e) => {
+      if (e !== null)
+        if ("includedValues" in e) {
+          const { includedValues: l, excludedValues: u, includeUnknownValues: y } = e;
+          if (!l || !u)
+            return;
+          s({
+            manuallySelected: l,
+            manuallyDeselected: u,
+            includeUnknownColumns: y
+          });
+        } else
+          s({ manuallySelected: e });
+    }, { possibleValues: t } = L(
+      d(n, "control")
+    ), { selectedAndDeselected: i, setCurrentManualFilter: m } = B({
+      data: a(() => ({ manualFilter: n.control.data })),
+      possibleValueIds: a(
+        () => {
+          var e;
+          return ((e = t.value) == null ? void 0 : e.map(({ id: l }) => l)) ?? null;
+        }
+      )
+    });
+    o = m;
+    const b = a(() => {
+      const { selected: e, deselected: l } = i.value;
+      return {
+        includedValues: e,
+        excludedValues: l,
+        includeUnknownValues: n.control.data.includeUnknownColumns
+      };
+    }), f = a(
+      () => i.value.selected === null ? k(z) : null
+    ), { excludedLabel: w, includedLabel: V } = U(
+      d(n, "control")
+    ), v = a(() => w ?? "Excludes"), h = a(() => V ?? "Includes"), g = a(
+      () => {
+        var e;
+        return (e = n.control.uischema.options) == null ? void 0 : e.twinlistSize;
+      }
+    );
+    return (e, l) => (C(), T(c(x), _(e.$attrs, {
+      id: e.labelForId,
+      "show-search": "",
+      disabled: e.disabled,
+      "empty-state-component": f.value,
+      "model-value": b.value,
+      "possible-values": c(t) ?? [],
+      size: g.value,
+      "left-label": v.value,
+      "right-label": h.value,
+      "is-valid": e.isValid,
+      compact: "",
+      "show-resize-handle": "",
+      "onUpdate:modelValue": p
+    }), null, 16, ["id", "disabled", "empty-state-component", "model-value", "possible-values", "size", "left-label", "right-label", "is-valid"]));
+  }
+}), j = /* @__PURE__ */ D(M, [["__scopeId", "data-v-3a892220"]]);
+export {
+  j as default
+};

package/dist/{MultiSelectListBoxControl-D1TD3jNm.js → MultiSelectListBoxControl-DiSPf1p7.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, toRef as t, openBlock as d, createBlock as r, unref as l } from "vue";
-import { u } from "./usePossibleValues-NHPCKPdi.js";
-import { M as p } from "./MultiselectListBox-1nfMHeks.js";
+import { u } from "./usePossibleValues-BB4he0jT.js";
+import { M as p } from "./MultiselectListBox-DMZvKZT2.js";
 const f = /* @__PURE__ */ n({
   __name: "MultiSelectListBoxControl",
   props: {