@knime/jsonforms 1.15.1 → 1.15.2

package/dist/SectionLayout-Cg1g2Yo3.js

@@ -0,0 +1,46 @@
+import { defineComponent as u, ref as i, createElementBlock as m, openBlock as l, createVNode as s, withCtx as r, renderSlot as p, createBlock as c, unref as d } from "vue";
+import { x as f, _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { V as h } from "./VerticalLayoutBase-C42y1fUX.js";
+import { S as v } from "./SectionHeading-D5y3im2k.js";
+const b = /* @__PURE__ */ u({
+  __name: "SectionLayout",
+  props: {
+    layout: {}
+  },
+  setup($) {
+    const o = i(!1);
+    return (e, t) => (l(), m("div", {
+      class: "section",
+      onMouseover: t[0] || (t[0] = (a) => o.value = !0),
+      onMouseleave: t[1] || (t[1] = (a) => o.value = !1)
+    }, [
+      s(v, {
+        "title-text": e.layout.uischema.label
+      }, {
+        "right-buttons": r(() => [
+          p(e.$slots, "buttons", { hover: o.value }, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["title-text"]),
+      s(h, {
+        elements: e.layout.uischema.elements
+      }, {
+        default: r(({ element: a, index: n }) => [
+          (l(), c(d(f), {
+            key: `${e.layout.path}-${n}`,
+            schema: e.layout.schema,
+            uischema: a,
+            path: e.layout.path,
+            enabled: e.layout.enabled,
+            renderers: e.layout.renderers,
+            cells: e.layout.cells
+          }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+        ]),
+        _: 1
+      }, 8, ["elements"])
+    ], 32));
+  }
+}), V = /* @__PURE__ */ y(b, [["__scopeId", "data-v-84fc355c"]]);
+export {
+  V as default
+};

package/dist/SettingsSubPanel-B6gyM99J.js

@@ -0,0 +1,5 @@
+import { _ as a, z as s } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const _ = /* @__PURE__ */ a(s, [["__scopeId", "data-v-11a709c8"]]);
+export {
+  _ as S
+};

package/dist/SettingsSubPanelLayout-DVclglW2.js

@@ -0,0 +1,62 @@
+import { defineComponent as i, createBlock as n, openBlock as s, withCtx as t, createVNode as a, unref as l, createElementVNode as m } from "vue";
+import { x as c, v as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { N as f } from "./arrow-next-BQVCxGb8.js";
+import { V as h } from "./VerticalLayoutBase-C42y1fUX.js";
+import { S as y } from "./SectionHeading-D5y3im2k.js";
+import { S as b } from "./SettingsSubPanel-B6gyM99J.js";
+const S = /* @__PURE__ */ i({
+  __name: "SettingsSubPanelLayout",
+  props: {
+    layout: {}
+  },
+  setup(_) {
+    return (e, r) => (s(), n(b, {
+      "show-back-arrow": "",
+      "background-color-override": "var(--knime-gray-ultra-light"
+    }, {
+      "expand-button": t(({ expand: o }) => [
+        a(y, {
+          "title-text": e.layout.uischema.label
+        }, {
+          "right-buttons": t(() => [
+            a(l(p), {
+              compact: "",
+              class: "set-button",
+              onClick: o
+            }, {
+              default: t(() => [
+                r[0] || (r[0] = m("span", null, "Set", -1)),
+                a(l(f))
+              ]),
+              _: 2,
+              __: [0]
+            }, 1032, ["onClick"])
+          ]),
+          _: 2
+        }, 1032, ["title-text"])
+      ]),
+      default: t(() => [
+        a(h, {
+          elements: e.layout.uischema.elements
+        }, {
+          default: t(({ element: o, index: u }) => [
+            (s(), n(l(c), {
+              key: `${e.layout.path}-${u}`,
+              schema: e.layout.schema,
+              uischema: o,
+              path: e.layout.path,
+              enabled: e.layout.enabled,
+              renderers: e.layout.renderers,
+              cells: e.layout.cells
+            }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))
+          ]),
+          _: 1
+        }, 8, ["elements"])
+      ]),
+      _: 1
+    }));
+  }
+}), V = /* @__PURE__ */ d(S, [["__scopeId", "data-v-eab8ed9f"]]);
+export {
+  V as default
+};

package/dist/SimpleButtonControl-DFTQjOZI.js

@@ -0,0 +1,61 @@
+import { defineComponent as u, createBlock as p, openBlock as s, resolveDynamicComponent as f, computed as r, ref as g, createElementBlock as _, createVNode as b, renderSlot as y, unref as B, withCtx as C, createCommentVNode as h, createTextVNode as I, toDisplayString as V } from "vue";
+import { A as k, _ as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+import { R as S } from "./reload-DCdbNLa2.js";
+import { B as $ } from "./Button-V53sPts7.js";
+const x = /* @__PURE__ */ u({
+  __name: "DynamicIcon",
+  props: {
+    icon: {}
+  },
+  setup(a) {
+    const e = {
+      reload: S
+    };
+    return (t, l) => (s(), p(f(e[t.icon])));
+  }
+}), D = /* @__PURE__ */ u({
+  __name: "SimpleButtonControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(a) {
+    const e = a, t = r(() => !e.control.enabled), l = r(() => e.control.uischema.options.triggerId), i = r(
+      () => e.control.uischema.options.icon
+    ), d = k("trigger"), m = () => {
+      d({ id: l.value });
+    }, n = g(!1);
+    return (c, o) => (s(), _("div", {
+      class: "simple-button-input",
+      onMouseover: o[0] || (o[0] = (v) => n.value = !0),
+      onMouseleave: o[1] || (o[1] = (v) => n.value = !1)
+    }, [
+      b(B($), {
+        compact: "",
+        "with-border": "",
+        disabled: t.value,
+        class: "button-input",
+        onClick: m
+      }, {
+        default: C(() => [
+          i.value ? (s(), p(x, {
+            key: 0,
+            icon: i.value
+          }, null, 8, ["icon"])) : h("", !0),
+          I(V(c.control.label), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled"]),
+      y(c.$slots, "buttons", { hover: n.value }, void 0, !0)
+    ], 32));
+  }
+}), j = /* @__PURE__ */ F(D, [["__scopeId", "data-v-71d12dcd"]]);
+export {
+  j as default
+};

package/dist/SimpleTwinlistControl-DMPdJAZ9.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, toRef as i, createBlock as l, openBlock as a, mergeProps as r, unref as p } from "vue";
+import { u as c } from "./usePossibleValues-DXZusnxu.js";
+import { T as u } from "./TwinlistControlBase-D0xdGWtx.js";
+const h = /* @__PURE__ */ s({
+  __name: "SimpleTwinlistControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, t = i(o, "control"), { possibleValues: n } = c(t);
+    return (m, d) => (a(), l(u, r(o, {
+      "possible-values": p(n),
+      "twinlist-size": o.control.uischema.options?.twinlistSize
+    }), null, 16, ["possible-values", "twinlist-size"]));
+  }
+});
+export {
+  h as default
+};

package/dist/SingleSelectControl-BGFi0465.js

@@ -0,0 +1,55 @@
+import { defineComponent as I, computed as n, toRef as y, createBlock as v, openBlock as w } from "vue";
+import { u as F } from "./usePossibleValues-DXZusnxu.js";
+import { L as R } from "./LoadingDropdown-CyKWt1IO.js";
+const t = "__special__", i = "__regular__", L = /* @__PURE__ */ I({
+  __name: "SingleSelectControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(p) {
+    const r = p, d = n(
+      () => r.control.uischema.options.specialChoices
+    ), { possibleValues: c } = F(
+      y(r, "control")
+    ), l = (e) => `${t}${e}`, s = (e) => `${i}${e}`, h = ({
+      id: e,
+      text: o
+    }) => ({
+      id: l(e),
+      text: o,
+      isSpecial: !0
+    }), f = (e) => ({
+      ...e,
+      id: s(e.id)
+    }), a = n(() => c.value === null ? null : d.value.map(h).concat(c.value.map(f))), C = (e) => {
+      if (!e.startsWith(i) && !e.startsWith(t))
+        throw new Error(`Expected id to start with ${i}`);
+    }, m = (e) => e ? (C(e), e.startsWith(t) ? { specialChoice: e.slice(t.length) } : { regularChoice: e.slice(i.length) }) : null, b = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? s(e.regularChoice) : "specialChoice" in e && e.specialChoice ? l(e.specialChoice) : "", g = (e) => typeof e > "u" || e === null ? "" : "regularChoice" in e && e.regularChoice ? e.regularChoice : "specialChoice" in e && e.specialChoice ? e.specialChoice : "", u = n({
+      get: () => {
+        const e = b(r.control.data);
+        return a.value && !a.value.some((o) => o.id === e) ? g(r.control.data) : e;
+      },
+      set: (e) => {
+        r.changeValue(m(e));
+      }
+    });
+    return (e, o) => (w(), v(R, {
+      id: e.labelForId,
+      modelValue: u.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (_) => u.value = _),
+      "possible-values": a.value,
+      ariaLabel: e.control.label,
+      disabled: e.disabled,
+      compact: ""
+    }, null, 8, ["id", "modelValue", "possible-values", "ariaLabel", "disabled"]));
+  }
+});
+export {
+  L as default
+};

package/dist/SingleSelectListBoxControl-BE7-OUkf.js

@@ -0,0 +1,232 @@
+import { resolveComponent as m, createElementBlock as u, openBlock as a, normalizeClass as c, createElementVNode as V, normalizeStyle as h, Fragment as y, renderList as I, createBlock as f, defineComponent as x, toRef as g, createCommentVNode as v, unref as o } from "vue";
+import { u as S } from "./usePossibleValues-DXZusnxu.js";
+import { S as C } from "./StyledListItem-xeXwpQpT.js";
+import { _ as L, B as _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-1WZC8AqN.js";
+const B = 40, w = 38, H = 36, T = 35, K = {
+  name: "ListBox",
+  components: {
+    StyledListItem: C
+  },
+  props: {
+    id: {
+      type: String,
+      default() {
+        return `ListBox-${_()}`;
+      }
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 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;
+      }
+    },
+    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;
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      selectedIndex: -1,
+      invalidPossibleValueIds: [],
+      optionLineHeight: 22
+    };
+  },
+  computed: {
+    ulSizeStyle() {
+      const e = (t) => `${t * this.optionLineHeight + 2}px`;
+      return this.size > 0 ? { height: e(this.size) } : { minHeight: e(2) };
+    },
+    selectableValues() {
+      return [
+        ...this.invalidPossibleValueIds.map((e) => this.generateInvalidItem(e)),
+        ...this.possibleValues
+      ];
+    }
+  },
+  watch: {
+    modelValue(e) {
+      this.updateSelectedIndexAndInvalidValue(e);
+    }
+  },
+  mounted() {
+    this.updateSelectedIndexAndInvalidValue(this.modelValue);
+  },
+  methods: {
+    updateSelectedIndexAndInvalidValue(e) {
+      const t = this.selectableValues.findIndex((l) => l.id === e);
+      t === -1 && e ? (this.invalidPossibleValueIds.includes(e) || this.invalidPossibleValueIds.push(e), this.selectedIndex = this.selectableValues.findIndex(
+        (l) => l.id === e
+      )) : this.selectedIndex = t;
+    },
+    isCurrentValue(e) {
+      return this.modelValue === e;
+    },
+    setSelected(e, t) {
+      this.disabled || (consola.trace("ListBox setSelected on", e), this.selectedIndex = t, this.$emit("update:modelValue", e));
+    },
+    scrollToCurrent() {
+      const e = this.$refs.ul;
+      if (e.scrollHeight > e.clientHeight) {
+        const t = this.$refs.options[this.selectedIndex], l = e.clientHeight + e.scrollTop, n = t.offsetTop + t.offsetHeight;
+        n > l ? e.scrollTop = n - e.clientHeight : t.offsetTop < e.scrollTop && (e.scrollTop = t.offsetTop);
+      }
+    },
+    onArrowDown() {
+      if (this.disabled)
+        return;
+      const e = this.selectedIndex + 1;
+      e >= this.selectableValues.length || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
+    },
+    onArrowUp() {
+      if (this.disabled)
+        return;
+      const e = this.selectedIndex - 1;
+      e < 0 || (this.setSelected(this.selectableValues[e].id, e), this.scrollToCurrent());
+    },
+    onEndKey() {
+      if (this.disabled)
+        return;
+      const e = this.selectableValues.length - 1;
+      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = this.$refs.ul.scrollHeight;
+    },
+    onHomeKey() {
+      if (this.disabled)
+        return;
+      const e = 0;
+      this.setSelected(this.selectableValues[e].id, e), this.$refs.ul.scrollTop = 0;
+    },
+    handleKeyDown(e) {
+      this.disabled || (e.keyCode === B && (this.onArrowDown(), e.preventDefault()), e.keyCode === w && (this.onArrowUp(), e.preventDefault()), e.keyCode === T && (this.onEndKey(), e.preventDefault()), e.keyCode === H && (this.onHomeKey(), e.preventDefault()));
+    },
+    hasSelection() {
+      return this.selectedIndex >= 0;
+    },
+    validate() {
+      return { isValid: !this.getCurrentItem().invalid, errorMessage: null };
+    },
+    getCurrentItem() {
+      return this.selectableValues[this.selectedIndex] || { id: "", text: "" };
+    },
+    generateInvalidItem(e) {
+      return {
+        id: e,
+        text: `(MISSING) ${e}`,
+        invalid: !0
+      };
+    },
+    generateOptionId(e) {
+      if (!e || !e.id)
+        return "";
+      const t = e.id.replace(/[^\w]/gi, "");
+      return `option-${this.id}-${t}`;
+    }
+  }
+}, k = ["id", "tabindex", "aria-label", "aria-activedescendant"];
+function D(e, t, l, n, d, s) {
+  const p = m("StyledListItem");
+  return a(), u("div", {
+    class: c(["list-box", { invalid: !l.isValid, disabled: l.disabled }])
+  }, [
+    V("ul", {
+      id: l.id,
+      ref: "ul",
+      role: "listbox",
+      tabindex: l.disabled ? -1 : 0,
+      "aria-label": l.ariaLabel,
+      style: h(s.ulSizeStyle),
+      "aria-activedescendant": s.generateOptionId(s.getCurrentItem()),
+      onKeydown: t[0] || (t[0] = (...i) => s.handleKeyDown && s.handleKeyDown(...i))
+    }, [
+      (a(!0), u(y, null, I(s.selectableValues, (i, r) => (a(), f(p, {
+        id: s.generateOptionId(i),
+        key: `listbox-${i.id}`,
+        ref_for: !0,
+        ref: "options",
+        style: h({ "line-height": `${d.optionLineHeight}px` }),
+        text: i.text,
+        title: i.text,
+        class: c({
+          focused: s.isCurrentValue(i.id),
+          noselect: !0,
+          empty: i.text.trim() === ""
+        }),
+        "aria-selected": s.isCurrentValue(i.id),
+        "line-height": d.optionLineHeight,
+        selected: s.isCurrentValue(i.id),
+        invalid: i.invalid,
+        special: i.special,
+        disabled: l.disabled,
+        onClick: (b) => !l.disabled && s.setSelected(i.id, r),
+        onFocus: (b) => !l.disabled && s.setSelected(i.id, r)
+      }, null, 8, ["id", "style", "text", "title", "class", "aria-selected", "line-height", "selected", "invalid", "special", "disabled", "onClick", "onFocus"]))), 128))
+    ], 44, k)
+  ], 2);
+}
+const z = /* @__PURE__ */ L(K, [["render", D], ["__scopeId", "data-v-ef9a5a49"]]), N = /* @__PURE__ */ x({
+  __name: "SingleSelectListBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const t = e, { possibleValues: l } = S(g(t, "control"));
+    return (n, d) => o(l) ? (a(), f(o(z), {
+      key: 0,
+      id: n.labelForId,
+      "possible-values": o(l),
+      disabled: n.disabled,
+      "model-value": n.control.data,
+      "is-valid": n.isValid,
+      ariaLabel: n.control.label,
+      size: n.control.uischema.options?.size,
+      "onUpdate:modelValue": n.changeValue
+    }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"])) : v("", !0);
+  }
+});
+export {
+  N as default
+};