@quidgest/ui 0.16.48 → 0.16.50

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.48
+ * Quidgest UI v0.16.50
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1855,6 +1855,14 @@ $q-carousel-height-md: 300px;
     }
   }
 }
+.q-focus-wrap {
+  width: 0;
+  height: 0;
+  display: inline-block;
+  &:focus {
+    outline: 0;
+  }
+}
 .q-container {
   width: 100%;
   margin-left: auto;

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

@@ -1 +1 @@
-{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AA8DA;AA4IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OASnB,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":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAgEA;AA8IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyHT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OASnB,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/QCheckbox/QCheckbox.vue.js

@@ -3,7 +3,7 @@ import { DEFAULT_ICONS as R } from "./constants.js";
 import { QIcon as z } from "../QIcon/index.js";
 import { QCheckboxLabel as q } from "./index.js";
 import { useId as F } from "../../composables/uid.js";
-const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria-checked", "disabled", "onKeydown"], L = /* @__PURE__ */ E({
+const I = ["checked", "disabled", "readonly", "required", "aria-readonly"], K = ["id", "aria-checked", "disabled", "readonly", "onKeydown"], L = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "QCheckbox",
   props: /* @__PURE__ */ _({
@@ -26,29 +26,29 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const e = c, o = g(c, "modelValue"), i = F(w(e, "id")), u = f("inputEl"), x = f("buttonEl"), C = $(() => [
+    const e = c, t = g(c, "modelValue"), i = F(w(e, "id")), u = f("inputEl"), x = f("buttonEl"), C = $(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
       {
         "q-checkbox--readonly": e.readonly,
         "q-checkbox--disabled": e.disabled,
-        "q-checkbox--checked": o.value,
+        "q-checkbox--checked": t.value,
         "q-checkbox--indeterminate": e.indeterminate,
         "q-checkbox--focus-style": e.hasFocusOutline
       },
       e.class
     ]);
     function d() {
-      !e.disabled && !e.readonly && (o.value = !o.value);
+      !e.disabled && !e.readonly && (t.value = !t.value);
     }
     function B() {
-      var t;
-      (t = x.value) == null || t.focus();
+      var o;
+      (o = x.value) == null || o.focus();
     }
-    return M(o, (t) => {
-      u.value && (u.value.checked = !!t);
-    }), (t, b) => (r(), V(
+    return M(t, (o) => {
+      u.value && (u.value.checked = !!o);
+    }), (o, b) => (r(), V(
       "div",
       {
         class: P(C.value),
@@ -65,10 +65,10 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
           _: 2
           /* DYNAMIC */
         }, [
-          t.$slots.extras ? {
+          o.$slots.extras ? {
             name: "extras",
             fn: h(() => [
-              k(t.$slots, "extras")
+              k(o.$slots, "extras")
             ]),
             key: "0"
           } : void 0
@@ -78,8 +78,9 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
           ref: "inputEl",
           type: "checkbox",
           class: "q-checkbox__native-input",
-          checked: o.value,
+          checked: t.value,
           disabled: e.disabled,
+          readonly: e.readonly,
           required: e.required,
           "aria-readonly": e.readonly,
           tabindex: "-1",
@@ -93,9 +94,10 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
           type: "button",
           class: "q-checkbox__input",
           "data-testid": "checkbox-button",
-          "aria-checked": e.indeterminate ? "mixed" : o.value,
-          disabled: e.disabled
-        }, t.$attrs, {
+          "aria-checked": e.indeterminate ? "mixed" : t.value,
+          disabled: e.disabled,
+          readonly: e.readonly
+        }, o.$attrs, {
           onClick: a(d, ["stop", "prevent"]),
           onKeydown: [
             v(a(d, ["prevent"]), ["space"]),
@@ -103,9 +105,9 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
             }, ["prevent"]), ["enter"]))
           ]
         }), [
-          o.value || t.indeterminate ? (r(), s(
+          t.value || o.indeterminate ? (r(), s(
             l(z),
-            y({ key: 0 }, o.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+            y({ key: 0 }, t.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
             null,
             16
             /* FULL_PROPS */
@@ -120,10 +122,10 @@ const I = ["checked", "disabled", "required", "aria-readonly"], K = ["id", "aria
           _: 2
           /* DYNAMIC */
         }, [
-          t.$slots.extras ? {
+          o.$slots.extras ? {
             name: "extras",
             fn: h(() => [
-              k(t.$slots, "extras")
+              k(o.$slots, "extras")
             ]),
             key: "0"
           } : void 0

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

@@ -33,10 +33,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     html: boolean;
     icon: import('..').Icon;
     icons: typeof DEFAULT_ICONS;
+    focusWithinOnActivate: boolean;
+    returnFocusOnDeactivate: boolean;
     backdropBlur: boolean;
     attach: string;
-    focusTrap: boolean;
-    returnFocusOnDeactivate: boolean;
+    focusWrap: boolean;
     buttons: DialogButton[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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":"AAqGA;AAsLC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA6EjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0PT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,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":"AAwGA;AA0LC,OAAO,EAAiC,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1E,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AA+EjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgQT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,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,22 +1,22 @@
-import { defineComponent as U, mergeModels as g, useModel as Q, ref as V, computed as B, createBlock as u, openBlock as t, unref as a, normalizeClass as b, withCtx as p, createElementVNode as $, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as m, createVNode as y, normalizeProps as q, guardReactiveProps as C, createTextVNode as A, Fragment as S, renderList as I, mergeProps as T } from "vue";
-import { DEFAULT_ICONS as P, DEFAULT_BUTTONS as H, DEFAULT_ICON as w } from "./constants.js";
-import { QButton as D } from "../QButton/index.js";
+import { defineComponent as M, mergeModels as g, useModel as U, ref as B, computed as V, createBlock as c, openBlock as t, unref as a, normalizeClass as b, withCtx as p, createElementVNode as $, createElementBlock as i, createCommentVNode as s, renderSlot as r, toDisplayString as m, createVNode as y, normalizeProps as q, guardReactiveProps as C, createTextVNode as w, Fragment as Q, renderList as S, mergeProps as F } from "vue";
+import { DEFAULT_ICONS as W, DEFAULT_BUTTONS as I, DEFAULT_ICON as P } from "./constants.js";
+import { QButton as T } from "../QButton/index.js";
 import { QIcon as f } from "../QIcon/index.js";
-import { QOverlay as x } from "../QOverlay/index.js";
-import { QTextField as R } from "../QTextField/index.js";
-const j = {
+import { QOverlay as H } from "../QOverlay/index.js";
+import { QTextField as x } from "../QTextField/index.js";
+const R = {
   key: 0,
   class: "q-dialog__header"
-}, G = {
+}, j = {
   key: 0,
   class: "q-dialog__header-title"
-}, J = {
+}, G = {
   key: 1,
   class: "q-dialog__body"
-}, K = {
+}, J = {
   key: 0,
   class: "q-dialog__body-icon"
-}, W = { class: "q-dialog__body-text" }, X = ["innerHTML"], Y = { key: 1 }, Z = {
+}, K = { class: "q-dialog__body-text" }, X = ["innerHTML"], Y = { key: 1 }, Z = {
   key: 0,
   class: "q-dialog__input"
 }, ee = {
@@ -25,55 +25,58 @@ const j = {
 }, oe = {
   key: 0,
   class: "q-dialog__footer-buttons"
-}, ne = /* @__PURE__ */ U({
+}, re = /* @__PURE__ */ M({
   __name: "QDialog",
   props: /* @__PURE__ */ g({
     id: {},
     class: {},
     title: {},
     text: {},
-    icon: { default: () => w },
-    buttons: { default: () => H },
+    icon: { default: () => P },
+    buttons: { default: () => I },
     backdropBlur: { type: Boolean, default: !0 },
     size: { default: "small" },
     centerVertically: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
-    focusTrap: { type: Boolean, default: !0 },
+    focusWrap: { type: Boolean, default: !0 },
+    initialFocus: {},
+    focusWithinOnActivate: { type: Boolean, default: !0 },
+    closingFocus: {},
     returnFocusOnDeactivate: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
     input: {},
-    icons: { default: () => P }
+    icons: { default: () => W }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ g(["enter", "leave"], ["update:modelValue"]),
-  setup(_, { emit: F }) {
-    const e = _, k = F, v = Q(_, "modelValue"), c = V(""), d = V(""), L = B(() => ["q-dialog", e.class]), N = B(() => `q-overlay--${e.size}`);
-    function h() {
+  setup(_, { emit: D }) {
+    const e = _, h = D, v = U(_, "modelValue"), u = B(""), d = B(""), O = V(() => ["q-dialog", e.class]), L = V(() => `q-overlay--${e.size}`);
+    function k() {
       v.value = !1;
     }
-    function z(o) {
-      var r, l;
+    function N(o) {
+      var n, l;
       if (o.action) {
-        if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(c)), a(d)))
+        if ((n = e.input) != null && n.validator && (d.value = e.input.validator(a(u)), a(d)))
           return;
-        (l = o.action) == null || l.call(o, a(c));
+        (l = o.action) == null || l.call(o, a(u));
       }
-      h();
+      k();
     }
-    function E() {
-      k("enter");
+    function z() {
+      h("enter");
     }
-    function M() {
-      k("leave");
+    function A() {
+      h("leave");
     }
-    return (o, r) => (t(), u(a(x), {
+    return (o, n) => (t(), c(a(H), {
       id: e.id,
       modelValue: v.value,
-      "onUpdate:modelValue": r[1] || (r[1] = (l) => v.value = l),
+      "onUpdate:modelValue": n[1] || (n[1] = (l) => v.value = l),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -81,38 +84,41 @@ const j = {
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
-      "focus-trap": e.focusTrap,
+      "focus-wrap": e.focusWrap,
+      "initial-focus": e.initialFocus,
+      "focus-within-on-activate": e.focusWithinOnActivate,
+      "closing-focus": e.closingFocus,
       "return-focus-on-deactivate": e.returnFocusOnDeactivate,
-      class: b(N.value),
-      onEnter: E,
-      onLeave: M
+      class: b(L.value),
+      onEnter: z,
+      onLeave: A
     }, {
       default: p(() => [
         $(
           "div",
           {
-            class: b(L.value)
+            class: b(O.value)
           },
           [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), s("div", j, [
-              n(o.$slots, "header", {}, () => [
-                n(o.$slots, "header.prepend"),
-                e.title ? (t(), s(
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), i("div", R, [
+              r(o.$slots, "header", {}, () => [
+                r(o.$slots, "header.prepend"),
+                e.title ? (t(), i(
                   "span",
-                  G,
+                  j,
                   m(e.title),
                   1
                   /* TEXT */
-                )) : i("v-if", !0),
-                n(o.$slots, "header.append")
+                )) : s("v-if", !0),
+                r(o.$slots, "header.append")
               ])
-            ])) : i("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (t(), s("div", J, [
-              n(o.$slots, "body", {}, () => {
+            ])) : s("v-if", !0),
+            e.icon || e.text || o.$slots.body ? (t(), i("div", G, [
+              r(o.$slots, "body", {}, () => {
                 var l;
                 return [
-                  n(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (t(), s("span", K, [
+                  r(o.$slots, "body.icon", {}, () => [
+                    e.icon ? (t(), i("span", J, [
                       y(
                         a(f),
                         q(C(e.icon)),
@@ -120,13 +126,13 @@ const j = {
                         16
                         /* FULL_PROPS */
                       )
-                    ])) : i("v-if", !0)
+                    ])) : s("v-if", !0)
                   ]),
-                  $("div", W, [
-                    e.html ? (t(), s("div", {
+                  $("div", K, [
+                    e.html ? (t(), i("div", {
                       key: 0,
                       innerHTML: e.text
-                    }, null, 8, X)) : (t(), s(
+                    }, null, 8, X)) : (t(), i(
                       "div",
                       Y,
                       m(e.text),
@@ -134,20 +140,20 @@ const j = {
                       /* TEXT */
                     ))
                   ]),
-                  e.input ? (t(), s("div", Z, [
-                    y(a(R), {
-                      modelValue: c.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (O) => c.value = O),
+                  e.input ? (t(), i("div", Z, [
+                    y(a(x), {
+                      modelValue: u.value,
+                      "onUpdate:modelValue": n[0] || (n[0] = (E) => u.value = E),
                       invalid: !!d.value,
                       placeholder: (l = e.input) == null ? void 0 : l.placeholder,
                       size: "block"
                     }, {
                       extras: p(() => [
-                        d.value ? (t(), u(a(f), {
+                        d.value ? (t(), c(a(f), {
                           key: 0,
                           icon: "exclamation-sign"
-                        })) : i("v-if", !0),
-                        A(
+                        })) : s("v-if", !0),
+                        w(
                           " " + m(d.value),
                           1
                           /* TEXT */
@@ -156,31 +162,31 @@ const j = {
                       _: 1
                       /* STABLE */
                     }, 8, ["modelValue", "invalid", "placeholder"])
-                  ])) : i("v-if", !0),
-                  n(o.$slots, "body.append")
+                  ])) : s("v-if", !0),
+                  r(o.$slots, "body.append")
                 ];
               })
-            ])) : i("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (t(), s("div", ee, [
-              e.buttons ? (t(), s("span", oe, [
-                (t(!0), s(
-                  S,
+            ])) : s("v-if", !0),
+            e.buttons || o.$slots["footer.append"] ? (t(), i("div", ee, [
+              e.buttons ? (t(), i("span", oe, [
+                (t(!0), i(
+                  Q,
                   null,
-                  I(e.buttons, (l) => (t(), u(a(D), T({ ref_for: !0 }, l.props, {
+                  S(e.buttons, (l) => (t(), c(a(T), F({ ref_for: !0 }, l.props, {
                     key: l.id,
-                    onClick: () => z(l)
+                    onClick: () => N(l)
                   }), {
                     default: p(() => [
-                      l.icon ? (t(), u(
+                      l.icon ? (t(), c(
                         a(f),
-                        T({
+                        F({
                           key: 0,
                           ref_for: !0
                         }, l.icon),
                         null,
                         16
                         /* FULL_PROPS */
-                      )) : i("v-if", !0)
+                      )) : s("v-if", !0)
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -188,14 +194,14 @@ const j = {
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ])) : i("v-if", !0),
-              n(o.$slots, "footer.append")
-            ])) : i("v-if", !0),
-            e.dismissible ? (t(), u(a(D), {
+              ])) : s("v-if", !0),
+              r(o.$slots, "footer.append")
+            ])) : s("v-if", !0),
+            e.dismissible ? (t(), c(a(T), {
               key: 3,
               class: "q-dialog__close",
               variant: "text",
-              onClick: h
+              onClick: k
             }, {
               default: p(() => [
                 y(
@@ -208,7 +214,7 @@ const j = {
               ]),
               _: 1
               /* STABLE */
-            })) : i("v-if", !0)
+            })) : s("v-if", !0)
           ],
           2
           /* CLASS */
@@ -216,9 +222,9 @@ const j = {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "return-focus-on-deactivate", "class"]));
+    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-wrap", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate", "class"]));
   }
 });
 export {
-  ne as default
+  re as default
 };

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

@@ -11,7 +11,10 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
-        focusTrap?: boolean;
+        focusWrap?: boolean;
+        initialFocus?: HTMLElement | string | null;
+        focusWithinOnActivate?: boolean;
+        closingFocus?: HTMLElement | string;
         returnFocusOnDeactivate?: boolean;
         dismissible?: boolean;
         html?: boolean;
@@ -31,10 +34,11 @@ declare const QDialog: {
         html: boolean;
         icon: import('..').Icon;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        focusWithinOnActivate: boolean;
+        returnFocusOnDeactivate: boolean;
         backdropBlur: boolean;
         attach: string;
-        focusTrap: boolean;
-        returnFocusOnDeactivate: boolean;
+        focusWrap: boolean;
         buttons: import('./types').DialogButton[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -55,7 +59,10 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
-        focusTrap?: boolean;
+        focusWrap?: boolean;
+        initialFocus?: HTMLElement | string | null;
+        focusWithinOnActivate?: boolean;
+        closingFocus?: HTMLElement | string;
         returnFocusOnDeactivate?: boolean;
         dismissible?: boolean;
         html?: boolean;
@@ -70,10 +77,11 @@ declare const QDialog: {
         html: boolean;
         icon: import('..').Icon;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        focusWithinOnActivate: boolean;
+        returnFocusOnDeactivate: boolean;
         backdropBlur: boolean;
         attach: string;
-        focusTrap: boolean;
-        returnFocusOnDeactivate: boolean;
+        focusWrap: boolean;
         buttons: import('./types').DialogButton[];
     }>;
     __isFragment?: never;
@@ -91,7 +99,10 @@ declare const QDialog: {
     centerVertically?: boolean;
     attach?: string;
     inline?: boolean;
-    focusTrap?: boolean;
+    focusWrap?: boolean;
+    initialFocus?: HTMLElement | string | null;
+    focusWithinOnActivate?: boolean;
+    closingFocus?: HTMLElement | string;
     returnFocusOnDeactivate?: boolean;
     dismissible?: boolean;
     html?: boolean;
@@ -111,10 +122,11 @@ declare const QDialog: {
     html: boolean;
     icon: import('..').Icon;
     icons: typeof import('./constants').DEFAULT_ICONS;
+    focusWithinOnActivate: boolean;
+    returnFocusOnDeactivate: boolean;
     backdropBlur: boolean;
     attach: string;
-    focusTrap: boolean;
-    returnFocusOnDeactivate: boolean;
+    focusWrap: boolean;
     buttons: import('./types').DialogButton[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

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":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,cAAc,SAAS,CAAA"}

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

@@ -61,12 +61,33 @@ export type QDialogProps = QBaseComponentProps & {
      */
     inline?: boolean;
     /**
-     * Whether to enable focus trapping within the dialog.
-     * When enabled, focus will be constrained to elements within the dialog.
+     * Whether to enable focus wrapping within the dialog.
+     * When enabled, focus by tabbing will wrap around elements within the dialog.
      *
      * @category Behavior
      */
-    focusTrap?: boolean;
+    focusWrap?: boolean;
+    /**
+     * Element to set focus on when the focus wrap is activated.
+     * Has priority over focusWithinOnActivate
+     *
+     * @category Behavior
+     */
+    initialFocus?: HTMLElement | string | null;
+    /**
+     * Whether to focus on the first focusable element within when
+     * activating the focus wrap.
+     *
+     * @category Behavior
+     */
+    focusWithinOnActivate?: boolean;
+    /**
+     * Element to set focus on when the dialog is closed.
+     * Has priority over returnFocusOnDeactivate.
+     *
+     * @category Behavior
+     */
+    closingFocus?: HTMLElement | string;
     /**
      * Whether to return focus to the element that opened this
      * when the focus trap is deactivaed.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAE1C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAEnC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/esm/components/QFocusWrap/QFocusWrap.d.ts

@@ -0,0 +1,26 @@
+import { QFocusWrapProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        container: HTMLSpanElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QFocusWrapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QFocusWrapProps> & Readonly<{}>, {
+    active: boolean;
+    focusWithinOnActivate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLSpanElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QFocusWrap.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QFocusWrap.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusWrap/QFocusWrap.vue"],"names":[],"mappings":"AAmBA;AA2KC,OAAO,KAAK,EAAE,eAAe,EAA8B,MAAM,SAAS,CAAA;AAyJ3E,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;OAQnB,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"}