@knime/jsonforms 1.3.3 → 1.3.4

package/dist/DateTimeFormatPickerControl-DNEwM4ca.js

@@ -1,392 +0,0 @@
-import { openBlock as p, createElementBlock as T, createElementVNode as c, defineComponent as I, computed as F, ref as _, reactive as J, watch as A, onMounted as Q, createVNode as u, withCtx as x, withKeys as N, withModifiers as X, normalizeStyle as L, unref as b, Fragment as Y, renderList as ee, normalizeClass as z, toDisplayString as R, createTextVNode as te, nextTick as P, pushScopeId as oe, popScopeId as ae, mergeModels as B, useModel as le, withDirectives as se, vModelText as ne, createCommentVNode as O, createBlock as ie } from "vue";
-import { n as M, _ as K, u as re } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-Cnf1NQ_I.js";
-import { o as de } from "./index-CkuSIXs2.js";
-import { u as ce, o as me, s as ue, f as pe, a as fe } from "./floating-ui.vue.esm-B1dY_Hbh.js";
-import { u as ve } from "./useDropdownNavigation-D6ZenVxz.js";
-import { F as ye } from "./FunctionButton-DdJAkJsm.js";
-import { L as he } from "./svgWithTitle-DcZmbuza.js";
-import { T as Te } from "./Tooltip-CDnPksH1.js";
-import { V as U } from "./ValueSwitch-D7c7AXNY.js";
-const ge = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-}, _e = /* @__PURE__ */ c("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), Fe = [
-  _e
-];
-function we(m, E) {
-  return p(), T("svg", ge, [...Fe]);
-}
-const be = { render: we }, Ee = (m) => (oe("data-v-8fe9c5e5"), m = m(), ae(), m), De = { class: "popover" }, xe = /* @__PURE__ */ Ee(() => /* @__PURE__ */ c("h2", { class: "title" }, "Date & Time Formats", -1)), ke = { class: "switch-with-title" }, Ve = { class: "switch-with-title" }, Ce = { class: "date-format-input" }, Me = {
-  key: 0,
-  class: "no-formats-available"
-}, ze = {
-  key: 1,
-  class: "no-formats-available"
-}, Ie = ["onClick", "onDblclick"], Se = { class: "format-pattern" }, $e = { class: "format-preview" }, Ae = { class: "commit-button-container" }, H = 1, Ne = /* @__PURE__ */ I({
-  __name: "DateTimeFormatPickerPopover",
-  props: {
-    allFormats: {},
-    allowedTypes: {},
-    initialSelectedPattern: {}
-  },
-  emits: ["commit", "cancel"],
-  setup(m, { emit: E }) {
-    const n = E, f = m, v = [
-      {
-        id: "DATE",
-        text: "Date"
-      },
-      {
-        id: "TIME",
-        text: "Time"
-      },
-      {
-        id: "DATE_TIME",
-        text: "Date & Time"
-      },
-      {
-        id: "ZONED_DATE_TIME",
-        text: "Date & Time & Zone"
-      }
-    ], i = F(
-      () => v.filter(
-        (e) => f.allowedTypes.includes(e.id)
-      )
-    ), k = F(() => [
-      {
-        id: "RECENT",
-        text: "Recent"
-      },
-      {
-        id: "STANDARD",
-        text: "Standard"
-      },
-      {
-        id: "EUROPEAN",
-        text: "European"
-      },
-      {
-        id: "AMERICAN",
-        text: "United States"
-      }
-    ]), y = _(null), D = F(
-      () => y.value ? "" : "No format selected"
-    ), l = _("DATE"), h = _("RECENT"), s = F(() => {
-      var o;
-      const e = h.value, t = l.value;
-      return ((o = f.allFormats) == null ? void 0 : o.filter(
-        (a) => a.category === e && a.temporalType === t
-      )) ?? null;
-    }), r = _(null), d = J({}), g = (e) => `${e.format}-${e.category}-${e.temporalType}`, Z = (e) => (t) => {
-      d[g(e)] = t;
-    }, { currentIndex: V, onKeydown: S, resetNavigation: j } = ve({
-      keepOpenedOnTab: !0,
-      getFirstElement: () => ({
-        index: 0,
-        onClick: () => n("commit", s.value[0].format)
-      }),
-      getLastElement: () => {
-        const e = s.value.length - 1;
-        return {
-          index: e,
-          onClick: () => n("commit", s.value[e].format)
-        };
-      },
-      getNextElement: (e, t) => {
-        if (e = e === null || e === -1 ? null : e, t === 1) {
-          const a = ((e ?? -1) + 1) % s.value.length;
-          return {
-            index: a,
-            onClick: () => n("commit", s.value[a].format)
-          };
-        } else {
-          const a = ((e ?? 0) - 1 + s.value.length) % s.value.length;
-          return {
-            index: a,
-            onClick: () => n("commit", s.value[a].format)
-          };
-        }
-      },
-      close: () => {
-        n("cancel");
-      }
-    }), W = (e) => {
-      const t = e.parentElement;
-      if (t && t.scrollHeight > t.clientHeight) {
-        const o = t.offsetTop + H, a = t.clientHeight + t.scrollTop, w = e.offsetTop + e.offsetHeight - o;
-        w > a ? t.scrollTop = w - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
-      }
-    }, $ = async (e, t, o) => {
-      l.value = t ?? l.value, h.value = o ?? h.value, await P(), y.value = e;
-      const a = d[`${e}-${h.value}-${l.value}`];
-      a && W(a);
-      const w = s.value.findIndex(
-        (C) => C.format === e
-      );
-      V.value = w;
-    }, q = async () => {
-      var e;
-      await P(), (e = r.value) == null || e.focus();
-    };
-    A(V, (e) => {
-      if (e === null)
-        return;
-      const t = s.value[e];
-      $(t.format, t.temporalType, t.category);
-    }), A([l, h], () => {
-      y.value = null, j();
-    });
-    const G = _(!1);
-    return Q(() => {
-      if (!f.allFormats)
-        return;
-      const e = [
-        "RECENT",
-        "STANDARD",
-        "EUROPEAN",
-        "AMERICAN"
-      ], t = f.allFormats.filter((o) => f.initialSelectedPattern === o.format).sort((o, a) => {
-        const w = e.indexOf(o.category), C = e.indexOf(a.category);
-        return w - C;
-      });
-      t.length > 0 && $(
-        t[0].format,
-        t[0].temporalType,
-        t[0].category
-      ), q(), setTimeout(() => {
-        G.value = !0;
-      }, 0);
-    }), (e, t) => (p(), T("div", De, [
-      xe,
-      c("div", ke, [
-        u(M, {
-          class: "control-title",
-          text: "Type",
-          for: "selectedFormatType"
-        }, {
-          default: x(() => [
-            u(U, {
-              id: "selectedFormatType",
-              modelValue: l.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o),
-              compact: "",
-              "possible-values": i.value,
-              onKeydown: t[1] || (t[1] = N(X((o) => n("cancel"), ["shift"]), ["tab"]))
-            }, null, 8, ["modelValue", "possible-values"])
-          ]),
-          _: 1
-        })
-      ]),
-      c("div", Ve, [
-        u(M, {
-          class: "control-title",
-          text: "Standard",
-          for: "selectedFormatStandard"
-        }, {
-          default: x(() => [
-            u(U, {
-              id: "selectedFormatStandard",
-              modelValue: h.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (o) => h.value = o),
-              compact: "",
-              "possible-values": k.value
-            }, null, 8, ["modelValue", "possible-values"])
-          ]),
-          _: 1
-        })
-      ]),
-      c("div", Ce, [
-        u(M, {
-          class: "control-title",
-          text: "Date formats",
-          for: "dateFormats"
-        }, {
-          default: x(() => [
-            c("div", {
-              id: "dateFormats",
-              ref_key: "formatContainerRef",
-              ref: r,
-              class: "formats-container",
-              style: L({ "--formats-container-border-width": H + "px" }),
-              tabindex: "0",
-              role: "menu",
-              onKeydown: t[3] || (t[3] = //@ts-ignore
-              (...o) => b(S) && b(S)(...o))
-            }, [
-              s.value === null ? (p(), T("div", Me, [
-                u(he, { class: "loading-spinner" })
-              ])) : s.value.length === 0 ? (p(), T("div", ze, " No formats available ")) : (p(!0), T(Y, { key: 2 }, ee(s.value, (o, a) => (p(), T("div", {
-                key: g(o),
-                ref_for: !0,
-                ref: Z(o),
-                class: z([{ selected: a === b(V) }, "single-format"]),
-                role: "menuitem",
-                onClick: (w) => V.value = a,
-                onDblclick: () => n("commit", o.format)
-              }, [
-                c("span", Se, R(o.format), 1),
-                c("span", $e, R(o.example), 1)
-              ], 42, Ie))), 128))
-            ], 36)
-          ]),
-          _: 1
-        })
-      ]),
-      c("div", Ae, [
-        u(Te, { text: D.value }, {
-          default: x(() => [
-            u(ye, {
-              primary: "",
-              class: "commit-button",
-              disabled: !y.value,
-              onKeydown: t[4] || (t[4] = N((o) => o.shiftKey || n("cancel"), ["tab"])),
-              onClick: t[5] || (t[5] = () => {
-                n("commit", y.value);
-              })
-            }, {
-              default: x(() => [
-                te("Set format")
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ])
-    ]));
-  }
-}), Re = /* @__PURE__ */ K(Ne, [["__scopeId", "data-v-8fe9c5e5"]]), Pe = { class: "input-fields" }, Be = ["disabled"], Oe = {
-  key: 0,
-  class: "invalid-marker"
-}, Ue = ["disabled"], He = {}, Le = /* @__PURE__ */ I({
-  ...He,
-  __name: "DateTimeFormatInput",
-  props: /* @__PURE__ */ B({
-    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"
-    ] }
-  }, {
-    modelValue: {
-      default: "yyyy-MM-dd"
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ B(["committed"], ["update:modelValue"]),
-  setup(m, { emit: E }) {
-    const n = E, f = m, v = le(m, "modelValue"), i = "Format like 'yyyy-MM-dd'", k = F(() => f.isValid), y = _(null), D = _(null), l = _(!1), h = (r) => {
-      v.value = r, l.value = !1, n("committed", r);
-    };
-    de(D, () => l.value = !1, {
-      ignore: [y]
-    });
-    const { floatingStyles: s } = ce(
-      y,
-      D,
-      {
-        middleware: [
-          me({
-            mainAxis: 2,
-            crossAxis: 0
-          }),
-          ue(),
-          pe({
-            mainAxis: !0,
-            crossAxis: !1
-          })
-        ],
-        placement: "top-end",
-        whileElementsMounted: fe
-      }
-    );
-    return (r, d) => (p(), T("div", null, [
-      c("div", {
-        class: z(["wrapper", { disabled: r.disabled, compact: r.compact }])
-      }, [
-        c("span", Pe, [
-          se(c("input", {
-            "onUpdate:modelValue": d[0] || (d[0] = (g) => v.value = g),
-            type: "text",
-            disabled: r.disabled,
-            placeholder: i,
-            spellcheck: "false",
-            onFocus: d[1] || (d[1] = (g) => l.value = !1),
-            onChange: d[2] || (d[2] = (g) => r.$emit("committed", v.value))
-          }, null, 40, Be), [
-            [ne, v.value]
-          ]),
-          k.value ? O("", !0) : (p(), T("span", Oe)),
-          c("button", {
-            ref_key: "togglePopoverButtonRef",
-            ref: y,
-            class: z(["trigger-popover-button", { active: l.value }]),
-            disabled: r.disabled,
-            onClick: d[3] || (d[3] = (g) => l.value = !l.value)
-          }, [
-            u(b(be))
-          ], 10, Ue)
-        ])
-      ], 2),
-      l.value ? (p(), T("div", {
-        key: 0,
-        ref_key: "floatingPopoverRef",
-        ref: D,
-        class: "popover",
-        style: L(b(s))
-      }, [
-        u(Re, {
-          "all-formats": r.allDefaultFormats,
-          "initial-selected-pattern": v.value,
-          "allowed-types": r.allowedTypes,
-          onCommit: h,
-          onCancel: d[4] || (d[4] = (g) => l.value = !1)
-        }, null, 8, ["all-formats", "initial-selected-pattern", "allowed-types"])
-      ], 4)) : O("", !0)
-    ]));
-  }
-}), Ke = /* @__PURE__ */ K(Le, [["__scopeId", "data-v-ce3e7e80"]]), et = /* @__PURE__ */ I({
-  __name: "DateTimeFormatPickerControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    labelForId: {}
-  },
-  setup(m) {
-    const E = m, n = F(() => E.control.uischema.options), f = F(() => {
-      var i;
-      return (i = n.value) == null ? void 0 : i.allowedFormats;
-    }), v = re(
-      F(() => {
-        var i;
-        return (i = n.value) == null ? void 0 : i.formatProvider;
-      }),
-      null
-    );
-    return (i, k) => (p(), ie(b(Ke), {
-      id: i.labelForId,
-      compact: "",
-      disabled: i.disabled,
-      "model-value": i.control.data,
-      "allowed-formats": f.value,
-      "all-default-formats": b(v),
-      "is-valid": !0,
-      "onUpdate:modelValue": i.changeValue
-    }, null, 8, ["id", "disabled", "model-value", "allowed-formats", "all-default-formats", "onUpdate:modelValue"]));
-  }
-});
-export {
-  et as default
-};

package/dist/Tooltip-CDnPksH1.js

@@ -1,24 +0,0 @@
-import { openBlock as e, createElementBlock as o, renderSlot as s, toDisplayString as n, createCommentVNode as c } from "vue";
-import { _ as a } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-Cnf1NQ_I.js";
-const i = {
-  name: "Tooltip",
-  props: {
-    text: {
-      type: String,
-      required: !0
-    }
-  }
-}, d = { class: "tooltip" }, p = {
-  key: 0,
-  class: "text"
-};
-function _(r, l, t, m, u, f) {
-  return e(), o("div", d, [
-    s(r.$slots, "default", {}, void 0, !0),
-    t.text ? (e(), o("span", p, n(t.text), 1)) : c("", !0)
-  ]);
-}
-const k = /* @__PURE__ */ a(i, [["render", _], ["__scopeId", "data-v-05123edc"]]);
-export {
-  k as T
-};