@knime/jsonforms 1.21.12 → 1.21.14

package/dist/DateTimeFormatPickerWithTypeControl-CodEVQG_.js

@@ -0,0 +1,586 @@
+import { openBlock as m, createElementBlock as f, createElementVNode as v, h as X, defineComponent as x, createBlock as M, unref as T, Fragment as A, renderList as W, normalizeClass as k, toDisplayString as C, renderSlot as Z, createCommentVNode as S, resolveComponent as Y, withCtx as K, normalizeProps as ee, guardReactiveProps as te, useCssVars as le, computed as g, ref as w, watch as R, reactive as oe, onMounted as ae, nextTick as H, onUnmounted as se, createVNode as I, useModel as ne, withDirectives as ie, vModelText as de, normalizeStyle as re, mergeModels as ue } from "vue";
+import { _ as $, Q as ce, R as me, u as pe } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-zrzBlOHh.js";
+import { u as ve, F as fe, a as ye, b as he, o as ge, s as Te, f as be } from "./useDropdownNavigation-CdrbT-CQ.js";
+const we = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function Ve(e, a) {
+  return m(), f("svg", we, [...a[0] || (a[0] = [
+    v("path", { d: "m11.9 22.3 2.7 4.4-4.5 2.8m4.5-2.8C9 26 4.7 21.7 4.7 16c0-5.1 3.4-9.4 8.1-10.8M20 9.7l-2.6-4.4 4.5-2.8m-4.5 2.8c5.6.7 9.9 5 9.9 10.7 0 5.1-3.4 9.4-8.1 10.8" }, null, -1)
+  ])]);
+}
+const Ee = { render: Ve }, Fe = (e, a) => ({
+  render() {
+    const n = e.render({}, []), r = X("title", a);
+    return r.ns = "svg", n.children.unshift(r), n;
+  }
+}), _e = /* @__PURE__ */ x({
+  __name: "LoadingIcon",
+  setup(e) {
+    const a = Fe(Ee, "Loading…");
+    return (n, r) => (m(), M(T(a)));
+  }
+}), Ie = /* @__PURE__ */ $(_e, [["__scopeId", "data-v-6b552b81"]]), xe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function $e(e, a) {
+  return m(), f("svg", xe, [...a[0] || (a[0] = [
+    v("path", {
+      fill: "#000",
+      d: "M2 3.842v-.5a.5.5 0 0 0-.5.5zm22.611 0h.5a.5.5 0 0 0-.5-.5zm-.5 7.48a.5.5 0 1 0 1 0zM2 21.43h-.5a.5.5 0 0 0 .5.5zm10.298.5a.5.5 0 1 0 0-1zm5.283 8.222h-.5a.5.5 0 0 0 .765.424zm3.278-2.046.265.424a.5.5 0 0 0 .235-.424zm0-5.87-.366-.34a.5.5 0 0 0-.134.34zM27.613 15l.366.341a.5.5 0 0 0-.366-.841zm-10.032 7.235h.5a.5.5 0 0 0-.128-.334zM11.063 15v-.5a.5.5 0 0 0-.372.835zm-.69-9.483V2h-1v3.517zM16.155 2v3.517h1V2zM2 4.342h22.611v-1H2zm22.111-.5v7.48h1v-7.48zM2.5 21.43V3.842h-1V21.43zM2 8.362h22.611v-1H2zM12.298 20.93h-6.81v1h6.81zm-6.81 0H2v1h3.488zm12.358 9.646 3.278-2.046-.53-.849-3.278 2.047zm3.513-2.47v-5.87h-1v5.87zm-.135-5.528 6.755-7.236-.731-.682-6.755 7.235zm-4.143-.342v7.916h1v-7.916zm.872-.334-6.519-7.236-.743.67 6.519 7.235zm-6.89-6.401h16.55v-1h-16.55z"
+    }, null, -1)
+  ])]);
+}
+const ke = { render: $e }, De = x({
+  name: "BaseRadioButtons",
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    modelValue: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default() {
+        return `RadioButtons-${ce()}`;
+      }
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    possibleValues: {
+      type: Array,
+      default: () => [],
+      validator(e) {
+        return Array.isArray(e) ? e.every(
+          (a) => a.hasOwnProperty("id") && a.hasOwnProperty("text")
+        ) : !1;
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  methods: {
+    onInput(e) {
+      const a = e.target.value;
+      this.$emit("update:modelValue", a);
+    }
+  }
+}), Me = ["id"], Ce = ["checked", "value", "name", "disabled"], Se = ["title"];
+function Be(e, a, n, r, V, E) {
+  return m(), f("div", {
+    id: e.id,
+    role: "radiogroup"
+  }, [
+    (m(!0), f(A, null, W(e.possibleValues, (s) => (m(), f("label", {
+      key: `radio-${s.id}`,
+      class: k({ disabled: e.disabled || s.disabled })
+    }, [
+      v("input", {
+        ref_for: !0,
+        ref: "input",
+        checked: e.modelValue === s.id,
+        value: s.id,
+        name: e.name,
+        disabled: e.disabled || s.disabled,
+        type: "radio",
+        onChange: a[0] || (a[0] = (...u) => e.onInput && e.onInput(...u))
+      }, null, 40, Ce),
+      v("span", {
+        title: s.text
+      }, C(s.text), 9, Se),
+      Z(e.$slots, "default", { item: s }, void 0, !0),
+      s.subtext ? (m(), f(A, { key: 0 }, [
+        a[1] || (a[1] = v("br", null, null, -1)),
+        v("span", null, C(s.subtext), 1)
+      ], 64)) : S("", !0)
+    ], 2))), 128))
+  ], 8, Me);
+}
+const Re = /* @__PURE__ */ $(De, [["render", Be], ["__scopeId", "data-v-2bbebb4b"]]), Ae = x({
+  name: "ValueSwitch",
+  components: {
+    BaseRadioButtons: Re
+  },
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    modelValue: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    possibleValues: {
+      type: Array,
+      default: () => []
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"]
+});
+function ze(e, a, n, r, V, E) {
+  const s = Y("BaseRadioButtons");
+  return m(), M(s, {
+    id: e.id,
+    ref: "radioButton",
+    "possible-values": e.possibleValues,
+    "model-value": e.modelValue,
+    name: e.name,
+    disabled: e.disabled,
+    class: k(["value-switch", {
+      disabled: e.disabled,
+      compact: e.compact,
+      normal: !e.compact
+    }]),
+    "onUpdate:modelValue": a[0] || (a[0] = (u) => e.$emit("update:modelValue", u))
+  }, {
+    default: K((u) => [
+      Z(e.$slots, "default", ee(te(u)), void 0, !0)
+    ]),
+    _: 3
+  }, 8, ["id", "possible-values", "model-value", "name", "disabled", "class"]);
+}
+const z = /* @__PURE__ */ $(Ae, [["render", ze], ["__scopeId", "data-v-83231815"]]), Pe = { class: "popover" }, Ne = { class: "formats-container-border-host" }, Oe = {
+  key: 0,
+  class: "no-formats-available"
+}, Ue = {
+  key: 1,
+  class: "no-formats-available"
+}, He = ["onClick"], Le = { class: "format-pattern" }, We = { class: "format-preview" }, L = 1, Ze = /* @__PURE__ */ x({
+  __name: "DateTimeFormatPickerPopover",
+  props: {
+    allFormats: {},
+    selectedType: {},
+    initialSelectedPattern: {},
+    showTypeSwitch: { type: Boolean }
+  },
+  emits: ["commit", "cancel"],
+  setup(e, { emit: a }) {
+    le((t) => ({
+      v3b9e5e3a: L
+    }));
+    const n = a, r = e, V = g(() => [
+      {
+        id: "RECENT",
+        text: "Recent"
+      },
+      {
+        id: "STANDARD",
+        text: "ISO"
+      },
+      {
+        id: "EUROPEAN",
+        text: "European"
+      },
+      {
+        id: "AMERICAN",
+        text: "United States"
+      }
+    ]), E = g(() => [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ]), s = w(null), u = w(null), d = w("RECENT"), p = w(r.selectedType);
+    R(
+      () => r.selectedType,
+      (t) => {
+        u.value = t;
+      }
+    );
+    const i = g(
+      () => r.allFormats?.filter(
+        (t) => t.category === d.value && t.temporalType === p.value
+      ) ?? null
+    ), y = w(null), h = oe({}), F = (t) => `${t.format}-${t.category}-${t.temporalType}`, j = (t) => (l) => {
+      h[F(t)] = l;
+    }, _ = (t) => ({
+      format: t.format,
+      temporalType: t.temporalType
+    }), {
+      currentIndex: P,
+      onKeydown: N,
+      resetNavigation: Q,
+      setElement: q
+    } = ve({
+      keepOpenedOnTab: !0,
+      getFirstElement: () => ({
+        index: 0,
+        onClick: () => n(
+          "commit",
+          _(i.value[0])
+        )
+      }),
+      getLastElement: () => {
+        const t = i.value.length - 1;
+        return {
+          index: t,
+          onClick: () => n(
+            "commit",
+            _(i.value[t])
+          )
+        };
+      },
+      getNextElement: (t, l) => {
+        if (t = t === null || t === -1 ? null : t, l === 1) {
+          const c = ((t ?? -1) + 1) % i.value.length;
+          return {
+            index: c,
+            onClick: () => n(
+              "commit",
+              _(i.value[c])
+            )
+          };
+        } else {
+          const c = ((t ?? 0) - 1 + i.value.length) % i.value.length;
+          return {
+            index: c,
+            onClick: () => n(
+              "commit",
+              _(i.value[c])
+            )
+          };
+        }
+      },
+      close: () => {
+        n("cancel");
+      }
+    }), G = (t) => {
+      const l = t.parentElement;
+      if (l && l.scrollHeight > l.clientHeight) {
+        const o = l.offsetTop + L, c = l.clientHeight + l.scrollTop, b = t.offsetTop + t.offsetHeight - o;
+        b > c ? l.scrollTop = b - l.clientHeight : t.offsetTop - l.scrollTop < o && (l.scrollTop = t.offsetTop - o);
+      }
+    }, O = (t) => {
+      const l = h[`${t}-${d.value}-${p.value}`];
+      l && G(l);
+    }, U = async (t, l, o) => {
+      p.value = l ?? p.value, d.value = o ?? d.value, await H(), u.value = t, O(t);
+      const c = i.value.findIndex(
+        (b) => b.format === t
+      );
+      q({
+        index: c,
+        onClick: () => n(
+          "commit",
+          _(i.value[c])
+        )
+      });
+    };
+    R(P, (t) => {
+      if (t === null)
+        return;
+      const l = i.value?.[t]?.format;
+      l && O(l);
+    }), R([p, d], () => {
+      p.value === s.value?.temporalType && d.value === s.value?.category ? U(
+        s.value.format,
+        s.value.temporalType,
+        s.value.category
+      ) : (u.value = null, Q());
+    });
+    const D = w(!1);
+    return ae(async () => {
+      if (!r.allFormats)
+        return;
+      const t = [
+        "RECENT",
+        "STANDARD",
+        "EUROPEAN",
+        "AMERICAN"
+      ], l = r.allFormats.filter((o) => r.initialSelectedPattern === o.format).filter(
+        (o) => (
+          // if the type switch is hidden, filter to only formats with the same type
+          r.selectedType === o.temporalType || r.showTypeSwitch
+        )
+      ).sort((o, c) => {
+        const b = t.indexOf(o.category), B = t.indexOf(c.category);
+        return b - B;
+      });
+      if (l.length > 0) {
+        const o = l[0].format, c = l[0].temporalType, b = l[0].category;
+        await U(o, c, b);
+        const B = i.value.findIndex(
+          (J) => J.format === o
+        );
+        s.value = {
+          format: o,
+          index: B,
+          category: b,
+          temporalType: c
+        };
+      }
+      H(() => D.value = !0);
+    }), se(() => D.value = !1), (t, l) => (m(), M(T(fe), {
+      active: D.value,
+      "onUpdate:active": l[3] || (l[3] = (o) => D.value = o),
+      "initial-focus": () => y.value ?? !1
+    }, {
+      default: K(() => [
+        v("div", Pe, [
+          e.showTypeSwitch ? (m(), M(z, {
+            key: 0,
+            id: "selectedFormatType",
+            ref: "typeSwitchRef",
+            modelValue: p.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => p.value = o),
+            compact: "",
+            "possible-values": E.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"])) : S("", !0),
+          I(z, {
+            id: "selectedFormatStandard",
+            ref: "standardSwitchRef",
+            modelValue: d.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => d.value = o),
+            compact: "",
+            "possible-values": V.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"]),
+          v("div", Ne, [
+            v("div", {
+              id: "dateFormats",
+              ref_key: "formatContainerRef",
+              ref: y,
+              class: "formats-container",
+              tabindex: "0",
+              role: "menu",
+              onKeydown: l[2] || (l[2] = //@ts-ignore
+              (...o) => T(N) && T(N)(...o))
+            }, [
+              i.value === null ? (m(), f("div", Oe, [
+                I(Ie, { class: "loading-spinner" })
+              ])) : i.value.length === 0 ? (m(), f("div", Ue, " No formats available ")) : (m(!0), f(A, { key: 2 }, W(i.value, (o, c) => (m(), f("div", {
+                key: F(o),
+                ref_for: !0,
+                ref: j(o),
+                class: k([{
+                  highlighted: c === T(P),
+                  applied: c === s.value?.index && o.category === s.value.category && o.temporalType === s.value.temporalType
+                }, "single-format"]),
+                role: "menuitem",
+                onClick: () => n("commit", _(o))
+              }, [
+                v("span", Le, C(o.format), 1),
+                v("span", We, C(o.example), 1)
+              ], 10, He))), 128))
+            ], 544)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["active", "initial-focus"]));
+  }
+}), Ke = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-8bb40d8b"]]), je = { class: "input-fields" }, Qe = ["disabled"], qe = {
+  key: 0,
+  class: "invalid-marker"
+}, Ge = ["disabled"], Je = {}, Xe = /* @__PURE__ */ x({
+  ...Je,
+  __name: "DateTimeFormatInput",
+  props: /* @__PURE__ */ ue({
+    disabled: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: !1 },
+    isValid: { type: Boolean, default: !0 },
+    allDefaultFormats: {},
+    allowedTypes: { default: () => [
+      "DATE",
+      "TIME",
+      "DATE_TIME",
+      "ZONED_DATE_TIME"
+    ] },
+    showTypeSwitchInPopover: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {
+      default: {
+        format: "yyyy-MM-dd",
+        temporalType: "DATE"
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const a = e, n = ne(e, "modelValue"), r = g({
+      get: () => n.value.format,
+      set: (y) => {
+        n.value = {
+          ...n.value,
+          format: y
+        };
+      }
+    }), V = "Format like 'yyyy-MM-dd'", E = g(() => a.isValid), s = w(null), u = w(null), d = w(!1), p = (y) => {
+      n.value = y, d.value = !1;
+    };
+    me(u, () => d.value = !1, {
+      ignore: [s]
+    });
+    const { floatingStyles: i } = ye(
+      s,
+      u,
+      {
+        middleware: [
+          ge({
+            mainAxis: 2,
+            crossAxis: 0
+          }),
+          Te(),
+          be({
+            mainAxis: !0,
+            crossAxis: !1
+          })
+        ],
+        placement: "top-end",
+        whileElementsMounted: he
+      }
+    );
+    return (y, h) => (m(), f("div", null, [
+      v("div", {
+        class: k(["wrapper", { disabled: e.disabled, compact: e.compact }])
+      }, [
+        v("span", je, [
+          ie(v("input", {
+            "onUpdate:modelValue": h[0] || (h[0] = (F) => r.value = F),
+            type: "text",
+            disabled: e.disabled,
+            placeholder: V,
+            spellcheck: "false",
+            onFocus: h[1] || (h[1] = (F) => d.value = !1)
+          }, null, 40, Qe), [
+            [de, r.value]
+          ]),
+          E.value ? S("", !0) : (m(), f("span", qe)),
+          v("button", {
+            ref_key: "togglePopoverButtonRef",
+            ref: s,
+            class: k(["trigger-popover-button", { active: d.value }]),
+            disabled: e.disabled,
+            onClick: h[2] || (h[2] = (F) => d.value = !d.value)
+          }, [
+            I(T(ke))
+          ], 10, Ge)
+        ])
+      ], 2),
+      d.value ? (m(), f("div", {
+        key: 0,
+        ref_key: "floatingPopoverRef",
+        ref: u,
+        class: "popover",
+        style: re(T(i))
+      }, [
+        I(Ke, {
+          "all-formats": e.allDefaultFormats,
+          "initial-selected-pattern": n.value.format,
+          "selected-type": n.value.temporalType,
+          "show-type-switch": e.showTypeSwitchInPopover,
+          onCommit: p,
+          onCancel: h[3] || (h[3] = (F) => d.value = !1)
+        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
+      ], 4)) : S("", !0)
+    ]));
+  }
+}), Ye = /* @__PURE__ */ $(Xe, [["__scopeId", "data-v-1577d5ce"]]), et = ["id"], tt = /* @__PURE__ */ x({
+  __name: "DateTimeFormatPickerWithTypeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const a = e, n = g(
+      () => a.control.uischema
+    ), r = g(() => n.value.options), V = g(() => r.value?.allowedFormats), E = pe(n, "dateTimeFormats"), s = [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ], u = g({
+      get: () => a.control.data,
+      set: (p) => {
+        a.changeValue(p);
+      }
+    }), d = g({
+      get: () => u.value.temporalType,
+      set: (p) => {
+        u.value = {
+          ...u.value,
+          temporalType: p
+        };
+      }
+    });
+    return (p, i) => (m(), f("div", {
+      id: e.labelForId,
+      class: "control-container"
+    }, [
+      I(T(z), {
+        modelValue: d.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (y) => d.value = y),
+        compact: "",
+        "possible-values": s,
+        disabled: e.disabled
+      }, null, 8, ["modelValue", "disabled"]),
+      I(T(Ye), {
+        modelValue: u.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (y) => u.value = y),
+        compact: "",
+        disabled: e.disabled,
+        "show-type-switch-in-popover": !1,
+        "allowed-formats": V.value,
+        "all-default-formats": T(E),
+        "is-valid": !0
+      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
+    ], 8, et));
+  }
+}), st = /* @__PURE__ */ $(tt, [["__scopeId", "data-v-8517cafd"]]);
+export {
+  st as default
+};

package/dist/{DropdownControl-C5lnjQYg.js → DropdownControl-DEggcwK1.js}

@@ -1,6 +1,6 @@
 import { defineComponent as l, toRef as n, openBlock as t, createBlock as i, unref as d } from "vue";
-import { u as r } from "./usePossibleValues--Oc7RF2X.js";
-import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CIHUkMU_.js";
+import { u as r } from "./usePossibleValues-CGt7yrJ6.js";
+import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-Cir2ym2M.js";
 const f = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {

package/dist/{ExecutorCoresControl-CfgW_CAA.js → ExecutorCoresControl-CvCVcaHM.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, computed as e, openBlock as p, createBlock as m, mergeProps as h } from "vue";
-import { R as v } from "./ResourceControlBase-Dc_hzlRC.js";
+import { R as v } from "./ResourceControlBase-ZMTuwwL2.js";
 const g = /* @__PURE__ */ d({
   __name: "ExecutorCoresControl",
   props: {

package/dist/{ExecutorMemoryControl-DQ5K142Z.js → ExecutorMemoryControl-CpbVJNq4.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as o, openBlock as r, createBlock as d, mergeProps as p } from "vue";
-import { R as m } from "./ResourceControlBase-Dc_hzlRC.js";
+import { R as m } from "./ResourceControlBase-ZMTuwwL2.js";
 const v = /* @__PURE__ */ i({
   __name: "ExecutorMemoryControl",
   props: {