@knime/jsonforms 1.15.0 → 1.15.2

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

@@ -1,21 +1,21 @@
-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 { 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-CnTmPYAB.js";
-const re = {
+import { createElementBlock as v, openBlock as d, createElementVNode as r, computed as u, nextTick as te, resolveComponent as w, createBlock as V, normalizeClass as L, withCtx as k, createCommentVNode as y, createVNode as I, renderSlot as H, defineComponent as Z, useCssVars as X, ref as E, normalizeStyle as D, Fragment as ne, renderList as le, unref as N, toRef as O, toDisplayString as R, normalizeProps as P, guardReactiveProps as K } from "vue";
+import { N as se } from "./arrow-next-BQVCxGb8.js";
+import { u as W } from "./useSearch-hpyYQ_6y.js";
+import { G as oe, H as ie, _ as T, v as ae, y as ue } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { M as de } from "./MultiselectListBox-DPzM2Ttt.js";
+import { C as ce } from "./close-DGt8x-x_.js";
+import { I as re } from "./InputField-BFt5Zzv5.js";
+import { c as F } from "./createMissingItem-B00Kg95q.js";
+import { L as he } from "./LoadingIcon-BqKwArbh.js";
+const me = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function he(e, t) {
-  return c(), v("svg", re, t[0] || (t[0] = [
+function ve(e, t) {
+  return d(), v("svg", me, t[0] || (t[0] = [
     r("circle", {
       cx: "13.2",
       cy: "13.2",
@@ -24,46 +24,46 @@ function he(e, t) {
     r("path", { d: "m20.2 20.2 8.6 8.6" }, null, -1)
   ]));
 }
-const me = { render: he };
-var ve = "Expected a function";
-function fe(e, t, n) {
+const fe = { render: ve };
+var we = "Expected a function";
+function be(e, t, n) {
   var s = !0, o = !0;
   if (typeof e != "function")
-    throw new TypeError(ve);
-  return le(n) && (s = "leading" in n ? !!n.leading : s, o = "trailing" in n ? !!n.trailing : o), se(e, t, {
+    throw new TypeError(we);
+  return oe(n) && (s = "leading" in n ? !!n.leading : s, o = "trailing" in n ? !!n.trailing : o), ie(e, t, {
     leading: s,
     maxWait: t,
     trailing: o
   });
 }
-const K = (e, t, n) => {
-  const s = a(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = a(() => 0);
-  return ((h, f, d) => `${h} of ${f} entries`)(
+const G = (e, t, n) => {
+  const s = u(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = u(() => 0);
+  return ((h, f, c) => `${h} of ${f} entries`)(
     s.value,
     t,
     o.value
   );
-}, we = {
+}, ge = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function be(e, t) {
-  return c(), v("svg", we, t[0] || (t[0] = [
+function Se(e, t) {
+  return d(), v("svg", ge, 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)
   ]));
 }
-const ge = { render: be }, Se = {
+const Ie = { render: Se }, pe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function Ie(e, t) {
-  return c(), v("svg", Se, t[0] || (t[0] = [
+function _e(e, t) {
+  return d(), v("svg", pe, t[0] || (t[0] = [
     r("path", {
       fill: "#000",
       stroke: "none",
@@ -72,19 +72,19 @@ function Ie(e, t) {
     }, null, -1)
   ]));
 }
-const pe = { render: Ie }, _e = {
+const ye = { render: _e }, Le = {
   clear: "Clear",
   inverseSearch: "Exclude results that match query",
   caseSensitive: "Toggle case sensitivity"
-}, ye = {
+}, ke = {
   name: "SearchInput",
   components: {
-    InputField: ce,
-    FunctionButton: oe,
-    CloseIcon: ue,
-    LensIcon: me,
-    InverseSearchIcon: ge,
-    UpperLowerCaseIcon: pe
+    InputField: re,
+    FunctionButton: ae,
+    CloseIcon: ce,
+    LensIcon: fe,
+    InverseSearchIcon: Ie,
+    UpperLowerCaseIcon: ye
   },
   props: {
     id: {
@@ -171,11 +171,11 @@ const pe = { render: Ie }, _e = {
       return this.showClearButton && (this.showCaseSensitiveSearchButton || this.showInverseSearchButton);
     },
     tooltipsWithDefaults() {
-      return { ..._e, ...this.tooltips };
+      return { ...Le, ...this.tooltips };
     }
   },
   async mounted() {
-    this.focusOnMount && (await Q(), this.focus());
+    this.focusOnMount && (await te(), this.focus());
   },
   methods: {
     clearSearch() {
@@ -191,16 +191,16 @@ const pe = { render: Ie }, _e = {
       this.$refs.searchInput.focus();
     }
   }
-}, Le = {
+}, Be = {
   key: 0,
   class: "icon-slot-wrapper"
-}, ke = {
+}, Ve = {
   key: 1,
   class: "spacer"
 };
-function Be(e, t, n, s, o, l) {
-  const h = w("LensIcon"), f = w("CloseIcon"), d = w("FunctionButton"), S = w("UpperLowerCaseIcon"), b = w("InverseSearchIcon"), g = w("InputField");
-  return c(), x(g, {
+function xe(e, t, n, s, o, l) {
+  const h = w("LensIcon"), f = w("CloseIcon"), c = w("FunctionButton"), S = w("UpperLowerCaseIcon"), b = w("InverseSearchIcon"), g = w("InputField");
+  return d(), V(g, {
     id: n.id,
     ref: "searchInput",
     name: n.name,
@@ -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: B(() => [
-      n.disabled ? y("", !0) : (c(), v("div", Le, [
-        $(e.$slots, "icon", {}, () => [
+    icon: k(() => [
+      n.disabled ? y("", !0) : (d(), v("div", Be, [
+        H(e.$slots, "icon", {}, () => [
           I(h)
         ], !0)
       ]))
     ]),
-    iconRight: B(() => [
-      l.showClearButton ? (c(), x(d, {
+    iconRight: k(() => [
+      l.showClearButton ? (d(), V(c, {
         key: 0,
         class: "clear-search",
         compact: n.compact,
         title: l.tooltipsWithDefaults.clear,
         onClick: l.clearSearch
       }, {
-        default: B(() => [
+        default: k(() => [
           I(f)
         ]),
         _: 1
       }, 8, ["compact", "title", "onClick"])) : y("", !0),
-      l.showSpacer ? (c(), v("span", ke)) : y("", !0),
-      !n.disabled && n.showCaseSensitiveSearchButton ? (c(), x(d, {
+      l.showSpacer ? (d(), v("span", Ve)) : y("", !0),
+      !n.disabled && n.showCaseSensitiveSearchButton ? (d(), V(c, {
         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: B(() => [
+        default: k(() => [
           I(S)
         ]),
         _: 1
       }, 8, ["compact", "active", "title", "onClick"])) : y("", !0),
-      !n.disabled && n.showInverseSearchButton ? (c(), x(d, {
+      !n.disabled && n.showInverseSearchButton ? (d(), V(c, {
         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: B(() => [
+        default: k(() => [
           I(b)
         ]),
         _: 1
@@ -268,43 +268,43 @@ 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__ */ T(ye, [["render", Be], ["__scopeId", "data-v-edba0a22"]]), Ve = {
+const Ce = /* @__PURE__ */ T(ke, [["render", xe], ["__scopeId", "data-v-edba0a22"]]), Re = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function Ce(e, t) {
-  return c(), v("svg", Ve, t[0] || (t[0] = [
+function Me(e, t) {
+  return d(), v("svg", Re, t[0] || (t[0] = [
     r("path", { d: "m14.8 5 11 11-11 11M6.2 5l11 11-11 11" }, null, -1)
   ]));
 }
-const Me = { render: Ce }, Re = {
+const Ee = { render: Me }, Te = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function Ee(e, t) {
-  return c(), v("svg", Re, t[0] || (t[0] = [
+function Ae(e, t) {
+  return d(), v("svg", Te, t[0] || (t[0] = [
     r("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1)
   ]));
 }
-const Te = { render: Ee }, Ae = {
+const De = { render: Ae }, ze = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
   "stroke-linejoin": "round",
   viewBox: "0 0 32 32"
 };
-function De(e, t) {
-  return c(), v("svg", Ae, t[0] || (t[0] = [
+function He(e, t) {
+  return d(), v("svg", ze, t[0] || (t[0] = [
     r("path", { d: "m21.5 27-11-11 11-11" }, null, -1)
   ]));
 }
-const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
+const Ne = { render: He }, Ue = 10, j = "2px", Oe = /* @__PURE__ */ Z({
   __name: "ResizeHandle",
   props: {
     numberOfHandles: {},
@@ -315,64 +315,64 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
   },
   emits: ["resize-move", "resize-end"],
   setup(e, { emit: t }) {
-    q((i) => ({
-      aa149252: W
+    X((a) => ({
+      aa149252: j
     }));
-    const n = t, s = e, o = E(0), l = E(null), h = a(
-      () => `calc(${s.handleWidth} + 2 * ${W})`
-    ), f = a(
+    const n = t, s = e, o = E(0), l = E(null), h = u(
+      () => `calc(${s.handleWidth} + 2 * ${j})`
+    ), f = u(
       () => s.connectHandlesOnResize && s.numberOfHandles > 1 && l.value !== null
-    ), d = a(
+    ), c = u(
       () => `(${s.numberOfHandles} - 1) * ${s.multipleHandlesHandleGap}`
-    ), S = a(
+    ), S = u(
       () => `(2 * ${s.numberOfHandles})`
-    ), b = a(
-      () => `(100% - ${d.value}) / ${S.value}`
-    ), g = a(
+    ), b = u(
+      () => `(100% - ${c.value}) / ${S.value}`
+    ), g = u(
       () => `calc(100% - 2 * ${b.value})`
-    ), 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;
+    ), p = (a) => {
+      s.disabled || (a.target.setPointerCapture(a.pointerId), a.preventDefault(), l.value = a.pointerId, o.value = a.clientY);
+    }, B = be((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;
       }
-    }, ze), u = (i) => {
-      l.value === i.pointerId && (o.value = 0, l.value = null, n("resize-end"));
+    }, Ue), i = (a) => {
+      l.value === a.pointerId && (o.value = 0, l.value = null, n("resize-end"));
     };
-    return (i, _) => (c(), v("div", {
+    return (a, _) => (d(), v("div", {
       class: "resize-handle-container",
-      style: D({ gap: i.multipleHandlesHandleGap })
+      style: D({ gap: a.multipleHandlesHandleGap })
     }, [
-      f.value ? (c(), v("div", {
+      f.value ? (d(), v("div", {
         key: 0,
         class: "handle connection",
         style: D({ width: g.value })
       }, null, 4)) : y("", !0),
-      (c(!0), v(ee, null, te(i.numberOfHandles, (V) => (c(), v("div", {
-        key: V,
-        class: L(["handle-container", { disabled: i.disabled }]),
+      (d(!0), v(ne, null, le(a.numberOfHandles, (x) => (d(), v("div", {
+        key: x,
+        class: L(["handle-container", { disabled: a.disabled }]),
         style: D({ width: h.value }),
         onPointerdown: p,
-        onPointerup: u,
+        onPointerup: i,
         onPointermove: _[0] || (_[0] = //@ts-ignore
-        (...C) => z(k) && z(k)(...C)),
-        onLostpointercapture: u
+        (...C) => N(B) && N(B)(...C)),
+        onLostpointercapture: i
       }, _[1] || (_[1] = [
         r("div", { class: "handle" }, null, -1)
       ]), 38))), 128))
     ], 4));
   }
-}), 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(
+}), Pe = /* @__PURE__ */ T(Oe, [["__scopeId", "data-v-2123c51f"]]), M = "Enter", z = 5, J = 30, Q = 24, Ke = 4, We = 56, Fe = ["left", "right"], Ge = Ke * Q + 2 * We, je = `calc((100% - ${J}px) * 1 / 6)`, qe = (e) => {
+  const t = u(
     () => e.value !== null && "includeUnknownValues" in e.value ? { withUnknownValues: e.value } : { standard: e.value }
-  ), n = a(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = a(
+  ), n = u(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = u(
     () => t.value.withUnknownValues?.excludedValues ?? null
-  ), o = a(
+  ), o = u(
     () => t.value.withUnknownValues?.includeUnknownValues ?? null
-  ), l = a(
+  ), l = u(
     () => o.value === !1
-  ), h = a(
+  ), h = u(
     () => o.value === !0
   );
   return {
@@ -380,25 +380,25 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
     excludedValues: s,
     showUnknownExcludedValues: l,
     showUnknownIncludedValues: h,
-    getEmitValue: (d, S = (g) => g, b = (g) => g) => t.value.withUnknownValues ? {
-      includedValues: d,
+    getEmitValue: (c, S = (g) => g, b = (g) => g) => t.value.withUnknownValues ? {
+      includedValues: c,
       excludedValues: S(s.value),
       includeUnknownValues: b(
         t.value.withUnknownValues.includeUnknownValues
       )
-    } : d
+    } : c
   };
-}, N = {
+}, U = {
   name: "Twinlist",
   components: {
-    ArrowNextDoubleIcon: Me,
-    ArrowNextIcon: ne,
-    ArrowPrevDoubleIcon: Te,
-    ArrowPrevIcon: He,
-    MultiselectListBox: ae,
-    Label: ie,
-    SearchInput: xe,
-    ResizeHandle: Ue
+    ArrowNextDoubleIcon: Ee,
+    ArrowNextIcon: se,
+    ArrowPrevDoubleIcon: De,
+    ArrowPrevIcon: Ne,
+    MultiselectListBox: de,
+    Label: ue,
+    SearchInput: Ce,
+    ResizeHandle: Pe
   },
   props: {
     modelValue: {
@@ -528,39 +528,39 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       showUnknownExcludedValues: s,
       showUnknownIncludedValues: o,
       getEmitValue: l
-    } = 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(
+    } = qe(O(e, "modelValue")), h = E(e.initialSearchTerm), f = E(e.initialCaseSensitiveSearch), c = u(() => e.possibleValues.map((m) => m.id)), S = u(() => new Set(c.value)), b = u(() => t.value ? o.value ? t.value.filter(
       (m) => S.value.has(m)
-    ) : t.value : null), g = a(() => Object.assign(
+    ) : t.value : null), g = u(() => Object.assign(
       {},
       ...e.possibleValues.map((m, A) => ({
         [m.id]: { item: m, index: A }
       }))
-    )), p = a(() => b.value === null ? [] : b.value.map(
-      (m) => g.value[m]?.item || P(m)
-    )), k = U(e, "showSearch"), u = O(
+    )), p = u(() => b.value === null ? [] : b.value.map(
+      (m) => g.value[m]?.item || F(m)
+    )), B = O(e, "showSearch"), i = W(
       h,
       f,
       p,
-      k
-    ), i = a(() => {
+      B
+    ), a = u(() => {
       if (!n.value) {
         const m = new Set(t.value);
-        return d.value.filter(
+        return c.value.filter(
           (A) => !m.has(A)
         );
       }
       return s.value ? n.value.filter(
         (m) => S.value.has(m)
       ) : n.value;
-    }), _ = a(() => b.value === null ? [] : i.value.map(
-      (m) => g.value[m]?.item || P(m)
-    )), V = O(
+    }), _ = u(() => b.value === null ? [] : a.value.map(
+      (m) => g.value[m]?.item || F(m)
+    )), x = W(
       h,
       f,
       _,
-      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
+    ), C = u(() => e.showSearch && h.value !== ""), $ = u(() => e.showSearch && C.value ? G(x, a.value.length) : null), ee = u(() => e.showSearch && C.value ? G(
+      i,
       b.value?.length
     ) : null);
     return {
@@ -570,14 +570,14 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       showUnknownIncludedValues: o,
       getEmitValue: l,
       searchTerm: h,
-      filteredExcludedItems: V,
-      filteredIncludedItems: u,
-      knownExcludedValues: i,
+      filteredExcludedItems: x,
+      filteredIncludedItems: i,
+      knownExcludedValues: a,
       knownIncludedValues: b,
-      possibleValueIds: d,
+      possibleValueIds: c,
       possibleValueIdsSet: S,
-      excludedLabels: X,
-      includedLabels: J,
+      excludedLabels: $,
+      includedLabels: ee,
       caseSensitiveSearch: f,
       allIncludedItems: p,
       possibleValueMap: g
@@ -590,18 +590,18 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       leftSelected: [],
       unknownValuesId: Symbol("Unknown values"),
       constants: Object.freeze({
-        MIN_LIST_SIZE: H,
-        BUTTON_HEIGHT: Z,
-        BUTTON_WIDTH: Y,
-        RESIZE_HANDLE_WIDTH: Fe,
-        MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT: We
+        MIN_LIST_SIZE: z,
+        BUTTON_HEIGHT: Q,
+        BUTTON_WIDTH: J,
+        RESIZE_HANDLE_WIDTH: je,
+        MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT: Ge
       })
     };
   },
   computed: {
     listSize() {
       const e = this.size === 0 ? this.possibleValues.length : this.size;
-      return e > H ? e : H;
+      return e > z ? e : z;
     },
     moveAllRightButtonDisabled() {
       return this.filteredExcludedItems.length === 0 && !this.showUnknownExcludedValues;
@@ -633,7 +633,7 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       toNewIncludedValues: t,
       toNewExcludedValues: n
     }) {
-      const s = e.filter((d) => d !== this.unknownValuesId), o = e.length > s.length, l = {
+      const s = e.filter((c) => c !== this.unknownValuesId), o = e.length > s.length, l = {
         knownValues: s,
         movingUnknownValues: o
       };
@@ -649,7 +649,7 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
         this.getEmitValue(
           h,
           () => f,
-          (d) => o ? !d : d
+          (c) => o ? !c : c
         )
       );
     },
@@ -702,10 +702,10 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       );
     },
     onMoveAllRightButtonKey(e) {
-      e.key === R && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
+      e.key === M && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
     },
     onMoveRightButtonKey(e) {
-      e.key === R && (this.moveRight(), this.stopPropagation(e));
+      e.key === M && (this.moveRight(), this.stopPropagation(e));
     },
     onMoveLeftButtonClick() {
       this.moveLeft();
@@ -719,10 +719,10 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       );
     },
     onMoveLeftButtonKey(e) {
-      e.key === R && (this.moveLeft(), this.stopPropagation(e));
+      e.key === M && (this.moveLeft(), this.stopPropagation(e));
     },
     onMoveAllLeftButtonKey(e) {
-      e.key === R && (this.onMoveAllLeftButtonClick(), this.stopPropagation(e));
+      e.key === M && (this.onMoveAllLeftButtonClick(), this.stopPropagation(e));
     },
     stopPropagation(e) {
       e.preventDefault(), e.stopPropagation();
@@ -759,7 +759,7 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       };
     },
     getListBoxes() {
-      return Ke.map(
+      return Fe.map(
         (e) => this.$refs[e]
       );
     },
@@ -770,27 +770,27 @@ const He = { render: De }, ze = 10, W = "2px", Ne = /* @__PURE__ */ j({
       this.getListBoxes().forEach((e) => e.onResizeEnd());
     }
   }
-}, F = () => {
-  q((e) => ({
-    83739938: `${e.constants.BUTTON_WIDTH}px`,
-    13873302: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
-    "82cc7682": `${e.constants.BUTTON_HEIGHT}px`
+}, q = () => {
+  X((e) => ({
+    "9edbba54": `${e.constants.BUTTON_WIDTH}px`,
+    "4ca536cd": `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
+    "15cbc38d": `${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 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, {
+}, Y = U.setup;
+U.setup = Y ? (e, t) => (q(), Y(e, t)) : q;
+const Ye = { class: "twinlist" }, Ze = { class: "header" }, Xe = { class: "title" }, Je = ["title"], Qe = ["title"], $e = { class: "title" }, et = ["title"], tt = ["title"], nt = { class: "buttons" };
+function lt(e, t, n, s, o, l) {
+  const h = w("SearchInput"), f = w("Label"), c = w("MultiselectListBox"), S = w("ArrowNextIcon"), b = w("ArrowNextDoubleIcon"), g = w("ArrowPrevIcon"), p = w("ArrowPrevDoubleIcon"), B = w("ResizeHandle");
+  return d(), v("div", Ye, [
+    n.showSearch ? (d(), V(f, {
       key: 0,
       active: n.withSearchLabel,
       text: n.searchLabel,
       class: "search-wrapper"
     }, {
-      default: B(({ labelForId: u }) => [
+      default: k(({ labelForId: i }) => [
         I(h, {
-          id: u,
+          id: i,
           ref: "search",
           placeholder: n.searchPlaceholder,
           "model-value": s.searchTerm,
@@ -803,40 +803,40 @@ function tt(e, t, n, s, o, l) {
           },
           compact: n.compact,
           "onUpdate:modelValue": l.onSearchInput,
-          onToggleCaseSensitiveSearch: t[0] || (t[0] = (i) => s.caseSensitiveSearch = i)
+          onToggleCaseSensitiveSearch: t[0] || (t[0] = (a) => s.caseSensitiveSearch = a)
         }, null, 8, ["id", "placeholder", "model-value", "label", "initial-case-sensitive-search", "disabled", "compact", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 8, ["active", "text"])) : y("", !0),
-    r("div", qe, [
-      r("div", Ye, [
+    r("div", Ze, [
+      r("div", Xe, [
         r("div", {
           class: "label",
           title: n.leftLabel
-        }, M(n.leftLabel), 9, Ze),
-        s.excludedLabels ? (c(), v("div", {
+        }, R(n.leftLabel), 9, Je),
+        s.excludedLabels ? (d(), v("div", {
           key: 0,
           title: s.excludedLabels,
           class: "info"
-        }, M(s.excludedLabels), 9, Xe)) : y("", !0)
+        }, R(s.excludedLabels), 9, Qe)) : y("", !0)
       ]),
       t[9] || (t[9] = r("div", { class: "space" }, null, -1)),
-      r("div", Je, [
+      r("div", $e, [
         r("div", {
           class: "label",
           title: n.rightLabel
-        }, M(n.rightLabel), 9, Qe),
-        s.includedLabels ? (c(), v("div", {
+        }, R(n.rightLabel), 9, et),
+        s.includedLabels ? (d(), v("div", {
           key: 0,
           title: s.includedLabels,
           class: "info"
-        }, M(s.includedLabels), 9, $e)) : y("", !0)
+        }, R(s.includedLabels), 9, tt)) : y("", !0)
       ])
     ]),
     r("div", {
       class: L(["lists", { disabled: n.disabled }])
     }, [
-      I(d, {
+      I(c, {
         ref: "left",
         "with-is-empty-state": n.showEmptyState,
         "empty-state-label": n.emptyStateLabel,
@@ -855,15 +855,20 @@ function tt(e, t, n, s, o, l) {
         onDoubleClickShift: l.onLeftListBoxShiftDoubleClick,
         onKeyArrowRight: l.moveRight,
         "onUpdate:modelValue": l.onLeftInput
-      }, null, 8, ["with-is-empty-state", "empty-state-label", "empty-state-component", "size", "min-size", "model-value", "with-bottom-value", "bottom-value", "is-valid", "possible-values", "ariaLabel", "disabled", "onDoubleClickOnItem", "onDoubleClickShift", "onKeyArrowRight", "onUpdate:modelValue"]),
-      r("div", et, [
+      }, {
+        option: k((i) => [
+          H(e.$slots, "option", P(K(i)), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["with-is-empty-state", "empty-state-label", "empty-state-component", "size", "min-size", "model-value", "with-bottom-value", "bottom-value", "is-valid", "possible-values", "ariaLabel", "disabled", "onDoubleClickOnItem", "onDoubleClickShift", "onKeyArrowRight", "onUpdate:modelValue"]),
+      r("div", nt, [
         r("div", {
           ref: "moveRight",
           class: L({ disabled: l.moveRightButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[1] || (t[1] = (...u) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...u)),
-          onKeydown: t[2] || (t[2] = (...u) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...u))
+          onClick: t[1] || (t[1] = (...i) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...i)),
+          onKeydown: t[2] || (t[2] = (...i) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...i))
         }, [
           I(S, { class: "icon" })
         ], 34),
@@ -872,8 +877,8 @@ function tt(e, t, n, s, o, l) {
           class: L({ disabled: l.moveAllRightButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[3] || (t[3] = (...u) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...u)),
-          onKeydown: t[4] || (t[4] = (...u) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...u))
+          onClick: t[3] || (t[3] = (...i) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...i)),
+          onKeydown: t[4] || (t[4] = (...i) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...i))
         }, [
           I(b, { class: "icon" })
         ], 34),
@@ -882,8 +887,8 @@ function tt(e, t, n, s, o, l) {
           class: L({ disabled: l.moveLeftButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[5] || (t[5] = (...u) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...u)),
-          onKeydown: t[6] || (t[6] = (...u) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...u))
+          onClick: t[5] || (t[5] = (...i) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...i)),
+          onKeydown: t[6] || (t[6] = (...i) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...i))
         }, [
           I(g, { class: "icon" })
         ], 34),
@@ -892,13 +897,13 @@ function tt(e, t, n, s, o, l) {
           class: L({ disabled: l.moveAllLeftButtonDisabled || n.disabled }),
           role: "button",
           tabindex: "0",
-          onClick: t[7] || (t[7] = (...u) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...u)),
-          onKeydown: t[8] || (t[8] = (...u) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...u))
+          onClick: t[7] || (t[7] = (...i) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...i)),
+          onKeydown: t[8] || (t[8] = (...i) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...i))
         }, [
           I(p, { class: "icon" })
         ], 34)
       ]),
-      I(d, {
+      I(c, {
         ref: "right",
         class: L(["list-box", { "with-empty-state-icon": n.emptyStateComponent }]),
         "model-value": o.rightSelected,
@@ -916,9 +921,14 @@ function tt(e, t, n, s, o, l) {
         onDoubleClickShift: l.onRightListBoxShiftDoubleClick,
         onKeyArrowLeft: l.moveLeft,
         "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"])
+      }, {
+        option: k((i) => [
+          H(e.$slots, "option", P(K(i)), void 0, !0)
+        ]),
+        _: 3
+      }, 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 ? (c(), x(k, {
+    n.showResizeHandle ? (d(), V(B, {
       key: 1,
       "number-of-handles": 2,
       "handle-width": o.constants.RESIZE_HANDLE_WIDTH,
@@ -929,18 +939,18 @@ function tt(e, t, n, s, o, l) {
     }, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) : y("", !0)
   ]);
 }
-const mt = /* @__PURE__ */ T(N, [["render", tt], ["__scopeId", "data-v-96efc6ba"]]), nt = { class: "info" }, lt = /* @__PURE__ */ j({
+const ft = /* @__PURE__ */ T(U, [["render", lt], ["__scopeId", "data-v-0fa3ade8"]]), st = { class: "info" }, ot = /* @__PURE__ */ Z({
   __name: "TwinlistLoadingInfo",
   setup(e) {
-    return (t, n) => (c(), v("div", nt, [
+    return (t, n) => (d(), v("div", st, [
       n[0] || (n[0] = r("span", null, "Loading...", -1)),
-      I(z(de), { class: "icon" })
+      I(N(he), { class: "icon" })
     ]));
   }
-}), vt = /* @__PURE__ */ T(lt, [["__scopeId", "data-v-52b0b5dd"]]);
+}), wt = /* @__PURE__ */ T(ot, [["__scopeId", "data-v-52b0b5dd"]]);
 export {
-  xe as S,
-  vt as T,
-  mt as a,
-  Ge as u
+  Ce as S,
+  wt as T,
+  ft as a,
+  qe as u
 };