@quidgest/ui 0.7.4 → 0.7.6

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Be, computed as b, ref as I, provide as He, inject as Ve, watch as z, defineComponent as L, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as U, normalizeClass as K, withModifiers as J, createVNode as ee, unref as y, createCommentVNode as q, Fragment as P, createTextVNode as de, toDisplayString as N, renderSlot as w, toRef as pe, createBlock as S, withCtx as x, renderList as ve, resolveDynamicComponent as De, h as we, normalizeProps as ue, mergeProps as te, reactive as Ke, onBeforeUnmount as We, onMounted as Te, Teleport as Ge, Transition as je, nextTick as Z, createSlots as Ee, withDirectives as Xe, vModelText as Ye, useAttrs as Pe, guardReactiveProps as he } from "vue";
+import { getCurrentInstance as Be, computed as g, ref as I, provide as He, inject as Ve, watch as z, defineComponent as L, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as H, normalizeClass as K, withModifiers as J, createVNode as ee, unref as y, createCommentVNode as q, Fragment as P, createTextVNode as de, toDisplayString as U, renderSlot as w, toRef as pe, createBlock as x, withCtx as S, renderList as ve, resolveDynamicComponent as De, h as we, normalizeProps as ue, mergeProps as le, reactive as Ke, onBeforeUnmount as We, onMounted as Ee, Teleport as Ge, Transition as je, nextTick as Z, createSlots as Te, withDirectives as Xe, vModelDynamic as Ye, useAttrs as Pe, guardReactiveProps as he } from "vue";
 function ye(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -31,7 +31,7 @@ function Ze() {
   if (!n)
     throw new Error("[Quidgest UI] Could not determine component name");
   const o = Ce();
-  return b(() => {
+  return g(() => {
     var e;
     return (e = o.value) == null ? void 0 : e[n];
   });
@@ -39,7 +39,7 @@ function Ze() {
 function Ae(t) {
   if (ye(t))
     return;
-  const n = Ce(), o = I(t), e = b(() => ye(o.value) ? n.value : ze(n.value, o.value));
+  const n = Ce(), o = I(t), e = g(() => ye(o.value) ? n.value : ze(n.value, o.value));
   He(be, e);
 }
 function Ce() {
@@ -244,16 +244,16 @@ function lt(t) {
   for (e in t) {
     const a = t[e];
     if (a) {
-      o += `  ${Se(e)}: ${a};
+      o += `  ${xe(e)}: ${a};
 `;
       const l = Fe(a);
-      o += `  ${Se(e)}-rgb: ${l.r} ${l.g} ${l.b};
+      o += `  ${xe(e)}-rgb: ${l.r} ${l.g} ${l.b};
 `;
     }
   }
   o += "}", n.textContent = o;
 }
-function Se(t) {
+function xe(t) {
   return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
 }
 function Bn(t = {}) {
@@ -268,8 +268,8 @@ function Bn(t = {}) {
     o.provide(be, I(l)), nt(o, t.themes);
   } };
 }
-const at = /* @__PURE__ */ U("svg", { viewBox: "25 25 50 50" }, [
-  /* @__PURE__ */ U("circle", {
+const at = /* @__PURE__ */ H("svg", { viewBox: "25 25 50 50" }, [
+  /* @__PURE__ */ H("circle", {
     class: "path",
     cx: "50",
     cy: "50",
@@ -287,7 +287,7 @@ const at = /* @__PURE__ */ U("svg", { viewBox: "25 25 50 50" }, [
     size: { default: 48 }
   },
   setup(t) {
-    const n = t, o = b(() => ({
+    const n = t, o = g(() => ({
       "font-size": n.size !== 48 ? `${n.size}px` : void 0
     }));
     return (e, a) => (c(), m("div", {
@@ -311,8 +311,8 @@ function B(t) {
       return n(o, e);
     const i = new Proxy(o, {
       get(r, f) {
-        var g;
-        const u = Reflect.get(r, f), h = (g = a.value) == null ? void 0 : g[f];
+        var b;
+        const u = Reflect.get(r, f), h = (b = a.value) == null ? void 0 : b[f];
         return typeof f == "string" && !rt(l.vnode, f) ? h ?? u : u;
       }
     });
@@ -338,11 +338,11 @@ const ge = B(it), dt = ["disabled"], ut = {
   },
   emits: ["click"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = b(() => e.disabled || e.loading);
+    const o = n, e = t, a = g(() => e.disabled || e.loading);
     function l(r) {
       a.value || o("click", r);
     }
-    const i = b(() => {
+    const i = g(() => {
       const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
       return [
         "q-btn",
@@ -366,13 +366,13 @@ const ge = B(it), dt = ["disabled"], ut = {
       r.loading ? (c(), m("div", ut, [
         ee(y(ge), { size: 23 })
       ])) : q("", !0),
-      U("span", ct, [
+      H("span", ct, [
         r.iconOnRight ? (c(), m(P, { key: 0 }, [
-          de(N(e.label), 1)
+          de(U(e.label), 1)
         ], 64)) : q("", !0),
         w(r.$slots, "default"),
         r.iconOnRight ? q("", !0) : (c(), m(P, { key: 1 }, [
-          de(N(e.label), 1)
+          de(U(e.label), 1)
         ], 64))
       ])
     ], 10, dt));
@@ -395,7 +395,7 @@ const ge = B(it), dt = ["disabled"], ut = {
         elevated: !1
       }
     });
-    const o = b(() => [
+    const o = g(() => [
       "q-btn-group",
       {
         "q-btn-group--elevated": n.elevated
@@ -424,7 +424,7 @@ const ge = B(it), dt = ["disabled"], ut = {
       () => e.modelValue,
       (r) => a.value = r
     );
-    const l = b({
+    const l = g({
       get() {
         return a.value;
       },
@@ -435,21 +435,21 @@ const ge = B(it), dt = ["disabled"], ut = {
     function i(r) {
       l.value === r.key && !e.mandatory ? l.value = void 0 : l.value = r.key;
     }
-    return (r, f) => (c(), S(y(vt), {
+    return (r, f) => (c(), x(y(vt), {
       "b-style": "secondary",
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated
     }, {
-      default: x(() => [
-        (c(!0), m(P, null, ve(e.options, (u) => (c(), S(y(pt), {
+      default: S(() => [
+        (c(!0), m(P, null, ve(e.options, (u) => (c(), x(y(pt), {
           key: u.key,
           title: u.title,
           label: u.label,
           active: l.value === u.key,
           onClick: () => i(u)
         }, {
-          default: x(() => [
+          default: S(() => [
             w(r.$slots, u.key)
           ]),
           _: 2
@@ -466,19 +466,19 @@ const ge = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = b(() => {
+    const n = t, o = g(() => {
       switch (n.type) {
         case "svg":
-          return xt;
+          return St;
         case "font":
           return qt;
         case "img":
-          return St;
+          return xt;
         default:
           return;
       }
     });
-    return (e, a) => (c(), S(De(o.value), {
+    return (e, a) => (c(), x(De(o.value), {
       icon: n.icon,
       size: n.size
     }, null, 8, ["icon", "size"]));
@@ -492,7 +492,7 @@ const ge = B(it), dt = ["disabled"], ut = {
     size: { default: void 0 }
   },
   setup(t) {
-    const n = t, o = b(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = b(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = b(() => ({
+    const n = t, o = g(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = g(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = g(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (l, i) => (c(), m("i", {
@@ -507,7 +507,7 @@ const ge = B(it), dt = ["disabled"], ut = {
     size: {}
   },
   setup(t) {
-    const n = t, o = b(() => ({
+    const n = t, o = g(() => ({
       "font-size": n.size !== void 0 ? `${n.size}px` : void 0
     }));
     return (e, a) => (c(), m("img", {
@@ -638,7 +638,7 @@ const It = /* @__PURE__ */ L({
   },
   emits: ["loaded", "unloaded"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = b(() => ({
+    const o = n, e = t, a = g(() => ({
       "font-size": e.size !== void 0 ? `${e.size}px` : void 0
     }));
     function l(r) {
@@ -647,7 +647,7 @@ const It = /* @__PURE__ */ L({
     function i() {
       o("unloaded");
     }
-    return (r, f) => (c(), S(y(kt), {
+    return (r, f) => (c(), x(y(kt), {
       class: "q-icon q-icon__svg",
       src: e.bundle,
       symbol: e.icon,
@@ -656,7 +656,7 @@ const It = /* @__PURE__ */ L({
       onUnloaded: i
     }, null, 8, ["src", "symbol", "style"]));
   }
-}), Y = B(yt), qt = B(bt), St = B(_t), xt = B(It), Lt = /* @__PURE__ */ L({
+}), Y = B(yt), qt = B(bt), xt = B(_t), St = B(It), Lt = /* @__PURE__ */ L({
   __name: "QList",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
@@ -669,11 +669,11 @@ const It = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), i = I(!1), r = b(() => f.value.length > 1 ? "div" : "ul"), f = b(() => a.groups.length ? a.groups : [{ title: "" }]), u = I(null);
+    const e = o, a = t, l = I(a.modelValue), i = I(!1), r = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => a.groups.length ? a.groups : [{ title: "" }]), u = I(null);
     function h(s) {
       l.value = s, e("update:modelValue", s);
     }
-    function g() {
+    function b() {
       i.value = !0;
     }
     function R() {
@@ -684,27 +684,27 @@ const It = /* @__PURE__ */ L({
       if (($ = u.value) != null && $.contains(s.relatedTarget))
         return;
       let p;
-      l.value ? p = a.items.findIndex((oe) => oe[a.itemValue] === l.value) : p = Q();
+      l.value ? p = a.items.findIndex((ne) => ne[a.itemValue] === l.value) : p = Q();
       const k = i.value;
       O(p, k);
     }
     function F(s) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
         case "ArrowDown":
-          E("next");
+          T("next");
           break;
         case "ArrowUp":
-          E("prev");
+          T("prev");
           break;
         case "Home":
-          E("first");
+          T("first");
           break;
         case "End":
-          E("last");
+          T("last");
           break;
       }
     }
-    function E(s) {
+    function T(s) {
       switch (s) {
         case "next":
         case "prev":
@@ -720,36 +720,36 @@ const It = /* @__PURE__ */ L({
     }
     function O(s, p = !1) {
       var $;
-      ($ = T().at(s)) == null || $.focus({ preventScroll: p });
+      ($ = E().at(s)) == null || $.focus({ preventScroll: p });
     }
-    function T() {
+    function E() {
       var p;
       const s = (p = u.value) == null ? void 0 : p.querySelectorAll("li");
       return s ? Array.from(s) : [];
     }
     function X(s) {
-      return T().at(s);
+      return E().at(s);
     }
-    function H() {
-      return T().indexOf(document.activeElement);
+    function N() {
+      return E().indexOf(document.activeElement);
     }
     function Q() {
-      const s = T(), p = s.find((k) => v(k));
+      const s = E(), p = s.find((k) => v(k));
       return p ? s.indexOf(p) : -1;
     }
     function C() {
-      const s = T(), p = [...s].reverse().find((k) => v(k));
+      const s = E(), p = [...s].reverse().find((k) => v(k));
       return p ? s.indexOf(p) : -1;
     }
     function M(s, p, k) {
       return p === "prev" && s === 0 || p === "next" && s === k.length - 1;
     }
     function W(s) {
-      const p = H();
+      const p = N();
       return G(p, s);
     }
     function G(s, p) {
-      const k = T();
+      const k = E();
       if (M(s, p, k))
         return s;
       let $ = s + (p === "next" ? 1 : -1);
@@ -777,25 +777,25 @@ const It = /* @__PURE__ */ L({
       getAdjacentItemIndex: G,
       getFirstFocusableItemIndex: Q,
       getLastFocusableItemIndex: C
-    }), (s, p) => (c(), S(De(r.value), {
+    }), (s, p) => (c(), x(De(r.value), {
       ref_key: "listRef",
       ref: u,
       class: K(["q-list", { "q-list--disabled": a.disabled }]),
       role: "listbox",
       tabindex: a.disabled ? -1 : 0,
       onFocus: A,
-      onMousedown: g,
+      onMousedown: b,
       onMouseup: R,
       onKeydown: F
     }, {
-      default: x(() => [
-        (c(!0), m(P, null, ve(f.value, (k) => (c(), S(y(Qt), {
+      default: S(() => [
+        (c(!0), m(P, null, ve(f.value, (k) => (c(), x(y(Qt), {
           key: k.id,
           title: k.title,
           disabled: k.disabled
         }, {
-          default: x(() => [
-            (c(!0), m(P, null, ve(V(k.id), ($) => (c(), S(y(Ft), {
+          default: S(() => [
+            (c(!0), m(P, null, ve(V(k.id), ($) => (c(), x(y(Ft), {
               key: $[a.itemValue],
               value: $[a.itemValue],
               label: $[a.itemLabel],
@@ -814,14 +814,14 @@ const It = /* @__PURE__ */ L({
   }
 });
 let Bt = 0;
-function ne() {
+function te() {
   return `uid-${++Bt}`;
 }
-const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-list-item__check-container" }, Tt = {
+const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-list-item__check-container" }, Et = {
   check: {
     icon: "check"
   }
-}, Et = /* @__PURE__ */ L({
+}, Tt = /* @__PURE__ */ L({
   __name: "QListItem",
   props: {
     value: { type: [String, Number, Boolean, Symbol] },
@@ -829,12 +829,12 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
     icon: { default: void 0 },
     selected: { type: Boolean },
     highlighted: { type: Boolean },
-    icons: { default: () => Tt },
+    icons: { default: () => Et },
     disabled: { type: Boolean }
   },
   emits: ["select"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = ne();
+    const o = n, e = t, a = te();
     function l() {
       e.disabled || o("select", e.value);
     }
@@ -858,10 +858,10 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
       onKeydown: i,
       onClick: J(l, ["stop", "prevent"])
     }, [
-      e.icon ? (c(), S(y(Y), ue(te({ key: 0 }, e.icon)), null, 16)) : q("", !0),
-      de(" " + N(e.label) + " ", 1),
-      U("div", Dt, [
-        e.selected ? (c(), S(y(Y), te({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
+      e.icon ? (c(), x(y(Y), ue(le({ key: 0 }, e.icon)), null, 16)) : q("", !0),
+      de(" " + U(e.label) + " ", 1),
+      H("div", Dt, [
+        e.selected ? (c(), x(y(Y), le({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
       ])
     ], 42, Vt));
   }
@@ -872,7 +872,7 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
     disabled: { type: Boolean }
   },
   setup(t) {
-    const n = t, o = ne();
+    const n = t, o = te();
     return (e, a) => (c(), m("ul", {
       class: "q-list-item-group",
       role: "group",
@@ -883,31 +883,31 @@ const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-l
         id: y(o),
         class: "q-list-item-group__title",
         role: "presentation"
-      }, N(n.title), 9, At)) : q("", !0),
+      }, U(n.title), 9, At)) : q("", !0),
       w(e.$slots, "default")
     ], 8, zt));
   }
-}), Oe = B(Lt), Ft = B(Et), Qt = B(Ct);
+}), Oe = B(Lt), Ft = B(Tt), Qt = B(Ct);
 function Rt(t, n, o = "right", e) {
   const a = t.getBoundingClientRect(), l = a.x + window.scrollX, i = a.y + window.scrollY, r = n == null ? void 0 : n.getBoundingClientRect(), f = (r == null ? void 0 : r.width) ?? 0, u = (r == null ? void 0 : r.height) ?? 0;
   let h = o;
   r && !Me(a, r, h) && (h = Ot(a, r, h));
-  const g = { x: 0, y: 0, placement: h };
+  const b = { x: 0, y: 0, placement: h };
   switch (h) {
     case "top":
-      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = i - u;
+      e === "anchor" ? b.x = l : b.x = l + (a.width - f) / 2, b.y = i - u;
       break;
     case "bottom":
-      e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = i + a.height;
+      e === "anchor" ? b.x = l : b.x = l + (a.width - f) / 2, b.y = i + a.height;
       break;
     case "left":
-      g.x = l - f, g.y = i + a.height / 2 - u / 2;
+      b.x = l - f, b.y = i + a.height / 2 - u / 2;
       break;
     case "right":
-      g.x = l + a.width, g.y = i + a.height / 2 - u / 2;
+      b.x = l + a.width, b.y = i + a.height / 2 - u / 2;
       break;
   }
-  return e === "anchor" && a.width >= f && (g.width = a.width), g;
+  return e === "anchor" && a.width >= f && (b.width = a.width), b;
 }
 function Me(t, n, o) {
   let e = !1, a = !1;
@@ -919,15 +919,15 @@ function Me(t, n, o) {
       e = Le(t, n), a = window.innerHeight - t.top - t.height > n.height;
       break;
     case "left":
-      e = t.left > n.width, a = xe(t, n);
+      e = t.left > n.width, a = Se(t, n);
       break;
     case "right":
-      e = window.innerWidth - t.left - t.width > n.width, a = xe(t, n);
+      e = window.innerWidth - t.left - t.width > n.width, a = Se(t, n);
       break;
   }
   return e && a;
 }
-function xe(t, n) {
+function Se(t, n) {
   return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
 }
 function Le(t, n) {
@@ -972,7 +972,7 @@ const Mt = {
   },
   emits: ["enter", "leave"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = b(() => [
+    const o = n, e = t, a = g(() => [
       "q-overlay",
       `q-overlay--${l.placement}`,
       { "q-overlay--inverted": e.appearance === "inverted" },
@@ -984,7 +984,7 @@ const Mt = {
       left: 0,
       width: 0,
       placement: e.placement
-    }), i = b(() => l.visible && !e.disabled);
+    }), i = g(() => l.visible && !e.disabled);
     z(
       () => e.modelValue,
       () => l.visible = e.modelValue
@@ -992,7 +992,7 @@ const Mt = {
       () => l.visible,
       () => l.animating = !0
     );
-    const r = b(() => {
+    const r = g(() => {
       let v = 0, V = 0;
       switch (l.placement) {
         case "top":
@@ -1023,7 +1023,7 @@ const Mt = {
     }
     z([() => i.value, () => e.placement], u);
     let h;
-    function g() {
+    function b() {
       const v = e.trigger === "hover" ? e.delay : 0;
       h || (h = window.setTimeout(() => l.visible = !0, v));
     }
@@ -1031,16 +1031,16 @@ const Mt = {
       clearTimeout(h), h = void 0, l.visible = !1;
     }
     function A() {
-      i.value ? R() : g();
+      i.value ? R() : b();
     }
     let F;
-    function E() {
+    function T() {
       o("enter");
     }
     function O() {
       window.clearTimeout(F), F = window.setTimeout(() => l.animating = !1, 200), o("leave");
     }
-    let T;
+    let E;
     function X() {
       Z(() => {
         const v = re(e.anchor);
@@ -1050,15 +1050,15 @@ const Mt = {
               v.addEventListener("click", A);
               break;
             case "hover":
-              v.addEventListener("mouseenter", g), v.addEventListener("mouseleave", R);
+              v.addEventListener("mouseenter", b), v.addEventListener("mouseleave", R);
               break;
           }
       });
     }
-    function H() {
+    function N() {
       Z(() => {
         const v = re(e.anchor);
-        v && (window.addEventListener("scroll", u), window.addEventListener("resize", u), T = new MutationObserver(u), T.observe(v, {
+        v && (window.addEventListener("scroll", u), window.addEventListener("resize", u), E = new MutationObserver(u), E.observe(v, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1067,19 +1067,19 @@ const Mt = {
       });
     }
     function Q() {
-      window.removeEventListener("scroll", u), window.removeEventListener("resize", u), T == null || T.disconnect();
+      window.removeEventListener("scroll", u), window.removeEventListener("resize", u), E == null || E.disconnect();
     }
     let C;
     function M() {
       re(e.anchor) ? (u(), C = window.setTimeout(M, 100)) : R();
     }
     function W() {
-      H(), e.spy && M();
+      N(), e.spy && M();
     }
     function G() {
       Q(), e.spy && (clearTimeout(C), C = void 0);
     }
-    return We(G), Te(u), z(
+    return We(G), Ee(u), z(
       () => e.disabled,
       (v) => {
         v || X();
@@ -1093,7 +1093,7 @@ const Mt = {
       { immediate: !0 }
     ), (v, V) => (c(), m(P, null, [
       w(v.$slots, "trigger", { open: i.value }),
-      i.value || l.animating ? (c(), S(Ge, {
+      i.value || l.animating ? (c(), x(Ge, {
         key: 0,
         disabled: !e.attach,
         to: e.attach
@@ -1101,16 +1101,16 @@ const Mt = {
         ee(je, {
           name: e.transition,
           appear: "",
-          onEnter: E,
+          onEnter: T,
           onLeave: O
         }, {
-          default: x(() => [
+          default: S(() => [
             i.value ? (c(), m("div", {
               key: 0,
               class: K(a.value),
               style: se(r.value)
             }, [
-              U("div", {
+              H("div", {
                 class: K(["q-overlay__content"]),
                 ref_key: "overlay",
                 ref: f
@@ -1141,7 +1141,7 @@ const Mt = {
   inheritAttrs: !1,
   __name: "QField",
   props: {
-    id: { default: () => ne() },
+    id: { default: () => te() },
     label: { default: "" },
     size: { default: "medium" },
     readonly: { type: Boolean },
@@ -1149,7 +1149,7 @@ const Mt = {
     required: { type: Boolean }
   },
   setup(t, { expose: n }) {
-    const o = t, e = I(null), a = b(() => o.required && !o.readonly && !o.disabled);
+    const o = t, e = I(null), a = g(() => o.required && !o.readonly && !o.disabled);
     return n({
       fieldRef: e
     }), (l, i) => (c(), m("div", {
@@ -1166,13 +1166,13 @@ const Mt = {
     }, [
       o.label ? (c(), m("div", Ht, [
         w(l.$slots, "label.prepend"),
-        U("label", {
+        H("label", {
           for: o.id
-        }, N(o.label), 9, Kt),
+        }, U(o.label), 9, Kt),
         w(l.$slots, "label.append")
       ])) : q("", !0),
       w(l.$slots, "control", {}, () => [
-        U("div", te({
+        H("div", le({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: e
@@ -1191,11 +1191,11 @@ const Mt = {
       ])) : q("", !0)
     ], 10, Nt));
   }
-}), _e = B(Xt), Yt = ["role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ L({
+}), _e = B(Xt), Yt = ["type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ L({
   __name: "QTextField",
   props: {
     modelValue: { default: "" },
-    id: { default: () => ne() },
+    id: { default: () => te() },
     placeholder: { default: "" },
     label: { default: "" },
     size: { default: void 0 },
@@ -1203,11 +1203,12 @@ const Mt = {
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
-    role: { default: void 0 }
+    role: { default: void 0 },
+    type: { default: "text" }
   },
   emits: ["update:modelValue"],
   setup(t, { expose: n, emit: o }) {
-    const e = o, a = t, l = I(a.modelValue), i = I(null), r = I(null), f = b({
+    const e = o, a = t, l = I(a.modelValue), i = I(null), r = I(null), f = g({
       get() {
         return l.value;
       },
@@ -1219,12 +1220,12 @@ const Mt = {
       () => a.modelValue,
       (u) => l.value = u
     ), n({
-      fieldRef: b(() => {
+      fieldRef: g(() => {
         var u;
         return (u = i.value) == null ? void 0 : u.fieldRef;
       }),
       inputRef: r
-    }), (u, h) => (c(), S(y(_e), {
+    }), (u, h) => (c(), x(y(_e), {
       ref_key: "fieldRef",
       ref: i,
       class: "q-text-field",
@@ -1234,20 +1235,20 @@ const Mt = {
       readonly: a.readonly,
       disabled: a.disabled,
       required: a.required
-    }, Ee({
-      "label.prepend": x(() => [
+    }, Te({
+      "label.prepend": S(() => [
         w(u.$slots, "label.prepend")
       ]),
-      "label.append": x(() => [
+      "label.append": S(() => [
         w(u.$slots, "label.append")
       ]),
-      default: x(() => [
-        Xe(U("input", {
-          "onUpdate:modelValue": h[0] || (h[0] = (g) => f.value = g),
+      default: S(() => [
+        Xe(H("input", {
+          "onUpdate:modelValue": h[0] || (h[0] = (b) => f.value = b),
           ref_key: "inputRef",
           ref: r,
           class: "q-text-field__input",
-          type: "text",
+          type: a.type,
           role: a.role,
           required: a.required,
           placeholder: a.placeholder,
@@ -1262,21 +1263,21 @@ const Mt = {
     }, [
       u.$slots.prepend ? {
         name: "prepend",
-        fn: x(() => [
+        fn: S(() => [
           w(u.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       u.$slots.append ? {
         name: "append",
-        fn: x(() => [
+        fn: S(() => [
           w(u.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       u.$slots.extras ? {
         name: "extras",
-        fn: x(() => [
+        fn: S(() => [
           w(u.$slots, "extras")
         ]),
         key: "2"
@@ -1302,7 +1303,7 @@ const Jt = {
   __name: "QCombobox",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => ne() },
+    id: { default: () => te() },
     selectionMode: { default: "automatic" },
     filterMode: { default: "builtin" },
     label: { default: "" },
@@ -1321,36 +1322,36 @@ const Jt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(void 0), u = I(null), h = I(null), g = I(null);
-    Te(Q);
-    const R = b(
+    const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(void 0), u = I(null), h = I(null), b = I(null);
+    Ee(Q);
+    const R = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
-    ), A = b(() => {
+    ), A = g(() => {
       var d;
-      return e.filterMode === "manual" || !T.value ? e.items : (d = e.items) == null ? void 0 : d.filter(
+      return e.filterMode === "manual" || !E.value ? e.items : (d = e.items) == null ? void 0 : d.filter(
         (_) => _[e.itemLabel].toLowerCase().startsWith(r.value.toLowerCase())
       );
-    }), F = b(() => {
+    }), F = g(() => {
       var d;
       return (d = e.items) == null ? void 0 : d.find((_) => _[e.itemValue] === l.value);
-    }), E = b(() => {
+    }), T = g(() => {
       const d = f.value;
       if (d !== void 0 && A.value[d])
         return A.value[d];
-    }), O = b(() => {
+    }), O = g(() => {
       var _;
       if (f.value === void 0)
         return;
       const d = (_ = h.value) == null ? void 0 : _.getItem(f.value);
       return d == null ? void 0 : d.id;
-    }), T = b(() => {
+    }), E = g(() => {
       var d;
       return r.value.length > 0 && r.value !== ((d = F.value) == null ? void 0 : d[e.itemLabel]);
     });
     function X(d) {
       l.value = d, Q(), o("update:modelValue", d);
     }
-    function H(d) {
+    function N(d) {
       X(d), M();
     }
     function Q() {
@@ -1389,9 +1390,9 @@ const Jt = {
             d.key === "ArrowDown" ? V() : s();
           }));
         else if (d.key === "Enter") {
-          if (E.value === void 0)
+          if (T.value === void 0)
             return;
-          H(E.value[e.itemValue]);
+          N(T.value[e.itemValue]);
         } else
           d.key === "Home" ? f.value = (_ = h.value) == null ? void 0 : _.getFirstFocusableItemIndex() : d.key === "End" ? f.value = (D = h.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && C();
     }
@@ -1415,16 +1416,16 @@ const Jt = {
     }
     function k(d) {
       var _, D, j;
-      !((_ = g.value) != null && _.contains(d.relatedTarget)) && !((j = (D = u.value) == null ? void 0 : D.fieldRef) != null && j.contains(d.relatedTarget)) && (M(), Q());
+      !((_ = b.value) != null && _.contains(d.relatedTarget)) && !((j = (D = u.value) == null ? void 0 : D.fieldRef) != null && j.contains(d.relatedTarget)) && (M(), Q());
     }
     function $() {
       var d, _;
       (_ = (d = u.value) == null ? void 0 : d.inputRef) == null || _.focus();
     }
-    function oe() {
+    function ne() {
       o("show");
     }
-    function le() {
+    function oe() {
       o("hide");
     }
     function ke(d) {
@@ -1465,15 +1466,15 @@ const Jt = {
           onFocusout: k,
           onKeydown: J(v, ["stop"])
         }, {
-          append: x(() => [
-            R.value && r.value ? (c(), S(y(Y), te({ key: 0 }, e.icons.clear, {
+          append: S(() => [
+            R.value && r.value ? (c(), x(y(Y), le({ key: 0 }, e.icons.clear, {
               class: "q-combobox__clear",
               onClick: J(W, ["stop", "prevent"])
             }), null, 16)) : q("", !0)
           ]),
           _: 1
         }, 8, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-        (D = u.value) != null && D.fieldRef ? (c(), S(y(fe), {
+        (D = u.value) != null && D.fieldRef ? (c(), x(y(fe), {
           key: 0,
           "model-value": i.value,
           spy: "",
@@ -1482,24 +1483,24 @@ const Jt = {
           width: "anchor",
           offset: 4,
           anchor: (j = u.value) == null ? void 0 : j.fieldRef,
-          onEnter: oe,
-          onLeave: le
+          onEnter: ne,
+          onLeave: oe
         }, {
-          default: x(() => {
+          default: S(() => {
             var ie;
             return [
-              U("div", {
+              H("div", {
                 ref_key: "contentRef",
-                ref: g,
+                ref: b,
                 class: "q-select__body",
                 onFocusout: k
               }, [
                 w(d.$slots, "body.prepend"),
-                e.loading ? (c(), S(y(ge), {
+                e.loading ? (c(), x(y(ge), {
                   key: 0,
                   class: "q-select__loader",
                   size: 24
-                })) : A.value.length ? (c(), S(y(Oe), {
+                })) : A.value.length ? (c(), x(y(Oe), {
                   key: 1,
                   ref_key: "listRef",
                   ref: h,
@@ -1507,15 +1508,15 @@ const Jt = {
                   modelValue: l.value,
                   "onUpdate:modelValue": [
                     _[1] || (_[1] = (Ne) => l.value = Ne),
-                    H
+                    N
                   ],
-                  highlighted: (ie = E.value) == null ? void 0 : ie[e.itemValue],
+                  highlighted: (ie = T.value) == null ? void 0 : ie[e.itemValue],
                   items: A.value,
                   groups: d.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
                   onMouseup: $
-                }, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", Jt, N(d.texts.noData), 1)),
+                }, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", Jt, U(d.texts.noData), 1)),
                 w(d.$slots, "body.append")
               ], 544)
             ];
@@ -1532,25 +1533,25 @@ const Jt = {
   key: 1,
   class: "q-input-group__append"
 }, sn = { key: 0 }, rn = /* @__PURE__ */ L({
-  inheritAttrs: !1,
   __name: "QInputGroup",
   props: {
-    id: { default: () => ne() },
+    id: { default: () => te() },
     label: { default: "" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
     prependIcon: { default: void 0 },
     appendIcon: { default: void 0 },
-    size: { default: "fit-content" }
+    size: { default: "large" }
   },
   setup(t) {
-    const n = t, o = b(() => n.size === "block" ? "block" : void 0);
+    const n = t;
     return Ae({
       QField: {
-        size: o
+        size: "block"
       }
-    }), (e, a) => (c(), S(y(_e), {
+    }), (o, e) => (c(), x(y(_e), {
+      class: "q-input-group",
       id: n.id,
       label: n.label,
       readonly: n.readonly,
@@ -1558,27 +1559,25 @@ const Jt = {
       required: n.required,
       size: n.size
     }, {
-      control: x(() => [
-        U("div", te({ class: "q-input-group" }, e.$attrs), [
-          e.$slots.prepend || n.prependIcon ? (c(), m("div", on, [
-            n.prependIcon ? (c(), m("span", ln, [
-              ee(y(Y), ue(he(n.prependIcon)), null, 16)
-            ])) : q("", !0),
-            w(e.$slots, "prepend")
+      default: S(() => [
+        o.$slots.prepend || n.prependIcon ? (c(), m("div", on, [
+          n.prependIcon ? (c(), m("span", ln, [
+            ee(y(Y), ue(he(n.prependIcon)), null, 16)
           ])) : q("", !0),
-          w(e.$slots, "default"),
-          e.$slots.append || n.appendIcon ? (c(), m("div", an, [
-            n.appendIcon ? (c(), m("span", sn, [
-              ee(y(Y), ue(he(n.appendIcon)), null, 16)
-            ])) : q("", !0),
-            w(e.$slots, "append")
-          ])) : q("", !0)
-        ], 16)
+          w(o.$slots, "prepend")
+        ])) : q("", !0),
+        w(o.$slots, "default"),
+        o.$slots.append || n.appendIcon ? (c(), m("div", an, [
+          n.appendIcon ? (c(), m("span", sn, [
+            ee(y(Y), ue(he(n.appendIcon)), null, 16)
+          ])) : q("", !0),
+          w(o.$slots, "append")
+        ])) : q("", !0)
       ]),
       _: 3
     }, 8, ["id", "label", "readonly", "disabled", "required", "size"]));
   }
-}), Tn = B(rn), dn = (t, n) => {
+}), En = B(rn), dn = (t, n) => {
   const o = t.__vccOpts || t;
   for (const [e, a] of n)
     o[e] = a;
@@ -1587,7 +1586,7 @@ const Jt = {
 function fn(t, n) {
   return c(), m("div", cn);
 }
-const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
+const pn = /* @__PURE__ */ dn(un, [["render", fn]]), Tn = B(pn), mn = {
   key: 0,
   class: "q-popover__header"
 }, vn = {
@@ -1610,7 +1609,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (c(), S(y(fe), {
+    return (o, e) => (c(), x(y(fe), {
       "model-value": n.modelValue,
       trigger: "click",
       anchor: n.anchor,
@@ -1621,16 +1620,16 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
       placement: n.placement,
       spy: n.spy
     }, {
-      default: x(() => [
+      default: S(() => [
         n.title || o.$slots.header ? (c(), m("h3", mn, [
-          de(N(n.title) + " ", 1),
+          de(U(n.title) + " ", 1),
           w(o.$slots, "header")
         ])) : q("", !0),
         n.text || o.$slots.body ? (c(), m("div", vn, [
           n.html ? (c(), m("span", {
             key: 0,
             innerHTML: n.text
-          }, null, 8, hn)) : (c(), m("span", yn, N(n.text), 1)),
+          }, null, 8, hn)) : (c(), m("span", yn, U(n.text), 1)),
           w(o.$slots, "body")
         ])) : q("", !0)
       ]),
@@ -1657,7 +1656,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
   __name: "QSelect",
   props: {
     modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
-    id: { default: () => ne() },
+    id: { default: () => te() },
     label: { default: "" },
     clearable: { type: Boolean },
     readonly: { type: Boolean },
@@ -1674,39 +1673,39 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { emit: n }) {
-    const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(null), u = I(null), h = I(null), g = b(
+    const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(null), u = I(null), h = I(null), b = g(
       () => {
         var s;
         return (s = e.items) == null ? void 0 : s.find((p) => p[e.itemValue] === l.value);
       }
-    ), R = b(
-      () => g.value ? g.value[e.itemLabel] : ""
-    ), A = b(
+    ), R = g(
+      () => b.value ? b.value[e.itemLabel] : ""
+    ), A = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function F(s) {
-      l.value = s, o("update:modelValue", s), H();
+      l.value = s, o("update:modelValue", s), N();
     }
-    function E() {
+    function T() {
       A.value && F(void 0);
     }
     function O() {
-      e.readonly || e.disabled || (i.value ? H() : X());
+      e.readonly || e.disabled || (i.value ? N() : X());
     }
-    function T(s) {
+    function E(s) {
       var p, k, $;
-      !((p = h.value) != null && p.contains(s.relatedTarget)) && !(($ = (k = f.value) == null ? void 0 : k.fieldRef) != null && $.contains(s.relatedTarget)) && H();
+      !((p = h.value) != null && p.contains(s.relatedTarget)) && !(($ = (k = f.value) == null ? void 0 : k.fieldRef) != null && $.contains(s.relatedTarget)) && N();
     }
     function X() {
       i.value || (o("before-show"), i.value = !0);
     }
-    function H() {
+    function N() {
       i.value && (o("before-hide"), i.value = !1);
     }
     let Q;
     function C(s) {
       if (!(!s.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(Q), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (i.value = !0), ["Escape", "Tab"].includes(s.key) && (i.value ? i.value = !1 : e.clearable && s.key === "Escape" && E()), s.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(s.key)) {
+        if (window.clearTimeout(Q), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (i.value = !0), ["Escape", "Tab"].includes(s.key) && (i.value ? i.value = !1 : e.clearable && s.key === "Escape" && T()), s.key === "Delete" && e.clearable && T(), /^[a-z]$/i.test(s.key)) {
           r.value += s.key.toLowerCase();
           for (let p = 0; p < e.items.length; p++)
             if (e.items[p][e.itemLabel].toLowerCase().startsWith(r.value)) {
@@ -1749,7 +1748,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
         !s && i.value && Z(v);
       }
     ), (s, p) => {
-      var k, $, oe;
+      var k, $, ne;
       return c(), m(P, null, [
         ee(y(_e), {
           id: e.id,
@@ -1775,31 +1774,31 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
           size: e.size,
           onClick: O,
           onKeydown: J(C, ["stop"])
-        }, Ee({
-          append: x(() => [
-            A.value && l.value ? (c(), S(y(Y), te({ key: 0 }, e.icons.clear, {
+        }, Te({
+          append: S(() => [
+            A.value && l.value ? (c(), x(y(Y), le({ key: 0 }, e.icons.clear, {
               class: "q-select__clear",
-              onClick: J(E, ["stop", "prevent"])
+              onClick: J(T, ["stop", "prevent"])
             }), null, 16)) : q("", !0),
-            !e.readonly && !e.disabled ? (c(), S(y(Y), te({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : q("", !0)
+            !e.readonly && !e.disabled ? (c(), x(y(Y), le({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : q("", !0)
           ]),
-          default: x(() => [
-            l.value ? (c(), m("span", gn, N(R.value), 1)) : (c(), m("span", _n, N(s.texts.placeholder), 1))
+          default: S(() => [
+            l.value ? (c(), m("span", gn, U(R.value), 1)) : (c(), m("span", _n, U(s.texts.placeholder), 1))
           ]),
           _: 2
         }, [
-          (k = g.value) != null && k.icon ? {
+          (k = b.value) != null && k.icon ? {
             name: "prepend",
-            fn: x(() => {
-              var le;
+            fn: S(() => {
+              var oe;
               return [
-                ee(y(Y), ue(he((le = g.value) == null ? void 0 : le.icon)), null, 16)
+                ee(y(Y), ue(he((oe = b.value) == null ? void 0 : oe.icon)), null, 16)
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        ($ = f.value) != null && $.fieldRef ? (c(), S(y(fe), {
+        ($ = f.value) != null && $.fieldRef ? (c(), x(y(fe), {
           key: 0,
           "model-value": i.value,
           spy: "",
@@ -1807,32 +1806,32 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
           placement: "bottom",
           width: "anchor",
           offset: 2,
-          anchor: (oe = f.value) == null ? void 0 : oe.fieldRef,
+          anchor: (ne = f.value) == null ? void 0 : ne.fieldRef,
           onEnter: M,
           onLeave: W
         }, {
-          default: x(() => [
-            U("div", {
+          default: S(() => [
+            H("div", {
               ref_key: "contentRef",
               ref: h,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: T,
+              onFocusout: E,
               onKeydown: J(C, ["stop"])
             }, [
               w(s.$slots, "body.prepend"),
-              e.loading ? (c(), S(y(ge), {
+              e.loading ? (c(), x(y(ge), {
                 key: 0,
                 class: "q-select__loader",
                 size: 24
-              })) : (c(), S(y(Oe), {
+              })) : (c(), x(y(Oe), {
                 key: 1,
                 ref_key: "listRef",
                 ref: u,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [
-                  p[0] || (p[0] = (le) => l.value = le),
+                  p[0] || (p[0] = (oe) => l.value = oe),
                   F
                 ],
                 items: e.items,
@@ -1848,7 +1847,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
       ], 64);
     };
   }
-}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, Sn = /* @__PURE__ */ L({
+}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, xn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "QTooltip",
   props: {
@@ -1866,7 +1865,7 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
   },
   setup(t) {
     const n = t;
-    return (o, e) => (c(), S(y(fe), {
+    return (o, e) => (c(), x(y(fe), {
       "model-value": n.modelValue,
       anchor: n.anchor,
       appearance: n.appearance,
@@ -1878,16 +1877,16 @@ const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
       placement: n.placement,
       trigger: n.trigger
     }, {
-      default: x(() => [
+      default: S(() => [
         n.html ? (c(), m("span", {
           key: 0,
           innerHTML: n.text
-        }, null, 8, In)) : (c(), m("span", qn, N(n.text), 1))
+        }, null, 8, In)) : (c(), m("span", qn, U(n.text), 1))
       ]),
       _: 1
     }, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
   }
-}), Cn = B(Sn), Fn = {
+}), Cn = B(xn), Fn = {
   mounted(t, n) {
     t.clickOutsideEvent = function(o) {
       const e = o.target;
@@ -1906,10 +1905,10 @@ export {
   _e as QField,
   Y as QIcon,
   qt as QIconFont,
-  St as QIconImg,
-  xt as QIconSvg,
-  Tn as QInputGroup,
-  En as QLineLoader,
+  xt as QIconImg,
+  St as QIconSvg,
+  En as QInputGroup,
+  Tn as QLineLoader,
   Oe as QList,
   Ft as QListItem,
   Qt as QListItemGroup,