@quidgest/ui 0.16.49 → 0.16.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/dist/json/api.json +220 -5
  2. package/dist/manifest/components.json +1 -0
  3. package/dist/ui.css +9 -0
  4. package/dist/ui.esm.js +7048 -7703
  5. package/dist/ui.js +27 -38
  6. package/dist/ui.min.css +1 -1
  7. package/dist/ui.min.js +1026 -1148
  8. package/dist/ui.scss +9 -1
  9. package/esm/components/QDialog/QDialog.d.ts +3 -2
  10. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  11. package/esm/components/QDialog/QDialog.vue.js +83 -77
  12. package/esm/components/QDialog/index.d.ts +21 -9
  13. package/esm/components/QDialog/index.d.ts.map +1 -1
  14. package/esm/components/QDialog/types.d.ts +24 -3
  15. package/esm/components/QDialog/types.d.ts.map +1 -1
  16. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +3 -3
  17. package/esm/components/QDropdownMenu/index.d.ts +9 -9
  18. package/esm/components/QFocusWrap/QFocusWrap.d.ts +26 -0
  19. package/esm/components/QFocusWrap/QFocusWrap.d.ts.map +1 -0
  20. package/esm/components/QFocusWrap/QFocusWrap.vue.js +119 -0
  21. package/esm/components/QFocusWrap/QFocusWrap.vue2.js +4 -0
  22. package/esm/components/QFocusWrap/index.d.ts +31 -0
  23. package/esm/components/QFocusWrap/index.d.ts.map +1 -0
  24. package/esm/components/QFocusWrap/index.js +6 -0
  25. package/esm/components/QFocusWrap/types.d.ts +42 -0
  26. package/esm/components/QFocusWrap/types.d.ts.map +1 -0
  27. package/esm/components/QOverlay/QOverlay.d.ts +5 -4
  28. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  29. package/esm/components/QOverlay/QOverlay.vue.js +126 -120
  30. package/esm/components/QOverlay/index.d.ts +36 -24
  31. package/esm/components/QOverlay/index.d.ts.map +1 -1
  32. package/esm/components/QOverlay/types.d.ts +25 -3
  33. package/esm/components/QOverlay/types.d.ts.map +1 -1
  34. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +17 -14
  35. package/esm/components/QPopover/QPopover.d.ts +1 -1
  36. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  37. package/esm/components/QPopover/QPopover.vue.js +13 -14
  38. package/esm/components/QPopover/index.d.ts +6 -6
  39. package/esm/components/QSelect/QSelect.d.ts +8 -8
  40. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  41. package/esm/components/QSelect/QSelect.vue.js +79 -77
  42. package/esm/components/QSelect/constants.d.ts +1 -0
  43. package/esm/components/QSelect/constants.d.ts.map +1 -1
  44. package/esm/components/QSelect/constants.js +10 -8
  45. package/esm/components/QTooltip/QTooltip.d.ts +3 -3
  46. package/esm/components/QTooltip/index.d.ts +18 -18
  47. package/esm/components/index.d.ts +1 -0
  48. package/esm/components/index.d.ts.map +1 -1
  49. package/esm/components/index.js +76 -74
  50. package/esm/composables/useDialog/index.d.ts +4 -1
  51. package/esm/composables/useDialog/index.d.ts.map +1 -1
  52. package/esm/index.d.ts +1 -0
  53. package/package.json +1 -3
  54. package/esm/vendors/focus-trap/dist/focus-trap.esm.js +0 -473
  55. package/esm/vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js +0 -104
  56. package/esm/vendors/tabbable/dist/index.esm.js +0 -202
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.16.49
2
+ * Quidgest UI v0.16.51
3
3
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1855,6 +1855,14 @@ $q-carousel-height-md: 300px;
1855
1855
  }
1856
1856
  }
1857
1857
  }
