@knime/jsonforms 2.1.1 → 3.1.0

package/dist/MultiSelectListBoxControl-CQOFIEci.js

@@ -1,543 +0,0 @@
-import { toRef as S, watch as y, resolveComponent as p, openBlock as h, createElementBlock as c, normalizeStyle as I, normalizeClass as v, createElementVNode as f, mergeProps as C, withKeys as a, withModifiers as d, normalizeProps as V, guardReactiveProps as w, Fragment as k, renderList as D, createBlock as g, withCtx as B, renderSlot as H, resolveDynamicComponent as K, toDisplayString as N, createCommentVNode as b, createVNode as L, defineComponent as T, unref as x } from "vue";
-import { u as A } from "./usePossibleValues-BA8iHFUA.js";
-import { a3 as O, a4 as z, _ as P } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-import { S as M } from "./StyledListItem-Ba8daevG.js";
-const E = (e, t) => {
-  let i, l = 0;
-  return (...o) => {
-    const [s, r] = o;
-    clearTimeout(i);
-    const n = Date.now();
-    n - l > t ? (l = n, e(s, r)) : i = setTimeout(() => {
-      l = n, e(s, r);
-    }, t);
-  };
-}, R = 250, U = {
-  name: "MultiselectListBox",
-  components: { StyledListItem: M },
-  props: {
-    id: {
-      type: String,
-      default() {
-        return `MultiselectListBox-${z()}`;
-      }
-    },
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      default: !1,
-      type: Boolean
-    },
-    withIsEmptyState: {
-      default: !1,
-      type: Boolean
-    },
-    /**
-     * 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
-    },
-    /**
-     * If enabled the single click will allow the user to select multiple items, otherwise this only works with
-     * CTRL + Click (similar to <select> html widgets)
-     */
-    multiselectByClick: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Bottom values
-     */
-    withBottomValue: {
-      type: Boolean,
-      default: !1
-    },
-    bottomValue: {
-      type: Object,
-      default: () => ({ id: "bottom", text: "Other" }),
-      validator(e) {
-        return e.hasOwnProperty("id") && e.hasOwnProperty("text");
-      }
-    },
-    /**
-     * Controls the size of the list. Number of visible items (for others user need to scroll)
-     * 0 means all
-     */
-    size: {
-      type: Number,
-      default: 0,
-      validator(e) {
-        return e >= 0;
-      }
-    },
-    minSize: {
-      type: Number,
-      default: 1
-    },
-    isValid: {
-      default: !0,
-      type: Boolean
-    },
-    ariaLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-     * 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: () => [],
-      validator(e) {
-        return Array.isArray(e) ? e.every(
-          (t) => t.hasOwnProperty("id") && t.hasOwnProperty("text")
-        ) : !1;
-      }
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "doubleClickOnItem",
-    "doubleClickShift",
-    "keyArrowLeft",
-    "keyArrowRight"
-  ],
-  setup(e) {
-    const { containerProps: i, wrapperProps: l, list: o, scrollTo: s } = O(
-      S(e, "possibleValues"),
-      {
-        itemHeight: 22
-      }
-    );
-    return y(
-      () => e.possibleValues,
-      () => {
-        if (!i.ref.value)
-          return;
-        const r = i.ref.value?.scrollTop ?? 0;
-        s(
-          Math.max(
-            Math.min(
-              Math.floor(r / 22),
-              e.possibleValues.length - 1
-            ),
-            0
-          )
-        );
-      }
-    ), {
-      optionLineHeight: 22,
-      containerProps: i,
-      wrapperProps: l,
-      list: o
-    };
-  },
-  data() {
-    return {
-      selectedValues: this.modelValue,
-      // indices for mouse and keyboard nav
-      currentKeyNavIndex: 0,
-      shiftStartIndex: -1,
-      draggingStartIndex: -1,
-      draggingInverseMode: !1,
-      resizeHeight: 0
-    };
-  },
-  computed: {
-    cssStyleSize() {
-      if (this.resizeHeight !== 0)
-        return { height: `${this.resizeHeight}px` };
-      const e = `${this.computeBoxHeight(this.size)}px`;
-      return this.size > 0 ? { height: e } : {};
-    },
-    minResizeHeight() {
-      return this.computeBoxHeight(this.minSize);
-    },
-    possibleValuesWithBottom() {
-      return [
-        ...this.possibleValues,
-        ...this.withBottomValue ? [this.bottomValue] : []
-      ];
-    },
-    bottomIndex() {
-      return this.possibleValues.length;
-    },
-    showEmptyState() {
-      return this.withIsEmptyState && this.possibleValues.length === 0;
-    }
-  },
-  watch: {
-    modelValue: {
-      handler(e) {
-        this.selectedValues = [...e];
-      },
-      deep: !0
-    }
-  },
-  mounted() {
-    window.addEventListener("mouseup", this.onStopDrag);
-    const e = this.modelValue?.[this.modelValue?.length - 1];
-    this.currentKeyNavIndex = this.possibleValues.map((t) => t.id).indexOf(e);
-  },
-  beforeUnmount() {
-    window.removeEventListener("mouseup", this.onStopDrag);
-  },
-  created() {
-    this.createDebouncedHandleCtrlClick();
-  },
-  methods: {
-    createDebouncedHandleCtrlClick() {
-      this.debouncedHandleCtrlClick = E((e, t) => {
-        this.handleCtrlClick(e, t);
-      }, R);
-    },
-    // Define debouncedHandleCtrlClick as a method
-    debouncedHandleCtrlClick(e, t) {
-      this.debouncedHandleCtrlClick || this.createDebouncedHandleCtrlClick(), this.debouncedHandleCtrlClick(e, t);
-    },
-    isCurrentValue(e) {
-      return this.selectedValues?.includes(e);
-    },
-    handleCtrlClick(e, t) {
-      this.currentKeyNavIndex = t, this.toggleSelection(e);
-    },
-    handleShiftClick(e, t) {
-      this.setSelected(
-        this.getPossibleValuesInSection(this.currentKeyNavIndex, t)
-      );
-    },
-    /**
-     * Returns all value ids (String) for two indices no matter which one is the start/end index
-     * @param {Number} firstIndex - index a
-     * @param {Number} secondIndex - index b
-     * @returns {String[]}
-     */
-    getPossibleValuesInSection(e, t) {
-      const i = e > t ? t : e, l = e > t ? e : t;
-      return this.possibleValuesWithBottom.slice(i, l + 1).map((o) => o.id);
-    },
-    onStartDrag(e, t = !1) {
-      if (this.disabled || e.shiftKey)
-        return;
-      (e.ctrlKey || e.metaKey) && (this.draggingInverseMode = !0);
-      const i = e.target, l = t ? this.bottomIndex : this.getDataOptionIndex(i);
-      l && (this.draggingStartIndex = Number(l));
-    },
-    onDrag(e) {
-      if (this.draggingStartIndex !== -1) {
-        const t = e.target, i = this.getDataOptionIndex(t);
-        if (!i)
-          return;
-        const l = Number(i);
-        let o = this.getPossibleValuesInSection(
-          this.draggingStartIndex,
-          l
-        );
-        this.draggingInverseMode && (o = this.selectedValues.filter(
-          (s) => !o.includes(s)
-        )), this.setSelected(o);
-      }
-    },
-    getDataOptionIndex(e) {
-      return e.closest("[data-option-index]")?.dataset.optionIndex;
-    },
-    onBottomStartDrag(e) {
-      this.focus(), this.onStartDrag(e);
-    },
-    onBottomDrag(e) {
-      this.focus(), this.onDrag(e);
-    },
-    onStopDrag() {
-      this.draggingStartIndex = -1, this.draggingInverseMode = !1;
-    },
-    handleClick(e, t, i) {
-      if (!this.disabled) {
-        if (e.preventDefault(), e.metaKey) {
-          this.debouncedHandleCtrlClick(t, i);
-          return;
-        }
-        if (e.ctrlKey) {
-          this.handleCtrlClick(t, i);
-          return;
-        }
-        if (e.shiftKey) {
-          this.handleShiftClick(t, i);
-          return;
-        }
-        this.multiselectByClick || (this.selectedValues = []), this.currentKeyNavIndex = i, this.toggleSelection(t);
-      }
-    },
-    handleDblClick(e, t) {
-      this.disabled || this.$emit("doubleClickOnItem", e, t);
-    },
-    handleBottomClick(e) {
-      this.handleClick(e, this.bottomValue.id, this.bottomIndex), this.focus();
-    },
-    handleBottomDblClick() {
-      this.handleDblClick(this.bottomValue.id, this.bottomIndex);
-    },
-    handleShiftDblClick() {
-      this.disabled || this.$emit("doubleClickShift", this.selectedValues);
-    },
-    addToSelection(e) {
-      let t = !1;
-      const i = this.selectedValues;
-      return i?.includes(e) || (i?.push(e), t = !0), this.setSelected(i), t;
-    },
-    removeFromSelection(e) {
-      let t = !1;
-      const i = this.selectedValues;
-      return i?.includes(e) && (i.splice(i.indexOf(e), 1), t = !0), this.setSelected(i), t;
-    },
-    toggleSelection(e) {
-      this.selectedValues?.includes(e) ? this.removeFromSelection(e) : this.addToSelection(e);
-    },
-    setSelectedNoShiftReset(e) {
-      consola.trace("MultiselectListBox setSelected on", e), this.selectedValues = e, this.$emit("update:modelValue", e);
-    },
-    setSelected(e) {
-      this.shiftStartIndex = -1, this.setSelectedNoShiftReset(e);
-    },
-    setSelectedToIndex(e) {
-      const t = this.possibleValuesWithBottom[e];
-      t && t.id && this.setSelected([t.id]);
-    },
-    scrollToCurrent() {
-      this.currentKeyNavIndex !== this.bottomIndex && this.scrollIntoView(this.currentKeyNavIndex);
-    },
-    scrollIntoView(e, t = "auto") {
-      if (!this.containerProps.ref.value)
-        return;
-      const i = this.containerProps.ref.value;
-      if (i.scrollHeight > i.clientHeight) {
-        const l = i.clientHeight + i.scrollTop, o = e * this.optionLineHeight, s = o + this.optionLineHeight, r = o < i.scrollTop;
-        if (!(s > l || r))
-          return;
-        t === "up" || t === "auto" && r ? i.scrollTop = o : i.scrollTop = s - i.clientHeight;
-      }
-    },
-    scrollUpIntoView(e) {
-      this.scrollIntoView(e, "up");
-    },
-    scrollDownIntoView(e) {
-      this.scrollIntoView(e, "down");
-    },
-    setCurrentKeyNavIndex(e) {
-      this.currentKeyNavIndex = e;
-    },
-    isOutOfRange(e) {
-      return e < 0 ? !0 : this.withBottomValue ? e > this.bottomIndex : e >= this.bottomIndex;
-    },
-    onArrowDown() {
-      if (this.disabled)
-        return;
-      const e = this.currentKeyNavIndex + 1;
-      this.isOutOfRange(e) || (this.setSelectedToIndex(e), this.currentKeyNavIndex = e, this.scrollToCurrent());
-    },
-    onArrowUp() {
-      if (this.disabled)
-        return;
-      const e = this.currentKeyNavIndex - 1;
-      this.isOutOfRange(e) || (this.setSelectedToIndex(e), this.currentKeyNavIndex = e, this.scrollToCurrent());
-    },
-    onArrowDownShift() {
-      if (this.disabled)
-        return;
-      this.shiftStartIndex === -1 && (this.shiftStartIndex = this.currentKeyNavIndex);
-      const e = this.currentKeyNavIndex + 1;
-      this.isOutOfRange(e) || (this.setSelectedNoShiftReset(
-        this.getPossibleValuesInSection(this.shiftStartIndex, e)
-      ), this.currentKeyNavIndex = e, this.scrollToCurrent());
-    },
-    onArrowUpShift() {
-      if (this.disabled)
-        return;
-      this.shiftStartIndex === -1 && (this.shiftStartIndex = this.currentKeyNavIndex);
-      const e = this.currentKeyNavIndex - 1;
-      this.isOutOfRange(e) || (this.setSelectedNoShiftReset(
-        this.getPossibleValuesInSection(this.shiftStartIndex, e)
-      ), this.currentKeyNavIndex = e, this.scrollToCurrent());
-    },
-    onEndKey() {
-      const e = this.possibleValues.length - 1;
-      this.setSelectedToIndex(e), this.currentKeyNavIndex = e, this.containerProps.ref.value && (this.containerProps.ref.value.scrollTop = this.containerProps.ref.value.scrollHeight);
-    },
-    onHomeKey() {
-      this.setSelectedToIndex(0), this.currentKeyNavIndex = 0, this.containerProps.ref.value && (this.containerProps.ref.value.scrollTop = 0);
-    },
-    onArrowLeft() {
-      this.disabled || this.$emit("keyArrowLeft", this.selectedValues);
-    },
-    onArrowRight() {
-      this.disabled || this.$emit("keyArrowRight", this.selectedValues);
-    },
-    onCtrlA() {
-      this.disabled || this.setSelected(this.possibleValuesWithBottom.map((e) => e.id));
-    },
-    hasSelection() {
-      return this.selectedValues.length > 0;
-    },
-    getCurrentKeyNavItem() {
-      try {
-        return this.possibleValues[this.currentKeyNavIndex];
-      } catch {
-        return {
-          id: "",
-          text: ""
-        };
-      }
-    },
-    generateOptionId(e) {
-      if (!e)
-        return "";
-      const t = typeof e.id == "symbol" ? e.id.description : e.id, i = t && t.replace(/[^\w]/gi, "");
-      return `option-${this.id}-${i}`;
-    },
-    focus() {
-      this.disabled || this.containerProps.ref.value?.focus();
-    },
-    clearSelection() {
-      this.disabled || this.setSelected([]);
-    },
-    computeBoxHeight(e) {
-      return e * this.optionLineHeight;
-    },
-    initResizeHeight() {
-      this.resizeHeight = this.computeBoxHeight(
-        this.size || this.possibleValues.length
-      );
-    },
-    onResizeMove(e) {
-      this.resizeHeight += e, this.resizeHeight = Math.max(this.minResizeHeight, this.resizeHeight);
-    },
-    onResizeEnd() {
-      const e = this.resizeHeight / this.optionLineHeight;
-      this.resizeHeight = this.computeBoxHeight(Math.round(e));
-    }
-  }
-}, F = { class: "box" }, W = ["id", "aria-label", "aria-activedescendant"], j = {
-  key: 0,
-  class: "empty-state"
-}, q = { key: 1 }, Y = {
-  key: 1,
-  role: "bottom-box"
-};
-function G(e, t, i, l, o, s) {
-  const r = p("StyledListItem");
-  return h(), c("div", {
-    class: v(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
-    style: I(s.cssStyleSize)
-  }, [
-    f("div", F, [
-      f("ul", C(l.containerProps, {
-        id: i.id,
-        role: "listbox",
-        tabindex: "0",
-        class: { disabled: i.disabled, "empty-box": s.showEmptyState },
-        "aria-label": i.ariaLabel,
-        "aria-activedescendant": s.generateOptionId(s.getCurrentKeyNavItem()),
-        onKeydown: [
-          t[1] || (t[1] = a(d((...n) => s.onCtrlA && s.onCtrlA(...n), ["ctrl", "prevent", "exact"]), ["a"])),
-          t[2] || (t[2] = a(d((...n) => s.onArrowUp && s.onArrowUp(...n), ["prevent", "exact"]), ["up"])),
-          t[3] || (t[3] = a(d((...n) => s.onArrowDown && s.onArrowDown(...n), ["prevent", "exact"]), ["down"])),
-          t[4] || (t[4] = a(d((...n) => s.onArrowUpShift && s.onArrowUpShift(...n), ["shift", "prevent", "exact"]), ["up"])),
-          t[5] || (t[5] = a(d((...n) => s.onArrowDownShift && s.onArrowDownShift(...n), ["shift", "prevent", "exact"]), ["down"])),
-          t[6] || (t[6] = a(d((...n) => s.onArrowLeft && s.onArrowLeft(...n), ["prevent", "exact"]), ["left"])),
-          t[7] || (t[7] = a(d((...n) => s.onArrowRight && s.onArrowRight(...n), ["prevent", "exact"]), ["right"])),
-          t[8] || (t[8] = a(d((...n) => s.onHomeKey && s.onHomeKey(...n), ["prevent", "exact"]), ["home"])),
-          t[9] || (t[9] = a(d((...n) => s.onEndKey && s.onEndKey(...n), ["prevent", "exact"]), ["end"]))
-        ],
-        onMousedown: t[10] || (t[10] = (...n) => s.onStartDrag && s.onStartDrag(...n)),
-        onMousemove: t[11] || (t[11] = (...n) => s.onDrag && s.onDrag(...n))
-      }), [
-        f("div", V(w(l.wrapperProps)), [
-          (h(!0), c(k, null, D(l.list, ({ data: n, index: u }) => (h(), g(r, {
-            id: s.generateOptionId(n),
-            key: `listbox-${n.id}`,
-            text: n.text,
-            "data-option-index": u,
-            "line-height": l.optionLineHeight,
-            selected: s.isCurrentValue(n.id),
-            invalid: n.invalid,
-            special: n.special,
-            disabled: i.disabled,
-            onClick: (m) => s.handleClick(m, n.id, u),
-            onDblclickShift: t[0] || (t[0] = (m) => s.handleShiftDblClick()),
-            onDblclickExact: (m) => s.handleDblClick(n.id, u)
-          }, {
-            default: B(() => [
-              H(e.$slots, "option", { slotItem: n }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
-        ], 16)
-      ], 16, W),
-      s.showEmptyState ? (h(), c("div", j, [
-        i.emptyStateComponent ? (h(), g(K(i.emptyStateComponent), { key: 0 })) : (h(), c("span", q, N(i.emptyStateLabel), 1))
-      ])) : b("", !0),
-      i.withBottomValue ? (h(), c("div", Y, [
-        L(r, {
-          id: s.generateOptionId(i.bottomValue),
-          special: "",
-          text: i.bottomValue.text,
-          "data-option-index": s.bottomIndex,
-          selected: s.isCurrentValue(i.bottomValue.id),
-          disabled: i.disabled,
-          onClick: s.handleBottomClick,
-          onDblclickShift: t[12] || (t[12] = (n) => s.handleShiftDblClick()),
-          onDblclickExact: s.handleBottomDblClick,
-          onMousedown: s.onBottomStartDrag,
-          onMousemove: s.onBottomDrag
-        }, null, 8, ["id", "text", "data-option-index", "selected", "disabled", "onClick", "onDblclickExact", "onMousedown", "onMousemove"])
-      ])) : b("", !0)
-    ])
-  ], 6);
-}
-const J = /* @__PURE__ */ P(U, [["render", G], ["__scopeId", "data-v-4ee62d65"]]), $ = /* @__PURE__ */ T({
-  __name: "MultiSelectListBoxControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    const t = e, { possibleValues: i } = A(S(t, "control"));
-    return (l, o) => (h(), g(x(J), {
-      id: e.labelForId,
-      "possible-values": x(i) || [],
-      disabled: e.disabled,
-      "model-value": e.control.data,
-      "is-valid": !e.error,
-      ariaLabel: e.control.label,
-      size: e.control.uischema.options?.size,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"]));
-  }
-});
-export {
-  $ as default
-};

package/dist/MultimodeTwinlistControl-C0WiAqkl.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-Cl3v0hvj.js";
-export {
-  f as default
-};

package/dist/MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-Cl3v0hvj.js

@@ -1,159 +0,0 @@
-import { defineComponent as A, toRef as h, computed as u, openBlock as B, createBlock as S, unref as c, mergeProps as N } from "vue";
-import { a5 as r, Y } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-import { m as g } from "./index-Blg1O3Fz.js";
-import { u as G, a as X } from "./usePossibleValues-BA8iHFUA.js";
-import { t as W } from "./toKdsPossibleValues-BklBg3gG.js";
-import { u as q } from "./useUnknownValuesInTwinlist-c39xqmHn.js";
-const O = /* @__PURE__ */ A({
-  __name: "MultimodeTwinlistControl",
-  props: {
-    control: {},
-    handleChange: {},
-    changeValue: {},
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: {},
-    labelForId: {},
-    showUnknownValues: { type: Boolean, default: !1 },
-    showTypeFilter: { type: Boolean, default: !1 }
-  },
-  setup(l) {
-    const a = l, { possibleValues: i } = G(
-      h(a, "control")
-    ), { excludedLabel: T, includedLabel: x } = X(
-      h(a, "control")
-    ), { selectedAndDeselected: p, setCurrentManualFilter: C } = q({
-      data: u(() => a.control.data),
-      possibleValueIds: u(
-        () => i.value?.map(({ id: e }) => e) ?? null
-      )
-    }), s = (e) => {
-      const t = g(a.control.data, e);
-      a.changeValue(t), C(t.manualFilter);
-    }, U = u(
-      () => W(i.value ?? [])
-    );
-    let o = null;
-    const w = () => {
-      if (o !== null) {
-        const e = o;
-        o = null, s(e);
-      }
-    }, m = (e) => {
-      o === null ? (o = e, queueMicrotask(w)) : o = g(
-        o,
-        e
-      );
-    }, M = (e) => {
-      m({
-        manualFilter: { manuallySelected: e },
-        selected: e
-      });
-    }, k = (e) => {
-      m({
-        manualFilter: { manuallyDeselected: e }
-      });
-    }, E = (e) => {
-      e !== null && m({
-        manualFilter: { includeUnknownColumns: e }
-      });
-    }, y = u(() => {
-      switch (a.control.data.mode.toUpperCase()) {
-        case "WILDCARD":
-        case "REGEX":
-          return r.PATTERN;
-        case "TYPE":
-          return r.TYPE;
-        default:
-          return r.MANUAL;
-      }
-    }), b = u(
-      () => a.control.data.mode.toUpperCase() === "REGEX"
-    ), v = (e) => {
-      let t;
-      switch (e) {
-        case r.PATTERN:
-          t = b.value ? "REGEX" : "WILDCARD";
-          break;
-        case r.TYPE:
-          t = "TYPE";
-          break;
-        default:
-          t = "MANUAL";
-      }
-      s({ mode: t });
-    }, F = (e) => {
-      y.value === r.PATTERN && s({ mode: e ? "REGEX" : "WILDCARD" });
-    }, R = (e) => {
-      s({ patternFilter: { pattern: e } });
-    }, D = (e) => {
-      s({ patternFilter: { isInverted: e } });
-    }, I = (e) => {
-      s({ patternFilter: { isCaseSensitive: e } });
-    }, P = () => {
-      const e = a.control.data.typeFilter;
-      if (!e)
-        return [];
-      const t = e.selectedTypes, n = new Map(
-        (e.typeDisplays ?? []).map(({ id: d, text: L }) => [d, L])
-      );
-      return t.map((d) => ({
-        id: d,
-        text: n.get(d) || d
-      }));
-    }, f = u(() => {
-      if (!a.showTypeFilter)
-        return;
-      const e = /* @__PURE__ */ new Map();
-      return i.value?.forEach((t) => {
-        t.type && e.set(t.type.id, t.type.text);
-      }), P().forEach(({ id: t, text: n }) => {
-        e.has(t) || e.set(t, n);
-      }), [...e.entries()].map(([t, n]) => ({
-        id: t,
-        text: n,
-        accessory: { type: "dataType", name: t }
-      }));
-    }), V = (e) => {
-      const t = (f.value ?? []).filter((n) => e.includes(n.id)).map(({ id: n, text: d }) => ({ id: n, text: d }));
-      s({
-        typeFilter: { selectedTypes: e, typeDisplays: t }
-      });
-    };
-    return (e, t) => (B(), S(c(Y), N(e.$attrs, {
-      id: l.labelForId,
-      ariaLabel: l.control.label,
-      disabled: l.disabled,
-      mode: y.value,
-      "manually-included": c(p).selected ?? [],
-      "manually-excluded": c(p).deselected ?? [],
-      "include-unknown-values": a.showUnknownValues ? a.control.data.manualFilter.includeUnknownColumns : null,
-      pattern: l.control.data.patternFilter.pattern,
-      "case-sensitive": l.control.data.patternFilter.isCaseSensitive,
-      "exclude-matches": l.control.data.patternFilter.isInverted,
-      "use-regex": b.value,
-      "selected-types": l.control.data.typeFilter?.selectedTypes ?? [],
-      "possible-values": U.value,
-      "filter-types": f.value,
-      "enable-pattern-filter": !0,
-      loading: c(p).selected === null,
-      "exclude-label": c(T),
-      "include-label": c(x),
-      error: l.error,
-      "sub-text": l.subText,
-      "onUpdate:mode": v,
-      "onUpdate:manuallyIncluded": M,
-      "onUpdate:manuallyExcluded": k,
-      "onUpdate:includeUnknownValues": E,
-      "onUpdate:pattern": R,
-      "onUpdate:caseSensitive": I,
-      "onUpdate:excludeMatches": D,
-      "onUpdate:useRegex": F,
-      "onUpdate:selectedTypes": V
-    }), null, 16, ["id", "ariaLabel", "disabled", "mode", "manually-included", "manually-excluded", "include-unknown-values", "pattern", "case-sensitive", "exclude-matches", "use-regex", "selected-types", "possible-values", "filter-types", "loading", "exclude-label", "include-label", "error", "sub-text"]));
-  }
-});
-export {
-  O as _
-};