@quidgest/ui 0.16.43 → 0.16.44

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

@@ -1,14 +1,14 @@
-import { defineComponent as ue, mergeModels as A, useModel as ce, computed as d, reactive as I, watch as P, ref as _, nextTick as g, onMounted as fe, onBeforeUnmount as pe, createElementBlock as k, openBlock as u, Fragment as ve, createBlock as B, createCommentVNode as m, Teleport as me, createVNode as T, Transition as z, withCtx as L, normalizeClass as F, normalizeStyle as Q, unref as C, createElementVNode as ye, mergeProps as he, renderSlot as we } from "vue";
-import { QDismissibleLayer as ge } from "../QDismissibleLayer/index.js";
-import { QFocusTrap as ke } from "../QFocusTrap/index.js";
+import { defineComponent as de, mergeModels as F, useModel as fe, computed as l, reactive as I, ref as b, watch as P, nextTick as g, onMounted as ve, onBeforeUnmount as pe, createElementBlock as k, openBlock as c, Fragment as me, createBlock as _, createCommentVNode as y, Teleport as ye, createVNode as B, Transition as z, withCtx as L, normalizeClass as U, normalizeStyle as N, unref as T, createElementVNode as he, mergeProps as we, renderSlot as ge } from "vue";
+import { QDismissibleLayer as ke } from "../QDismissibleLayer/index.js";
 import { QRemoveScrollBar as Le } from "../QRemoveScrollBar/index.js";
