@knime/scripting-editor 0.0.119 → 0.0.120

package/dist/MultiselectListBox-Ivk-_tly-BI48Ai96.js

@@ -0,0 +1,524 @@
+import { resolveComponent as b, createElementBlock as c, openBlock as h, normalizeStyle as x, normalizeClass as S, createElementVNode as m, createCommentVNode as g, mergeProps as y, withKeys as a, withModifiers as d, normalizeProps as I, guardReactiveProps as v, Fragment as w, renderList as C, createBlock as f, withCtx as V, renderSlot as k, resolveDynamicComponent as D, toDisplayString as H, createVNode as K, toRef as N, watch as B } from "vue";
+import { g as A } from "./index-CZ-Na6c0-a5MJwulg.js";
+import { p as O } from "./StyledListItem-CQwlzLP2-D4Rd-oAK.js";
+import { X as P, r as z } from "./parameters-TDvh_VJm.js";
+const L = (e, t) => {
+  let i, n = 0;
+  return (...l) => {
+    const [o, r] = l;
+    clearTimeout(i);
+    const s = Date.now();
+    s - n > t ? (n = s, e(o, r)) : i = setTimeout(() => {
+      n = s, e(o, r);
+    }, t);
+  };
+}, R = 250, T = {
+  name: "MultiselectListBox",
+  components: { StyledListItem: O },
+  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: t, wrapperProps: i, list: n, scrollTo: l } = A(
+      N(e, "possibleValues"),
+      {
+        itemHeight: 22
+      }
+    );
+    return B(
+      () => e.possibleValues,
+      () => {
+        var r;
+        if (!t.ref.value)
+          return;
+        const o = ((r = t.ref.value) == null ? void 0 : r.scrollTop) ?? 0;
+        l(
+          Math.max(
+            Math.min(
+              Math.floor(o / 22),
+              e.possibleValues.length - 1
+            ),
+            0
+          )
+        );
+      }
+    ), {
+      optionLineHeight: 22,
+      containerProps: t,
+      wrapperProps: i,
+      list: n
+    };
+  },
+  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() {
+    var t, i;
+    window.addEventListener("mouseup", this.onStopDrag);
+    const e = (i = this.modelValue) == null ? void 0 : i[((t = this.modelValue) == null ? void 0 : t.length) - 1];
+    this.currentKeyNavIndex = this.possibleValues.map((n) => n.id).indexOf(e);
+  },
+  beforeUnmount() {
+    window.removeEventListener("mouseup", this.onStopDrag);
+  },
+  created() {
+    this.createDebouncedHandleCtrlClick();
+  },
+  methods: {
+    createDebouncedHandleCtrlClick() {
+      this.debouncedHandleCtrlClick = L((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) {
+      var t;
+      return (t = this.selectedValues) == null ? void 0 : t.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, n = e > t ? e : t;
+      return this.possibleValuesWithBottom.slice(i, n + 1).map((l) => l.id);
+    },
+    onStartDrag(e, t = !1) {
+      if (this.disabled || e.shiftKey)
+        return;
+      (e.ctrlKey || e.metaKey) && (this.draggingInverseMode = !0);
+      const i = e.target, n = t ? this.bottomIndex : this.getDataOptionIndex(i);
+      n && (this.draggingStartIndex = Number(n));
+    },
+    onDrag(e) {
+      if (this.draggingStartIndex !== -1) {
+        const t = e.target, i = this.getDataOptionIndex(t);
+        if (!i)
+          return;
+        const n = Number(i);
+        let l = this.getPossibleValuesInSection(
+          this.draggingStartIndex,
+          n
+        );
+        this.draggingInverseMode && (l = this.selectedValues.filter(
+          (o) => !l.includes(o)
+        )), this.setSelected(l);
+      }
+    },
+    getDataOptionIndex(e) {
+      var t;
+      return (t = e.closest("[data-option-index]")) == null ? void 0 : t.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 != null && i.includes(e) || (i == null || i.push(e), t = !0), this.setSelected(i), t;
+    },
+    removeFromSelection(e) {
+      let t = !1;
+      const i = this.selectedValues;
+      return i != null && i.includes(e) && (i.splice(i.indexOf(e), 1), t = !0), this.setSelected(i), t;
+    },
+    toggleSelection(e) {
+      var t;
+      (t = this.selectedValues) != null && t.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 n = i.clientHeight + i.scrollTop, l = e * this.optionLineHeight, o = l + this.optionLineHeight, r = l < i.scrollTop;
+        if (!(o > n || r))
+          return;
+        t === "up" || t === "auto" && r ? i.scrollTop = l : i.scrollTop = o - 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() {
+      var e;
+      this.disabled || ((e = this.containerProps.ref.value) == null || e.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));
+    }
+  }
+}, M = { class: "box" }, E = ["id", "aria-label", "aria-activedescendant"], $ = {
+  key: 0,
+  class: "empty-state"
+}, U = { key: 1 }, F = {
+  key: 1,
+  role: "bottom-box"
+};
+function W(e, t, i, n, l, o) {
+  const r = b("StyledListItem");
+  return h(), c("div", {
+    class: S(["multiselect-list-box", { invalid: !i.isValid, disabled: i.disabled }]),
+    style: x(o.cssStyleSize)
+  }, [
+    m("div", M, [
+      m("ul", y(n.containerProps, {
+        id: i.id,
+        role: "listbox",
+        tabindex: "0",
+        class: { disabled: i.disabled, "empty-box": o.showEmptyState },
+        "aria-label": i.ariaLabel,
+        "aria-activedescendant": o.generateOptionId(o.getCurrentKeyNavItem()),
+        onKeydown: [
+          t[1] || (t[1] = a(d((...s) => o.onCtrlA && o.onCtrlA(...s), ["ctrl", "prevent", "exact"]), ["a"])),
+          t[2] || (t[2] = a(d((...s) => o.onArrowUp && o.onArrowUp(...s), ["prevent", "exact"]), ["up"])),
+          t[3] || (t[3] = a(d((...s) => o.onArrowDown && o.onArrowDown(...s), ["prevent", "exact"]), ["down"])),
+          t[4] || (t[4] = a(d((...s) => o.onArrowUpShift && o.onArrowUpShift(...s), ["shift", "prevent", "exact"]), ["up"])),
+          t[5] || (t[5] = a(d((...s) => o.onArrowDownShift && o.onArrowDownShift(...s), ["shift", "prevent", "exact"]), ["down"])),
+          t[6] || (t[6] = a(d((...s) => o.onArrowLeft && o.onArrowLeft(...s), ["prevent", "exact"]), ["left"])),
+          t[7] || (t[7] = a(d((...s) => o.onArrowRight && o.onArrowRight(...s), ["prevent", "exact"]), ["right"])),
+          t[8] || (t[8] = a(d((...s) => o.onHomeKey && o.onHomeKey(...s), ["prevent", "exact"]), ["home"])),
+          t[9] || (t[9] = a(d((...s) => o.onEndKey && o.onEndKey(...s), ["prevent", "exact"]), ["end"]))
+        ],
+        onMousedown: t[10] || (t[10] = (...s) => o.onStartDrag && o.onStartDrag(...s)),
+        onMousemove: t[11] || (t[11] = (...s) => o.onDrag && o.onDrag(...s))
+      }), [
+        m("div", I(v(n.wrapperProps)), [
+          (h(!0), c(w, null, C(n.list, ({ data: s, index: u }) => (h(), f(r, {
+            id: o.generateOptionId(s),
+            key: `listbox-${s.id}`,
+            text: s.text,
+            "data-option-index": u,
+            "line-height": n.optionLineHeight,
+            selected: o.isCurrentValue(s.id),
+            invalid: s.invalid,
+            special: s.special,
+            disabled: i.disabled,
+            onClick: (p) => o.handleClick(p, s.id, u),
+            onDblclickShift: t[0] || (t[0] = (p) => o.handleShiftDblClick()),
+            onDblclickExact: (p) => o.handleDblClick(s.id, u)
+          }, {
+            default: V(() => [
+              k(e.$slots, "option", { slotItem: s }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["id", "text", "data-option-index", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onDblclickExact"]))), 128))
+        ], 16)
+      ], 16, E),
+      o.showEmptyState ? (h(), c("div", $, [
+        i.emptyStateComponent ? (h(), f(D(i.emptyStateComponent), { key: 0 })) : (h(), c("span", U, H(i.emptyStateLabel), 1))
+      ])) : g("", !0),
+      i.withBottomValue ? (h(), c("div", F, [
+        K(r, {
+          id: o.generateOptionId(i.bottomValue),
+          special: "",
+          text: i.bottomValue.text,
+          "data-option-index": o.bottomIndex,
+          selected: o.isCurrentValue(i.bottomValue.id),
+          disabled: i.disabled,
+          onClick: o.handleBottomClick,
+          onDblclickShift: t[12] || (t[12] = (s) => o.handleShiftDblClick()),
+          onDblclickExact: o.handleBottomDblClick,
+          onMousedown: o.onBottomStartDrag,
+          onMousemove: o.onBottomDrag
+        }, null, 8, ["id", "text", "data-option-index", "selected", "disabled", "onClick", "onDblclickExact", "onMousedown", "onMousemove"])
+      ])) : g("", !0)
+    ])
+  ], 6);
+}
+const J = /* @__PURE__ */ P(T, [["render", W], ["__scopeId", "data-v-4ee62d65"]]);
+export {
+  J
+};

package/dist/NameFilter-SAlJdnm7-B3Ez09D1.js

@@ -0,0 +1,24 @@
+import { defineComponent as n, createBlock as o, openBlock as t, mergeProps as a } from "vue";
+import l from "./MultimodeTwinlistControl-P0Bj7FYU-Dtq_ciIX.js";
+const u = /* @__PURE__ */ n({
+  __name: "NameFilter",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(r) {
+    return (e, i) => (t(), o(l, a({ ...e.$props, ...e.$attrs }, {
+      "unknown-values-text": "Any unknown value",
+      "show-unknown-values": "",
+      "empty-state-label": "No values in this list"
+    }), null, 16));
+  }
+});
+export {
+  u as default
+};

package/dist/NumberControl-C_VElIjG-CNqxGj-b.js

@@ -0,0 +1,20 @@
+import { defineComponent as o, createBlock as n, openBlock as t, mergeProps as l } from "vue";
+import { S as p } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Bcc2XPBa-jX9ZCXqt.js";
+const u = /* @__PURE__ */ o({
+  __name: "NumberControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(r) {
+    return (e, a) => (t(), n(p, l(e.$props, { type: "double" }), null, 16));
+  }
+});
+export {
+  u as default
+};

package/dist/NumberControlBase.vue_vue_type_script_setup_true_lang-Bcc2XPBa-jX9ZCXqt.js

@@ -0,0 +1,62 @@
+import { defineComponent as y, computed as p, createBlock as b, openBlock as f, unref as V } from "vue";
+import { O as h } from "./useBuiltinValidations-Dx6fNtgz-BMkbHnN7.js";
+import { B as F } from "./NumberInput-CHeMUEcJ-CBjiZXnc.js";
+const N = 1, g = 0.1, k = /* @__PURE__ */ y({
+  __name: "NumberControlBase",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {},
+    type: {}
+  },
+  setup(a) {
+    const n = a, m = p(
+      () => {
+        var l;
+        return ((l = n.control.uischema.options) == null ? void 0 : l.stepSize) ?? (n.type === "integer" ? N : g);
+      }
+    ), d = ({ min: l, isExclusive: o }) => (e) => isNaN(e) || (o ? e > l : e >= l), r = ({ max: l, isExclusive: o }) => (e) => isNaN(e) || (o ? e < l : e <= l), v = h(
+      {
+        min: d,
+        max: r
+      },
+      n
+    ), u = p(() => v.value.min), s = p(() => v.value.max), x = () => {
+      const l = n.control.data, o = typeof l != "number" || isNaN(l);
+      let e = o ? 0 : null;
+      const i = o ? 0 : l;
+      if (u.value && !d(u.value)(i)) {
+        const { min: t, isExclusive: c } = u.value;
+        c ? e = t + m.value : e = t;
+      } else if (s.value && !r(s.value)(i)) {
+        const { max: t, isExclusive: c } = s.value;
+        c ? e = t - m.value : e = t;
+      }
+      e !== null && n.changeValue(e);
+    };
+    return (l, o) => {
+      var e, i;
+      return f(), b(V(F), {
+        id: a.labelForId,
+        class: "number-input",
+        disabled: a.disabled,
+        "model-value": a.control.data,
+        type: a.type,
+        min: (e = u.value) == null ? void 0 : e.min,
+        max: (i = s.value) == null ? void 0 : i.max,
+        step: m.value,
+        "is-valid": a.isValid,
+        compact: "",
+        "onUpdate:modelValue": a.changeValue,
+        onFocusout: x
+      }, null, 8, ["id", "disabled", "model-value", "type", "min", "max", "step", "is-valid", "onUpdate:modelValue"]);
+    };
+  }
+});
+export {
+  k as S
+};