@knime/jsonforms 1.21.16 → 1.21.19

package/dist/{GridSelectionControl-093qWj_x.js → GridSelectionControl-WcJ4y6Fs.js}

@@ -1,16 +1,17 @@
-import { defineComponent as S, useCssVars as U, unref as n, ref as B, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as D, Fragment as G, renderList as T, createBlock as h, createCommentVNode as p, createVNode as $, withModifiers as A } from "vue";
-import { $ as N, a0 as z, B as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { defineComponent as S, useCssVars as U, unref as n, ref as T, computed as s, watch as f, openBlock as r, createElementBlock as u, normalizeStyle as B, Fragment as D, renderList as G, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as N } from "vue";
+import { Y as $, Z as z, B as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const W = { class: "grid-list" }, H = {
   key: 1,
   class: "checkbox"
-}, X = 7, j = "auto", q = "Invert selection", J = /* @__PURE__ */ S({
+}, Y = 7, Z = "auto", j = "Invert selection", q = /* @__PURE__ */ S({
   __name: "GridSelectionControl",
   props: {
     handleChange: { type: Function },
     control: {},
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
@@ -18,16 +19,16 @@ const W = { class: "grid-list" }, H = {
     U((e) => ({
       v38af777e: n(k)
     }));
-    const r = y, {
-      control: { path: V, uischema: { options: b } = {} },
-      handleChange: C
-    } = r, {
+    const c = y, {
+      control: { path: b, uischema: { options: C } = {} },
+      handleChange: V
+    } = c, {
       possibleValues: o = [],
-      columnCount: I = X,
-      gridWidth: k = j,
-      toggleLabel: m = q,
+      columnCount: I = Y,
+      gridWidth: k = Z,
+      toggleLabel: m = j,
       renderLastItemAsCheckbox: d = !1
-    } = b, a = B(/* @__PURE__ */ new Map()), x = s(() => ({
+    } = C, a = T(/* @__PURE__ */ new Map()), x = s(() => ({
       "grid-template-columns": `repeat(${I}, 1fr)`
     })), E = s(
       () => o.filter(
@@ -47,7 +48,7 @@ const W = { class: "grid-list" }, H = {
     }, w = () => {
       const e = /* @__PURE__ */ new Map();
       return o.forEach(({ id: t }) => {
-        e.set(t, { active: r.control.data?.includes(t) ?? !1 });
+        e.set(t, { active: c.control.data?.includes(t) ?? !1 });
       }), e;
     }, g = s(() => {
       const e = [];
@@ -56,7 +57,7 @@ const W = { class: "grid-list" }, H = {
           t && e.push(l);
         }
       ), e;
-    }), F = s(() => r.control.data ?? []), _ = s(() => {
+    }), F = s(() => c.control.data ?? []), _ = s(() => {
       const e = g.value, t = F.value;
       if (e.length !== t.length)
         return !0;
@@ -64,7 +65,7 @@ const W = { class: "grid-list" }, H = {
       return e.some((v) => !l.has(v));
     });
     return f(
-      () => r.control.data,
+      () => c.control.data,
       () => {
         _.value && (a.value = w());
       },
@@ -72,16 +73,16 @@ const W = { class: "grid-list" }, H = {
     ), f(
       () => a.value,
       () => {
-        _.value && C(V, g.value);
+        _.value && V(b, g.value);
       },
       { deep: !0 }
-    ), (e, t) => (c(), u("div", W, [
-      n(o).length ? (c(), u("div", {
+    ), (e, t) => (r(), u("div", W, [
+      n(o).length ? (r(), u("div", {
         key: 0,
         class: "grid-list-container",
-        style: D(x.value)
+        style: B(x.value)
       }, [
-        (c(!0), u(G, null, T(E.value, ({ id: l, text: v }) => (c(), h(n(N), {
+        (r(!0), u(D, null, G(E.value, ({ id: l, text: v }) => (r(), h(n($), {
           key: `grid-item-${l}`,
           modelValue: a.value.get(l).active,
           "onUpdate:modelValue": (L) => a.value.get(l).active = L,
@@ -91,25 +92,25 @@ const W = { class: "grid-list" }, H = {
           size: "xsmall"
         }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
       ], 4)) : p("", !0),
-      n(d) && i.value ? (c(), u("div", H, [
-        $(n(z), {
+      n(d) && i.value ? (r(), u("div", H, [
+        A(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
         }, null, 8, ["modelValue", "label"])
       ])) : p("", !0),
-      n(m) ? (c(), h(n(O), {
+      n(m) ? (r(), h(n(O), {
         key: 2,
         variant: "outlined",
         size: "xsmall",
         label: n(m),
         "leading-icon": "replace",
         class: "invert overwrite-legacy-styles",
-        onClick: A(M, ["prevent"])
+        onClick: N(M, ["prevent"])
       }, null, 8, ["label"])) : p("", !0)
     ]));
   }
-}), Q = /* @__PURE__ */ R(J, [["__scopeId", "data-v-7c90b0fa"]]);
+}), P = /* @__PURE__ */ R(q, [["__scopeId", "data-v-7c90b0fa"]]);
 export {
-  Q as default
+  P as default
 };

package/dist/{HorizontalLayout-D07DfljM.js → HorizontalLayout-ByB5A7X3.js}

@@ -1,13 +1,13 @@
-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-BwXsSmUx.js";
+import { defineComponent as o, openBlock as a, createElementBlock as t, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
+import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {
     layout: {}
   },
   setup(e) {
-    return (y, f) => (t(), a("div", d, [
-      (t(!0), a(r, null, c(e.layout.uischema.elements, (l, n) => (t(), s(u(m), {
+    return (y, f) => (a(), t("div", d, [
+      (a(!0), t(r, null, c(e.layout.uischema.elements, (l, n) => (a(), s(u(m), {
         key: n,
         class: "horizontal-element",
         schema: e.layout.schema,
@@ -19,7 +19,7 @@ const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
       }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
     ]));
   }
-}), z = /* @__PURE__ */ i(h, [["__scopeId", "data-v-c4017079"]]);
+}), p = /* @__PURE__ */ i(h, [["__scopeId", "data-v-174aebfa"]]);
 export {
-  z as default
+  p as default
 };

package/dist/{IntegerControl-D0qSSA_X.js → IntegerControl-aveswmbr.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-DEG90Gdx.js";
+import { _ as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CR61f6d6.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {
@@ -7,12 +7,13 @@ const s = /* @__PURE__ */ o({
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(p) {
-    return (e, l) => (n(), t(a, r(e.$props, { type: "integer" }), null, 16));
+  setup(a) {
+    return (e, l) => (n(), t(p, r(e.$props, { type: "integer" }), null, 16));
   }
 });
 export {

package/dist/IntervalControl-B4Eqs1Jf.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, computed as a, openBlock as b, createBlock as f, unref as r } from "vue";
+import { u as l, $ as g } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { U as h } from "./classApi-CHpAZrj3.js";
+const V = /* @__PURE__ */ p({
+  __name: "IntervalControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const t = e, n = a(
+      () => t.control.uischema
+    ), u = l(
+      n,
+      "intervalType",
+      "DATE_OR_TIME"
+    ), c = a(() => u.value.toLowerCase()), i = l(n, "allowDescending", !0), d = (o) => {
+      if (!o)
+        return null;
+      try {
+        return h.Duration.from(o);
+      } catch {
+        return null;
+      }
+    }, s = a(
+      () => d(t.control.data)
+    ), m = (o) => {
+      t.changeValue(o?.toString() ?? "");
+    };
+    return (o, v) => (b(), f(r(g), {
+      id: e.labelForId,
+      ariaLabel: t.control.label,
+      "model-value": s.value,
+      "allow-descending": r(i),
+      disabled: e.disabled,
+      error: e.error,
+      format: c.value,
+      "sub-text": e.subText,
+      "onUpdate:modelValue": m
+    }, null, 8, ["id", "ariaLabel", "model-value", "allow-descending", "disabled", "error", "format", "sub-text"]));
+  }
+});
+export {
+  V as default
+};

package/dist/LinkControl-DD56lOiw.js

@@ -0,0 +1,35 @@
+import { defineComponent as r, useCssVars as s, unref as n, openBlock as p, createElementBlock as d, createVNode as u } from "vue";
+import { a0 as m, _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+const f = { class: "link-wrapper" }, g = /* @__PURE__ */ r({
+  __name: "LinkControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(o) {
+    s((c) => ({
+      bc3ff08c: n(e)
+    }));
+    const t = o, e = t.control.uischema.options?.alignment === "right" ? "flex-end" : "flex-start", { to: a, leadingIcon: l, trailingIcon: i } = t.control.uischema.options || {};
+    return (c, b) => (p(), d("div", f, [
+      u(n(m), {
+        class: "link-button",
+        label: o.control.label,
+        to: n(a),
+        "leading-icon": n(l),
+        "trailing-icon": n(i),
+        size: "small",
+        variant: "transparent"
+      }, null, 8, ["label", "to", "leading-icon", "trailing-icon"])
+    ]));
+  }
+}), x = /* @__PURE__ */ _(g, [["__scopeId", "data-v-d1973605"]]);
+export {
+  x as default
+};

package/dist/{LoadingDropdown.vue_vue_type_script_setup_true_lang-B4K9Nnse.js → LoadingDropdown.vue_vue_type_script_setup_true_lang-CscatDmg.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 { W as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
+import { T as _ } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
 const L = /* @__PURE__ */ v({
   __name: "LoadingDropdown",
   props: {
@@ -11,8 +11,8 @@ const L = /* @__PURE__ */ v({
     error: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: u }) {
-    const e = i, n = u, d = s(() => e.possibleValues === null ? "" : e.modelValue), r = s(() => e.possibleValues === null), p = s(
+  setup(r, { emit: u }) {
+    const e = r, n = u, d = s(() => e.possibleValues === null ? "" : e.modelValue), i = s(() => e.possibleValues === null), p = s(
       () => e.possibleValues?.some((a) => a.type !== void 0)
     ), o = s(() => {
       if (e.possibleValues === null)
@@ -34,7 +34,7 @@ const L = /* @__PURE__ */ v({
         });
       }
       return a;
-    }), c = s(() => r.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"), b = s(
       () => e.disabled || o.value.length === 0
     ), m = (a) => {
       n("update:modelValue", a ?? "");
@@ -45,7 +45,7 @@ const L = /* @__PURE__ */ v({
       "model-value": d.value,
       disabled: b.value,
       "possible-values": o.value,
-      loading: r.value,
+      loading: i.value,
       placeholder: c.value,
       error: e.error,
       "onUpdate:modelValue": m

package/dist/ManualTwinlistControl-DBZ5RZgW.js

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

package/dist/{MultiSelectListBoxControl-qdxrfyqT.js → MultiSelectListBoxControl-BMsPvxGQ.js}

@@ -1,15 +1,15 @@
-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-yDswh8Qc.js";
-import { a3 as O, Q as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BwXsSmUx.js";
-import { S as M } from "./StyledListItem-CjOv-VlL.js";
+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 C, withKeys as a, withModifiers as d, normalizeProps as V, 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 T, unref as x } from "vue";
+import { u as A } from "./usePossibleValues-DiYOmnZW.js";
+import { a1 as O, O as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BseRdW9f.js";
+import { S as M } from "./StyledListItem--sgmJ3W_.js";
 const E = (e, t) => {
-  let i, n = 0;
+  let i, l = 0;
   return (...o) => {
     const [s, r] = o;
     clearTimeout(i);
-    const l = Date.now();
-    l - n > t ? (n = l, e(s, r)) : i = setTimeout(() => {
-      n = l, e(s, r);
+    const n = Date.now();
+    n - l > t ? (l = n, e(s, r)) : i = setTimeout(() => {
+      l = n, e(s, r);
     }, t);
   };
 }, R = 250, U = {
@@ -122,7 +122,7 @@ const E = (e, t) => {
     "keyArrowRight"
   ],
   setup(e) {
-    const { containerProps: i, wrapperProps: n, list: o, scrollTo: s } = O(
+    const { containerProps: i, wrapperProps: l, list: o, scrollTo: s } = O(
       S(e, "possibleValues"),
       {
         itemHeight: 22
@@ -147,7 +147,7 @@ const E = (e, t) => {
     ), {
       optionLineHeight: 22,
       containerProps: i,
-      wrapperProps: n,
+      wrapperProps: l,
       list: o
     };
   },
@@ -232,25 +232,25 @@ const E = (e, t) => {
      * @returns {String[]}
      */
     getPossibleValuesInSection(e, t) {
-      const i = e > t ? t : e, n = e > t ? e : t;
-      return this.possibleValuesWithBottom.slice(i, n + 1).map((o) => o.id);
+      const i = e > t ? t : e, l = e > t ? e : t;
+      return this.possibleValuesWithBottom.slice(i, l + 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, n = t ? this.bottomIndex : this.getDataOptionIndex(i);
-      n && (this.draggingStartIndex = Number(n));
+      const i = e.target, l = t ? this.bottomIndex : this.getDataOptionIndex(i);
+      l && (this.draggingStartIndex = Number(l));
     },
     onDrag(e) {
       if (this.draggingStartIndex !== -1) {
         const t = e.target, i = this.getDataOptionIndex(t);
         if (!i)
           return;
-        const n = Number(i);
+        const l = Number(i);
         let o = this.getPossibleValuesInSection(
           this.draggingStartIndex,
-          n
+          l
         );
         this.draggingInverseMode && (o = this.selectedValues.filter(
           (s) => !o.includes(s)
@@ -329,8 +329,8 @@ const E = (e, t) => {
         return;
       const i = this.containerProps.ref.value;
       if (i.scrollHeight > i.clientHeight) {
-        const n = i.clientHeight + i.scrollTop, o = e * this.optionLineHeight, s = o + this.optionLineHeight, r = o < i.scrollTop;
-        if (!(s > n || r))
+        const l = i.clientHeight + i.scrollTop, o = e * this.optionLineHeight, s = o + this.optionLineHeight, r = o < i.scrollTop;
+        if (!(s > l || r))
           return;
         t === "up" || t === "auto" && r ? i.scrollTop = o : i.scrollTop = s - i.clientHeight;
       }
@@ -437,18 +437,18 @@ const E = (e, t) => {
 }, F = { class: "box" }, W = ["id", "aria-label", "aria-activedescendant"], j = {
   key: 0,
   class: "empty-state"
-}, q = { key: 1 }, Q = {
+}, q = { key: 1 }, Y = {
   key: 1,
   role: "bottom-box"
 };
-function Y(e, t, i, n, o, s) {
+function G(e, t, i, l, o, s) {
   const r = p("StyledListItem");
   return h(), c("div", {
-    class: V(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
+    class: v(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
     style: I(s.cssStyleSize)
   }, [
     f("div", F, [
-      f("ul", v(n.containerProps, {
+      f("ul", C(l.containerProps, {
         id: i.id,
         role: "listbox",
         tabindex: "0",
@@ -456,36 +456,36 @@ function Y(e, t, i, n, o, s) {
         "aria-label": i.ariaLabel,
         "aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
         onKeydown: [
-          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"]))
+          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"]))
         ],
-        onMousedown: t[10] || (t[10] = (...l) => s.onStartDrag && s.onStartDrag(...l)),
-        onMousemove: t[11] || (t[11] = (...l) => s.onDrag && s.onDrag(...l))
+        onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
+        onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
       }), [
-        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,
+        f("div", V(w(l.wrapperProps)), [
+          (h(!0), c(k, null, D(l.list, ({ data: n, index: u }) => (h(), g(r, {
+            id: s.generateOptionId(n),
+            key: `listbox-${n.id}`,
+            text: n.text,
             "data-option-index": u,
-            "line-height": n.optionLineHeight,
-            selected: s.isCurrentValue(l.id),
-            invalid: l.invalid,
-            special: l.special,
+            "line-height": l.optionLineHeight,
+            selected: s.isCurrentValue(n.id),
+            invalid: n.invalid,
+            special: n.special,
             disabled: i.disabled,
-            onClick: (m) => s.handleClick(m, l.id, u),
+            onClick: (m) => s.handleClick(m, n.id, u),
             onDblclickShift: t[0] || (t[0] = (m) => s.handleShiftDblClick()),
-            onDblclickExact: (m) => s.handleDblClick(l.id, u)
+            onDblclickExact: (m) => s.handleDblClick(n.id, u)
           }, {
             default: B(() => [
-              H(e.$slots, "option", { slotItem: l }, void 0, !0)
+              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))
@@ -494,7 +494,7 @@ function Y(e, t, i, n, o, s) {
       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(), c("div", Q, [
+      i.withBottomValue ? (h(), c("div", Y, [
         L(r, {
           id: s.generateOptionId(i.bottomValue),
           special: "",
@@ -503,7 +503,7 @@ function Y(e, t, i, n, o, s) {
           selected: s.isCurrentValue(i.bottomValue.id),
           disabled: i.disabled,
           onClick: s.handleBottomClick,
-          onDblclickShift: t[12] || (t[12] = (l) => s.handleShiftDblClick()),
+          onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
           onDblclickExact: s.handleBottomDblClick,
           onMousedown: s.onBottomStartDrag,
           onMousemove: s.onBottomDrag
@@ -512,25 +512,26 @@ function Y(e, t, i, n, o, s) {
     ])
   ], 6);
 }
-const G = /* @__PURE__ */ P(U, [["render", Y], ["__scopeId", "data-v-4ee62d65"]]), $ = /* @__PURE__ */ A({
+const J = /* @__PURE__ */ P(U, [["render", G], ["__scopeId", "data-v-4ee62d65"]]), $ = /* @__PURE__ */ T({
   __name: "MultiSelectListBoxControl",
   props: {
     control: {},
     handleChange: { type: Function },
     changeValue: { type: Function },
     disabled: { type: Boolean },
-    isValid: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
   setup(e) {
-    const t = e, { possibleValues: i } = T(S(t, "control"));
-    return (n, o) => (h(), g(x(G), {
+    const t = e, { possibleValues: i } = A(S(t, "control"));
+    return (l, o) => (h(), g(x(J), {
       id: e.labelForId,
       "possible-values": x(i) || [],
       disabled: e.disabled,
       "model-value": e.control.data,
-      "is-valid": e.isValid,
+      "is-valid": !e.error,
       ariaLabel: e.control.label,
       size: e.control.uischema.options?.size,
       "onUpdate:modelValue": e.changeValue

package/dist/{MultimodeTwinlistControl-DKNf9s6C.js → MultimodeTwinlistControl-thO1be1r.js}

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