@knime/jsonforms 1.9.2 → 1.9.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @knime/json-forms
 
+## 1.9.4
+
+### Patch Changes
+
+- Updated dependencies [e88dcfd]
+  - @knime/components@1.27.0
+  - @knime/rich-text-editor@1.4.9
+
+## 1.9.3
+
+### Patch Changes
+
+- 87fadf9: Provide sub settings panel destination in control tests
+
 ## 1.9.2
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-BPOZOLti.js → AnyOfTwinlist-D1KycEHY.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as t, createBlock as p, mergeProps as a, unref as l } from "vue";
 import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-D09CXwzh.js";
+import { T as i } from "./TwinlistControlBase-CYNUKmVM.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-eJKYDCkd.js → Button-Dj1USqpr.js}

@@ -1,6 +1,5 @@
 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-6PV3BYUQ.js";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
+import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
 const c = o({
   name: "Button",
   components: {
@@ -65,7 +64,7 @@ const c = o({
     }
   }
 });
-function f(e, m, B, u, h, _) {
+function f(e, B, u, m, h, _) {
   const t = a("BaseButton");
   return s(), n(t, {
     class: r(e.classes),
@@ -77,7 +76,7 @@ function f(e, m, B, u, h, _) {
     _: 3
   }, 8, ["class", "disabled"]);
 }
-const k = /* @__PURE__ */ p(c, [["render", f], ["__scopeId", "data-v-4d1f9e2d"]]);
+const b = /* @__PURE__ */ p(c, [["render", f], ["__scopeId", "data-v-4d1f9e2d"]]);
 export {
-  k as B
+  b as B
 };

package/dist/{Checkbox-Cn75drbc.js → Checkbox-5l-7O-Rc.js}

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

package/dist/{CheckboxControl-CZI1ksFg.js → CheckboxControl-CcV_DXsi.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-Cn75drbc.js";
-import { _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
+import { C as f } from "./Checkbox-5l-7O-Rc.js";
+import { _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
 const b = /* @__PURE__ */ a({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-DkHfcl3G.js → Checkboxes-TSVYIY6A.js}

@@ -1,6 +1,6 @@
-import { C as c } from "./Checkbox-Cn75drbc.js";
+import { C as c } from "./Checkbox-5l-7O-Rc.js";
 import { resolveComponent as u, openBlock as l, 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 "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
 const _ = {
   name: "Checkboxes",
   components: {

package/dist/{CheckboxesControl-mDBFA4w8.js → CheckboxesControl-CEIBobjb.js}

@@ -1,7 +1,7 @@
 import { defineComponent as t, computed as s, ref as i, onMounted as c, openBlock as d, createBlock as r, unref as p, createCommentVNode as u } from "vue";
 import { o as m } from "./index-Blg1O3Fz.js";
-import { C as b } from "./Checkboxes-DkHfcl3G.js";
-import { _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
+import { C as b } from "./Checkboxes-TSVYIY6A.js";
+import { _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
 const f = /* @__PURE__ */ t({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-D21AHICP.js → ComboBoxControl-FTELjHzm.js}

@@ -1,12 +1,11 @@
-import { resolveComponent as f, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as p, toDisplayString as g, createVNode as h, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as S, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as R, ref as F, toRef as z, onMounted as U, computed as B, unref as N, createCommentVNode as L } from "vue";
-import { u as H } from "./usePossibleValues-CM2RTisz.js";
+import { resolveComponent as f, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as p, toDisplayString as g, createVNode as h, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as S, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as R, ref as B, toRef as z, onMounted as U, computed as F, unref as N, createCommentVNode as L } from "vue";
+import { u as H } from "./usePossibleValues-CQWkZRBa.js";
 import { C as K } from "./close-h7XT0ja0.js";
-import { F as j } from "./FunctionButton-QVrKdZdI.js";
+import { _ as C, o as j } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
 /* empty css                   */
 import { u as W } from "./index-Bf0xDq3g.js";
 import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
-import { C as X } from "./Checkbox-Cn75drbc.js";
-import { _ as C } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
+import { C as X } from "./Checkbox-5l-7O-Rc.js";
 import { c as q } from "./createMissingItem-B00Kg95q.js";
 const y = 1, J = 28.5, Q = 8, Y = {
   name: "Multiselect",
@@ -240,11 +239,11 @@ const y = 1, J = 28.5, Q = 8, Y = {
     }
   }
 }, Z = { key: 1 };
-function _(e, t, i, n, m, o) {
-  const c = f("DropdownIcon"), u = f("Checkbox");
+function _(e, t, i, n, c, o) {
+  const m = f("DropdownIcon"), u = f("Checkbox");
   return d(), V("div", {
     ref: "multiselect",
-    class: w(["multiselect", { collapsed: m.collapsed, invalid: !i.isValid, compact: i.compact }]),
+    class: w(["multiselect", { collapsed: c.collapsed, invalid: !i.isValid, compact: i.compact }]),
     onKeydown: [
       t[2] || (t[2] = r((...s) => o.closeOptionsAndStop && o.closeOptionsAndStop(...s), ["esc"])),
       t[3] || (t[3] = r(a((...s) => o.onUp && o.onUp(...s), ["stop", "prevent"]), ["up"])),
@@ -262,7 +261,7 @@ function _(e, t, i, n, m, o) {
         onClick: t[0] || (t[0] = (...s) => o.toggle && o.toggle(...s)),
         onKeydown: t[1] || (t[1] = r(a((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
       }, g(o.summary), 35),
-      h(c, { class: "icon" })
+      h(m, { class: "icon" })
     ])),
     I(p("div", {
       class: "options",
@@ -477,8 +476,8 @@ const ee = /* @__PURE__ */ C(Y, [["render", _], ["__scopeId", "data-v-e722538a"]
     }
   }
 }), se = ["title"], oe = ["maxlength"], le = { class: "icon-right" };
-function ie(e, t, i, n, m, o) {
-  const c = f("CloseIcon"), u = f("FunctionButton"), s = f("Multiselect");
+function ie(e, t, i, n, c, o) {
+  const m = f("CloseIcon"), u = f("FunctionButton"), s = f("Multiselect");
   return d(), S(s, {
     ref: "combobox",
     "model-value": e.modelValue,
@@ -521,7 +520,7 @@ function ie(e, t, i, n, m, o) {
               onClick: a((ue) => e.removeTag(l), ["stop"])
             }, {
               default: O(() => [
-                h(c, { class: "remove-tag-button-icon" })
+                h(m, { class: "remove-tag-button-icon" })
               ]),
               _: 2
             }, 1032, ["compact", "onClick"])
@@ -553,7 +552,7 @@ function ie(e, t, i, n, m, o) {
             onClick: a(e.removeAllTags, ["stop"])
           }, {
             default: O(() => [
-              h(c)
+              h(m)
             ]),
             _: 1
           }, 8, ["compact", "onClick"])
@@ -577,13 +576,13 @@ const ne = /* @__PURE__ */ C(te, [["render", ie], ["__scopeId", "data-v-418fb7c5
     labelForId: {}
   },
   setup(e) {
-    const t = e, i = F([]), n = F(!1), { possibleValues: m } = H(z(t, "control"));
+    const t = e, i = B([]), n = B(!1), { possibleValues: c } = H(z(t, "control"));
     U(() => {
       i.value = t.control.data, n.value = !0;
     });
-    const o = B(
-      () => m.value === null || m.value.length === 0
-    ), c = B(
+    const o = F(
+      () => c.value === null || c.value.length === 0
+    ), m = F(
       () => t.disabled || o.value
     );
     return (u, s) => n.value ? (d(), S(N(ne), {
@@ -591,15 +590,15 @@ const ne = /* @__PURE__ */ C(te, [["render", ie], ["__scopeId", "data-v-418fb7c5
       id: u.labelForId,
       "allow-new-values": o.value ? "" : !1,
       "aria-label": u.control.label,
-      disabled: c.value,
-      "possible-values": N(m) ?? [],
+      disabled: m.value,
+      "possible-values": N(c) ?? [],
       "model-value": i.value,
       "is-valid": u.isValid,
       compact: "",
       "onUpdate:modelValue": s[0] || (s[0] = (l) => u.changeValue(l))
     }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"])) : L("", !0);
   }
-}), we = /* @__PURE__ */ C(ae, [["__scopeId", "data-v-33a5967b"]]);
+}), Oe = /* @__PURE__ */ C(ae, [["__scopeId", "data-v-33a5967b"]]);
 export {
-  we as default
+  Oe as default
 };

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

package/dist/{DateTimeControl-Cy5gTvNj.js → DateTimeControl-D1B_TgdP.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-DdlMeRDs.js";
-import { t as i, f as b } from "./localTimeUtils-DnV5kh7m.js";
+import { D as T } from "./DateTimeInput-DqqCRfzR.js";
+import { t as i, f as b } from "./localTimeUtils-Bvx7vLrT.js";
 const y = /* @__PURE__ */ h({
   __name: "DateTimeControl",
   props: {

package/dist/DateTimeFormatInput--ahcIWAg.js

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

package/dist/{DateTimeFormatPickerControl-tGAM1JkC.js → DateTimeFormatPickerControl-BliVRAB0.js}

@@ -1,6 +1,6 @@
 import { defineComponent as m, computed as o, openBlock as p, createBlock as c, unref as n } from "vue";
-import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
-import { D as F } from "./DateTimeFormatInput-Btt_BLk-.js";
+import { u as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
+import { D as F } from "./DateTimeFormatInput--ahcIWAg.js";
 const b = /* @__PURE__ */ m({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-BclhGpyC.js → DateTimeFormatPickerWithTypeControl-CXseluiT.js}

@@ -1,7 +1,7 @@
 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 "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
-import { V as y } from "./ValueSwitch-D1egJZr6.js";
-import { D as F } from "./DateTimeFormatInput-Btt_BLk-.js";
+import { u as V, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
+import { V as y } from "./ValueSwitch-B6rM3Cb9.js";
+import { D as F } from "./DateTimeFormatInput--ahcIWAg.js";
 const h = ["id"], D = /* @__PURE__ */ f({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{DateTimeInput-DdlMeRDs.js → DateTimeInput-DqqCRfzR.js}

@@ -1,10 +1,9 @@
 import { resolveComponent as je, openBlock as C, createElementBlock as E, normalizeClass as te, createElementVNode as j, createCommentVNode as ee, withModifiers as Nt, createVNode as z, reactive as Ia, computed as _, defineComponent as Oe, ref as we, watch as Ae, onMounted as rn, onUnmounted as Sa, toRefs as Iu, inject as wr, watchEffect as Ls, provide as br, nextTick as dr, unref as M, createBlock as Pe, resolveDynamicComponent as Ea, normalizeProps as hr, mergeProps as Mt, renderSlot as Dr, withCtx as Te, toDisplayString as Le, Fragment as Ce, renderList as Ge, normalizeStyle as mr, withKeys as Lr, withDirectives as Hs, toRef as Nr, guardReactiveProps as Un, createTextVNode as Na, isRef as ir, Transition as Rs, resolveDirective as Su, toHandlers as js, pushScopeId as Eu, popScopeId as Nu } from "vue";
 import { c as Au } from "./popper-CRR--9mA.js";
-import { r as Wu } from "./BaseButton-6PV3BYUQ.js";
-import { D as Uu } from "./Dropdown-DXrbBJkL.js";
+import { _ as Vs, y as nn, z as Wu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-B3PkFXo7.js";
+import { D as Uu } from "./Dropdown-BfqaIGuC.js";
 import { A as Fu } from "./arrow-dropdown-DjUxzjqC.js";
 /* empty css                   */
-import { _ as Vs, q as nn } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-hOcQ43HC.js";
 import { a as Lu } from "./toString-B9O7P854.js";
 import { b as Hu } from "./_baseIteratee-DhaGkQLM.js";
 import { b as Ru } from "./_baseEach-FP8ISlsz.js";
@@ -11180,9 +11179,9 @@ function yP(e, t, r, n, a, s) {
     ], 2)) : ee("", !0)
   ]);
 }
-const xP = /* @__PURE__ */ Vs(sP, [["render", yP], ["__scopeId", "data-v-50cb1067"]]);
+const OP = /* @__PURE__ */ Vs(sP, [["render", yP], ["__scopeId", "data-v-50cb1067"]]);
 export {
-  xP as D,
+  OP as D,
   Ju as a,
   il as b,
   rl as c,