1858
+ .q-focus-wrap {
1859
+ width: 0;
1860
+ height: 0;
1861
+ display: inline-block;
1862
+ &:focus {
1863
+ outline: 0;
1864
+ }
1865
+ }
1858
1866
  .q-container {
1859
1867
  width: 100%;
1860
1868
  margin-left: auto;
@@ -33,10 +33,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
33
33
  html: boolean;
34
34
  icon: import('..').Icon;
35
35
  icons: typeof DEFAULT_ICONS;
36
+ focusWithinOnActivate: boolean;
37
+ returnFocusOnDeactivate: boolean;
36
38
  backdropBlur: boolean;
37
39
  attach: string;
38
- focusTrap: boolean;
39
- returnFocusOnDeactivate: boolean;
40
+ focusWrap: boolean;
40
41
  buttons: DialogButton[];
41
42
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
42
43
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1 +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"}
1
+ {"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"}
@@ -1,22 +1,22 @@
1
- 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";
2
- import { DEFAULT_ICONS as P, DEFAULT_BUTTONS as H, DEFAULT_ICON as w } from "./constants.js";
3
- import { QButton as D } from "../QButton/index.js";
1
+ 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";
2
+ import { DEFAULT_ICONS as W, DEFAULT_BUTTONS as I, DEFAULT_ICON as P } from "./constants.js";
3
+ import { QButton as T } from "../QButton/index.js";
4
4
  import { QIcon as f } from "../QIcon/index.js";
5
- import { QOverlay as x } from "../QOverlay/index.js";
6
- import { QTextField as R } from "../QTextField/index.js";
7
- const j = {
5
+ import { QOverlay as H } from "../QOverlay/index.js";
6
+ import { QTextField as x } from "../QTextField/index.js";
7
+ const R = {
8
8
  key: 0,
9
9
  class: "q-dialog__header"
10
- }, G = {
10
+ }, j = {
11
11
  key: 0,
12
12
  class: "q-dialog__header-title"
13
- }, J = {
13
+ }, G = {
14
14
  key: 1,
15
15
  class: "q-dialog__body"
16
- }, K = {
16
+ }, J = {
17
17
  key: 0,
18
18
  class: "q-dialog__body-icon"
19
- }, W = { class: "q-dialog__body-text" }, X = ["innerHTML"], Y = { key: 1 }, Z = {
19
+ }, K = { class: "q-dialog__body-text" }, X = ["innerHTML"], Y = { key: 1 }, Z = {
20
20
  key: 0,
21
21
  class: "q-dialog__input"
22
22
  }, ee = {
@@ -25,55 +25,58 @@ const j = {
25
25
  }, oe = {
26
26
  key: 0,
27
27
  class: "q-dialog__footer-buttons"
28
- }, ne = /* @__PURE__ */ U({
28
+ }, re = /* @__PURE__ */ M({
29
29
  __name: "QDialog",
30
30
  props: /* @__PURE__ */ g({
31
31
  id: {},
32
32
  class: {},
33
33
  title: {},
34
34
  text: {},
35
- icon: { default: () => w },
36
- buttons: { default: () => H },
35
+ icon: { default: () => P },
36
+ buttons: { default: () => I },
37
37
  backdropBlur: { type: Boolean, default: !0 },
38
38
  size: { default: "small" },
39
39
  centerVertically: { type: Boolean },
40
40
  attach: { default: "body" },
41
41
  inline: { type: Boolean },
42
- focusTrap: { type: Boolean, default: !0 },
42
+ focusWrap: { type: Boolean, default: !0 },
43
+ initialFocus: {},
44
+ focusWithinOnActivate: { type: Boolean, default: !0 },
45
+ closingFocus: {},
43
46
  returnFocusOnDeactivate: { type: Boolean, default: !0 },
44
47
  dismissible: { type: Boolean },
45
48
  html: { type: Boolean, default: !0 },
46
49
  input: {},
47
- icons: { default: () => P }
50
+ icons: { default: () => W }
48
51
  }, {
49
52
  modelValue: { type: Boolean },
50
53
  modelModifiers: {}
51
54
  }),
52
55
  emits: /* @__PURE__ */ g(["enter", "leave"], ["update:modelValue"]),
53
- setup(_, { emit: F }) {
54
- const e = _, k = F, v = Q(_, "modelValue"), c = V(""), d = V(""), L = B(() => ["q-dialog", e.class]), N = B(() => `q-overlay--${e.size}`);
55
- function h() {
56
+ setup(_, { emit: D }) {
57
+ const e = _, h = D, v = U(_, "modelValue"), u = B(""), d = B(""), O = V(() => ["q-dialog", e.class]), L = V(() => `q-overlay--${e.size}`);
58
+ function k() {
56
59
  v.value = !1;
57
60
  }
58
- function z(o) {
59
- var r, l;
61
+ function N(o) {
62
+ var n, l;
60
63
  if (o.action) {
61
- if ((r = e.input) != null && r.validator && (d.value = e.input.validator(a(c)), a(d)))
64
+ if ((n = e.input) != null && n.validator && (d.value = e.input.validator(a(u)), a(d)))
62
65
  return;
63
- (l = o.action) == null || l.call(o, a(c));
66
+ (l = o.action) == null || l.call(o, a(u));
64
67
  }
65
- h();
68
+ k();
66
69
  }
67
- function E() {
68
- k("enter");
70
+ function z() {
71
+ h("enter");
69
72
  }
70
- function M() {
71
- k("leave");
73
+ function A() {
74
+ h("leave");
72
75
  }
73
- return (o, r) => (t(), u(a(x), {
76
+ return (o, n) => (t(), c(a(H), {
74
77
  id: e.id,
75
78
  modelValue: v.value,
76
- "onUpdate:modelValue": r[1] || (r[1] = (l) => v.value = l),
79
+ "onUpdate:modelValue": n[1] || (n[1] = (l) => v.value = l),
77
80
  "backdrop-class": "q-dialog__underlay",
78
81
  "scroll-lock": "",
79
82
  persistent: "",
@@ -81,38 +84,41 @@ const j = {
81
84
  attach: e.attach,
82
85
  "backdrop-blur": e.backdropBlur,
83
86
  "center-vertically": e.centerVertically,
84
- "focus-trap": e.focusTrap,
87
+ "focus-wrap": e.focusWrap,
88
+ "initial-focus": e.initialFocus,
89
+ "focus-within-on-activate": e.focusWithinOnActivate,
90
+ "closing-focus": e.closingFocus,
85
91
  "return-focus-on-deactivate": e.returnFocusOnDeactivate,
86
- class: b(N.value),
87
- onEnter: E,
88
- onLeave: M
92
+ class: b(L.value),
93
+ onEnter: z,
94
+ onLeave: A
89
95
  }, {
90
96
  default: p(() => [
91
97
  $(
92
98
  "div",
93
99
  {
94
- class: b(L.value)
100
+ class: b(O.value)
95
101
  },
96
102
  [
97
- e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), s("div", j, [
98
- n(o.$slots, "header", {}, () => [
99
- n(o.$slots, "header.prepend"),
100
- e.title ? (t(), s(
103
+ e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(), i("div", R, [
104
+ r(o.$slots, "header", {}, () => [
105
+ r(o.$slots, "header.prepend"),
106
+ e.title ? (t(), i(
101
107
  "span",
102
- G,
108
+ j,
103
109
  m(e.title),
104
110
  1
105
111
  /* TEXT */
106
- )) : i("v-if", !0),
107
- n(o.$slots, "header.append")
112
+ )) : s("v-if", !0),
113
+ r(o.$slots, "header.append")
108
114
  ])
109
- ])) : i("v-if", !0),
110
- e.icon || e.text || o.$slots.body ? (t(), s("div", J, [
111
- n(o.$slots, "body", {}, () => {
115
+ ])) : s("v-if", !0),
116
+ e.icon || e.text || o.$slots.body ? (t(), i("div", G, [
117
+ r(o.$slots, "body", {}, () => {
112
118
  var l;
113
119
  return [
114
- n(o.$slots, "body.icon", {}, () => [
115
- e.icon ? (t(), s("span", K, [
120
+ r(o.$slots, "body.icon", {}, () => [
121
+ e.icon ? (t(), i("span", J, [
116
122
  y(
117
123
  a(f),
118
124
  q(C(e.icon)),
@@ -120,13 +126,13 @@ const j = {
120
126
  16
121
127
  /* FULL_PROPS */
122
128
  )
123
- ])) : i("v-if", !0)
129
+ ])) : s("v-if", !0)
124
130
  ]),
125
- $("div", W, [
126
- e.html ? (t(), s("div", {
131
+ $("div", K, [
132
+ e.html ? (t(), i("div", {
127
133
  key: 0,
128
134
  innerHTML: e.text
129
- }, null, 8, X)) : (t(), s(
135
+ }, null, 8, X)) : (t(), i(
130
136
  "div",
131
137
  Y,
132
138
  m(e.text),
@@ -134,20 +140,20 @@ const j = {
134
140
  /* TEXT */
135
141
  ))
136
142
  ]),
137
- e.input ? (t(), s("div", Z, [
138
- y(a(R), {
139
- modelValue: c.value,
140
- "onUpdate:modelValue": r[0] || (r[0] = (O) => c.value = O),
143
+ e.input ? (t(), i("div", Z, [
144
+ y(a(x), {
145
+ modelValue: u.value,
146
+ "onUpdate:modelValue": n[0] || (n[0] = (E) => u.value = E),
141
147
  invalid: !!d.value,
142
148
  placeholder: (l = e.input) == null ? void 0 : l.placeholder,
143
149
  size: "block"
144
150
  }, {
145
151
  extras: p(() => [
146
- d.value ? (t(), u(a(f), {
152
+ d.value ? (t(), c(a(f), {
147
153
  key: 0,
148
154
  icon: "exclamation-sign"
149
- })) : i("v-if", !0),
150
- A(
155
+ })) : s("v-if", !0),
156
+ w(
151
157
  " " + m(d.value),
152
158
  1
153
159
  /* TEXT */
@@ -156,31 +162,31 @@ const j = {
156
162
  _: 1
157
163
  /* STABLE */
158
164
  }, 8, ["modelValue", "invalid", "placeholder"])
159
- ])) : i("v-if", !0),
160
- n(o.$slots, "body.append")
165
+ ])) : s("v-if", !0),
166
+ r(o.$slots, "body.append")
161
167
  ];
162
168
  })
163
- ])) : i("v-if", !0),
164
- e.buttons || o.$slots["footer.append"] ? (t(), s("div", ee, [
165
- e.buttons ? (t(), s("span", oe, [
166
- (t(!0), s(
167
- S,
169
+ ])) : s("v-if", !0),
170
+ e.buttons || o.$slots["footer.append"] ? (t(), i("div", ee, [
171
+ e.buttons ? (t(), i("span", oe, [
172
+ (t(!0), i(
173
+ Q,
168
174
  null,
169
- I(e.buttons, (l) => (t(), u(a(D), T({ ref_for: !0 }, l.props, {
175
+ S(e.buttons, (l) => (t(), c(a(T), F({ ref_for: !0 }, l.props, {
170
176
  key: l.id,
171
- onClick: () => z(l)
177
+ onClick: () => N(l)
172
178
  }), {
173
179
  default: p(() => [
174
- l.icon ? (t(), u(
180
+ l.icon ? (t(), c(
175
181
  a(f),
176
- T({
182
+ F({
177
183
  key: 0,
178
184
  ref_for: !0
179
185
  }, l.icon),
180
186
  null,
181
187
  16
182
188
  /* FULL_PROPS */
183
- )) : i("v-if", !0)
189
+ )) : s("v-if", !0)
184
190
  ]),
185
191
  _: 2
186
192
  /* DYNAMIC */
@@ -188,14 +194,14 @@ const j = {
188
194
  128
189
195
  /* KEYED_FRAGMENT */
190
196
  ))
191
- ])) : i("v-if", !0),
192
- n(o.$slots, "footer.append")
193
- ])) : i("v-if", !0),
194
- e.dismissible ? (t(), u(a(D), {
197
+ ])) : s("v-if", !0),
198
+ r(o.$slots, "footer.append")
199
+ ])) : s("v-if", !0),
200
+ e.dismissible ? (t(), c(a(T), {
195
201
  key: 3,
196
202
  class: "q-dialog__close",
197
203
  variant: "text",
198
- onClick: h
204
+ onClick: k
199
205
  }, {
200
206
  default: p(() => [
201
207
  y(
@@ -208,7 +214,7 @@ const j = {
208
214
  ]),
209
215
  _: 1
210
216
  /* STABLE */
211
- })) : i("v-if", !0)
217
+ })) : s("v-if", !0)
212
218
  ],
213
219
  2
214
220
  /* CLASS */
@@ -216,9 +222,9 @@ const j = {
216
222
  ]),
217
223
  _: 3
218
224
  /* FORWARDED */
219
- }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-trap", "return-focus-on-deactivate", "class"]));
225
+ }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "focus-wrap", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate", "class"]));
220
226
  }
221
227
  });
222
228
  export {
223
- ne as default
229
+ re as default
224
230
  };
@@ -11,7 +11,10 @@ declare const QDialog: {
11
11
  centerVertically?: boolean;
12
12
  attach?: string;
13
13
  inline?: boolean;
14
- focusTrap?: boolean;
14
+ focusWrap?: boolean;
15
+ initialFocus?: HTMLElement | string | null;
16
+ focusWithinOnActivate?: boolean;
17
+ closingFocus?: HTMLElement | string;
15
18
  returnFocusOnDeactivate?: boolean;
16
19
  dismissible?: boolean;
17
20
  html?: boolean;
@@ -31,10 +34,11 @@ declare const QDialog: {
31
34
  html: boolean;
32
35
  icon: import('..').Icon;
33
36
  icons: typeof import('./constants').DEFAULT_ICONS;
37
+ focusWithinOnActivate: boolean;
38
+ returnFocusOnDeactivate: boolean;
34
39
  backdropBlur: boolean;
35
40
  attach: string;
36
- focusTrap: boolean;
37
- returnFocusOnDeactivate: boolean;
41
+ focusWrap: boolean;
38
42
  buttons: import('./types').DialogButton[];
39
43
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
40
44
  P: {};
@@ -55,7 +59,10 @@ declare const QDialog: {
55
59
  centerVertically?: boolean;
56
60
  attach?: string;
57
61
  inline?: boolean;
58
- focusTrap?: boolean;
62
+ focusWrap?: boolean;
63
+ initialFocus?: HTMLElement | string | null;
64
+ focusWithinOnActivate?: boolean;
65
+ closingFocus?: HTMLElement | string;
59
66
  returnFocusOnDeactivate?: boolean;
60
67
  dismissible?: boolean;
61
68
  html?: boolean;
@@ -70,10 +77,11 @@ declare const QDialog: {
70
77
  html: boolean;
71
78
  icon: import('..').Icon;
72
79
  icons: typeof import('./constants').DEFAULT_ICONS;
80
+ focusWithinOnActivate: boolean;
81
+ returnFocusOnDeactivate: boolean;
73
82
  backdropBlur: boolean;
74
83
  attach: string;
75
- focusTrap: boolean;
76
- returnFocusOnDeactivate: boolean;
84
+ focusWrap: boolean;
77
85
  buttons: import('./types').DialogButton[];
78
86
  }>;
79
87
  __isFragment?: never;
@@ -91,7 +99,10 @@ declare const QDialog: {
91
99
  centerVertically?: boolean;
92
100
  attach?: string;
93
101
  inline?: boolean;
94
- focusTrap?: boolean;
102
+ focusWrap?: boolean;
103
+ initialFocus?: HTMLElement | string | null;
104
+ focusWithinOnActivate?: boolean;
105
+ closingFocus?: HTMLElement | string;
95
106
  returnFocusOnDeactivate?: boolean;
96
107
  dismissible?: boolean;
97
108
  html?: boolean;
@@ -111,10 +122,11 @@ declare const QDialog: {
111
122
  html: boolean;
112
123
  icon: import('..').Icon;
113
124
  icons: typeof import('./constants').DEFAULT_ICONS;
125
+ focusWithinOnActivate: boolean;
126
+ returnFocusOnDeactivate: boolean;
114
127
  backdropBlur: boolean;
115
128
  attach: string;
116
- focusTrap: boolean;
117
- returnFocusOnDeactivate: boolean;
129
+ focusWrap: boolean;
118
130
  buttons: import('./types').DialogButton[];
119
131
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
120
132
  $slots: {
@@ -1 +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"}
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"}
@@ -61,12 +61,33 @@ export type QDialogProps = QBaseComponentProps & {
61
61
  */
62
62
  inline?: boolean;
63
63
  /**
64
- * Whether to enable focus trapping within the dialog.
65
- * When enabled, focus will be constrained to elements within the dialog.
64
+ * Whether to enable focus wrapping within the dialog.
65
+ * When enabled, focus by tabbing will wrap around elements within the dialog.
66
66
  *
67
67
  * @category Behavior
68
68
  */
69
- focusTrap?: boolean;
69
+ focusWrap?: boolean;
70
+ /**
71
+ * Element to set focus on when the focus wrap is activated.
72
+ * Has priority over focusWithinOnActivate
73
+ *
74
+ * @category Behavior
75
+ */
76
+ initialFocus?: HTMLElement | string | null;
77
+ /**
78
+ * Whether to focus on the first focusable element within when
79
+ * activating the focus wrap.
80
+ *
81
+ * @category Behavior
82
+ */
83
+ focusWithinOnActivate?: boolean;
84
+ /**
85
+ * Element to set focus on when the dialog is closed.
86
+ * Has priority over returnFocusOnDeactivate.
87
+ *
88
+ * @category Behavior
89
+ */
90
+ closingFocus?: HTMLElement | string;
70
91
  /**
71
92
  * Whether to return focus to the element that opened this
72
93
  * when the focus trap is deactivaed.
@@ -1 +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"}
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,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"}
@@ -225,15 +225,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
225
225
  }>, {
226
226
  transition: string;
227
227
  icons: typeof DEFAULT_ICONS;
228
- placement: import('../../composables/overlay').Placement;
228
+ placement: import('..').QOverlayPlacement;
229
229
  groups: import('..').Group[];
230
230
  itemValue: string;
231
231
  itemLabel: string;
232
- appearance: import('../../composables/overlay').Appearance;
232
+ appearance: import('..').QOverlayAppearance;
233
233
  offset: number;
234
234
  crossOffset: number;
235
235
  delay: number;
236
- trigger: import('../../composables/overlay').Trigger;
236
+ trigger: import('..').QOverlayTrigger;
237
237
  depth: number;
238
238
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
239
239
  qListRef: ({
@@ -7,12 +7,12 @@ declare const QDropdownMenu: {
7
7
  itemLabel?: string;
8
8
  items?: import('..').Item[];
9
9
  groups?: import('..').Group[];
10
- appearance?: import('../../composables/overlay').Appearance;
11
- placement?: import('../../composables/overlay').Placement;
10
+ appearance?: import('..').QOverlayAppearance;
11
+ placement?: import('..').QOverlayPlacement;
12
12
  transition?: string;
13
13
  inline?: boolean;
14
14
  delay?: number;
15
- trigger?: import('../../composables/overlay').Trigger;
15
+ trigger?: import('..').QOverlayTrigger;
16
16
  depth?: number;
17
17
  icons?: typeof import('./constants').DEFAULT_ICONS;
18
18
  }> & Readonly<{
@@ -37,12 +37,12 @@ declare const QDropdownMenu: {
37
37
  itemLabel?: string;
38
38
  items?: import('..').Item[];
39
39
  groups?: import('..').Group[];
40
- appearance?: import('../../composables/overlay').Appearance;
41
- placement?: import('../../composables/overlay').Placement;
40
+ appearance?: import('..').QOverlayAppearance;
41
+ placement?: import('..').QOverlayPlacement;
42
42
  transition?: string;
43
43
  inline?: boolean;
44
44
  delay?: number;
45
- trigger?: import('../../composables/overlay').Trigger;
45
+ trigger?: import('..').QOverlayTrigger;
46
46
  depth?: number;
47
47
  icons?: typeof import('./constants').DEFAULT_ICONS;
48
48
  }> & Readonly<{
@@ -60,12 +60,12 @@ declare const QDropdownMenu: {
60
60
  itemLabel?: string;
61
61
  items?: import('..').Item[];
62
62
  groups?: import('..').Group[];
63
- appearance?: import('../../composables/overlay').Appearance;
64
- placement?: import('../../composables/overlay').Placement;
63
+ appearance?: import('..').QOverlayAppearance;
64
+ placement?: import('..').QOverlayPlacement;
65
65
  transition?: string;
66
66
  inline?: boolean;
67
67
  delay?: number;
68
- trigger?: import('../../composables/overlay').Trigger;
68
+ trigger?: import('..').QOverlayTrigger;
69
69
  depth?: number;
70
70
  icons?: typeof import('./constants').DEFAULT_ICONS;
71
71
  }> & Readonly<{
@@ -0,0 +1,26 @@
1
+ import { QFocusWrapProps } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ default?(_: {}): any;
6
+ };
7
+ refs: {
8
+ container: HTMLSpanElement;
9
+ };
10
+ rootEl: any;
11
+ };
12
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
+ declare const __VLS_component: import('vue').DefineComponent<QFocusWrapProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QFocusWrapProps> & Readonly<{}>, {
14
+ active: boolean;
15
+ focusWithinOnActivate: boolean;
16
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
17
+ container: HTMLSpanElement;
18
+ }, any>;
19
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
20
+ export default _default;
21
+ type __VLS_WithTemplateSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
26
+ //# sourceMappingURL=QFocusWrap.vue.d.ts.map
@@ -0,0 +1 @@
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"}