@knime/jsonforms 0.1.4

package/dist/TwinlistLoadingInfo-CFlSBQXn.js

@@ -0,0 +1,1057 @@
+import { openBlock as m, createElementBlock as w, createElementVNode as v, computed as h, nextTick as oe, resolveComponent as I, createBlock as E, normalizeClass as B, withCtx as T, renderSlot as ue, createVNode as p, createCommentVNode as L, defineComponent as le, useCssVars as se, ref as D, normalizeStyle as z, Fragment as ce, renderList as re, unref as W, pushScopeId as F, popScopeId as q, toRef as Y, toDisplayString as R } from "vue";
+import { A as de } from "./arrow-next-CvdR0-WC.js";
+import { aF as he, aG as O, aH as fe, _ as H, I as me, F as ve, C as ge, g as be, aI as Z, T as Se } from "./index-ZDm2GXeD.js";
+import { M as we } from "./MultiselectListBox-C4ZnJvJJ.js";
+import { c as X } from "./createMissingItem-B00Kg95q.js";
+var _e = /\s/;
+function Ie(e) {
+  for (var t = e.length; t-- && _e.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var pe = /^\s+/;
+function ye(e) {
+  return e && e.slice(0, Ie(e) + 1).replace(pe, "");
+}
+var J = NaN, ke = /^[-+]0x[0-9a-f]+$/i, Le = /^0b[01]+$/i, xe = /^0o[0-7]+$/i, Ve = parseInt;
+function Q(e) {
+  if (typeof e == "number")
+    return e;
+  if (he(e))
+    return J;
+  if (O(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = O(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = ye(e);
+  var n = Le.test(e);
+  return n || xe.test(e) ? Ve(e.slice(2), n ? 2 : 8) : ke.test(e) ? J : +e;
+}
+var P = function() {
+  return fe.Date.now();
+}, Be = "Expected a function", Ce = Math.max, Te = Math.min;
+function Ee(e, t, n) {
+  var s, i, l, d, u, a, b = 0, S = !1, g = !1, _ = !0;
+  if (typeof e != "function")
+    throw new TypeError(Be);
+  t = Q(t) || 0, O(n) && (S = !!n.leading, g = "maxWait" in n, l = g ? Ce(Q(n.maxWait) || 0, t) : l, _ = "trailing" in n ? !!n.trailing : _);
+  function y(o) {
+    var V = s, M = i;
+    return s = i = void 0, b = o, d = e.apply(M, V), d;
+  }
+  function r(o) {
+    return b = o, u = setTimeout(x, t), S ? y(o) : d;
+  }
+  function c(o) {
+    var V = o - a, M = o - b, G = t - V;
+    return g ? Te(G, l - M) : G;
+  }
+  function k(o) {
+    var V = o - a, M = o - b;
+    return a === void 0 || V >= t || V < 0 || g && M >= l;
+  }
+  function x() {
+    var o = P();
+    if (k(o))
+      return C(o);
+    u = setTimeout(x, c(o));
+  }
+  function C(o) {
+    return u = void 0, _ && s ? y(o) : (s = i = void 0, d);
+  }
+  function N() {
+    u !== void 0 && clearTimeout(u), b = 0, s = a = i = u = void 0;
+  }
+  function U() {
+    return u === void 0 ? d : C(P());
+  }
+  function f() {
+    var o = P(), V = k(o);
+    if (s = arguments, i = this, a = o, V) {
+      if (u === void 0)
+        return r(a);
+      if (g)
+        return clearTimeout(u), u = setTimeout(x, t), y(a);
+    }
+    return u === void 0 && (u = setTimeout(x, t)), d;
+  }
+  return f.cancel = N, f.flush = U, f;
+}
+var Me = "Expected a function";
+function Re(e, t, n) {
+  var s = !0, i = !0;
+  if (typeof e != "function")
+    throw new TypeError(Me);
+  return O(n) && (s = "leading" in n ? !!n.leading : s, i = "trailing" in n ? !!n.trailing : i), Ee(e, t, {
+    leading: s,
+    maxWait: t,
+    trailing: i
+  });
+}
+const Ae = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, De = /* @__PURE__ */ v("circle", {
+  cx: "13.2",
+  cy: "13.2",
+  r: "10"
+}, null, -1), Oe = /* @__PURE__ */ v("path", { d: "m20.2 20.2 8.6 8.6" }, null, -1), He = [
+  De,
+  Oe
+];
+function Ne(e, t) {
+  return m(), w("svg", Ae, [...He]);
+}
+const Ue = { render: Ne }, $ = (e, t, n) => {
+  const s = h(() => !e.value || e.value.length === 0 ? 0 : e.value.length), i = h(() => 0);
+  return ((d, u, a) => `${d} of ${u} entries`)(
+    s.value,
+    t,
+    i.value
+  );
+}, ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, Pe = /* @__PURE__ */ v("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), Ke = [
+  Pe
+];
+function We(e, t) {
+  return m(), w("svg", ze, [...Ke]);
+}
+const Fe = { render: We }, qe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, je = /* @__PURE__ */ v("path", {
+  fill: "#000",
+  stroke: "none",
+  d: "M13.297 19.097H5.444l-1.763 4.891H1.132L8.29 5.246h2.163l7.17 18.742h-2.536ZM6.19 17.063h6.372L9.371 8.297ZM28.37 23.988q-.205-.412-.334-1.467-1.66 1.725-3.965 1.725-2.06 0-3.385-1.159-1.313-1.171-1.313-2.96 0-2.176 1.647-3.373 1.66-1.21 4.66-1.21h2.317V14.45q0-1.249-.746-1.983-.747-.746-2.202-.746-1.274 0-2.136.643-.863.644-.863 1.558h-2.394q0-1.043.734-2.008.746-.979 2.008-1.545 1.274-.566 2.793-.566 2.407 0 3.772 1.21 1.364 1.197 1.416 3.308v6.41q0 1.919.489 3.051v.206zm-3.951-1.815q1.12 0 2.124-.579 1.004-.58 1.454-1.506V17.23h-1.866q-4.377 0-4.377 2.562 0 1.12.747 1.75.746.631 1.918.631",
+  class: "text"
+}, null, -1), Ge = [
+  je
+];
+function Ye(e, t) {
+  return m(), w("svg", qe, [...Ge]);
+}
+const Ze = { render: Ye }, Xe = {
+  clear: "Clear",
+  inverseSearch: "Exclude results that match query",
+  caseSensitive: "Toggle case sensitivity"
+}, Je = {
+  name: "SearchInput",
+  components: {
+    InputField: me,
+    FunctionButton: ve,
+    CloseIcon: ge,
+    LensIcon: Ue,
+    InverseSearchIcon: Fe,
+    UpperLowerCaseIcon: Ze
+  },
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      // A pseudo-placeholder to allow hiding the clear-button without any input
+      default: " "
+    },
+    initialCaseSensitiveSearch: {
+      default: !1,
+      type: Boolean
+    },
+    initialInverseSearch: {
+      default: !1,
+      type: Boolean
+    },
+    showCaseSensitiveSearchButton: {
+      default: !1,
+      type: Boolean
+    },
+    showInverseSearchButton: {
+      default: !1,
+      type: Boolean
+    },
+    autofocus: {
+      default: !1,
+      type: Boolean
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    tooltips: {
+      type: Object,
+      default: () => ({})
+    },
+    focusOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    ariaActivedescendant: {
+      type: String,
+      default: null
+    },
+    ariaOwns: {
+      type: String,
+      default: null
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "clear",
+    "update:modelValue",
+    "toggle-case-sensitive-search",
+    "toggle-inverse-search",
+    "focus"
+  ],
+  data() {
+    return {
+      caseSensitiveSearch: this.initialCaseSensitiveSearch,
+      inverseSearch: this.initialInverseSearch
+    };
+  },
+  computed: {
+    showClearButton() {
+      return !this.disabled && this.modelValue !== "";
+    },
+    showSpacer() {
+      return this.showClearButton && (this.showCaseSensitiveSearchButton || this.showInverseSearchButton);
+    },
+    tooltipsWithDefaults() {
+      return { ...Xe, ...this.tooltips };
+    }
+  },
+  expose: ["focus"],
+  async mounted() {
+    this.focusOnMount && (await oe(), this.focus());
+  },
+  methods: {
+    clearSearch() {
+      this.$emit("clear"), this.$emit("update:modelValue", ""), this.focus();
+    },
+    toggleCaseSensitiveSearch() {
+      this.caseSensitiveSearch = !this.caseSensitiveSearch, this.$emit("toggle-case-sensitive-search", this.caseSensitiveSearch), this.focus();
+    },
+    toggleInverseSearch() {
+      this.inverseSearch = !this.inverseSearch, this.$emit("toggle-inverse-search", this.inverseSearch), this.focus();
+    },
+    focus() {
+      this.$refs.searchInput.focus();
+    }
+  }
+}, Qe = {
+  key: 0,
+  class: "icon-slot-wrapper"
+}, $e = {
+  key: 1,
+  class: "spacer"
+};
+function et(e, t, n, s, i, l) {
+  const d = I("LensIcon"), u = I("CloseIcon"), a = I("FunctionButton"), b = I("UpperLowerCaseIcon"), S = I("InverseSearchIcon"), g = I("InputField");
+  return m(), E(g, {
+    id: n.id,
+    ref: "searchInput",
+    name: n.name,
+    "model-value": n.modelValue,
+    placeholder: n.placeholder,
+    autofocus: n.autofocus,
+    disabled: n.disabled,
+    class: B(["search-input", { disabled: n.disabled }]),
+    autocomplete: "off",
+    "aria-owns": n.ariaOwns,
+    "aria-activedescendant": n.ariaActivedescendant,
+    role: "searchbox",
+    compact: n.compact,
+    onFocus: t[0] || (t[0] = (_) => e.$emit("focus", _)),
+    "onUpdate:modelValue": t[1] || (t[1] = (_) => e.$emit("update:modelValue", _))
+  }, {
+    icon: T(() => [
+      n.disabled ? L("", !0) : (m(), w("div", Qe, [
+        ue(e.$slots, "icon", {}, () => [
+          p(d)
+        ], !0)
+      ]))
+    ]),
+    iconRight: T(() => [
+      l.showClearButton ? (m(), E(a, {
+        key: 0,
+        class: "clear-search",
+        compact: n.compact,
+        title: l.tooltipsWithDefaults.clear,
+        onClick: l.clearSearch
+      }, {
+        default: T(() => [
+          p(u)
+        ]),
+        _: 1
+      }, 8, ["compact", "title", "onClick"])) : L("", !0),
+      l.showSpacer ? (m(), w("span", $e)) : L("", !0),
+      !n.disabled && n.showCaseSensitiveSearchButton ? (m(), E(a, {
+        key: 2,
+        class: "toggle-case-sensitive-search",
+        compact: n.compact,
+        active: i.caseSensitiveSearch,
+        title: l.tooltipsWithDefaults.caseSensitive,
+        onClick: l.toggleCaseSensitiveSearch
+      }, {
+        default: T(() => [
+          p(b)
+        ]),
+        _: 1
+      }, 8, ["compact", "active", "title", "onClick"])) : L("", !0),
+      !n.disabled && n.showInverseSearchButton ? (m(), E(a, {
+        key: 3,
+        class: "toggle-inverse-search",
+        compact: n.compact,
+        title: l.tooltipsWithDefaults.inverseSearch,
+        active: i.inverseSearch,
+        onClick: l.toggleInverseSearch
+      }, {
+        default: T(() => [
+          p(S)
+        ]),
+        _: 1
+      }, 8, ["compact", "title", "active", "onClick"])) : L("", !0)
+    ]),
+    _: 3
+  }, 8, ["id", "name", "model-value", "placeholder", "autofocus", "disabled", "class", "aria-owns", "aria-activedescendant", "compact"]);
+}
+const tt = /* @__PURE__ */ H(Je, [["render", et], ["__scopeId", "data-v-974681a3"]]), nt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, lt = /* @__PURE__ */ v("path", { d: "m14.8 5 11 11-11 11M6.2 5l11 11-11 11" }, null, -1), st = [
+  lt
+];
+function it(e, t) {
+  return m(), w("svg", nt, [...st]);
+}
+const at = { render: it }, ot = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, ut = /* @__PURE__ */ v("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1), ct = [
+  ut
+];
+function rt(e, t) {
+  return m(), w("svg", ot, [...ct]);
+}
+const dt = { render: rt }, ht = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, ft = /* @__PURE__ */ v("path", { d: "m21.5 27-11-11 11-11" }, null, -1), mt = [
+  ft
+];
+function vt(e, t) {
+  return m(), w("svg", ht, [...mt]);
+}
+const gt = { render: vt }, bt = (e) => (F("data-v-d36066f7"), e = e(), q(), e), St = /* @__PURE__ */ bt(() => /* @__PURE__ */ v("div", { class: "handle" }, null, -1)), wt = [
+  St
+], _t = 10, ee = "2px", It = /* @__PURE__ */ le({
+  __name: "ResizeHandle",
+  props: {
+    numberOfHandles: {},
+    handleWidth: {},
+    connectHandlesOnResize: { type: Boolean, default: !1 },
+    multipleHandlesHandleGap: { default: "0px" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["resize-move", "resize-end"],
+  setup(e, { emit: t }) {
+    se((c) => ({
+      "36bdd4ea": ee
+    }));
+    const n = t, s = e, i = D(0), l = D(null), d = h(
+      () => `calc(${s.handleWidth} + 2 * ${ee})`
+    ), u = h(
+      () => s.connectHandlesOnResize && s.numberOfHandles > 1 && l.value !== null
+    ), a = h(
+      () => `(${s.numberOfHandles} - 1) * ${s.multipleHandlesHandleGap}`
+    ), b = h(
+      () => `(2 * ${s.numberOfHandles})`
+    ), S = h(
+      () => `(100% - ${a.value}) / ${b.value}`
+    ), g = h(
+      () => `calc(100% - 2 * ${S.value})`
+    ), _ = (c) => {
+      s.disabled || (c.target.setPointerCapture(c.pointerId), c.preventDefault(), l.value = c.pointerId, i.value = c.clientY);
+    }, y = Re((c) => {
+      if (l.value === c.pointerId) {
+        const k = c.clientY - i.value;
+        (k < 0 && c.offsetY <= 0 || k > 0 && c.offsetY >= 0) && n("resize-move", k), i.value = c.clientY;
+      }
+    }, _t), r = (c) => {
+      l.value === c.pointerId && (i.value = 0, l.value = null, n("resize-end"));
+    };
+    return (c, k) => (m(), w("div", {
+      class: "resize-handle-container",
+      style: z({ gap: c.multipleHandlesHandleGap })
+    }, [
+      u.value ? (m(), w("div", {
+        key: 0,
+        class: "handle connection",
+        style: z({ width: g.value })
+      }, null, 4)) : L("", !0),
+      (m(!0), w(ce, null, re(c.numberOfHandles, (x) => (m(), w("div", {
+        key: x,
+        class: B(["handle-container", { disabled: c.disabled }]),
+        style: z({ width: d.value }),
+        onPointerdown: _,
+        onPointerup: r,
+        onPointermove: k[0] || (k[0] = //@ts-ignore
+        (...C) => W(y) && W(y)(...C)),
+        onLostpointercapture: r
+      }, wt, 38))), 128))
+    ], 4));
+  }
+}), pt = /* @__PURE__ */ H(It, [["__scopeId", "data-v-d36066f7"]]), A = "Enter", K = 5, ie = 30, ae = 24, yt = 4, kt = 56, Lt = ["left", "right"], xt = yt * ae + 2 * kt, Vt = `calc((100% - ${ie}px) * 1 / 6)`, Bt = (e) => {
+  const t = h(
+    () => e.value !== null && "includeUnknownValues" in e.value ? { withUnknownValues: e.value } : { standard: e.value }
+  ), n = h(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), s = h(
+    () => {
+      var a;
+      return ((a = t.value.withUnknownValues) == null ? void 0 : a.excludedValues) ?? null;
+    }
+  ), i = h(
+    () => {
+      var a;
+      return ((a = t.value.withUnknownValues) == null ? void 0 : a.includeUnknownValues) ?? null;
+    }
+  ), l = h(
+    () => i.value === !1
+  ), d = h(
+    () => i.value === !0
+  );
+  return {
+    includedValues: n,
+    excludedValues: s,
+    showUnknownExcludedValues: l,
+    showUnknownIncludedValues: d,
+    getEmitValue: (a, b = (g) => g, S = (g) => g) => t.value.withUnknownValues ? {
+      includedValues: a,
+      excludedValues: b(s.value),
+      includeUnknownValues: S(
+        t.value.withUnknownValues.includeUnknownValues
+      )
+    } : a
+  };
+}, j = {
+  name: "Twinlist",
+  components: {
+    ArrowNextDoubleIcon: at,
+    ArrowNextIcon: de,
+    ArrowPrevDoubleIcon: dt,
+    ArrowPrevIcon: gt,
+    MultiselectListBox: we,
+    Label: be,
+    SearchInput: tt,
+    ResizeHandle: pt
+  },
+  props: {
+    modelValue: {
+      type: [Object, Array, null],
+      default: null
+    },
+    initialCaseSensitiveSearch: {
+      default: !1,
+      type: Boolean
+    },
+    initialSearchTerm: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /**
+     * Hiding and disabling
+     */
+    showSearch: {
+      default: !1,
+      type: Boolean
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    showEmptyState: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * Labels
+     */
+    leftLabel: {
+      type: String,
+      required: !0,
+      default: "Possible values"
+    },
+    rightLabel: {
+      type: String,
+      required: !0,
+      default: "Selected values"
+    },
+    withSearchLabel: {
+      default: !1,
+      type: Boolean
+    },
+    searchLabel: {
+      type: String,
+      required: !1,
+      default: "Search values"
+    },
+    searchPlaceholder: {
+      type: String,
+      required: !1,
+      default: "Search"
+    },
+    unknownValuesText: {
+      type: String,
+      required: !1,
+      default: "Unknown values"
+    },
+    /**
+     * Is only used when emptyStateComponent is null
+     */
+    emptyStateLabel: {
+      default: "No entries in this list",
+      type: String
+    },
+    /**
+     * this component is displayed centered in the middle of the box in case it is empty
+     */
+    emptyStateComponent: {
+      default: null,
+      type: Object
+    },
+    /**
+     * Controls the size of the list.
+     * Number of visible items (for others user need to scroll)
+     * - 0 means all
+     * - values 1 - 4  are ignored; 5 is minimum
+     */
+    size: {
+      type: Number,
+      default: 0,
+      validator(e) {
+        return e >= 0;
+      }
+    },
+    showResizeHandle: {
+      type: Boolean,
+      default: !1
+    },
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    /**
+     * List of possible values. Each item must have an `id` and a `text` property
+     * @example
+     * [{
+     *   id: 'pdf',
+     *   text: 'PDF'
+     * }, {
+     *   id: 'XLS',
+     *   text: 'Excel',
+     * }]
+     */
+    possibleValues: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * If this setting is true, on a change of possible values, the currently
+     * chosen values which are missing with respect to the new possible values
+     * are removed.
+     */
+    filterChosenValuesOnPossibleValuesChange: {
+      type: Boolean,
+      default: !0,
+      required: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    /**
+     * This event gets emitted whenever the user changes the selection.
+     * In case the modelValue of this Twinlist is with unknown values, the emitted value here will also be.
+     */
+    "update:modelValue"
+  ],
+  setup(e) {
+    const {
+      includedValues: t,
+      excludedValues: n,
+      showUnknownExcludedValues: s,
+      showUnknownIncludedValues: i,
+      getEmitValue: l
+    } = Bt(Y(e, "modelValue")), d = D(e.initialSearchTerm), u = D(e.initialCaseSensitiveSearch), a = h(() => e.possibleValues.map((f) => f.id)), b = h(() => new Set(a.value)), S = h(() => t.value ? i.value ? t.value.filter(
+      (f) => b.value.has(f)
+    ) : t.value : null), g = h(() => Object.assign(
+      {},
+      ...e.possibleValues.map((f, o) => ({
+        [f.id]: { item: f, index: o }
+      }))
+    )), _ = h(() => S.value === null ? [] : S.value.map(
+      (f) => {
+        var o;
+        return ((o = g.value[f]) == null ? void 0 : o.item) || X(f);
+      }
+    )), y = Y(e, "showSearch"), r = Z(
+      d,
+      u,
+      _,
+      y
+    ), c = h(() => {
+      if (!n.value) {
+        const f = new Set(t.value);
+        return a.value.filter(
+          (o) => !f.has(o)
+        );
+      }
+      return s.value ? n.value.filter(
+        (f) => b.value.has(f)
+      ) : n.value;
+    }), k = h(() => S.value === null ? [] : c.value.map(
+      (f) => {
+        var o;
+        return ((o = g.value[f]) == null ? void 0 : o.item) || X(f);
+      }
+    )), x = Z(
+      d,
+      u,
+      k,
+      y
+    ), C = h(() => e.showSearch && d.value !== ""), N = h(() => e.showSearch && C.value ? $(x, c.value.length) : null), U = h(() => {
+      var f;
+      return e.showSearch && C.value ? $(
+        r,
+        (f = S.value) == null ? void 0 : f.length
+      ) : null;
+    });
+    return {
+      includedValues: t,
+      excludedValues: n,
+      showUnknownExcludedValues: s,
+      showUnknownIncludedValues: i,
+      getEmitValue: l,
+      searchTerm: d,
+      filteredExcludedItems: x,
+      filteredIncludedItems: r,
+      knownExcludedValues: c,
+      knownIncludedValues: S,
+      possibleValueIds: a,
+      possibleValueIdsSet: b,
+      excludedLabels: N,
+      includedLabels: U,
+      caseSensitiveSearch: u,
+      allIncludedItems: _,
+      possibleValueMap: g
+    };
+  },
+  data() {
+    return {
+      invalidPossibleValueIds: /* @__PURE__ */ new Set(),
+      rightSelected: [],
+      leftSelected: [],
+      unknownValuesId: Symbol("Unknown values"),
+      constants: Object.freeze({
+        MIN_LIST_SIZE: K,
+        BUTTON_HEIGHT: ae,
+        BUTTON_WIDTH: ie,
+        RESIZE_HANDLE_WIDTH: Vt,
+        MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT: xt
+      })
+    };
+  },
+  computed: {
+    listSize() {
+      const e = this.size === 0 ? this.possibleValues.length : this.size;
+      return e > K ? e : K;
+    },
+    moveAllRightButtonDisabled() {
+      return this.filteredExcludedItems.length === 0 && !this.showUnknownExcludedValues;
+    },
+    moveRightButtonDisabled() {
+      return this.leftSelected.length === 0;
+    },
+    moveAllLeftButtonDisabled() {
+      return this.filteredIncludedItems.length === 0 && !this.showUnknownIncludedValues;
+    },
+    moveLeftButtonDisabled() {
+      return this.rightSelected.length === 0;
+    }
+  },
+  watch: {
+    possibleValues(e) {
+      if (this.filterChosenValuesOnPossibleValuesChange) {
+        let t = e.reduce((s, i) => (s.push(...Object.values(i)), s), []);
+        const n = (this.includedValues ?? []).filter(
+          (s) => t.includes(s)
+        );
+        this.$emit("update:modelValue", this.getEmitValue(n));
+      }
+    }
+  },
+  mounted() {
+    this.showResizeHandle && this.getListBoxes().forEach((e) => e.initResizeHeight());
+  },
+  methods: {
+    getIndex(e) {
+      var t;
+      return ((t = this.possibleValueMap[e]) == null ? void 0 : t.index) ?? -1;
+    },
+    compareByOriginalSorting(e, t) {
+      return this.getIndex(e) - this.getIndex(t);
+    },
+    clearSelections() {
+      this.getListBoxes().forEach((e) => e.clearSelection());
+    },
+    moveItems(e, {
+      toNewIncludedValues: t,
+      toNewExcludedValues: n
+    }) {
+      const s = e.filter((a) => a !== this.unknownValuesId), i = e.length > s.length, l = {
+        knownValues: s,
+        movingUnknownValues: i
+      };
+      let d = null, u = null;
+      this.includedValues !== null && (d = t({
+        previous: this.includedValues,
+        movingParts: l
+      })), this.excludedValues && (u = n({
+        previous: this.knownExcludedValues,
+        movingParts: l
+      })), this.clearSelections(), this.$emit(
+        "update:modelValue",
+        this.getEmitValue(
+          d,
+          () => u,
+          (a) => i ? !a : a
+        )
+      );
+    },
+    moveRight(e = null) {
+      this.moveItems(e ?? this.leftSelected, {
+        toNewIncludedValues: this.addMovedItems.bind(this),
+        toNewExcludedValues: this.filterMovedItems.bind(this)
+      });
+    },
+    moveLeft(e = null) {
+      this.moveItems(e ?? this.rightSelected, {
+        toNewIncludedValues: this.filterMovedItems.bind(this),
+        toNewExcludedValues: this.addMovedItems.bind(this)
+      });
+    },
+    /**
+     * Filters out the moved items and also invalid items if unknown values are being moved.
+     */
+    filterMovedItems({
+      previous: e,
+      movingParts: { movingUnknownValues: t, knownValues: n }
+    }) {
+      const s = new Set(n);
+      return e.filter(
+        (i) => !s.has(i) && (!t || this.possibleValueIdsSet.has(i))
+      );
+    },
+    /**
+     * Adds the given items sorting by the order in the possible values afterwards and removing invalid items
+     * if unknown values are being moved
+     */
+    addMovedItems({
+      previous: e,
+      movingParts: { movingUnknownValues: t, knownValues: n }
+    }) {
+      return [
+        ...t ? e.filter((s) => this.possibleValueIdsSet.has(s)) : e,
+        ...n.filter((s) => this.possibleValueIdsSet.has(s))
+      ].sort(this.compareByOriginalSorting);
+    },
+    onMoveRightButtonClick() {
+      this.moveRight();
+    },
+    onMoveAllRightButtonClick() {
+      const e = this.filteredExcludedItems.map((t) => t.id);
+      this.moveRight(
+        e.concat(
+          this.showUnknownExcludedValues ? [this.unknownValuesId] : []
+        )
+      );
+    },
+    onMoveAllRightButtonKey(e) {
+      e.key === A && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
+    },
+    onMoveRightButtonKey(e) {
+      e.key === A && (this.moveRight(), this.stopPropagation(e));
+    },
+    onMoveLeftButtonClick() {
+      this.moveLeft();
+    },
+    onMoveAllLeftButtonClick() {
+      const e = this.filteredIncludedItems.map((t) => t.id);
+      this.moveLeft(
+        e.concat(
+          this.showUnknownIncludedValues ? [this.unknownValuesId] : []
+        )
+      );
+    },
+    onMoveLeftButtonKey(e) {
+      e.key === A && (this.moveLeft(), this.stopPropagation(e));
+    },
+    onMoveAllLeftButtonKey(e) {
+      e.key === A && (this.onMoveAllLeftButtonClick(), this.stopPropagation(e));
+    },
+    stopPropagation(e) {
+      e.preventDefault(), e.stopPropagation();
+    },
+    onLeftListBoxDoubleClick(e) {
+      this.moveRight([e]);
+    },
+    onLeftListBoxShiftDoubleClick(e) {
+      this.moveRight(e);
+    },
+    onRightListBoxDoubleClick(e) {
+      this.moveLeft([e]);
+    },
+    onRightListBoxShiftDoubleClick(e) {
+      this.moveLeft(e);
+    },
+    onLeftInput(e) {
+      e.length > 0 && this.$refs.right.clearSelection(), this.leftSelected = e;
+    },
+    onRightInput(e) {
+      e.length > 0 && this.$refs.left.clearSelection(), this.rightSelected = e;
+    },
+    onSearchInput(e) {
+      this.searchTerm = e;
+    },
+    hasSelection() {
+      var e;
+      return (((e = this.includedValues) == null ? void 0 : e.length) ?? 0) > 0;
+    },
+    validate() {
+      let e = !this.filteredIncludedItems.some((t) => t.invalid) && (!this.excludedValues || !this.filteredExcludedItems.some((t) => t.invalid));
+      return {
+        isValid: e,
+        errorMessage: e ? null : "One or more of the selected items is invalid."
+      };
+    },
+    getListBoxes() {
+      return Lt.map(
+        (e) => this.$refs[e]
+      );
+    },
+    onResizeMove(e) {
+      this.getListBoxes().forEach((t) => t.onResizeMove(e));
+    },
+    onResizeEnd() {
+      this.getListBoxes().forEach((e) => e.onResizeEnd());
+    }
+  }
+}, te = () => {
+  se((e) => ({
+    "660fe632": `${e.constants.BUTTON_WIDTH}px`,
+    "7aeb6bf1": `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
+    "10066bb1": `${e.constants.BUTTON_HEIGHT}px`
+  }));
+}, ne = j.setup;
+j.setup = ne ? (e, t) => (te(), ne(e, t)) : te;
+const Ct = (e) => (F("data-v-d96daa87"), e = e(), q(), e), Tt = { class: "twinlist" }, Et = { class: "header" }, Mt = { class: "title" }, Rt = ["title"], At = ["title"], Dt = /* @__PURE__ */ Ct(() => /* @__PURE__ */ v("div", { class: "space" }, null, -1)), Ot = { class: "title" }, Ht = ["title"], Nt = ["title"], Ut = { class: "buttons" };
+function zt(e, t, n, s, i, l) {
+  const d = I("SearchInput"), u = I("Label"), a = I("MultiselectListBox"), b = I("ArrowNextIcon"), S = I("ArrowNextDoubleIcon"), g = I("ArrowPrevIcon"), _ = I("ArrowPrevDoubleIcon"), y = I("ResizeHandle");
+  return m(), w("div", Tt, [
+    n.showSearch ? (m(), E(u, {
+      key: 0,
+      active: n.withSearchLabel,
+      text: n.searchLabel,
+      class: "search-wrapper"
+    }, {
+      default: T(({ labelForId: r }) => [
+        p(d, {
+          id: r,
+          ref: "search",
+          placeholder: n.searchPlaceholder,
+          "model-value": s.searchTerm,
+          label: n.searchLabel,
+          "initial-case-sensitive-search": n.initialCaseSensitiveSearch,
+          "show-case-sensitive-search-button": "",
+          disabled: n.disabled,
+          tooltips: {
+            inverseSearch: "Move matching to other side"
+          },
+          compact: n.compact,
+          "onUpdate:modelValue": l.onSearchInput,
+          onToggleCaseSensitiveSearch: t[0] || (t[0] = (c) => s.caseSensitiveSearch = c)
+        }, null, 8, ["id", "placeholder", "model-value", "label", "initial-case-sensitive-search", "disabled", "compact", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["active", "text"])) : L("", !0),
+    v("div", Et, [
+      v("div", Mt, [
+        v("div", {
+          class: "label",
+          title: n.leftLabel
+        }, R(n.leftLabel), 9, Rt),
+        s.excludedLabels ? (m(), w("div", {
+          key: 0,
+          title: s.excludedLabels,
+          class: "info"
+        }, R(s.excludedLabels), 9, At)) : L("", !0)
+      ]),
+      Dt,
+      v("div", Ot, [
+        v("div", {
+          class: "label",
+          title: n.rightLabel
+        }, R(n.rightLabel), 9, Ht),
+        s.includedLabels ? (m(), w("div", {
+          key: 0,
+          title: s.includedLabels,
+          class: "info"
+        }, R(s.includedLabels), 9, Nt)) : L("", !0)
+      ])
+    ]),
+    v("div", {
+      class: B(["lists", { disabled: n.disabled }])
+    }, [
+      p(a, {
+        ref: "left",
+        "with-is-empty-state": n.showEmptyState,
+        "empty-state-label": n.emptyStateLabel,
+        "empty-state-component": n.emptyStateComponent,
+        size: l.listSize,
+        "min-size": i.constants.MIN_LIST_SIZE,
+        class: "list-box",
+        "model-value": i.leftSelected,
+        "with-bottom-value": s.showUnknownExcludedValues,
+        "bottom-value": { id: i.unknownValuesId, text: n.unknownValuesText },
+        "is-valid": n.isValid,
+        "possible-values": s.filteredExcludedItems,
+        ariaLabel: n.leftLabel,
+        disabled: n.disabled,
+        onDoubleClickOnItem: l.onLeftListBoxDoubleClick,
+        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"]),
+      v("div", Ut, [
+        v("div", {
+          ref: "moveRight",
+          class: B({ disabled: l.moveRightButtonDisabled || n.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[1] || (t[1] = (...r) => l.onMoveRightButtonClick && l.onMoveRightButtonClick(...r)),
+          onKeydown: t[2] || (t[2] = (...r) => l.onMoveRightButtonKey && l.onMoveRightButtonKey(...r))
+        }, [
+          p(b, { class: "icon" })
+        ], 34),
+        v("div", {
+          ref: "moveAllRight",
+          class: B({ disabled: l.moveAllRightButtonDisabled || n.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[3] || (t[3] = (...r) => l.onMoveAllRightButtonClick && l.onMoveAllRightButtonClick(...r)),
+          onKeydown: t[4] || (t[4] = (...r) => l.onMoveAllRightButtonKey && l.onMoveAllRightButtonKey(...r))
+        }, [
+          p(S, { class: "icon" })
+        ], 34),
+        v("div", {
+          ref: "moveLeft",
+          class: B({ disabled: l.moveLeftButtonDisabled || n.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[5] || (t[5] = (...r) => l.onMoveLeftButtonClick && l.onMoveLeftButtonClick(...r)),
+          onKeydown: t[6] || (t[6] = (...r) => l.onMoveLeftButtonKey && l.onMoveLeftButtonKey(...r))
+        }, [
+          p(g, { class: "icon" })
+        ], 34),
+        v("div", {
+          ref: "moveAllLeft",
+          class: B({ disabled: l.moveAllLeftButtonDisabled || n.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[7] || (t[7] = (...r) => l.onMoveAllLeftButtonClick && l.onMoveAllLeftButtonClick(...r)),
+          onKeydown: t[8] || (t[8] = (...r) => l.onMoveAllLeftButtonKey && l.onMoveAllLeftButtonKey(...r))
+        }, [
+          p(_, { class: "icon" })
+        ], 34)
+      ]),
+      p(a, {
+        ref: "right",
+        class: B(["list-box", { "with-empty-state-icon": n.emptyStateComponent }]),
+        "model-value": i.rightSelected,
+        "with-bottom-value": s.showUnknownIncludedValues,
+        "bottom-value": { id: i.unknownValuesId, text: n.unknownValuesText },
+        "with-is-empty-state": n.showEmptyState,
+        "empty-state-label": n.emptyStateLabel,
+        "empty-state-component": n.emptyStateComponent,
+        "possible-values": s.filteredIncludedItems,
+        size: l.listSize,
+        "min-size": i.constants.MIN_LIST_SIZE,
+        ariaLabel: n.rightLabel,
+        disabled: n.disabled,
+        onDoubleClickOnItem: l.onRightListBoxDoubleClick,
+        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"])
+    ], 2),
+    n.showResizeHandle ? (m(), E(y, {
+      key: 1,
+      "number-of-handles": 2,
+      "handle-width": i.constants.RESIZE_HANDLE_WIDTH,
+      "connect-handles-on-resize": "",
+      "multiple-handles-handle-gap": `${i.constants.BUTTON_WIDTH}px`,
+      onResizeMove: l.onResizeMove,
+      onResizeEnd: l.onResizeEnd
+    }, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) : L("", !0)
+  ]);
+}
+const Xt = /* @__PURE__ */ H(j, [["render", zt], ["__scopeId", "data-v-d96daa87"]]), Pt = (e) => (F("data-v-52b0b5dd"), e = e(), q(), e), Kt = { class: "info" }, Wt = /* @__PURE__ */ Pt(() => /* @__PURE__ */ v("span", null, "Loading...", -1)), Ft = /* @__PURE__ */ le({
+  __name: "TwinlistLoadingInfo",
+  setup(e) {
+    return (t, n) => (m(), w("div", Kt, [
+      Wt,
+      p(W(Se), { class: "icon" })
+    ]));
+  }
+}), Jt = /* @__PURE__ */ H(Ft, [["__scopeId", "data-v-52b0b5dd"]]);
+export {
+  tt as S,
+  Jt as T,
+  Xt as a,
+  Bt as u
+};