@quidgest/ui 0.7.16 → 0.7.18

package/dist/ui.css

@@ -449,14 +449,14 @@ body *::-webkit-scrollbar-track {
 .q-field__control {
   display: flex;
   align-items: center;
-  height: 31.89px;
+  height: inherit;
   width: 100%;
   border-radius: inherit;
   border-width: 1px;
   background-color: transparent;
   padding: 0.26rem 0.25rem;
   font-size: 0.9rem;
-  line-height: 1.5rem;
+  line-height: 1.5;
   transition: color var(--transition-duration) var(--transition-timing-function);
 }
 .q-field__control:focus-within {
@@ -532,7 +532,7 @@ body *::-webkit-scrollbar-track {
 .q-input-group__prepend, .q-input-group__append {
   display: flex;
   align-items: flex-end;
-  height: 31.89px;
+  height: inherit;
 }
 .q-input-group__prepend > *, .q-input-group__append > * {
   border-radius: 0;
@@ -545,7 +545,8 @@ body *::-webkit-scrollbar-track {
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 0.25rem 0.5rem;
+  padding: 0.26rem 0.25rem;
+  line-height: 1.5;
   font-size: 0.9rem;
   border-width: 1px;
   background-color: rgb(var(--q-theme-on-background-rgb)/0.1);
@@ -557,7 +558,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-input-group > .q-field__control {
   display: flex;
-  align-items: flex-end;
+  align-items: stretch;
   height: auto;
   border-width: 0;
   padding: 0;

package/dist/ui.esm.js

@@ -139,12 +139,12 @@ function Ie(n) {
 function Fe(n) {
   const t = n.r / 255, o = n.g / 255, e = n.b / 255, l = Math.max(t, o, e), a = Math.min(t, o, e);
   let r = 0, i;
-  const p = (l + a) / 2;
+  const f = (l + a) / 2;
   if (l === a)
     r = i = 0;
   else {
     const m = l - a;
-    switch (i = p > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
+    switch (i = f > 0.5 ? m / (2 - l - a) : m / (l + a), l) {
       case t:
         r = (o - e) / m + (o < e ? 6 : 0);
         break;
@@ -160,7 +160,7 @@ function Fe(n) {
   return {
     h: Math.round(r * 360),
     s: Math.round(i * 100),
-    l: Math.round(p * 100)
+    l: Math.round(f * 100)
   };
 }
 function Ae(n) {
@@ -169,8 +169,8 @@ function Ae(n) {
   if (o === 0)
     l = a = r = e;
   else {
-    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, p = 2 * e - i;
-    l = fe(p, i, t + 1 / 3), a = fe(p, i, t), r = fe(p, i, t - 1 / 3);
+    const i = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - i;
+    l = fe(f, i, t + 1 / 3), a = fe(f, i, t), r = fe(f, i, t - 1 / 3);
   }
   return {
     r: Math.round(l * 255),
@@ -198,8 +198,8 @@ function Je(n, t) {
         for (a in e.colors) {
           const r = e.colors[a];
           if (r && !a.startsWith("on") && !a.endsWith("Light") && !a.endsWith("Dark")) {
-            const i = Ce(r), p = `${a}Light`, m = `${a}Dark`;
-            p in e.colors || (e.colors[p] = Ie(Pe(i, 85))), m in e.colors || (e.colors[m] = Ie(Ze(i, 25)));
+            const i = Ce(r), f = `${a}Light`, m = `${a}Dark`;
+            f in e.colors || (e.colors[f] = Ie(Pe(i, 85))), m in e.colors || (e.colors[m] = Ie(Ze(i, 25)));
           }
         }
       }
@@ -308,10 +308,10 @@ function V(n) {
     if (a === null)
       return t(o, e);
     const r = new Proxy(o, {
-      get(i, p) {
+      get(i, f) {
         var _;
-        const m = Reflect.get(i, p), f = (_ = l.value) == null ? void 0 : _[p];
-        return typeof p == "string" && !at(a.vnode, p) ? f ?? m : m;
+        const m = Reflect.get(i, f), p = (_ = l.value) == null ? void 0 : _[f];
+        return typeof f == "string" && !at(a.vnode, f) ? p ?? m : m;
       }
     });
     return t(r, e);
@@ -357,7 +357,7 @@ const be = V(ot), st = ["disabled"], it = {
         e.class
       ];
     });
-    return (i, p) => (c(), v("button", {
+    return (i, f) => (c(), v("button", {
       type: "button",
       class: T(r.value),
       disabled: l.value,
@@ -436,7 +436,7 @@ const be = V(ot), st = ["disabled"], it = {
     function r(i) {
       a.value === i.key && !e.mandatory ? a.value = void 0 : a.value = i.key;
     }
-    return (i, p) => (c(), x($(ft), {
+    return (i, f) => (c(), x($(ft), {
       "b-style": "secondary",
       class: T(e.class),
       disabled: e.disabled,
@@ -654,7 +654,7 @@ const kt = /* @__PURE__ */ L({
     function r() {
       o("unloaded");
     }
-    return (i, p) => (c(), x($(bt), {
+    return (i, f) => (c(), x($(bt), {
       class: T(["q-icon", "q-icon__svg", e.class]),
       src: e.bundle,
       symbol: e.icon,
@@ -677,8 +677,8 @@ const kt = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => p.value.length > 1 ? "div" : "ul"), p = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
-    function f(d) {
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = g(() => f.value.length > 1 ? "div" : "ul"), f = g(() => l.groups.length ? l.groups : [{ id: "", title: "" }]), m = q(null);
+    function p(d) {
       a.value = d, e("update:modelValue", d);
     }
     function _() {
@@ -797,9 +797,9 @@ const kt = /* @__PURE__ */ L({
       onKeydown: A
     }, {
       default: I(() => [
-        (c(!0), v(J, null, pe(p.value, (k) => (c(), x($(Ct), {
+        (c(!0), v(J, null, pe(f.value, (k) => (c(), x($(Ct), {
           key: k.id,
-          title: k.title,
+          title: f.value.length === 1 ? void 0 : k.title,
           disabled: k.disabled
         }, {
           default: I(() => [
@@ -811,7 +811,7 @@ const kt = /* @__PURE__ */ L({
               disabled: l.disabled || B.disabled,
               highlighted: l.highlighted === B[l.itemValue],
               selected: a.value === B[l.itemValue],
-              onSelect: f
+              onSelect: p
             }, {
               default: I(() => [
                 b(d.$slots, "item", { item: B })
@@ -854,7 +854,7 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
     function r(i) {
       i.key === "Tab" && a(), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a());
     }
-    return (i, p) => (c(), v("li", {
+    return (i, f) => (c(), v("li", {
       id: $(l),
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
@@ -904,25 +904,25 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected"], Lt = { class: "q-l
   }
 }), Qe = V(qt), zt = V(Vt), Ct = V(Et);
 function Ft(n, t, o = "right", e) {
-  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), p = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
-  let f = o;
-  i && !Re(l, i, f) && (f = At(l, i, f));
-  const _ = { x: 0, y: 0, placement: f };
-  switch (f) {
+  const l = n.getBoundingClientRect(), a = l.x + window.scrollX, r = l.y + window.scrollY, i = t == null ? void 0 : t.getBoundingClientRect(), f = (i == null ? void 0 : i.width) ?? 0, m = (i == null ? void 0 : i.height) ?? 0;
+  let p = o;
+  i && !Re(l, i, p) && (p = At(l, i, p));
+  const _ = { x: 0, y: 0, placement: p };
+  switch (p) {
     case "top":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r - m;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r - m;
       break;
     case "bottom":
-      e === "anchor" ? _.x = a : _.x = a + (l.width - p) / 2, _.y = r + l.height;
+      e === "anchor" ? _.x = a : _.x = a + (l.width - f) / 2, _.y = r + l.height;
       break;
     case "left":
-      _.x = a - p, _.y = r + l.height / 2 - m / 2;
+      _.x = a - f, _.y = r + l.height / 2 - m / 2;
       break;
     case "right":
       _.x = a + l.width, _.y = r + l.height / 2 - m / 2;
       break;
   }
-  return e === "anchor" && l.width >= p && (_.width = l.width), _;
+  return e === "anchor" && l.width >= f && (_.width = l.width), _;
 }
 function Re(n, t, o) {
   let e = !1, l = !1;
@@ -1011,7 +1011,7 @@ const Qt = ["role"], Rt = {
       () => r.visible,
       () => r.animating = !0
     );
-    const p = g(() => {
+    const f = g(() => {
       let h = 0, u = 0;
       switch (r.placement) {
         case "top":
@@ -1033,7 +1033,7 @@ const Qt = ["role"], Rt = {
       };
       return r.width !== void 0 && ["top", "bottom"].includes(r.placement) && (d.width = `${r.width}px`), d;
     }), m = q(null);
-    function f() {
+    function p() {
       if (e.anchor) {
         const h = oe(e.anchor);
         if (h) {
@@ -1047,7 +1047,7 @@ const Qt = ["role"], Rt = {
         }
       }
     }
-    F([() => i.value, () => e.placement], f);
+    F([() => i.value, () => e.placement], p);
     let _;
     function C(h) {
       _ || (_ = window.setTimeout(() => {
@@ -1094,22 +1094,22 @@ const Qt = ["role"], Rt = {
         if (!e.anchor)
           return;
         const h = oe(e.anchor);
-        h && (window.addEventListener("scroll", f), window.addEventListener("resize", f), z = new MutationObserver(f), z.observe(h, {
+        h && (window.addEventListener("scroll", p), window.addEventListener("resize", p), z = new MutationObserver(p), z.observe(h, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), f());
+        }), p());
       });
     }
     function Q() {
-      window.removeEventListener("scroll", f), window.removeEventListener("resize", f), z == null || z.disconnect();
+      window.removeEventListener("scroll", p), window.removeEventListener("resize", p), z == null || z.disconnect();
     }
     let M;
     function U() {
       if (!e.anchor)
         return;
-      oe(e.anchor) ? (f(), M = window.setTimeout(U, 100)) : E();
+      oe(e.anchor) ? (p(), M = window.setTimeout(U, 100)) : E();
     }
     function Y() {
       X(), e.spy && U();
@@ -1117,7 +1117,7 @@ const Qt = ["role"], Rt = {
     function K() {
       Q(), e.spy && (clearTimeout(M), M = void 0);
     }
-    return Ne(K), De(f), F(
+    return Ne(K), De(p), F(
       () => e.disabled,
       (h) => {
         h || H();
@@ -1150,7 +1150,7 @@ const Qt = ["role"], Rt = {
           i.value ? (c(), v("div", {
             key: 0,
             class: T(l.value),
-            style: ae(p.value)
+            style: ae(f.value)
           }, [
             j("div", ee({
               class: "q-overlay__content",
@@ -1258,26 +1258,26 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), p = g({
+    const e = o, l = n, a = q(l.modelValue), r = q(null), i = q(null), f = g({
       get() {
         return a.value;
       },
-      set(f) {
-        a.value = f, e("update:modelValue", f);
+      set(p) {
+        a.value = p, e("update:modelValue", p);
       }
     }), m = g(
       () => l.readonly || l.disabled ? "" : l.placeholder
     );
     return F(
       () => l.modelValue,
-      (f) => a.value = f
+      (p) => a.value = p
     ), t({
       fieldRef: g(() => {
-        var f;
-        return (f = r.value) == null ? void 0 : f.fieldRef;
+        var p;
+        return (p = r.value) == null ? void 0 : p.fieldRef;
       }),
       inputRef: i
-    }), (f, _) => (c(), x($(ge), {
+    }), (p, _) => (c(), x($(ge), {
       ref_key: "fieldRef",
       ref: r,
       class: T(["q-text-field", l.class]),
@@ -1289,14 +1289,14 @@ const Qt = ["role"], Rt = {
       required: l.required
     }, he({
       "label.prepend": I(() => [
-        b(f.$slots, "label.prepend")
+        b(p.$slots, "label.prepend")
       ]),
       "label.append": I(() => [
-        b(f.$slots, "label.append")
+        b(p.$slots, "label.append")
       ]),
       default: I(() => [
         Ge(j("input", ee({
-          "onUpdate:modelValue": _[0] || (_[0] = (C) => p.value = C),
+          "onUpdate:modelValue": _[0] || (_[0] = (C) => f.value = C),
           ref_key: "inputRef",
           ref: i,
           class: "q-text-field__input",
@@ -1307,30 +1307,30 @@ const Qt = ["role"], Rt = {
           readonly: l.readonly,
           disabled: l.disabled,
           maxlength: l.maxLength
-        }, f.$attrs), null, 16, jt), [
-          [je, p.value]
+        }, p.$attrs), null, 16, jt), [
+          [je, f.value]
         ])
       ]),
       _: 2
     }, [
-      f.$slots.prepend ? {
+      p.$slots.prepend ? {
         name: "prepend",
         fn: I(() => [
-          b(f.$slots, "prepend")
+          b(p.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      f.$slots.append ? {
+      p.$slots.append ? {
         name: "append",
         fn: I(() => [
-          b(f.$slots, "append")
+          b(p.$slots, "append")
         ]),
         key: "1"
       } : void 0,
-      f.$slots.extras ? {
+      p.$slots.extras ? {
         name: "extras",
         fn: I(() => [
-          b(f.$slots, "extras")
+          b(p.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -1370,7 +1370,7 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { expose: t, emit: o }) {
-    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), p = q(void 0), m = q(null), f = q(null), _ = q(null);
+    const e = o, l = n, a = q(l.modelValue), r = q(!1), i = q(""), f = q(void 0), m = q(null), p = q(null), _ = q(null);
     De(Q);
     const C = g(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
@@ -1383,14 +1383,14 @@ const Qt = ["role"], Rt = {
       var s;
       return (s = l.items) == null ? void 0 : s.find((w) => w[l.itemValue] === a.value);
     }), R = g(() => {
-      const s = p.value;
+      const s = f.value;
       if (s !== void 0 && E.value[s])
         return E.value[s];
     }), O = g(() => {
       var w;
-      if (p.value === void 0)
+      if (f.value === void 0)
         return;
-      const s = (w = f.value) == null ? void 0 : w.getItem(p.value);
+      const s = (w = p.value) == null ? void 0 : w.getItem(f.value);
       return s == null ? void 0 : s.id;
     }), z = g(() => {
       var s;
@@ -1410,10 +1410,10 @@ const Qt = ["role"], Rt = {
       r.value || l.readonly || l.disabled || (e("before-show"), r.value = !0);
     }
     function U() {
-      r.value && (e("before-hide"), r.value = !1, p.value = void 0);
+      r.value && (e("before-hide"), r.value = !1, f.value = void 0);
     }
     function Y() {
-      H(void 0), p.value = void 0;
+      H(void 0), f.value = void 0;
     }
     function K() {
       if (M(), A.value !== void 0) {
@@ -1428,11 +1428,11 @@ const Qt = ["role"], Rt = {
           r.value ? U() : Y();
         else if (["ArrowDown", "ArrowUp"].includes(s.key))
           r.value ? P(() => {
-            if (p.value === void 0)
+            if (f.value === void 0)
               u();
             else {
               const W = s.key === "ArrowDown" ? "next" : "prev";
-              y(p.value, W);
+              y(f.value, W);
             }
           }) : (M(), P(() => {
             s.key === "ArrowDown" ? u() : d();
@@ -1442,7 +1442,7 @@ const Qt = ["role"], Rt = {
             return;
           X(R.value[l.itemValue]);
         } else
-          s.key === "Home" ? p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? p.value = (D = f.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
+          s.key === "Home" ? f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex() : s.key === "End" ? f.value = (D = p.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && M();
     }
     function u() {
       var s, w;
@@ -1450,17 +1450,17 @@ const Qt = ["role"], Rt = {
         const D = E.value.findIndex(
           (W) => W[l.itemValue] === a.value
         );
-        D === -1 ? p.value = (s = f.value) == null ? void 0 : s.getFirstFocusableItemIndex() : p.value = D;
+        D === -1 ? f.value = (s = p.value) == null ? void 0 : s.getFirstFocusableItemIndex() : f.value = D;
       } else
-        p.value = (w = f.value) == null ? void 0 : w.getFirstFocusableItemIndex();
+        f.value = (w = p.value) == null ? void 0 : w.getFirstFocusableItemIndex();
     }
     function d() {
       var s;
-      p.value = (s = f.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      f.value = (s = p.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
     function y(s, w) {
       var D;
-      p.value = (D = f.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
+      f.value = (D = p.value) == null ? void 0 : D.getAdjacentItemIndex(s, w);
     }
     function k(s) {
       var w, D, W;
@@ -1478,7 +1478,7 @@ const Qt = ["role"], Rt = {
     }
     function _e(s) {
       var D;
-      const w = (D = f.value) == null ? void 0 : D.getItem(s);
+      const w = (D = p.value) == null ? void 0 : D.getItem(s);
       w == null || w.scrollIntoView({ block: "nearest", inline: "start" });
     }
     return F(
@@ -1486,7 +1486,7 @@ const Qt = ["role"], Rt = {
       (s) => {
         a.value = s, Q();
       }
-    ), F(p, (s) => {
+    ), F(f, (s) => {
       s !== void 0 && _e(s);
     }), F(i, (s) => {
       !s && C.value ? Y() : r.value && l.selectionMode === "automatic" && P(u), e("update:inputValue", s);
@@ -1577,7 +1577,7 @@ const Qt = ["role"], Rt = {
               })) : E.value.length ? (c(), x($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: f,
+                ref: p,
                 class: "q-select__items",
                 modelValue: a.value,
                 "onUpdate:modelValue": [
@@ -1754,13 +1754,13 @@ const Qt = ["role"], Rt = {
   },
   emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
   setup(n, { emit: t }) {
-    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), p = q(null), m = q(null), f = g(
+    const o = t, e = n, l = q(e.modelValue), a = q(!1), r = q(""), i = q(null), f = q(null), m = q(null), p = g(
       () => {
         var u;
         return (u = e.items) == null ? void 0 : u.find((d) => d[e.itemValue] === l.value);
       }
     ), _ = g(
-      () => f.value ? f.value[e.itemLabel] : ""
+      () => p.value ? p.value[e.itemLabel] : ""
     ), C = g(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
@@ -1812,11 +1812,11 @@ const Qt = ["role"], Rt = {
     }
     function K() {
       var u;
-      (u = p.value) == null || u.$el.focus();
+      (u = f.value) == null || u.$el.focus();
     }
     function h(u) {
       var d;
-      (d = p.value) == null || d.focusItem(u);
+      (d = f.value) == null || d.focusItem(u);
     }
     return F(
       () => e.modelValue,
@@ -1868,12 +1868,12 @@ const Qt = ["role"], Rt = {
           ]),
           _: 2
         }, [
-          (y = f.value) != null && y.icon ? {
+          (y = p.value) != null && y.icon ? {
             name: "prepend",
             fn: I(() => {
               var k;
               return [
-                G($(Z), ie(me((k = f.value) == null ? void 0 : k.icon)), null, 16)
+                G($(Z), ie(me((k = p.value) == null ? void 0 : k.icon)), null, 16)
               ];
             }),
             key: "0"
@@ -1907,7 +1907,7 @@ const Qt = ["role"], Rt = {
               })) : (c(), x($(Qe), {
                 key: 1,
                 ref_key: "listRef",
-                ref: p,
+                ref: f,
                 class: "q-select__items",
                 modelValue: l.value,
                 "onUpdate:modelValue": [