@knime/jsonforms 0.1.7 → 1.0.1

package/dist/DropdownControl.vue_vue_type_script_setup_true_lang-Cfmqdv7v.js

@@ -0,0 +1,223 @@
+import { defineComponent as E, computed as p, openBlock as V, createBlock as y, unref as m, mergeProps as A, withCtx as f, createCommentVNode as I, ref as S, onMounted as G, onBeforeUnmount as J, normalizeProps as Q, renderSlot as x } from "vue";
+import "./index-BrIvBSNK-BRWnkVln.js";
+import { _ as X, q as w, u as Y, L as Z } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { w as j } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
+import { u as ee } from "./useHideOnNull-CCfNP3O7.js";
+import { D as oe } from "./Dropdown-By1NMrXZ.js";
+import { L as ne } from "./svgWithTitle-zrGi2kyc.js";
+import { b as te } from "./_baseAssignValue-C56BMUo_.js";
+import { e as ae, c as le, t as se, i as re } from "./_getTag-BiNJdVyP.js";
+import { i as N } from "./isObject-B53jY8Qg.js";
+import { C as ie } from "./Checkbox-BxPISyW3.js";
+var ue = Object.prototype, ce = ue.hasOwnProperty;
+function de(o, e, l) {
+  var s = o[e];
+  (!(ce.call(o, e) && ae(s, l)) || l === void 0 && !(e in o)) && te(o, e, l);
+}
+function pe(o, e, l, s) {
+  if (!N(o))
+    return o;
+  e = le(e, o);
+  for (var u = -1, r = e.length, h = r - 1, c = o; c != null && ++u < r; ) {
+    var a = se(e[u]), i = l;
+    if (a === "__proto__" || a === "constructor" || a === "prototype")
+      return o;
+    if (u != h) {
+      var v = c[a];
+      i = void 0, i === void 0 && (i = N(v) ? v : re(e[u + 1]) ? [] : {});
+    }
+    de(c, a, i), c = c[a];
+  }
+  return o;
+}
+function me(o, e, l) {
+  return o == null ? o : pe(o, e, l);
+}
+var B = /* @__PURE__ */ ((o) => (o.ERROR = "error", o.WARN = "warn", o))(B || {}), t = [];
+for (var C = 0; C < 256; ++C)
+  t.push((C + 256).toString(16).slice(1));
+function he(o, e = 0) {
+  return (t[o[e + 0]] + t[o[e + 1]] + t[o[e + 2]] + t[o[e + 3]] + "-" + t[o[e + 4]] + t[o[e + 5]] + "-" + t[o[e + 6]] + t[o[e + 7]] + "-" + t[o[e + 8]] + t[o[e + 9]] + "-" + t[o[e + 10]] + t[o[e + 11]] + t[o[e + 12]] + t[o[e + 13]] + t[o[e + 14]] + t[o[e + 15]]).toLowerCase();
+}
+var D, ve = new Uint8Array(16);
+function ge() {
+  if (!D && (D = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !D))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return D(ve);
+}
+var be = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const T = {
+  randomUUID: be
+};
+function fe(o, e, l) {
+  if (T.randomUUID && !e && !o)
+    return T.randomUUID();
+  o = o || {};
+  var s = o.random || (o.rng || ge)();
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, he(s);
+}
+const Ve = ({ view: o, model: e }) => ({
+  ...o,
+  ...e
+}), ye = /* @__PURE__ */ E({
+  __name: "LoadingDropdown",
+  props: {
+    possibleValues: {},
+    modelValue: {},
+    id: {},
+    ariaLabel: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const e = o, l = p(() => {
+      const { possibleValues: r } = e;
+      return r === null ? "Loading" : r.length > 0 ? "No value selected" : "No values present";
+    }), s = p(() => e.possibleValues === null ? "" : e.modelValue), u = p(
+      () => e.disabled || e.possibleValues === null || e.possibleValues.length === 0
+    );
+    return (r, h) => (V(), y(m(oe), A({ ...r.$props, ...r.$attrs }, {
+      "model-value": s.value,
+      disabled: u.value,
+      "possible-values": r.possibleValues ?? [],
+      placeholder: l.value,
+      compact: ""
+    }), {
+      "icon-right": f(() => [
+        r.possibleValues === null ? (V(), y(m(ne), {
+          key: 0,
+          class: "loading-icon"
+        })) : I("", !0)
+      ]),
+      _: 1
+    }, 16, ["model-value", "disabled", "possible-values", "placeholder"]));
+  }
+}), we = /* @__PURE__ */ X(ye, [["__scopeId", "data-v-cf6ba18c"]]), xe = /* @__PURE__ */ E({
+  __name: "DropdownControl",
+  props: {
+    control: {},
+    handleChange: {},
+    changeValue: {},
+    disabled: { type: Boolean },
+    labelForId: {},
+    asyncInitialOptions: { default: null },
+    controlDataToDropdownValue: { type: Function, default: (o) => o },
+    dropdownValueToControlData: { type: Function, default: (o) => o }
+  },
+  setup(o) {
+    const e = o, l = w("getPossibleValuesFromUiSchema"), s = w("registerWatcher"), u = w("getData"), r = w("sendAlert"), h = S(null), c = p(
+      () => {
+        var n;
+        return (n = e.control.uischema.options) == null ? void 0 : n.choicesProvider;
+      }
+    ), a = j(
+      Y(c.value, null),
+      e.control
+    ), i = S(e.control.data), v = (n) => e.dropdownValueToControlData(
+      n.length > 0 ? n[0].id : null
+    ), { showCheckbox: H, showControl: $, checkboxProps: W } = ee(
+      {
+        control: p(() => e.control),
+        disabled: p(() => e.disabled),
+        controlElement: h
+      },
+      {
+        setDefault: () => {
+          !i.value && a.value ? e.changeValue(v(a.value)) : e.changeValue(i.value);
+        },
+        setNull: () => {
+          e.changeValue(null);
+        }
+      }
+    ), _ = p(
+      () => e.controlDataToDropdownValue(e.control.data)
+    ), L = p(
+      () => {
+        var n;
+        return (n = e.control.uischema.options) == null ? void 0 : n.choicesUpdateHandler;
+      }
+    ), M = fe(), P = async (n, g) => {
+      const { result: d, state: U, message: O } = await u({
+        method: "settings.update",
+        options: [
+          M,
+          L.value,
+          Ve(n)
+        ]
+      });
+      return (K) => {
+        const F = (b) => {
+          a.value = b, (g || !_.value) && (me(
+            K,
+            e.control.path,
+            v(b)
+          ), e.changeValue(v(b)));
+        };
+        d && F(d), U === "FAIL" && (O.forEach((b) => {
+          r({
+            message: b,
+            type: B.ERROR
+          });
+        }), F([]));
+      };
+    }, q = async (n) => {
+      (await P(n, !1))(n);
+    }, z = async () => {
+      e.asyncInitialOptions !== null ? a.value = await e.asyncInitialOptions : c.value || l(e.control).then((n) => {
+        a.value = n;
+      });
+    };
+    let R = () => {
+    };
+    G(async () => {
+      var n, g;
+      if (L.value) {
+        const d = ((n = e.control.uischema.options) == null ? void 0 : n.dependencies) || [], U = !!((g = e.control.uischema.options) != null && g.setFirstValueOnUpdate);
+        R = await s({
+          transformSettings: (O) => P(O, U),
+          init: q,
+          dependencies: d
+        });
+      } else
+        z();
+    }), J(() => {
+      R();
+    });
+    const k = (n) => {
+      i.value = e.dropdownValueToControlData(n), e.changeValue(i.value);
+    };
+    return (n, g) => (V(), y(Z, {
+      label: n.control.label
+    }, {
+      "before-label": f(() => [
+        m(H) ? (V(), y(m(ie), Q(A({ key: 0 }, m(W))), null, 16)) : I("", !0)
+      ]),
+      default: f(({ labelForId: d }) => [
+        m($) ? (V(), y(we, {
+          key: 0,
+          id: d ?? "",
+          ref_key: "controlElement",
+          ref: h,
+          ariaLabel: n.control.label,
+          disabled: n.disabled,
+          "model-value": _.value,
+          "possible-values": m(a),
+          compact: "",
+          "onUpdate:modelValue": k
+        }, null, 8, ["id", "ariaLabel", "disabled", "model-value", "possible-values"])) : I("", !0)
+      ]),
+      icon: f(() => [
+        x(n.$slots, "icon")
+      ]),
+      buttons: f(({ hover: d }) => [
+        x(n.$slots, "buttons", {
+          hover: d,
+          controlHTMLElement: h.value
+        })
+      ]),
+      _: 3
+    }, 8, ["label"]));
+  }
+});
+export {
+  xe as _
+};

