@knime/scripting-editor 0.0.118 → 0.0.120

package/dist/TwinlistLoadingInfo-BFWX5bru-CmUU5ze0.js

@@ -0,0 +1,973 @@
+import { defineComponent as Z, createElementBlock as m, openBlock as d, createElementVNode as c, createVNode as g, unref as _, resolveComponent as w, createBlock as C, createCommentVNode as k, withCtx as L, toDisplayString as E, normalizeClass as B, renderSlot as H, normalizeProps as O, guardReactiveProps as $, toRef as P, ref as z, computed as i, useCssVars as Y, normalizeStyle as A, Fragment as te, renderList as le, nextTick as se } from "vue";
+import { i as ae } from "./arrow-next-C17xBl7J-DDsCfA5A.js";
+import { S as K } from "./useSearch-hpyYQ_6y-BgGbVTm1.js";
+import { X as U, s as oe, Q as ne, q as ie, T as ue } from "./parameters-TDvh_VJm.js";
+import { J as de } from "./MultiselectListBox-Ivk-_tly-BI48Ai96.js";
+import { i as re } from "./close-W1x27NhZ-BUMfGLkd.js";
+import { w as ce } from "./InputField-OKgaETDx-Bl4xhjBX.js";
+import { e as q } from "./createMissingItem-B00Kg95q-CgyFrqhI.js";
+import { u as he } from "./LoadingIcon-DMHNXXmQ-C0oETzDr.js";
+const ve = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function pe(e, t) {
+  return d(), m("svg", ve, [...t[0] || (t[0] = [
+    c("circle", {
+      cx: "13.2",
+      cy: "13.2",
+      r: "10"
+    }, null, -1),
+    c("path", { d: "m20.2 20.2 8.6 8.6" }, null, -1)
+  ])]);
+}
+const me = { render: pe }, fe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function we(e, t) {
+  return d(), m("svg", fe, [...t[0] || (t[0] = [
+    c("path", { d: "m21.5 27-11-11 11-11" }, null, -1)
+  ])]);
+}
+const ge = { render: we };
+var be = "Expected a function";
+function Se(e, t, l) {
+  var a = !0, o = !0;
+  if (typeof e != "function")
+    throw new TypeError(be);
+  return ue(l) && (a = "leading" in l ? !!l.leading : a, o = "trailing" in l ? !!l.trailing : o), ie(e, t, {
+    leading: a,
+    maxWait: t,
+    trailing: o
+  });
+}
+const j = (e, t, l) => {
+  const a = i(() => !e.value || e.value.length === 0 ? 0 : e.value.length), o = i(() => 0);
+  return ((s, p, u) => `${s} of ${p} entries`)(
+    a.value,
+    t,
+    o.value
+  );
+}, Ie = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ke(e, t) {
+  return d(), m("svg", Ie, [...t[0] || (t[0] = [
+    c("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 ye = { render: ke }, Ve = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function Be(e, t) {
+  return d(), m("svg", Ve, [...t[0] || (t[0] = [
+    c("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)
+  ])]);
+}
+const Le = { render: Be }, xe = {
+  clear: "Clear",
+  inverseSearch: "Exclude results that match query",
+  caseSensitive: "Toggle case sensitivity"
+}, Ce = {
+  name: "SearchInput",
+  components: {
+    InputField: ce,
+    FunctionButton: ne,
+    CloseIcon: re,
+    LensIcon: me,
+    InverseSearchIcon: ye,
+    UpperLowerCaseIcon: Le
+  },
+  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 se(), 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();
+    }
+  }
+}, Re = {
+  key: 0,
+  class: "icon-slot-wrapper"
+}, Me = {
+  key: 1,
+  class: "spacer"
+};
+function Ee(e, t, l, a, o, s) {
+  const p = w("LensIcon"), u = w("CloseIcon"), h = w("FunctionButton"), b = w("UpperLowerCaseIcon"), f = w("InverseSearchIcon"), y = w("InputField");
+  return d(), C(y, {
+    id: l.id,
+    ref: "searchInput",
+    name: l.name,
+    "model-value": l.modelValue,
+    placeholder: l.placeholder,
+    autofocus: l.autofocus,
+    disabled: l.disabled,
+    class: B(["search-input", { disabled: l.disabled }]),
+    autocomplete: "off",
+    "aria-owns": l.ariaOwns,
+    "aria-activedescendant": l.ariaActivedescendant,
+    role: "searchbox",
+    compact: l.compact,
+    onFocus: t[0] || (t[0] = (S) => e.$emit("focus", S)),
+    "onUpdate:modelValue": t[1] || (t[1] = (S) => e.$emit("update:modelValue", S))
+  }, {
+    icon: L(() => [
+      l.disabled ? k("", !0) : (d(), m("div", Re, [
+        H(e.$slots, "icon", {}, () => [
+          g(p)
+        ], !0)
+      ]))
+    ]),
+    iconRight: L(() => [
+      s.showClearButton ? (d(), C(h, {
+        key: 0,
+        class: "clear-search",
+        compact: l.compact,
+        title: s.tooltipsWithDefaults.clear,
+        onClick: s.clearSearch
+      }, {
+        default: L(() => [
+          g(u)
+        ]),
+        _: 1
+      }, 8, ["compact", "title", "onClick"])) : k("", !0),
+      s.showSpacer ? (d(), m("span", Me)) : k("", !0),
+      !l.disabled && l.showCaseSensitiveSearchButton ? (d(), C(h, {
+        key: 2,
+        class: "toggle-case-sensitive-search",
+        compact: l.compact,
+        active: o.caseSensitiveSearch,
+        title: s.tooltipsWithDefaults.caseSensitive,
+        onClick: s.toggleCaseSensitiveSearch
+      }, {
+        default: L(() => [
+          g(b)
+        ]),
+        _: 1
+      }, 8, ["compact", "active", "title", "onClick"])) : k("", !0),
+      !l.disabled && l.showInverseSearchButton ? (d(), C(h, {
+        key: 3,
+        class: "toggle-inverse-search",
+        compact: l.compact,
+        title: s.tooltipsWithDefaults.inverseSearch,
+        active: o.inverseSearch,
+        onClick: s.toggleInverseSearch
+      }, {
+        default: L(() => [
+          g(f)
+        ]),
+        _: 1
+      }, 8, ["compact", "title", "active", "onClick"])) : k("", !0)
+    ]),
+    _: 3
+  }, 8, ["id", "name", "model-value", "placeholder", "autofocus", "disabled", "class", "aria-owns", "aria-activedescendant", "compact"]);
+}
+const Te = /* @__PURE__ */ U(Ce, [["render", Ee], ["__scopeId", "data-v-ba4cc83f"]]), ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function Ue(e, t) {
+  return d(), m("svg", ze, [...t[0] || (t[0] = [
+    c("path", { d: "m14.8 5 11 11-11 11M6.2 5l11 11-11 11" }, null, -1)
+  ])]);
+}
+const Ae = { render: Ue }, De = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function _e(e, t) {
+  return d(), m("svg", De, [...t[0] || (t[0] = [
+    c("path", { d: "m17.2 27-11-11 11-11m8.6 22-11-11 11-11" }, null, -1)
+  ])]);
+}
+const He = { render: _e }, Ne = 10, W = "2px", Oe = /* @__PURE__ */ Z({
+  __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 }) {
+    Y((r) => ({
+      v279576da: W
+    }));
+    const l = t, a = e, o = z(0), s = z(null), p = i(
+      () => `calc(${a.handleWidth} + 2 * ${W})`
+    ), u = i(
+      () => a.connectHandlesOnResize && a.numberOfHandles > 1 && s.value !== null
+    ), h = i(
+      () => `(${a.numberOfHandles} - 1) * ${a.multipleHandlesHandleGap}`
+    ), b = i(
+      () => `(2 * ${a.numberOfHandles})`
+    ), f = i(
+      () => `(100% - ${h.value}) / ${b.value}`
+    ), y = i(
+      () => `calc(100% - 2 * ${f.value})`
+    ), S = (r) => {
+      a.disabled || (r.target.setPointerCapture(r.pointerId), r.preventDefault(), s.value = r.pointerId, o.value = r.clientY);
+    }, x = Se((r) => {
+      if (s.value === r.pointerId) {
+        const I = r.clientY - o.value;
+        (I < 0 && r.offsetY <= 0 || I > 0 && r.offsetY >= 0) && l("resize-move", I), o.value = r.clientY;
+      }
+    }, Ne), n = (r) => {
+      s.value === r.pointerId && (o.value = 0, s.value = null, l("resize-end"));
+    };
+    return (r, I) => (d(), m("div", {
+      class: "resize-handle-container",
+      style: A({ gap: e.multipleHandlesHandleGap })
+    }, [
+      u.value ? (d(), m("div", {
+        key: 0,
+        class: "handle connection",
+        style: A({ width: y.value })
+      }, null, 4)) : k("", !0),
+      (d(!0), m(te, null, le(e.numberOfHandles, (R) => (d(), m("div", {
+        key: R,
+        class: B(["handle-container", { disabled: e.disabled }]),
+        style: A({ width: p.value }),
+        onPointerdown: S,
+        onPointerup: n,
+        onPointermove: I[0] || (I[0] = //@ts-ignore
+        (...M) => _(x) && _(x)(...M)),
+        onLostpointercapture: n
+      }, [...I[1] || (I[1] = [
+        c("div", { class: "handle" }, null, -1)
+      ])], 38))), 128))
+    ], 4));
+  }
+}), $e = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-dcf2ad1f"]]), T = "Enter", D = 5, X = 30, J = 24, Pe = 4, Ke = 56, qe = ["left", "right"], je = Pe * J + 2 * Ke, We = `calc((100% - ${X}px) * 1 / 6)`, Ge = (e) => {
+  const t = i(
+    () => e.value !== null && "includeUnknownValues" in e.value ? { withUnknownValues: e.value } : { standard: e.value }
+  ), l = i(() => typeof t.value.standard < "u" ? t.value.standard : t.value.withUnknownValues.includedValues), a = i(
+    () => {
+      var u;
+      return ((u = t.value.withUnknownValues) == null ? void 0 : u.excludedValues) ?? null;
+    }
+  ), o = i(
+    () => {
+      var u;
+      return ((u = t.value.withUnknownValues) == null ? void 0 : u.includeUnknownValues) ?? null;
+    }
+  ), s = i(
+    () => o.value === !1
+  ), p = i(
+    () => o.value === !0
+  );
+  return {
+    includedValues: l,
+    excludedValues: a,
+    showUnknownExcludedValues: s,
+    showUnknownIncludedValues: p,
+    getEmitValue: (u, h = (f) => f, b = (f) => f) => t.value.withUnknownValues ? {
+      includedValues: u,
+      excludedValues: h(a.value),
+      includeUnknownValues: b(
+        t.value.withUnknownValues.includeUnknownValues
+      )
+    } : u
+  };
+}, N = {
+  name: "Twinlist",
+  components: {
+    ArrowNextDoubleIcon: Ae,
+    ArrowNextIcon: ae,
+    ArrowPrevDoubleIcon: He,
+    ArrowPrevIcon: ge,
+    MultiselectListBox: de,
+    Label: oe,
+    SearchInput: Te,
+    ResizeHandle: $e
+  },
+  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,
+      default: "Possible values"
+    },
+    rightLabel: {
+      type: String,
+      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: l,
+      showUnknownExcludedValues: a,
+      showUnknownIncludedValues: o,
+      getEmitValue: s
+    } = Ge(P(e, "modelValue")), p = z(e.initialSearchTerm), u = z(e.initialCaseSensitiveSearch), h = i(() => e.possibleValues.map((v) => v.id)), b = i(() => new Set(h.value)), f = i(() => t.value ? o.value ? t.value.filter(
+      (v) => b.value.has(v)
+    ) : t.value : null), y = i(() => Object.assign(
+      {},
+      ...e.possibleValues.map((v, V) => ({
+        [v.id]: { item: v, index: V }
+      }))
+    )), S = i(() => f.value === null ? [] : f.value.map(
+      (v) => {
+        var V;
+        return ((V = y.value[v]) == null ? void 0 : V.item) || q(v);
+      }
+    )), x = P(e, "showSearch"), n = K(
+      p,
+      u,
+      S,
+      x
+    ), r = i(() => {
+      if (!l.value) {
+        const v = new Set(t.value);
+        return h.value.filter(
+          (V) => !v.has(V)
+        );
+      }
+      return a.value ? l.value.filter(
+        (v) => b.value.has(v)
+      ) : l.value;
+    }), I = i(() => f.value === null ? [] : r.value.map(
+      (v) => {
+        var V;
+        return ((V = y.value[v]) == null ? void 0 : V.item) || q(v);
+      }
+    )), R = K(
+      p,
+      u,
+      I,
+      x
+    ), M = i(() => e.showSearch && p.value !== ""), Q = i(() => e.showSearch && M.value ? j(R, r.value.length) : null), ee = i(() => {
+      var v;
+      return e.showSearch && M.value ? j(
+        n,
+        (v = f.value) == null ? void 0 : v.length
+      ) : null;
+    });
+    return {
+      includedValues: t,
+      excludedValues: l,
+      showUnknownExcludedValues: a,
+      showUnknownIncludedValues: o,
+      getEmitValue: s,
+      searchTerm: p,
+      filteredExcludedItems: R,
+      filteredIncludedItems: n,
+      knownExcludedValues: r,
+      knownIncludedValues: f,
+      possibleValueIds: h,
+      possibleValueIdsSet: b,
+      excludedLabels: Q,
+      includedLabels: ee,
+      caseSensitiveSearch: u,
+      allIncludedItems: S,
+      possibleValueMap: y
+    };
+  },
+  data() {
+    return {
+      invalidPossibleValueIds: /* @__PURE__ */ new Set(),
+      rightSelected: [],
+      leftSelected: [],
+      unknownValuesId: Symbol("Unknown values"),
+      constants: Object.freeze({
+        MIN_LIST_SIZE: D,
+        BUTTON_HEIGHT: J,
+        BUTTON_WIDTH: X,
+        RESIZE_HANDLE_WIDTH: We,
+        MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT: je
+      })
+    };
+  },
+  computed: {
+    listSize() {
+      const e = this.size === 0 ? this.possibleValues.length : this.size;
+      return e > D ? e : D;
+    },
+    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: l
+    }) {
+      const a = e.filter((h) => h !== this.unknownValuesId), o = e.length > a.length, s = {
+        knownValues: a,
+        movingUnknownValues: o
+      };
+      let p = null, u = null;
+      this.includedValues !== null && (p = t({
+        previous: this.includedValues,
+        movingParts: s
+      })), this.excludedValues && (u = l({
+        previous: this.knownExcludedValues,
+        movingParts: s
+      })), this.clearSelections(), this.$emit(
+        "update:modelValue",
+        this.getEmitValue(
+          p,
+          () => u,
+          (h) => o ? !h : h
+        )
+      );
+    },
+    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: l }
+    }) {
+      const a = new Set(l);
+      return e.filter(
+        (o) => !a.has(o) && (!t || this.possibleValueIdsSet.has(o))
+      );
+    },
+    /**
+     * 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: l }
+    }) {
+      return [
+        ...t ? e.filter((a) => this.possibleValueIdsSet.has(a)) : e,
+        ...l.filter((a) => this.possibleValueIdsSet.has(a))
+      ].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 === T && (this.onMoveAllRightButtonClick(), this.stopPropagation(e));
+    },
+    onMoveRightButtonKey(e) {
+      e.key === T && (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 === T && (this.moveLeft(), this.stopPropagation(e));
+    },
+    onMoveAllLeftButtonKey(e) {
+      e.key === T && (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 qe.map(
+        (e) => this.$refs[e]
+      );
+    },
+    onResizeMove(e) {
+      this.getListBoxes().forEach((t) => t.onResizeMove(e));
+    },
+    onResizeEnd() {
+      this.getListBoxes().forEach((e) => e.onResizeEnd());
+    }
+  }
+}, G = () => {
+  Y((e) => ({
+    v365b9e38: `${e.constants.BUTTON_WIDTH}px`,
+    v2e4b38ff: `${e.constants.MAX_HEIGHT_BUTTONS_CENTER_ALIGNMENT}px`,
+    v698d773f: `${e.constants.BUTTON_HEIGHT}px`
+  }));
+}, F = N.setup;
+N.setup = F ? (e, t) => (G(), F(e, t)) : G;
+const Fe = { class: "twinlist" }, Ze = { class: "header" }, Ye = { class: "title" }, Xe = ["title"], Je = ["title"], Qe = { class: "title" }, et = ["title"], tt = ["title"], lt = { class: "buttons" };
+function st(e, t, l, a, o, s) {
+  const p = w("SearchInput"), u = w("Label"), h = w("MultiselectListBox"), b = w("ArrowNextIcon"), f = w("ArrowNextDoubleIcon"), y = w("ArrowPrevIcon"), S = w("ArrowPrevDoubleIcon"), x = w("ResizeHandle");
+  return d(), m("div", Fe, [
+    l.showSearch ? (d(), C(u, {
+      key: 0,
+      active: l.withSearchLabel,
+      text: l.searchLabel,
+      class: "search-wrapper"
+    }, {
+      default: L(({ labelForId: n }) => [
+        g(p, {
+          id: n,
+          ref: "search",
+          placeholder: l.searchPlaceholder,
+          "model-value": a.searchTerm,
+          label: l.searchLabel,
+          "initial-case-sensitive-search": l.initialCaseSensitiveSearch,
+          "show-case-sensitive-search-button": "",
+          disabled: l.disabled,
+          tooltips: {
+            inverseSearch: "Move matching to other side"
+          },
+          compact: l.compact,
+          "onUpdate:modelValue": s.onSearchInput,
+          onToggleCaseSensitiveSearch: t[0] || (t[0] = (r) => a.caseSensitiveSearch = r)
+        }, null, 8, ["id", "placeholder", "model-value", "label", "initial-case-sensitive-search", "disabled", "compact", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }, 8, ["active", "text"])) : k("", !0),
+    c("div", Ze, [
+      c("div", Ye, [
+        c("div", {
+          class: "label",
+          title: l.leftLabel
+        }, E(l.leftLabel), 9, Xe),
+        a.excludedLabels ? (d(), m("div", {
+          key: 0,
+          title: a.excludedLabels,
+          class: "info"
+        }, E(a.excludedLabels), 9, Je)) : k("", !0)
+      ]),
+      t[9] || (t[9] = c("div", { class: "space" }, null, -1)),
+      c("div", Qe, [
+        c("div", {
+          class: "label",
+          title: l.rightLabel
+        }, E(l.rightLabel), 9, et),
+        a.includedLabels ? (d(), m("div", {
+          key: 0,
+          title: a.includedLabels,
+          class: "info"
+        }, E(a.includedLabels), 9, tt)) : k("", !0)
+      ])
+    ]),
+    c("div", {
+      class: B(["lists", { disabled: l.disabled }])
+    }, [
+      g(h, {
+        ref: "left",
+        "with-is-empty-state": l.showEmptyState,
+        "empty-state-label": l.emptyStateLabel,
+        "empty-state-component": l.emptyStateComponent,
+        size: s.listSize,
+        "min-size": o.constants.MIN_LIST_SIZE,
+        class: "list-box",
+        "model-value": o.leftSelected,
+        "with-bottom-value": a.showUnknownExcludedValues,
+        "bottom-value": { id: o.unknownValuesId, text: l.unknownValuesText },
+        "is-valid": l.isValid,
+        "possible-values": a.filteredExcludedItems,
+        ariaLabel: l.leftLabel,
+        disabled: l.disabled,
+        onDoubleClickOnItem: s.onLeftListBoxDoubleClick,
+        onDoubleClickShift: s.onLeftListBoxShiftDoubleClick,
+        onKeyArrowRight: s.moveRight,
+        "onUpdate:modelValue": s.onLeftInput
+      }, {
+        option: L((n) => [
+          H(e.$slots, "option", O($(n)), 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"]),
+      c("div", lt, [
+        c("div", {
+          ref: "moveRight",
+          class: B({ disabled: s.moveRightButtonDisabled || l.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[1] || (t[1] = (...n) => s.onMoveRightButtonClick && s.onMoveRightButtonClick(...n)),
+          onKeydown: t[2] || (t[2] = (...n) => s.onMoveRightButtonKey && s.onMoveRightButtonKey(...n))
+        }, [
+          g(b, { class: "icon" })
+        ], 34),
+        c("div", {
+          ref: "moveAllRight",
+          class: B({ disabled: s.moveAllRightButtonDisabled || l.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[3] || (t[3] = (...n) => s.onMoveAllRightButtonClick && s.onMoveAllRightButtonClick(...n)),
+          onKeydown: t[4] || (t[4] = (...n) => s.onMoveAllRightButtonKey && s.onMoveAllRightButtonKey(...n))
+        }, [
+          g(f, { class: "icon" })
+        ], 34),
+        c("div", {
+          ref: "moveLeft",
+          class: B({ disabled: s.moveLeftButtonDisabled || l.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[5] || (t[5] = (...n) => s.onMoveLeftButtonClick && s.onMoveLeftButtonClick(...n)),
+          onKeydown: t[6] || (t[6] = (...n) => s.onMoveLeftButtonKey && s.onMoveLeftButtonKey(...n))
+        }, [
+          g(y, { class: "icon" })
+        ], 34),
+        c("div", {
+          ref: "moveAllLeft",
+          class: B({ disabled: s.moveAllLeftButtonDisabled || l.disabled }),
+          role: "button",
+          tabindex: "0",
+          onClick: t[7] || (t[7] = (...n) => s.onMoveAllLeftButtonClick && s.onMoveAllLeftButtonClick(...n)),
+          onKeydown: t[8] || (t[8] = (...n) => s.onMoveAllLeftButtonKey && s.onMoveAllLeftButtonKey(...n))
+        }, [
+          g(S, { class: "icon" })
+        ], 34)
+      ]),
+      g(h, {
+        ref: "right",
+        class: B(["list-box", { "with-empty-state-icon": l.emptyStateComponent }]),
+        "model-value": o.rightSelected,
+        "with-bottom-value": a.showUnknownIncludedValues,
+        "bottom-value": { id: o.unknownValuesId, text: l.unknownValuesText },
+        "with-is-empty-state": l.showEmptyState,
+        "empty-state-label": l.emptyStateLabel,
+        "empty-state-component": l.emptyStateComponent,
+        "possible-values": a.filteredIncludedItems,
+        size: s.listSize,
+        "min-size": o.constants.MIN_LIST_SIZE,
+        ariaLabel: l.rightLabel,
+        disabled: l.disabled,
+        onDoubleClickOnItem: s.onRightListBoxDoubleClick,
+        onDoubleClickShift: s.onRightListBoxShiftDoubleClick,
+        onKeyArrowLeft: s.moveLeft,
+        "onUpdate:modelValue": s.onRightInput
+      }, {
+        option: L((n) => [
+          H(e.$slots, "option", O($(n)), 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),
+    l.showResizeHandle ? (d(), C(x, {
+      key: 1,
+      "number-of-handles": 2,
+      "handle-width": o.constants.RESIZE_HANDLE_WIDTH,
+      "connect-handles-on-resize": "",
+      "multiple-handles-handle-gap": `${o.constants.BUTTON_WIDTH}px`,
+      onResizeMove: s.onResizeMove,
+      onResizeEnd: s.onResizeEnd
+    }, null, 8, ["handle-width", "multiple-handles-handle-gap", "onResizeMove", "onResizeEnd"])) : k("", !0)
+  ]);
+}
+const mt = /* @__PURE__ */ U(N, [["render", st], ["__scopeId", "data-v-f35c5f48"]]), at = { class: "info" }, ot = /* @__PURE__ */ Z({
+  __name: "TwinlistLoadingInfo",
+  setup(e) {
+    return (t, l) => (d(), m("div", at, [
+      l[0] || (l[0] = c("span", null, "Loading...", -1)),
+      g(_(he), { class: "icon" })
+    ]));
+  }
+}), ft = /* @__PURE__ */ U(ot, [["__scopeId", "data-v-60f14601"]]);
+export {
+  Te as E,
+  mt as f,
+  Ge as q,
+  ft as w
+};