@knime/jsonforms 0.1.7 → 1.0.1

package/dist/ColumnSelect-D0vqxZ2B.js

@@ -0,0 +1,65 @@
+import { defineComponent as h, computed as b, watchEffect as v, watch as w, onMounted as y, openBlock as P, createBlock as g, mergeProps as C, unref as S, withCtx as u, renderSlot as p } from "vue";
+import { w as V } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
+import { q as _, u as D } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { _ as F } from "./DropdownControl.vue_vue_type_script_setup_true_lang-Cfmqdv7v.js";
+import { b as $ } from "./_baseIsEqual-d71B2UwX.js";
+function E(s, t) {
+  return $(s, t);
+}
+const U = /* @__PURE__ */ h({
+  __name: "ColumnSelect",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {}
+  },
+  setup(s) {
+    const t = s, i = b(
+      () => {
+        var o;
+        return (o = t.control.uischema.options) == null ? void 0 : o.choicesProvider;
+      }
+    ), d = _("getPossibleValuesFromUiSchema"), a = V(
+      D(i, null),
+      t.control
+    ), m = new Promise((o) => {
+      v(() => {
+        a.value && o(a.value);
+      });
+    }), l = (o) => {
+      var n;
+      const e = a.value;
+      if (e === null)
+        throw new Error("Must not convert data before column choices are fetched.");
+      const c = ((n = e.find((f) => f.id === o)) == null ? void 0 : n.compatibleTypes) ?? [];
+      return { selected: o, compatibleTypes: c };
+    }, r = ({ selected: o }) => o;
+    return w(() => a.value, () => {
+      const o = t.control.data, e = l(r(o));
+      E(o, e) || t.changeValue(e);
+    }), y(async () => {
+      i.value || (a.value = await d(t.control));
+    }), (o, e) => (P(), g(F, C({ ...o.$attrs, ...o.$props }, {
+      "async-initial-options": S(m),
+      "control-data-to-dropdown-value": r,
+      compact: "",
+      "dropdown-value-to-control-data": l
+    }), {
+      icon: u(() => [
+        p(o.$slots, "icon")
+      ]),
+      buttons: u(({ hover: c, controlHTMLElement: n }) => [
+        p(o.$slots, "buttons", {
+          hover: c,
+          controlHTMLElement: n
+        })
+      ]),
+      _: 3
+    }, 16, ["async-initial-options"]));
+  }
+});
+export {
+  U as default
+};

package/dist/{ComboBoxControl-ZCl7sHRN.js → ComboBoxControl-CLL5eRHX.js}

