@quidgest/ui 0.16.37 → 0.16.38

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

@@ -1,4 +1,4 @@
-import { defineComponent as Q, mergeModels as g, useModel as A, ref as V, computed as b, createBlock as c, openBlock as l, unref as a, normalizeClass as B, withCtx as p, createElementVNode as $, createElementBlock as i, createCommentVNode as s, renderSlot as r, toDisplayString as v, createVNode as _, normalizeProps as q, guardReactiveProps as C, createTextVNode as O, Fragment as S, renderList as I, mergeProps as T } from "vue";
+import { defineComponent as Q, mergeModels as g, useModel as A, ref as V, computed as b, createBlock as c, openBlock as l, unref as a, normalizeClass as B, withCtx as p, createElementVNode as $, createElementBlock as s, createCommentVNode as i, renderSlot as n, toDisplayString as v, createVNode as _, normalizeProps as q, guardReactiveProps as C, createTextVNode as O, 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 L } from "../QButton/index.js";
 import { QIcon as f } from "../QIcon/index.js";
@@ -25,7 +25,7 @@ const j = {
 }, oe = {
   key: 0,
   class: "q-dialog__footer-buttons"
-}, re = /* @__PURE__ */ Q({
+}, ne = /* @__PURE__ */ Q({
   __name: "QDialog",
   props: /* @__PURE__ */ g({
     id: {},
@@ -39,6 +39,7 @@ const j = {
     centerVertically: { type: Boolean },
     attach: { default: "body" },
     inline: { type: Boolean },
+    focusTrap: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
     input: {},
@@ -54,9 +55,9 @@ const j = {
       m.value = !1;
     }
     function E(o) {
-      var n, t;
+      var r, t;
       if (o.action) {
-        if ((n = e.input) != null && n.validator && (d.value = e.input.validator(a(u)), a(d)))
+        if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(u)), a(d)))
           return;
         (t = o.action) == null || t.call(o, a(u));
       }
@@ -68,10 +69,10 @@ const j = {
     function U() {
       k("leave");
     }
-    return (o, n) => (l(), c(a(x), {
+    return (o, r) => (l(), c(a(x), {
       id: e.id,
       modelValue: m.value,
-      "onUpdate:modelValue": n[1] || (n[1] = (t) => m.value = t),
+      "onUpdate:modelValue": r[1] || (r[1] = (t) => m.value = t),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -79,6 +80,7 @@ const j = {
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
+      "focus-trap": e.focusTrap,
       class: B(D.value),
       onEnter: M,
       onLeave: U
@@ -90,25 +92,25 @@ const j = {
             class: B(z.value)
           },
           [
-            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), i("div", j, [
-              r(o.$slots, "header", {}, () => [
-                r(o.$slots, "header.prepend"),
-                e.title ? (l(), i(
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), s("div", j, [
+              n(o.$slots, "header", {}, () => [
+                n(o.$slots, "header.prepend"),
+                e.title ? (l(), s(
                   "span",
                   G,
                   v(e.title),
                   1
                   /* TEXT */
-                )) : s("v-if", !0),
-                r(o.$slots, "header.append")
+                )) : i("v-if", !0),
+                n(o.$slots, "header.append")
               ])
-            ])) : s("v-if", !0),
-            e.icon || e.text || o.$slots.body ? (l(), i("div", J, [
-              r(o.$slots, "body", {}, () => {
+            ])) : i("v-if", !0),
+            e.icon || e.text || o.$slots.body ? (l(), s("div", J, [
+              n(o.$slots, "body", {}, () => {
                 var t;
                 return [
-                  r(o.$slots, "body.icon", {}, () => [
-                    e.icon ? (l(), i("span", K, [
+                  n(o.$slots, "body.icon", {}, () => [
+                    e.icon ? (l(), s("span", K, [
                       _(
                         a(f),
                         q(C(e.icon)),
@@ -116,13 +118,13 @@ const j = {
                         16
                         /* FULL_PROPS */
                       )
-                    ])) : s("v-if", !0)
+                    ])) : i("v-if", !0)
                   ]),
                   $("div", W, [
-                    e.html ? (l(), i("div", {
+                    e.html ? (l(), s("div", {
                       key: 0,
                       innerHTML: e.text
-                    }, null, 8, X)) : (l(), i(
+                    }, null, 8, X)) : (l(), s(
                       "div",
                       Y,
                       v(e.text),
@@ -130,10 +132,10 @@ const j = {
                       /* TEXT */
                     ))
                   ]),
-                  e.input ? (l(), i("div", Z, [
+                  e.input ? (l(), s("div", Z, [
                     _(a(R), {
                       modelValue: u.value,
-                      "onUpdate:modelValue": n[0] || (n[0] = (F) => u.value = F),
+                      "onUpdate:modelValue": r[0] || (r[0] = (F) => u.value = F),
                       invalid: !!d.value,
                       placeholder: (t = e.input) == null ? void 0 : t.placeholder,
                       size: "block"
@@ -142,7 +144,7 @@ const j = {
                         d.value ? (l(), c(a(f), {
                           key: 0,
                           icon: "exclamation-sign"
-                        })) : s("v-if", !0),
+                        })) : i("v-if", !0),
                         O(
                           " " + v(d.value),
                           1
@@ -152,14 +154,14 @@ const j = {
                       _: 1
                       /* STABLE */
                     }, 8, ["modelValue", "invalid", "placeholder"])
-                  ])) : s("v-if", !0),
-                  r(o.$slots, "body.append")
+                  ])) : i("v-if", !0),
+                  n(o.$slots, "body.append")
                 ];
               })
-            ])) : s("v-if", !0),
-            e.buttons || o.$slots["footer.append"] ? (l(), i("div", ee, [
-              e.buttons ? (l(), i("span", oe, [
-                (l(!0), i(
+            ])) : i("v-if", !0),
+            e.buttons || o.$slots["footer.append"] ? (l(), s("div", ee, [
+              e.buttons ? (l(), s("span", oe, [
+                (l(!0), s(
                   S,
                   null,
                   I(e.buttons, (t) => (l(), c(a(L), T({ ref_for: !0 }, t.props, {
@@ -176,7 +178,7 @@ const j = {
                         null,
                         16
                         /* FULL_PROPS */
-                      )) : s("v-if", !0)
+                      )) : i("v-if", !0)
                     ]),
                     _: 2
                     /* DYNAMIC */
@@ -184,9 +186,9 @@ const j = {
                   128
                   /* KEYED_FRAGMENT */
                 ))
-              ])) : s("v-if", !0),
-              r(o.$slots, "footer.append")
-            ])) : s("v-if", !0),
+              ])) : i("v-if", !0),
+              n(o.$slots, "footer.append")
+            ])) : i("v-if", !0),
             e.dismissible ? (l(), c(a(L), {
               key: 3,
               class: "q-dialog__close",
@@ -204,7 +206,7 @@ const j = {
               ]),
               _: 1
               /* STABLE */
-            })) : s("v-if", !0)
+            })) : i("v-if", !0)
           ],
           2
           /* CLASS */
@@ -212,9 +214,9 @@ const j = {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "class"]));
+    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "class"]));
   }
 });
 export {
-  re as default
+  ne as default
 };

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

@@ -11,6 +11,7 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
+        focusTrap?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -31,6 +32,7 @@ declare const QDialog: {
         icons: typeof import('./constants').DEFAULT_ICONS;
         backdropBlur: boolean;
         attach: string;
+        focusTrap: boolean;
         buttons: import('./types').DialogButton[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -51,6 +53,7 @@ declare const QDialog: {
         centerVertically?: boolean;
         attach?: string;
         inline?: boolean;
+        focusTrap?: boolean;
         dismissible?: boolean;
         html?: boolean;
         input?: import('./types').QDialogInputOption;
@@ -66,6 +69,7 @@ declare const QDialog: {
         icons: typeof import('./constants').DEFAULT_ICONS;
         backdropBlur: boolean;
         attach: string;
+        focusTrap: boolean;
         buttons: import('./types').DialogButton[];
     }>;
     __isFragment?: never;
@@ -83,6 +87,7 @@ declare const QDialog: {
     centerVertically?: boolean;
     attach?: string;
     inline?: boolean;
+    focusTrap?: boolean;
     dismissible?: boolean;
     html?: boolean;
     input?: import('./types').QDialogInputOption;
@@ -103,6 +108,7 @@ declare const QDialog: {
     icons: typeof import('./constants').DEFAULT_ICONS;
     backdropBlur: boolean;
     attach: string;
+    focusTrap: 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

@@ -60,6 +60,13 @@ export type QDialogProps = QBaseComponentProps & {
      * @category Behavior
      */
     inline?: boolean;
+    /**
+     * Whether to enable focus trapping within the dialog.
+     * When enabled, focus will be constrained to elements within the dialog.
+     *
+     * @category Behavior
+     */
+    focusTrap?: boolean;
     /**
      * True if the dialog window can be closed, false otherwise.
      *

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;;;;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;;;;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/QOverlay/QOverlay.vue.js

@@ -266,7 +266,7 @@ const Te = ["id"], Ce = ["role"], $e = /* @__PURE__ */ ue({
                   default: L(() => [
                     E.value ? (u(), B(C(ke), {
                       key: 0,
-                      disabled: t.nonModal || !r.value,
+                      disabled: t.nonModal || !r.value || !t.focusTrap,
                       options: { fallbackFocus: E.value }
                     }, {
                       default: L(() => [

package/esm/composables/useDialog/index.d.ts

@@ -56,6 +56,7 @@ export declare function useDialog(): {
             centerVertically?: boolean | undefined;
             attach?: string | undefined;
             inline?: boolean | undefined;
+            focusTrap?: boolean | undefined;
             dismissible?: boolean | undefined;
             html?: boolean | undefined;
             input?: {

package/esm/composables/useDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAaoc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADre"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAakoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADnqB"}

package/package.json

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