@knime/jsonforms 1.19.2 → 1.19.4

package/dist/Dropdown-DlCk3K9Y.js

@@ -1,620 +0,0 @@
-import { defineComponent as G, shallowRef as _, h as z, watch as B, toValue as p, computed as M, unref as U, nextTick as X, toRefs as q, ref as E, resolveComponent as V, openBlock as c, createBlock as S, withCtx as C, createElementVNode as m, normalizeClass as y, normalizeStyle as J, createElementBlock as h, withModifiers as x, renderSlot as O, toDisplayString as D, createCommentVNode as v, withKeys as Q, createVNode as P, withDirectives as Z, Fragment as w, renderList as N, createTextVNode as $, vShow as ee } from "vue";
-import { J as te, P as se, Q as R, R as K, T as k, V as ie, W as ne, X as le, I as ae, M as oe, _ as re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
-import { A as de } from "./arrow-dropdown-DMFBPPcK.js";
-import { C as ue } from "./close-CwP2mh9x.js";
-/* empty css                   */
-import { u as ce } from "./useSearch-hpyYQ_6y.js";
-import { i as he } from "./hotkeys-rxnt4egK.js";
-import { c as fe, a as pe, b as me, i as ge, e as ye, h as Ve, d as xe } from "./_getTag-D-KT4MkB.js";
-import { i as ve } from "./isArray-WzO_os3q.js";
-var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Se = Ee.hasOwnProperty;
-function Ce(e) {
-  if (e == null)
-    return !0;
-  if (fe(e) && (ve(e) || typeof e == "string" || typeof e.splice == "function" || pe(e) || me(e) || ge(e)))
-    return !e.length;
-  var t = ye(e);
-  if (t == we || t == be)
-    return !e.size;
-  if (Ve(e))
-    return !xe(e).length;
-  for (var s in e)
-    if (Se.call(e, s))
-      return !1;
-  return !0;
-}
-const Oe = /* @__PURE__ */ G({
-  name: "OnClickOutside",
-  props: ["as", "options"],
-  emits: ["trigger"],
-  setup(e, { slots: t, emit: s }) {
-    const n = _();
-    return te(n, (r) => {
-      s("trigger", r);
-    }, e.options), () => {
-      if (t.default)
-        return z(e.as || "div", { ref: n }, t.default());
-    };
-  }
-}), De = le ? window : void 0;
-function ke(e) {
-  var t;
-  const s = p(e);
-  return (t = s?.$el) != null ? t : s;
-}
-function Te(...e) {
-  const t = [], s = () => {
-    t.forEach((l) => l()), t.length = 0;
-  }, n = (l, a, o, u) => (l.addEventListener(a, o, u), () => l.removeEventListener(a, o, u)), r = M(() => {
-    const l = k(p(e[0])).filter((a) => a != null);
-    return l.every((a) => typeof a != "string") ? l : void 0;
-  }), i = ie(
-    () => {
-      var l, a;
-      return [
-        (a = (l = r.value) == null ? void 0 : l.map((o) => ke(o))) != null ? a : [De].filter((o) => o != null),
-        k(p(r.value ? e[1] : e[0])),
-        k(U(r.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        p(r.value ? e[3] : e[2])
-      ];
-    },
-    ([l, a, o, u]) => {
-      if (s(), !l?.length || !a?.length || !o?.length)
-        return;
-      const b = ne(u) ? { ...u } : u;
-      t.push(
-        ...l.flatMap(
-          (d) => a.flatMap(
-            (g) => o.map((j) => n(d, g, j, b))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), f = () => {
-    i(), s();
-  };
-  return R(s), f;
-}
-function T(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 I = /* @__PURE__ */ new WeakMap();
-function _e(e, t = !1) {
-  const s = _(t);
-  let n = null, r = "";
-  B(se(e), (l) => {
-    const a = T(p(l));
-    if (a) {
-      const o = a;
-      if (I.get(o) || I.set(o, o.style.overflow), o.style.overflow !== "hidden" && (r = o.style.overflow), o.style.overflow === "hidden")
-        return s.value = !0;
-      if (s.value)
-        return o.style.overflow = "hidden";
-    }
-  }, {
-    immediate: !0
-  });
-  const i = () => {
-    const l = T(p(e));
-    !l || s.value || (K && (n = Te(
-      l,
-      "touchmove",
-      (a) => {
-        Ie(a);
-      },
-      { passive: !1 }
-    )), l.style.overflow = "hidden", s.value = !0);
-  }, f = () => {
-    const l = T(p(e));
-    !l || !s.value || (K && n?.(), l.style.overflow = r, I.delete(l), s.value = !1);
-  };
-  return R(f), M({
-    get() {
-      return s.value;
-    },
-    set(l) {
-      l ? i() : f();
-    }
-  });
-}
-function Be() {
-  let e = !1;
-  const t = _(!1);
-  return (s, n) => {
-    if (t.value = n.value, e)
-      return;
-    e = !0;
-    const r = _e(s, n.value);
-    B(t, (i) => r.value = i);
-  };
-}
-Be();
-const L = "ArrowDown", H = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Pe = [L, H, F, W, Y], Ne = {
-  name: "Dropdown",
-  components: {
-    DropdownIcon: de,
-    OnClickOutside: Oe,
-    FunctionButton: ae,
-    CloseIcon: ue
-  },
-  props: {
-    id: {
-      type: String,
-      default() {
-        return `Dropdown-${oe()}`;
-      }
-    },
-    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: () => []
-    },
-    allowNewValue: {
-      type: Boolean,
-      default: !1
-    },
-    caseSensitiveSearch: {
-      type: Boolean,
-      default: !1
-    },
-    compact: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const { caseSensitiveSearch: t, possibleValues: s } = q(e), n = E(!1), r = M(() => {
-      const a = {};
-      for (const o of s.value)
-        a[o.id] = o.text;
-      return a;
-    }), i = E(r.value[e.modelValue]), f = E(!1);
-    B(
-      () => e.modelValue,
-      (a) => {
-        f.value || (i.value = r.value[a]);
-      }
-    );
-    const l = ce(
-      i,
-      t,
-      s,
-      n
-    );
-    return {
-      searchValue: i,
-      useFilterValues: n,
-      searchFilteredPossibleValues: l,
-      isExpanded: f
-    };
-  },
-  data() {
-    return {
-      typingTimeout: null,
-      candidate: this.modelValue,
-      emptyState: "Nothing found",
-      optionRefs: /* @__PURE__ */ new Map(),
-      slotContainerHeight: 0
-    };
-  },
-  computed: {
-    currentPossibleValues() {
-      return this.allowNewValue && this.possibleValues.every((e) => e.id !== this.searchValue) ? [
-        {
-          id: this.searchValue || "",
-          text: `New value: ${this.searchValue || "<empty>"}`,
-          isSpecial: !0
-        },
-        ...this.searchFilteredPossibleValues
-      ] : this.searchFilteredPossibleValues;
-    },
-    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] : this.allowNewValue ? this.modelValue.toString() : `(MISSING) ${this.modelValue.toString()}`;
-    },
-    isMissing() {
-      return this.allowNewValue ? !1 : 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 && !Ce(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 n = t.clientHeight + t.scrollTop, r = s.offsetTop + s.offsetHeight;
-        r > n ? t.scrollTop = r - 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();
-    },
-    resetSearchValue() {
-      this.displayTextMap.hasOwnProperty(this.modelValue) ? this.searchValue = this.displayTextMap[this.modelValue] : this.allowNewValue ? this.searchValue = this.modelValue?.toString() ?? "" : this.searchValue = "";
-    },
-    async expand() {
-      this.isDisabled || (this.resetSearchValue(), 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.resetSearchValue(), this.isExpanded = !1;
-    },
-    handleSearch(e) {
-      this.useFilterValues = !0, this.searchValue = e, this.allowNewValue && this.$emit("update:modelValue", e);
-    },
-    handleResetInput() {
-      this.searchValue = "", this.getSearchInput().focus();
-    }
-  }
-}, Ke = ["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, n, r, i) {
-  const f = V("CloseIcon"), l = V("FunctionButton"), a = V("DropdownIcon"), o = V("OnClickOutside");
-  return c(), S(o, { onTrigger: i.closeDropdown }, {
-    default: C(() => [
-      m("div", {
-        id: s.id,
-        class: y([
-          "dropdown",
-          {
-            collapsed: !n.isExpanded,
-            invalid: !s.isValid,
-            disabled: i.isDisabled,
-            compact: s.compact
-          }
-        ])
-      }, [
-        m("div", {
-          id: i.generateId("button"),
-          ref: "button",
-          role: "button",
-          tabindex: "0",
-          "aria-haspopup": "listbox",
-          class: y({
-            placeholder: i.showPlaceholder && !n.isExpanded,
-            missing: i.isMissing && !n.isExpanded,
-            "has-option-template": i.hasOptionTemplate && !n.isExpanded
-          }),
-          style: J({
-            ...n.isExpanded && i.hasOptionTemplate && {
-              height: `calc(${r.slotContainerHeight}px + 0 * var(--form-border-width))`,
-              boxSizing: "content-box"
-            }
-          }),
-          "aria-label": s.ariaLabel,
-          "aria-labelledby": i.generateId("button"),
-          "aria-expanded": n.isExpanded,
-          onClick: t[3] || (t[3] = (...u) => i.toggleExpanded && i.toggleExpanded(...u)),
-          onKeydown: t[4] || (t[4] = (...u) => i.handleKeyDownButton && i.handleKeyDownButton(...u))
-        }, [
-          n.isExpanded ? (c(), h("input", {
-            key: 0,
-            ref: "searchInput",
-            value: n.searchValue,
-            tabindex: "0",
-            role: "searchbox",
-            class: "search-input",
-            type: "text",
-            onClick: t[0] || (t[0] = x(() => {
-            }, ["stop"])),
-            onInput: t[1] || (t[1] = (u) => i.handleSearch(u.target.value))
-          }, null, 40, Ae)) : i.hasOptionTemplate ? (c(), h("div", Le, [
-            O(e.$slots, "option", {
-              slotData: i.selectedOption?.slotData,
-              isMissing: i.isMissing,
-              selectedValue: s.modelValue,
-              expanded: !1
-            })
-          ])) : (c(), h("span", {
-            key: 2,
-            ref: "span"
-          }, D(i.displayText), 513)),
-          m("div", He, [
-            i.hasRightIcon ? (c(), h("div", Fe, [
-              O(e.$slots, "icon-right")
-            ])) : v("", !0),
-            n.isExpanded && i.nonEmptySearchValue ? (c(), S(l, {
-              key: 1,
-              ref: "closeButton",
-              title: "Close",
-              tabindex: "0",
-              class: "button",
-              compact: s.compact,
-              onKeydown: t[2] || (t[2] = Q(x(() => {
-              }, ["stop"]), ["enter"])),
-              onClick: x(i.handleResetInput, ["stop"])
-            }, {
-              default: C(() => [
-                P(f, { class: "icon" })
-              ]),
-              _: 1
-            }, 8, ["compact", "onClick"])) : v("", !0),
-            !n.isExpanded || !i.nonEmptySearchValue ? (c(), S(l, {
-              key: 2,
-              class: "button",
-              compact: s.compact,
-              disabled: i.isDisabled,
-              title: n.isExpanded ? "Cancel" : "Expand",
-              tabindex: n.isExpanded ? 0 : -1,
-              onClick: x(i.toggleExpanded, ["stop"])
-            }, {
-              default: C(() => [
-                P(a, {
-                  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": n.isExpanded ? i.generateId("option", i.getCurrentSelectedId()) : void 0,
-          class: y({ "drops-upwards": s.direction === "up" })
-        }, [
-          i.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(r.emptyState), 1)) : v("", !0),
-          (c(!0), h(w, null, N(i.orderedGroupedValues, (u, b) => (c(), h(w, { key: b }, [
-            t[5] || (t[5] = m("span", { class: "group-divider" }, null, -1)),
-            (c(!0), h(w, null, N(u.items, (d) => (c(), h("li", {
-              id: i.generateId("option", d.id),
-              key: `listbox-${d.id}`,
-              ref_for: !0,
-              ref: (g) => r.optionRefs.set(d.id, g),
-              role: "option",
-              title: typeof d.title > "u" ? d.text : d.title,
-              class: y({
-                focused: i.isCurrentValue(d.id),
-                noselect: !0,
-                empty: d.text.trim() === "",
-                "has-option-template": i.hasOptionTemplate,
-                special: d.isSpecial
-              }),
-              "aria-selected": i.isCurrentValue(d.id),
-              onMouseenter: (g) => i.updateCandidate(d.id),
-              onClick: (g) => i.emitAndClose(d.id)
-            }, [
-              i.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, n.isExpanded]
-        ]),
-        m("input", {
-          id: s.id,
-          type: "hidden",
-          name: s.name,
-          value: s.modelValue
-        }, null, 8, Ge)
-      ], 10, Ke)
-    ]),
-    _: 3
-  }, 8, ["onTrigger"]);
-}
-const st = /* @__PURE__ */ re(Ne, [["render", ze], ["__scopeId", "data-v-0a20a161"]]);
-export {
-  st as D
-};

package/dist/LoadingIcon-Br99Lv_8.js

@@ -1,18 +0,0 @@
-import { h as r, defineComponent as c, openBlock as s, createBlock as i, unref as a } from "vue";
-import { R as d } from "./reload-DjY4GPvr.js";
-import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-BYoCo820.js";
-const p = (t, o) => ({
-  render() {
-    const e = t.render({}, []), n = r("title", o);
-    return n.ns = "svg", e.children.unshift(n), e;
-  }
-}), l = /* @__PURE__ */ c({
-  __name: "LoadingIcon",
-  setup(t) {
-    const o = p(d, "Loading…");
-    return (e, n) => (s(), i(a(o)));
-  }
-}), u = /* @__PURE__ */ _(l, [["__scopeId", "data-v-6b552b81"]]);
-export {
-  u as L
-};