@knime/jsonforms 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/json-forms
 
+## 1.2.0
+
+### Minor Changes
+
+- b9fbc0d: Add dateTimeFormat renderer.
+
+## 1.1.1
+
+### Patch Changes
+
+- 4ea5008: Determine asyncSetup when wrapping async controls with addLabel
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/{AnyOfTwinlist-DZZsdDbi.js → AnyOfTwinlist-C9PjOPWq.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, openBlock as r, createBlock as t, mergeProps as p } from "vue";
 import { o as a } from "./index-C1PjXAJX.js";
-import s from "./SimpleTwinlistControl-D6pM3Frb.js";
+import s from "./SimpleTwinlistControl-B7_5VZBp.js";
 const f = /* @__PURE__ */ n({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{BaseButton-DrqwaFu5.js → BaseButton-DsgRdHJ1.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, useSlots as l, h as a, getCurrentInstance as c, openBlock as f, createBlock as p, resolveDynamicComponent as m, mergeProps as d, withCtx as h, renderSlot as C } from "vue";
-import { _ as k } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as k } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const u = () => {
   const t = c();
   return t == null ? void 0 : t.appContext.app;

package/dist/{Button-CFg6VAL2.js → Button-Dl7sS94Y.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, resolveComponent as a, openBlock as s, createBlock as n, normalizeClass as r, withCtx as l, renderSlot as d } from "vue";
-import { B as i } from "./BaseButton-DrqwaFu5.js";
-import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { B as i } from "./BaseButton-DsgRdHJ1.js";
+import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{Checkbox-BOrZsqeQ.js → Checkbox-DIhOb7S8.js}

@@ -1,5 +1,5 @@
 import { openBlock as i, createElementBlock as s, normalizeClass as o, createElementVNode as d, renderSlot as u } from "vue";
-import { _ as c } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as c } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-CNKTK-YM.js → CheckboxControl-cJBJv01E.js}

@@ -1,7 +1,7 @@
 import { defineComponent as n, ref as s, openBlock as d, createElementBlock as u, createVNode as l, unref as p, withCtx as i, createTextVNode as c, toDisplayString as m, renderSlot as t } from "vue";
