@knime/jsonforms 1.15.0 → 1.15.1

package/dist/{ComboBoxControl-R0DlbAdT.js → ComboBoxControl-2r1FWcy-.js}

@@ -1,20 +1,20 @@
-import { resolveComponent as h, createElementBlock as f, openBlock as d, withModifiers as a, withKeys as r, normalizeClass as w, renderSlot as B, withDirectives as I, createElementVNode as m, createVNode as c, toDisplayString as S, normalizeStyle as A, Fragment as D, renderList as k, createBlock as C, withCtx as O, createTextVNode as $, vShow as P, defineComponent as M, vModelText as x, toRef as z, computed as F, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-DXuWWBh_.js";
-import { C as L } from "./close-DGt8x-x_.js";
-import { _ as E, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_625edfbe_lang-DR31vaIu.js";
+import { resolveComponent as f, createElementBlock as h, openBlock as d, withModifiers as r, withKeys as u, normalizeClass as w, renderSlot as E, withDirectives as I, createElementVNode as c, createVNode as m, toDisplayString as S, normalizeStyle as N, Fragment as C, renderList as P, createBlock as D, withCtx as O, createTextVNode as R, vShow as x, defineComponent as A, vModelText as T, toRef as U, computed as F, createCommentVNode as z } from "vue";
+import { u as $ } from "./usePossibleValues-DTVXBGRC.js";
+import { C as L } from "./close-0dYG2oDA.js";
+import { _ as B, C as K, v as j } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
 /* empty css                   */
-import { A as j } from "./arrow-dropdown-BAFsD8Su.js";
-import { c as W } from "./createMissingItem-B00Kg95q.js";
-const y = () => {
+import { A as q } from "./arrow-dropdown-eS-nVNCv.js";
+import { c as H } from "./createMissingItem-B00Kg95q.js";
+const g = () => {
   let e = document?.activeElement;
   for (; e?.shadowRoot; )
     e = e?.shadowRoot?.activeElement;
   return e;
-}, g = 1, G = 28.5, X = 8, q = {
+}, y = 1, W = 28.5, G = 8, X = {
   name: "Multiselect",
   components: {
-    Checkbox: H,
-    DropdownIcon: j
+    Checkbox: K,
+    DropdownIcon: q
   },
   props: {
     /**
@@ -150,7 +150,7 @@ const y = () => {
     },
     optionsHeight() {
       return this.useSpecificOptionsHeight ? {
-        "max-height": `${this.sizeVisibleOptions * G + X}px`
+        "max-height": `${this.sizeVisibleOptions * W + G}px`
       } : {};
     },
     refocusElementOnClose() {
@@ -171,16 +171,16 @@ const y = () => {
      * @param {Number} changeInd - the positive or negative index shift for the next Element (usually 1 || -1).
      * @returns {Element} - the next option Element in the list of options.
      */
-    getNextElement(e, t = y()) {
+    getNextElement(e, t = g()) {
       return this.focusOptions[this.focusOptions.indexOf(t) + 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((o) => o !== e)), this.closeDropdownOnSelection && this.closeOptions();
+      t ? this.modelValue.indexOf(e) === -1 && this.emitNewSelection([...this.modelValue, e]) : this.emitNewSelection(this.modelValue.filter((s) => s !== e)), this.closeDropdownOnSelection && this.closeOptions();
     },
     toggle() {
       this.collapsed = !this.collapsed, setTimeout(() => {
         this.$refs.toggle?.focus();
-      }, g);
+      }, y);
     },
     isChecked(e) {
       return this.modelValue.includes(e);
@@ -195,7 +195,7 @@ const y = () => {
     closeOptions(e = !0) {
       this.collapsed = !0, e && setTimeout(() => {
         this.refocusElementOnClose.focus();
-      }, g);
+      }, y);
     },
     /**
      * Handle closing the options if necessary and stopping the event if so.
@@ -208,7 +208,7 @@ const y = () => {
     },
     /* Handle arrow key "up" events. */
     onUp() {
-      const e = y();
+      const e = g();
       e !== this.$refs.toggle && this.getNextElement(-1, e).focus();
     },
     /* Handle arrow key "down" events. */
@@ -221,8 +221,8 @@ const y = () => {
      */
     onFocusOut() {
       setTimeout(() => {
-        this.focusElements.includes(y()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
-      }, g);
+        this.focusElements.includes(g()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
+      }, y);
     },
     /*
      * Manually prevents default event bubbling and propagation for mousedown which can fire blur events that
@@ -243,63 +243,86 @@ const y = () => {
     }
   }
 }, 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: b.collapsed, invalid: !o.isValid, compact: o.compact, disabled: o.disabled }
-    ]),
-    onKeydown: [
-      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"]))
+function Y(e, t, s, n, p, o) {
+  const a = f("DropdownIcon"), b = f("Checkbox");
+  return d(), h(
+    "div",
+    {
+      ref: "multiselect",
+      class: w([
+        "multiselect",
+        { collapsed: p.collapsed, invalid: !s.isValid, compact: s.compact, disabled: s.disabled }
+      ]),
+      onKeydown: [
+        t[2] || (t[2] = u((...l) => o.closeOptionsAndStop && o.closeOptionsAndStop(...l), ["esc"])),
+        t[3] || (t[3] = u(r((...l) => o.onUp && o.onUp(...l), ["stop", "prevent"]), ["up"])),
+        t[4] || (t[4] = u(r((...l) => o.onDown && o.onDown(...l), ["stop", "prevent"]), ["down"]))
+      ],
+      onFocusout: t[5] || (t[5] = r((...l) => o.onFocusOut && o.onFocusOut(...l), ["stop"])),
+      onMousedown: t[6] || (t[6] = (...l) => o.onMousedown && o.onMousedown(...l))
+    },
+    [
+      s.useCustomListBox ? E(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), h("div", J, [
+        c("div", {
+          ref: "toggle",
+          role: "button",
+          tabindex: s.disabled ? -1 : 0,
+          class: w({ placeholder: !s.modelValue.length }),
+          onClick: t[0] || (t[0] = (...l) => o.toggle && o.toggle(...l)),
+          onKeydown: t[1] || (t[1] = u(r((...l) => o.toggle && o.toggle(...l), ["prevent"]), ["space"]))
+        }, S(o.summary), 43, Q),
+        m(a, { class: "icon" })
+      ])),
+      I(c(
+        "div",
+        {
+          class: "options",
+          style: N(o.optionsHeight)
+        },
+        [
+          (d(!0), h(
+            C,
+            null,
+            P(s.possibleValues, (l, i) => (d(), D(b, {
+              ref_for: !0,
+              ref: "option",
+              key: `multiselect-${l.id}`,
+              "data-index": i,
+              "model-value": o.isChecked(l.id),
+              disabled: l.disabled,
+              class: "boxes",
+              "onUpdate:modelValue": (V) => o.onUpdateModelValue(l.id, V)
+            }, {
+              default: O(() => [
+                R(
+                  S(l.text),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          E(e.$slots, "selectAction", {}, void 0, !0)
+        ],
+        4
+        /* STYLE */
+      ), [
+        [x, o.showOptions]
+      ])
     ],
-    onFocusout: t[5] || (t[5] = a((...l) => s.onFocusOut && s.onFocusOut(...l), ["stop"])),
-    onMousedown: t[6] || (t[6] = (...l) => s.onMousedown && s.onMousedown(...l))
-  }, [
-    o.useCustomListBox ? B(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), f("div", J, [
-      m("div", {
-        ref: "toggle",
-        role: "button",
-        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"]))
-      }, S(s.summary), 43, Q),
-      c(p, { class: "icon" })
-    ])),
-    I(m("div", {
-      class: "options",
-      style: A(s.optionsHeight)
-    }, [
-      (d(!0), f(D, null, k(o.possibleValues, (l, i) => (d(), C(u, {
-        ref_for: !0,
-        ref: "option",
-        key: `multiselect-${l.id}`,
-        "data-index": i,
-        "model-value": s.isChecked(l.id),
-        disabled: l.disabled,
-        class: "boxes",
-        "onUpdate:modelValue": (V) => s.onUpdateModelValue(l.id, V)
-      }, {
-        default: O(() => [
-          $(S(l.text), 1)
-        ]),
-        _: 2
-      }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
-      B(e.$slots, "selectAction", {}, void 0, !0)
-    ], 4), [
-      [P, s.showOptions]
-    ])
-  ], 34);
+    34
+    /* CLASS, NEED_HYDRATION */
+  );
 }
-const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-9ddc7296"]]), v = "draft-id-combobox-preview-item", _ = M({
+const Z = /* @__PURE__ */ B(X, [["render", Y], ["__scopeId", "data-v-d8f6e694"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/Multiselect/Multiselect.vue"]]), v = "draft-id-combobox-preview-item", _ = A({
   name: "ComboBox",
   components: {
     Multiselect: Z,
-    FunctionButton: K,
+    FunctionButton: j,
     CloseIcon: L
   },
   props: {
@@ -393,9 +416,9 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-9ddc7296"]]
     },
     searchResults() {
       const e = this.allPossibleItems.some(
-        ({ id: o, text: n }) => o === this.trimmedSearchValue || n === this.trimmedSearchValue
+        ({ id: s, text: n }) => s === this.trimmedSearchValue || n === this.trimmedSearchValue
       ), t = this.allPossibleItems.filter(
-        ({ id: o, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || o === this.trimmedSearchValue
+        ({ id: s, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || s === this.trimmedSearchValue
       );
       return this.allowNewValues && !e && !this.isSearchEmpty ? [
         { id: v, text: `${this.trimmedSearchValue} (new item)` },
@@ -410,7 +433,7 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-9ddc7296"]]
     },
     selectedValues() {
       return this.modelValue.map(
-        (e) => this.allPossibleItems.find((t) => e === t.id) || W(e)
+        (e) => this.allPossibleItems.find((t) => e === t.id) || H(e)
       );
     },
     maxSizeVisibleOptions() {
@@ -455,12 +478,12 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-9ddc7296"]]
         this.emitNewSelection(e);
         return;
       }
-      const o = {
+      const s = {
         id: this.trimmedSearchValue,
         text: this.trimmedSearchValue
       };
-      this.allPossibleItems.push(o), this.emitNewSelection(
-        e.map((n) => n === v ? o.id : n)
+      this.allPossibleItems.push(s), this.emitNewSelection(
+        e.map((n) => n === v ? s.id : n)
       );
     },
     removeTag(e) {
@@ -486,9 +509,9 @@ const Z = /* @__PURE__ */ E(q, [["render", Y], ["__scopeId", "data-v-9ddc7296"]]
     }
   }
 }), 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(), C(l, {
+function le(e, t, s, n, p, o) {
+  const a = f("CloseIcon"), b = f("FunctionButton"), l = f("Multiselect");
+  return d(), D(l, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -504,110 +527,156 @@ function le(e, t, o, n, b, s) {
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
     listBox: O(() => [
-      m("div", {
+      c("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
         tabindex: e.disabled ? -1 : 0,
-        onKeydown: t[8] || (t[8] = r(a((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
+        onKeydown: t[8] || (t[8] = u(r((...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((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
-        }, [
-          (d(!0), f(D, null, k(e.selectedValues, ({ id: i, text: V, invalid: R }, T) => (d(), f("div", {
-            key: `item.id${T}`,
-            class: "tag",
-            title: V
-          }, [
-            m("span", {
-              class: w(["text", { invalid: R }])
-            }, S(V), 3),
-            c(u, {
-              class: "remove-tag-button",
+        c(
+          "div",
+          {
+            class: w([
+              "summary-input-wrapper",
+              { "with-icon-right": e.hasSelection, compact: e.compact }
+            ]),
+            onClick: t[7] || (t[7] = r((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
+          },
+          [
+            (d(!0), h(
+              C,
+              null,
+              P(e.selectedValues, ({ id: i, text: V, invalid: k }, M) => (d(), h("div", {
+                key: `item.id${M}`,
+                class: "tag",
+                title: V
+              }, [
+                c(
+                  "span",
+                  {
+                    class: w(["text", { invalid: k }])
+                  },
+                  S(V),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                m(b, {
+                  class: "remove-tag-button",
+                  compact: e.compact,
+                  disabled: e.disabled,
+                  onClick: r((re) => e.removeTag(i), ["stop"])
+                }, {
+                  default: O(() => [
+                    m(a, { class: "remove-tag-button-icon" })
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["compact", "disabled", "onClick"])
+              ], 8, te))),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            I(c("input", {
+              ref: "searchInput",
+              "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
+              class: "search-input",
+              type: "text",
+              style: N(e.inputWidth),
+              maxlength: e.maxCharactersPerItem,
+              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] = u(r((...i) => e.onEnter && e.onEnter(...i), ["prevent"]), ["enter"])),
+                t[4] || (t[4] = u((...i) => e.onBackspace && e.onBackspace(...i), ["backspace"])),
+                t[5] || (t[5] = u(r((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
+                t[6] || (t[6] = u((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
+              ]
+            }, null, 44, se), [
+              [T, e.searchValue]
+            ])
+          ],
+          2
+          /* CLASS */
+        ),
+        I(c(
+          "div",
+          oe,
+          [
+            m(b, {
+              ref: "removeAllTags",
+              class: "remove-all-tags-button",
               compact: e.compact,
               disabled: e.disabled,
-              onClick: a((ae) => e.removeTag(i), ["stop"])
+              onClick: r(e.removeAllTags, ["stop"])
             }, {
               default: O(() => [
-                c(p, { class: "remove-tag-button-icon" })
+                m(a)
               ]),
-              _: 2
-            }, 1032, ["compact", "disabled", "onClick"])
-          ], 8, te))), 128)),
-          I(m("input", {
-            ref: "searchInput",
-            "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
-            class: "search-input",
-            type: "text",
-            style: A(e.inputWidth),
-            maxlength: e.maxCharactersPerItem,
-            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((...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, se), [
-            [x, e.searchValue]
-          ])
-        ], 2),
-        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", "disabled", "onClick"])
-        ], 512), [
-          [P, e.hasSelection]
+              _: 1
+              /* STABLE */
+            }, 8, ["compact", "disabled", "onClick"])
+          ],
+          512
+          /* NEED_PATCH */
+        ), [
+          [x, e.hasSelection]
         ])
       ], 40, ee)
     ]),
     _: 1
+    /* STABLE */
   }, 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 ie = /* @__PURE__ */ E(_, [["render", le], ["__scopeId", "data-v-755f27e9"]]), ne = /* @__PURE__ */ M({
+const ie = /* @__PURE__ */ B(_, [["render", le], ["__scopeId", "data-v-0f51d071"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/components/src/components/forms/ComboBox/ComboBox.vue"]]), ne = /* @__PURE__ */ A({
   __name: "ComboBoxControl",
   props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    isValid: { type: Boolean },
-    onRegisterValidation: { type: Function },
-    labelForId: {}
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
   },
-  setup(e) {
-    const t = e, { possibleValues: o } = U(z(t, "control")), n = F(
-      () => o.value === null || o.value.length === 0
-    ), b = F(
-      () => t.disabled || n.value
-    );
-    return (s, p) => (d(), C(N(ie), {
-      id: s.labelForId,
-      "allow-new-values": n.value ? "" : !1,
-      "aria-label": s.control.label,
-      disabled: b.value,
-      "possible-values": n.value ? s.control.data.map((u) => ({ id: u, text: u })) : N(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"]));
+  setup(e, { expose: t }) {
+    t();
+    const s = e, { possibleValues: n } = $(U(s, "control")), p = F(
+      () => n.value === null || n.value.length === 0
+    ), o = F(
+      () => s.disabled || p.value
+    ), a = { props: s, possibleValues: n, noPossibleValuesPresent: p, isDisabled: o, get ComboBox() {
+      return ie;
+    } };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
-}), fe = /* @__PURE__ */ E(ne, [["__scopeId", "data-v-7d8de6e7"]]);
+});
+function ae(e, t, s, n, p, o) {
+  return d(), h(
+    C,
+    null,
+    [
+      z(`
+        TODO Enable unsing :allow-new-values="noPossibleValuesPresent"
+        (see https://github.com/vuejs/vue/issues/2169)
+      `),
+      m(n.ComboBox, {
+        id: s.labelForId,
+        "allow-new-values": n.noPossibleValuesPresent ? "" : !1,
+        "aria-label": s.control.label,
+        disabled: n.isDisabled,
+        "possible-values": n.noPossibleValuesPresent ? s.control.data.map((a) => ({ id: a, text: a })) : n.possibleValues,
+        "model-value": s.control.data,
+        "is-valid": s.isValid,
+        compact: "",
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => s.changeValue(a))
+      }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"])
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+const be = /* @__PURE__ */ B(ne, [["render", ae], ["__scopeId", "data-v-06069c0d"], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/ComboBoxControl.vue"]]);
 export {
-  fe as default
+  be as default
 };

package/dist/DateControl-vnkppn62.js

@@ -0,0 +1,38 @@
+import { defineComponent as n, createBlock as a, openBlock as u } from "vue";
+import { D as i } from "./DateTimeInput-DcwhvMD2.js";
+import { _ as l } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const d = /* @__PURE__ */ n({
+  __name: "DateControl",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(r, { expose: t }) {
+    t();
+    const e = { get DateTimeInput() {
+      return i;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  }
+});
+function s(r, t, e, o, c, p) {
+  return u(), a(o.DateTimeInput, {
+    id: e.labelForId,
+    "two-lines": "",
+    "model-value": new Date(e.control.data),
+    required: !0,
+    "show-time": !1,
+    compact: "",
+    disabled: e.disabled,
+    "onUpdate:modelValue": e.changeValue
+  }, null, 8, ["id", "model-value", "disabled", "onUpdate:modelValue"]);
+}
+const b = /* @__PURE__ */ l(d, [["render", s], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/DateControl.vue"]]);
+export {
+  b as default
+};

package/dist/DateTimeControl-MkF9G3Xz.js

@@ -0,0 +1,53 @@
+import { defineComponent as d, computed as i, createBlock as c, openBlock as p } from "vue";
+import { D as f } from "./DateTimeInput-DcwhvMD2.js";
+import { t as m, f as _ } from "./localTimeUtils-CfchSrLG.js";
+import { _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_f06e9b7d_lang-B5ALSUVO.js";
+const T = /* @__PURE__ */ d({
+  __name: "DateTimeControl",
+  props: {
+    control: { type: Object, required: !0 },
+    handleChange: { type: Function, required: !0 },
+    changeValue: { type: Function, required: !0 },
+    disabled: { type: Boolean, required: !0 },
+    isValid: { type: Boolean, required: !0 },
+    onRegisterValidation: { type: Function, required: !0 },
+    labelForId: { type: String, required: !0 }
+  },
+  setup(a, { expose: t }) {
+    t();
+    const o = a, e = i(() => o.control.uischema.options), r = i(
+      () => e.value?.minimum ? m(e.value.minimum) : null
+    ), l = i(
+      () => e.value?.maximum ? m(e.value.maximum) : null
+    ), n = i({
+      get: () => m(o.control.data),
+      set: (u) => o.changeValue(_(u))
+    }), s = { props: o, options: e, minimum: r, maximum: l, modelValue: n, get DateTimeInput() {
+      return f;
+    } };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+  }
+});
+function b(a, t, o, e, r, l) {
+  return p(), c(e.DateTimeInput, {
+    id: o.labelForId,
+    modelValue: e.modelValue,
+    "onUpdate:modelValue": t[0] || (t[0] = (n) => e.modelValue = n),
+    "two-lines": "",
+    required: !0,
+    "show-time": e.options?.showTime,
+    "show-seconds": e.options?.showSeconds,
+    "show-milliseconds": e.options?.showMilliseconds,
+    timezone: "UTC",
+    "date-format": e.options?.dateFormat,
+    min: e.minimum,
+    max: e.maximum,
+    "is-valid": o.isValid,
+    compact: "",
+    disabled: o.disabled
+  }, null, 8, ["id", "modelValue", "show-time", "show-seconds", "show-milliseconds", "date-format", "min", "max", "is-valid", "disabled"]);
+}
+const C = /* @__PURE__ */ h(T, [["render", b], ["__file", "/Users/albrecht/Documents/KNIME/git/webapps-common/packages/jsonforms/src/uiComponents/DateTimeControl.vue"]]);
+export {
+  C as default
+};