@knime/jsonforms 1.14.2 → 1.15.0

package/dist/{TwinlistLoadingInfo-CQRx9cEu.js → TwinlistLoadingInfo-C4Tta00d.js}

@@ -1,12 +1,12 @@
-import { openBlock as d, createElementBlock as v, createElementVNode as r, computed as u, nextTick as Q, resolveComponent as w, createBlock as V, normalizeClass as k, withCtx as x, renderSlot as $, createVNode as I, createCommentVNode as y, defineComponent as j, useCssVars as q, ref as T, normalizeStyle as D, Fragment as ee, renderList as te, unref as H, toRef as U, toDisplayString as R } from "vue";
-import { N as ne } from "./arrow-next-CIOU5o42.js";
+import { createElementBlock as v, openBlock as c, createElementVNode as r, computed as a, nextTick as Q, resolveComponent as w, createBlock as x, normalizeClass as L, withCtx as B, createCommentVNode as y, createVNode as I, renderSlot as $, defineComponent as j, useCssVars as q, ref as E, normalizeStyle as D, Fragment as ee, renderList as te, unref as z, toRef as U, toDisplayString as M } from "vue";
+import { N as ne } from "./arrow-next-BQVCxGb8.js";
 import { u as O } from "./useSearch-hpyYQ_6y.js";
-import { D as le, G as se, _ as A, r as oe, x as ie } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-CsYyUtDa.js";
-import { M as ae } from "./MultiselectListBox-CHvGxAhY.js";
-import { C as ue } from "./close-BuY4mhXV.js";
-import { I as ce } from "./InputField-BYxW_-G3.js";
+import { G as le, H as se, _ as T, v as oe, y as ie } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { M as ae } from "./MultiselectListBox-CMTJnAWr.js";
+import { C as ue } from "./close-DGt8x-x_.js";
+import { I as ce } from "./InputField-OkFB9VHZ.js";
 import { c as P } from "./createMissingItem-B00Kg95q.js";
