@knime/jsonforms 1.8.6 → 1.8.7

package/dist/DateControl-BFs-mHV0.js

@@ -0,0 +1,34 @@
+import { defineComponent as d, computed as i, openBlock as r, createBlock as s, unref as u } from "vue";
+import { f as m, t as p, D as c } from "./localTimeUtils-BfovHvC0.js";
+const b = /* @__PURE__ */ d({
+  __name: "DateControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(l) {
+    const o = l, t = i({
+      get: () => p(o.control.data),
+      set: (e) => o.changeValue(m(e))
+    });
+    return (e, a) => (r(), s(u(c), {
+      id: e.labelForId,
+      modelValue: t.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
+      "two-lines": "",
+      required: !0,
+      "show-time": !1,
+      compact: "",
+      disabled: e.disabled,
+      timezone: "UTC"
+    }, null, 8, ["id", "modelValue", "disabled"]));
+  }
+});
+export {
+  b as default
+};

package/dist/DateTimeControl-06lr5z6U.js

@@ -0,0 +1,44 @@
+import { defineComponent as r, computed as a, openBlock as c, createBlock as p, unref as v } from "vue";
+import { t as i, f as h, D as f } from "./localTimeUtils-BfovHvC0.js";
+const T = /* @__PURE__ */ r({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(m) {
+    const l = m, e = a(() => l.control.uischema.options), s = a(
+      () => e.value?.minimum ? i(e.value.minimum) : null
+    ), u = a(
+      () => e.value?.maximum ? i(e.value.maximum) : null
+    ), n = a({
+      get: () => i(l.control.data),
+      set: (o) => l.changeValue(h(o))
+    });
+    return (o, t) => (c(), p(v(f), {
+      id: o.labelForId,
+      modelValue: n.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
+      "two-lines": "",
+      required: !0,
+      "show-time": e.value?.showTime,
+      "show-seconds": e.value?.showSeconds,
+      "show-milliseconds": e.value?.showMilliseconds,
+      timezone: "UTC",
+      "date-format": e.value?.dateFormat,
+      min: s.value,
+      max: u.value,
+      "is-valid": o.isValid,
+      compact: "",
+      disabled: o.disabled
+    }, null, 8, ["id", "modelValue", "show-time", "show-seconds", "show-milliseconds", "date-format", "min", "max", "is-valid", "disabled"]));
+  }
+});
+export {
+  T as default
+};

package/dist/DateTimeFormatInput-DdoDuQgr.js

