@quidgest/ui 0.16.4 → 0.16.6

package/dist/ui.scss

@@ -1,8 +1,9 @@
 /*!
- * Quidgest UI v0.16.4
+ * Quidgest UI v0.16.6
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
+@use 'sass:math';
 
 *,
 ::before,
@@ -1522,7 +1523,6 @@ $transition-duration: 0.2s !default;
     }
   }
 }
-@use 'sass:math';
 .q-container {
   width: 100%;
   margin-left: auto;
@@ -1906,7 +1906,7 @@ $arrow-tip-radius: 0.1rem;
   &__underlay {
     position: fixed;
     inset: 0;
-    z-index: $overlay-z-index - 1;
+    z-index: $overlay-z-index;
     &--blur {
       backdrop-filter: blur(2px);
     }

package/esm/components/QDialog/QDialog.d.ts

@@ -18,8 +18,13 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+} & {
+    enter: () => any;
+    leave: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
 }>, {
     size: import('./types').QDialogSize;
     html: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAuEA;AAuHC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA0CjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuLT,OAAO,IAA6B;;wBAdtB,GAAG;sBACL,GAAG;6BACI,GAAG;+BACA,GAAG;wBACV,GAAG;;;;EAe/B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;6EASnB,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":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAyEA;AAsIC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAwDjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;wBAdrB,GAAG;sBACL,GAAG;6BACI,GAAG;+BACD,GAAG;wBACV,GAAG;;;;EAe/B;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EASnB,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/QDialog/QDialog.vue.js

@@ -1,55 +1,61 @@
-import { defineComponent as T, mergeModels as D, useModel as L, computed as y, createBlock as d, openBlock as l, unref as a, normalizeClass as v, withCtx as _, createElementVNode as c, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as k, createVNode as h, normalizeProps as g, guardReactiveProps as b, Fragment as N, renderList as z, mergeProps as B } from "vue";
-import { DEFAULT_ICONS as E, DEFAULT_BUTTONS as M, DEFAULT_ICON as U } from "./types.js";
-import { QButton as q } from "../QButton/index.js";
-import { QIcon as f } from "../QIcon/index.js";
-import { QOverlay as A } from "../QOverlay/index.js";
-const F = {
+import { defineComponent as z, mergeModels as v, useModel as M, computed as k, createBlock as d, openBlock as l, unref as a, normalizeClass as h, withCtx as f, createElementVNode as c, createElementBlock as s, createCommentVNode as i, renderSlot as r, toDisplayString as g, createVNode as b, normalizeProps as B, guardReactiveProps as q, Fragment as U, renderList as A, mergeProps as C } from "vue";
+import { DEFAULT_ICONS as F, DEFAULT_BUTTONS as O, DEFAULT_ICON as Q } from "./types.js";
+import { QButton as V } from "../QButton/index.js";
+import { QIcon as m } from "../QIcon/index.js";
+import { QOverlay as S } from "../QOverlay/index.js";
+const I = {
   key: 0,
   class: "q-dialog__header"
-}, O = { class: "q-dialog__header-title" }, Q = {
+}, P = { class: "q-dialog__header-title" }, H = {
   key: 1,
   class: "q-dialog__body"
-}, S = {
+}, w = {
   key: 0,
   class: "q-dialog__body-icon"
-}, I = { class: "q-dialog__body-text" }, P = ["innerHTML"], H = { key: 1 }, w = {
+}, x = { class: "q-dialog__body-text" }, R = ["innerHTML"], j = { key: 1 }, G = {
   key: 2,
   class: "q-dialog__footer"
-}, x = { class: "q-dialog__footer-buttons" }, W = /* @__PURE__ */ T({
+}, J = { class: "q-dialog__footer-buttons" }, ee = /* @__PURE__ */ z({
   __name: "QDialog",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ v({
     id: {},
     class: {},
     title: {},
     text: {},
-    icon: { default: () => U },
-    buttons: { default: () => M },
+    icon: { default: () => Q },
+    buttons: { default: () => O },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icons: { default: () => E },
+    icons: { default: () => F },
     size: { default: "small" },
     centerVertically: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(m) {
-    const e = m, u = L(m, "modelValue"), C = y(() => ["q-dialog", e.class]), V = y(() => `q-overlay--${e.size}`);
-    function p() {
+  emits: /* @__PURE__ */ v(["enter", "leave"], ["update:modelValue"]),
+  setup(_, { emit: $ }) {
+    const e = _, p = $, u = M(_, "modelValue"), L = k(() => ["q-dialog", e.class]), T = k(() => `q-overlay--${e.size}`);
+    function y() {
       u.value = !1;
     }
-    function $(o) {
-      var r;
-      (r = o.action) == null || r.call(o), p();
+    function D(o) {
+      var n;
+      (n = o.action) == null || n.call(o), y();
     }
-    return (o, r) => (l(), d(a(A), {
+    function E() {
+      p("enter");
+    }
+    function N() {
+      p("leave");
+    }
+    return (o, n) => (l(), d(a(S), {
       id: e.id,
       modelValue: u.value,
-      "onUpdate:modelValue": r[0] || (r[0] = (t) => u.value = t),
+      "onUpdate:modelValue": n[0] || (n[0] = (t) => u.value = t),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -57,68 +63,70 @@ const F = {
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
-      class: v(V.value)
+      class: h(T.value),
+      onEnter: E,
+      onLeave: N
     }, {
-      default: _(() => [
+      default: f(() => [
         c(
           "div",
           {
-            class: v(C.value)
+            class: h(L.value)
           },
           [
-            e.title || o.$slots.header ? (l(), s("div", F, [
-              n(o.$slots, "header", {}, () => [
+            e.title || o.$slots.header ? (l(), s("div", I, [
+              r(o.$slots, "header", {}, () => [
                 c(
                   "span",
-                  O,
-                  k(e.title),
+                  P,
+                  g(e.title),
                   1
                   /* TEXT */
                 )
               ])
             ])) : i("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (l(), s("div", Q, [
-              n(o.$slots, "body", {}, () => [
-                n(o.$slots, "body.icon", {}, () => [
-                  e.icon ? (l(), s("span", S, [
-                    h(
-                      a(f),
-                      g(b(e.icon)),
+            e.icon || e.text || o.$slots.body ? (l(), s("div", H, [
+              r(o.$slots, "body", {}, () => [
+                r(o.$slots, "body.icon", {}, () => [
+                  e.icon ? (l(), s("span", w, [
+                    b(
+                      a(m),
+                      B(q(e.icon)),
                       null,
                       16
                       /* FULL_PROPS */
                     )
                   ])) : i("v-if", !0)
                 ]),
-                c("div", I, [
+                c("div", x, [
                   e.html ? (l(), s("div", {
                     key: 0,
                     innerHTML: e.text
-                  }, null, 8, P)) : (l(), s(
+                  }, null, 8, R)) : (l(), s(
                     "div",
-                    H,
-                    k(e.text),
+                    j,
+                    g(e.text),
                     1
                     /* TEXT */
                   ))
                 ]),
-                n(o.$slots, "body.append")
+                r(o.$slots, "body.append")
               ])
             ])) : i("v-if", !0),
-            e.buttons || o.$slots.footer ? (l(), s("div", w, [
-              n(o.$slots, "footer", {}, () => [
-                c("span", x, [
+            e.buttons || o.$slots.footer ? (l(), s("div", G, [
+              r(o.$slots, "footer", {}, () => [
+                c("span", J, [
                   (l(!0), s(
-                    N,
+                    U,
                     null,
-                    z(e.buttons, (t) => (l(), d(a(q), B({ ref_for: !0 }, t.props, {
+                    A(e.buttons, (t) => (l(), d(a(V), C({ ref_for: !0 }, t.props, {
                       key: t.id,
-                      onClick: () => $(t)
+                      onClick: () => D(t)
                     }), {
-                      default: _(() => [
+                      default: f(() => [
                         t.icon ? (l(), d(
-                          a(f),
-                          B({
+                          a(m),
+                          C({
                             key: 0,
                             ref_for: !0
                           }, t.icon),
@@ -136,16 +144,16 @@ const F = {
                 ])
               ])
             ])) : i("v-if", !0),
-            e.dismissible ? (l(), d(a(q), {
+            e.dismissible ? (l(), d(a(V), {
               key: 3,
               class: "q-dialog__close",
               variant: "text",
-              onClick: p
+              onClick: y
             }, {
-              default: _(() => [
-                h(
-                  a(f),
-                  g(b(e.icons.close)),
+              default: f(() => [
+                b(
+                  a(m),
+                  B(q(e.icons.close)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -165,5 +173,5 @@ const F = {
   }
 });
 export {
-  W as default
+  ee as default
 };

package/esm/components/QDialog/QDialogProvider.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=QDialogProvider.vue.d.ts.map

package/esm/components/QDialog/QDialogProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AASA;;AA+FA,wBAKG"}

package/esm/components/QDialog/QDialogProvider.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createElementBlock as l, openBlock as o, Fragment as i, renderList as m, unref as r, createBlock as s, mergeProps as p } from "vue";
+import { QDialog as u } from "./index.js";
+import { useDialog as c } from "../../composables/useDialog/index.js";
+const D = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "QDialogProvider",
+  setup(f) {
+    const { dialogs: t, removeDialog: n } = c();
+    return (_, d) => (o(!0), l(
+      i,
+      null,
+      m(r(t), (e) => (o(), s(r(u), p({
+        key: e.id,
+        ref_for: !0
+      }, e.props, {
+        "model-value": "",
+        onLeave: () => r(n)(e.id)
+      }), null, 16, ["onLeave"]))),
+      128
+      /* KEYED_FRAGMENT */
+    ));
+  }
+});
+export {
+  D as default
+};

package/esm/components/QDialog/QDialogProvider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QDialogProvider.vue.js";
+export {
+  f as default
+};

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

@@ -17,8 +17,13 @@ declare const QDialog: {
         centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
+    } & {
+        enter: () => any;
+        leave: () => any;
     }, import('vue').PublicProps, {
         size: import('./types').QDialogSize;
         html: boolean;
@@ -51,6 +56,8 @@ declare const QDialog: {
         centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('./types').QDialogSize;
         html: boolean;
@@ -80,8 +87,13 @@ declare const QDialog: {
     centerVertically?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+} & {
+    enter: () => any;
+    leave: () => any;
 }, string, {
     size: import('./types').QDialogSize;
     html: boolean;
@@ -99,6 +111,7 @@ declare const QDialog: {
         footer?(_: {}): any;
     };
 });
-export { QDialog };
+declare const QDialogProvider: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { QDialog, QDialogProvider };
 export type { DialogButton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe,+QAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QDialog/index.js

@@ -1,6 +1,8 @@
-import o from "./QDialog.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const t = r(o);
+import r from "./QDialog.vue.js";
+import i from "./QDialogProvider.vue.js";
+import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
+const s = o(r), f = o(i);
 export {
-  t as QDialog
+  s as QDialog,
+  f as QDialogProvider
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AA8HC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAgH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAyIC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAyH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js

@@ -1,44 +1,46 @@
-import { defineComponent as r, ref as a, onMounted as c, onUnmounted as l, createElementBlock as f, openBlock as m, renderSlot as p } from "vue";
-import { onClickOutside as v } from "../../vendors/@vueuse/core/index.js";
-const b = /* @__PURE__ */ r({
+import { defineComponent as a, ref as c, useId as f, onMounted as m, onUnmounted as p, createElementBlock as v, openBlock as E, renderSlot as y } from "vue";
+import { onClickOutside as b } from "../../vendors/@vueuse/core/index.js";
+import { useDismissibleLayerStackItem as w } from "../../composables/useDismissibleLayerStack/index.js";
+const h = /* @__PURE__ */ a({
   __name: "QDismissibleLayer",
   emits: ["escape-key-down", "pointer-down-outside", "focus-outside", "interact-outside", "dismiss"],
-  setup(E, { emit: u }) {
-    const t = u, o = a(null);
-    function i(e) {
-      e.key === "Escape" && (t("escape-key-down", e), e.defaultPrevented || t("dismiss", e));
+  setup(_, { emit: u }) {
+    const o = u, i = c(null), l = f(), e = w(l);
+    function r(n) {
+      n.key === "Escape" && (e != null && e.isTop()) && (o("escape-key-down", n), n.defaultPrevented || o("dismiss", n));
     }
-    function d(e) {
-      if (!o.value) return;
-      const n = e.target;
-      if (!o.value.contains(n)) {
+    function d(n) {
+      if (!i.value) return;
+      const t = n.target;
+      if (!i.value.contains(t) && (e != null && e.isTop())) {
         const s = new CustomEvent("focus-outside", {
           bubbles: !1,
           cancelable: !0,
-          detail: { originalEvent: e }
+          detail: { originalEvent: n }
         });
-        t("focus-outside", s), t("interact-outside", s), s.defaultPrevented || t("dismiss", s);
+        o("focus-outside", s), o("interact-outside", s), s.defaultPrevented || o("dismiss", s);
       }
     }
-    return c(() => {
-      document.addEventListener("keydown", i), document.addEventListener("focusin", d), v(o, (e) => {
-        const n = new CustomEvent("pointer-down-outside", {
+    return m(() => {
+      e == null || e.register(), document.addEventListener("keydown", r), document.addEventListener("focusin", d), b(i, (n) => {
+        if (!(e != null && e.isTop())) return;
+        const t = new CustomEvent("pointer-down-outside", {
           bubbles: !1,
           cancelable: !0,
-          detail: { originalEvent: e }
+          detail: { originalEvent: n }
         });
-        t("pointer-down-outside", n), t("interact-outside", n), n.defaultPrevented || t("dismiss", n);
+        o("pointer-down-outside", t), o("interact-outside", t), t.defaultPrevented || o("dismiss", t);
       });
-    }), l(() => {
-      document.removeEventListener("keydown", i), document.removeEventListener("focusin", d);
-    }), (e, n) => (m(), f(
+    }), p(() => {
+      e == null || e.unregister(), document.removeEventListener("keydown", r), document.removeEventListener("focusin", d);
+    }), (n, t) => (E(), v(
       "div",
       {
         ref_key: "layerRef",
-        ref: o
+        ref: i
       },
       [
-        p(e.$slots, "default")
+        y(n.$slots, "default")
       ],
       512
       /* NEED_PATCH */
@@ -46,5 +48,5 @@ const b = /* @__PURE__ */ r({
   }
 });
 export {
-  b as default
+  h as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAoCA;AA2HC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6ElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAcD,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":"QTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/QTooltip.vue"],"names":[],"mappings":"AAsCA;AAuHC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuElC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;;;;;YAXtB,GAAG;yBACD,GAAG;;;;EAehC;AAgBD,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/QTooltip/QTooltip.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as _, watch as k, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as p, createVNode as M, unref as n, normalizeClass as w, withCtx as x, createElementVNode as C, createBlock as N, createCommentVNode as T, normalizeProps as A, mergeProps as D, createTextVNode as Q, toDisplayString as q } from "vue";
-import { QIcon as z } from "../QIcon/index.js";
-import { QOverlay as H } from "../QOverlay/index.js";
-import { useId as I } from "../../composables/uid.js";
-import { getElement as u } from "../../utils/getElement.js";
-const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ */ g({
+import { defineComponent as b, mergeModels as g, useModel as v, onUnmounted as V, watch as B, createElementBlock as d, openBlock as a, Fragment as u, renderSlot as p, createVNode as _, unref as n, normalizeClass as k, withCtx as w, createElementVNode as A, createBlock as x, createCommentVNode as C, normalizeProps as E, mergeProps as M, createTextVNode as N, toDisplayString as T } from "vue";
+import { QIcon as D } from "../QIcon/index.js";
+import { QOverlay as L } from "../QOverlay/index.js";
+import { useId as Q } from "../../composables/uid.js";
+import { getElement as q } from "../../utils/getElement.js";
+const z = { class: "q-tooltip__content" }, H = ["innerHTML"], F = /* @__PURE__ */ b({
   __name: "QTooltip",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ g({
     id: {},
     class: {},
     anchor: {},
@@ -25,38 +25,37 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, d = v(i, "modelValue"), r = I(e.id);
-    function c(o) {
-      const t = u(o);
-      t == null || t.setAttribute("aria-describedby", r);
+  setup(c) {
+    const e = c, r = v(c, "modelValue"), l = Q(e.id);
+    function s() {
+      return e.anchor ? q(e.anchor) : void 0;
     }
-    function f() {
-      e.anchor && c(e.anchor);
+    function m() {
+      var t;
+      (t = s()) == null || t.setAttribute("aria-describedby", l);
     }
-    B(f);
-    function s(o) {
-      const t = u(o);
-      t == null || t.removeAttribute("aria-describedby");
+    function i() {
+      var t;
+      (t = s()) == null || t.removeAttribute("aria-describedby");
     }
-    function y() {
-      e.anchor && s(e.anchor);
+    function f() {
+      e.anchor && i();
     }
-    _(y);
-    function h(o, t) {
-      t && s(t), o && c(o);
+    V(f);
+    function h(t, o) {
+      o && i(), t && r && m();
     }
-    return k(() => e.anchor, h), (o, t) => (a(), l(
-      m,
+    return B(() => e.anchor, h), (t, o) => (a(), d(
+      u,
       null,
       [
-        p(o.$slots, "anchor", {
-          props: { "aria-describedby": n(r) }
+        p(t.$slots, "anchor", {
+          props: { "aria-describedby": n(l) }
         }),
-        M(n(H), {
-          id: n(r),
-          modelValue: d.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
+        _(n(L), {
+          id: n(l),
+          modelValue: r.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (y) => r.value = y),
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
@@ -64,31 +63,33 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
           arrow: e.arrow,
           attach: e.attach,
           inline: e.inline,
-          class: w(["q-tooltip", e.class]),
+          class: k(["q-tooltip", e.class]),
           delay: e.delay,
           disabled: e.disabled,
           placement: e.placement,
-          trigger: e.trigger
+          trigger: e.trigger,
+          onEnter: m,
+          onLeave: i
         }, {
-          default: x(() => [
-            C("div", L, [
-              p(o.$slots, "default", {}, () => [
-                e.icon ? (a(), N(
-                  n(z),
-                  A(D({ key: 0 }, e.icon)),
+          default: w(() => [
+            A("div", z, [
+              p(t.$slots, "default", {}, () => [
+                e.icon ? (a(), x(
+                  n(D),
+                  E(M({ key: 0 }, e.icon)),
                   null,
                   16
                   /* FULL_PROPS */
-                )) : T("v-if", !0),
-                e.html ? (a(), l("span", {
+                )) : C("v-if", !0),
+                e.html ? (a(), d("span", {
                   key: 1,
                   innerHTML: e.text
-                }, null, 8, P)) : (a(), l(
-                  m,
+                }, null, 8, H)) : (a(), d(
+                  u,
                   { key: 2 },
                   [
-                    Q(
-                      q(e.text),
+                    N(
+                      T(e.text),
                       1
                       /* TEXT */
                     )
@@ -109,5 +110,5 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
   }
 });
 export {
-  O as default
+  F as default
 };