-import { L as de } from "./svgWithTitle-Cr3Pu3wr.js";
+import { L as de } from "./svgWithTitle-CnTmPYAB.js";
 const re = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -15,7 +15,7 @@ const re = {
   viewBox: "0 0 32 32"
 };
 function he(e, t) {
-  return d(), v("svg", re, t[0] || (t[0] = [
+  return c(), v("svg", re, t[0] || (t[0] = [
     r("circle", {
       cx: "13.2",
       cy: "13.2",
@@ -30,15 +30,15 @@ function fe(e, t, n) {
   var s = !0, o = !0;
   if (typeof e != "function")
     throw new TypeError(ve);
-  return se(n) && (s = "leading" in n ? !!n.leading : s, o = "trailing" in n ? !!n.trailing : o), le(e, t, {
+  return le(n) && (s = "leading" in n ? !!n.leading : s, o = "trailing" in n ? !!n.trailing : o), se(e, t, {
     leading: s,
     maxWait: t,
     trailing: o
   });
 }
 const K = (e, t, n) => {
-  const s = u(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = u(() => 0);
-  return ((m, f, i) => `${m} of ${f} entries`)(
+  const s = a(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = a(() => 0);
+  return ((h, f, d) => `${h} of ${f} entries`)(
     s.value,
     t,
     o.value
@@ -51,7 +51,7 @@ const K = (e, t, n) => {
   viewBox: "0 0 32 32"
 };
 function be(e, t) {
-  return d(), v("svg", we, t[0] || (t[0] = [
+  return c(), v("svg", we, t[0] || (t[0] = [
     r("path", { d: "M6 22.7h21.3m-6.8 6.8 6.8-6.8-6.8-6.7M26 9.3H4.7m6.8-6.8L4.7 9.3l6.8 6.7" }, null, -1)
   ]));
 }
@@ -63,7 +63,7 @@ const ge = { render: be }, Se = {
   viewBox: "0 0 32 32"
 };
 function Ie(e, t) {
-  return d(), v("svg", Se, t[0] || (t[0] = [
+  return c(), v("svg", Se, t[0] || (t[0] = [
     r("path", {
       fill: "#000",
       stroke: "none",
@@ -199,8 +199,8 @@ const pe = { render: Ie }, _e = {
   class: "spacer"
 };
 function Be(e, t, n, s, o, l) {
-  const m = w("LensIcon"), f = w("CloseIcon"), i = w("FunctionButton"), S = w("UpperLowerCaseIcon"), b = w("InverseSearchIcon"), g = w("InputField");
-  return d(), V(g, {
+  const h = w("LensIcon"), f = w("CloseIcon"), d = w("FunctionButton"), S = w("UpperLowerCaseIcon"), b = w("InverseSearchIcon"), g = w("InputField");
+  return c(), x(g, {
     id: n.id,
     ref: "searchInput",
     name: n.name,
@@ -208,7 +208,7 @@ function Be(e, t, n, s, o, l) {
     placeholder: n.placeholder,
     autofocus: n.autofocus,
     disabled: n.disabled,
-    class: k(["search-input", { disabled: n.disabled }]),
+    class: L(["search-input", { disabled: n.disabled }]),
     autocomplete: "off",
     "aria-owns": n.ariaOwns,
     "aria-activedescendant": n.ariaActivedescendant,
@@ -217,28 +217,28 @@ function Be(e, t, n, s, o, l) {
     onFocus: t[0] || (t[0] = (p) => e.$emit("focus", p)),
     "onUpdate:modelValue": t[1] || (t[1] = (p) => e.$emit("update:modelValue", p))
   }, {
-    icon: x(() => [
-      n.disabled ? y("", !0) : (d(), v("div", Le, [
+    icon: B(() => [
+      n.disabled ? y("", !0) : (c(), v("div", Le, [
         $(e.$slots, "icon", {}, () => [
-          I(m)
+          I(h)
         ], !0)
       ]))
     ]),
-    iconRight: x(() => [
-      l.showClearButton ? (d(), V(i, {
+    iconRight: B(() => [
+      l.showClearButton ? (c(), x(d, {
         key: 0,
         class: "clear-search",
         compact: n.compact,
         title: l.tooltipsWithDefaults.clear,
         onClick: l.clearSearch
       }, {
-        default: x(() => [
+        default: B(() => [
           I(f)
         ]),
         _: 1
       }, 8, ["compact", "title", "onClick"])) : y("", !0),
-      l.showSpacer ? (d(), v("span", ke)) : y("", !0),
-      !n.disabled && n.showCaseSensitiveSearchButton ? (d(), V(i, {
+      l.showSpacer ? (c(), v("span", ke)) : y("", !0),
+      !n.disabled && n.showCaseSensitiveSearchButton ? (c(), x(d, {
         key: 2,
         class: "toggle-case-sensitive-search",
         compact: n.compact,
@@ -246,12 +246,12 @@ function Be(e, t, n, s, o, l) {
         title: l.tooltipsWithDefaults.caseSensitive,
         onClick: l.toggleCaseSensitiveSearch
       }, {
-        default: x(() => [
+        default: B(() => [
           I(S)
         ]),
         _: 1
       }, 8, ["compact", "active", "title", "onClick"])) : y("", !0),
-      !n.disabled && n.showInverseSearchButton ? (d(), V(i, {
+      !n.disabled && n.showInverseSearchButton ? (c(), x(d, {
         key: 3,
         class: "toggle-inverse-search",
         compact: n.compact,
@@ -259,7 +259,7 @@ function Be(e, t, n, s, o, l) {
         active: o.inverseSearch,
         onClick: l.toggleInverseSearch
       }, {
-        default: x(() => [
+        default: B(() => [
           I(b)
         ]),
         _: 1
@@ -268,7 +268,7 @@ function Be(e, t, n, s, o, l) {
     _: 3
   }, 8, ["id", "name", "model-value", "placeholder", "autofocus", "disabled", "class", "aria-owns", "aria-activedescendant", "compact"]);
 }
-const xe = /* @__PURE__ */ A(ye, [["render", Be], ["__scopeId", "data-v-edba0a22"]]), Ve = {
+const xe = /* @__PURE__ */ T(ye, [["render", Be], ["__scopeId", "data-v-edba0a22"]]), Ve = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
@@ -276,7 +276,7 @@ const xe = /* @__PURE__ */ A(ye, [["render", Be], ["__scopeId", "data-v-edba0a22
   viewBox: "0 0 32 32"
 };
 function Ce(e, t) {
-  return d(), v("svg", Ve, t[0] || (t[0] = [
+  return c(), v("svg", Ve, t[0] || (t[0] = [
     r("path", { d: "m14.8 5 11 11-11 11M6.2 5l11 11-11 11" }, null, -1)
   ]));
 }
@@ -288,7 +288,7 @@ const Me = { render: Ce }, Re = {
   viewBox: "0 0 32 32"
 };
 function Ee(e, t) {
-  return d(), v("svg", Re, t[0] || (t[0] = [
+  return c(), v("svg", Re, t[0] || (t[0] = [
     r("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1)
   ]));
 }
@@ -300,11 +300,11 @@ const Te = { render: Ee }, Ae = {
   viewBox: "0 0 32 32"
 };
 function De(e, t) {
-  return d(), v("svg", Ae, t[0] || (t[0] = [
+  return c(), v("svg", Ae, t[0] || (t[0] = [
     r("path", { d: "m21.5 27-11-11 11-11" }, null, -1)
   ]));
 }
-const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
+const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
   __name: "ResizeHandle",
   props: {
     numberOfHandles: {},
@@ -315,84 +315,78 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
   },
   emits: ["resize-move", "resize-end"],
   setup(e, { emit: t }) {
-    q((a) => ({
+    q((i) => ({
       aa149252: W
     }));
-    const n = t, s = e, o = T(0), l = T(null), m = u(
+    const n = t, s = e, o = E(0), l = E(null), h = a(
       () => `calc(${s.handleWidth} + 2 * ${W})`
-    ), f = u(
+    ), f = a(
       () => s.connectHandlesOnResize && s.numberOfHandles > 1 && l.value !== null
-    ), i = u(
+    ), d = a(
       () => `(${s.numberOfHandles} - 1) * ${s.multipleHandlesHandleGap}`
-    ), S = u(
+    ), S = a(
       () => `(2 * ${s.numberOfHandles})`
-    ), b = u(
-      () => `(100% - ${i.value}) / ${S.value}`
-    ), g = u(
+    ), b = a(
+      () => `(100% - ${d.value}) / ${S.value}`
+    ), g = a(
       () => `calc(100% - 2 * ${b.value})`
-    ), p = (a) => {
-      s.disabled || (a.target.setPointerCapture(a.pointerId), a.preventDefault(), l.value = a.pointerId, o.value = a.clientY);
-    }, B = fe((a) => {
-      if (l.value === a.pointerId) {
-        const _ = a.clientY - o.value;
-        (_ < 0 && a.offsetY <= 0 || _ > 0 && a.offsetY >= 0) && n("resize-move", _), o.value = a.clientY;
+    ), p = (i) => {
+      s.disabled || (i.target.setPointerCapture(i.pointerId), i.preventDefault(), l.value = i.pointerId, o.value = i.clientY);
+    }, k = fe((i) => {
+      if (l.value === i.pointerId) {
+        const _ = i.clientY - o.value;
+        (_ < 0 && i.offsetY <= 0 || _ > 0 && i.offsetY >= 0) && n("resize-move", _), o.value = i.clientY;
       }
-    }, He), c = (a) => {
-      l.value === a.pointerId && (o.value = 0, l.value = null, n("resize-end"));
+    }, ze), u = (i) => {
+      l.value === i.pointerId && (o.value = 0, l.value = null, n("resize-end"));
     };
-    return (a, _) => (d(), v("div", {
+    return (i, _) => (c(), v("div", {
       class: "resize-handle-container",
-      style: D({ gap: a.multipleHandlesHandleGap })
+      style: D({ gap: i.multipleHandlesHandleGap })
     }, [
-      f.value ? (d(), v("div", {
+      f.value ? (c(), v("div", {
         key: 0,
         class: "handle connection",
         style: D({ width: g.value })
       }, null, 4)) : y("", !0),
-      (d(!0), v(ee, null, te(a.numberOfHandles, (C) => (d(), v("div", {
-        key: C,
-        class: k(["handle-container", { disabled: a.disabled }]),
-        style: D({ width: m.value }),
+      (c(!0), v(ee, null, te(i.numberOfHandles, (V) => (c(), v("div", {
+        key: V,
+        class: L(["handle-container", { disabled: i.disabled }]),
+        style: D({ width: h.value }),
         onPointerdown: p,
-        onPointerup: c,
+        onPointerup: u,
         onPointermove: _[0] || (_[0] = //@ts-ignore
-        (...M) => H(B) && H(B)(...M)),
-        onLostpointercapture: c
+        (...C) => z(k) && z(k)(...C)),
+        onLostpointercapture: u
       }, _[1] || (_[1] = [
         r("div", { class: "handle" }, null, -1)
       ]), 38))), 128))
     ], 4));
   }
-}), Ue = /* @__PURE__ */ A(Ne, [["__scopeId", "data-v-2123c51f"]]), E = "Enter", z = 5, Y = 30, Z = 24, Oe = 4, Pe = 56, Ke = ["left", "right"], We = Oe * Z + 2 * Pe, Fe = `calc((100% - ${Y}px) * 1 / 6)`, Ge = (e) => {
-  const t = u(
+}), Ue = /* @__PURE__ */ T(Ne, [["__scopeId", "data-v-2123c51f"]]), R = "Enter", H = 5, Y = 30, Z = 24, Oe = 4, Pe = 56, Ke = ["left", "right"], We = Oe * Z + 2 * Pe, Fe = `calc((100% - ${Y}px) * 1 / 6)`, Ge = (e) => {
+  const t = a(
     () => e.value !== null && "includeUnknownValues" in e.value ? { withUnknownValues: e.value } : { standard: e.value }
-  ), n = u(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = u(
-    () => {
-      var i;
-      return ((i = t.value.withUnknownValues) == null ? void 0 : i.excludedValues) ?? null;
-    }
-  ), o = u(
-    () => {
-      var i;
-      return ((i = t.value.withUnknownValues) == null ? void 0 : i.includeUnknownValues) ?? null;
-    }
-  ), l = u(
+  ), n = a(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = a(
+    () => t.value.withUnknownValues?.excludedValues ?? null
+  ), o = a(
+    () => t.value.withUnknownValues?.includeUnknownValues ?? null
+  ), l = a(
     () => o.value === !1
-  ), m = u(
+  ), h = a(
     () => o.value === !0
   );
   return {
     includedValues: n,
     excludedValues: s,
     showUnknownExcludedValues: l,
-    showUnknownIncludedValues: m,
-    getEmitValue: (i, S = (g) => g, b = (g) => g) => t.value.withUnknownValues ? {
-      includedValues: i,
+    showUnknownIncludedValues: h,
+    getEmitValue: (d, S = (g) => g, b = (g) => g) => t.value.withUnknownValues ? {
+      includedValues: d,
       excludedValues: S(s.value),
       includeUnknownValues: b(
         t.value.withUnknownValues.includeUnknownValues
       )
-    } : i
+    } : d
   };
 }, N = {
   name: "Twinlist",
@@ -400,7 +394,7 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
     ArrowNextDoubleIcon: Me,
     ArrowNextIcon: ne,
     ArrowPrevDoubleIcon: Te,
-    ArrowPrevIcon: ze,
+    ArrowPrevIcon: He,
     MultiselectListBox: ae,
     Label: ie,
     SearchInput: xe,
@@ -534,62 +528,53 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       showUnknownExcludedValues: s,
       showUnknownIncludedValues: o,
       getEmitValue: l
-    } = Ge(U(e, "modelValue")), m = T(e.initialSearchTerm), f = T(e.initialCaseSensitiveSearch), i = u(() => e.possibleValues.map((h) => h.id)), S = u(() => new Set(i.value)), b = u(() => t.value ? o.value ? t.value.filter(
-      (h) => S.value.has(h)
-    ) : t.value : null), g = u(() => Object.assign(
+    } = Ge(U(e, "modelValue")), h = E(e.initialSearchTerm), f = E(e.initialCaseSensitiveSearch), d = a(() => e.possibleValues.map((m) => m.id)), S = a(() => new Set(d.value)), b = a(() => t.value ? o.value ? t.value.filter(
+      (m) => S.value.has(m)
+    ) : t.value : null), g = a(() => Object.assign(
       {},
-      ...e.possibleValues.map((h, L) => ({
-        [h.id]: { item: h, index: L }
+      ...e.possibleValues.map((m, A) => ({
+        [m.id]: { item: m, index: A }
       }))
-    )), p = u(() => b.value === null ? [] : b.value.map(
-      (h) => {
-        var L;
-        return ((L = g.value[h]) == null ? void 0 : L.item) || P(h);
-      }
-    )), B = U(e, "showSearch"), c = O(
-      m,
+    )), p = a(() => b.value === null ? [] : b.value.map(
+      (m) => g.value[m]?.item || P(m)
+    )), k = U(e, "showSearch"), u = O(
+      h,
       f,
       p,
-      B
-    ), a = u(() => {
+      k
+    ), i = a(() => {
       if (!n.value) {
-        const h = new Set(t.value);
-        return i.value.filter(
-          (L) => !h.has(L)
+        const m = new Set(t.value);
+        return d.value.filter(
+          (A) => !m.has(A)
         );
       }
       return s.value ? n.value.filter(
-        (h) => S.value.has(h)
+        (m) => S.value.has(m)
       ) : n.value;
-    }), _ = u(() => b.value === null ? [] : a.value.map(
-      (h) => {
-        var L;
-        return ((L = g.value[h]) == null ? void 0 : L.item) || P(h);
-      }
-    )), C = O(
-      m,
+    }), _ = a(() => b.value === null ? [] : i.value.map(
+      (m) => g.value[m]?.item || P(m)
+    )), V = O(
+      h,
       f,
       _,
-      B
-    ), M = u(() => e.showSearch && m.value !== ""), X = u(() => e.showSearch && M.value ? K(C, a.value.length) : null), J = u(() => {
-      var h;
-      return e.showSearch && M.value ? K(
-        c,
-        (h = b.value) == null ? void 0 : h.length
-      ) : null;
-    });
+      k
+    ), C = a(() => e.showSearch && h.value !== ""), X = a(() => e.showSearch && C.value ? K(V, i.value.length) : null), J = a(() => e.showSearch && C.value ? K(
+      u,
+      b.value?.length
+    ) : null);
     return {
       includedValues: t,
       excludedValues: n,
       showUnknownExcludedValues: s,
       showUnknownIncludedValues: o,
       getEmitValue: l,
-      searchTerm: m,
-      filteredExcludedItems: C,
-      filteredIncludedItems: c,
-      knownExcludedValues: a,
+      searchTerm: h,
+      filteredExcludedItems: V,
+      filteredIncludedItems: u,
+      knownExcludedValues: i,
       knownIncludedValues: b,
-      possibleValueIds: i,
+      possibleValueIds: d,
       possibleValueIdsSet: S,
       excludedLabels: X,
       includedLabels: J,
@@ -605,7 +590,7 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       leftSelected: [],
       unknownValuesId: Symbol("Unknown values"),
       constants: Object.freeze({
-        MIN_LIST_SIZE: z,
+        MIN_LIST_SIZE: H,
         BUTTON_HEIGHT: Z,
         BUTTON_WIDTH: Y,
         RESIZE_HANDLE_WIDTH: Fe,
@@ -616,7 +601,7 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
   computed: {
     listSize() {
       const e = this.size === 0 ? this.possibleValues.length : this.size;
-      return e > z ? e : z;
+      return e > H ? e : H;
     },
     moveAllRightButtonDisabled() {
       return this.filteredExcludedItems.length === 0 && !this.showUnknownExcludedValues;
@@ -636,8 +621,7 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
   },
   methods: {
     getIndex(e) {
-      var t;
-      return ((t = this.possibleValueMap[e]) == null ? void 0 : t.index) ?? -1;
+      return this.possibleValueMap[e]?.index ?? -1;
     },
     compareByOriginalSorting(e, t) {
       return this.getIndex(e) - this.getIndex(t);
@@ -649,12 +633,12 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       toNewIncludedValues: t,
       toNewExcludedValues: n
     }) {
-      const s = e.filter((i) => i !== this.unknownValuesId), o = e.length > s.length, l = {
+      const s = e.filter((d) => d !== this.unknownValuesId), o = e.length > s.length, l = {
         knownValues: s,
         movingUnknownValues: o
       };
-      let m = null, f = null;
-      this.includedValues !== null && (m = t({
+      let h = null, f = null;
+      this.includedValues !== null && (h = t({
         previous: this.includedValues,
         movingParts: l
       })), this.excludedValues && (f = n({
@@ -663,9 +647,9 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       })), this.clearSelections(), this.$emit(
         "update:modelValue",
         this.getEmitValue(
-          m,
+          h,
           () => f,
-          (i) => o ? !i : i
+          (d) => o ? !d : d
         )
       );
     },
@@ -718,10 +702,10 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       );
     },
     onMoveAllRightButtonKey(e) {
-      e.key === E && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
+      e.key === R && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
     },
     onMoveRightButtonKey(e) {
-      e.key === E && (this.moveRight(), this.stopPropagation(e));
+      e.key === R && (this.moveRight(), this.stopPropagation(e));
     },
     onMoveLeftButtonClick() {
       this.moveLeft();
@@ -735,10 +719,10 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       );
     },
     onMoveLeftButtonKey(e) {
-      e.key === E && (this.moveLeft(), this.stopPropagation(e));
+      e.key === R && (this.moveLeft(), this.stopPropagation(e));
     },
     onMoveAllLeftButtonKey(e) {
-      e.key === E && (this.onMoveAllLeftButtonClick(), this.stopPropagation(e));
+      e.key === R && (this.onMoveAllLeftButtonClick(), this.stopPropagation(e));
     },
     stopPropagation(e) {
       e.preventDefault(), e.stopPropagation();
@@ -765,8 +749,7 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
       this.searchTerm = e;
     },
     hasSelection() {
-      var e;
-      return (((e = this.includedValues) == null ? void 0 : e.length) ?? 0) > 0;
+      return (this.includedValues?.length ?? 0) > 0;
     },
     validate() {
       const e = !this.filteredIncludedItems.some((t) => t.invalid) && (!this.excludedValues || !this.filteredExcludedItems.some((t) => t.invalid));
@@ -789,25 +772,25 @@ const ze = { render: De }, He = 10, W = "2px", Ne = /* @__PURE__ */ j({
   }
 }, F = () => {
   q((e) => ({
-    "075e49be": `${e.constants.BUTTON_WIDTH}px`,
-    a6106a36: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
-    cef70cb6: `${e.constants.BUTTON_HEIGHT}px`
+    83739938: `${e.constants.BUTTON_WIDTH}px`,
+    13873302: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
+    "82cc7682": `${e.constants.BUTTON_HEIGHT}px`
   }));
 }, G = N.setup;
 N.setup = G ? (e, t) => (F(), G(e, t)) : F;
 const je = { class: "twinlist" }, qe = { class: "header" }, Ye = { class: "title" }, Ze = ["title"], Xe = ["title"], Je = { class: "title" }, Qe = ["title"], $e = ["title"], et = { class: "buttons" };
 function tt(e, t, n, s, o, l) {
-  const m = w("SearchInput"), f = w("Label"), i = w("MultiselectListBox"), S = w("ArrowNextIcon"), b = w("ArrowNextDoubleIcon"), g = w("ArrowPrevIcon"), p = w("ArrowPrevDoubleIcon"), B = w("ResizeHandle");
-  return d(), v("div", je, [
-    n.showSearch ? (d(), V(f, {
+  const h = w("SearchInput"), f = w("Label"), d = w("MultiselectListBox"), S = w("ArrowNextIcon"), b = w("ArrowNextDoubleIcon"), g = w("ArrowPrevIcon"), p = w("ArrowPrevDoubleIcon"), k = w("ResizeHandle");
+  return c(), v("div", je, [
+    n.showSearch ? (c(), x(f, {
       key: 0,
       active: n.withSearchLabel,
       text: n.searchLabel,
       class: "search-wrapper"
     }, {
-      default: x(({ labelForId: c }) => [
-        I(m, {
-          id: c,
+      default: B(({ labelForId: u }) => [
+        I(h, {
+          id: u,
           ref: "search",
           placeholder: n.searchPlaceholder,
           "model-value": s.searchTerm,
@@ -820,7 +803,7 @@ function tt(e, t, n, s, o, l) {
           },
           compact: n.compact,
           "onUpdate:modelValue": l.onSearchInput,
-          onToggleCaseSensitiveSearch: t[0] || (t[0] = (a) => s.caseSensitiveSearch = a)
+          onToggleCaseSensitiveSearch: t[0] || (t[0] = (i) => s.caseSensitiveSearch = i)
         }, null, 8, ["id", "placeholder", "model-value", "label", "initial-case-sensitive-search", "disabled", "compact", "onUpdate:modelValue"])
       ]),
       _: 1
@@ -830,30 +813,30 @@ function tt(e, t, n, s, o, l) {
         r("div", {
           class: "label",
           title: n.leftLabel
-        }, R(n.leftLabel), 9, Ze),
-        s.excludedLabels ? (d(), v("div", {
+        }, M(n.leftLabel), 9, Ze),
+        s.excludedLabels ? (c(), v("div", {
           key: 0,
           title: s.excludedLabels,
           class: "info"
-        }, R(s.excludedLabels), 9, Xe)) : y("", !0)
+        }, M(s.excludedLabels), 9, Xe)) : y("", !0)
       ]),
       t[9] || (t[9] = r("div", { class: "space" }, null, -1)),
       r("div", Je, [
         r("div", {
           class: "label",
           title: n.rightLabel
-        }, R(n.rightLabel), 9, Qe),
-        s.includedLabels ? (d(), v("div", {
+        }, M(n.rightLabel), 9, Qe),
+        s.includedLabels ? (c(), v("div", {
           key: 0,
           title: s.includedLabels,
           class: "info"
-        }, R(s.includedLabels), 9, $e)) : y("", !0)
+        }, M(s.includedLabels), 9, $e)) : y("", !0)
       ])
     ]),
     r("div", {
-      class: k(["lists", { disabled: n.disabled }])
+      class: L(["lists", { disabled: n.disabled }])
     }, [
-      I(i, {
+      I(d, {
         ref: "left",
         "with-is-empty-state": n.showEmptyState,
         "empty-state-label": n.emptyStateLabel,
@@ -876,48 +859,48 @@ function tt(e, t, n, s, o, l) {
       r("div", et, [
         r("div", {
           ref: "moveRight",
-          class: k({ disabled: l.moveRightButtonDisabled || n.disabled }),
+          class: L({ disabled: l.moveRightButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[1] || (t[1] = (...c) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...c)),
-          onKeydown: t[2] || (t[2] = (...c) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...c))
+          onClick: t[1] || (t[1] = (...u) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...u)),
+          onKeydown: t[2] || (t[2] = (...u) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...u))
         }, [
           I(S, { class: "icon" })
         ], 34),
         r("div", {
           ref: "moveAllRight",
-          class: k({ disabled: l.moveAllRightButtonDisabled || n.disabled }),
+          class: L({ disabled: l.moveAllRightButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[3] || (t[3] = (...c) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...c)),
-          onKeydown: t[4] || (t[4] = (...c) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...c))
+          onClick: t[3] || (t[3] = (...u) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...u)),
+          onKeydown: t[4] || (t[4] = (...u) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...u))
         }, [
           I(b, { class: "icon" })
         ], 34),
         r("div", {
           ref: "moveLeft",
-          class: k({ disabled: l.moveLeftButtonDisabled || n.disabled }),
+          class: L({ disabled: l.moveLeftButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[5] || (t[5] = (...c) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...c)),
-          onKeydown: t[6] || (t[6] = (...c) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...c))
+          onClick: t[5] || (t[5] = (...u) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...u)),
+          onKeydown: t[6] || (t[6] = (...u) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...u))
         }, [
           I(g, { class: "icon" })
         ], 34),
         r("div", {
           ref: "moveAllLeft",
-          class: k({ disabled: l.moveAllLeftButtonDisabled || n.disabled }),
+          class: L({ disabled: l.moveAllLeftButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[7] || (t[7] = (...c) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...c)),
-          onKeydown: t[8] || (t[8] = (...c) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...c))
+          onClick: t[7] || (t[7] = (...u) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...u)),
+          onKeydown: t[8] || (t[8] = (...u) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...u))
         }, [
           I(p, { class: "icon" })
         ], 34)
       ]),
-      I(i, {
+      I(d, {
         ref: "right",
-        class: k(["list-box", { "with-empty-state-icon": n.emptyStateComponent }]),
+        class: L(["list-box", { "with-empty-state-icon": n.emptyStateComponent }]),
         "model-value": o.rightSelected,
         "with-bottom-value": s.showUnknownIncludedValues,
         "bottom-value": { id: o.unknownValuesId, text: n.unknownValuesText },
@@ -935,7 +918,7 @@ function tt(e, t, n, s, o, l) {
         "onUpdate:modelValue": l.onRightInput
       }, null, 8, ["class", "model-value", "with-bottom-value", "bottom-value", "with-is-empty-state", "empty-state-label", "empty-state-component", "possible-values", "size", "min-size", "ariaLabel", "disabled", "onDoubleClickOnItem", "onDoubleClickShift", "onKeyArrowLeft", "onUpdate:modelValue"])
     ], 2),
-    n.showResizeHandle ? (d(), V(B, {
+    n.showResizeHandle ? (c(), x(k, {
       key: 1,
       "number-of-handles": 2,
       "handle-width": o.constants.RESIZE_HANDLE_WIDTH,
@@ -946,15 +929,15 @@ function tt(e, t, n, s, o, l) {
     }, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) : y("", !0)
   ]);
 }
-const mt = /* @__PURE__ */ A(N, [["render", tt], ["__scopeId", "data-v-6c9be4a2"]]), nt = { class: "info" }, lt = /* @__PURE__ */ j({
+const mt = /* @__PURE__ */ T(N, [["render", tt], ["__scopeId", "data-v-96efc6ba"]]), nt = { class: "info" }, lt = /* @__PURE__ */ j({
   __name: "TwinlistLoadingInfo",
   setup(e) {
-    return (t, n) => (d(), v("div", nt, [
+    return (t, n) => (c(), v("div", nt, [
       n[0] || (n[0] = r("span", null, "Loading...", -1)),
-      I(H(de), { class: "icon" })
+      I(z(de), { class: "icon" })
     ]));
   }
-}), vt = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-52b0b5dd"]]);
+}), vt = /* @__PURE__ */ T(lt, [["__scopeId", "data-v-52b0b5dd"]]);
 export {
   xe as S,
   vt as T,