@knime/jsonforms 1.8.5 → 1.8.7

package/dist/Dropdown-DgLzYs1N.js

@@ -0,0 +1,605 @@
+import { defineComponent as G, shallowRef as I, h as z, watch as _, toValue as f, computed as B, unref as U, nextTick as X, toRefs as q, ref as M, resolveComponent as x, openBlock as c, createBlock as E, withCtx as C, createElementVNode as m, normalizeClass as y, normalizeStyle as Q, createElementBlock as h, withModifiers as v, renderSlot as O, toDisplayString as D, createCommentVNode as V, withKeys as J, createVNode as P, withDirectives as Z, Fragment as w, renderList as K, createTextVNode as $, vShow as ee } from "vue";
+import { o as te, t as se, b as R, i as N, c as S, w as ne, d as ie, e as oe } from "./index-Bu8cAuLm.js";
+import { A as le } from "./arrow-dropdown-DdgjzLAO.js";
+import { C as re } from "./close-BuY4mhXV.js";
+/* empty css                   */
+import { u as ae } from "./useSearch-hpyYQ_6y.js";
+import { v as de, B as ue, _ as ce } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+import { i as he } from "./hotkeys-rxnt4egK.js";
+import { c as pe, a as fe, b as me, i as ge, e as ye, h as xe, d as ve } from "./_getTag-DsiTI6uv.js";
+import { i as Ve } from "./isArray-WzO_os3q.js";
+var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Ce = Ee.hasOwnProperty;
+function Oe(e) {
+  if (e == null)
+    return !0;
+  if (pe(e) && (Ve(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || me(e) || ge(e)))
+    return !e.length;
+  var t = ye(e);
+  if (t == we || t == be)
+    return !e.size;
+  if (xe(e))
+    return !ve(e).length;
+  for (var s in e)
+    if (Ce.call(e, s))
+      return !1;
+  return !0;
+}
+const De = /* @__PURE__ */ G({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(e, { slots: t, emit: s }) {
+    const a = I();
+    return te(a, (i) => {
+      s("trigger", i);
+    }, e.options), () => {
+      if (t.default)
+        return z(e.as || "div", { ref: a }, t.default());
+    };
+  }
+}), Se = oe ? window : void 0;
+function ke(e) {
+  var t;
+  const s = f(e);
+  return (t = s?.$el) != null ? t : s;
+}
+function Te(...e) {
+  const t = [], s = () => {
+    t.forEach((o) => o()), t.length = 0;
+  }, a = (o, l, r, u) => (o.addEventListener(l, r, u), () => o.removeEventListener(l, r, u)), i = B(() => {
+    const o = S(f(e[0])).filter((l) => l != null);
+    return o.every((l) => typeof l != "string") ? o : void 0;
+  }), n = ne(
+    () => {
+      var o, l;
+      return [
+        (l = (o = i.value) == null ? void 0 : o.map((r) => ke(r))) != null ? l : [Se].filter((r) => r != null),
+        S(f(i.value ? e[1] : e[0])),
+        S(U(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        f(i.value ? e[3] : e[2])
+      ];
+    },
+    ([o, l, r, u]) => {
+      if (s(), !o?.length || !l?.length || !r?.length)
+        return;
+      const b = ie(u) ? { ...u } : u;
+      t.push(
+        ...o.flatMap(
+          (d) => l.flatMap(
+            (g) => r.map((j) => a(d, g, j, b))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), p = () => {
+    n(), s();
+  };
+  return R(s), p;
+}
+function k(e) {
+  return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
+}
+function A(e) {
+  const t = window.getComputedStyle(e);
+  if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
+    return !0;
+  {
+    const s = e.parentNode;
+    return !s || s.tagName === "BODY" ? !1 : A(s);
+  }
+}
+function Ie(e) {
+  const t = e || window.event, s = t.target;
+  return A(s) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+}
+const T = /* @__PURE__ */ new WeakMap();
+function _e(e, t = !1) {
+  const s = I(t);
+  let a = null, i = "";
+  _(se(e), (o) => {
+    const l = k(f(o));
+    if (l) {
+      const r = l;
+      if (T.get(r) || T.set(r, r.style.overflow), r.style.overflow !== "hidden" && (i = r.style.overflow), r.style.overflow === "hidden")
+        return s.value = !0;
+      if (s.value)
+        return r.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const n = () => {
+    const o = k(f(e));
+    !o || s.value || (N && (a = Te(
+      o,
+      "touchmove",
+      (l) => {
+        Ie(l);
+      },
+      { passive: !1 }
+    )), o.style.overflow = "hidden", s.value = !0);
+  }, p = () => {
+    const o = k(f(e));
+    !o || !s.value || (N && a?.(), o.style.overflow = i, T.delete(o), s.value = !1);
+  };
+  return R(p), B({
+    get() {
+      return s.value;
+    },
+    set(o) {
+      o ? n() : p();
+    }
+  });
+}
+function Be() {
+  let e = !1;
+  const t = I(!1);
+  return (s, a) => {
+    if (t.value = a.value, e)
+      return;
+    e = !0;
+    const i = _e(s, a.value);
+    _(t, (n) => i.value = n);
+  };
+}
+Be();
+const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Pe = [L, H, F, W, Y], Ke = {
+  name: "Dropdown",
+  components: {
+    DropdownIcon: le,
+    OnClickOutside: De,
+    FunctionButton: de,
+    CloseIcon: re
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `Dropdown-${ue()}`;
+      }
+    },
+    modelValue: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    placeholder: {
+      type: String,
+      default: null
+    },
+    ariaLabel: {
+      type: String,
+      required: !0
+    },
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    /**
+     * The direction of the dropdown menu. When set to 'up', the menu will appear above the input field.
+     * Defaults to 'down'.
+     */
+    direction: {
+      default: "down",
+      type: String
+    },
+    /**
+     * List of possible values. Each item must have an `id` and a `text` property. To use slots an additional
+     * slotData object must be passed which contains the data to be displayed.
+     *
+     * IMPORTANT: All values have to have a slotData object otherwise the slot will not be displayed and the
+     * usual text is rendered instead.
+     * @example
+     * [{
+     *   id: 'pdf',
+     *   text: 'PDF'
+     * }, {
+     *   id: 'XLS',
+     *   text: 'Excel',
+     * }, {
+     *   id: 'JPG',
+     *   text: 'Jpeg',
+     *   slotData: {
+     *     fullName: 'Joint Photographic Experts Group',
+     *     year: '1992'
+     *     description: 'Commonly used method of lossy compression for digital images'
+     *   }
+     * }]
+     */
+    possibleValues: {
+      type: Array,
+      default: () => []
+    },
+    caseSensitiveSearch: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { caseSensitiveSearch: t, possibleValues: s } = q(e), a = M(!1), i = B(() => {
+      const o = {};
+      for (const l of s.value)
+        o[l.id] = l.text;
+      return o;
+    }), n = M(i.value[e.modelValue]);
+    _(
+      () => e.modelValue,
+      (o) => {
+        n.value = i.value[o];
+      }
+    );
+    const p = ae(
+      n,
+      t,
+      s,
+      a
+    );
+    return {
+      searchValue: n,
+      useFilterValues: a,
+      currentPossibleValues: p
+    };
+  },
+  data() {
+    return {
+      typingTimeout: null,
+      isExpanded: !1,
+      searchQuery: "",
+      candidate: this.modelValue,
+      emptyState: "Nothing found",
+      optionRefs: /* @__PURE__ */ new Map(),
+      slotContainerHeight: 0
+    };
+  },
+  computed: {
+    groupedValues() {
+      const e = {};
+      for (const t of this.currentPossibleValues) {
+        const s = t.group || "";
+        e[s] || (e[s] = { label: t.group, items: [] }), e[s].items.push(t);
+      }
+      return Object.values(e);
+    },
+    orderedGroupedValues() {
+      const e = this.groupedValues.filter(
+        (s) => s.items[0].group
+      ), t = this.groupedValues.filter(
+        (s) => !s.items[0].group
+      );
+      return [...e, ...t];
+    },
+    flatOrderedValues() {
+      return this.orderedGroupedValues.flatMap((e) => e.items);
+    },
+    selectedIndex() {
+      return this.flatOrderedValues.map((e) => e.id).indexOf(this.candidate);
+    },
+    showPlaceholder() {
+      return !this.modelValue;
+    },
+    displayTextMap() {
+      const e = {};
+      for (const t of this.possibleValues)
+        e[t.id] = t.text;
+      return e;
+    },
+    displayText() {
+      return this.showPlaceholder ? this.placeholder : this.displayTextMap.hasOwnProperty(this.modelValue) ? this.displayTextMap[this.modelValue] : `(MISSING) ${this.modelValue.toString()}`;
+    },
+    isMissing() {
+      return this.modelValue && !this.displayTextMap.hasOwnProperty(this.modelValue);
+    },
+    hasRightIcon() {
+      return this.$slots["icon-right"]?.().length;
+    },
+    hasOptionTemplate() {
+      return this.possibleValues.length === 0 ? !1 : this.possibleValues.every(
+        (e) => e.slotData && !Oe(e.slotData)
+      );
+    },
+    selectedOption() {
+      return this.possibleValues.find((e) => e.id === this.modelValue);
+    },
+    hasNoFilteredPossibleValues() {
+      return this.currentPossibleValues.length === 0;
+    },
+    nonEmptySearchValue() {
+      return this.searchValue?.length > 0;
+    },
+    possibleValuesIsProvided() {
+      return !!this.possibleValues.length;
+    },
+    isDisabled() {
+      return this.disabled || !this.possibleValuesIsProvided;
+    },
+    closeIconTooltip() {
+      return "Clear";
+    }
+  },
+  watch: {
+    currentPossibleValues(e) {
+      this.candidate = e[0]?.id;
+    },
+    isExpanded() {
+      this.useFilterValues = !1;
+    }
+  },
+  methods: {
+    updateCandidate(e) {
+      this.candidate = e;
+    },
+    isCurrentValue(e) {
+      return this.candidate === e;
+    },
+    getButtonRef() {
+      return this.$refs.button;
+    },
+    getOptionsRefs() {
+      return this.$refs.options;
+    },
+    getSearchInput() {
+      return this.$refs.searchInput;
+    },
+    getListBoxNodeRef() {
+      return this.$refs.ul;
+    },
+    emitAndClose(e) {
+      this.$emit("update:modelValue", e), this.toggleExpanded();
+    },
+    scrollTo(e) {
+      const t = this.getListBoxNodeRef();
+      if (t.scrollHeight >= t.clientHeight) {
+        const s = this.optionRefs.get(e);
+        if (!s) {
+          consola.error(
+            `trying to scroll to element with Id ${e.toString()} which does not exist`
+          );
+          return;
+        }
+        const a = t.clientHeight + t.scrollTop, i = s.offsetTop + s.offsetHeight;
+        i > a ? t.scrollTop = i - t.clientHeight : s.offsetTop < t.scrollTop && (t.scrollTop = s.offsetTop);
+      }
+    },
+    onArrowDown() {
+      const e = this.selectedIndex + 1;
+      if (e >= this.flatOrderedValues.length)
+        return;
+      const t = this.flatOrderedValues[e].id;
+      this.updateCandidate(t), this.scrollTo(t);
+    },
+    onArrowUp() {
+      const e = this.selectedIndex - 1;
+      if (e < 0)
+        return;
+      const t = this.flatOrderedValues[e].id;
+      this.updateCandidate(t), this.scrollTo(t);
+    },
+    onEnter() {
+      this.hasNoFilteredPossibleValues || typeof this.candidate > "u" || this.emitAndClose(this.candidate);
+    },
+    onEndKey() {
+      const e = this.flatOrderedValues.length - 1;
+      this.updateCandidate(this.flatOrderedValues[e].id);
+      const t = this.getListBoxNodeRef();
+      t.scrollTop = t.scrollHeight;
+    },
+    onHomeKey() {
+      this.updateCandidate(this.flatOrderedValues[0].id), this.getListBoxNodeRef().scrollTop = 0;
+    },
+    toggleExpanded() {
+      this.isExpanded ? this.collapse() : this.expand();
+    },
+    async expand() {
+      this.isDisabled || (this.searchValue = this.displayTextMap[this.modelValue], this.hasOptionTemplate && (this.slotContainerHeight = this.$refs.button?.clientHeight ?? 0), this.isExpanded = !0, this.candidate === this.modelValue && (this.isMissing || this.showPlaceholder) && this.updateCandidate(this.currentPossibleValues[0]?.id), await X(), this.getSearchInput().focus(), this.getSearchInput().select(), this.candidate && this.scrollTo(this.candidate));
+    },
+    collapse() {
+      this.isExpanded = !1, this.getButtonRef().focus();
+    },
+    /* NOTE: we use a single keyDown method because @keydown.up bindings are not testable. */
+    handleKeyDownButton(e) {
+      this.isExpanded ? this.handleKeyDownOnExpanded(e) : he(e, Pe) && (this.expand(), e.preventDefault());
+    },
+    handleKeyDownOnExpanded(e) {
+      e.key === L && (this.onArrowDown(), e.preventDefault()), e.key === H && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === F && (this.onHomeKey(), e.preventDefault()), e.key === Me && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === Y && (this.onEnter(), e.preventDefault());
+    },
+    hasSelection() {
+      return !!(this.modelValue && !this.isMissing);
+    },
+    getCurrentSelectedId() {
+      try {
+        return this.flatOrderedValues[this.selectedIndex].id;
+      } catch {
+        return "";
+      }
+    },
+    generateId(e, t = null) {
+      if (!t)
+        return `${e}-${this.id}`;
+      const s = String(t).replace(/[^\w]/gi, "");
+      return `${e}-${this.id}-${s}`;
+    },
+    closeDropdown() {
+      this.searchValue = this.displayTextMap[this.modelValue], this.isExpanded = !1;
+    },
+    handleSearch(e) {
+      this.useFilterValues = !0, this.searchValue = e;
+    },
+    handleResetInput() {
+      this.searchValue = "", this.getSearchInput().focus();
+    }
+  }
+}, Ne = ["id"], Re = ["id", "aria-label", "aria-labelledby", "aria-expanded"], Ae = ["value"], Le = { key: 1 }, He = { class: "right" }, Fe = {
+  key: 0,
+  class: "loading-icon"
+}, We = ["aria-activedescendant"], Ye = {
+  key: 0,
+  class: "empty-state"
+}, je = ["id", "title", "aria-selected", "onMouseenter", "onClick"], Ge = ["id", "name", "value"];
+function ze(e, t, s, a, i, n) {
+  const p = x("CloseIcon"), o = x("FunctionButton"), l = x("DropdownIcon"), r = x("OnClickOutside");
+  return c(), E(r, { onTrigger: n.closeDropdown }, {
+    default: C(() => [
+      m("div", {
+        id: s.id,
+        class: y([
+          "dropdown",
+          {
+            collapsed: !i.isExpanded,
+            invalid: !s.isValid,
+            disabled: n.isDisabled,
+            compact: s.compact
+          }
+        ])
+      }, [
+        m("div", {
+          id: n.generateId("button"),
+          ref: "button",
+          role: "button",
+          tabindex: "0",
+          "aria-haspopup": "listbox",
+          class: y({
+            placeholder: n.showPlaceholder && !i.isExpanded,
+            missing: n.isMissing && !i.isExpanded,
+            "has-option-template": n.hasOptionTemplate && !i.isExpanded
+          }),
+          style: Q({
+            ...i.isExpanded && n.hasOptionTemplate && {
+              height: `calc(${i.slotContainerHeight}px + 0 * var(--form-border-width))`,
+              boxSizing: "content-box"
+            }
+          }),
+          "aria-label": s.ariaLabel,
+          "aria-labelledby": n.generateId("button"),
+          "aria-expanded": i.isExpanded,
+          onClick: t[3] || (t[3] = (...u) => n.toggleExpanded && n.toggleExpanded(...u)),
+          onKeydown: t[4] || (t[4] = (...u) => n.handleKeyDownButton && n.handleKeyDownButton(...u))
+        }, [
+          i.isExpanded ? (c(), h("input", {
+            key: 0,
+            ref: "searchInput",
+            value: a.searchValue,
+            tabindex: "0",
+            role: "searchbox",
+            class: "search-input",
+            type: "text",
+            onClick: t[0] || (t[0] = v(() => {
+            }, ["stop"])),
+            onInput: t[1] || (t[1] = (u) => n.handleSearch(u.target.value))
+          }, null, 40, Ae)) : n.hasOptionTemplate ? (c(), h("div", Le, [
+            O(e.$slots, "option", {
+              slotData: n.selectedOption?.slotData,
+              isMissing: n.isMissing,
+              selectedValue: s.modelValue,
+              expanded: !1
+            })
+          ])) : (c(), h("span", {
+            key: 2,
+            ref: "span"
+          }, D(n.displayText), 513)),
+          m("div", He, [
+            n.hasRightIcon ? (c(), h("div", Fe, [
+              O(e.$slots, "icon-right")
+            ])) : V("", !0),
+            i.isExpanded && n.nonEmptySearchValue ? (c(), E(o, {
+              key: 1,
+              ref: "closeButton",
+              title: "Close",
+              tabindex: "0",
+              class: "button",
+              compact: s.compact,
+              onKeydown: t[2] || (t[2] = J(v(() => {
+              }, ["stop"]), ["enter"])),
+              onClick: v(n.handleResetInput, ["stop"])
+            }, {
+              default: C(() => [
+                P(p, { class: "icon" })
+              ]),
+              _: 1
+            }, 8, ["compact", "onClick"])) : V("", !0),
+            !i.isExpanded || !n.nonEmptySearchValue ? (c(), E(o, {
+              key: 2,
+              class: "button",
+              compact: s.compact,
+              disabled: n.isDisabled,
+              title: i.isExpanded ? "Cancel" : "Expand",
+              tabindex: i.isExpanded ? 0 : -1,
+              onClick: v(n.toggleExpanded, ["stop"])
+            }, {
+              default: C(() => [
+                P(l, {
+                  class: y(["dropdown-icon", "icon"])
+                })
+              ]),
+              _: 1
+            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : V("", !0)
+          ])
+        ], 46, Re),
+        Z(m("ul", {
+          ref: "ul",
+          role: "listbox",
+          tabindex: "-1",
+          "aria-activedescendant": i.isExpanded ? n.generateId("option", n.getCurrentSelectedId()) : void 0,
+          class: y({ "drops-upwards": s.direction === "up" })
+        }, [
+          n.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(i.emptyState), 1)) : V("", !0),
+          (c(!0), h(w, null, K(n.orderedGroupedValues, (u, b) => (c(), h(w, { key: b }, [
+            t[5] || (t[5] = m("span", { class: "group-divider" }, null, -1)),
+            (c(!0), h(w, null, K(u.items, (d) => (c(), h("li", {
+              id: n.generateId("option", d.id),
+              key: `listbox-${d.id}`,
+              ref_for: !0,
+              ref: (g) => i.optionRefs.set(d.id, g),
+              role: "option",
+              title: typeof d.title > "u" ? d.text : d.title,
+              class: y({
+                focused: n.isCurrentValue(d.id),
+                noselect: !0,
+                empty: d.text.trim() === "",
+                "has-option-template": n.hasOptionTemplate,
+                special: d.isSpecial
+              }),
+              "aria-selected": n.isCurrentValue(d.id),
+              onMouseenter: (g) => n.updateCandidate(d.id),
+              onClick: (g) => n.emitAndClose(d.id)
+            }, [
+              n.hasOptionTemplate ? O(e.$slots, "option", {
+                key: 0,
+                slotData: d.slotData,
+                expanded: !0
+              }) : (c(), h(w, { key: 1 }, [
+                $(D(d.text), 1)
+              ], 64))
+            ], 42, je))), 128))
+          ], 64))), 128))
+        ], 10, We), [
+          [ee, i.isExpanded]
+        ]),
+        m("input", {
+          id: s.id,
+          type: "hidden",
+          name: s.name,
+          value: s.modelValue
+        }, null, 8, Ge)
+      ], 10, Ne)
+    ]),
+    _: 3
+  }, 8, ["onTrigger"]);
+}
+const nt = /* @__PURE__ */ ce(Ke, [["render", ze], ["__scopeId", "data-v-cb580797"]]);
+export {
+  nt as D
+};

package/dist/DropdownControl-NW8_sCPB.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, toRef as i, openBlock as s, createBlock as d, unref as t } from "vue";
+import { u as r } from "./usePossibleValues-C3V_0Qn_.js";
+import { L as p } from "./LoadingDropdown-OAZ94jZa.js";
+const V = /* @__PURE__ */ n({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(o) {
+    const a = o, { possibleValues: l } = r(i(a, "control"));
+    return (e, u) => (s(), d(p, {
+      id: e.labelForId ?? "",
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      "model-value": e.control.data ?? "",
+      "possible-values": t(l),
+      "is-valid": e.isValid,
+      compact: "",
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values", "is-valid", "onUpdate:modelValue"]));
+  }
+});
+export {
+  V as default
+};

package/dist/{HorizontalLayout-CoCWGqhL.js → HorizontalLayout-CS_WKeeK.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, openBlock as a, createElementBlock as o, Fragment as s, renderList as n, createBlock as u, unref as c } from "vue";
-import { k as m, _ as p } from "./SettingsSubPanel.vue_vue_type_style_index_0_scoped_67b92e23_lang-bqXwxVZY.js";
+import { x as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
 const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
   __name: "HorizontalLayout",
   props: {
@@ -19,7 +19,7 @@ const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
       }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
     ]));
   }
-}), k = /* @__PURE__ */ p(d, [["__scopeId", "data-v-451dfa05"]]);
+}), b = /* @__PURE__ */ p(d, [["__scopeId", "data-v-174aebfa"]]);
 export {
-  k as default
+  b as default
 };