@knime/jsonforms 1.8.5 → 1.8.7

package/dist/TwinlistLoadingInfo-BJvmG0yG.js

@@ -1,1045 +0,0 @@
-import { openBlock as m, createElementBlock as w, createElementVNode as v, computed as h, nextTick as ae, resolveComponent as I, createBlock as E, normalizeClass as V, withCtx as T, renderSlot as re, createVNode as p, createCommentVNode as L, defineComponent as le, useCssVars as se, ref as D, normalizeStyle as z, Fragment as ce, renderList as ue, unref as W, pushScopeId as F, popScopeId as q, toRef as Y, toDisplayString as R } from "vue";
-import { N as de } from "./arrow-next-Qa8PNb04.js";
-import { u as Z } from "./useSearch-hpyYQ_6y.js";
-import { i as N } from "./isObject-B53jY8Qg.js";
-import { r as he } from "./isObjectLike-BatpeCIi.js";
-import { i as fe } from "./isSymbol-C3_SC0Qp.js";
-import { _ as H, n as me } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-bqXwxVZY.js";
-import { M as ve } from "./MultiselectListBox-uJPv-E73.js";
-import { C as ge } from "./close-h7XT0ja0.js";
-import { F as be } from "./FunctionButton-C5NEWH81.js";
-import { I as Se } from "./InputField-NN_2iLts.js";
-import { c as X } from "./createMissingItem-B00Kg95q.js";
-import { L as we } from "./svgWithTitle-BN874PBG.js";
-const _e = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-}, Ie = /* @__PURE__ */ v("circle", {
-  cx: "13.2",
-  cy: "13.2",
-  r: "10"
-}, null, -1), pe = /* @__PURE__ */ v("path", { d: "m20.2 20.2 8.6 8.6" }, null, -1), ye = [
-  Ie,
-  pe
-];
-function ke(e, t) {
-  return m(), w("svg", _e, [...ye]);
-}
-const Le = { render: ke };
-var xe = /\s/;
-function Be(e) {
-  for (var t = e.length; t-- && xe.test(e.charAt(t)); )
-    ;
-  return t;
-}
-var Ve = /^\s+/;
-function Ce(e) {
-  return e && e.slice(0, Be(e) + 1).replace(Ve, "");
-}
-var J = NaN, Te = /^[-+]0x[0-9a-f]+$/i, Ee = /^0b[01]+$/i, Me = /^0o[0-7]+$/i, Re = parseInt;
-function Q(e) {
-  if (typeof e == "number")
-    return e;
-  if (fe(e))
-    return J;
-  if (N(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = N(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = Ce(e);
-  var n = Ee.test(e);
-  return n || Me.test(e) ? Re(e.slice(2), n ? 2 : 8) : Te.test(e) ? J : +e;
-}
-var P = function() {
-  return he.Date.now();
-}, Ae = "Expected a function", De = Math.max, Ne = Math.min;
-function He(e, t, n) {
-  var s, i, l, d, r, o, b = 0, S = !1, g = !1, _ = !0;
-  if (typeof e != "function")
-    throw new TypeError(Ae);
-  t = Q(t) || 0, N(n) && (S = !!n.leading, g = "maxWait" in n, l = g ? De(Q(n.maxWait) || 0, t) : l, _ = "trailing" in n ? !!n.trailing : _);
-  function y(a) {
-    var B = s, M = i;
-    return s = i = void 0, b = a, d = e.apply(M, B), d;
-  }
-  function u(a) {
-    return b = a, r = setTimeout(x, t), S ? y(a) : d;
-  }
-  function c(a) {
-    var B = a - o, M = a - b, G = t - B;
-    return g ? Ne(G, l - M) : G;
-  }
-  function k(a) {
-    var B = a - o, M = a - b;
-    return o === void 0 || B >= t || B < 0 || g && M >= l;
-  }
-  function x() {
-    var a = P();
-    if (k(a))
-      return C(a);
-    r = setTimeout(x, c(a));
-  }
-  function C(a) {
-    return r = void 0, _ && s ? y(a) : (s = i = void 0, d);
-  }
-  function O() {
-    r !== void 0 && clearTimeout(r), b = 0, s = o = i = r = void 0;
-  }
-  function U() {
-    return r === void 0 ? d : C(P());
-  }
-  function f() {
-    var a = P(), B = k(a);
-    if (s = arguments, i = this, o = a, B) {
-      if (r === void 0)
-        return u(o);
-      if (g)
-        return clearTimeout(r), r = setTimeout(x, t), y(o);
-    }
-    return r === void 0 && (r = setTimeout(x, t)), d;
-  }
-  return f.cancel = O, f.flush = U, f;
-}
-var Oe = "Expected a function";
-function Ue(e, t, n) {
-  var s = !0, i = !0;
-  if (typeof e != "function")
-    throw new TypeError(Oe);
-  return N(n) && (s = "leading" in n ? !!n.leading : s, i = "trailing" in n ? !!n.trailing : i), He(e, t, {
-    leading: s,
-    maxWait: t,
-    trailing: i
-  });
-}
-const $ = (e, t, n) => {
-  const s = h(() => !e.value || e.value.length === 0 ? 0 : e.value.length), i = h(() => 0);
-  return ((d, r, o) => `${d} of ${r} 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: Se,
-    FunctionButton: be,
-    CloseIcon: ge,
-    LensIcon: Le,
-    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"
-  ],
-  expose: ["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 };
-    }
-  },
-  async mounted() {
-    this.focusOnMount && (await ae(), 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"), r = I("CloseIcon"), o = 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: V(["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, [
-        re(e.$slots, "icon", {}, () => [
-          p(d)
-        ], !0)
-      ]))
-    ]),
-    iconRight: T(() => [
-      l.showClearButton ? (m(), E(o, {
-        key: 0,
-        class: "clear-search",
-        compact: n.compact,
-        title: l.tooltipsWithDefaults.clear,
-        onClick: l.clearSearch
-      }, {
-        default: T(() => [
-          p(r)
-        ]),
-        _: 1
-      }, 8, ["compact", "title", "onClick"])) : L("", !0),
-      l.showSpacer ? (m(), w("span", $e)) : L("", !0),
-      !n.disabled && n.showCaseSensitiveSearchButton ? (m(), E(o, {
-        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(o, {
-        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-edba0a22"]]), 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 ot = { render: it }, at = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-}, rt = /* @__PURE__ */ v("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1), ct = [
-  rt
-];
-function ut(e, t) {
-  return m(), w("svg", at, [...ct]);
-}
-const dt = { render: ut }, 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})`
-    ), r = h(
-      () => s.connectHandlesOnResize && s.numberOfHandles > 1 && l.value !== null
-    ), o = h(
-      () => `(${s.numberOfHandles} - 1) * ${s.multipleHandlesHandleGap}`
-    ), b = h(
-      () => `(2 * ${s.numberOfHandles})`
-    ), S = h(
-      () => `(100% - ${o.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 = Ue((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), u = (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 })
-    }, [
-      r.value ? (m(), w("div", {
-        key: 0,
-        class: "handle connection",
-        style: z({ width: g.value })
-      }, null, 4)) : L("", !0),
-      (m(!0), w(ce, null, ue(c.numberOfHandles, (x) => (m(), w("div", {
-        key: x,
-        class: V(["handle-container", { disabled: c.disabled }]),
-        style: z({ width: d.value }),
-        onPointerdown: _,
-        onPointerup: u,
-        onPointermove: k[0] || (k[0] = //@ts-ignore
-        (...C) => W(y) && W(y)(...C)),
-        onLostpointercapture: u
-      }, wt, 38))), 128))
-    ], 4));
-  }
-}), pt = /* @__PURE__ */ H(It, [["__scopeId", "data-v-d36066f7"]]), A = "Enter", K = 5, ie = 30, oe = 24, yt = 4, kt = 56, Lt = ["left", "right"], xt = yt * oe + 2 * kt, Bt = `calc((100% - ${ie}px) * 1 / 6)`, Vt = (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 o;
-      return ((o = t.value.withUnknownValues) == null ? void 0 : o.excludedValues) ?? null;
-    }
-  ), i = h(
-    () => {
-      var o;
-      return ((o = t.value.withUnknownValues) == null ? void 0 : o.includeUnknownValues) ?? null;
-    }
-  ), l = h(
-    () => i.value === !1
-  ), d = h(
-    () => i.value === !0
-  );
-  return {
-    includedValues: n,
-    excludedValues: s,
-    showUnknownExcludedValues: l,
-    showUnknownIncludedValues: d,
-    getEmitValue: (o, b = (g) => g, S = (g) => g) => t.value.withUnknownValues ? {
-      includedValues: o,
-      excludedValues: b(s.value),
-      includeUnknownValues: S(
-        t.value.withUnknownValues.includeUnknownValues
-      )
-    } : o
-  };
-}, j = {
-  name: "Twinlist",
-  components: {
-    ArrowNextDoubleIcon: ot,
-    ArrowNextIcon: de,
-    ArrowPrevDoubleIcon: dt,
-    ArrowPrevIcon: gt,
-    MultiselectListBox: ve,
-    Label: me,
-    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: () => []
-    },
-    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
-    } = Vt(Y(e, "modelValue")), d = D(e.initialSearchTerm), r = D(e.initialCaseSensitiveSearch), o = h(() => e.possibleValues.map((f) => f.id)), b = h(() => new Set(o.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, a) => ({
-        [f.id]: { item: f, index: a }
-      }))
-    )), _ = h(() => S.value === null ? [] : S.value.map(
-      (f) => {
-        var a;
-        return ((a = g.value[f]) == null ? void 0 : a.item) || X(f);
-      }
-    )), y = Y(e, "showSearch"), u = Z(
-      d,
-      r,
-      _,
-      y
-    ), c = h(() => {
-      if (!n.value) {
-        const f = new Set(t.value);
-        return o.value.filter(
-          (a) => !f.has(a)
-        );
-      }
-      return s.value ? n.value.filter(
-        (f) => b.value.has(f)
-      ) : n.value;
-    }), k = h(() => S.value === null ? [] : c.value.map(
-      (f) => {
-        var a;
-        return ((a = g.value[f]) == null ? void 0 : a.item) || X(f);
-      }
-    )), x = Z(
-      d,
-      r,
-      k,
-      y
-    ), C = h(() => e.showSearch && d.value !== ""), O = h(() => e.showSearch && C.value ? $(x, c.value.length) : null), U = h(() => {
-      var f;
-      return e.showSearch && C.value ? $(
-        u,
-        (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: u,
-      knownExcludedValues: c,
-      knownIncludedValues: S,
-      possibleValueIds: o,
-      possibleValueIdsSet: b,
-      excludedLabels: O,
-      includedLabels: U,
-      caseSensitiveSearch: r,
-      allIncludedItems: _,
-      possibleValueMap: g
-    };
-  },
-  data() {
-    return {
-      invalidPossibleValueIds: /* @__PURE__ */ new Set(),
-      rightSelected: [],
-      leftSelected: [],
-      unknownValuesId: Symbol("Unknown values"),
-      constants: Object.freeze({
-        MIN_LIST_SIZE: K,
-        BUTTON_HEIGHT: oe,
-        BUTTON_WIDTH: ie,
-        RESIZE_HANDLE_WIDTH: Bt,
-        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;
-    }
-  },
-  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((o) => o !== this.unknownValuesId), i = e.length > s.length, l = {
-        knownValues: s,
-        movingUnknownValues: i
-      };
-      let d = null, r = null;
-      this.includedValues !== null && (d = t({
-        previous: this.includedValues,
-        movingParts: l
-      })), this.excludedValues && (r = n({
-        previous: this.knownExcludedValues,
-        movingParts: l
-      })), this.clearSelections(), this.$emit(
-        "update:modelValue",
-        this.getEmitValue(
-          d,
-          () => r,
-          (o) => i ? !o : o
-        )
-      );
-    },
-    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() {
-      const 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) => ({
-    "26ea00eb": `${e.constants.BUTTON_WIDTH}px`,
-    ab175dd0: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
-    "6a6fa818": `${e.constants.BUTTON_HEIGHT}px`
-  }));
-}, ne = j.setup;
-j.setup = ne ? (e, t) => (te(), ne(e, t)) : te;
-const Ct = (e) => (F("data-v-4808b939"), 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)), Nt = { class: "title" }, Ht = ["title"], Ot = ["title"], Ut = { class: "buttons" };
-function zt(e, t, n, s, i, l) {
-  const d = I("SearchInput"), r = I("Label"), o = 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(r, {
-      key: 0,
-      active: n.withSearchLabel,
-      text: n.searchLabel,
-      class: "search-wrapper"
-    }, {
-      default: T(({ labelForId: u }) => [
-        p(d, {
-          id: u,
-          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", Nt, [
-        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, Ot)) : L("", !0)
-      ])
-    ]),
-    v("div", {
-      class: V(["lists", { disabled: n.disabled }])
-    }, [
-      p(o, {
-        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: V({ 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))
-        }, [
-          p(b, { class: "icon" })
-        ], 34),
-        v("div", {
-          ref: "moveAllRight",
-          class: V({ 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))
-        }, [
-          p(S, { class: "icon" })
-        ], 34),
-        v("div", {
-          ref: "moveLeft",
-          class: V({ 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))
-        }, [
-          p(g, { class: "icon" })
-        ], 34),
-        v("div", {
-          ref: "moveAllLeft",
-          class: V({ 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))
-        }, [
-          p(_, { class: "icon" })
-        ], 34)
-      ]),
-      p(o, {
-        ref: "right",
-        class: V(["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 sn = /* @__PURE__ */ H(j, [["render", zt], ["__scopeId", "data-v-4808b939"]]), 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(we), { class: "icon" })
-    ]));
-  }
-}), on = /* @__PURE__ */ H(Ft, [["__scopeId", "data-v-52b0b5dd"]]);
-export {
-  tt as S,
-  on as T,
-  sn as a,
-  Vt as u
-};