@knime/jsonforms 1.15.49 → 1.16.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @knime/json-forms
 
+## 1.16.0
+
+### Minor Changes
+
+- f2d266c: Updated node version range for support for node 22 - 24
+
+### Patch Changes
+
+- Updated dependencies [f2d266c]
+- Updated dependencies [f2d266c]
+  - @knime/components@1.43.0
+  - @knime/utils@1.8.0
+  - @knime/rich-text-editor@1.8.0
+  - @knime/styles@1.15.0
+
+## 1.15.50
+
+### Patch Changes
+
+- bee90f7: Set a value on focusout when the number provided by the number input is not a number in the NumberControl.
+
 ## 1.15.49
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-GdHqoDXl.js → AnyOfTwinlist-C9w8Fl_L.js}

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

package/dist/{Button-FgpzIwfq.js → Button-B0r-Emss.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as a, createBlock as s, openBlock as n, normalizeClass as r, withCtx as l, renderSlot as i } from "vue";
-import { R as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
+import { Q as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
 const c = o({
   name: "Button",
   components: {

package/dist/CheckboxControl-C1tJMl_l.js

@@ -0,0 +1,40 @@
+import { defineComponent as d, ref as s, createElementBlock as r, openBlock as u, createVNode as i, renderSlot as l, unref as c, withCtx as v, createTextVNode as m, toDisplayString as p } from "vue";
+import { C as b, _ as f } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+const h = /* @__PURE__ */ d({
+  __name: "CheckboxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(e) {
+    const t = s(!1);
+    return (a, o) => (u(), r("div", {
+      class: "checkbox-input",
+      onMouseover: o[0] || (o[0] = (n) => t.value = !0),
+      onMouseleave: o[1] || (o[1] = (n) => t.value = !1)
+    }, [
+      i(c(b), {
+        class: "checkbox",
+        disabled: e.disabled,
+        "model-value": e.control.data,
+        "onUpdate:modelValue": e.changeValue
+      }, {
+        default: v(() => [
+          m(p(e.control.label) + " ", 1),
+          l(a.$slots, "icon", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["disabled", "model-value", "onUpdate:modelValue"]),
+      l(a.$slots, "buttons", { hover: t.value }, void 0, !0)
+    ], 32));
+  }
+}), V = /* @__PURE__ */ f(h, [["__scopeId", "data-v-79e98ad6"]]);
+export {
+  V as default
+};

package/dist/{Checkboxes-ssh5ckOq.js → Checkboxes-Ba0RB85i.js}

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

package/dist/CheckboxesControl-BZG3enbb.js

@@ -0,0 +1,38 @@
+import { defineComponent as c, computed as t, ref as i, toRef as u, onMounted as d, createBlock as r, createCommentVNode as m, openBlock as p, unref as b } from "vue";
+import { o as f } from "./index-Blg1O3Fz.js";
+import { u as h } from "./usePossibleValues-DBLA1Uo3.js";
+import { C as v } from "./Checkboxes-Ba0RB85i.js";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
+const y = /* @__PURE__ */ c({
+  __name: "CheckboxesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const o = e, n = t(
+      () => o.control.uischema.options?.checkboxLayout
+    ), a = i(null), { possibleValues: s } = h(u(o, "control")), l = t(() => a.value ?? s.value);
+    return d(() => {
+      a.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(f) : null;
+    }), (C, k) => l.value ? (p(), r(b(v), {
+      key: 0,
+      id: e.labelForId,
+      class: "checkboxes",
+      "possible-values": l.value,
+      alignment: n.value,
+      disabled: e.disabled,
+      "model-value": e.control.data,
+      "is-valid": e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "is-valid", "onUpdate:modelValue"])) : m("", !0);
+  }
+}), O = /* @__PURE__ */ V(y, [["__scopeId", "data-v-2891ceef"]]);
+export {
+  O as default
+};

package/dist/{ComboBoxControl-CwChVLXP.js → ComboBoxControl-bxENnSMl.js}

@@ -1,16 +1,16 @@
-import { resolveComponent as f, createElementBlock as b, openBlock as d, withModifiers as u, withKeys as r, normalizeClass as w, renderSlot as F, withDirectives as S, createElementVNode as c, createVNode as h, toDisplayString as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as $, vShow as k, defineComponent as M, vModelText as x, toRef as z, computed as y, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-xsoA72wU.js";
-import { C as L } from "./close-DGt8x-x_.js";
-import { _ as B, C as H, v as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-BRgHua3C.js";
+import { resolveComponent as f, createElementBlock as b, openBlock as r, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, withDirectives as S, createElementVNode as p, createVNode as h, toDisplayString as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as T, vShow as k, defineComponent as x, vModelText as $, toRef as z, computed as y, unref as N } from "vue";
+import { u as U } from "./usePossibleValues-DBLA1Uo3.js";
+import { C as L } from "./close-W1x27NhZ.js";
+import { _ as B, C as H, r as K } from "./SectionHeading.vue_vue_type_style_index_0_scoped_c541eb08_lang-DlmsI7j4.js";
 /* empty css                   */
-import { A as j } from "./arrow-dropdown-BAFsD8Su.js";
+import { A as j } from "./arrow-dropdown-BHK4j8GT.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
-const v = () => {
+const g = () => {
   let e = document?.activeElement;
   for (; e?.shadowRoot; )
     e = e?.shadowRoot?.activeElement;
   return e;
-}, g = 1, G = 28.5, X = 8, q = {
+}, v = 1, G = 28.5, X = 8, q = {
   name: "Multiselect",
   components: {
     Checkbox: H,
@@ -171,7 +171,7 @@ const v = () => {
      * @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 = v()) {
+    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) {
@@ -180,7 +180,7 @@ const v = () => {
     toggle() {
       this.collapsed = !this.collapsed, setTimeout(() => {
         this.$refs.toggle?.focus();
-      }, g);
+      }, v);
     },
     isChecked(e) {
       return this.modelValue.includes(e);
@@ -195,7 +195,7 @@ const v = () => {
     closeOptions(e = !0) {
       this.collapsed = !0, e && setTimeout(() => {
         this.refocusElementOnClose.focus();
-      }, g);
+      }, v);
     },
     /**
      * Handle closing the options if necessary and stopping the event if so.
@@ -208,7 +208,7 @@ const v = () => {
     },
     /* Handle arrow key "up" events. */
     onUp() {
-      const e = v();
+      const e = g();
       e !== this.$refs.toggle && this.getNextElement(-1, e).focus();
     },
     /* Handle arrow key "down" events. */
@@ -221,8 +221,8 @@ const v = () => {
      */
     onFocusOut() {
       setTimeout(() => {
-        this.focusElements.includes(v()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
-      }, g);
+        this.focusElements.includes(g()) || (this.closeOptions(!1), this.useCustomListBox && this.$emit("focusOutside"));
+      }, v);
     },
     /*
      * Manually prevents default event bubbling and propagation for mousedown which can fire blur events that
@@ -243,38 +243,38 @@ const v = () => {
     }
   }
 }, J = { key: 1 }, Q = ["tabindex"];
-function Y(e, t, l, n, m, o) {
-  const a = f("DropdownIcon"), p = f("Checkbox");
-  return d(), b("div", {
+function Y(e, t, l, n, c, o) {
+  const m = f("DropdownIcon"), d = f("Checkbox");
+  return r(), b("div", {
     ref: "multiselect",
     class: w([
       "multiselect",
-      { collapsed: m.collapsed, invalid: !l.isValid, compact: l.compact, disabled: l.disabled }
+      { collapsed: c.collapsed, invalid: !l.isValid, compact: l.compact, disabled: l.disabled }
     ]),
     onKeydown: [
-      t[2] || (t[2] = r((...s) => o.closeOptionsAndStop && o.closeOptionsAndStop(...s), ["esc"])),
-      t[3] || (t[3] = r(u((...s) => o.onUp && o.onUp(...s), ["stop", "prevent"]), ["up"])),
-      t[4] || (t[4] = r(u((...s) => o.onDown && o.onDown(...s), ["stop", "prevent"]), ["down"]))
+      t[2] || (t[2] = u((...s) => o.closeOptionsAndStop && o.closeOptionsAndStop(...s), ["esc"])),
+      t[3] || (t[3] = u(a((...s) => o.onUp && o.onUp(...s), ["stop", "prevent"]), ["up"])),
+      t[4] || (t[4] = u(a((...s) => o.onDown && o.onDown(...s), ["stop", "prevent"]), ["down"]))
     ],
-    onFocusout: t[5] || (t[5] = u((...s) => o.onFocusOut && o.onFocusOut(...s), ["stop"])),
+    onFocusout: t[5] || (t[5] = a((...s) => o.onFocusOut && o.onFocusOut(...s), ["stop"])),
     onMousedown: t[6] || (t[6] = (...s) => o.onMousedown && o.onMousedown(...s))
   }, [
-    l.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (d(), b("div", J, [
-      c("div", {
+    l.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (r(), b("div", J, [
+      p("div", {
         ref: "toggle",
         role: "button",
         tabindex: l.disabled ? -1 : 0,
         class: w({ placeholder: !l.modelValue.length }),
         onClick: t[0] || (t[0] = (...s) => o.toggle && o.toggle(...s)),
-        onKeydown: t[1] || (t[1] = r(u((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
+        onKeydown: t[1] || (t[1] = u(a((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
       }, C(o.summary), 43, Q),
-      h(a, { class: "icon" })
+      h(m, { class: "icon" })
     ])),
-    S(c("div", {
+    S(p("div", {
       class: "options",
       style: A(o.optionsHeight)
     }, [
-      (d(!0), b(D, null, P(l.possibleValues, (s, i) => (d(), E(p, {
+      (r(!0), b(D, null, P(l.possibleValues, (s, i) => (r(), E(d, {
         ref_for: !0,
         ref: "option",
         key: `multiselect-${s.id}`,
@@ -285,7 +285,7 @@ function Y(e, t, l, n, m, o) {
         "onUpdate:modelValue": (V) => o.onUpdateModelValue(s.id, V)
       }, {
         default: O(() => [
-          $(C(s.text), 1)
+          T(C(s.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
@@ -295,7 +295,7 @@ function Y(e, t, l, n, m, o) {
     ])
   ], 34);
 }
-const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), I = "draft-id-combobox-preview-item", _ = M({
+const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), I = "draft-id-combobox-preview-item", _ = x({
   name: "ComboBox",
   components: {
     Multiselect: Z,
@@ -486,9 +486,9 @@ const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]
     }
   }
 }), ee = ["tabindex"], te = ["title"], se = ["maxlength", "disabled"], oe = { class: "icon-right" };
-function le(e, t, l, n, m, o) {
-  const a = f("CloseIcon"), p = f("FunctionButton"), s = f("Multiselect");
-  return d(), E(s, {
+function le(e, t, l, n, c, o) {
+  const m = f("CloseIcon"), d = f("FunctionButton"), s = f("Multiselect");
+  return r(), E(s, {
     ref: "combobox",
     "model-value": e.modelValue,
     "possible-values": e.searchResults,
@@ -504,40 +504,40 @@ function le(e, t, l, n, m, o) {
     "onUpdate:modelValue": e.updateSelectedIds
   }, {
     listBox: O(() => [
-      c("div", {
+      p("div", {
         ref: "listBox",
         class: "summary-input-icon-wrapper",
         tabindex: e.disabled ? -1 : 0,
-        onKeydown: t[8] || (t[8] = r(u((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
+        onKeydown: t[8] || (t[8] = u(a((...i) => e.focusInput && e.focusInput(...i), ["prevent", "self"]), ["enter"]))
       }, [
-        c("div", {
+        p("div", {
           class: w([
             "summary-input-wrapper",
             { "with-icon-right": e.hasSelection, compact: e.compact }
           ]),
-          onClick: t[7] || (t[7] = u((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
+          onClick: t[7] || (t[7] = a((...i) => e.focusInput && e.focusInput(...i), ["stop"]))
         }, [
-          (d(!0), b(D, null, P(e.selectedValues, ({ id: i, text: V, invalid: R }, T) => (d(), b("div", {
-            key: `item.id${T}`,
+          (r(!0), b(D, null, P(e.selectedValues, ({ id: i, text: V, invalid: M }, R) => (r(), b("div", {
+            key: `item.id${R}`,
             class: "tag",
             title: V
           }, [
-            c("span", {
-              class: w(["text", { invalid: R }])
+            p("span", {
+              class: w(["text", { invalid: M }])
             }, C(V), 3),
-            h(p, {
+            h(d, {
               class: "remove-tag-button",
               compact: e.compact,
               disabled: e.disabled,
-              onClick: u((ae) => e.removeTag(i), ["stop"])
+              onClick: a((ae) => e.removeTag(i), ["stop"])
             }, {
               default: O(() => [
-                h(a, { class: "remove-tag-button-icon" })
+                h(m, { class: "remove-tag-button-icon" })
               ]),
-              _: 2
-            }, 1032, ["compact", "disabled", "onClick"])
+              _: 1
+            }, 8, ["compact", "disabled", "onClick"])
           ], 8, te))), 128)),
-          S(c("input", {
+          S(p("input", {
             ref: "searchInput",
             "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
             class: "search-input",
@@ -548,25 +548,25 @@ function le(e, t, l, n, m, o) {
             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(u((...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(u((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
-              t[6] || (t[6] = r((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
+              t[3] || (t[3] = u(a((...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(a((...i) => e.onDown && e.onDown(...i), ["stop", "prevent"]), ["down"])),
+              t[6] || (t[6] = u((...i) => e.closeOptionsAndStop && e.closeOptionsAndStop(...i), ["esc"]))
             ]
           }, null, 44, se), [
-            [x, e.searchValue]
+            [$, e.searchValue]
           ])
         ], 2),
-        S(c("div", oe, [
-          h(p, {
+        S(p("div", oe, [
+          h(d, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",
             compact: e.compact,
             disabled: e.disabled,
-            onClick: u(e.removeAllTags, ["stop"])
+            onClick: a(e.removeAllTags, ["stop"])
           }, {
             default: O(() => [
-              h(a)
+              h(m)
             ]),
             _: 1
           }, 8, ["compact", "disabled", "onClick"])
@@ -578,7 +578,7 @@ function le(e, t, l, n, m, o) {
     _: 1
   }, 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__ */ B(_, [["render", le], ["__scopeId", "data-v-b2800209"]]), ne = /* @__PURE__ */ M({
+const ie = /* @__PURE__ */ B(_, [["render", le], ["__scopeId", "data-v-b2800209"]]), ne = /* @__PURE__ */ x({
   __name: "ComboBoxControl",
   props: {
     control: {},
@@ -592,21 +592,21 @@ const ie = /* @__PURE__ */ B(_, [["render", le], ["__scopeId", "data-v-b2800209"
   setup(e) {
     const t = e, { possibleValues: l } = U(z(t, "control")), n = y(
       () => l.value === null || l.value.length === 0
-    ), m = y(
+    ), c = y(
       () => t.control.uischema.providedOptions?.includes("possibleValues") || t.control.uischema.options?.possibleValues !== void 0
     ), o = y(
-      () => t.disabled || n.value && m.value
+      () => t.disabled || n.value && c.value
     );
-    return (a, p) => (d(), E(N(ie), {
-      id: a.labelForId,
-      "allow-new-values": !m.value,
-      "aria-label": a.control.label,
+    return (m, d) => (r(), E(N(ie), {
+      id: e.labelForId,
+      "allow-new-values": !c.value,
+      "aria-label": e.control.label,
       disabled: o.value,
-      "possible-values": n.value ? a.control.data.map((s) => ({ id: s, text: s })) : N(l),
-      "model-value": a.control.data,
-      "is-valid": a.isValid,
+      "possible-values": n.value ? e.control.data.map((s) => ({ id: s, text: s })) : N(l),
+      "model-value": e.control.data,
+      "is-valid": e.isValid,
       compact: "",
-      "onUpdate:modelValue": p[0] || (p[0] = (s) => a.changeValue(s))
+      "onUpdate:modelValue": d[0] || (d[0] = (s) => e.changeValue(s))
     }, null, 8, ["id", "allow-new-values", "aria-label", "disabled", "possible-values", "model-value", "is-valid"]));
   }
 }), fe = /* @__PURE__ */ B(ne, [["__scopeId", "data-v-cb6aa225"]]);

package/dist/{DateControl-BMk6qnq4.js → DateControl-Bk9PHLT-.js}

@@ -1,5 +1,5 @@
-import { defineComponent as d, computed as i, createBlock as r, openBlock as s, unref as u } from "vue";
-import { t as m, f as p, D as c } from "./localTimeUtils-DMshyM5o.js";
+import { defineComponent as d, computed as i, createBlock as r, openBlock as u, unref as m } from "vue";
+import { t as s, f as c, D as p } from "./localTimeUtils-BdNsJ0Hu.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {
@@ -11,15 +11,15 @@ const b = /* @__PURE__ */ d({
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(l) {
-    const o = l, t = i({
-      get: () => m(o.control.data),
-      set: (e) => o.changeValue(p(e))
+  setup(e) {
+    const o = e, t = i({
+      get: () => s(o.control.data),
+      set: (a) => o.changeValue(c(a))
     });
-    return (e, a) => (s(), r(u(c), {
+    return (a, l) => (u(), r(m(p), {
       id: e.labelForId,
       modelValue: t.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => t.value = n),
+      "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
       "two-lines": "",
       required: !0,
       "show-time": !1,

package/dist/{DateTimeControl-Ct8yqOc_.js → DateTimeControl-BvQsaCsy.js}

@@ -1,6 +1,6 @@
-import { defineComponent as r, computed as a, createBlock as c, openBlock as p, unref as v } from "vue";
-import { t as i, f as h, D as f } from "./localTimeUtils-DMshyM5o.js";
-const T = /* @__PURE__ */ r({
+import { defineComponent as c, computed as a, createBlock as r, openBlock as p, unref as v } from "vue";
+import { t as i, f as h, D as f } from "./localTimeUtils-BdNsJ0Hu.js";
+const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {
     control: {},
@@ -11,19 +11,19 @@ const T = /* @__PURE__ */ r({
     onRegisterValidation: { type: Function },
     labelForId: {}
   },
-  setup(m) {
-    const l = m, e = a(() => l.control.uischema.options), s = a(
+  setup(o) {
+    const l = o, e = a(() => l.control.uischema.options), s = a(
       () => e.value?.minimum ? i(e.value.minimum) : null
     ), u = a(
       () => e.value?.maximum ? i(e.value.maximum) : null
-    ), n = a({
+    ), t = a({
       get: () => i(l.control.data),
-      set: (o) => l.changeValue(h(o))
+      set: (n) => l.changeValue(h(n))
     });
-    return (o, t) => (p(), c(v(f), {
+    return (n, m) => (p(), r(v(f), {
       id: o.labelForId,
-      modelValue: n.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
+      modelValue: t.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (d) => t.value = d),
       "two-lines": "",
       required: !0,
       "show-time": e.value?.showTime,