@knime/jsonforms 1.19.6 → 1.20.1

package/dist/GridSelectionControl-8g--blrX.js

@@ -0,0 +1,115 @@
+import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as N, renderList as T, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as B } from "vue";
+import { a7 as $, a8 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const W = { class: "grid-list" }, H = {
+  key: 1,
+  class: "checkbox"
+}, j = 7, q = "auto", J = "Invert selection", K = /* @__PURE__ */ S({
+  __name: "GridSelectionControl",
+  props: {
+    handleChange: { type: Function },
+    control: {},
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(y) {
+    U((e) => ({
+      v38af777e: n(k)
+    }));
+    const r = y, {
+      control: { path: V, uischema: { options: b } = {} },
+      handleChange: C
+    } = r, {
+      possibleValues: o = [],
+      columnCount: I = j,
+      gridWidth: k = q,
+      toggleLabel: m = J,
+      renderLastItemAsCheckbox: d = !1
+    } = b, a = D(/* @__PURE__ */ new Map()), x = s(() => ({
+      "grid-template-columns": `repeat(${I}, 1fr)`
+    })), E = s(
+      () => o.filter(
+        (e, t) => !(d && t === o.length - 1)
+      )
+    ), i = s(
+      () => d ? o[o.length - 1] : null
+    ), L = () => {
+      const e = /* @__PURE__ */ new Map();
+      a.value.forEach(
+        ({ active: t }, l) => {
+          e.set(l, {
+            active: !t
+          });
+        }
+      ), a.value = e;
+    }, M = () => {
+      const e = /* @__PURE__ */ new Map();
+      return o.forEach(({ id: t }) => {
+        e.set(t, { active: r.control.data?.includes(t) ?? !1 });
+      }), e;
+    }, g = s(() => {
+      const e = [];
+      return a.value.forEach(
+        ({ active: t }, l) => {
+          t && e.push(l);
+        }
+      ), e;
+    }), w = s(() => r.control.data ?? []), _ = s(() => {
+      const e = g.value, t = w.value;
+      if (e.length !== t.length)
+        return !0;
+      const l = new Set(t);
+      return e.some((v) => !l.has(v));
+    });
+    return f(
+      () => r.control.data,
+      () => {
+        _.value && (a.value = M());
+      },
+      { immediate: !0, deep: !0 }
+    ), f(
+      () => a.value,
+      () => {
+        _.value && C(V, g.value);
+      },
+      { deep: !0 }
+    ), (e, t) => (c(), u("div", W, [
+      n(o).length ? (c(), u("div", {
+        key: 0,
+        class: "grid-list-container",
+        style: G(x.value)
+      }, [
+        (c(!0), u(N, null, T(E.value, ({ id: l, text: v }) => (c(), h(n($), {
+          key: `grid-item-${l}`,
+          modelValue: a.value.get(l).active,
+          "onUpdate:modelValue": (F) => a.value.get(l).active = F,
+          class: "overwrite-legacy-styles",
+          label: v,
+          variant: "outlined",
+          size: "xsmall"
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
+      ], 4)) : p("", !0),
+      n(d) && i.value ? (c(), u("div", H, [
+        A(n(z), {
+          modelValue: a.value.get(i.value.id).active,
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value.get(i.value.id).active = l),
+          label: i.value.text
+        }, null, 8, ["modelValue", "label"])
+      ])) : p("", !0),
+      n(m) ? (c(), h(n(O), {
+        key: 2,
+        variant: "outlined",
+        size: "xsmall",
+        label: n(m),
+        "leading-icon": "replace",
+        class: "invert overwrite-legacy-styles",
+        onClick: B(L, ["prevent"])
+      }, null, 8, ["label"])) : p("", !0)
+    ]));
+  }
+}), X = /* @__PURE__ */ R(K, [["__scopeId", "data-v-7c90b0fa"]]);
+export {
+  X as default
+};

package/dist/{HorizontalLayout-ao9JZxiP.js → HorizontalLayout-Bc4F2xJR.js}

@@ -1,13 +1,13 @@
-import { defineComponent as o, openBlock as a, createElementBlock as t, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
-import { a as m, _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CYe4TfJy.js";
+import { defineComponent as o, openBlock as t, createElementBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
+import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {
     layout: {}
   },
   setup(e) {
-    return (y, f) => (a(), t("div", d, [
-      (a(!0), t(r, null, c(e.layout.uischema.elements, (l, n) => (a(), s(u(m), {
+    return (y, f) => (t(), a("div", d, [
+      (t(!0), a(r, null, c(e.layout.uischema.elements, (l, n) => (t(), s(u(m), {
         key: n,
         class: "horizontal-element",
         schema: e.layout.schema,
@@ -19,7 +19,7 @@ const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
       }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]))), 128))
     ]));
   }
-}), p = /* @__PURE__ */ i(h, [["__scopeId", "data-v-174aebfa"]]);
+}), z = /* @__PURE__ */ i(h, [["__scopeId", "data-v-c4017079"]]);
 export {
-  p as default
+  z as default
 };

package/dist/InputField-Gw6K93vY.js

@@ -0,0 +1,148 @@
+/* empty css                   */
+import { openBlock as i, createElementBlock as s, normalizeClass as r, renderSlot as u, createCommentVNode as o, createElementVNode as d, mergeProps as f } from "vue";
+import { _ as p } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const c = {
+  name: "InputField",
+  props: {
+    modelValue: {
+      default: "",
+      type: [Number, String, null]
+    },
+    id: {
+      type: [String, null],
+      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 };
+    }
+  }
+}, m = {
+  key: 0,
+  class: "icon"
+}, h = ["id", "name", "value", "type", "pattern", "placeholder", "autofocus", "aria-activedescendant", "aria-owns", "autocomplete", "disabled"], y = {
+  key: 1,
+  class: "icon icon-right"
+};
+function g(e, t, n, v, I, l) {
+  return i(), s("div", {
+    class: r(["input-wrapper", { compact: n.compact }])
+  }, [
+    l.hasLeftIcon ? (i(), s("div", m, [
+      u(e.$slots, "icon")
+    ])) : o("", !0),
+    d("input", f(e.$attrs, {
+      id: n.id,
+      ref: "input",
+      name: n.name,
+      value: n.modelValue,
+      class: l.inputClassList,
+      type: n.type,
+      pattern: n.pattern,
+      placeholder: n.placeholder,
+      autofocus: n.autofocus,
+      "aria-activedescendant": n.ariaActivedescendant,
+      "aria-owns": n.ariaOwns,
+      autocomplete: n.autocomplete,
+      disabled: n.disabled,
+      onInput: t[0] || (t[0] = (...a) => l.onInput && l.onInput(...a)),
+      onFocus: t[1] || (t[1] = (a) => e.$emit("focus", a)),
+      onKeyup: t[2] || (t[2] = (a) => e.$emit("keyup", a)),
+      onKeypress: t[3] || (t[3] = (a) => e.$emit("keypress", a)),
+      onKeydown: t[4] || (t[4] = (a) => e.$emit("keydown", a))
+    }), null, 16, h),
+    l.hasRightIcon ? (i(), s("div", y, [
+      u(e.$slots, "iconRight")
+    ])) : o("", !0),
+    t[5] || (t[5] = d("span", { class: "invalid-marker" }, null, -1))
+  ], 2);
+}
+const w = /* @__PURE__ */ p(c, [["render", g], ["__scopeId", "data-v-e4e1a696"]]);
+export {
+  w as I
+};

package/dist/{IntegerControl-wq8pma-E.js → IntegerControl-CAh031mO.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-DBbHZCg_.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-CSwuzJVa.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {