@quidgest/ui 0.14.8 → 0.14.9

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.14.8
+ * Quidgest UI v0.14.9
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -836,6 +836,7 @@ $button-text-on-plain: var(--q-theme-on-background);
       display: grid;
       grid-template-rows: 0fr;
       transition: 0.5s;
+      width: 100%;
       &:not(#{$this}__content-show) {
         pointer-events: none;
         visibility: hidden;

package/esm/components/QOverlay/QOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAyCA;AA8XC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ7C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmVjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;yBAVpB,GAAG;;;;;;;EAehC;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAyCA;AAyYC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ7C,KAAK,WAAW,GAAG,aAAa,CAAC;AA8VjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+FT,OAAO,IAA6B;;yBAVpB,GAAG;;;;;;;EAehC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QOverlay/QOverlay.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as H, mergeModels as $, useModel as J, computed as c, reactive as M, watch as w, ref as R, nextTick as f, onMounted as X, onBeforeUnmount as Y, openBlock as s, createElementBlock as k, Fragment as Z, createBlock as V, Teleport as ee, normalizeClass as A, createCommentVNode as g, createVNode as te, Transition as ne, withCtx as oe, normalizeStyle as U, createElementVNode as re, mergeProps as ie, withKeys as ae, renderSlot as le, unref as de } from "vue";
-import { QRemoveScrollBar as se } from "../QRemoveScrollBar/index.js";
-import { getSideFromPlacement as ue, computePosition as ce } from "../../composables/overlay.js";
-import { getElement as fe } from "../../utils/getElement.js";
-const me = ["role"], we = /* @__PURE__ */ H({
+import { defineComponent as X, mergeModels as M, useModel as Y, computed as l, reactive as R, watch as k, ref as V, nextTick as m, onMounted as Z, onBeforeUnmount as ee, openBlock as u, createElementBlock as g, Fragment as te, createBlock as A, Teleport as ne, normalizeClass as U, createCommentVNode as L, createVNode as oe, Transition as re, withCtx as ae, normalizeStyle as z, createElementVNode as ie, mergeProps as le, withKeys as de, renderSlot as se, unref as ue } from "vue";
+import { QRemoveScrollBar as ce } from "../QRemoveScrollBar/index.js";
+import { getSideFromPlacement as fe, computePosition as me } from "../../composables/overlay.js";
+import { getElement as ve } from "../../utils/getElement.js";
+const pe = ["role"], ge = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ M({
     anchor: { default: void 0 },
     appearance: { default: "regular" },
     arrow: { type: Boolean },
@@ -28,169 +28,169 @@ const me = ["role"], we = /* @__PURE__ */ H({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ $(["enter", "leave"], ["update:modelValue"]),
-  setup(E, { emit: z }) {
-    const t = E, B = z, r = J(E, "modelValue"), I = c(() => [
+  emits: /* @__PURE__ */ M(["enter", "leave"], ["update:modelValue"]),
+  setup(B, { emit: I }) {
+    const t = B, b = I, r = Y(B, "modelValue"), N = l(() => [
       "q-overlay",
-      `q-overlay--${ue(n.placement)}`,
+      `q-overlay--${fe(n.placement)}`,
       {
-        "q-overlay--independent": t.anchor === void 0,
+        "q-overlay--independent": c.value,
         "q-overlay--inverted": t.appearance === "inverted"
       },
       t.class
-    ]), b = c(() => (r.value || n.animating) && !t.nonModal), n = M({
+    ]), c = l(() => t.anchor === void 0), _ = l(() => (r.value || n.animating) && !t.nonModal), O = l(() => (r.value || n.animating) && t.scrollLock), n = R({
       animating: !1,
       top: 0,
       left: 0,
       width: 0,
       placement: t.placement
-    }), i = M({
+    }), a = R({
       top: void 0,
       left: void 0,
       hidden: !0
-    }), N = c(() => n.top !== 0 && n.left !== 0);
-    w(r, () => n.animating = !0);
-    const O = c(() => {
-      if (t.anchor === void 0) return;
-      const e = d(), h = t.width === "anchor", o = h ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+    }), P = l(() => n.top !== 0 && n.left !== 0);
+    k(r, () => n.animating = !0);
+    const D = l(() => {
+      if (c.value) return;
+      const e = s(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
         top: `${n.top}px`,
         left: `${n.left}px`,
         width: o !== void 0 ? `${o}px` : void 0
       };
-    }), P = c(() => {
+    }), F = l(() => {
       if (t.arrow)
         return {
-          top: i.top !== void 0 ? `${i.top}px` : void 0,
-          left: i.left !== void 0 ? `${i.left}px` : void 0,
-          opacity: i.hidden ? 0 : 1
+          top: a.top !== void 0 ? `${a.top}px` : void 0,
+          left: a.left !== void 0 ? `${a.left}px` : void 0,
+          opacity: a.hidden ? 0 : 1
         };
-    }), m = R(null), p = R(null);
-    function a() {
-      const e = d();
+    }), v = V(null), p = V(null);
+    function i() {
+      const e = s();
       if (!e || !p.value)
         return;
-      const h = {
+      const w = {
         placement: t.placement,
         width: t.width,
         offset: t.offset,
         arrow: t.arrow
-      }, o = ce(
+      }, o = me(
         e,
         p.value,
-        (m == null ? void 0 : m.value) ?? void 0,
-        h
+        (v == null ? void 0 : v.value) ?? void 0,
+        w
       );
-      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
+      n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, a.hidden = o.arrowCoords === void 0, o.arrowCoords && (a.top = o.arrowCoords.y, a.left = o.arrowCoords.x);
     }
-    w(
+    k(
       () => t.placement,
-      () => f(a)
+      () => m(i)
     );
-    let v;
-    function y() {
-      C(0);
+    let y;
+    function h() {
+      T(0);
     }
-    function _() {
-      C(t.delay);
+    function C() {
+      T(t.delay);
     }
-    function C(e) {
-      v || (v = window.setTimeout(() => {
+    function T(e) {
+      y || (y = window.setTimeout(() => {
         r.value = !0;
       }, e));
     }
-    function l() {
-      if (clearTimeout(v), v = void 0, r.value = !1, t.anchor && t.trigger === "click") {
-        const e = d();
+    function d() {
+      if (clearTimeout(y), y = void 0, r.value = !1, t.anchor && t.trigger === "click") {
+        const e = s();
         e == null || e.focus();
       }
     }
-    w(N, () => f(D));
-    function D() {
-      B("enter");
+    k(P, () => m(K));
+    function K() {
+      b("enter");
     }
-    let T;
-    function F() {
-      window.clearTimeout(T), T = window.setTimeout(() => n.animating = !1, 200), B("leave");
+    let x;
+    function Q() {
+      window.clearTimeout(x), x = window.setTimeout(() => n.animating = !1, 200), b("leave");
     }
-    function d() {
-      return t.anchor ? fe(t.anchor) : null;
+    function s() {
+      return t.anchor ? ve(t.anchor) : null;
     }
-    let u;
-    function K() {
-      const e = d();
+    let f;
+    function W() {
+      const e = s();
       if (e)
-        switch (u = new MutationObserver(a), u.observe(e, {
+        switch (f = new MutationObserver(i), f.observe(e, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
         }), t.trigger) {
           case "click":
-            e.addEventListener("click", y);
+            e.addEventListener("click", h);
             break;
           case "hover":
-            e.addEventListener("mouseenter", _), e.addEventListener("mouseleave", l), e.addEventListener("focusin", y), e.addEventListener("focusout", l);
+            e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", d), e.addEventListener("focusin", h), e.addEventListener("focusout", d);
             break;
         }
     }
-    function Q() {
-      const e = d();
+    function j() {
+      const e = s();
       if (e)
-        switch (u == null || u.disconnect(), t.trigger) {
+        switch (f == null || f.disconnect(), t.trigger) {
           case "click":
-            e.removeEventListener("click", y);
+            e.removeEventListener("click", h);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", _), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", y), e.removeEventListener("focusout", l);
+            e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", d), e.removeEventListener("focusin", h), e.removeEventListener("focusout", d);
             break;
         }
     }
-    function W() {
-      window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
+    function G() {
+      window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
     }
-    function j() {
-      window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
+    function H() {
+      window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
     }
-    let L;
-    function x() {
-      d() ? (a(), L = window.setTimeout(x, 100)) : l();
+    let E;
+    function S() {
+      s() ? (i(), E = window.setTimeout(S, 100)) : d();
     }
-    function G() {
-      W(), t.spy ? x() : a(), (t.anchor === void 0 || t.trigger === "click") && f(() => {
+    function J() {
+      c.value || (G(), t.spy ? S() : i()), (c.value || t.trigger === "click") && m(() => {
         var e;
         return (e = p.value) == null ? void 0 : e.focus();
       });
     }
-    function S() {
-      j(), t.spy && (clearTimeout(L), L = void 0), n.top = 0, n.left = 0;
-    }
     function q() {
-      t.persistent || l();
+      c.value || H(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
+    }
+    function $() {
+      t.persistent || d();
     }
-    return X(() => {
-      f(K);
-    }), Y(() => {
-      Q(), S();
-    }), w(
+    return Z(() => {
+      m(W);
+    }), ee(() => {
+      j(), q();
+    }), k(
       r,
       (e) => {
-        f(() => e ? G() : S());
+        m(() => e ? J() : q());
       },
       { immediate: !0 }
-    ), (e, h) => (s(), k(
-      Z,
+    ), (e, w) => (u(), g(
+      te,
       null,
       [
-        (s(), V(ee, {
+        (u(), A(ne, {
           disabled: !r.value && !n.animating || t.inline,
           to: t.attach
         }, [
-          b.value ? (s(), k(
+          _.value ? (u(), g(
             "div",
             {
               key: 0,
-              class: A([
+              class: U([
                 t.backdropClass,
                 "q-overlay__underlay",
                 { "q-overlay__underlay--blur": t.backdropBlur }
@@ -199,57 +199,57 @@ const me = ["role"], we = /* @__PURE__ */ H({
             null,
             2
             /* CLASS */
-          )) : g("v-if", !0),
-          te(ne, {
+          )) : L("v-if", !0),
+          oe(re, {
             name: t.transition,
             appear: "",
-            onLeave: F
+            onLeave: Q
           }, {
-            default: oe(() => [
-              r.value ? (s(), k(
+            default: ae(() => [
+              r.value ? (u(), g(
                 "div",
                 {
                   key: 0,
-                  class: A(I.value),
-                  style: U(O.value)
+                  class: U(N.value),
+                  style: z(D.value)
                 },
                 [
-                  re("div", ie({
+                  ie("div", le({
                     ref_key: "overlayRef",
                     ref: p,
                     class: "q-overlay__content",
                     tabindex: "-1",
-                    role: b.value ? "dialog" : void 0
+                    role: _.value ? "dialog" : void 0
                   }, e.$attrs, {
-                    onKeydown: ae(q, ["escape"]),
-                    onBlur: q
+                    onKeydown: de($, ["escape"]),
+                    onBlur: $
                   }), [
-                    t.arrow ? (s(), k(
+                    t.arrow ? (u(), g(
                       "div",
                       {
                         key: 0,
                         ref_key: "arrowRef",
-                        ref: m,
+                        ref: v,
                         role: "presentation",
                         class: "q-overlay__arrow",
-                        style: U(P.value)
+                        style: z(F.value)
                       },
                       null,
                       4
                       /* STYLE */
-                    )) : g("v-if", !0),
-                    le(e.$slots, "default")
-                  ], 16, me)
+                    )) : L("v-if", !0),
+                    se(e.$slots, "default")
+                  ], 16, pe)
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : g("v-if", !0)
+              )) : L("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        t.scrollLock && r.value ? (s(), V(de(se), { key: 0 })) : g("v-if", !0)
+        O.value ? (u(), A(ue(ce), { key: 0 })) : L("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -257,5 +257,5 @@ const me = ["role"], we = /* @__PURE__ */ H({
   }
 });
 export {
-  we as default
+  ge as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.8",
+  "version": "0.14.9",
   "private": false,
   "type": "module",
   "author": "Quidgest",