@@ -1,11 +1,18 @@
-import { resolveComponent as O, openBlock as c, createElementBlock as v, normalizeClass as g, withKeys as p, withModifiers as r, renderSlot as k, createElementVNode as h, toDisplayString as B, createVNode as V, withDirectives as F, normalizeStyle as P, Fragment as x, renderList as M, createBlock as S, withCtx as w, createTextVNode as R, vShow as T, defineComponent as $, vModelText as U, computed as I, ref as D, onMounted as L, unref as b, createCommentVNode as H } from "vue";
-import { _ as N, m as K, X as j, Y as W, F as X, C as G, r as Y, a as q, V as J, p as Q, L as Z } from "./index-1mTLieVA.js";
-import { c as _ } from "./createMissingItem-B00Kg95q.js";
-const C = 1, ee = 28.5, te = 8, se = {
+import { resolveComponent as b, openBlock as d, createElementBlock as V, normalizeClass as w, withKeys as u, withModifiers as a, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as f, withDirectives as I, normalizeStyle as A, Fragment as k, renderList as D, createBlock as C, withCtx as O, createTextVNode as x, vShow as P, defineComponent as M, vModelText as z, computed as v, ref as B, onMounted as R, unref as N, createCommentVNode as U } from "vue";
+import { w as L } from "./getPossibleValuesFromUiSchema-BFJtj-id.js";
+import { _ as E, u as H } from "./VerticalLayoutBase.vue_vue_type_style_index_0_scoped_03d90ec1_lang-BmCXzwjJ.js";
+import { C as K } from "./close-h7XT0ja0.js";
+import { F as j } from "./FunctionButton-DBec3TQi.js";
+/* empty css                   */
+import { u as W } from "./index-Cp7Xre_V.js";
+import { A as G } from "./arrow-dropdown-DjUxzjqC.js";
+import { C as X } from "./Checkbox-BxPISyW3.js";
+import { c as q } from "./createMissingItem-B00Kg95q.js";
+const y = 1, J = 28.5, Q = 8, Y = {
   name: "Multiselect",
   components: {
-    Checkbox: K,
-    DropdownIcon: j
+    Checkbox: X,
+    DropdownIcon: G
   },
   props: {
     /**
@@ -140,7 +147,7 @@ const C = 1, ee = 28.5, te = 8, se = {
     },
     optionsHeight() {
       return this.useSpecificOptionsHeight ? {
-        "max-height": `${this.sizeVisibleOptions * ee + te}px`
+        "max-height": `${this.sizeVisibleOptions * J + Q}px`
       } : {};
     },
     refocusElementOnClose() {
@@ -171,7 +178,7 @@ const C = 1, ee = 28.5, te = 8, se = {
       this.collapsed = !this.collapsed, setTimeout(() => {
         var e;
         (e = this.$refs.toggle) == null || e.focus();
-      }, C);
+      }, y);
     },
     isChecked(e) {
       return this.modelValue.includes(e);
@@ -186,7 +193,7 @@ const C = 1, ee = 28.5, te = 8, se = {
     closeOptions(e = !0) {
       this.collapsed = !0, e && setTimeout(() => {
         this.refocusElementOnClose.focus();
-      }, C);
+      }, y);
     },
     /**
      * Handle closing the options if necessary and stopping the event if so.
@@ -212,7 +219,7 @@ const C = 1, ee = 28.5, te = 8, se = {
     onFocusOut() {
       setTimeout(() => {
         this.focusElements.includes(document.activeElement) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
-      }, C);
+      }, y);
     },
     /*
      * Manually prevents default event bubbling and propagation for mousedown which can fire blur events that
@@ -232,62 +239,62 @@ const C = 1, ee = 28.5, te = 8, se = {
       ).map((e) => e.$el && e.$el.firstChild));
     }
   }
-}, oe = { key: 1 };
-function le(e, t, i, n, y, l) {
-  const d = O("DropdownIcon"), m = O("Checkbox");
-  return c(), v("div", {
+}, Z = { key: 1 };
+function _(e, t, i, n, h, l) {
+  const r = b("DropdownIcon"), c = b("Checkbox");
+  return d(), V("div", {
     ref: "multiselect",
-    class: g(["multiselect", { collapsed: y.collapsed, invalid: !i.isValid, compact: i.compact }]),
+    class: w(["multiselect", { collapsed: h.collapsed, invalid: !i.isValid, compact: i.compact }]),
     onKeydown: [
-      t[2] || (t[2] = p((...o) => l.closeOptionsAndStop && l.closeOptionsAndStop(...o), ["esc"])),
-      t[3] || (t[3] = p(r((...o) => l.onUp && l.onUp(...o), ["stop", "prevent"]), ["up"])),
-      t[4] || (t[4] = p(r((...o) => l.onDown && l.onDown(...o), ["stop", "prevent"]), ["down"]))
+      t[2] || (t[2] = u((...s) => l.closeOptionsAndStop && l.closeOptionsAndStop(...s), ["esc"])),
+      t[3] || (t[3] = u(a((...s) => l.onUp && l.onUp(...s), ["stop", "prevent"]), ["up"])),
+      t[4] || (t[4] = u(a((...s) => l.onDown && l.onDown(...s), ["stop", "prevent"]), ["down"]))
     ],
-    onFocusout: t[5] || (t[5] = r((...o) => l.onFocusOut && l.onFocusOut(...o), ["stop"])),
-    onMousedown: t[6] || (t[6] = (...o) => l.onMousedown && l.onMousedown(...o))
+    onFocusout: t[5] || (t[5] = a((...s) => l.onFocusOut && l.onFocusOut(...s), ["stop"])),
+    onMousedown: t[6] || (t[6] = (...s) => l.onMousedown && l.onMousedown(...s))
   }, [
-    i.useCustomListBox ? k(e.$slots, "listBox", { key: 0 }, void 0, !0) : (c(), v("div", oe, [
-      h("div", {
+    i.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), V("div", Z, [
+      p("div", {
         ref: "toggle",
         role: "button",
         tabindex: "0",
-        class: g({ placeholder: !i.modelValue.length }),
-        onClick: t[0] || (t[0] = (...o) => l.toggle && l.toggle(...o)),
-        onKeydown: t[1] || (t[1] = p(r((...o) => l.toggle && l.toggle(...o), ["prevent"]), ["space"]))
-      }, B(l.summary), 35),
-      V(d, { class: "icon" })
+        class: w({ placeholder: !i.modelValue.length }),
+        onClick: t[0] || (t[0] = (...s) => l.toggle && l.toggle(...s)),
+        onKeydown: t[1] || (t[1] = u(a((...s) => l.toggle && l.toggle(...s), ["prevent"]), ["space"]))
+      }, S(l.summary), 35),
+      f(r, { class: "icon" })
     ])),
-    F(h("div", {
+    I(p("div", {
       class: "options",
-      style: P(l.optionsHeight)
+      style: A(l.optionsHeight)
     }, [
-      (c(!0), v(x, null, M(i.possibleValues, (o, s) => (c(), S(m, {
+      (d(!0), V(k, null, D(i.possibleValues, (s, o) => (d(), C(c, {
         ref_for: !0,
         ref: "option",
-        key: `multiselect-${o.id}`,
-        "data-index": s,
-        "model-value": l.isChecked(o.id),
-        disabled: o.disabled,
+        key: `multiselect-${s.id}`,
+        "data-index": o,
+        "model-value": l.isChecked(s.id),
+        disabled: s.disabled,
         class: "boxes",
-        "onUpdate:modelValue": (f) => l.onUpdateModelValue(o.id, f)
+        "onUpdate:modelValue": (m) => l.onUpdateModelValue(s.id, m)
       }, {
-        default: w(() => [
-          R(B(o.text), 1)
+        default: O(() => [
+          x(S(s.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
-      k(e.$slots, "selectAction", {}, void 0, !0)
+      F(e.$slots, "selectAction", {}, void 0, !0)
     ], 4), [
-      [T, l.showOptions]
+      [P, l.showOptions]
     ])
   ], 34);
 }
-const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a"]]), E = "draft-id-combobox-preview-item", ne = $({
+const ee = /* @__PURE__ */ E(Y, [["render", _], ["__scopeId", "data-v-e722538a"]]), g = "draft-id-combobox-preview-item", te = M({
   name: "ComboBox",
   components: {
-    Multiselect: ie,
-    FunctionButton: X,
-    CloseIcon: G
+    Multiselect: ee,
+    FunctionButton: j,
+    CloseIcon: K
   },
   props: {
     /**
@@ -378,7 +385,7 @@ const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a
         ({ id: i, text: n }) => n.toLowerCase().includes(this.trimmedLowerCasedSearchValue) || i === this.trimmedSearchValue
       );
       return this.allowNewValues && !e && !this.isSearchEmpty ? [
-        { id: E, text: `${this.trimmedSearchValue} (new item)` },
+        { id: g, text: `${this.trimmedSearchValue} (new item)` },
         ...t
       ] : t;
     },
@@ -390,7 +397,7 @@ const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a
     },
     selectedValues() {
       return this.modelValue.map(
-        (e) => this.allPossibleItems.find((t) => e === t.id) || _(e)
+        (e) => this.allPossibleItems.find((t) => e === t.id) || q(e)
       );
     },
     maxSizeVisibleOptions() {
@@ -432,7 +439,7 @@ const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a
       this.inputOrOptionsFocussed || this.$refs.combobox.toggle(), this.inputOrOptionsFocussed = !0, this.$refs.combobox.updateFocusOptions();
     },
     updateSelectedIds(e) {
-      if (!e.includes(E)) {
+      if (!e.includes(g)) {
         this.emitNewSelection(e);
         return;
       }
@@ -441,7 +448,7 @@ const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a
         text: this.trimmedSearchValue
       };
       this.allPossibleItems.push(i), this.emitNewSelection(
-        e.map((n) => n === E ? i.id : n)
+        e.map((n) => n === g ? i.id : n)
       );
     },
     removeTag(e) {
@@ -457,10 +464,10 @@ const ie = /* @__PURE__ */ N(se, [["render", le], ["__scopeId", "data-v-e722538a
       this.$refs.combobox.closeOptions();
     }
   }
-}), ae = ["title"], ue = { class: "icon-right" };
-function re(e, t, i, n, y, l) {
-  const d = O("CloseIcon"), m = O("FunctionButton"), o = O("Multiselect");
-  return c(), S(o, {
+}), se = ["title"], oe = { class: "icon-right" };
+function le(e, t, i, n, h, l) {
+  const r = b("CloseIcon"), c = b("FunctionButton"), s = b("Multiselect");
+  return d(), C(s, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -474,127 +481,121 @@ function re(e, t, i, n, y, l) {
     onFocusOutside: e.onFocusOutside,
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
-    listBox: w(() => [
-      h("div", {
+    listBox: O(() => [
+      p("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
         tabindex: "0",
-        onKeydown: t[8] || (t[8] = p(r((...s) => e.focusInput && e.focusInput(...s), ["prevent", "self"]), ["enter"]))
+        onKeydown: t[8] || (t[8] = u(a((...o) => e.focusInput && e.focusInput(...o), ["prevent", "self"]), ["enter"]))
       }, [
-        h("div", {
-          class: g([
+        p("div", {
+          class: w([
             "summary-input-wrapper",
             { "with-icon-right": e.hasSelection, compact: e.compact }
           ]),
-          onClick: t[7] || (t[7] = r((...s) => e.focusInput && e.focusInput(...s), ["stop"]))
+          onClick: t[7] || (t[7] = a((...o) => e.focusInput && e.focusInput(...o), ["stop"]))
         }, [
-          (c(!0), v(x, null, M(e.selectedValues, ({ id: s, text: f, invalid: a }, u) => (c(), v("div", {
-            key: `item.id${u}`,
+          (d(!0), V(k, null, D(e.selectedValues, ({ id: o, text: m, invalid: T }, $) => (d(), V("div", {
+            key: `item.id${$}`,
             class: "tag",
-            title: f
+            title: m
           }, [
-            h("span", {
-              class: g(["text", { invalid: a }])
-            }, B(f), 3),
-            V(m, {
+            p("span", {
+              class: w(["text", { invalid: T }])
+            }, S(m), 3),
+            f(c, {
               class: "remove-tag-button",
               compact: e.compact,
-              onClick: r((A) => e.removeTag(s), ["stop"])
+              onClick: a((ae) => e.removeTag(o), ["stop"])
             }, {
-              default: w(() => [
-                V(d, { class: "remove-tag-button-icon" })
+              default: O(() => [
+                f(r, { class: "remove-tag-button-icon" })
               ]),
               _: 2
             }, 1032, ["compact", "onClick"])
-          ], 8, ae))), 128)),
-          F(h("input", {
+          ], 8, se))), 128)),
+          I(p("input", {
             ref: "searchInput",
-            "onUpdate:modelValue": t[0] || (t[0] = (s) => e.searchValue = s),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchValue = o),
             class: "search-input",
             type: "text",
-            style: P(e.inputWidth),
-            onFocus: t[1] || (t[1] = (...s) => e.onInputFocus && e.onInputFocus(...s)),
-            onInput: t[2] || (t[2] = (...s) => e.onInput && e.onInput(...s)),
+            style: A(e.inputWidth),
+            onFocus: t[1] || (t[1] = (...o) => e.onInputFocus && e.onInputFocus(...o)),
+            onInput: t[2] || (t[2] = (...o) => e.onInput && e.onInput(...o)),
             onKeydown: [
-              t[3] || (t[3] = p(r((...s) => e.onEnter && e.onEnter(...s), ["prevent"]), ["enter"])),
-              t[4] || (t[4] = p((...s) => e.onBackspace && e.onBackspace(...s), ["backspace"])),
-              t[5] || (t[5] = p(r((...s) => e.onDown && e.onDown(...s), ["stop", "prevent"]), ["down"])),
-              t[6] || (t[6] = p((...s) => e.closeOptionsAndStop && e.closeOptionsAndStop(...s), ["esc"]))
+              t[3] || (t[3] = u(a((...o) => e.onEnter && e.onEnter(...o), ["prevent"]), ["enter"])),
+              t[4] || (t[4] = u((...o) => e.onBackspace && e.onBackspace(...o), ["backspace"])),
+              t[5] || (t[5] = u(a((...o) => e.onDown && e.onDown(...o), ["stop", "prevent"]), ["down"])),
+              t[6] || (t[6] = u((...o) => e.closeOptionsAndStop && e.closeOptionsAndStop(...o), ["esc"]))
             ]
           }, null, 36), [
-            [U, e.searchValue]
+            [z, e.searchValue]
           ])
         ], 2),
-        F(h("div", ue, [
-          V(m, {
+        I(p("div", oe, [
+          f(c, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",
             compact: e.compact,
-            onClick: r(e.removeAllTags, ["stop"])
+            onClick: a(e.removeAllTags, ["stop"])
           }, {
-            default: w(() => [
-              V(d)
+            default: O(() => [
+              f(r)
             ]),
             _: 1
           }, 8, ["compact", "onClick"])
         ], 512), [
-          [T, e.hasSelection]
+          [P, e.hasSelection]
         ])
       ], 544)
     ]),
     _: 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"]);
 }
-const de = /* @__PURE__ */ N(ne, [["render", re], ["__scopeId", "data-v-84cbb077"]]), pe = /* @__PURE__ */ $({
+const ie = /* @__PURE__ */ E(te, [["render", le], ["__scopeId", "data-v-84cbb077"]]), ne = /* @__PURE__ */ M({
   __name: "ComboBoxControl",
-  props: Y(),
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {}
+  },
   setup(e) {
-    const t = e, {
-      control: i,
-      onChange: n,
-      disabled: y
-    } = q({ props: t }), l = I(
+    const t = e, i = v(
       () => {
-        var a, u;
-        return (u = (a = i.value.uischema) == null ? void 0 : a.options) == null ? void 0 : u.choicesProvider;
+        var s, o;
+        return (o = (s = t.control.uischema) == null ? void 0 : s.options) == null ? void 0 : o.choicesProvider;
       }
-    ), d = J(
-      Q(l, []),
-      i.value
-    ), m = D([]), o = D(!1);
-    L(() => {
-      var a, u;
-      m.value = i.value.data, l.value || (d.value = (u = (a = i.value.uischema) == null ? void 0 : a.options) == null ? void 0 : u.possibleValues), o.value = !0;
+    ), n = L(
+      H(i, []),
+      t.control
+    ), h = B([]), l = B(!1);
+    R(() => {
+      var s, o;
+      h.value = t.control.data, i.value || (n.value = (o = (s = t.control.uischema) == null ? void 0 : s.options) == null ? void 0 : o.possibleValues), l.value = !0;
     });
-    const s = I(
-      () => typeof d.value > "u"
-    ), f = I(
+    const r = v(
+      () => typeof n.value > "u"
+    ), c = v(
       () => {
-        var a;
-        return y.value || s.value || ((a = d.value) == null ? void 0 : a.length) === 0;
+        var s;
+        return t.disabled || r.value || ((s = n.value) == null ? void 0 : s.length) === 0;
       }
     );
-    return (a, u) => (c(), S(Z, {
-      control: b(i),
-      onControllingFlowVariableSet: b(n)
-    }, {
-      default: w(({ labelForId: A }) => [
-        o.value ? (c(), S(b(de), {
-          key: 0,
-          id: A,
-          "allow-new-values": s.value ? "" : !1,
-          "aria-label": b(i).label,
-          disabled: f.value,
-          "possible-values": s.value ? [] : b(d),
-          "model-value": m.value,
-          compact: "",
-          "onUpdate:modelValue": u[0] || (u[0] = (z) => b(n)(z))
-        }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value"])) : H("", !0)
-      ]),
-      _: 1
-    }, 8, ["control", "onControllingFlowVariableSet"]));
+    return (s, o) => l.value ? (d(), C(N(ie), {
+      key: 0,
+      id: s.labelForId,
+      "allow-new-values": r.value ? "" : !1,
+      "aria-label": s.control.label,
+      disabled: c.value,
+      "possible-values": r.value ? [] : N(n),
+      "model-value": h.value,
+      compact: "",
+      "onUpdate:modelValue": o[0] || (o[0] = (m) => s.changeValue(m))
+    }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value"])) : U("", !0);
   }
-}), fe = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-83cb973c"]]);
+}), Oe = /* @__PURE__ */ E(ne, [["__scopeId", "data-v-838db307"]]);
 export {
-  fe as default
+  Oe as default
 };

package/dist/DateControl-v0qHckKz.js

@@ -0,0 +1,27 @@
+import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
+import { D as t } from "./DateTimeInput-ltP7o2TE.js";
+const i = /* @__PURE__ */ o({
+  __name: "DateControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {}
+  },
+  setup(d) {
+    return (e, r) => (a(), l(n(t), {
+      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"]));
+  }
+});
+export {
+  i as default
+};

package/dist/DateTimeControl-COnMFfMd.js

@@ -0,0 +1,47 @@
+import { defineComponent as r, computed as a, openBlock as p, createBlock as h, unref as v } from "vue";
+import { D as w } from "./DateTimeInput-ltP7o2TE.js";
+const F = /* @__PURE__ */ r({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {}
+  },
+  setup(s) {
+    const u = s, o = a(() => u.control.uischema.options), d = a(
+      () => {
+        var e;
+        return (e = o.value) != null && e.minimum ? new Date(o.value.minimum) : null;
+      }
+    ), c = a(
+      () => {
+        var e;
+        return (e = o.value) != null && e.maximum ? new Date(o.value.maximum) : null;
+      }
+    );
+    return (e, f) => {
+      var n, l, m, t, i;
+      return p(), h(v(w), {
+        id: e.labelForId,
+        "two-lines": "",
+        "model-value": new Date(e.control.data),
+        required: !0,
+        "show-time": (n = o.value) == null ? void 0 : n.showTime,
+        "show-seconds": (l = o.value) == null ? void 0 : l.showSeconds,
+        "show-milliseconds": (m = o.value) == null ? void 0 : m.showMilliseconds,
+        timezone: (t = o.value) == null ? void 0 : t.timezone,
+        "date-format": (i = o.value) == null ? void 0 : i.dateFormat,
+        min: d.value,
+        max: c.value,
+        compact: "",
+        disabled: e.disabled,
+        "onUpdate:modelValue": e.changeValue
+      }, null, 8, ["id", "model-value", "show-time", "show-seconds", "show-milliseconds", "timezone", "date-format", "min", "max", "disabled", "onUpdate:modelValue"]);
+    };
+  }
+});
+export {
+  F as default
+};