-import { E as v } from "./ErrorMessage-DQmu89vK.js";
-import { C as b } from "./Checkbox-BOrZsqeQ.js";
-import { _ as f } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { E as v } from "./ErrorMessage-Czbh-f6c.js";
+import { C as b } from "./Checkbox-DIhOb7S8.js";
+import { _ as f } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const h = /* @__PURE__ */ n({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-B4Ulx7pj.js → Checkboxes-7iI-5ngD.js}

@@ -1,6 +1,6 @@
-import { C as c } from "./Checkbox-BOrZsqeQ.js";
+import { C as c } from "./Checkbox-DIhOb7S8.js";
 import { resolveComponent as u, openBlock as o, createElementBlock as s, normalizeClass as f, Fragment as m, renderList as h, createBlock as p, withCtx as x, createTextVNode as b, toDisplayString as V } from "vue";
-import { _ as y } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as y } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const _ = {
   name: "Checkboxes",
   components: {

package/dist/{CheckboxesControl-OnmSzBXg.js → CheckboxesControl-Bu0Jmr1-.js}

@@ -1,7 +1,7 @@
 import { defineComponent as t, computed as s, ref as c, onMounted as r, openBlock as d, createBlock as p, unref as u, createCommentVNode as m } from "vue";
 import { o as i } from "./index-C1PjXAJX.js";
-import { C as b } from "./Checkboxes-B4Ulx7pj.js";
-import { _ as h } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { C as b } from "./Checkboxes-7iI-5ngD.js";
+import { _ as h } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const f = /* @__PURE__ */ t({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColumnFilter-jEHzE7ve.js → ColumnFilter-D3FVDu7O.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e, openBlock as o, createBlock as t, mergeProps as l } from "vue";
-import r from "./TwinlistControl-BCM5Rueb.js";
+import r from "./TwinlistControl-Cq8jLHoR.js";
 const i = /* @__PURE__ */ e({
   __name: "ColumnFilter",
   props: {

package/dist/{ColumnSelect-JyCZ-rAz.js → ColumnSelect-CQsyASYZ.js}

@@ -1,8 +1,8 @@
 import { defineComponent as h, computed as b, watchEffect as v, watch as w, onMounted as y, openBlock as P, createBlock as g, mergeProps as C, unref as S, withCtx as u, renderSlot as p } from "vue";
 import { w as V } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
-import { k as _, u as D } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
-import { _ as F } from "./DropdownControl.vue_vue_type_script_setup_true_lang-VwOQiIqd.js";
-import { b as $ } from "./_baseIsEqual-Bi_edlXd.js";
+import { k as _, u as D } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
+import { _ as F } from "./DropdownControl.vue_vue_type_script_setup_true_lang-BoyqWufG.js";
+import { b as $ } from "./_baseIsEqual-9U8Drd5p.js";
 function E(s, t) {
   return $(s, t);
 }

package/dist/{ComboBoxControl-jhqK8iEu.js → ComboBoxControl-8kpO_iC2.js}

@@ -1,12 +1,12 @@
 import { resolveComponent as b, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as u, withModifiers as a, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as f, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as C, withCtx as O, createTextVNode as x, vShow as P, defineComponent as M, vModelText as z, computed as v, ref as B, onMounted as R, unref as N, createCommentVNode as U } from "vue";
 import { w as L } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
-import { _ as E, u as H } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as E, u as H } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 import { C as K } from "./close-h7XT0ja0.js";
-import { F as j } from "./FunctionButton-CoEVwv2a.js";
+import { F as j } from "./FunctionButton-23mIlhHT.js";
 /* empty css                   */
 import { u as W } from "./index-Cp7Xre_V.js";
 import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
-import { C as X } from "./Checkbox-BOrZsqeQ.js";
+import { C as X } from "./Checkbox-DIhOb7S8.js";
 import { c as q } from "./createMissingItem-B00Kg95q.js";
 const y = 1, J = 28.5, Q = 8, Y = {
   name: "Multiselect",

package/dist/{DateControl-B-IsBV0G.js → DateControl-D-8E4A0f.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
-import { D as t } from "./DateTimeInput-B__pWumE.js";
+import { D as t } from "./DateTimeInput-B_2U3C4E.js";
 const i = /* @__PURE__ */ o({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-CDOxlTDm.js → DateTimeControl-BvJz1e8_.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as p, createBlock as h, unref as v } from "vue";
-import { D as w } from "./DateTimeInput-B__pWumE.js";
+import { D as w } from "./DateTimeInput-B_2U3C4E.js";
 const F = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {

package/dist/DateTimeFormatPickerControl-C44lLlEw.js

@@ -0,0 +1,392 @@
+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-DBuk0vJL.js";
+import { o as de } from "./index-Cp7Xre_V.js";
+import { u as ce, o as me, s as ue, f as pe, a as fe } from "./floating-ui.vue.esm-CDpUY3-t.js";
+import { u as ve } from "./useDropdownNavigation-D6ZenVxz.js";
+import { F as ye } from "./FunctionButton-23mIlhHT.js";
+import { L as he } from "./svgWithTitle-vY-nYdFJ.js";
+import { T as Te } from "./Tooltip-HI4PpGqr.js";
+import { V as U } from "./ValueSwitch-DuhDiUEA.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/{DateTimeInput-B__pWumE.js → DateTimeInput-B_2U3C4E.js}

@@ -1,14 +1,14 @@
 import { resolveComponent as ze, openBlock as U, createElementBlock as R, normalizeClass as he, createElementVNode as q, createCommentVNode as ce, withModifiers as cr, createVNode as de, reactive as Cn, computed as T, defineComponent as Ke, ref as ye, watch as Ee, onMounted as ra, onUnmounted as xn, toRefs as fu, h as Pr, watchEffect as vu, provide as aa, inject as Yn, unref as S, createBlock as Fe, resolveDynamicComponent as In, normalizeProps as Yo, mergeProps as jt, renderSlot as Tt, normalizeStyle as hr, withKeys as ui, withCtx as Re, withDirectives as Io, toDisplayString as Le, nextTick as dr, Fragment as He, renderList as it, toRef as _a, Transition as So, createTextVNode as Sn, isRef as nr, guardReactiveProps as hu, resolveDirective as mu, toHandlers as Eo, pushScopeId as pu, popScopeId as gu } from "vue";
 import { c as yu } from "./popper-1JCni0RT.js";
-import { r as wu } from "./BaseButton-DrqwaFu5.js";
-import { D as bu } from "./Dropdown-C5rYAL4X.js";
+import { r as wu } from "./BaseButton-DsgRdHJ1.js";
+import { D as bu } from "./Dropdown-CtsETtJA.js";
 import { A as Du } from "./arrow-dropdown-DjUxzjqC.js";
 /* empty css                   */
-import { _ as No, o as na } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
-import { i as _u, a as Tu } from "./toString-FiiQWhxG.js";
-import { b as Mu } from "./_baseIteratee-bVzVDPMQ.js";
-import { b as $u } from "./_baseEach-4Fnopd4x.js";
-import { a as Pu } from "./_getTag-C-V1gX3V.js";
+import { _ as No, q as na } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
+import { i as _u, a as Tu } from "./toString-BzOQsbuj.js";
+import { b as Mu } from "./_baseIteratee-CFj6YFWe.js";
+import { b as $u } from "./_baseEach-Bv6ruBhc.js";
+import { a as Pu } from "./_getTag-DMEK5a4t.js";
 function ot(e) {
   "@babel/helpers - typeof";
   return ot = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {

package/dist/{Dropdown-C5rYAL4X.js → Dropdown-CtsETtJA.js}

@@ -3,10 +3,10 @@ import { A as pe } from "./arrow-dropdown-DjUxzjqC.js";
 import { C as he } from "./close-h7XT0ja0.js";
 /* empty css                   */
 import { u as me } from "./useSearch-hpyYQ_6y.js";
-import { F as ge } from "./FunctionButton-CoEVwv2a.js";
-import { a as ye, b as we, d as ve, f as xe, g as Ve, h as be, j as Ee } from "./_getTag-C-V1gX3V.js";
-import { i as Se } from "./toString-FiiQWhxG.js";
-import { _ as Ce } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { F as ge } from "./FunctionButton-23mIlhHT.js";
+import { a as ye, b as we, d as ve, f as xe, g as Ve, h as be, j as Ee } from "./_getTag-DMEK5a4t.js";
+import { i as Se } from "./toString-BzOQsbuj.js";
+import { _ as Ce } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 var ke = "[object Map]", Oe = "[object Set]", Ie = Object.prototype, De = Ie.hasOwnProperty;
 function _e(e) {
   if (e == null)

package/dist/{DropdownControl-Cps-ye39.js → DropdownControl-DrPJ62Bv.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./DropdownControl.vue_vue_type_script_setup_true_lang-VwOQiIqd.js";
+import { _ as f } from "./DropdownControl.vue_vue_type_script_setup_true_lang-BoyqWufG.js";
 export {
   f as default
 };

package/dist/{DropdownControl.vue_vue_type_script_setup_true_lang-VwOQiIqd.js → DropdownControl.vue_vue_type_script_setup_true_lang-BoyqWufG.js}

@@ -1,14 +1,14 @@
 import { defineComponent as E, computed as p, openBlock as V, createBlock as y, unref as m, mergeProps as A, withCtx as f, createCommentVNode as I, ref as S, onMounted as G, onBeforeUnmount as J, normalizeProps as Q, renderSlot as x } from "vue";
 import "./index-BrIvBSNK-BRWnkVln.js";
-import { _ as X, k as w, u as Y, L as Z } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as X, k as w, u as Y, L as Z } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 import { w as j } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
 import { u as ee } from "./useHideOnNull-CCfNP3O7.js";
-import { D as oe } from "./Dropdown-C5rYAL4X.js";
-import { L as ne } from "./svgWithTitle-CnaxBHlP.js";
-import { b as te } from "./_baseAssignValue-vwpxCmUr.js";
-import { e as ae, c as le, t as se, i as re } from "./_getTag-C-V1gX3V.js";
+import { D as oe } from "./Dropdown-CtsETtJA.js";
+import { L as ne } from "./svgWithTitle-vY-nYdFJ.js";
+import { b as te } from "./_baseAssignValue-DOVkVeo5.js";
+import { e as ae, c as le, t as se, i as re } from "./_getTag-DMEK5a4t.js";
 import { i as N } from "./isObject-B53jY8Qg.js";
-import { C as ie } from "./Checkbox-BOrZsqeQ.js";
+import { C as ie } from "./Checkbox-DIhOb7S8.js";
 var ue = Object.prototype, ce = ue.hasOwnProperty;
 function de(o, e, l) {
   var s = o[e];

package/dist/{ErrorMessage-DQmu89vK.js → ErrorMessage-Czbh-f6c.js}

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as s, toDisplayString as a } from "vue";
-import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const c = {
   props: {
     errors: {

package/dist/{FunctionButton-CoEVwv2a.js → FunctionButton-23mIlhHT.js}

@@ -1,6 +1,6 @@
-import { B as s } from "./BaseButton-DrqwaFu5.js";
+import { B as s } from "./BaseButton-DsgRdHJ1.js";
 import { resolveComponent as o, openBlock as l, createBlock as r, normalizeClass as i, withCtx as d, renderSlot as c } from "vue";
-import { _ as u } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as u } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const f = {
   name: "FunctionButton",
   components: {

package/dist/{HorizontalLayout-C1jEsu7Z.js → HorizontalLayout-B_RDW-Km.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as a, createElementBlock as o, Fragment as n, renderList as s, createElementVNode as u, createVNode as c, unref as d } from "vue";
-import { n as m, _ as i } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { o as m, _ as i } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const p = { class: "horizontal" }, h = /* @__PURE__ */ r({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-AQncJ5mU.js → InputField-XoL66ppv.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
 import { openBlock as s, createElementBlock as l, normalizeClass as r, renderSlot as o, createCommentVNode as u, createElementVNode as d, mergeProps as c, pushScopeId as p, popScopeId as f } from "vue";
-import { _ as m } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-3BaA3fxx.js";
+import { _ as m } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-DBuk0vJL.js";
 const h = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-DHgzOyZq.js → IntegerControl-C9ehPl4V.js}

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