@knime/jsonforms 1.21.0 → 1.21.2

package/dist/{GridSelectionControl-Cqrr0vTk.js → GridSelectionControl-DS8kT_Nx.js}

@@ -1,9 +1,9 @@
-import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as T, renderList as $, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as B } from "vue";
-import { a7 as N, a8 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as T, renderList as A, createBlock as h, createCommentVNode as p, createVNode as B, withModifiers as N } from "vue";
+import { a5 as $, a6 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
 const W = { class: "grid-list" }, H = {
   key: 1,
   class: "checkbox"
-}, J = 7, Y = "auto", j = "Invert selection", q = /* @__PURE__ */ S({
+}, j = 7, q = "auto", J = "Invert selection", K = /* @__PURE__ */ S({
   __name: "GridSelectionControl",
   props: {
     handleChange: { type: Function },
@@ -23,9 +23,9 @@ const W = { class: "grid-list" }, H = {
       handleChange: C
     } = r, {
       possibleValues: o = [],
-      columnCount: I = J,
-      gridWidth: k = Y,
-      toggleLabel: m = j,
+      columnCount: I = j,
+      gridWidth: k = q,
+      toggleLabel: m = J,
       renderLastItemAsCheckbox: d = !1
     } = b, a = D(/* @__PURE__ */ new Map()), x = s(() => ({
       "grid-template-columns": `repeat(${I}, 1fr)`
@@ -35,7 +35,7 @@ const W = { class: "grid-list" }, H = {
       )
     ), i = s(
       () => d ? o[o.length - 1] : null
-    ), M = () => {
+    ), L = () => {
       const e = /* @__PURE__ */ new Map();
       a.value.forEach(
         ({ active: t }, l) => {
@@ -44,7 +44,7 @@ const W = { class: "grid-list" }, H = {
           });
         }
       ), a.value = e;
-    }, w = () => {
+    }, M = () => {
       const e = /* @__PURE__ */ new Map();
       return o.forEach(({ id: t }) => {
         e.set(t, { active: r.control.data?.includes(t) ?? !1 });
@@ -56,8 +56,8 @@ const W = { class: "grid-list" }, H = {
           t && e.push(l);
         }
       ), e;
-    }), F = s(() => r.control.data ?? []), _ = s(() => {
-      const e = g.value, t = F.value;
+    }), w = s(() => r.control.data ?? []), _ = s(() => {
+      const e = g.value, t = w.value;
       if (e.length !== t.length)
         return !0;
       const l = new Set(t);
@@ -66,7 +66,7 @@ const W = { class: "grid-list" }, H = {
     return f(
       () => r.control.data,
       () => {
-        _.value && (a.value = w());
+        _.value && (a.value = M());
       },
       { immediate: !0, deep: !0 }
     ), f(
@@ -81,10 +81,10 @@ const W = { class: "grid-list" }, H = {
         class: "grid-list-container",
         style: G(x.value)
       }, [
-        (c(!0), u(T, null, $(E.value, ({ id: l, text: v }) => (c(), h(n(N), {
+        (c(!0), u(T, null, A(E.value, ({ id: l, text: v }) => (c(), h(n($), {
           key: `grid-item-${l}`,
           modelValue: a.value.get(l).active,
-          "onUpdate:modelValue": (L) => a.value.get(l).active = L,
+          "onUpdate:modelValue": (F) => a.value.get(l).active = F,
           class: "overwrite-legacy-styles",
           label: v,
           variant: "outlined",
@@ -92,7 +92,7 @@ const W = { class: "grid-list" }, H = {
         }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
       ], 4)) : p("", !0),
       n(d) && i.value ? (c(), u("div", H, [
-        A(n(z), {
+        B(n(z), {
           modelValue: a.value.get(i.value.id).active,
           "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value.get(i.value.id).active = l),
           label: i.value.text
@@ -105,11 +105,11 @@ const W = { class: "grid-list" }, H = {
         label: n(m),
         "leading-icon": "replace",
         class: "invert overwrite-legacy-styles",
-        onClick: B(M, ["prevent"])
+        onClick: N(L, ["prevent"])
       }, null, 8, ["label"])) : p("", !0)
     ]));
   }
-}), Q = /* @__PURE__ */ R(q, [["__scopeId", "data-v-7c90b0fa"]]);
+}), X = /* @__PURE__ */ R(K, [["__scopeId", "data-v-7c90b0fa"]]);
 export {
-  Q as default
+  X as default
 };

package/dist/{HorizontalLayout-BRxOESz6.js → HorizontalLayout-CIcEcUaB.js}

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

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

package/dist/{IntervalControl-YdZin9Wi.js → IntervalControl-BPiRezHq.js}

@@ -1,10 +1,10 @@
 import { openBlock as p, createElementBlock as E, createElementVNode as c, resolveComponent as ye, normalizeClass as D, createCommentVNode as F, withModifiers as N, createVNode as I, defineComponent as H, useModel as k, computed as P, Fragment as C, createBlock as te, withDirectives as b, vShow as S, renderList as X, unref as m, toDisplayString as K, withCtx as W, createTextVNode as Ae, mergeModels as G, ref as T, watch as z, withKeys as Me, vModelText as we, normalizeStyle as xe } from "vue";
-import { _ as U, N as De, P as be, a9 as Pe, u as q } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { _ as U, O as De, Q as be, a7 as Pe, u as q } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
 import { u as Re, a as Ne, s as _e, f as Se, o as Ce } from "./floating-ui.vue-Bk6u3tWN.js";
-import { T as $e } from "./Tooltip-CQD85sdp.js";
+import { T as $e } from "./Tooltip-ZO6iIct2.js";
 import { A as Oe } from "./arrow-dropdown-DMFBPPcK.js";
 /* empty css                   */
-import { V as Z } from "./ValueSwitch-BuQf-fpg.js";
+import { V as Z } from "./ValueSwitch-BXc_PE8P.js";
 const ae = (e, t) => ({
   negative: e,
   years: parseInt(t[1] ?? "0", 10),
@@ -325,7 +325,7 @@ const Xe = { render: Le }, Ke = 200, We = 50, ze = 0.1, qe = 1, Ze = {
   key: 0,
   class: "invalid-marker"
 };
-function Je(e, t, a, s, u, n) {
+function Qe(e, t, a, s, u, n) {
   const d = ye("ArrowIcon");
   return p(), E("div", {
     class: D(["wrapper", { disabled: a.disabled, compact: a.compact }])
@@ -366,12 +366,12 @@ function Je(e, t, a, s, u, n) {
     ], 34)
   ], 2);
 }
-const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"]]), J = [
+const j = /* @__PURE__ */ U(Ze, [["render", Qe], ["__scopeId", "data-v-0ce77f1e"]]), Q = [
   "years",
   "months",
   "weeks",
   "days"
-], Q = [
+], J = [
   "hours",
   "minutes",
   "seconds",
@@ -397,7 +397,7 @@ const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"
 } : {
   ...t,
   durationPart: e.interval
-}, B = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), Qe = { class: "header" }, et = { class: "ascending-descending-switch-container" }, tt = { class: "input-grid" }, at = { class: "input-label" }, nt = { class: "input-label" }, st = { class: "accept-controls" }, lt = /* @__PURE__ */ H({
+}, B = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), Je = { class: "header" }, et = { class: "ascending-descending-switch-container" }, tt = { class: "input-grid" }, at = { class: "input-label" }, nt = { class: "input-label" }, st = { class: "accept-controls" }, lt = /* @__PURE__ */ H({
   __name: "IntervalInputPopoverContent",
   props: /* @__PURE__ */ G({
     format: {},
@@ -415,7 +415,7 @@ const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"
   emits: /* @__PURE__ */ G(["commit"], ["update:usedFormat", "update:modelValue"]),
   setup(e, { emit: t }) {
     const a = t, s = e, u = k(e, "usedFormat"), n = k(e, "modelValue"), d = P(() => {
-      const f = u.value === "DATE" ? J : Q, v = u.value === "DATE" ? f.map(
+      const f = u.value === "DATE" ? Q : J, v = u.value === "DATE" ? f.map(
         (i) => n.value.periodPart[i]
       ) : f.map(
         (i) => n.value.durationPart[i]
@@ -445,7 +445,7 @@ const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"
       );
     };
     return (f, v) => (p(), E(C, null, [
-      c("span", Qe, [
+      c("span", Je, [
         v[2] || (v[2] = c("span", { class: "input-title" }, "Interval", -1)),
         s.format === "DATE_OR_TIME" ? (p(), te(Z, {
           key: 0,
@@ -472,7 +472,7 @@ const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"
         [S, e.allowDescending]
       ]),
       c("div", tt, [
-        (p(!0), E(C, null, X(m(J), (i) => b((p(), E("span", {
+        (p(!0), E(C, null, X(m(Q), (i) => b((p(), E("span", {
           key: i,
           class: "labeled-date-time-input"
         }, [
@@ -488,7 +488,7 @@ const j = /* @__PURE__ */ U(Ze, [["render", Je], ["__scopeId", "data-v-0ce77f1e"
         ], 512)), [
           [S, u.value === "DATE"]
         ])), 128)),
-        (p(!0), E(C, null, X(m(Q), (i) => b((p(), E("span", {
+        (p(!0), E(C, null, X(m(J), (i) => b((p(), E("span", {
           key: i,
           class: "labeled-date-time-input"
         }, [

package/dist/{LinkControl-Ntwn3ko5.js → LinkControl-Bp2h1jSd.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, useCssVars as r, unref as n, openBlock as p, createElementBlock as d, createVNode as m } from "vue";
-import { aa as _, _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { a8 as u, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
 const g = { class: "link-wrapper" }, f = /* @__PURE__ */ s({
   __name: "LinkControl",
   props: {
@@ -18,7 +18,7 @@ const g = { class: "link-wrapper" }, f = /* @__PURE__ */ s({
     }));
     const e = o, t = e.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: a, leadingIcon: l, trailingIcon: i } = e.control.uischema.options || {};
     return (c, h) => (p(), d("div", g, [
-      m(n(_), {
+      m(n(u), {
         class: "link-button",
         label: o.control.label,
         to: n(a),
@@ -29,7 +29,7 @@ const g = { class: "link-wrapper" }, f = /* @__PURE__ */ s({
       }, null, 8, ["label", "to", "leading-icon", "trailing-icon"])
     ]));
   }
-}), x = /* @__PURE__ */ u(f, [["__scopeId", "data-v-d1973605"]]);
+}), x = /* @__PURE__ */ _(f, [["__scopeId", "data-v-d1973605"]]);
 export {
   x as default
 };

package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-CiYSPKlk.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-BRmvlIKr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as v, computed as s, openBlock as V, createBlock as f, unref as y, mergeProps as g } from "vue";
-import { a1 as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
+import { a2 as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
 const L = /* @__PURE__ */ v({
   __name: "LoadingDropdown",
   props: {
@@ -34,21 +34,21 @@ const L = /* @__PURE__ */ v({
         });
       }
       return a;
-    }), c = s(() => i.value ? "Loading" : o.value.length > 0 ? "No value selected" : "No values present"), b = s(
+    }), c = s(() => i.value ? "Loading" : o.value.length > 0 ? "No value selected" : "No values present"), m = s(
       () => e.disabled || o.value.length === 0
-    ), m = (a) => {
+    ), b = (a) => {
       n("update:modelValue", a ?? "");
     };
     return (a, l) => (V(), f(y(_), g(a.$attrs, {
       id: e.id,
       ariaLabel: e.ariaLabel,
       "model-value": d.value,
-      disabled: b.value,
+      disabled: m.value,
       "possible-values": o.value,
       loading: i.value,
       placeholder: c.value,
       error: e.error,
-      "onUpdate:modelValue": m
+      "onUpdate:modelValue": b
     }), null, 16, ["id", "ariaLabel", "model-value", "disabled", "possible-values", "loading", "placeholder", "error"]));
   }
 });

package/dist/ManualTwinlistControl-Dtx1Qiz7.js

@@ -0,0 +1,72 @@
+import { defineComponent as k, toRef as i, computed as t, openBlock as C, createBlock as U, unref as a, mergeProps as x } from "vue";
+import { a4 as I } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
+import { m as r } from "./index-Blg1O3Fz.js";
+import { a as M, u as v } from "./usePossibleValues-CdZtv_zD.js";
+import { t as F } from "./toKdsPossibleValues-BklBg3gG.js";
+import { u as L } from "./useUnknownValuesInTwinlist-BANpCttu.js";
+const K = /* @__PURE__ */ k({
+  __name: "ManualTwinlistControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const n = o, { excludedLabel: m, includedLabel: p } = M(
+      i(n, "control")
+    ), { possibleValues: c } = v(
+      i(n, "control")
+    ), b = t(
+      () => F(c.value ?? [])
+    ), { selectedAndDeselected: u, setCurrentManualFilter: f } = L({
+      data: t(() => ({ manualFilter: n.control.data })),
+      possibleValueIds: t(
+        () => c.value?.map(({ id: e }) => e) ?? null
+      )
+    }), y = (e) => {
+      const d = r(n.control.data, e);
+      n.changeValue(d), f(d);
+    };
+    let l = null;
+    const g = () => {
+      if (l !== null) {
+        const e = l;
+        l = null, y(e);
+      }
+    }, s = (e) => {
+      l === null ? (l = e, queueMicrotask(g)) : l = r(
+        l,
+        e
+      );
+    }, V = (e) => {
+      s({ manuallySelected: e });
+    }, w = (e) => {
+      s({ manuallyDeselected: e });
+    }, h = (e) => {
+      e !== null && s({ includeUnknownColumns: e });
+    };
+    return (e, d) => (C(), U(a(I), x(e.$attrs, {
+      id: o.labelForId,
+      ariaLabel: o.control.label,
+      disabled: o.disabled,
+      "manually-included": a(u).selected ?? [],
+      "manually-excluded": a(u).deselected ?? [],
+      "include-unknown-values": o.control.data.includeUnknownColumns,
+      "possible-values": b.value,
+      loading: a(u).selected === null,
+      "exclude-label": a(m),
+      "include-label": a(p),
+      error: !n.isValid,
+      "onUpdate:manuallyIncluded": V,
+      "onUpdate:manuallyExcluded": w,
+      "onUpdate:includeUnknownValues": h
+    }), null, 16, ["id", "ariaLabel", "disabled", "manually-included", "manually-excluded", "include-unknown-values", "possible-values", "loading", "exclude-label", "include-label", "error"]));
+  }
+});
+export {
+  K as default
+};

package/dist/{MultiselectListBox-DE0QC--O.js → MultiSelectListBoxControl-DXLGhCNi.js}

@@ -1,24 +1,25 @@
-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 { a6 as L, Q as A, _ as T } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-D4snRy74.js";
-import { S as O } from "./StyledListItem-Dmiasg50.js";
-const z = (e, t) => {
-  let i, r = 0;
-  return (...l) => {
-    const [s, o] = l;
+import { toRef as S, watch as y, resolveComponent as p, openBlock as h, createElementBlock as c, normalizeStyle as I, normalizeClass as V, createElementVNode as f, mergeProps as v, withKeys as a, withModifiers as d, normalizeProps as C, guardReactiveProps as w, Fragment as k, renderList as D, createBlock as g, withCtx as B, renderSlot as H, resolveDynamicComponent as K, toDisplayString as N, createCommentVNode as b, createVNode as L, defineComponent as A, unref as x } from "vue";
+import { u as T } from "./usePossibleValues-CdZtv_zD.js";
+import { a9 as O, R as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-CwE6CdU-.js";
+import { S as M } from "./StyledListItem-B97G9CDY.js";
+const R = (e, t) => {
+  let i, n = 0;
+  return (...o) => {
+    const [s, r] = o;
     clearTimeout(i);
-    const n = Date.now();
-    n - r > t ? (r = n, e(s, o)) : i = setTimeout(() => {
-      r = n, e(s, o);
+    const l = Date.now();
+    l - n > t ? (n = l, e(s, r)) : i = setTimeout(() => {
+      n = l, e(s, r);
     }, t);
   };
-}, M = 250, P = {
+}, E = 250, U = {
   name: "MultiselectListBox",
-  components: { StyledListItem: O },
+  components: { StyledListItem: M },
   props: {
     id: {
       type: String,
       default() {
-        return `MultiselectListBox-${A()}`;
+        return `MultiselectListBox-${z()}`;
       }
     },
     modelValue: {
@@ -121,22 +122,22 @@ const z = (e, t) => {
     "keyArrowRight"
   ],
   setup(e) {
-    const { containerProps: i, wrapperProps: r, list: l, scrollTo: s } = L(
-      x(e, "possibleValues"),
+    const { containerProps: i, wrapperProps: n, list: o, scrollTo: s } = O(
+      S(e, "possibleValues"),
       {
         itemHeight: 22
       }
     );
-    return S(
+    return y(
       () => e.possibleValues,
       () => {
         if (!i.ref.value)
           return;
-        const o = i.ref.value?.scrollTop ?? 0;
+        const r = i.ref.value?.scrollTop ?? 0;
         s(
           Math.max(
             Math.min(
-              Math.floor(o / 22),
+              Math.floor(r / 22),
               e.possibleValues.length - 1
             ),
             0
@@ -146,8 +147,8 @@ const z = (e, t) => {
     ), {
       optionLineHeight: 22,
       containerProps: i,
-      wrapperProps: r,
-      list: l
+      wrapperProps: n,
+      list: o
     };
   },
   data() {
@@ -205,9 +206,9 @@ const z = (e, t) => {
   },
   methods: {
     createDebouncedHandleCtrlClick() {
-      this.debouncedHandleCtrlClick = z((e, t) => {
+      this.debouncedHandleCtrlClick = R((e, t) => {
         this.handleCtrlClick(e, t);
-      }, M);
+      }, E);
     },
     // Define debouncedHandleCtrlClick as a method
     debouncedHandleCtrlClick(e, t) {
@@ -231,29 +232,29 @@ const z = (e, t) => {
      * @returns {String[]}
      */
     getPossibleValuesInSection(e, t) {
-      const i = e > t ? t : e, r = e > t ? e : t;
-      return this.possibleValuesWithBottom.slice(i, r + 1).map((l) => l.id);
+      const i = e > t ? t : e, n = e > t ? e : t;
+      return this.possibleValuesWithBottom.slice(i, n + 1).map((o) => o.id);
     },
     onStartDrag(e, t = !1) {
       if (this.disabled || e.shiftKey)
         return;
       (e.ctrlKey || e.metaKey) && (this.draggingInverseMode = !0);
-      const i = e.target, r = t ? this.bottomIndex : this.getDataOptionIndex(i);
-      r && (this.draggingStartIndex = Number(r));
+      const i = e.target, n = t ? this.bottomIndex : this.getDataOptionIndex(i);
+      n && (this.draggingStartIndex = Number(n));
     },
     onDrag(e) {
       if (this.draggingStartIndex !== -1) {
         const t = e.target, i = this.getDataOptionIndex(t);
         if (!i)
           return;
-        const r = Number(i);
-        let l = this.getPossibleValuesInSection(
+        const n = Number(i);
+        let o = this.getPossibleValuesInSection(
           this.draggingStartIndex,
-          r
+          n
         );
-        this.draggingInverseMode && (l = this.selectedValues.filter(
-          (s) => !l.includes(s)
-        )), this.setSelected(l);
+        this.draggingInverseMode && (o = this.selectedValues.filter(
+          (s) => !o.includes(s)
+        )), this.setSelected(o);
       }
     },
     getDataOptionIndex(e) {
@@ -328,10 +329,10 @@ const z = (e, t) => {
         return;
       const i = this.containerProps.ref.value;
       if (i.scrollHeight > i.clientHeight) {
-        const r = i.clientHeight + i.scrollTop, l = e * this.optionLineHeight, s = l + this.optionLineHeight, o = l < i.scrollTop;
-        if (!(s > r || o))
+        const n = i.clientHeight + i.scrollTop, o = e * this.optionLineHeight, s = o + this.optionLineHeight, r = o < i.scrollTop;
+        if (!(s > n || r))
           return;
-        t === "up" || t === "auto" && o ? i.scrollTop = l : i.scrollTop = s - i.clientHeight;
+        t === "up" || t === "auto" && r ? i.scrollTop = o : i.scrollTop = s - i.clientHeight;
       }
     },
     scrollUpIntoView(e) {
@@ -433,21 +434,21 @@ const z = (e, t) => {
       this.resizeHeight = this.computeBoxHeight(Math.round(e));
     }
   }
-}, E = { class: "box" }, R = ["id", "aria-label", "aria-activedescendant"], U = {
+}, F = { class: "box" }, W = ["id", "aria-label", "aria-activedescendant"], j = {
   key: 0,
   class: "empty-state"
-}, F = { key: 1 }, W = {
+}, q = { key: 1 }, Y = {
   key: 1,
   role: "bottom-box"
 };
-function j(e, t, i, r, l, s) {
-  const o = p("StyledListItem");
-  return h(), u("div", {
-    class: I(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
-    style: y(s.cssStyleSize)
+function G(e, t, i, n, o, s) {
+  const r = p("StyledListItem");
+  return h(), c("div", {
+    class: V(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
+    style: I(s.cssStyleSize)
   }, [
-    m("div", E, [
-      m("ul", C(r.containerProps, {
+    f("div", F, [
+      f("ul", v(n.containerProps, {
         id: i.id,
         role: "listbox",
         tabindex: "0",
@@ -455,46 +456,46 @@ function j(e, t, i, r, l, s) {
         "aria-label": i.ariaLabel,
         "aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
         onKeydown: [
-          t[1] || (t[1] = a(d((...n) => s.onCtrlA && s.onCtrlA(...n), ["ctrl", "prevent", "exact"]), ["a"])),
-          t[2] || (t[2] = a(d((...n) => s.onArrowUp && s.onArrowUp(...n), ["prevent", "exact"]), ["up"])),
-          t[3] || (t[3] = a(d((...n) => s.onArrowDown && s.onArrowDown(...n), ["prevent", "exact"]), ["down"])),
-          t[4] || (t[4] = a(d((...n) => s.onArrowUpShift && s.onArrowUpShift(...n), ["shift", "prevent", "exact"]), ["up"])),
-          t[5] || (t[5] = a(d((...n) => s.onArrowDownShift && s.onArrowDownShift(...n), ["shift", "prevent", "exact"]), ["down"])),
-          t[6] || (t[6] = a(d((...n) => s.onArrowLeft && s.onArrowLeft(...n), ["prevent", "exact"]), ["left"])),
-          t[7] || (t[7] = a(d((...n) => s.onArrowRight && s.onArrowRight(...n), ["prevent", "exact"]), ["right"])),
-          t[8] || (t[8] = a(d((...n) => s.onHomeKey && s.onHomeKey(...n), ["prevent", "exact"]), ["home"])),
-          t[9] || (t[9] = a(d((...n) => s.onEndKey && s.onEndKey(...n), ["prevent", "exact"]), ["end"]))
+          t[1] || (t[1] = a(d((...l) => s.onCtrlA && s.onCtrlA(...l), ["ctrl", "prevent", "exact"]), ["a"])),
+          t[2] || (t[2] = a(d((...l) => s.onArrowUp && s.onArrowUp(...l), ["prevent", "exact"]), ["up"])),
+          t[3] || (t[3] = a(d((...l) => s.onArrowDown && s.onArrowDown(...l), ["prevent", "exact"]), ["down"])),
+          t[4] || (t[4] = a(d((...l) => s.onArrowUpShift && s.onArrowUpShift(...l), ["shift", "prevent", "exact"]), ["up"])),
+          t[5] || (t[5] = a(d((...l) => s.onArrowDownShift && s.onArrowDownShift(...l), ["shift", "prevent", "exact"]), ["down"])),
+          t[6] || (t[6] = a(d((...l) => s.onArrowLeft && s.onArrowLeft(...l), ["prevent", "exact"]), ["left"])),
+          t[7] || (t[7] = a(d((...l) => s.onArrowRight && s.onArrowRight(...l), ["prevent", "exact"]), ["right"])),
+          t[8] || (t[8] = a(d((...l) => s.onHomeKey && s.onHomeKey(...l), ["prevent", "exact"]), ["home"])),
+          t[9] || (t[9] = a(d((...l) => s.onEndKey && s.onEndKey(...l), ["prevent", "exact"]), ["end"]))
         ],
-        onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
-        onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
+        onMousedown: t[10] || (t[10] = (...l) => s.onStartDrag && s.onStartDrag(...l)),
+        onMousemove: t[11] || (t[11] = (...l) => s.onDrag && s.onDrag(...l))
       }), [
-        m("div", v(w(r.wrapperProps)), [
-          (h(!0), u(V, null, k(r.list, ({ data: n, index: c }) => (h(), g(o, {
-            id: s.generateOptionId(n),
-            key: `listbox-${n.id}`,
-            text: n.text,
-            "data-option-index": c,
-            "line-height": r.optionLineHeight,
-            selected: s.isCurrentValue(n.id),
-            invalid: n.invalid,
-            special: n.special,
+        f("div", C(w(n.wrapperProps)), [
+          (h(!0), c(k, null, D(n.list, ({ data: l, index: u }) => (h(), g(r, {
+            id: s.generateOptionId(l),
+            key: `listbox-${l.id}`,
+            text: l.text,
+            "data-option-index": u,
+            "line-height": n.optionLineHeight,
+            selected: s.isCurrentValue(l.id),
+            invalid: l.invalid,
+            special: l.special,
             disabled: i.disabled,
-            onClick: (f) => s.handleClick(f, n.id, c),
-            onDblclickShift: t[0] || (t[0] = (f) => s.handleShiftDblClick()),
-            onDblclickExact: (f) => s.handleDblClick(n.id, c)
+            onClick: (m) => s.handleClick(m, l.id, u),
+            onDblclickShift: t[0] || (t[0] = (m) => s.handleShiftDblClick()),
+            onDblclickExact: (m) => s.handleDblClick(l.id, u)
           }, {
-            default: D(() => [
-              H(e.$slots, "option", { slotItem: n }, void 0, !0)
+            default: B(() => [
+              H(e.$slots, "option", { slotItem: l }, void 0, !0)
             ]),
             _: 2
           }, 1032, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
         ], 16)
-      ], 16, R),
-      s.showEmptyState ? (h(), u("div", U, [
-        i.emptyStateComponent ? (h(), g(B(i.emptyStateComponent), { key: 0 })) : (h(), u("span", F, K(i.emptyStateLabel), 1))
+      ], 16, W),
+      s.showEmptyState ? (h(), c("div", j, [
+        i.emptyStateComponent ? (h(), g(K(i.emptyStateComponent), { key: 0 })) : (h(), c("span", q, N(i.emptyStateLabel), 1))
       ])) : b("", !0),
-      i.withBottomValue ? (h(), u("div", W, [
-        N(o, {
+      i.withBottomValue ? (h(), c("div", Y, [
+        L(r, {
           id: s.generateOptionId(i.bottomValue),
           special: "",
           text: i.bottomValue.text,
@@ -502,7 +503,7 @@ function j(e, t, i, r, l, s) {
           selected: s.isCurrentValue(i.bottomValue.id),
           disabled: i.disabled,
           onClick: s.handleBottomClick,
-          onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
+          onDblclickShift: t[12] || (t[12] = (l) => s.handleShiftDblClick()),
           onDblclickExact: s.handleBottomDblClick,
           onMousedown: s.onBottomStartDrag,
           onMousemove: s.onBottomDrag
@@ -511,7 +512,31 @@ function j(e, t, i, r, l, s) {
     ])
   ], 6);
 }
-const _ = /* @__PURE__ */ T(P, [["render", j], ["__scopeId", "data-v-4ee62d65"]]);
+const J = /* @__PURE__ */ P(U, [["render", G], ["__scopeId", "data-v-4ee62d65"]]), $ = /* @__PURE__ */ A({
+  __name: "MultiSelectListBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const t = e, { possibleValues: i } = T(S(t, "control"));
+    return (n, o) => (h(), g(x(J), {
+      id: e.labelForId,
+      "possible-values": x(i) || [],
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      "is-valid": e.isValid,
+      ariaLabel: e.control.label,
+      size: e.control.uischema.options?.size,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"]));
+  }
+});
 export {
-  _ as M
+  $ as default
 };

package/dist/MultimodeTwinlistControl-CKRsC015.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CV2htSnA.js";
+export {
+  f as default
+};