@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.
- package/dist/json/api.json +220 -5
- package/dist/manifest/components.json +1 -0
- package/dist/ui.css +9 -0
- package/dist/ui.esm.js +7048 -7703
- package/dist/ui.js +27 -38
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +1026 -1148
- package/dist/ui.scss +9 -1
- package/esm/components/QDialog/QDialog.d.ts +3 -2
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +83 -77
- package/esm/components/QDialog/index.d.ts +21 -9
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +24 -3
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +3 -3
- package/esm/components/QDropdownMenu/index.d.ts +9 -9
- package/esm/components/QFocusWrap/QFocusWrap.d.ts +26 -0
- package/esm/components/QFocusWrap/QFocusWrap.d.ts.map +1 -0
- package/esm/components/QFocusWrap/QFocusWrap.vue.js +119 -0
- package/esm/components/QFocusWrap/QFocusWrap.vue2.js +4 -0
- package/esm/components/QFocusWrap/index.d.ts +31 -0
- package/esm/components/QFocusWrap/index.d.ts.map +1 -0
- package/esm/components/QFocusWrap/index.js +6 -0
- package/esm/components/QFocusWrap/types.d.ts +42 -0
- package/esm/components/QFocusWrap/types.d.ts.map +1 -0
- package/esm/components/QOverlay/QOverlay.d.ts +5 -4
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +126 -120
- package/esm/components/QOverlay/index.d.ts +36 -24
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +25 -3
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +17 -14
- package/esm/components/QPopover/QPopover.d.ts +1 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +13 -14
- package/esm/components/QPopover/index.d.ts +6 -6
- package/esm/components/QSelect/QSelect.d.ts +8 -8
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +79 -77
- package/esm/components/QSelect/constants.d.ts +1 -0
- package/esm/components/QSelect/constants.d.ts.map +1 -1
- package/esm/components/QSelect/constants.js +10 -8
- package/esm/components/QTooltip/QTooltip.d.ts +3 -3
- package/esm/components/QTooltip/index.d.ts +18 -18
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +76 -74
- package/esm/composables/useDialog/index.d.ts +4 -1
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/package.json +1 -3
- package/esm/vendors/focus-trap/dist/focus-trap.esm.js +0 -473
- package/esm/vendors/focus-trap-vue/dist/focus-trap-vue.esm-browser.js +0 -104
- 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.
|
|
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
|
-
|
|
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":"
|
|
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
|
|
2
|
-
import { DEFAULT_ICONS as
|
|
3
|
-
import { QButton as
|
|
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
|
|
6
|
-
import { QTextField as
|
|
7
|
-
const
|
|
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
|
-
},
|
|
10
|
+
}, j = {
|
|
11
11
|
key: 0,
|
|
12
12
|
class: "q-dialog__header-title"
|
|
13
|
-
},
|
|
13
|
+
}, G = {
|
|
14
14
|
key: 1,
|
|
15
15
|
class: "q-dialog__body"
|
|
16
|
-
},
|
|
16
|
+
}, J = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "q-dialog__body-icon"
|
|
19
|
-
},
|
|
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
|
-
},
|
|
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: () =>
|
|
36
|
-
buttons: { default: () =>
|
|
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
|
-
|
|
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: () =>
|
|
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:
|
|
54
|
-
const e = _,
|
|
55
|
-
function
|
|
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
|
|
59
|
-
var
|
|
61
|
+
function N(o) {
|
|
62
|
+
var n, l;
|
|
60
63
|
if (o.action) {
|
|
61
|
-
if ((
|
|
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(
|
|
66
|
+
(l = o.action) == null || l.call(o, a(u));
|
|
64
67
|
}
|
|
65
|
-
|
|
68
|
+
k();
|
|
66
69
|
}
|
|
67
|
-
function
|
|
68
|
-
|
|
70
|
+
function z() {
|
|
71
|
+
h("enter");
|
|
69
72
|
}
|
|
70
|
-
function
|
|
71
|
-
|
|
73
|
+
function A() {
|
|
74
|
+
h("leave");
|
|
72
75
|
}
|
|
73
|
-
return (o,
|
|
76
|
+
return (o, n) => (t(), c(a(H), {
|
|
74
77
|
id: e.id,
|
|
75
78
|
modelValue: v.value,
|
|
76
|
-
"onUpdate:modelValue":
|
|
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-
|
|
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(
|
|
87
|
-
onEnter:
|
|
88
|
-
onLeave:
|
|
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(
|
|
100
|
+
class: b(O.value)
|
|
95
101
|
},
|
|
96
102
|
[
|
|
97
|
-
e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (t(),
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
e.title ? (t(),
|
|
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
|
-
|
|
108
|
+
j,
|
|
103
109
|
m(e.title),
|
|
104
110
|
1
|
|
105
111
|
/* TEXT */
|
|
106
|
-
)) :
|
|
107
|
-
|
|
112
|
+
)) : s("v-if", !0),
|
|
113
|
+
r(o.$slots, "header.append")
|
|
108
114
|
])
|
|
109
|
-
])) :
|
|
110
|
-
e.icon || e.text || o.$slots.body ? (t(),
|
|
111
|
-
|
|
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
|
-
|
|
115
|
-
e.icon ? (t(),
|
|
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
|
-
])) :
|
|
129
|
+
])) : s("v-if", !0)
|
|
124
130
|
]),
|
|
125
|
-
$("div",
|
|
126
|
-
e.html ? (t(),
|
|
131
|
+
$("div", K, [
|
|
132
|
+
e.html ? (t(), i("div", {
|
|
127
133
|
key: 0,
|
|
128
134
|
innerHTML: e.text
|
|
129
|
-
}, null, 8, X)) : (t(),
|
|
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(),
|
|
138
|
-
y(a(
|
|
139
|
-
modelValue:
|
|
140
|
-
"onUpdate:modelValue":
|
|
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(),
|
|
152
|
+
d.value ? (t(), c(a(f), {
|
|
147
153
|
key: 0,
|
|
148
154
|
icon: "exclamation-sign"
|
|
149
|
-
})) :
|
|
150
|
-
|
|
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
|
-
])) :
|
|
160
|
-
|
|
165
|
+
])) : s("v-if", !0),
|
|
166
|
+
r(o.$slots, "body.append")
|
|
161
167
|
];
|
|
162
168
|
})
|
|
163
|
-
])) :
|
|
164
|
-
e.buttons || o.$slots["footer.append"] ? (t(),
|
|
165
|
-
e.buttons ? (t(),
|
|
166
|
-
(t(!0),
|
|
167
|
-
|
|
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
|
-
|
|
175
|
+
S(e.buttons, (l) => (t(), c(a(T), F({ ref_for: !0 }, l.props, {
|
|
170
176
|
key: l.id,
|
|
171
|
-
onClick: () =>
|
|
177
|
+
onClick: () => N(l)
|
|
172
178
|
}), {
|
|
173
179
|
default: p(() => [
|
|
174
|
-
l.icon ? (t(),
|
|
180
|
+
l.icon ? (t(), c(
|
|
175
181
|
a(f),
|
|
176
|
-
|
|
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
|
-
)) :
|
|
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
|
-
])) :
|
|
192
|
-
|
|
193
|
-
])) :
|
|
194
|
-
e.dismissible ? (t(),
|
|
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:
|
|
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
|
-
})) :
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
65
|
-
* When enabled, focus will
|
|
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
|
-
|
|
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('
|
|
228
|
+
placement: import('..').QOverlayPlacement;
|
|
229
229
|
groups: import('..').Group[];
|
|
230
230
|
itemValue: string;
|
|
231
231
|
itemLabel: string;
|
|
232
|
-
appearance: import('
|
|
232
|
+
appearance: import('..').QOverlayAppearance;
|
|
233
233
|
offset: number;
|
|
234
234
|
crossOffset: number;
|
|
235
235
|
delay: number;
|
|
236
|
-
trigger: import('
|
|
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('
|
|
11
|
-
placement?: import('
|
|
10
|
+
appearance?: import('..').QOverlayAppearance;
|
|
11
|
+
placement?: import('..').QOverlayPlacement;
|
|
12
12
|
transition?: string;
|
|
13
13
|
inline?: boolean;
|
|
14
14
|
delay?: number;
|
|
15
|
-
trigger?: import('
|
|
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('
|
|
41
|
-
placement?: import('
|
|
40
|
+
appearance?: import('..').QOverlayAppearance;
|
|
41
|
+
placement?: import('..').QOverlayPlacement;
|
|
42
42
|
transition?: string;
|
|
43
43
|
inline?: boolean;
|
|
44
44
|
delay?: number;
|
|
45
|
-
trigger?: import('
|
|
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('
|
|
64
|
-
placement?: import('
|
|
63
|
+
appearance?: import('..').QOverlayAppearance;
|
|
64
|
+
placement?: import('..').QOverlayPlacement;
|
|
65
65
|
transition?: string;
|
|
66
66
|
inline?: boolean;
|
|
67
67
|
delay?: number;
|
|
68
|
-
trigger?: import('
|
|
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"}
|