@knime/jsonforms 2.1.1 → 3.0.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/ResourceControlBase-ByovkzLI.js

@@ -1,89 +0,0 @@
-import { openBlock as a, createElementBlock as l, renderSlot as V, toDisplayString as g, createCommentVNode as m, defineComponent as C, computed as t, createBlock as D, resolveDynamicComponent as T, withCtx as B, createVNode as r, unref as d } from "vue";
-import { _ as p, W as $, X as k } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-const I = {
-  name: "Tooltip",
-  props: {
-    text: {
-      type: String,
-      required: !0
-    }
-  }
-}, w = { class: "tooltip" }, F = {
-  key: 0,
-  class: "text"
-};
-function M(o, e, n, s, c, u) {
-  return a(), l("div", w, [
-    V(o.$slots, "default", {}, void 0, !0),
-    n.text ? (a(), l("span", F, g(n.text), 1)) : m("", !0)
-  ]);
-}
-const R = /* @__PURE__ */ p(I, [["render", M], ["__scopeId", "data-v-64e1cb84"]]), U = {
-  key: 0,
-  class: "chart"
-}, S = /* @__PURE__ */ C({
-  __name: "ResourceControlBase",
-  props: {
-    donutTitle: {},
-    donutDescription: {},
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(o) {
-    const e = o, n = t(
-      () => e.control.uischema.options?.modelMax ?? !1
-    ), s = t(
-      // if currentUsage is supplied the donut chart should use that since the data will model something else (e.g. the maximum usage)
-      () => e.control.uischema.options?.currentUsage ?? e.control.data
-    ), c = t(
-      () => e.control.schema.secondaryValue ?? 0
-    ), u = t(
-      () => n.value ? e.control.data : e.control.uischema.options?.donutMax ?? e.control.schema.maximum ?? 1 / 0
-    ), i = t(
-      () => e.control.uischema.options?.disabledTooltip || ""
-    ), v = t(() => e.disabled && i.value ? R : "div"), x = t(() => e.control.uischema.options?.animate ?? !0), h = t(
-      () => e.control.uischema.options?.showDonut ?? !0
-    ), b = t(() => e.control.schema.minimum ?? 0), f = t(() => e.control.schema.maximum ?? 1 / 0), y = t(() => e.control.uischema.options?.step ?? 1), _ = t(() => e.control.uischema.options?.unit ?? "");
-    return (L, N) => (a(), l("div", null, [
-      (a(), D(T(v.value), {
-        text: i.value,
-        class: "input-wrapper"
-      }, {
-        default: B(() => [
-          r(d($), {
-            ariaLabel: o.control.label,
-            "model-value": o.control.data,
-            min: b.value,
-            max: f.value,
-            step: y.value,
-            unit: _.value,
-            disabled: o.disabled,
-            error: o.error,
-            "sub-text": o.subText,
-            "onUpdate:modelValue": o.changeValue
-          }, null, 8, ["ariaLabel", "model-value", "min", "max", "step", "unit", "disabled", "error", "sub-text", "onUpdate:modelValue"]),
-          h.value ? (a(), l("div", U, [
-            r(d(k), {
-              value: s.value,
-              "secondary-value": c.value,
-              "max-value": u.value,
-              animate: x.value,
-              label: o.donutTitle,
-              "sub-text": o.donutDescription
-            }, null, 8, ["value", "secondary-value", "max-value", "animate", "label", "sub-text"])
-          ])) : m("", !0)
-        ]),
-        _: 1
-      }, 8, ["text"]))
-    ]));
-  }
-}), E = /* @__PURE__ */ p(S, [["__scopeId", "data-v-c052258f"]]);
-export {
-  E as R
-};