@knime/jsonforms 1.18.9 → 1.18.11

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/json-forms
 
+## 1.18.11
+
+### Patch Changes
+
+- 4b43ad3: Migrate TextControl, NumberControl and TextAreaControl to KDS
+
+## 1.18.10
+
+### Patch Changes
+
+- 76c8c70: Revert PostCSS removal
+
 ## 1.18.9
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-DBLZzzGM.js → AnyOfTwinlist-H8itABcU.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, createBlock as t, openBlock as p, mergeProps as a, unref as l } from "vue";
+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-COayITFY.js";
+import { T as i } from "./TwinlistControlBase-BoWr0icR.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {
@@ -14,7 +14,7 @@ const y = /* @__PURE__ */ s({
   },
   setup(o) {
     const e = o.control.schema.anyOf.map(r);
-    return (n, u) => (p(), t(i, a(n.$props, { "possible-values": l(e) }), null, 16, ["possible-values"]));
+    return (n, u) => (t(), p(i, a(n.$props, { "possible-values": l(e) }), null, 16, ["possible-values"]));
   }
 });
 export {

package/dist/{Button-BvDDJSR7.js → Button-CsbepB41.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 { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { defineComponent as o, resolveComponent as a, openBlock as s, createBlock as n, normalizeClass as r, withCtx as l, renderSlot as i } from "vue";
+import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 const c = o({
   name: "Button",
   components: {
@@ -66,7 +66,7 @@ const c = o({
 });
 function f(e, B, u, m, h, _) {
   const t = a("BaseButton");
-  return n(), s(t, {
+  return s(), n(t, {
     class: r(e.classes),
     disabled: e.disabled
   }, {

package/dist/{Checkbox-DnioS6Qc.js → Checkbox-DjZxP5CK.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as s, openBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
-import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { openBlock as s, createElementBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
+import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 const r = {
   name: "Checkbox",
   props: {
@@ -52,7 +52,7 @@ const r = {
   }
 }, m = ["id", "name", "checked", "disabled"];
 function f(e, l, a, h, p, t) {
-  return i(), s("label", {
+  return s(), i("label", {
     class: o([t.classes, { invalid: a.invalid }])
   }, [
     d("input", {

package/dist/{CheckboxControl-Dm9nyIU3.js → CheckboxControl-DVfH74ao.js}

@@ -1,5 +1,5 @@
-import { defineComponent as s, ref as d, createElementBlock as r, openBlock as i, createElementVNode as u, renderSlot as a, createVNode as c, unref as b } from "vue";
-import { ad as v, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { defineComponent as s, ref as d, openBlock as r, createElementBlock as i, createElementVNode as u, createVNode as c, unref as v, renderSlot as a } from "vue";
+import { ah as m, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {
@@ -14,13 +14,13 @@ const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   },
   setup(o) {
     const l = d(!1);
-    return (n, e) => (i(), r("div", {
+    return (n, e) => (r(), i("div", {
       class: "checkbox-input",
       onMouseover: e[1] || (e[1] = (t) => l.value = !0),
       onMouseleave: e[2] || (e[2] = (t) => l.value = !1)
     }, [
       u("div", f, [
-        c(b(v), {
+        c(v(m), {
           class: "checkbox",
           disabled: o.disabled,
           "model-value": o.control.data,
@@ -32,7 +32,7 @@ const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
       a(n.$slots, "buttons", { hover: l.value }, void 0, !0)
     ], 32));
   }
-}), V = /* @__PURE__ */ m(p, [["__scopeId", "data-v-0244b1b9"]]);
+}), V = /* @__PURE__ */ b(p, [["__scopeId", "data-v-cd984837"]]);
 export {
   V as default
 };

package/dist/{CheckboxesControl-BVphtRaJ.js → CheckboxesControl-DbPSppM6.js}

@@ -1,7 +1,7 @@
-import { defineComponent as c, computed as n, ref as i, toRef as r, onMounted as u, createBlock as d, createCommentVNode as m, openBlock as p, unref as b } from "vue";
-import { K as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { defineComponent as c, computed as n, ref as i, toRef as r, onMounted as u, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
+import { K as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 import { o as v } from "./index-Blg1O3Fz.js";
-import { u as V } from "./usePossibleValues-BuG2GvtE.js";
+import { u as V } from "./usePossibleValues-CRl5e6t8.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {
@@ -19,7 +19,7 @@ const y = /* @__PURE__ */ c({
     ), a = i(null), { possibleValues: s } = V(r(o, "control")), l = n(() => a.value ?? s.value);
     return u(() => {
       a.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(v) : null;
-    }), (k, x) => l.value ? (p(), d(b(f), {
+    }), (k, x) => l.value ? (d(), m(p(f), {
       key: 0,
       id: e.labelForId,
       class: "checkboxes",
@@ -29,9 +29,9 @@ const y = /* @__PURE__ */ c({
       "model-value": e.control.data,
       error: !e.isValid,
       "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "onUpdate:modelValue"])) : m("", !0);
+    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "onUpdate:modelValue"])) : b("", !0);
   }
-}), I = /* @__PURE__ */ h(y, [["__scopeId", "data-v-c52257bb"]]);
+}), I = /* @__PURE__ */ h(y, [["__scopeId", "data-v-67afa686"]]);
 export {
   I as default
 };

package/dist/{ComboBoxControl-fK91kOwg.js → ComboBoxControl-CQrCQDnm.js}

@@ -1,10 +1,10 @@
-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-BuG2GvtE.js";
-import { C as L } from "./close-W1x27NhZ.js";
-import { _ as B, G as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { resolveComponent as f, openBlock as r, createElementBlock as b, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as h, withDirectives 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-CRl5e6t8.js";
+import { C as L } from "./close-CwP2mh9x.js";
+import { _ as B, H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 /* empty css                   */
-import { A as K } from "./arrow-dropdown-BHK4j8GT.js";
-import { C as j } from "./Checkbox-DnioS6Qc.js";
+import { A as K } from "./arrow-dropdown-DMFBPPcK.js";
+import { C as j } from "./Checkbox-DjZxP5CK.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;
@@ -268,10 +268,10 @@ function Y(e, t, l, n, c, o) {
         class: w({ placeholder: !l.modelValue.length }),
         onClick: t[0] || (t[0] = (...s) => o.toggle && o.toggle(...s)),
         onKeydown: t[1] || (t[1] = u(a((...s) => o.toggle && o.toggle(...s), ["prevent"]), ["space"]))
-      }, C(o.summary), 43, Q),
+      }, S(o.summary), 43, Q),
       h(m, { class: "icon" })
     ])),
-    S(p("div", {
+    C(p("div", {
       class: "options",
       style: A(o.optionsHeight)
     }, [
@@ -286,7 +286,7 @@ function Y(e, t, l, n, c, o) {
         "onUpdate:modelValue": (V) => o.onUpdateModelValue(s.id, V)
       }, {
         default: O(() => [
-          T(C(s.text), 1)
+          T(S(s.text), 1)
         ]),
         _: 2
       }, 1032, ["data-index", "model-value", "disabled", "onUpdate:modelValue"]))), 128)),
@@ -525,7 +525,7 @@ function le(e, t, l, n, c, o) {
           }, [
             p("span", {
               class: w(["text", { invalid: M }])
-            }, C(V), 3),
+            }, S(V), 3),
             h(d, {
               class: "remove-tag-button",
               compact: e.compact,
@@ -538,7 +538,7 @@ function le(e, t, l, n, c, o) {
               _: 1
             }, 8, ["compact", "disabled", "onClick"])
           ], 8, te))), 128)),
-          S(p("input", {
+          C(p("input", {
             ref: "searchInput",
             "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchValue = i),
             class: "search-input",
@@ -558,7 +558,7 @@ function le(e, t, l, n, c, o) {
             [$, e.searchValue]
           ])
         ], 2),
-        S(p("div", oe, [
+        C(p("div", oe, [
           h(d, {
             ref: "removeAllTags",
             class: "remove-all-tags-button",

package/dist/{DateControl-Cll6_TR2.js → DateControl-C37NzdMk.js}

@@ -1,5 +1,5 @@
-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-C5cOzVPC.js";
+import { defineComponent as d, computed as i, openBlock as r, createBlock as u, unref as m } from "vue";
+import { f as s, t as c, D as p } from "./localTimeUtils-Dhde1usg.js";
 const b = /* @__PURE__ */ d({
   __name: "DateControl",
   props: {
@@ -13,10 +13,10 @@ const b = /* @__PURE__ */ d({
   },
   setup(e) {
     const o = e, t = i({
-      get: () => s(o.control.data),
-      set: (a) => o.changeValue(c(a))
+      get: () => c(o.control.data),
+      set: (a) => o.changeValue(s(a))
     });
-    return (a, l) => (u(), r(m(p), {
+    return (a, l) => (r(), u(m(p), {
       id: e.labelForId,
       modelValue: t.value,
       "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),

package/dist/{DateTimeControl-BbAZwPxt.js → DateTimeControl-DcIfSFnl.js}

@@ -1,5 +1,5 @@
-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-C5cOzVPC.js";
+import { defineComponent as c, computed as a, openBlock as r, createBlock as p, unref as v } from "vue";
+import { t as i, f as h, D as f } from "./localTimeUtils-Dhde1usg.js";
 const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {
@@ -20,7 +20,7 @@ const T = /* @__PURE__ */ c({
       get: () => i(l.control.data),
       set: (n) => l.changeValue(h(n))
     });
-    return (n, m) => (p(), r(v(f), {
+    return (n, m) => (r(), p(v(f), {
       id: o.labelForId,
       modelValue: t.value,
       "onUpdate:modelValue": m[0] || (m[0] = (d) => t.value = d),

package/dist/{DateTimeFormatInput-BEL27qw5.js → DateTimeFormatInput-B37nJ7WZ.js}

@@ -1,9 +1,9 @@
-import { createElementBlock as y, openBlock as m, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as z, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as M, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, mergeModels as te, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se } from "vue";
-import { _ as U, H as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
+import { openBlock as m, createElementBlock as y, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as _, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as z, createVNode as M, Fragment as Y, renderList as ee, normalizeClass as C, toDisplayString as B, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
+import { _ as U, I as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
 import { u as ie, a as re, o as ce, s as de, f as ue } from "./floating-ui.vue-Fx4CxKut.js";
-import { u as me, F as pe } from "./useDropdownNavigation-Bh9C9QlY.js";
-import { L as ve } from "./LoadingIcon-D2yCyeJH.js";
-import { V as $ } from "./ValueSwitch-DFVTwpWb.js";
+import { u as me, F as pe } from "./useDropdownNavigation-2Yhk7zes.js";
+import { L as ve } from "./LoadingIcon-DR8NKUY6.js";
+import { V as $ } from "./ValueSwitch-BKwWC7oO.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -72,7 +72,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         text: "Zoned date & time"
       }
     ]), i = f(null), h = f(null), a = f("RECENT"), u = f(c.selectedType);
-    z(
+    _(
       () => c.selectedType,
       (e) => {
         h.value = e;
@@ -157,12 +157,12 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         )
       });
     };
-    z(V, (e) => {
+    _(V, (e) => {
       if (e === null)
         return;
       const t = s.value?.[e]?.format;
       t && A(t);
-    }), z([u, a], () => {
+    }), _([u, a], () => {
       u.value === i.value?.temporalType && a.value === i.value?.category ? R(
         i.value.format,
         i.value.temporalType,
@@ -184,18 +184,18 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
           c.selectedType === o.temporalType || c.showTypeSwitch
         )
       ).sort((o, l) => {
-        const v = e.indexOf(o.category), _ = e.indexOf(l.category);
-        return v - _;
+        const v = e.indexOf(o.category), I = e.indexOf(l.category);
+        return v - I;
       });
       if (t.length > 0) {
         const o = t[0].format, l = t[0].temporalType, v = t[0].category;
         await R(o, l, v);
-        const _ = s.value.findIndex(
+        const I = s.value.findIndex(
           (j) => j.format === o
         );
         i.value = {
           format: o,
-          index: _,
+          index: I,
           category: v,
           temporalType: l
         };
@@ -217,7 +217,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
             compact: "",
             "possible-values": b.value,
             class: "filter-switch"
-          }, null, 8, ["modelValue", "possible-values"])) : C("", !0),
+          }, null, 8, ["modelValue", "possible-values"])) : z("", !0),
           M($, {
             id: "selectedFormatStandard",
             ref: "standardSwitchRef",
@@ -244,7 +244,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
                 key: g(o),
                 ref_for: !0,
                 ref: L(o),
-                class: I([{
+                class: C([{
                   highlighted: l === E(V),
                   applied: l === i.value?.index && o.category === i.value.category && o.temporalType === i.value.temporalType
                 }, "single-format"]),
@@ -261,13 +261,13 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
       _: 1
     }, 8, ["active", "initial-focus"]));
   }
-}), De = /* @__PURE__ */ U(Me, [["__scopeId", "data-v-8bb40d8b"]]), be = { class: "input-fields" }, _e = ["disabled"], ze = {
+}), De = /* @__PURE__ */ U(Me, [["__scopeId", "data-v-8bb40d8b"]]), be = { class: "input-fields" }, Ie = ["disabled"], _e = {
   key: 0,
   class: "invalid-marker"
-}, Ce = ["disabled"], Ie = {}, Ve = /* @__PURE__ */ O({
-  ...Ie,
+}, ze = ["disabled"], Ce = {}, Ve = /* @__PURE__ */ O({
+  ...Ce,
   __name: "DateTimeFormatInput",
-  props: /* @__PURE__ */ te({
+  props: /* @__PURE__ */ se({
     disabled: { type: Boolean, default: !1 },
     compact: { type: Boolean, default: !1 },
     isValid: { type: Boolean, default: !0 },
@@ -290,7 +290,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const x = r, n = oe(r, "modelValue"), c = F({
+    const x = r, n = te(r, "modelValue"), c = F({
       get: () => n.value.format,
       set: (T) => {
         n.value = {
@@ -325,29 +325,29 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
     );
     return (T, d) => (m(), y("div", null, [
       p("div", {
-        class: I(["wrapper", { disabled: r.disabled, compact: r.compact }])
+        class: C(["wrapper", { disabled: r.disabled, compact: r.compact }])
       }, [
         p("span", be, [
-          le(p("input", {
+          oe(p("input", {
             "onUpdate:modelValue": d[0] || (d[0] = (g) => c.value = g),
             type: "text",
             disabled: r.disabled,
             placeholder: D,
             spellcheck: "false",
             onFocus: d[1] || (d[1] = (g) => a.value = !1)
-          }, null, 40, _e), [
-            [ae, c.value]
+          }, null, 40, Ie), [
+            [le, c.value]
           ]),
-          b.value ? C("", !0) : (m(), y("span", ze)),
+          b.value ? z("", !0) : (m(), y("span", _e)),
           p("button", {
             ref_key: "togglePopoverButtonRef",
             ref: i,
-            class: I(["trigger-popover-button", { active: a.value }]),
+            class: C(["trigger-popover-button", { active: a.value }]),
             disabled: r.disabled,
             onClick: d[2] || (d[2] = (g) => a.value = !a.value)
           }, [
             M(E(he))
-          ], 10, Ce)
+          ], 10, ze)
         ])
       ], 2),
       a.value ? (m(), y("div", {
@@ -355,7 +355,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
         ref_key: "floatingPopoverRef",
         ref: h,
         class: "popover",
-        style: se(E(s))
+        style: ae(E(s))
       }, [
         M(De, {
           "all-formats": r.allDefaultFormats,
@@ -365,7 +365,7 @@ const he = { render: ye }, Te = { class: "popover" }, ge = { class: "formats-con
           onCommit: u,
           onCancel: d[3] || (d[3] = (g) => a.value = !1)
         }, null, 8, ["all-formats", "initial-selected-pattern", "selected-type", "show-type-switch"])
-      ], 4)) : C("", !0)
+      ], 4)) : z("", !0)
     ]));
   }
 }), $e = /* @__PURE__ */ U(Ve, [["__scopeId", "data-v-1577d5ce"]]);

package/dist/{DateTimeFormatPickerControl-CM3Ql7Um.js → DateTimeFormatPickerControl-CobCN_mb.js}

@@ -1,6 +1,6 @@
-import { defineComponent as c, computed as e, createBlock as p, openBlock as f, unref as s } from "vue";
-import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
-import { D as v } from "./DateTimeFormatInput-BEL27qw5.js";
+import { defineComponent as c, computed as e, openBlock as p, createBlock as f, unref as s } from "vue";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
+import { D as v } from "./DateTimeFormatInput-B37nJ7WZ.js";
 const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {
@@ -22,7 +22,7 @@ const b = /* @__PURE__ */ c({
       }),
       set: (n) => a.changeValue(n.format)
     });
-    return (n, r) => (f(), p(s(v), {
+    return (n, r) => (p(), f(s(v), {
       id: o.labelForId,
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),

package/dist/{DateTimeFormatPickerWithTypeControl-WMymTknK.js → DateTimeFormatPickerWithTypeControl-Cgrpo4jj.js}

@@ -1,7 +1,7 @@
-import { defineComponent as v, computed as t, createElementBlock as T, openBlock as V, createVNode as r, unref as i } from "vue";
-import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_4b640144_lang-C53S2tJq.js";
-import { V as h } from "./ValueSwitch-DFVTwpWb.js";
-import { D as y } from "./DateTimeFormatInput-BEL27qw5.js";
+import { defineComponent as v, computed as t, openBlock as T, createElementBlock as V, createVNode as r, unref as i } from "vue";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CMZSLOQX.js";
+import { V as h } from "./ValueSwitch-BKwWC7oO.js";
+import { D as y } from "./DateTimeFormatInput-B37nJ7WZ.js";
 const D = ["id"], w = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {
@@ -47,7 +47,7 @@ const D = ["id"], w = /* @__PURE__ */ v({
         };
       }
     });
-    return (a, l) => (V(), T("div", {
+    return (a, l) => (T(), V("div", {
       id: o.labelForId,
       class: "control-container"
     }, [
@@ -70,7 +70,7 @@ const D = ["id"], w = /* @__PURE__ */ v({
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
     ], 8, D));
   }
-}), _ = /* @__PURE__ */ b(w, [["__scopeId", "data-v-ed2e9991"]]);
+}), _ = /* @__PURE__ */ b(w, [["__scopeId", "data-v-8517cafd"]]);
 export {
   _ as default
 };