@knime/jsonforms 1.5.8 → 1.5.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @knime/json-forms
 
+## 1.5.10
+
+### Patch Changes
+
+- 992a9e4: Make type in date&time format picker controllable
+- Updated dependencies [992a9e4]
+  - @knime/components@1.18.7
+  - @knime/rich-text-editor@1.3.23
+
+## 1.5.9
+
+### Patch Changes
+
+- Updated dependencies [3fd06dd]
+  - @knime/components@1.18.6
+  - @knime/rich-text-editor@1.3.22
+
 ## 1.5.8
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-D_wKDkgH.js → AnyOfTwinlist-DMizLIwn.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, openBlock as t, createBlock as r, mergeProps as p } from "vue";
 import { o as a } from "./index-hm05O8UX.js";
-import i from "./SimpleTwinlistControl-BEH4bbqT.js";
+import i from "./SimpleTwinlistControl-Cbwa6xtL.js";
 const d = /* @__PURE__ */ n({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{BaseButton-C13_k-le.js → BaseButton-ew6uEaHi.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_99aa13c1_lang-B21b2oJb.js";
+import { _ as k } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const u = () => {
   const t = c();
   return t == null ? void 0 : t.appContext.app;

package/dist/{Button-D59Hu_Oe.js → Button-DI7EKUmu.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-C13_k-le.js";
-import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { B as i } from "./BaseButton-ew6uEaHi.js";
+import { _ as p } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{Checkbox-BCFe0QQA.js → Checkbox-DPq-j4rC.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_99aa13c1_lang-B21b2oJb.js";
+import { _ as c } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-Bxmhd07k.js → CheckboxControl-Tnv1xVel.js}

@@ -1,6 +1,6 @@
 import { defineComponent as a, ref as r, openBlock as s, createElementBlock as d, createVNode as u, unref as i, withCtx as p, createTextVNode as c, toDisplayString as m, renderSlot as n } from "vue";
-import { C as f } from "./Checkbox-BCFe0QQA.js";
-import { _ as v } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { C as f } from "./Checkbox-DPq-j4rC.js";
+import { _ as v } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const b = /* @__PURE__ */ a({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-Ct7xbZzA.js → Checkboxes-CtN15klz.js}

@@ -1,6 +1,6 @@
-import { C as c } from "./Checkbox-BCFe0QQA.js";
+import { C as c } from "./Checkbox-DPq-j4rC.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_99aa13c1_lang-B21b2oJb.js";
+import { _ as y } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const _ = {
   name: "Checkboxes",
   components: {

package/dist/{CheckboxesControl-BHmaIJxP.js → CheckboxesControl-DcVkxf7W.js}

@@ -1,7 +1,7 @@
 import { defineComponent as t, computed as s, ref as i, onMounted as d, openBlock as r, createBlock as c, unref as p, createCommentVNode as u } from "vue";
 import { o as m } from "./index-hm05O8UX.js";
-import { C as b } from "./Checkboxes-Ct7xbZzA.js";
-import { _ as f } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { C as b } from "./Checkboxes-CtN15klz.js";
+import { _ as f } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const h = /* @__PURE__ */ t({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColumnFilter-Dm9u-ihr.js → ColumnFilter-Cw2PtnrT.js}

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

package/dist/{ColumnSelect-BhOWUmeV.js → ColumnSelect-Df-m3Md2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as h, computed as b, watchEffect as v, watch as w, onMounted as y, openBlock as g, createBlock as V, mergeProps as P, unref as C, withCtx as u, renderSlot as p } from "vue";
 import { w as F } from "./getPossibleValuesFromUiSchema-hQj1TCOR.js";
-import { k as S, u as _ } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
-import { _ as D } from "./DropdownControl.vue_vue_type_script_setup_true_lang-VEZYnhcS.js";
+import { k as S, u as _ } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
+import { _ as D } from "./DropdownControl.vue_vue_type_script_setup_true_lang-ByoiTkIU.js";
 import { b as $ } from "./_baseIsEqual-DmkT9Nkc.js";
 function B(s, t) {
   return $(s, t);

package/dist/{ComboBoxControl-CiXpVeil.js → ComboBoxControl-DC3W4kPq.js}

@@ -1,12 +1,12 @@
 import { resolveComponent as V, openBlock as d, createElementBlock as O, normalizeClass as v, 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 b, createTextVNode as x, vShow as P, defineComponent as M, vModelText as R, computed as w, ref as B, onMounted as z, unref as N, createCommentVNode as U } from "vue";
 import { w as L } from "./getPossibleValuesFromUiSchema-hQj1TCOR.js";
-import { _ as E, u as H } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { _ as E, u as H } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 import { C as K } from "./close-h7XT0ja0.js";
-import { F as j } from "./FunctionButton-DqrPll2b.js";
+import { F as j } from "./FunctionButton-Cee1Q-EN.js";
 /* empty css                   */
 import { u as W } from "./index-CkuSIXs2.js";
 import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
-import { C as X } from "./Checkbox-BCFe0QQA.js";
+import { C as X } from "./Checkbox-DPq-j4rC.js";
 import { c as q } from "./createMissingItem-B00Kg95q.js";
 const y = 1, J = 28.5, Q = 8, Y = {
   name: "Multiselect",

package/dist/{DateControl-CZcZUyDm.js → DateControl-D70zb_g8.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-CecGpLQL.js";
+import { D as t } from "./DateTimeInput-C32yoECp.js";
 const u = /* @__PURE__ */ o({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-Bhnh0Ppw.js → DateTimeControl-C-ef6bOV.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, computed as a, openBlock as f, createBlock as w, unref as V } from "vue";
-import { D as T } from "./DateTimeInput-CecGpLQL.js";
-import { t as i, f as b } from "./localTimeUtils-CtqjaX2h.js";
+import { D as T } from "./DateTimeInput-C32yoECp.js";
+import { t as i, f as b } from "./localTimeUtils-ClDpVqfn.js";
 const y = /* @__PURE__ */ h({
   __name: "DateTimeControl",
   props: {

package/dist/DateTimeFormatInput-t-O7ZqrA.js

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

package/dist/DateTimeFormatPickerControl-BbOu24lA.js

@@ -0,0 +1,47 @@
+import { defineComponent as m, computed as o, openBlock as p, createBlock as c, unref as n } from "vue";
+import { u as f } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
+import { D as F } from "./DateTimeFormatInput-t-O7ZqrA.js";
+const b = /* @__PURE__ */ m({
+  __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.options), d = o(() => {
+      var e;
+      return (e = t.value) == null ? void 0 : e.allowedFormats;
+    }), u = f(
+      o(() => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.formatProvider;
+      }),
+      null
+    ), l = o({
+      get: () => ({
+        format: a.control.data,
+        temporalType: "DATE"
+      }),
+      set: (e) => a.changeValue(e.format)
+    });
+    return (e, r) => (p(), c(n(F), {
+      id: e.labelForId,
+      modelValue: l.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (i) => l.value = i),
+      compact: "",
+      disabled: e.disabled,
+      "show-type-switch-in-popover": !0,
+      "allowed-formats": d.value,
+      "all-default-formats": n(u),
+      "is-valid": !0
+    }, null, 8, ["id", "modelValue", "disabled", "allowed-formats", "all-default-formats"]));
+  }
+});
+export {
+  b as default
+};

package/dist/DateTimeFormatPickerWithTypeControl-9e1ef9Hf.js

@@ -0,0 +1,83 @@
+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 "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
+import { V as y } from "./ValueSwitch-CA4_rkUU.js";
+import { D as F } from "./DateTimeFormatInput-t-O7ZqrA.js";
+const h = ["id"], D = /* @__PURE__ */ f({
+  __name: "DateTimeFormatPickerWithTypeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    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 = [
+      {
+        id: "DATE",
+        text: "Date"
+      },
+      {
+        id: "DATE_TIME",
+        text: "Date & time"
+      },
+      {
+        id: "TIME",
+        text: "Time"
+      },
+      {
+        id: "ZONED_DATE_TIME",
+        text: "Zoned date & time"
+      }
+    ], o = t({
+      get: () => l.control.data,
+      set: (e) => {
+        l.changeValue(e);
+      }
+    }), n = t({
+      get: () => o.value.temporalType,
+      set: (e) => {
+        o.value = {
+          ...o.value,
+          temporalType: e
+        };
+      }
+    });
+    return (e, a) => (v(), T("div", {
+      id: e.labelForId,
+      class: "control-container"
+    }, [
+      r(d(y), {
+        modelValue: n.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
+        compact: "",
+        "possible-values": c,
+        disabled: e.disabled
+      }, null, 8, ["modelValue", "disabled"]),
+      r(d(F), {
+        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),
+        "is-valid": !0
+      }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
+    ], 8, h));
+  }
+}), g = /* @__PURE__ */ b(D, [["__scopeId", "data-v-1e917bc2"]]);
+export {
+  g as default
+};

package/dist/{DateTimeInput-CecGpLQL.js → DateTimeInput-C32yoECp.js}

@@ -1,10 +1,10 @@
 import { resolveComponent as qe, openBlock as O, createElementBlock as E, normalizeClass as te, createElementVNode as q, createCommentVNode as ee, withModifiers as Nt, createVNode as V, reactive as Na, computed as _, defineComponent as Ce, ref as we, watch as Ae, onMounted as Un, onUnmounted as Aa, toRefs as yl, inject as br, watchEffect as Co, provide as Dr, nextTick as fr, unref as M, createBlock as Pe, resolveDynamicComponent as Wa, normalizeProps as mr, mergeProps as Mt, renderSlot as _r, withCtx as Te, toDisplayString as Le, Fragment as Oe, renderList as Ge, normalizeStyle as pr, withKeys as _n, withDirectives as xo, toRef as yn, guardReactiveProps as _a, createTextVNode as Ua, isRef as ir, Transition as Yo, resolveDirective as gl, toHandlers as Io, pushScopeId as wl, popScopeId as bl } from "vue";
 import { c as Dl } from "./popper-CRR--9mA.js";
-import { r as _l } from "./BaseButton-C13_k-le.js";
-import { D as Tl } from "./Dropdown-CeUdmLWb.js";
+import { r as _l } from "./BaseButton-ew6uEaHi.js";
+import { D as Tl } from "./Dropdown-B6CD0Mt_.js";
 import { A as Ml } from "./arrow-dropdown-DjUxzjqC.js";
 /* empty css                   */
-import { _ as So, q as Fn } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { _ as So, q as Fn } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 import { i as $l, a as Pl } from "./toString-DkbNkGT4.js";
 import { b as kl } from "./_baseIteratee-DvBmrhnf.js";
 import { b as Ol } from "./_baseEach-B8N_Gx8P.js";

package/dist/{Dropdown-CeUdmLWb.js → Dropdown-B6CD0Mt_.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 ye } from "./FunctionButton-DqrPll2b.js";
+import { F as ye } from "./FunctionButton-Cee1Q-EN.js";
 import { a as ge, b as we, d as xe, f as ve, h as Ve, j as be, k as Ee } from "./_getTag-DS8v0_uf.js";
 import { i as Se } from "./toString-DkbNkGT4.js";
-import { _ as ke } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-B21b2oJb.js";
+import { _ as ke } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_99aa13c1_lang-Bke7i9o8.js";
 const Ce = (e) => e.ctrlKey || e.metaKey || e.altKey || e.shiftKey, Oe = (e, t) => (Array.isArray(t) ? t : [t]).includes(e.key) && !Ce(e);
 var Ie = "[object Map]", De = "[object Set]", _e = Object.prototype, Te = _e.hasOwnProperty;
 function Ae(e) {

package/dist/{DropdownControl-BbSTmj4b.js → DropdownControl-YplxM6ck.js}

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