@quidgest/ui 0.14.1 → 0.14.2

package/dist/ui.esm.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, computed as g, openBlock as r, createElementBlock as p, normalizeClass as V, normalizeStyle as ue, getCurrentInstance as Ne, ref as D, provide as He, inject as Ge, withModifiers as ve, createVNode as z, unref as m, createCommentVNode as x, createElementVNode as L, Fragment as K, createTextVNode as ce, toDisplayString as O, renderSlot as h, createBlock as S, resolveDynamicComponent as Be, h as Qe, withCtx as _, normalizeProps as j, guardReactiveProps as le, toRef as Fe, mergeModels as Z, useModel as ne, renderList as he, mergeProps as J, reactive as ze, watch as te, nextTick as oe, onMounted as Re, onBeforeUnmount as ut, Teleport as ct, Transition as ft, withKeys as pt, createSlots as qe, withDirectives as mt, vModelDynamic as vt } from "vue";
+import { defineComponent as B, computed as g, openBlock as r, createElementBlock as p, normalizeClass as V, normalizeStyle as ue, getCurrentInstance as Ne, ref as D, provide as He, inject as Ge, withModifiers as ve, createVNode as z, unref as m, createCommentVNode as q, createElementVNode as I, Fragment as K, createTextVNode as ce, toDisplayString as O, renderSlot as h, createBlock as S, resolveDynamicComponent as Be, h as Qe, withCtx as _, normalizeProps as j, guardReactiveProps as le, toRef as Fe, mergeModels as Z, useModel as ne, renderList as he, mergeProps as J, reactive as ze, watch as te, nextTick as oe, onMounted as Re, onBeforeUnmount as ut, Teleport as ct, Transition as ft, withKeys as pt, createSlots as qe, withDirectives as mt, vModelDynamic as vt } from "vue";
 /*!
- * Quidgest UI v0.14.1
+ * Quidgest UI v0.14.2
  * (c) 2024 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -147,8 +147,8 @@ function C(o) {
     if (s === null) return t(e, n);
     const i = new Proxy(e, {
       get(a, d) {
-        var I;
-        const c = Reflect.get(a, d), w = (I = l.value) == null ? void 0 : I[d];
+        var L;
+        const c = Reflect.get(a, d), w = (L = l.value) == null ? void 0 : L[d];
         return typeof d == "string" && !bt(s.vnode, d) ? w ?? c : c;
       }
     });
@@ -203,13 +203,13 @@ const xe = C(ht), gt = ["disabled"], _t = {
     }, [
       a.loading ? (r(), p("div", _t, [
         z(m(xe), { size: 20 })
-      ])) : x("", !0),
-      L("span", kt, [
+      ])) : q("", !0),
+      I("span", kt, [
         a.iconOnRight ? (r(), p(K, { key: 0 }, [
           ce(O(e.label), 1)
-        ], 64)) : x("", !0),
+        ], 64)) : q("", !0),
         h(a.$slots, "default"),
-        a.iconOnRight ? x("", !0) : (r(), p(K, { key: 1 }, [
+        a.iconOnRight ? q("", !0) : (r(), p(K, { key: 1 }, [
           ce(O(e.label), 1)
         ], 64))
       ])
@@ -511,8 +511,8 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
         if (d = e.color, e.variant === "tonal")
           c = e.color;
         else {
-          const w = et(d), I = Dt(w);
-          c = At(I.l);
+          const w = et(d), L = Dt(w);
+          c = At(L.l);
         }
       return {
         "--q-badge-color": d,
@@ -527,8 +527,8 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
       role: "presentation",
       style: ue(i.value)
     }, [
-      c[0] || (c[0] = L("div", { class: "q-badge__underlay" }, null, -1)),
-      L("div", Qt, [
+      c[0] || (c[0] = I("div", { class: "q-badge__underlay" }, null, -1)),
+      I("div", Qt, [
         h(d.$slots, "default"),
         e.removable ? (r(), S(m(re), {
           key: 0,
@@ -541,7 +541,7 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
             z(m(N), j(le(e.icons.remove)), null, 16)
           ]),
           _: 1
-        })) : x("", !0)
+        })) : q("", !0)
       ])
     ], 6));
   }
@@ -598,7 +598,8 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
       class: V(t.class),
       disabled: t.disabled,
       borderless: t.borderless,
-      elevated: t.elevated
+      elevated: t.elevated,
+      role: "listbox"
     }, {
       default: _(() => [
         (r(!0), p(K, null, he(t.options, (i) => (r(), S(m(re), {
@@ -606,13 +607,15 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
           title: i.title,
           label: i.label,
           active: e.value === i.key,
+          role: "option",
+          "aria-selected": e.value === i.key,
           onClick: () => n(i)
         }, {
           default: _(() => [
             h(l.$slots, i.key)
           ]),
           _: 2
-        }, 1032, ["title", "label", "active", "onClick"]))), 128))
+        }, 1032, ["title", "label", "active", "aria-selected", "onClick"]))), 128))
       ]),
       _: 3
     }, 8, ["class", "disabled", "borderless", "elevated"]));
@@ -648,7 +651,7 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
     function w() {
       l.value = !1;
     }
-    function I(v) {
+    function L(v) {
       var b;
       if ((b = a.value) != null && b.contains(v.relatedTarget))
         return;
@@ -747,7 +750,7 @@ const Qt = { class: "q-badge__content" }, Ft = /* @__PURE__ */ B({
       class: V(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: I,
+      onFocus: L,
       onMousedown: c,
       onMouseup: w,
       onKeydown: P
@@ -836,20 +839,20 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
       onKeydown: i,
       onClick: ve(s, ["stop", "prevent"])
     }, [
-      L("div", Rt, [
-        L("div", Kt, [
+      I("div", Rt, [
+        I("div", Kt, [
           h(a.$slots, "default", {}, () => [
-            e.icon ? (r(), S(m(N), j(J({ key: 0 }, e.icon)), null, 16)) : x("", !0),
+            e.icon ? (r(), S(m(N), j(J({ key: 0 }, e.icon)), null, 16)) : q("", !0),
             ce(" " + O(e.label), 1)
           ])
         ]),
         e.description ? (r(), p("div", jt, [
           z(m(N), j(le(e.icons.description)), null, 16),
-          L("span", null, O(e.description), 1)
-        ])) : x("", !0)
+          I("span", null, O(e.description), 1)
+        ])) : q("", !0)
       ]),
-      L("div", Wt, [
-        e.selected ? (r(), S(m(N), J({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : x("", !0)
+      I("div", Wt, [
+        e.selected ? (r(), S(m(N), J({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
       ])
     ], 42, Gt));
   }
@@ -872,13 +875,13 @@ const Gt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Rt = {
         id: m(e),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, O(t.title), 9, Zt)) : x("", !0),
+      }, O(t.title), 9, Zt)) : q("", !0),
       h(n.$slots, "default")
     ], 8, Yt));
   }
 }), Ve = C(Ut), ot = C(Xt), nt = C(Jt), we = 8;
 function eo(o, t, e, n) {
-  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect(), c = to(i, a, s, l), w = so(i, a, c), I = no(w, c, l), P = oo(I, a, c);
+  const l = (n == null ? void 0 : n.offset) ?? 0, s = (n == null ? void 0 : n.placement) ?? "bottom", i = o.getBoundingClientRect(), a = t.getBoundingClientRect(), d = e == null ? void 0 : e.getBoundingClientRect(), c = to(i, a, s, l), w = so(i, a, c), L = no(w, c, l), P = oo(L, a, c);
   let A;
   if (n != null && n.arrow) {
     if (!d)
@@ -955,13 +958,13 @@ function so(o, t, e) {
   }
   if (!l)
     return a;
-  const c = $e(e) === "y" ? "height" : "width", w = $e(e), I = o[c] / 2 - t[c] / 2;
+  const c = $e(e) === "y" ? "height" : "width", w = $e(e), L = o[c] / 2 - t[c] / 2;
   switch (l) {
     case "start":
-      a[w] -= I;
+      a[w] -= L;
       break;
     case "end":
-      a[w] += I;
+      a[w] += L;
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid alignment value: ${l}`);
@@ -1069,7 +1072,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         left: `${a.left}px`,
         width: X !== void 0 ? `${X}px` : void 0
       };
-    }), I = g(() => {
+    }), L = g(() => {
       if (e.arrow)
         return {
           top: d.top !== void 0 ? `${d.top}px` : void 0,
@@ -1200,7 +1203,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
           "q-overlay__underlay",
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
-      }, null, 2)) : x("", !0),
+      }, null, 2)) : q("", !0),
       z(ft, {
         name: e.transition,
         appear: "",
@@ -1212,7 +1215,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
             class: V(s.value),
             style: ue(w.value)
           }, [
-            L("div", J({
+            I("div", J({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: A,
@@ -1228,11 +1231,11 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                 ref: P,
                 role: "presentation",
                 class: "q-overlay__arrow",
-                style: ue(I.value)
-              }, null, 4)) : x("", !0),
+                style: ue(L.value)
+              }, null, 4)) : q("", !0),
               h(k.$slots, "default")
             ], 16, co)
-          ], 6)) : x("", !0)
+          ], 6)) : q("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -1282,29 +1285,29 @@ const co = ["role"], fo = /* @__PURE__ */ B({
     }, [
       e.label ? (r(), p("div", mo, [
         h(i.$slots, "label.prepend"),
-        L("label", {
+        I("label", {
           for: e.for
         }, O(e.label), 9, vo),
         h(i.$slots, "label.append")
-      ])) : x("", !0),
+      ])) : q("", !0),
       h(i.$slots, "control", {}, () => [
-        L("div", J({
+        I("div", J({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: l
         }, i.$attrs), [
           i.$slots.prepend ? (r(), p("div", ho, [
             h(i.$slots, "prepend")
-          ])) : x("", !0),
+          ])) : q("", !0),
           h(i.$slots, "default"),
           i.$slots.append ? (r(), p("div", yo, [
             h(i.$slots, "append")
-          ])) : x("", !0)
+          ])) : q("", !0)
         ], 16)
       ]),
       i.$slots.extras ? (r(), p("div", bo, [
         h(i.$slots, "extras")
-      ])) : x("", !0)
+      ])) : q("", !0)
     ], 10, po));
   }
 }), Le = C(go), _o = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], ko = /* @__PURE__ */ B({
@@ -1355,7 +1358,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         h(d.$slots, "label.append")
       ]),
       default: _(() => [
-        mt(L("input", J({
+        mt(I("input", J({
           "onUpdate:modelValue": c[0] || (c[0] = (w) => n.value = w),
           ref_key: "inputRef",
           ref: i,
@@ -1449,25 +1452,25 @@ const co = ["role"], fo = /* @__PURE__ */ B({
   }),
   emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(o, { expose: t, emit: e }) {
-    const n = o, l = e, s = ne(o, "modelValue"), i = ne(o, "open"), a = ne(o, "search"), d = D(void 0), c = D(null), w = D(null), I = D(null), P = D(null);
+    const n = o, l = e, s = ne(o, "modelValue"), i = ne(o, "open"), a = ne(o, "search"), d = D(void 0), c = D(null), w = D(null), L = D(null), P = D(null);
     Re(W);
     const A = g(() => n.clearable && !n.readonly && !n.disabled), T = g(() => {
       var u;
       return n.filterMode === "manual" || !H.value ? n.items : (u = n.items) == null ? void 0 : u.filter(
-        (q) => q[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
+        (x) => x[n.itemLabel].toLowerCase().startsWith(a.value.toLowerCase())
       );
     }), y = g(() => {
       var u;
-      return (u = n.items) == null ? void 0 : u.find((q) => q[n.itemValue] === s.value);
+      return (u = n.items) == null ? void 0 : u.find((x) => x[n.itemValue] === s.value);
     }), E = g(() => y.value === void 0), M = g(() => {
       const u = d.value;
       if (u !== void 0 && T.value[u])
         return T.value[u];
     }), Q = g(() => {
-      var q;
+      var x;
       if (d.value === void 0)
         return;
-      const u = (q = w.value) == null ? void 0 : q.getItem(d.value);
+      const u = (x = w.value) == null ? void 0 : x.getItem(d.value);
       return u == null ? void 0 : u.id;
     }), H = g(() => {
       var u;
@@ -1477,8 +1480,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       s.value = u, U();
     }
     function W() {
-      var q;
-      const u = ((q = y.value) == null ? void 0 : q[n.itemLabel]) || "";
+      var x;
+      const u = ((x = y.value) == null ? void 0 : x[n.itemLabel]) || "";
       a.value !== u && (a.value = u);
     }
     function ae() {
@@ -1500,7 +1503,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       }
     }
     function f(u) {
-      var q, F;
+      var x, F;
       if (!(!u.key || n.readonly || n.disabled))
         if (["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key) && (u.preventDefault(), u.stopPropagation()), u.key === "Escape")
           W(), i.value && U();
@@ -1518,12 +1521,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         else if (u.key === "Enter") {
           if (M.value === void 0) return;
           se(M.value[n.itemValue]);
-        } else u.key === "Home" ? d.value = (q = w.value) == null ? void 0 : q.getFirstFocusableItemIndex() : u.key === "End" ? d.value = (F = w.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(u.key) || u.key === "Backspace") && ae();
+        } else u.key === "Home" ? d.value = (x = w.value) == null ? void 0 : x.getFirstFocusableItemIndex() : u.key === "End" ? d.value = (F = w.value) == null ? void 0 : F.getLastFocusableItemIndex() : (/^[a-z]$/i.test(u.key) || u.key === "Backspace") && ae();
     }
     function b() {
-      var u, q;
+      var u, x;
       if (E.value)
-        d.value = (q = w.value) == null ? void 0 : q.getFirstFocusableItemIndex();
+        d.value = (x = w.value) == null ? void 0 : x.getFirstFocusableItemIndex();
       else {
         const F = T.value.findIndex(
           (R) => R[n.itemValue] === s.value
@@ -1535,22 +1538,22 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       var u;
       d.value = (u = w.value) == null ? void 0 : u.getLastFocusableItemIndex();
     }
-    function ie(u, q) {
+    function ie(u, x) {
       var F;
-      d.value = (F = w.value) == null ? void 0 : F.getAdjacentItemIndex(u, q);
+      d.value = (F = w.value) == null ? void 0 : F.getAdjacentItemIndex(u, x);
     }
     function ee(u) {
       var me, Ee, De, Ae;
-      const q = ((me = I == null ? void 0 : I.value) == null ? void 0 : me.$el) === u.relatedTarget, F = (De = (Ee = c == null ? void 0 : c.value) == null ? void 0 : Ee.$el) == null ? void 0 : De.contains(u.relatedTarget), R = (Ae = P == null ? void 0 : P.value) == null ? void 0 : Ae.contains(u.relatedTarget);
-      if (q || R || F) {
+      const x = ((me = L == null ? void 0 : L.value) == null ? void 0 : me.$el) === u.relatedTarget, F = (De = (Ee = c == null ? void 0 : c.value) == null ? void 0 : Ee.$el) == null ? void 0 : De.contains(u.relatedTarget), R = (Ae = P == null ? void 0 : P.value) == null ? void 0 : Ae.contains(u.relatedTarget);
+      if (x || R || F) {
         u.preventDefault(), u.stopPropagation();
         return;
       }
       U(), A.value && !a.value && (s.value = n.emptyValue), W();
     }
     function de() {
-      var u, q;
-      (q = (u = c.value) == null ? void 0 : u.inputRef) == null || q.focus();
+      var u, x;
+      (x = (u = c.value) == null ? void 0 : u.inputRef) == null || x.focus();
     }
     function ke() {
       de();
@@ -1563,14 +1566,14 @@ const co = ["role"], fo = /* @__PURE__ */ B({
     }
     function X(u) {
       var F;
-      const q = (F = w.value) == null ? void 0 : F.getItem(u);
-      w.value && (w.value.$el.scrollTop = q == null ? void 0 : q.offsetTop);
+      const x = (F = w.value) == null ? void 0 : F.getItem(u);
+      w.value && (w.value.$el.scrollTop = x == null ? void 0 : x.offsetTop);
     }
     return te(s, W), te(
       () => n.items,
-      (u, q) => {
+      (u, x) => {
         if (!E.value) {
-          const F = q.find((R) => R[n.itemValue] === s.value);
+          const F = x.find((R) => R[n.itemValue] === s.value);
           a.value === (F == null ? void 0 : F[n.itemLabel]) && W();
         }
       },
@@ -1586,12 +1589,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       }
     ), t({
       triggerEl: c
-    }), (u, q) => {
+    }), (u, x) => {
       var F;
       return r(), p(K, null, [
         z(m(lt), J({
           modelValue: a.value,
-          "onUpdate:modelValue": q[0] || (q[0] = (R) => a.value = R),
+          "onUpdate:modelValue": x[0] || (x[0] = (R) => a.value = R),
           id: n.id,
           label: n.label,
           required: n.required,
@@ -1643,11 +1646,11 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                 z(m(N), j(le(n.icons.clear)), null, 16)
               ]),
               _: 1
-            }, 8, ["aria-label"])) : x("", !0),
-            n.readonly ? x("", !0) : (r(), S(m(re), {
+            }, 8, ["aria-label"])) : q("", !0),
+            n.readonly ? q("", !0) : (r(), S(m(re), {
               key: 1,
               ref_key: "toggleRef",
-              ref: I,
+              ref: L,
               class: "q-combobox__chevron",
               "aria-label": n.texts.showOptions,
               "b-style": "plain",
@@ -1681,7 +1684,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         ]), 1040, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
         z(m(ye), {
           modelValue: i.value,
-          "onUpdate:modelValue": q[2] || (q[2] = (R) => i.value = R),
+          "onUpdate:modelValue": x[2] || (x[2] = (R) => i.value = R),
           spy: "",
           "non-modal": "",
           trigger: "manual",
@@ -1695,7 +1698,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
           default: _(() => {
             var R;
             return [
-              L("div", {
+              I("div", {
                 ref_key: "contentRef",
                 ref: P,
                 class: "q-select__body",
@@ -1714,7 +1717,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                   selectable: "",
                   modelValue: s.value,
                   "onUpdate:modelValue": [
-                    q[1] || (q[1] = (me) => s.value = me),
+                    x[1] || (x[1] = (me) => s.value = me),
                     se
                   ],
                   highlighted: (R = M.value) == null ? void 0 : R[n.itemValue],
@@ -1798,11 +1801,11 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       persistent: ""
     }, {
       default: _(() => [
-        L("div", {
+        I("div", {
           class: V(l.value)
         }, [
-          L("div", Vo, [
-            L("span", Eo, O(t.title), 1),
+          I("div", Vo, [
+            I("span", Eo, O(t.title), 1),
             t.dismissible ? (r(), S(m(re), {
               key: 0,
               "b-style": "tertiary",
@@ -1812,16 +1815,16 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                 z(m(N), j(le(t.icons.close)), null, 16)
               ]),
               _: 1
-            })) : x("", !0)
+            })) : q("", !0)
           ]),
           h(a.$slots, "body.content", {}, () => [
-            L("div", Do, [
+            I("div", Do, [
               h(a.$slots, "body.icon", {}, () => [
                 t.icon ? (r(), p("span", Ao, [
                   z(m(N), j(le(t.icon)), null, 16)
-                ])) : x("", !0)
+                ])) : q("", !0)
               ]),
-              L("div", Qo, [
+              I("div", Qo, [
                 t.html ? (r(), p("span", {
                   key: 0,
                   innerHTML: t.text
@@ -1830,7 +1833,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
               h(a.$slots, "body.append")
             ])
           ]),
-          L("div", Mo, [
+          I("div", Mo, [
             (r(!0), p(K, null, he(t.buttons, (c) => (r(), S(m(re), J({ ref_for: !0 }, c.props, {
               key: c.id,
               onClick: () => i(c)
@@ -1839,7 +1842,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                 c.icon ? (r(), S(m(N), J({
                   key: 0,
                   ref_for: !0
-                }, c.icon), null, 16)) : x("", !0)
+                }, c.icon), null, 16)) : q("", !0)
               ]),
               _: 2
             }, 1040, ["onClick"]))), 128))
@@ -1883,16 +1886,16 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         e.$slots.prepend || t.prependIcon ? (r(), p("div", Uo, [
           t.prependIcon ? (r(), p("span", No, [
             z(m(N), j(le(t.prependIcon)), null, 16)
-          ])) : x("", !0),
+          ])) : q("", !0),
           h(e.$slots, "prepend")
-        ])) : x("", !0),
+        ])) : q("", !0),
         h(e.$slots, "default"),
         e.$slots.append || t.appendIcon ? (r(), p("div", Ho, [
           t.appendIcon ? (r(), p("span", Go, [
             z(m(N), j(le(t.appendIcon)), null, 16)
-          ])) : x("", !0),
+          ])) : q("", !0),
           h(e.$slots, "append")
-        ])) : x("", !0)
+        ])) : q("", !0)
       ]),
       _: 2
     }, [
@@ -1958,14 +1961,14 @@ const co = ["role"], fo = /* @__PURE__ */ B({
         t.title || n.$slots.header ? (r(), p("h3", Xo, [
           ce(O(t.title) + " ", 1),
           h(n.$slots, "header")
-        ])) : x("", !0),
+        ])) : q("", !0),
         t.text || n.$slots.body ? (r(), p("div", Yo, [
           t.html ? (r(), p("span", {
             key: 0,
             innerHTML: t.text
           }, null, 8, Zo)) : (r(), p("span", Jo, O(t.text), 1)),
           h(n.$slots, "body")
-        ])) : x("", !0)
+        ])) : q("", !0)
       ]),
       _: 3
     }, 8, ["modelValue", "anchor", "arrow", "attach", "inline", "disabled", "placement"]));
@@ -1987,8 +1990,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
     noToggle: { type: Boolean },
     panelPosition: { default: "bottom" },
     groups: { default: () => [] },
-    class: { default: void 0 },
     readonly: { type: Boolean },
+    class: { default: void 0 },
     icons: { default: () => at },
     texts: { default: () => st }
   },
@@ -2009,7 +2012,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
     function w(y) {
       return y ? e.fields.filter((E) => E.group === y) : e.fields;
     }
-    function I(y) {
+    function L(y) {
       const E = l.value.indexOf(y);
       E === -1 ? l.value.push(y) : l.value.splice(E, 1);
     }
@@ -2036,13 +2039,13 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       ref: i,
       onFocusout: c
     }, [
-      L("table", on, [
-        E[0] || (E[0] = L("thead", { class: "q-property-list__header" }, [
-          L("tr", null, [
-            L("th", { colspan: "2" })
+      I("table", on, [
+        E[0] || (E[0] = I("thead", { class: "q-property-list__header" }, [
+          I("tr", null, [
+            I("th", { colspan: "2" })
           ])
         ], -1)),
-        L("tbody", null, [
+        I("tbody", null, [
           (r(!0), p(K, null, he(a.value, (M) => (r(), p(K, {
             key: M.id
           }, [
@@ -2052,8 +2055,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
               title: M.title,
               icons: e.icons,
               "no-toggle": e.noToggle,
-              onToggleGroup: I
-            }, null, 8, ["id", "title", "icons", "no-toggle"])) : x("", !0),
+              onToggleGroup: L
+            }, null, 8, ["id", "title", "icons", "no-toggle"])) : q("", !0),
             (r(!0), p(K, null, he(w(M.id), (Q) => (r(), S(m(it), {
               key: Q.id,
               class: V(P(Q)),
@@ -2070,7 +2073,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
           ], 64))), 128))
         ])
       ]),
-      e.noPanel ? x("", !0) : (r(), S(m(dt), {
+      e.noPanel ? q("", !0) : (r(), S(m(dt), {
         key: 0,
         field: s.value,
         texts: e.texts
@@ -2079,13 +2082,16 @@ const co = ["role"], fo = /* @__PURE__ */ B({
           s.value ? h(y.$slots, "panel", {
             key: 0,
             field: s.value
-          }) : x("", !0)
+          }) : q("", !0)
         ]),
         _: 3
       }, 8, ["field", "texts"]))
     ], 34));
   }
-}), ln = { class: "q-property-list-field__container" }, sn = /* @__PURE__ */ B({
+}), ln = {
+  key: 0,
+  class: "q-property-list-field__container"
+}, sn = /* @__PURE__ */ B({
   __name: "QPropertyListRow",
   props: {
     field: {},
@@ -2095,9 +2101,9 @@ const co = ["role"], fo = /* @__PURE__ */ B({
   emits: ["focus", "field-change"],
   setup(o, { emit: t }) {
     const e = o, n = t, l = g(() => ["q-property-list__row", e.class]), s = g(() => {
-      var I;
+      var L;
       const w = ["q-property-list__cell", "q-property-list__cell--label"];
-      return (I = e.field.props) != null && I.required && w.push("q-property-list__cell--required"), w;
+      return (L = e.field.props) != null && L.required && w.push("q-property-list__cell--required"), w;
     }), i = g(() => e.readonly || (e.field.props.readonly ?? !1));
     function a() {
       n("focus", e.field);
@@ -2109,25 +2115,25 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       ...e.field.props,
       readonly: i.value
     }));
-    return (w, I) => (r(), p("tr", {
+    return (w, L) => (r(), p("tr", {
       class: V(l.value),
       onFocusin: a
     }, [
-      L("td", {
+      I("td", {
         class: V(s.value),
         onClick: a
       }, O(e.field.label), 3),
-      L("td", {
+      I("td", {
         class: "q-property-list__cell",
         onClick: a
       }, [
         h(w.$slots, "default", {}, () => [
-          L("div", ln, [
+          e.field.component ? (r(), p("div", ln, [
             (r(), S(Be(e.field.component), J(c.value, {
               "model-value": e.field.props.modelValue,
               "onUpdate:modelValue": d
             }), null, 16, ["model-value"]))
-          ])
+          ])) : q("", !0)
         ])
       ])
     ], 34));
@@ -2159,12 +2165,12 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       "aria-labelledby": m(s),
       onClick: d
     }, [
-      L("td", {
+      I("td", {
         id: m(s),
         colspan: "2"
       }, [
-        L("div", dn, [
-          e.noToggle ? x("", !0) : (r(), S(m(re), {
+        I("div", dn, [
+          e.noToggle ? q("", !0) : (r(), S(m(re), {
             key: 0,
             "b-style": "tertiary",
             borderless: "",
@@ -2194,8 +2200,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
     const t = o;
     return (e, n) => (r(), p("div", cn, [
       t.field ? h(e.$slots, "default", { key: 0 }, () => [
-        L("div", fn, O(t.field.label), 1),
-        L("div", pn, O(t.field.description), 1)
+        I("div", fn, O(t.field.label), 1),
+        I("div", pn, O(t.field.description), 1)
       ]) : (r(), p("div", mn, O(t.texts.emptyMessage), 1))
     ]));
   }
@@ -2247,13 +2253,13 @@ const co = ["role"], fo = /* @__PURE__ */ B({
   }),
   emits: /* @__PURE__ */ Z(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(o, { emit: t }) {
-    const e = o, n = t, l = ne(o, "modelValue"), s = D(!1), i = D(""), a = D(null), d = D(null), c = D(null), w = g(() => I.value === void 0), I = g(
+    const e = o, n = t, l = ne(o, "modelValue"), s = D(!1), i = D(""), a = D(null), d = D(null), c = D(null), w = g(() => L.value === void 0), L = g(
       () => {
         var f;
         return (f = e.items) == null ? void 0 : f.find((b) => b[e.itemValue] === l.value);
       }
     ), P = g(
-      () => I.value ? I.value[e.itemLabel] : ""
+      () => L.value ? L.value[e.itemLabel] : ""
     ), A = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
@@ -2361,8 +2367,8 @@ const co = ["role"], fo = /* @__PURE__ */ B({
                 z(m(N), j(le(e.icons.clear)), null, 16)
               ]),
               _: 1
-            }, 8, ["aria-label"])) : x("", !0),
-            e.readonly ? x("", !0) : (r(), S(m(re), {
+            }, 8, ["aria-label"])) : q("", !0),
+            e.readonly ? q("", !0) : (r(), S(m(re), {
               key: 1,
               class: "q-select__chevron",
               "aria-label": e.texts.showOptions,
@@ -2382,18 +2388,18 @@ const co = ["role"], fo = /* @__PURE__ */ B({
             w.value ? (r(), p("span", _n, [
               !e.readonly && !e.disabled ? (r(), p(K, { key: 0 }, [
                 ce(O(e.texts.placeholder), 1)
-              ], 64)) : x("", !0)
+              ], 64)) : q("", !0)
             ])) : (r(), p("span", gn, O(P.value), 1))
           ]),
           _: 2
         }, [
-          (G = I.value) != null && G.icon || f.$slots.prepend ? {
+          (G = L.value) != null && G.icon || f.$slots.prepend ? {
             name: "prepend",
             fn: _(() => {
               var ee, de;
               return [
                 h(f.$slots, "prepend"),
-                (ee = I.value) != null && ee.icon ? (r(), S(m(N), j(J({ key: 0 }, (de = I.value) == null ? void 0 : de.icon)), null, 16)) : x("", !0)
+                (ee = L.value) != null && ee.icon ? (r(), S(m(N), j(J({ key: 0 }, (de = L.value) == null ? void 0 : de.icon)), null, 16)) : q("", !0)
               ];
             }),
             key: "0"
@@ -2420,7 +2426,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
           onLeave: U
         }, {
           default: _(() => [
-            L("div", {
+            I("div", {
               ref_key: "contentRef",
               ref: c,
               "data-testid": "combobox-dropdown",
@@ -2478,7 +2484,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       class: V(["q-skeleton-loader", e.value]),
       style: ue(n.value)
     }, s[0] || (s[0] = [
-      L("div", { class: "q-skeleton-loader__bone" }, null, -1)
+      I("div", { class: "q-skeleton-loader__bone" }, null, -1)
     ]), 6));
   }
 }), Ln = C(xn), In = /* @__PURE__ */ B({
@@ -2498,7 +2504,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
   __name: "QTooltip",
   props: /* @__PURE__ */ Z({
     id: { default: void 0 },
-    anchor: {},
+    anchor: { default: void 0 },
     appearance: { default: "inverted" },
     arrow: { type: Boolean, default: !0 },
     attach: { default: "body" },
@@ -2540,7 +2546,7 @@ const co = ["role"], fo = /* @__PURE__ */ B({
       }, {
         default: _(() => [
           h(l.$slots, "default", {}, () => [
-            t.icon ? (r(), S(m(N), j(J({ key: 0 }, t.icon)), null, 16)) : x("", !0),
+            t.icon ? (r(), S(m(N), j(J({ key: 0 }, t.icon)), null, 16)) : q("", !0),
             t.html ? (r(), p("span", {
               key: 1,
               innerHTML: t.text