package/dist/ErrorMessage-fuIcc8xw.js

@@ -0,0 +1,23 @@
+import { openBlock as o, createElementBlock as s, toDisplayString as a } from "vue";
+import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+const c = {
+  props: {
+    errors: {
+      default: () => [],
+      type: Array
+    }
+  },
+  computed: {
+    displayableErrors() {
+      var r;
+      return (r = this.errors.map(({ message: e }) => e)) == null ? void 0 : r.join("; ");
+    }
+  }
+}, i = ["title"];
+function l(r, e, n, _, d, t) {
+  return o(), s("div", { title: t.displayableErrors }, a(t.displayableErrors), 9, i);
+}
+const u = /* @__PURE__ */ p(c, [["render", l], ["__scopeId", "data-v-070cf475"]]);
+export {
+  u as E
+};

package/dist/FunctionButton-DBec3TQi.js

@@ -0,0 +1,75 @@
+import { B as s } from "./BaseButton-arvXMjXG.js";
+import { resolveComponent as o, openBlock as l, createBlock as r, normalizeClass as i, withCtx as d, renderSlot as c } from "vue";
+import { _ as u } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+const f = {
+  name: "FunctionButton",
+  components: {
+    BaseButton: s
+  },
+  props: {
+    /**
+     * @see {@link BaseButton.vue}
+     */
+    /**
+     * Switches the active style of the component
+     */
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * switches colors
+     */
+    primary: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    single() {
+      return this.$slots.default().length !== 1 ? !1 : this.hasSingleChildren(this.$slots.default()[0]);
+    }
+  },
+  methods: {
+    /**
+     * This can be called from outside via focus on a $ref
+     */
+    focus() {
+      this.$refs.baseButton.focus();
+    },
+    /**
+     * This can be called from outside via getComponent on a $ref
+     */
+    getComponent() {
+      return this.$refs.baseButton.getComponent();
+    },
+    hasSingleChildren(e) {
+      return e.children ? e.children.length === 1 ? this.hasSingleChildren(e.children[0]) : !1 : !0;
+    }
+  }
+};
+function h(e, m, t, p, B, n) {
+  const a = o("BaseButton");
+  return l(), r(a, {
+    ref: "baseButton",
+    disabled: t.disabled,
+    class: i(["function-button", { single: n.single, active: t.active, primary: t.primary, disabled: t.disabled, compact: t.compact }])
+  }, {
+    default: d(() => [
+      c(e.$slots, "default", {}, void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["disabled", "class"]);
+}
+const C = /* @__PURE__ */ u(f, [["render", h], ["__scopeId", "data-v-6b371a7e"]]);
+export {
+  C as F
+};

package/dist/HorizontalLayout-Dsv1qfyL.js

@@ -0,0 +1,30 @@
+import { defineComponent as l, openBlock as a, createElementBlock as o, Fragment as n, renderList as s, createElementVNode as u, createVNode as c, unref as d } from "vue";
+import { r as m, _ as i } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+const p = { class: "horizontal" }, h = /* @__PURE__ */ l({
+  __name: "HorizontalLayout",
+  props: {
+    layout: {}
+  },
+  setup(y) {
+    return (e, _) => (a(), o("div", p, [
+      (a(!0), o(n, null, s(e.layout.uischema.elements, (t, r) => (a(), o("div", {
+        key: `${e.layout.path}-${r}`,
+        class: "horizontal-element"
+      }, [
+        u("div", null, [
+          c(d(m), {
+            schema: e.layout.schema,
+            uischema: t,
+            path: e.layout.path,
+            enabled: e.layout.enabled,
+            renderers: e.layout.renderers,
+            cells: e.layout.cells
+          }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"])
+        ])
+      ]))), 128))
+    ]));
+  }
+}), z = /* @__PURE__ */ i(h, [["__scopeId", "data-v-8a0179de"]]);
+export {
+  z as default
+};

package/dist/InputField-BKH5rtn3.js

@@ -0,0 +1,148 @@
+/* empty css                   */
+import { openBlock as s, createElementBlock as l, normalizeClass as r, renderSlot as o, createCommentVNode as u, createElementVNode as d, mergeProps as c, pushScopeId as p, popScopeId as f } from "vue";
+import { _ as m } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+const h = {
+  name: "InputField",
+  props: {
+    modelValue: {
+      default: "",
+      type: [Number, String]
+    },
+    id: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    /**
+     * Sets the error styling, validity needs to be controlled by the parent component to be flexible
+     */
+    isValid: {
+      default: !0,
+      type: Boolean
+    },
+    type: {
+      default: "text",
+      type: String
+    },
+    pattern: {
+      default: null,
+      type: String
+    },
+    placeholder: {
+      default: null,
+      type: String
+    },
+    autocomplete: {
+      default: null,
+      type: String
+    },
+    autofocus: {
+      default: !1,
+      type: Boolean
+    },
+    focusOnMount: {
+      default: !1,
+      type: Boolean
+    },
+    inputClasses: {
+      default: "",
+      type: String
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    ariaActivedescendant: {
+      type: String,
+      default: null
+    },
+    ariaOwns: {
+      type: String,
+      default: null
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "focus", "keyup", "keypress", "keydown"],
+  computed: {
+    hasLeftIcon() {
+      return this.$slots.icon && this.$slots.icon().length;
+    },
+    hasRightIcon() {
+      return this.$slots.iconRight && this.$slots.iconRight().length;
+    },
+    inputClassList() {
+      let e = this.inputClasses;
+      return this.hasLeftIcon && (e += " with-icon"), this.hasRightIcon && (e += " with-icon-right"), this.isValid || (e += " invalid"), e;
+    }
+  },
+  mounted() {
+    this.focusOnMount && this.focus();
+  },
+  methods: {
+    getValue() {
+      return this.$refs.input.value;
+    },
+    onInput() {
+      this.$emit("update:modelValue", this.getValue());
+    },
+    focus() {
+      this.$refs.input.focus();
+    },
+    /*
+     * checks if value matches the provided pattern
+     */
+    validate() {
+      let e = !0, t = null;
+      return typeof this.getValue() > "u" ? (e = !1, t = "Invalid input") : this.pattern && this.$refs.input.validity.patternMismatch && (e = !1, t = "Input does not match the expected pattern"), { isValid: e, errorMessage: t };
+    }
+  }
+}, y = (e) => (p("data-v-c99ed950"), e = e(), f(), e), g = {
+  key: 0,
+  class: "icon"
+}, v = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], I = {
+  key: 1,
+  class: "icon icon-right"
+}, S = /* @__PURE__ */ y(() => /* @__PURE__ */ d("span", { class: "invalid-marker" }, null, -1));
+function V(e, t, a, k, w, i) {
+  return s(), l("div", {
+    class: r(["input-wrapper", { compact: a.compact }])
+  }, [
+    i.hasLeftIcon ? (s(), l("div", g, [
+      o(e.$slots, "icon")
+    ])) : u("", !0),
+    d("input", c(e.$attrs, {
+      id: a.id,
+      ref: "input",
+      name: a.name,
+      value: a.modelValue,
+      class: i.inputClassList,
+      type: a.type,
+      pattern: a.pattern,
+      placeholder: a.placeholder,
+      autofocus: a.autofocus,
+      "aria-activedescendant": a.ariaActivedescendant,
+      "aria-owns": a.ariaOwns,
+      autocomplete: a.autocomplete,
+      disabled: a.disabled,
+      onInput: t[0] || (t[0] = (...n) => i.onInput && i.onInput(...n)),
+      onFocus: t[1] || (t[1] = (n) => e.$emit("focus", n)),
+      onKeyup: t[2] || (t[2] = (n) => e.$emit("keyup", n)),
+      onKeypress: t[3] || (t[3] = (n) => e.$emit("keypress", n)),
+      onKeydown: t[4] || (t[4] = (n) => e.$emit("keydown", n))
+    }), null, 16, v),
+    i.hasRightIcon ? (s(), l("div", I, [
+      o(e.$slots, "iconRight")
+    ])) : u("", !0),
+    S
+  ], 2);
+}
+const b = /* @__PURE__ */ m(h, [["render", V], ["__scopeId", "data-v-c99ed950"]]);
+export {
+  b as I
+};

package/dist/IntegerControl-CBuOHc4B.js

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