-import { getSideFromPlacement as Ee, computePosition as be } from "../../composables/overlay.js";
-import { useTheme as _e } from "../../composables/theme.js";
-import { getElement as Be } from "../../utils/getElement.js";
-const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
+import { FocusTrap as Ee } from "../../vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js";
+import { getSideFromPlacement as be, computePosition as _e } from "../../composables/overlay.js";
+import { useTheme as Be } from "../../composables/theme.js";
+import { getElement as Te } from "../../utils/getElement.js";
+const Ce = ["id"], xe = ["role"], Ae = /* @__PURE__ */ de({
   inheritAttrs: !1,
   __name: "QOverlay",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ F({
     id: {},
     class: {},
     anchor: {},
@@ -30,24 +30,25 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
     persistent: { type: Boolean },
     spy: { type: Boolean },
     trigger: { default: "click" },
-    focusTrap: { type: Boolean }
+    focusTrap: { type: Boolean },
+    returnFocusOnDeactivate: { type: Boolean, default: !0 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["enter", "leave"], ["update:modelValue"]),
-  setup(x, { emit: U }) {
-    const t = x, S = U, r = ce(x, "modelValue"), { class: N } = _e(), W = d(() => [
+  emits: /* @__PURE__ */ F(["enter", "leave"], ["update:modelValue"]),
+  setup(C, { emit: Q }) {
+    const t = C, x = Q, r = fe(C, "modelValue"), { class: W } = Be(), j = l(() => [
       "q-overlay",
-      `q-overlay--${Ee(o.placement)}`,
-      N.value,
+      `q-overlay--${be(o.placement)}`,
+      W.value,
       {
         "q-overlay--independent": f.value,
         "q-overlay--inverted": t.appearance === "inverted",
         "q-overlay--center": t.centerVertically
       },
       t.class
-    ]), f = d(() => t.anchor === void 0), q = d(() => r.value && !t.nonModal), j = d(() => (r.value || o.animating) && t.scrollLock), G = d(() => !t.inline && (r.value || o.animating)), o = I({
+    ]), f = l(() => t.anchor === void 0), D = l(() => r.value && !t.nonModal), G = l(() => (r.value || o.animating) && t.scrollLock), H = l(() => !t.inline && (r.value || o.animating)), O = l(() => v.value ?? "#" + t.id), o = I({
       animating: !1,
       top: 0,
       left: 0,
@@ -58,38 +59,38 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
       left: void 0,
       hidden: !0
     });
-    P(r, ee);
-    const H = d(() => {
+    P(r, te);
+    const J = l(() => {
       if (f.value) return;
-      const e = l(), s = t.width === "anchor", n = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
+      const e = s(), u = t.width === "anchor", n = u ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
       return {
         top: `${o.top}px`,
         left: `${o.left}px`,
         width: n !== void 0 ? `${n}px` : void 0
       };
-    }), J = d(() => {
+    }), K = l(() => {
       if (t.arrow)
         return {
           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
         };
-    }), y = _(null), h = _(null), E = _(null);
+    }), h = b(null), S = b(null), v = b(null);
     function i() {
-      const e = l();
-      if (!e || !h.value)
+      const e = s();
+      if (!e || !v.value)
         return;
-      const s = {
+      const u = {
         placement: t.placement,
         width: t.width,
         offset: t.offset,
         crossOffset: t.crossOffset,
         arrow: t.arrow
-      }, n = be(
+      }, n = _e(
         e,
-        h.value,
-        (y == null ? void 0 : y.value) ?? void 0,
-        s
+        v.value,
+        (h == null ? void 0 : h.value) ?? void 0,
+        u
       );
       o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, a.hidden = n.arrowCoords === void 0, n.arrowCoords && (a.top = n.arrowCoords.y, a.left = n.arrowCoords.x);
     }
@@ -99,72 +100,72 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
     );
     let p;
     function w() {
-      O(0);
+      R(0);
     }
-    function D() {
-      O(t.delay);
+    function q() {
+      R(t.delay);
     }
-    function O(e) {
-      p && R(), p = window.setTimeout(() => {
+    function R(e) {
+      p && M(), p = window.setTimeout(() => {
         r.value = !0;
       }, e);
     }
-    function c() {
-      if (p && R(), r.value = !1, t.anchor && t.trigger === "click") {
-        const e = l();
+    function d() {
+      if (p && M(), r.value = !1, t.anchor && t.trigger === "click") {
+        const e = s();
         g(() => e == null ? void 0 : e.focus());
       }
     }
-    function R() {
+    function M() {
       clearTimeout(p), p = void 0;
     }
-    function K() {
-      g(se), S("enter");
-    }
     function X() {
-      M();
+      g(ue), x("enter");
     }
     function Y() {
-      S("leave");
+      V();
     }
     function Z() {
-      M(), de();
+      x("leave");
     }
     function ee() {
+      V(), ce();
+    }
+    function te() {
       o.animating = !0;
     }
-    function M() {
+    function V() {
       o.animating = !1;
     }
-    function l() {
-      return t.anchor ? Be(t.anchor) : null;
+    function s() {
+      return t.anchor ? Te(t.anchor) : null;
     }
-    function te(e) {
+    function ne(e) {
       t.persistent && e.preventDefault();
     }
-    function ne(e) {
-      var $;
+    function oe(e) {
+      var A;
       if (t.persistent) {
         e.preventDefault();
         return;
       }
-      let s = !1;
-      e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (s = !0);
+      let u = !1;
+      e.defaultPrevented || e.detail.originalEvent.type === "pointerdown" && (u = !0);
       const n = e.detail.originalEvent.target;
-      if (($ = l()) == null ? void 0 : $.contains(n)) {
+      if ((A = s()) == null ? void 0 : A.contains(n)) {
         e.preventDefault();
         return;
       }
-      e.detail.originalEvent.type === "focusin" && s && e.preventDefault();
+      e.detail.originalEvent.type === "focusin" && u && e.preventDefault();
     }
-    function oe() {
-      c();
-    }
-    let v;
     function re() {
-      const e = l();
+      d();
+    }
+    let m;
+    function ae() {
+      const e = s();
       if (e)
-        switch (v = new MutationObserver(i), v.observe(e, {
+        switch (m = new MutationObserver(i), m.observe(e, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -174,59 +175,59 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
             e.addEventListener("click", w);
             break;
           case "hover":
-            e.addEventListener("mouseenter", D), e.addEventListener("mouseleave", c), e.addEventListener("focusin", w), e.addEventListener("focusout", c);
+            e.addEventListener("mouseenter", q), e.addEventListener("mouseleave", d), e.addEventListener("focusin", w), e.addEventListener("focusout", d);
             break;
         }
     }
-    function ae() {
-      const e = l();
+    function ie() {
+      const e = s();
       if (e)
-        switch (v == null || v.disconnect(), t.trigger) {
+        switch (m == null || m.disconnect(), t.trigger) {
           case "click":
             e.removeEventListener("click", w);
             break;
           case "hover":
-            e.removeEventListener("mouseenter", D), e.removeEventListener("mouseleave", c), e.removeEventListener("focusin", w), e.removeEventListener("focusout", c);
+            e.removeEventListener("mouseenter", q), e.removeEventListener("mouseleave", d), e.removeEventListener("focusin", w), e.removeEventListener("focusout", d);
             break;
         }
     }
-    function ie() {
+    function le() {
       window.addEventListener("resize", i), t.scrollLock || window.addEventListener("scroll", i);
     }
-    function le() {
+    function se() {
       window.removeEventListener("resize", i), t.scrollLock || window.removeEventListener("scroll", i);
     }
-    let b;
-    function V() {
-      l() ? (i(), b = window.setTimeout(V, 100)) : c();
+    let E;
+    function $() {
+      s() ? (i(), E = window.setTimeout($, 100)) : d();
     }
-    function se() {
+    function ue() {
       var e;
-      f.value || (ie(), t.spy ? V() : i()), (f.value || t.trigger === "click") && ((e = h.value) == null || e.focus());
+      f.value || (le(), t.spy ? $() : i()), (f.value || t.trigger === "click") && ((e = S.value) == null || e.focus());
     }
-    function de() {
-      f.value || le(), t.spy && (clearTimeout(b), b = void 0);
+    function ce() {
+      f.value || se(), t.spy && (clearTimeout(E), E = void 0);
     }
-    return fe(() => {
-      g(re);
-    }), pe(ae), (e, s) => (u(), k(
-      ve,
+    return ve(() => {
+      g(ae);
+    }), pe(ie), (e, u) => (c(), k(
+      me,
       null,
       [
-        (u(), B(me, {
-          disabled: !G.value,
+        (c(), _(ye, {
+          disabled: !H.value,
           to: t.attach
         }, [
-          T(z, {
+          B(z, {
             name: "fade",
             appear: ""
           }, {
             default: L(() => [
-              q.value ? (u(), k(
+              D.value ? (c(), k(
                 "div",
                 {
                   key: 0,
-                  class: F([
+                  class: U([
                     t.backdropClass,
                     "q-overlay__underlay",
                     { "q-overlay__underlay--blur": t.backdropBlur }
@@ -235,79 +236,81 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
                 null,
                 2
                 /* CLASS */
-              )) : m("v-if", !0)
+              )) : y("v-if", !0)
             ]),
             _: 1
             /* STABLE */
           }),
-          T(z, {
+          B(z, {
             name: t.transition,
             appear: "",
-            onEnter: K,
-            onAfterEnter: X,
-            onLeave: Y,
-            onAfterLeave: Z
+            onEnter: X,
+            onAfterEnter: Y,
+            onLeave: Z,
+            onAfterLeave: ee
           }, {
             default: L(() => [
-              r.value ? (u(), k("div", {
+              r.value ? (c(), k("div", {
                 key: 0,
                 id: t.id,
                 ref_key: "overlayContainerRef",
-                ref: E,
+                ref: v,
                 tabindex: "-1",
-                class: F(W.value),
-                style: Q(H.value)
+                class: U(j.value),
+                style: N(J.value)
               }, [
-                T(C(ge), {
-                  onDismiss: oe,
-                  onInteractOutside: ne,
-                  onPointerDownOutside: te
+                B(T(ke), {
+                  onDismiss: re,
+                  onInteractOutside: oe,
+                  onPointerDownOutside: ne
                 }, {
                   default: L(() => [
-                    E.value ? (u(), B(C(ke), {
+                    v.value ? (c(), _(T(Ee), {
                       key: 0,
-                      disabled: t.nonModal || !r.value || !t.focusTrap,
-                      options: { fallbackFocus: E.value }
+                      active: !t.nonModal && r.value && t.focusTrap,
+                      "fallback-focus": O.value,
+                      "initial-focus": O.value,
+                      "return-focus-on-deactivate": t.returnFocusOnDeactivate
                     }, {
                       default: L(() => [
-                        ye("div", he({
+                        he("div", we({
                           ref_key: "overlayRef",
-                          ref: h,
+                          ref: S,
                           class: "q-overlay__content",
                           tabindex: "-1",
-                          role: q.value ? "dialog" : void 0
+                          role: D.value ? "dialog" : void 0
                         }, e.$attrs), [
-                          t.arrow ? (u(), k(
+                          t.arrow ? (c(), k(
                             "div",
                             {
                               key: 0,
                               ref_key: "arrowRef",
-                              ref: y,
+                              ref: h,
                               role: "presentation",
                               class: "q-overlay__arrow",
-                              style: Q(J.value)
+                              style: N(K.value)
                             },
                             null,
                             4
                             /* STYLE */
-                          )) : m("v-if", !0),
-                          we(e.$slots, "default")
-                        ], 16, Ce)
+                          )) : y("v-if", !0),
+                          ge(e.$slots, "default")
+                        ], 16, xe)
                       ]),
                       _: 3
                       /* FORWARDED */
-                    }, 8, ["disabled", "options"])) : m("v-if", !0)
+                    }, 8, ["active", "fallback-focus", "initial-focus", "return-focus-on-deactivate"])) : y("v-if", !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 })
-              ], 14, Te)) : m("v-if", !0)
+              ], 14, Ce)) : y("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
           }, 8, ["name"])
         ], 8, ["disabled", "to"])),
-        j.value ? (u(), B(C(Le), { key: 0 })) : m("v-if", !0)
+        G.value ? (c(), _(T(Le), { key: 0 })) : y("v-if", !0)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -315,5 +318,5 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
   }
 });
 export {
-  $e as default
+  Ae as default
 };

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

@@ -22,6 +22,7 @@ declare const QOverlay: {
         spy?: boolean;
         trigger?: import('../../composables/overlay').Trigger;
         focusTrap?: boolean;
+        returnFocusOnDeactivate?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -41,6 +42,7 @@ declare const QOverlay: {
         attach: string;
         delay: number;
         trigger: import('../../composables/overlay').Trigger;
+        returnFocusOnDeactivate: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         overlayContainerRef: HTMLDivElement;
         overlayRef: HTMLDivElement;
@@ -75,6 +77,7 @@ declare const QOverlay: {
         spy?: boolean;
         trigger?: import('../../composables/overlay').Trigger;
         focusTrap?: boolean;
+        returnFocusOnDeactivate?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -89,6 +92,7 @@ declare const QOverlay: {
         attach: string;
         delay: number;
         trigger: import('../../composables/overlay').Trigger;
+        returnFocusOnDeactivate: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -116,6 +120,7 @@ declare const QOverlay: {
     spy?: boolean;
     trigger?: import('../../composables/overlay').Trigger;
     focusTrap?: boolean;
+    returnFocusOnDeactivate?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnter?: (() => any) | undefined;
@@ -135,6 +140,7 @@ declare const QOverlay: {
     attach: string;
     delay: number;
     trigger: import('../../composables/overlay').Trigger;
+    returnFocusOnDeactivate: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}

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

@@ -133,5 +133,12 @@ export type QOverlayProps = QBaseComponentProps & {
      * @category Behavior
      */
     focusTrap?: boolean;
+    /**
+     * Whether to return focus to the element that opened this
+     * when the focus trap is deactivaed.
+     *
+     * @category Behavior
+     */
+    returnFocusOnDeactivate?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAExB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAExB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA"}

package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as c, withCtx as y, createElementVNode as i, createElementBlock as v, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
+import { defineComponent as p, mergeModels as u, useModel as f, computed as y, createBlock as c, openBlock as s, unref as d, withCtx as h, createElementVNode as i, createElementBlock as v, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
 import { QMeter as _ } from "../QMeter/index.js";
 import { QOverlay as V } from "../QOverlay/index.js";
 import k from "./QPasswordFieldMessages.vue.js";
 const w = { class: "q-password-field__meter" }, M = {
   key: 0,
   class: "q-password-field__meter-score"
-}, N = /* @__PURE__ */ p({
+}, I = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "QPasswordFieldMeterOverlay",
   props: /* @__PURE__ */ u({
@@ -31,6 +31,7 @@ const w = { class: "q-password-field__meter" }, M = {
     spy: { type: Boolean },
     trigger: {},
     focusTrap: { type: Boolean },
+    returnFocusOnDeactivate: { type: Boolean },
     messages: {},
     score: {},
     levels: {}
@@ -40,7 +41,7 @@ const w = { class: "q-password-field__meter" }, M = {
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const o = a, n = f(a, "modelValue"), s = h(() => {
+    const o = a, n = f(a, "modelValue"), r = y(() => {
       if (!o.levels.length) {
         console.warn("Levels array is empty.");
         return;
@@ -55,7 +56,7 @@ const w = { class: "q-password-field__meter" }, M = {
       }
       return o.levels[o.levels.length - 1];
     });
-    return (t, l) => (r(), d(c(V), {
+    return (t, l) => (s(), c(d(V), {
       modelValue: n.value,
       "onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e),
       trigger: "manual",
@@ -64,25 +65,25 @@ const w = { class: "q-password-field__meter" }, M = {
       "non-modal": "",
       placement: "bottom"
     }, {
-      default: y(() => {
+      default: h(() => {
         var e;
         return [
           i("div", w, [
-            s.value ? (r(), v("div", M, [
-              g(c(_), {
+            r.value ? (s(), v("div", M, [
+              g(d(_), {
                 "model-value": o.score,
                 max: 1,
-                color: s.value.color
+                color: r.value.color
               }, null, 8, ["model-value", "color"]),
               i(
                 "span",
                 null,
-                B(s.value.label),
+                B(r.value.label),
                 1
                 /* TEXT */
               )
             ])) : m("v-if", !0),
-            (e = t.messages) != null && e.length ? (r(), d(k, {
+            (e = t.messages) != null && e.length ? (s(), c(k, {
               key: 1,
               messages: t.messages
             }, null, 8, ["messages"])) : m("v-if", !0)
@@ -95,5 +96,5 @@ const w = { class: "q-password-field__meter" }, M = {
   }
 });
 export {
-  N as default
+  I as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAkCA;AA6DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAmCA;AA8DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPopover/QPopover.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as l, createCommentVNode as v, renderSlot as a, Fragment as k, toDisplayString as i } from "vue";
+import { defineComponent as c, mergeModels as m, useModel as u, createBlock as h, openBlock as o, unref as f, normalizeClass as y, withCtx as _, createElementVNode as d, createElementBlock as a, createCommentVNode as v, renderSlot as l, Fragment as k, toDisplayString as i } from "vue";
 import { QOverlay as B } from "../QOverlay/index.js";
 const V = { class: "q-popover__content" }, g = {
   key: 0,
@@ -23,12 +23,12 @@ const V = { class: "q-popover__content" }, g = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const e = n, s = u(n, "modelValue");
+  setup(s) {
+    const e = s, n = u(s, "modelValue");
     return (t, r) => (o(), h(f(B), {
       id: e.id,
-      modelValue: s.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (p) => s.value = p),
+      modelValue: n.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (p) => n.value = p),
       class: y(["q-popover", e.class]),
       trigger: "click",
       anchor: e.anchor,
@@ -36,16 +36,17 @@ const V = { class: "q-popover__content" }, g = {
       attach: e.attach,
       inline: e.inline,
       disabled: e.disabled,
-      placement: e.placement
+      placement: e.placement,
+      "focus-trap": ""
     }, {
       default: _(() => [
         d("div", V, [
-          e.title || t.$slots.header ? (o(), l("div", g, [
-            t.$slots.header ? a(t.$slots, "header", { key: 0 }) : (o(), l(
+          e.title || t.$slots.header ? (o(), a("div", g, [
+            t.$slots.header ? l(t.$slots, "header", { key: 0 }) : (o(), a(
               k,
               { key: 1 },
               [
-                a(t.$slots, "header.prepend"),
+                l(t.$slots, "header.prepend"),
                 d(
                   "h4",
                   $,
@@ -53,17 +54,17 @@ const V = { class: "q-popover__content" }, g = {
                   1
                   /* TEXT */
                 ),
-                a(t.$slots, "header.append")
+                l(t.$slots, "header.append")
               ],
               64
               /* STABLE_FRAGMENT */
             ))
           ])) : v("v-if", !0),
-          a(t.$slots, "default", {}, () => [
-            e.html ? (o(), l("span", {
+          l(t.$slots, "default", {}, () => [
+            e.html ? (o(), a("span", {
               key: 0,
               innerHTML: e.text
-            }, null, 8, b)) : (o(), l(
+            }, null, 8, b)) : (o(), a(
               "span",
               w,
               i(e.text),

package/esm/components/QSelect/QSelect.vue.js

@@ -130,9 +130,8 @@ const De = {
     }
     async function $() {
       var n;
-      if (await O(), !e.multiple || !e.badges || !N.value) return;
+      if (await O(), await O(), !e.multiple || !e.badges || !N.value) return;
       let l = 0, a = 0;
-      await O();
       const d = N.value.offsetWidth, i = 4;
       for (const b of W.value ?? []) {
         const v = b.$el.scrollWidth + i;