@knime/jsonforms 1.11.3 → 1.12.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @knime/json-forms
 
+## 1.12.0
+
+### Minor Changes
+
+- 64c9333: Adapt state provider logic to backend and change structure of validations
+
+### Patch Changes
+
+- Updated dependencies [64c9333]
+  - @knime/components@1.28.5
+  - @knime/rich-text-editor@1.4.15
+
+## 1.11.4
+
+### Patch Changes
+
+- 04ed897: Add disabled state for ComboBox and MultiSelect
+- Updated dependencies [04ed897]
+  - @knime/components@1.28.4
+  - @knime/rich-text-editor@1.4.14
+
 ## 1.11.3
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-Dg0_WQhh.js → AnyOfTwinlist-Bm92BxCq.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-zX1xvn_g.js";
+import { T as i } from "./TwinlistControlBase-DvXv0Vo6.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Button-DZAqxcXf.js → Button-BU4AHIik.js}

@@ -1,5 +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, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { B as i, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{CheckboxControl-DdhHmvZm.js → CheckboxControl-BfHrx05I.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, ref as s, openBlock as r, createElementBlock as d, createVNode as u, unref as i, withCtx as p, createTextVNode as c, toDisplayString as f, renderSlot as t } from "vue";
-import { C as m, _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { C as m, _ as v } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const b = /* @__PURE__ */ a({
   __name: "CheckboxControl",
   props: {

package/dist/{Checkboxes-CyUc4Opz.js → Checkboxes-BgwoEGV-.js}

@@ -1,4 +1,4 @@
-import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { _ as c, C as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 import { resolveComponent as f, openBlock as o, createElementBlock as s, normalizeClass as h, Fragment as m, renderList as p, createBlock as x, withCtx as b, createTextVNode as V, toDisplayString as y } from "vue";
 const _ = {
   name: "Checkboxes",

package/dist/{CheckboxesControl-Cy9SCHXZ.js → CheckboxesControl-DeDkOQTP.js}

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as n, ref as r, toRef as u, onMounted as p, openBlock as d, createBlock as m, unref as b, createCommentVNode as f } from "vue";
 import { o as h } from "./index-Blg1O3Fz.js";
-import { u as v } from "./usePossibleValues-1QcBlmBr.js";
-import { C as V } from "./Checkboxes-CyUc4Opz.js";
-import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { u as v } from "./usePossibleValues-NHPCKPdi.js";
+import { C as V } from "./Checkboxes-BgwoEGV-.js";
+import { _ as y } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const C = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-DwdCOPMU.js → ComboBoxControl-CS3HULei.js}

@@ -1,7 +1,7 @@
-import { resolveComponent as h, openBlock as d, createElementBlock as f, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as m, toDisplayString as v, createVNode as c, withDirectives as I, normalizeStyle as N, Fragment as A, renderList as k, createBlock as S, withCtx as O, createTextVNode as T, vShow as D, defineComponent as P, vModelText as $, toRef as R, computed as B, unref as F } from "vue";
-import { u as z } from "./usePossibleValues-1QcBlmBr.js";
+import { resolveComponent as h, openBlock as d, createElementBlock as f, normalizeClass as w, withKeys as r, withModifiers as a, renderSlot as E, createElementVNode as m, toDisplayString as v, createVNode as c, withDirectives as I, normalizeStyle as N, Fragment as A, renderList as k, createBlock as S, withCtx as O, createTextVNode as R, vShow as D, defineComponent as P, vModelText as $, toRef as x, computed as B, unref as F } from "vue";
+import { u as z } from "./usePossibleValues-NHPCKPdi.js";
 import { C as U } from "./close-BuY4mhXV.js";
-import { _ as C, C as L, q as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { _ as C, C as L, q as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 /* empty css                   */
 import { u as K } from "./index-Bf0xDq3g.js";
 import { A as j } from "./arrow-dropdown-DdgjzLAO.js";
@@ -118,6 +118,10 @@ const y = 1, q = 28.5, G = 8, X = {
     compact: {
       type: Boolean,
       default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "focusOutside"],
@@ -170,7 +174,7 @@ const y = 1, q = 28.5, G = 8, X = {
       return this.focusOptions[this.focusOptions.indexOf(this.activeElement) + e] || (e < 0 ? this.focusOptions[this.focusOptions.length - 1] : this.focusOptions[0]);
     },
     onUpdateModelValue(e, t) {
-      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((i) => i !== e)), this.closeDropdownOnSelection && this.closeOptions();
+      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((o) => o !== e)), this.closeDropdownOnSelection && this.closeOptions();
     },
     toggle() {
       this.collapsed = !this.collapsed, setTimeout(() => {
@@ -204,7 +208,7 @@ const y = 1, q = 28.5, G = 8, X = {
     },
     /* Handle arrow key "up" events. */
     onUp() {
-      document.activeElement !== this.$refs.toggle && this.getNextElement(-1).focus();
+      this.activeElement !== this.$refs.toggle && this.getNextElement(-1).focus();
     },
     /* Handle arrow key "down" events. */
     onDown() {
@@ -216,7 +220,7 @@ const y = 1, q = 28.5, G = 8, X = {
      */
     onFocusOut() {
       setTimeout(() => {
-        this.focusElements.includes(document.activeElement) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
+        this.focusElements.includes(this.activeElement) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
       }, y);
     },
     /*
@@ -237,47 +241,50 @@ const y = 1, q = 28.5, G = 8, X = {
       ).map((e) => e.$el && e.$el.firstChild));
     }
   }
-}, J = { key: 1 };
-function Q(e, t, i, n, V, s) {
+}, J = { key: 1 }, Q = ["tabindex"];
+function Y(e, t, o, n, b, s) {
   const p = h("DropdownIcon"), u = h("Checkbox");
   return d(), f("div", {
     ref: "multiselect",
-    class: w(["multiselect", { collapsed: V.collapsed, invalid: !i.isValid, compact: i.compact }]),
+    class: w([
+      "multiselect",
+      { collapsed: b.collapsed, invalid: !o.isValid, compact: o.compact, disabled: o.disabled }
+    ]),
     onKeydown: [
-      t[2] || (t[2] = r((...o) => s.closeOptionsAndStop && s.closeOptionsAndStop(...o), ["esc"])),
-      t[3] || (t[3] = r(a((...o) => s.onUp && s.onUp(...o), ["stop", "prevent"]), ["up"])),
-      t[4] || (t[4] = r(a((...o) => s.onDown && s.onDown(...o), ["stop", "prevent"]), ["down"]))
+      t[2] || (t[2] = r((...l) => s.closeOptionsAndStop && s.closeOptionsAndStop(...l), ["esc"])),
+      t[3] || (t[3] = r(a((...l) => s.onUp && s.onUp(...l), ["stop", "prevent"]), ["up"])),
+      t[4] || (t[4] = r(a((...l) => s.onDown && s.onDown(...l), ["stop", "prevent"]), ["down"]))
     ],
-    onFocusout: t[5] || (t[5] = a((...o) => s.onFocusOut && s.onFocusOut(...o), ["stop"])),
-    onMousedown: t[6] || (t[6] = (...o) => s.onMousedown && s.onMousedown(...o))
+    onFocusout: t[5] || (t[5] = a((...l) => s.onFocusOut && s.onFocusOut(...l), ["stop"])),
+    onMousedown: t[6] || (t[6] = (...l) => s.onMousedown && s.onMousedown(...l))
   }, [
-    i.useCustomListBox ? E(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), f("div", J, [
+    o.useCustomListBox ? E(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), f("div", J, [
       m("div", {
         ref: "toggle",
         role: "button",
-        tabindex: "0",
-        class: w({ placeholder: !i.modelValue.length }),
-        onClick: t[0] || (t[0] = (...o) => s.toggle && s.toggle(...o)),
-        onKeydown: t[1] || (t[1] = r(a((...o) => s.toggle && s.toggle(...o), ["prevent"]), ["space"]))
-      }, v(s.summary), 35),
+        tabindex: o.disabled ? -1 : 0,
+        class: w({ placeholder: !o.modelValue.length }),
+        onClick: t[0] || (t[0] = (...l) => s.toggle && s.toggle(...l)),
+        onKeydown: t[1] || (t[1] = r(a((...l) => s.toggle && s.toggle(...l), ["prevent"]), ["space"]))
+      }, v(s.summary), 43, Q),
       c(p, { class: "icon" })
     ])),
     I(m("div", {
       class: "options",
       style: N(s.optionsHeight)
     }, [
-      (d(!0), f(A, null, k(i.possibleValues, (o, l) => (d(), S(u, {
+      (d(!0), f(A, null, k(o.possibleValues, (l, i) => (d(), S(u, {
         ref_for: !0,
         ref: "option",
-        key: `multiselect-${o.id}`,
-        "data-index": l,
-        "model-value": s.isChecked(o.id),
-        disabled: o.disabled,
+        key: `multiselect-${l.id}`,
+        "data-index": i,
+        "model-value": s.isChecked(l.id),
+        disabled: l.disabled,
         class: "boxes",
-        "onUpdate:modelValue": (b) => s.onUpdateModelValue(o.id, b)
+        "onUpdate:modelValue": (V) => s.onUpdateModelValue(l.id, V)
       }, {
         default: O(() => [
-          T(v(o.text), 1)
+          R(v(l.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
@@ -287,10 +294,10 @@ function Q(e, t, i, n, V, s) {
     ])
   ], 34);
 }
-const Y = /* @__PURE__ */ C(X, [["render", Q], ["__scopeId", "data-v-e722538a"]]), g = "draft-id-combobox-preview-item", Z = P({
+const Z = /* @__PURE__ */ C(X, [["render", Y], ["__scopeId", "data-v-9da35036"]]), g = "draft-id-combobox-preview-item", _ = P({
   name: "ComboBox",
   components: {
-    Multiselect: Y,
+    Multiselect: Z,
     FunctionButton: H,
     CloseIcon: U
   },
@@ -350,6 +357,10 @@ const Y = /* @__PURE__ */ C(X, [["render", Q], ["__scopeId", "data-v-e722538a"]]
     maxCharactersPerItem: {
       type: Number,
       default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: {
@@ -381,9 +392,9 @@ const Y = /* @__PURE__ */ C(X, [["render", Q], ["__scopeId", "data-v-e722538a"]]
     },
     searchResults() {
       const e = this.allPossibleItems.some(
-        ({ id: i, text: n }) => i === this.trimmedSearchValue || n === this.trimmedSearchValue
+        ({ id: o, text: n }) => o === this.trimmedSearchValue || n === this.trimmedSearchValue
       ), t = this.allPossibleItems.filter(
-        ({ id: i, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || i === this.trimmedSearchValue
+        ({ id: o, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || o === this.trimmedSearchValue
       );
       return this.allowNewValues && !e && !this.isSearchEmpty ? [
         { id: g, text: `${this.trimmedSearchValue} (new item)` },
@@ -444,12 +455,12 @@ const Y = /* @__PURE__ */ C(X, [["render", Q], ["__scopeId", "data-v-e722538a"]]
         this.emitNewSelection(e);
         return;
       }
-      const i = {
+      const o = {
         id: this.trimmedSearchValue,
         text: this.trimmedSearchValue
       };
-      this.allPossibleItems.push(i), this.emitNewSelection(
-        e.map((n) => n === g ? i.id : n)
+      this.allPossibleItems.push(o), this.emitNewSelection(
+        e.map((n) => n === g ? o.id : n)
       );
     },
     removeTag(e) {
@@ -474,10 +485,10 @@ const Y = /* @__PURE__ */ C(X, [["render", Q], ["__scopeId", "data-v-e722538a"]]
       };
     }
   }
-}), _ = ["title"], ee = ["maxlength"], te = { class: "icon-right" };
-function se(e, t, i, n, V, s) {
-  const p = h("CloseIcon"), u = h("FunctionButton"), o = h("Multiselect");
-  return d(), S(o, {
+}), ee = ["tabindex"], te = ["title"], se = ["maxlength", "disabled"], oe = { class: "icon-right" };
+function le(e, t, o, n, b, s) {
+  const p = h("CloseIcon"), u = h("FunctionButton"), l = h("Multiselect");
+  return d(), S(l, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -488,6 +499,7 @@ function se(e, t, i, n, V, s) {
     "close-dropdown-on-selection": e.closeDropdownOnSelection,
     "is-valid": e.isValid,
     compact: e.compact,
+    disabled: e.disabled,
     onFocusOutside: e.onFocusOutside,
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
@@ -495,75 +507,78 @@ function se(e, t, i, n, V, s) {
       m("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
-        tabindex: "0",
-        onKeydown: t[8] || (t[8] = r(a((...l) => e.focusInput && e.focusInput(...l), ["prevent", "self"]), ["enter"]))
+        tabindex: e.disabled ? -1 : 0,
+        onKeydown: t[8] || (t[8] = r(a((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
       }, [
         m("div", {
           class: w([
             "summary-input-wrapper",
             { "with-icon-right": e.hasSelection, compact: e.compact }
           ]),
-          onClick: t[7] || (t[7] = a((...l) => e.focusInput && e.focusInput(...l), ["stop"]))
+          onClick: t[7] || (t[7] = a((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
         }, [
-          (d(!0), f(A, null, k(e.selectedValues, ({ id: l, text: b, invalid: M }, x) => (d(), f("div", {
-            key: `item.id${x}`,
+          (d(!0), f(A, null, k(e.selectedValues, ({ id: i, text: V, invalid: M }, T) => (d(), f("div", {
+            key: `item.id${T}`,
             class: "tag",
-            title: b
+            title: V
           }, [
             m("span", {
               class: w(["text", { invalid: M }])
-            }, v(b), 3),
+            }, v(V), 3),
             c(u, {
               class: "remove-tag-button",
               compact: e.compact,
-              onClick: a((ie) => e.removeTag(l), ["stop"])
+              disabled: e.disabled,
+              onClick: a((ae) => e.removeTag(i), ["stop"])
             }, {
               default: O(() => [
                 c(p, { class: "remove-tag-button-icon" })
               ]),
               _: 2
-            }, 1032, ["compact", "onClick"])
-          ], 8, _))), 128)),
+            }, 1032, ["compact", "disabled", "onClick"])
+          ], 8, te))), 128)),
           I(m("input", {
             ref: "searchInput",
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchValue = l),
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
             class: "search-input",
             type: "text",
             style: N(e.inputWidth),
             maxlength: e.maxCharactersPerItem,
-            onFocus: t[1] || (t[1] = (...l) => e.onInputFocus && e.onInputFocus(...l)),
-            onInput: t[2] || (t[2] = (...l) => e.onInput && e.onInput(...l)),
+            disabled: e.disabled,
+            onFocus: t[1] || (t[1] = (...i) => e.onInputFocus && e.onInputFocus(...i)),
+            onInput: t[2] || (t[2] = (...i) => e.onInput && e.onInput(...i)),
             onKeydown: [
-              t[3] || (t[3] = r(a((...l) => e.onEnter && e.onEnter(...l), ["prevent"]), ["enter"])),
-              t[4] || (t[4] = r((...l) => e.onBackspace && e.onBackspace(...l), ["backspace"])),
-              t[5] || (t[5] = r(a((...l) => e.onDown && e.onDown(...l), ["stop", "prevent"]), ["down"])),
-              t[6] || (t[6] = r((...l) => e.closeOptionsAndStop && e.closeOptionsAndStop(...l), ["esc"]))
+              t[3] || (t[3] = r(a((...i) => e.onEnter && e.onEnter(...i), ["prevent"]), ["enter"])),
+              t[4] || (t[4] = r((...i) => e.onBackspace && e.onBackspace(...i), ["backspace"])),
+              t[5] || (t[5] = r(a((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
+              t[6] || (t[6] = r((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
             ]
-          }, null, 44, ee), [
+          }, null, 44, se), [
             [$, e.searchValue]
           ])
         ], 2),
-        I(m("div", te, [
+        I(m("div", oe, [
           c(u, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",
             compact: e.compact,
+            disabled: e.disabled,
             onClick: a(e.removeAllTags, ["stop"])
           }, {
             default: O(() => [
               c(p)
             ]),
             _: 1
-          }, 8, ["compact", "onClick"])
+          }, 8, ["compact", "disabled", "onClick"])
         ], 512), [
           [D, e.hasSelection]
         ])
-      ], 544)
+      ], 40, ee)
     ]),
     _: 1
-  }, 8, ["model-value", "possible-values", "size-visible-options", "parent-focus-element", "parent-refocus-element-on-close", "close-dropdown-on-selection", "is-valid", "compact", "onFocusOutside", "onUpdate:modelValue"]);
+  }, 8, ["model-value", "possible-values", "size-visible-options", "parent-focus-element", "parent-refocus-element-on-close", "close-dropdown-on-selection", "is-valid", "compact", "disabled", "onFocusOutside", "onUpdate:modelValue"]);
 }
-const oe = /* @__PURE__ */ C(Z, [["render", se], ["__scopeId", "data-v-0451a29a"]]), le = /* @__PURE__ */ P({
+const ie = /* @__PURE__ */ C(_, [["render", le], ["__scopeId", "data-v-71030406"]]), ne = /* @__PURE__ */ P({
   __name: "ComboBoxControl",
   props: {
     control: {},
@@ -575,24 +590,24 @@ const oe = /* @__PURE__ */ C(Z, [["render", se], ["__scopeId", "data-v-0451a29a"
     labelForId: {}
   },
   setup(e) {
-    const t = e, { possibleValues: i } = z(R(t, "control")), n = B(
-      () => i.value === null || i.value.length === 0
-    ), V = B(
+    const t = e, { possibleValues: o } = z(x(t, "control")), n = B(
+      () => o.value === null || o.value.length === 0
+    ), b = B(
       () => t.disabled || n.value
     );
-    return (s, p) => (d(), S(F(oe), {
+    return (s, p) => (d(), S(F(ie), {
       id: s.labelForId,
       "allow-new-values": n.value ? "" : !1,
       "aria-label": s.control.label,
-      disabled: V.value,
-      "possible-values": n.value ? s.control.data.map((u) => ({ id: u, text: u })) : F(i),
+      disabled: b.value,
+      "possible-values": n.value ? s.control.data.map((u) => ({ id: u, text: u })) : F(o),
       "model-value": s.control.data,
       "is-valid": s.isValid,
       compact: "",
       "onUpdate:modelValue": p[0] || (p[0] = (u) => s.changeValue(u))
     }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"]));
   }
-}), he = /* @__PURE__ */ C(le, [["__scopeId", "data-v-7d8de6e7"]]);
+}), be = /* @__PURE__ */ C(ne, [["__scopeId", "data-v-7d8de6e7"]]);
 export {
-  he as default
+  be as default
 };

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

package/dist/{DateTimeControl-BT3B4OMn.js → DateTimeControl-Bv15fo80.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-DGTh9X6u.js";
-import { t as i, f as b } from "./localTimeUtils-XmPMFHzY.js";
+import { D as T } from "./DateTimeInput-BPaZ_pEv.js";
+import { t as i, f as b } from "./localTimeUtils-DrKyGLv2.js";
 const y = /* @__PURE__ */ h({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-Dzkch2dR.js → DateTimeFormatInput-CTOVceJH.js}

@@ -2,9 +2,9 @@ import { openBlock as p, createElementBlock as y, createElementVNode as v, defin
 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-DYafO7J6.js";
-import { V as $ } from "./ValueSwitch-3S2Nu9ZS.js";
-import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { L as pe } from "./svgWithTitle-C1XM8U1L.js";
+import { V as $ } from "./ValueSwitch-B-yL0b_A.js";
+import { _ as L } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const ve = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/DateTimeFormatPickerControl-5fPMIUZs.js

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

package/dist/{DateTimeFormatPickerWithTypeControl-BloPpMHx.js → DateTimeFormatPickerWithTypeControl-yyIHxX6-.js}

@@ -1,8 +1,8 @@
-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-D4ZZu6Nr.js";
-import { V as y } from "./ValueSwitch-3S2Nu9ZS.js";
-import { D as F } from "./DateTimeFormatInput-Dzkch2dR.js";
-const h = ["id"], D = /* @__PURE__ */ f({
+import { defineComponent as v, computed as t, openBlock as T, createElementBlock as V, createVNode as r, unref as d } from "vue";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { V as h } from "./ValueSwitch-B-yL0b_A.js";
+import { D as y } from "./DateTimeFormatInput-CTOVceJH.js";
+const D = ["id"], _ = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {
     control: {},
@@ -14,16 +14,12 @@ const h = ["id"], D = /* @__PURE__ */ f({
     labelForId: {}
   },
   setup(m) {
-    const l = m, i = t(() => l.control.uischema.options), u = t(() => {
+    const l = m, i = t(
+      () => l.control.uischema
+    ), u = t(() => i.value.options), p = 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 = [
+      return (e = u.value) == null ? void 0 : e.allowedFormats;
+    }), c = F(i, "dateTimeFormats"), f = [
       {
         id: "DATE",
         text: "Date"
@@ -54,30 +50,30 @@ const h = ["id"], D = /* @__PURE__ */ f({
         };
       }
     });
-    return (e, a) => (v(), T("div", {
+    return (e, a) => (T(), V("div", {
       id: e.labelForId,
       class: "control-container"
     }, [
-      r(d(y), {
+      r(d(h), {
         modelValue: n.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
         compact: "",
-        "possible-values": c,
+        "possible-values": f,
         disabled: e.disabled
       }, null, 8, ["modelValue", "disabled"]),
-      r(d(F), {
+      r(d(y), {
         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),
+        "allowed-formats": p.value,
+        "all-default-formats": d(c),
         "is-valid": !0
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
-    ], 8, h));
+    ], 8, D));
   }
-}), g = /* @__PURE__ */ b(D, [["__scopeId", "data-v-1e917bc2"]]);
+}), B = /* @__PURE__ */ b(_, [["__scopeId", "data-v-8517cafd"]]);
 export {
-  g as default
+  B as default
 };

package/dist/{DateTimeInput-DGTh9X6u.js → DateTimeInput-BPaZ_pEv.js}

@@ -1,13 +1,13 @@
 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 } from "vue";
 import { c as Eu } from "./popper-CRR--9mA.js";
-import { _ as Vs, J as nn, K as Nu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
-import { D as Au } from "./Dropdown-D696_0LD.js";
+import { _ as Vs, J as nn, K as Nu } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { D as Au } from "./Dropdown-D6ytFIra.js";
 import { A as Wu } from "./arrow-dropdown-DdgjzLAO.js";
 /* empty css                   */
-import { a as Uu } from "./toString-DT2hRu3R.js";
-import { b as Fu } from "./_baseIteratee-CKbeXEkv.js";
-import { b as Lu } from "./_baseEach-GQVf0Ty9.js";
-import { c as Hu } from "./_getTag-z0emSHjD.js";
+import { a as Uu } from "./toString-DfO6VEzj.js";
+import { b as Fu } from "./_baseIteratee-CHW73TMN.js";
+import { b as Lu } from "./_baseEach-B-g2g11B.js";
+import { c as Hu } from "./_getTag-BWiFGABh.js";
 import { i as Ru } from "./isArray-WzO_os3q.js";
 function it(e) {
   "@babel/helpers - typeof";

package/dist/{Dropdown-D696_0LD.js → Dropdown-D6ytFIra.js}

@@ -4,8 +4,8 @@ import { A as ie } from "./arrow-dropdown-DdgjzLAO.js";
 import { C as oe } from "./close-BuY4mhXV.js";
 /* empty css                   */
 import { u as re } from "./useSearch-hpyYQ_6y.js";
-import { q as le, _ as ae } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
-import { c as de, a as ue, b as ce, i as he, e as pe, h as fe, d as me } from "./_getTag-z0emSHjD.js";
+import { q as le, _ as ae } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
+import { c as de, a as ue, b as ce, i as he, e as pe, h as fe, d as me } from "./_getTag-BWiFGABh.js";
 import { i as ge } from "./isArray-WzO_os3q.js";
 import { i as ye } from "./hotkeys-kwHHtFKz.js";
 var xe = "[object Map]", Ve = "[object Set]", we = Object.prototype, ve = we.hasOwnProperty;

package/dist/{DropdownControl-DkDCJijj.js → DropdownControl-Bl9djFfv.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, toRef as i, openBlock as s, createBlock as d, unref as t } from "vue";
-import { u as r } from "./usePossibleValues-1QcBlmBr.js";
-import { L as p } from "./LoadingDropdown-BCdlu_g_.js";
+import { u as r } from "./usePossibleValues-NHPCKPdi.js";
+import { L as p } from "./LoadingDropdown-xAK7TsDc.js";
 const V = /* @__PURE__ */ n({
   __name: "DropdownControl",
   props: {

package/dist/{HorizontalLayout-BOATLzn-.js → HorizontalLayout-BmgysFCG.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, openBlock as a, createElementBlock as o, Fragment as s, renderList as n, createBlock as u, unref as c } from "vue";
-import { r as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { r as m, _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const i = { class: "horizontal" }, d = /* @__PURE__ */ l({
   __name: "HorizontalLayout",
   props: {

package/dist/{InputField-CMLCHXXI.js → InputField-D-drv5NW.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
 import { openBlock as i, createElementBlock as s, normalizeClass as r, renderSlot as u, createCommentVNode as o, createElementVNode as d, mergeProps as f } from "vue";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-D4ZZu6Nr.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DHWwwUrR.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-BdHfmtGY.js → IntegerControl-CzusffS4.js}

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