@knime/jsonforms 1.5.8 → 1.5.10

package/dist/DateTimeFormatPickerControl-CtJk8jQF.js

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