@@ -0,0 +1,375 @@
+import { openBlock as m, createElementBlock as y, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as z, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as k, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
+import { o as ne } from "./index-Bu8cAuLm.js";
+import { u as ie, a as re, o as de, s as ce, f as ue } from "./floating-ui.vue-CDo9Kas1.js";
+import { u as me, F as pe } from "./useDropdownNavigation-BfCXUheD.js";
+import { L as ve } from "./LoadingIcon-BK8jfTsz.js";
+import { V as $ } from "./ValueSwitch-BkHtM8g5.js";
+import { _ as U } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+const fe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ye(x, g) {
+  return m(), y("svg", fe, g[0] || (g[0] = [
+    p("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 he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-container-border-host" }, we = {
+  key: 0,
+  class: "no-formats-available"
+}, Ee = {
+  key: 1,
+  class: "no-formats-available"
+}, xe = ["onClick"], Fe = { class: "format-pattern" }, _e = { class: "format-preview" }, H = 1, ke = /* @__PURE__ */ O({
+  __name: "DateTimeFormatPickerPopover",
+  props: {
+    allFormats: {},
+    selectedType: {},
+    initialSelectedPattern: {},
+    showTypeSwitch: { type: Boolean }
+  },
+  emits: ["commit", "cancel"],
+  setup(x, { emit: g }) {
+    q((e) => ({
+      "3b9e5e3a": H
+    }));
+    const n = g, d = x, M = F(() => [
+      {
+        id: "RECENT",
+        text: "Recent"
+      },
+      {
+        id: "STANDARD",
+        text: "ISO"
+      },
+      {
+        id: "EUROPEAN",
+        text: "European"
+      },
+      {
+        id: "AMERICAN",
+        text: "United States"
+      }
+    ]), D = F(() => [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ]), i = f(null), h = f(null), a = f("RECENT"), u = f(d.selectedType);
+    z(
+      () => d.selectedType,
+      (e) => {
+        h.value = e;
+      }
+    );
+    const s = F(
+      () => d.allFormats?.filter(
+        (e) => e.category === a.value && e.temporalType === u.value
+      ) ?? null
+    ), r = f(null), c = G({}), T = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
+      c[T(e)] = t;
+    }, w = (e) => ({
+      format: e.format,
+      temporalType: e.temporalType
+    }), {
+      currentIndex: V,
+      onKeydown: S,
+      resetNavigation: K,
+      setElement: Z
+    } = me({
+      keepOpenedOnTab: !0,
+      getFirstElement: () => ({
+        index: 0,
+        onClick: () => n(
+          "commit",
+          w(s.value[0])
+        )
+      }),
+      getLastElement: () => {
+        const e = s.value.length - 1;
+        return {
+          index: e,
+          onClick: () => n(
+            "commit",
+            w(s.value[e])
+          )
+        };
+      },
+      getNextElement: (e, t) => {
+        if (e = e === null || e === -1 ? null : e, t === 1) {
+          const l = ((e ?? -1) + 1) % s.value.length;
+          return {
+            index: l,
+            onClick: () => n(
+              "commit",
+              w(s.value[l])
+            )
+          };
+        } else {
+          const l = ((e ?? 0) - 1 + s.value.length) % s.value.length;
+          return {
+            index: l,
+            onClick: () => n(
+              "commit",
+              w(s.value[l])
+            )
+          };
+        }
+      },
+      close: () => {
+        n("cancel");
+      }
+    }), W = (e) => {
+      const t = e.parentElement;
+      if (t && t.scrollHeight > t.clientHeight) {
+        const o = t.offsetTop + H, l = t.clientHeight + t.scrollTop, v = e.offsetTop + e.offsetHeight - o;
+        v > l ? t.scrollTop = v - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
+      }
+    }, A = (e) => {
+      const t = c[`${e}-${a.value}-${u.value}`];
+      t && W(t);
+    }, R = async (e, t, o) => {
+      u.value = t ?? u.value, a.value = o ?? a.value, await N(), h.value = e, A(e);
+      const l = s.value.findIndex(
+        (v) => v.format === e
+      );
+      Z({
+        index: l,
+        onClick: () => n(
+          "commit",
+          w(s.value[l])
+        )
+      });
+    };
+    z(V, (e) => {
+      if (e === null)
+        return;
+      const t = s.value?.[e]?.format;
+      t && A(t);
+    }), z([u, a], () => {
+      u.value === i.value?.temporalType && a.value === i.value?.category ? R(
+        i.value.format,
+        i.value.temporalType,
+        i.value.category
+      ) : (h.value = null, K());
+    });
+    const _ = f(!1);
+    return J(async () => {
+      if (!d.allFormats)
+        return;
+      const e = [
+        "RECENT",
+        "STANDARD",
+        "EUROPEAN",
+        "AMERICAN"
+      ], t = d.allFormats.filter((o) => d.initialSelectedPattern === o.format).filter(
+        (o) => (
+          // if the type switch is hidden, filter to only formats with the same type
+          d.selectedType === o.temporalType || d.showTypeSwitch
+        )
+      ).sort((o, l) => {
+        const v = e.indexOf(o.category), b = e.indexOf(l.category);
+        return v - b;
+      });
+      if (t.length > 0) {
+        const o = t[0].format, l = t[0].temporalType, v = t[0].category;
+        await R(o, l, v);
+        const b = s.value.findIndex(
+          (j) => j.format === o
+        );
+        i.value = {
+          format: o,
+          index: b,
+          category: v,
+          temporalType: l
+        };
+      }
+      N(() => _.value = !0);
+    }), Q(() => _.value = !1), (e, t) => (m(), P(E(pe), {
+      active: _.value,
+      "onUpdate:active": t[3] || (t[3] = (o) => _.value = o),
+      "initial-focus": () => r.value ?? !1
+    }, {
+      default: X(() => [
+        p("div", Te, [
+          e.showTypeSwitch ? (m(), P($, {
+            key: 0,
+            id: "selectedFormatType",
+            ref: "typeSwitchRef",
+            modelValue: u.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => u.value = o),
+            compact: "",
+            "possible-values": D.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
+          k($, {
+            id: "selectedFormatStandard",
+            ref: "standardSwitchRef",
+            modelValue: a.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => a.value = o),
+            compact: "",
+            "possible-values": M.value,
+            class: "filter-switch"
+          }, null, 8, ["modelValue", "possible-values"]),
+          p("div", ge, [
+            p("div", {
+              id: "dateFormats",
+              ref_key: "formatContainerRef",
+              ref: r,
+              class: "formats-container",
+              tabindex: "0",
+              role: "menu",
+              onKeydown: t[2] || (t[2] = //@ts-ignore
+              (...o) => E(S) && E(S)(...o))
+            }, [
+              s.value === null ? (m(), y("div", we, [
+                k(ve, { class: "loading-spinner" })
+              ])) : s.value.length === 0 ? (m(), y("div", Ee, " No formats available ")) : (m(!0), y(Y, { key: 2 }, ee(s.value, (o, l) => (m(), y("div", {
+                key: T(o),
+                ref_for: !0,
+                ref: L(o),
+                class: I([{
+                  highlighted: l === E(V),
+                  applied: l === i.value?.index && o.category === i.value.category && o.temporalType === i.value.temporalType
+                }, "single-format"]),
+                role: "menuitem",
+                onClick: () => n("commit", w(o))
+              }, [
+                p("span", Fe, B(o.format), 1),
+                p("span", _e, B(o.example), 1)
+              ], 10, xe))), 128))
+            ], 544)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["active", "initial-focus"]));
+  }
+}), Me = /* @__PURE__ */ U(ke, [["__scopeId", "data-v-8bb40d8b"]]), De = { class: "input-fields" }, be = ["disabled"], ze = {
+  key: 0,
+  class: "invalid-marker"
+}, Ce = ["disabled"], Ie = {}, Ve = /* @__PURE__ */ O({
+  ...Ie,
+  __name: "DateTimeFormatInput",
+  props: /* @__PURE__ */ se({
+    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(x) {
+    const g = x, n = te(x, "modelValue"), d = F({
+      get: () => n.value.format,
+      set: (r) => {
+        n.value = {
+          ...n.value,
+          format: r
+        };
+      }
+    }), M = "Format like 'yyyy-MM-dd'", D = F(() => g.isValid), i = f(null), h = f(null), a = f(!1), u = (r) => {
+      n.value = r, a.value = !1;
+    };
+    ne(h, () => a.value = !1, {
+      ignore: [i]
+    });
+    const { floatingStyles: s } = ie(
+      i,
+      h,
+      {
+        middleware: [
+          de({
+            mainAxis: 2,
+            crossAxis: 0
+          }),
+          ce(),
+          ue({
+            mainAxis: !0,
+            crossAxis: !1
+          })
+        ],
+        placement: "top-end",
+        whileElementsMounted: re
+      }
+    );
+    return (r, c) => (m(), y("div", null, [
+      p("div", {
+        class: I(["wrapper", { disabled: r.disabled, compact: r.compact }])
+      }, [
+        p("span", De, [
+          oe(p("input", {
+            "onUpdate:modelValue": c[0] || (c[0] = (T) => d.value = T),
+            type: "text",
+            disabled: r.disabled,
+            placeholder: M,
+            spellcheck: "false",
+            onFocus: c[1] || (c[1] = (T) => a.value = !1)
+          }, null, 40, be), [
+            [le, d.value]
+          ]),
+          D.value ? C("", !0) : (m(), y("span", ze)),
+          p("button", {
+            ref_key: "togglePopoverButtonRef",
+            ref: i,
+            class: I(["trigger-popover-button", { active: a.value }]),
+            disabled: r.disabled,
+            onClick: c[2] || (c[2] = (T) => a.value = !a.value)
+          }, [
+            k(E(he))
+          ], 10, Ce)
+        ])
+      ], 2),
+      a.value ? (m(), y("div", {
+        key: 0,
+        ref_key: "floatingPopoverRef",
+        ref: h,
+        class: "popover",
+        style: ae(E(s))
+      }, [
+        k(Me, {
+          "all-formats": r.allDefaultFormats,
+          "initial-selected-pattern": n.value.format,
+          "selected-type": n.value.temporalType,
+          "show-type-switch": r.showTypeSwitchInPopover,
+          onCommit: u,
+          onCancel: c[3] || (c[3] = (T) => a.value = !1)
+        }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
+      ], 4)) : C("", !0)
+    ]));
+  }
+}), He = /* @__PURE__ */ U(Ve, [["__scopeId", "data-v-1577d5ce"]]);
+export {
+  He as D
+};

package/dist/DateTimeFormatPickerControl-BNNUwWoq.js

@@ -0,0 +1,40 @@
+import { defineComponent as p, computed as o, openBlock as c, createBlock as f, unref as r } from "vue";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+import { D as v } from "./DateTimeFormatInput-DdoDuQgr.js";
+const b = /* @__PURE__ */ p({
+  __name: "DateTimeFormatPickerControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(s) {
+    const a = s, t = o(
+      () => a.control.uischema
+    ), d = o(() => t.value.options), m = o(() => d.value?.allowedFormats), i = F(t, "dateTimeFormats"), l = o({
+      get: () => ({
+        format: a.control.data,
+        temporalType: "DATE"
+      }),
+      set: (e) => a.changeValue(e.format)
+    });
+    return (e, n) => (c(), f(r(v), {
+      id: e.labelForId,
+      modelValue: l.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u),
+      compact: "",
+      disabled: e.disabled,
+      "show-type-switch-in-popover": !0,
+      "allowed-formats": m.value,
+      "all-default-formats": r(i),
+      "is-valid": !0
+    }, null, 8, ["id", "modelValue", "disabled", "allowed-formats", "all-default-formats"]));
+  }
+});
+export {
+  b as default
+};

package/dist/{DateTimeFormatPickerWithTypeControl-C--0viWF.js → DateTimeFormatPickerWithTypeControl-tieZcjif.js}

@@ -1,8 +1,8 @@
-import { defineComponent as f, computed as t, openBlock as v, createElementBlock as T, createVNode as r, unref as d } from "vue";
-import { u as V, _ as b } from "./SettingsSubPanel.vue_vue_type_style_index_1_lang-BEdJP1y9.js";
-import { V as y } from "./ValueSwitch-DdQ5SvYw.js";
-import { D as F } from "./DateTimeFormatInput-DlMvNNcx.js";
-const h = ["id"], D = /* @__PURE__ */ f({
+import { defineComponent as v, computed as t, openBlock as T, createElementBlock as V, createVNode as r, unref as d } from "vue";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BLqdGTB-.js";
+import { V as h } from "./ValueSwitch-BkHtM8g5.js";
+import { D as y } from "./DateTimeFormatInput-DdoDuQgr.js";
+const D = ["id"], _ = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {
     control: {},
@@ -14,16 +14,9 @@ const h = ["id"], D = /* @__PURE__ */ f({
     labelForId: {}
   },
   setup(m) {
-    const l = m, i = t(() => l.control.uischema.options), u = t(() => {
-      var e;
-      return (e = i.value) == null ? void 0 : e.allowedFormats;
-    }), p = V(
-      t(() => {
-        var e;
-        return (e = i.value) == null ? void 0 : e.formatProvider;
-      }),
-      null
-    ), c = [
+    const l = m, i = t(
+      () => l.control.uischema
+    ), u = t(() => i.value.options), p = t(() => u.value?.allowedFormats), c = F(i, "dateTimeFormats"), f = [
       {
         id: "DATE",
         text: "Date"
@@ -54,30 +47,30 @@ const h = ["id"], D = /* @__PURE__ */ f({
         };
       }
     });
-    return (e, a) => (v(), T("div", {
+    return (e, a) => (T(), V("div", {
       id: e.labelForId,
       class: "control-container"
     }, [
-      r(d(y), {
+      r(d(h), {
         modelValue: n.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
         compact: "",
-        "possible-values": c,
+        "possible-values": f,
         disabled: e.disabled
       }, null, 8, ["modelValue", "disabled"]),
-      r(d(F), {
+      r(d(y), {
         modelValue: o.value,
         "onUpdate:modelValue": a[1] || (a[1] = (s) => o.value = s),
         compact: "",
         disabled: e.disabled,
         "show-type-switch-in-popover": !1,
-        "allowed-formats": u.value,
-        "all-default-formats": d(p),
+        "allowed-formats": p.value,
+        "all-default-formats": d(c),
         "is-valid": !0
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
-    ], 8, h));
+    ], 8, D));
   }
-}), g = /* @__PURE__ */ b(D, [["__scopeId", "data-v-1e917bc2"]]);
+}), B = /* @__PURE__ */ b(_, [["__scopeId", "data-v-8517cafd"]]);
 export {
-  g as default
+  B as default
 };