@quidgest/ui 0.16.52 → 0.16.54
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 +35 -32
- package/dist/ui.esm.js +5125 -5134
- package/dist/ui.js +8 -8
- package/dist/ui.min.js +32 -32
- package/dist/ui.scss +2 -2
- package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts +1 -0
- package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js +24 -22
- package/esm/components/QBadgeIndicator/index.d.ts +3 -0
- package/esm/components/QBadgeIndicator/index.d.ts.map +1 -1
- package/esm/components/QBadgeIndicator/types.d.ts +7 -0
- package/esm/components/QBadgeIndicator/types.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.d.ts +4 -13
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +71 -78
- package/esm/components/QDialog/QDialogProvider.d.ts.map +1 -1
- package/esm/components/QDialog/QDialogProvider.vue.js +16 -17
- package/esm/components/QDialog/index.d.ts +10 -85
- package/esm/components/QDialog/index.d.ts.map +1 -1
- package/esm/components/QDialog/types.d.ts +6 -0
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QIcon/InlineSvg.js +8 -8
- package/esm/components/QOverlay/QOverlay.d.ts +4 -9
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +156 -158
- package/esm/components/QOverlay/index.d.ts +10 -93
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +6 -0
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +14 -13
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +44 -46
- package/esm/composables/useDialog/index.d.ts +1 -0
- package/esm/composables/useDialog/index.d.ts.map +1 -1
- package/esm/composables/useDialog/index.js +11 -11
- package/package.json +1 -1
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QDismissibleLayer as
|
|
3
|
-
import { QRemoveScrollBar as
|
|
4
|
-
import { QFocusWrap as
|
|
5
|
-
import { getSideFromPlacement as
|
|
6
|
-
import { useTheme as
|
|
7
|
-
import { getElement as
|
|
8
|
-
const
|
|
1
|
+
import { defineComponent as se, computed as s, reactive as q, watch as R, ref as _, nextTick as g, onMounted as ue, onBeforeUnmount as ce, createElementBlock as k, openBlock as u, Fragment as de, createBlock as B, createCommentVNode as v, Teleport as fe, createVNode as b, Transition as $, withCtx as L, withModifiers as pe, normalizeClass as M, normalizeStyle as W, unref as C, createElementVNode as ve, mergeProps as me, renderSlot as ye } from "vue";
|
|
2
|
+
import { QDismissibleLayer as he } from "../QDismissibleLayer/index.js";
|
|
3
|
+
import { QRemoveScrollBar as we } from "../QRemoveScrollBar/index.js";
|
|
4
|
+
import { QFocusWrap as ge } from "../QFocusWrap/index.js";
|
|
5
|
+
import { getSideFromPlacement as ke, computePosition as Le } from "../../composables/overlay.js";
|
|
6
|
+
import { useTheme as Ee } from "../../composables/theme.js";
|
|
7
|
+
import { getElement as _e } from "../../utils/getElement.js";
|
|
8
|
+
const Be = ["id"], be = ["role"], Fe = /* @__PURE__ */ se({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "QOverlay",
|
|
11
|
-
props:
|
|
11
|
+
props: {
|
|
12
12
|
id: {},
|
|
13
13
|
class: {},
|
|
14
|
+
modelValue: { type: Boolean },
|
|
14
15
|
anchor: {},
|
|
15
16
|
appearance: { default: "regular" },
|
|
16
17
|
arrow: { type: Boolean },
|
|
@@ -35,258 +36,255 @@ const Te = ["id"], Oe = ["role"], Ve = /* @__PURE__ */ ue({
|
|
|
35
36
|
focusWithinOnActivate: { type: Boolean, default: !1 },
|
|
36
37
|
closingFocus: {},
|
|
37
38
|
returnFocusOnDeactivate: { type: Boolean, default: !0 }
|
|
38
|
-
},
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
emits: /* @__PURE__ */ V(["enter", "leave"], ["update:modelValue"]),
|
|
43
|
-
setup(T, { emit: Q }) {
|
|
44
|
-
const t = T, O = Q, r = de(T, "modelValue"), { class: U } = be(), N = c(() => [
|
|
39
|
+
},
|
|
40
|
+
emits: ["update:modelValue", "enter", "leave"],
|
|
41
|
+
setup(I, { emit: P }) {
|
|
42
|
+
const e = I, m = P, { class: z } = Ee(), Q = s(() => [
|
|
45
43
|
"q-overlay",
|
|
46
|
-
`q-overlay--${
|
|
47
|
-
|
|
44
|
+
`q-overlay--${ke(o.placement)}`,
|
|
45
|
+
z.value,
|
|
48
46
|
{
|
|
49
|
-
"q-overlay--independent":
|
|
50
|
-
"q-overlay--inverted":
|
|
51
|
-
"q-overlay--center":
|
|
47
|
+
"q-overlay--independent": d.value,
|
|
48
|
+
"q-overlay--inverted": e.appearance === "inverted",
|
|
49
|
+
"q-overlay--center": e.centerVertically
|
|
52
50
|
},
|
|
53
|
-
|
|
54
|
-
]),
|
|
51
|
+
e.class
|
|
52
|
+
]), d = s(() => e.anchor === void 0), T = s(() => e.modelValue && !e.nonModal), U = s(() => (e.modelValue || o.animating) && e.scrollLock), N = s(() => !e.inline && (e.modelValue || o.animating)), o = q({
|
|
55
53
|
animating: !1,
|
|
56
54
|
top: 0,
|
|
57
55
|
left: 0,
|
|
58
56
|
width: 0,
|
|
59
|
-
placement:
|
|
60
|
-
}),
|
|
57
|
+
placement: e.placement
|
|
58
|
+
}), r = q({
|
|
61
59
|
top: void 0,
|
|
62
60
|
left: void 0,
|
|
63
61
|
hidden: !0
|
|
64
62
|
});
|
|
65
|
-
|
|
66
|
-
const
|
|
67
|
-
if (
|
|
68
|
-
const
|
|
63
|
+
R(() => e.modelValue, Y);
|
|
64
|
+
const j = s(() => {
|
|
65
|
+
if (d.value) return;
|
|
66
|
+
const t = l(), i = e.width === "anchor", n = i ? t == null ? void 0 : t.getBoundingClientRect().width : void 0;
|
|
69
67
|
return {
|
|
70
68
|
top: `${o.top}px`,
|
|
71
69
|
left: `${o.left}px`,
|
|
72
70
|
width: n !== void 0 ? `${n}px` : void 0
|
|
73
71
|
};
|
|
74
|
-
}),
|
|
75
|
-
if (
|
|
72
|
+
}), G = s(() => {
|
|
73
|
+
if (e.arrow)
|
|
76
74
|
return {
|
|
77
|
-
top:
|
|
78
|
-
left:
|
|
79
|
-
opacity:
|
|
75
|
+
top: r.top !== void 0 ? `${r.top}px` : void 0,
|
|
76
|
+
left: r.left !== void 0 ? `${r.left}px` : void 0,
|
|
77
|
+
opacity: r.hidden ? 0 : 1
|
|
80
78
|
};
|
|
81
|
-
}), y =
|
|
82
|
-
function
|
|
83
|
-
const
|
|
84
|
-
if (!
|
|
79
|
+
}), y = _(null), V = _(null), h = _(null);
|
|
80
|
+
function a() {
|
|
81
|
+
const t = l();
|
|
82
|
+
if (!t || !h.value)
|
|
85
83
|
return;
|
|
86
84
|
const i = {
|
|
87
|
-
placement:
|
|
88
|
-
width:
|
|
89
|
-
offset:
|
|
90
|
-
crossOffset:
|
|
91
|
-
arrow:
|
|
92
|
-
}, n =
|
|
93
|
-
|
|
85
|
+
placement: e.placement,
|
|
86
|
+
width: e.width,
|
|
87
|
+
offset: e.offset,
|
|
88
|
+
crossOffset: e.crossOffset,
|
|
89
|
+
arrow: e.arrow
|
|
90
|
+
}, n = Le(
|
|
91
|
+
t,
|
|
94
92
|
h.value,
|
|
95
93
|
(y == null ? void 0 : y.value) ?? void 0,
|
|
96
94
|
i
|
|
97
95
|
);
|
|
98
|
-
o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement,
|
|
96
|
+
o.left = n.overlayCoords.x, o.top = n.overlayCoords.y, o.placement = n.placement, r.hidden = n.arrowCoords === void 0, n.arrowCoords && (r.top = n.arrowCoords.y, r.left = n.arrowCoords.x);
|
|
99
97
|
}
|
|
100
|
-
|
|
101
|
-
() =>
|
|
102
|
-
() => g(
|
|
98
|
+
R(
|
|
99
|
+
() => e.placement,
|
|
100
|
+
() => g(a)
|
|
103
101
|
);
|
|
104
|
-
let
|
|
102
|
+
let f;
|
|
105
103
|
function w() {
|
|
106
|
-
|
|
104
|
+
x(0);
|
|
107
105
|
}
|
|
108
|
-
function
|
|
109
|
-
|
|
106
|
+
function O() {
|
|
107
|
+
x(e.delay);
|
|
110
108
|
}
|
|
111
|
-
function
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
},
|
|
109
|
+
function x(t) {
|
|
110
|
+
f && D(), f = window.setTimeout(() => {
|
|
111
|
+
m("update:modelValue", !0);
|
|
112
|
+
}, t);
|
|
115
113
|
}
|
|
116
|
-
function
|
|
117
|
-
if (
|
|
118
|
-
const
|
|
119
|
-
g(() =>
|
|
114
|
+
function c() {
|
|
115
|
+
if (f && D(), m("update:modelValue", !1), e.anchor && e.trigger === "click") {
|
|
116
|
+
const t = l();
|
|
117
|
+
g(() => t == null ? void 0 : t.focus());
|
|
120
118
|
}
|
|
121
119
|
}
|
|
122
|
-
function
|
|
123
|
-
clearTimeout(
|
|
120
|
+
function D() {
|
|
121
|
+
clearTimeout(f), f = void 0;
|
|
122
|
+
}
|
|
123
|
+
function H() {
|
|
124
|
+
g(ae), m("enter");
|
|
125
|
+
}
|
|
126
|
+
function J() {
|
|
127
|
+
S();
|
|
124
128
|
}
|
|
125
129
|
function K() {
|
|
126
|
-
|
|
130
|
+
m("leave");
|
|
127
131
|
}
|
|
128
132
|
function X() {
|
|
129
|
-
|
|
133
|
+
S(), le();
|
|
130
134
|
}
|
|
131
135
|
function Y() {
|
|
132
|
-
O("leave");
|
|
133
|
-
}
|
|
134
|
-
function Z() {
|
|
135
|
-
M(), ce();
|
|
136
|
-
}
|
|
137
|
-
function ee() {
|
|
138
136
|
o.animating = !0;
|
|
139
137
|
}
|
|
140
|
-
function
|
|
138
|
+
function S() {
|
|
141
139
|
o.animating = !1;
|
|
142
140
|
}
|
|
143
|
-
function
|
|
144
|
-
return
|
|
141
|
+
function l() {
|
|
142
|
+
return e.anchor ? _e(e.anchor) : null;
|
|
145
143
|
}
|
|
146
|
-
function
|
|
147
|
-
|
|
144
|
+
function Z(t) {
|
|
145
|
+
e.persistent && t.preventDefault();
|
|
148
146
|
}
|
|
149
|
-
function
|
|
150
|
-
var
|
|
151
|
-
if (
|
|
152
|
-
|
|
147
|
+
function ee(t) {
|
|
148
|
+
var F;
|
|
149
|
+
if (e.persistent) {
|
|
150
|
+
t.preventDefault();
|
|
153
151
|
return;
|
|
154
152
|
}
|
|
155
153
|
let i = !1;
|
|
156
|
-
|
|
157
|
-
const n =
|
|
158
|
-
if ((
|
|
159
|
-
|
|
154
|
+
t.defaultPrevented || t.detail.originalEvent.type === "pointerdown" && (i = !0);
|
|
155
|
+
const n = t.detail.originalEvent.target;
|
|
156
|
+
if ((F = l()) == null ? void 0 : F.contains(n)) {
|
|
157
|
+
t.preventDefault();
|
|
160
158
|
return;
|
|
161
159
|
}
|
|
162
|
-
|
|
160
|
+
t.detail.originalEvent.type === "focusin" && i && t.preventDefault();
|
|
163
161
|
}
|
|
164
|
-
function
|
|
165
|
-
|
|
162
|
+
function te() {
|
|
163
|
+
c();
|
|
166
164
|
}
|
|
167
165
|
let p;
|
|
168
|
-
function
|
|
169
|
-
const
|
|
170
|
-
if (
|
|
171
|
-
switch (p = new MutationObserver(
|
|
166
|
+
function ne() {
|
|
167
|
+
const t = l();
|
|
168
|
+
if (t)
|
|
169
|
+
switch (p = new MutationObserver(a), p.observe(t, {
|
|
172
170
|
attributes: !1,
|
|
173
171
|
childList: !0,
|
|
174
172
|
characterData: !0,
|
|
175
173
|
subtree: !0
|
|
176
|
-
}),
|
|
174
|
+
}), e.trigger) {
|
|
177
175
|
case "click":
|
|
178
|
-
|
|
176
|
+
t.addEventListener("click", w);
|
|
179
177
|
break;
|
|
180
178
|
case "hover":
|
|
181
|
-
|
|
179
|
+
t.addEventListener("mouseenter", O), t.addEventListener("mouseleave", c), t.addEventListener("focusin", w), t.addEventListener("focusout", c);
|
|
182
180
|
break;
|
|
183
181
|
}
|
|
184
182
|
}
|
|
185
|
-
function
|
|
186
|
-
const
|
|
187
|
-
if (
|
|
188
|
-
switch (p == null || p.disconnect(),
|
|
183
|
+
function oe() {
|
|
184
|
+
const t = l();
|
|
185
|
+
if (t)
|
|
186
|
+
switch (p == null || p.disconnect(), e.trigger) {
|
|
189
187
|
case "click":
|
|
190
|
-
|
|
188
|
+
t.removeEventListener("click", w);
|
|
191
189
|
break;
|
|
192
190
|
case "hover":
|
|
193
|
-
|
|
191
|
+
t.removeEventListener("mouseenter", O), t.removeEventListener("mouseleave", c), t.removeEventListener("focusin", w), t.removeEventListener("focusout", c);
|
|
194
192
|
break;
|
|
195
193
|
}
|
|
196
194
|
}
|
|
197
|
-
function
|
|
198
|
-
window.addEventListener("resize",
|
|
195
|
+
function ie() {
|
|
196
|
+
window.addEventListener("resize", a), e.scrollLock || window.addEventListener("scroll", a);
|
|
199
197
|
}
|
|
200
|
-
function
|
|
201
|
-
window.removeEventListener("resize",
|
|
198
|
+
function re() {
|
|
199
|
+
window.removeEventListener("resize", a), e.scrollLock || window.removeEventListener("scroll", a);
|
|
202
200
|
}
|
|
203
201
|
let E;
|
|
204
|
-
function
|
|
205
|
-
|
|
202
|
+
function A() {
|
|
203
|
+
l() ? (a(), E = window.setTimeout(A, 100)) : c();
|
|
206
204
|
}
|
|
207
|
-
function
|
|
208
|
-
var
|
|
209
|
-
|
|
205
|
+
function ae() {
|
|
206
|
+
var t;
|
|
207
|
+
d.value || (ie(), e.spy ? A() : a()), (d.value || e.trigger === "click") && !e.initialFocus && !e.focusWithinOnActivate && ((t = V.value) == null || t.focus());
|
|
210
208
|
}
|
|
211
|
-
function
|
|
212
|
-
|
|
209
|
+
function le() {
|
|
210
|
+
d.value || re(), e.spy && (clearTimeout(E), E = void 0);
|
|
213
211
|
}
|
|
214
|
-
return
|
|
215
|
-
g(
|
|
216
|
-
}),
|
|
217
|
-
|
|
212
|
+
return ue(() => {
|
|
213
|
+
g(ne);
|
|
214
|
+
}), ce(oe), (t, i) => (u(), k(
|
|
215
|
+
de,
|
|
218
216
|
null,
|
|
219
217
|
[
|
|
220
|
-
(u(),
|
|
221
|
-
disabled: !
|
|
222
|
-
to:
|
|
218
|
+
(u(), B(fe, {
|
|
219
|
+
disabled: !N.value,
|
|
220
|
+
to: e.attach
|
|
223
221
|
}, [
|
|
224
|
-
b(
|
|
222
|
+
b($, {
|
|
225
223
|
name: "fade",
|
|
226
224
|
appear: ""
|
|
227
225
|
}, {
|
|
228
226
|
default: L(() => [
|
|
229
|
-
|
|
227
|
+
T.value ? (u(), k(
|
|
230
228
|
"div",
|
|
231
229
|
{
|
|
232
230
|
key: 0,
|
|
233
|
-
class:
|
|
234
|
-
|
|
231
|
+
class: M([
|
|
232
|
+
e.backdropClass,
|
|
235
233
|
"q-overlay__underlay",
|
|
236
|
-
{ "q-overlay__underlay--blur":
|
|
234
|
+
{ "q-overlay__underlay--blur": e.backdropBlur }
|
|
237
235
|
]),
|
|
238
|
-
onMousedown: i[0] || (i[0] =
|
|
236
|
+
onMousedown: i[0] || (i[0] = pe(() => {
|
|
239
237
|
}, ["prevent"]))
|
|
240
238
|
},
|
|
241
239
|
null,
|
|
242
240
|
34
|
|
243
241
|
/* CLASS, NEED_HYDRATION */
|
|
244
|
-
)) :
|
|
242
|
+
)) : v("v-if", !0)
|
|
245
243
|
]),
|
|
246
244
|
_: 1
|
|
247
245
|
/* STABLE */
|
|
248
246
|
}),
|
|
249
|
-
b(
|
|
250
|
-
name:
|
|
247
|
+
b($, {
|
|
248
|
+
name: e.transition,
|
|
251
249
|
appear: "",
|
|
252
|
-
onEnter:
|
|
253
|
-
onAfterEnter:
|
|
254
|
-
onLeave:
|
|
255
|
-
onAfterLeave:
|
|
250
|
+
onEnter: H,
|
|
251
|
+
onAfterEnter: J,
|
|
252
|
+
onLeave: K,
|
|
253
|
+
onAfterLeave: X
|
|
256
254
|
}, {
|
|
257
255
|
default: L(() => [
|
|
258
|
-
|
|
256
|
+
e.modelValue ? (u(), k("div", {
|
|
259
257
|
key: 0,
|
|
260
|
-
id:
|
|
258
|
+
id: e.id,
|
|
261
259
|
ref_key: "overlayContainerRef",
|
|
262
260
|
ref: h,
|
|
263
261
|
tabindex: "-1",
|
|
264
|
-
class:
|
|
265
|
-
style:
|
|
262
|
+
class: M(Q.value),
|
|
263
|
+
style: W(j.value)
|
|
266
264
|
}, [
|
|
267
|
-
b(C(
|
|
268
|
-
onDismiss:
|
|
269
|
-
onInteractOutside:
|
|
270
|
-
onPointerDownOutside:
|
|
265
|
+
b(C(he), {
|
|
266
|
+
onDismiss: te,
|
|
267
|
+
onInteractOutside: ee,
|
|
268
|
+
onPointerDownOutside: Z
|
|
271
269
|
}, {
|
|
272
270
|
default: L(() => [
|
|
273
|
-
h.value ? (u(),
|
|
271
|
+
h.value ? (u(), B(C(ge), {
|
|
274
272
|
key: 0,
|
|
275
|
-
active: !
|
|
276
|
-
"initial-focus":
|
|
277
|
-
"focus-within-on-activate":
|
|
278
|
-
"closing-focus":
|
|
279
|
-
"return-focus-on-deactivate":
|
|
273
|
+
active: !e.nonModal && e.modelValue && e.focusWrap,
|
|
274
|
+
"initial-focus": e.initialFocus,
|
|
275
|
+
"focus-within-on-activate": e.focusWithinOnActivate,
|
|
276
|
+
"closing-focus": e.closingFocus,
|
|
277
|
+
"return-focus-on-deactivate": e.returnFocusOnDeactivate
|
|
280
278
|
}, {
|
|
281
279
|
default: L(() => [
|
|
282
|
-
|
|
280
|
+
ve("div", me({
|
|
283
281
|
ref_key: "overlayRef",
|
|
284
|
-
ref:
|
|
282
|
+
ref: V,
|
|
285
283
|
class: "q-overlay__content",
|
|
286
284
|
tabindex: "-1",
|
|
287
|
-
role:
|
|
288
|
-
},
|
|
289
|
-
|
|
285
|
+
role: T.value ? "dialog" : void 0
|
|
286
|
+
}, t.$attrs), [
|
|
287
|
+
e.arrow ? (u(), k(
|
|
290
288
|
"div",
|
|
291
289
|
{
|
|
292
290
|
key: 0,
|
|
@@ -294,29 +292,29 @@ const Te = ["id"], Oe = ["role"], Ve = /* @__PURE__ */ ue({
|
|
|
294
292
|
ref: y,
|
|
295
293
|
role: "presentation",
|
|
296
294
|
class: "q-overlay__arrow",
|
|
297
|
-
style:
|
|
295
|
+
style: W(G.value)
|
|
298
296
|
},
|
|
299
297
|
null,
|
|
300
298
|
4
|
|
301
299
|
/* STYLE */
|
|
302
|
-
)) :
|
|
303
|
-
|
|
304
|
-
], 16,
|
|
300
|
+
)) : v("v-if", !0),
|
|
301
|
+
ye(t.$slots, "default")
|
|
302
|
+
], 16, be)
|
|
305
303
|
]),
|
|
306
304
|
_: 3
|
|
307
305
|
/* FORWARDED */
|
|
308
|
-
}, 8, ["active", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate"])) :
|
|
306
|
+
}, 8, ["active", "initial-focus", "focus-within-on-activate", "closing-focus", "return-focus-on-deactivate"])) : v("v-if", !0)
|
|
309
307
|
]),
|
|
310
308
|
_: 3
|
|
311
309
|
/* FORWARDED */
|
|
312
310
|
})
|
|
313
|
-
], 14,
|
|
311
|
+
], 14, Be)) : v("v-if", !0)
|
|
314
312
|
]),
|
|
315
313
|
_: 3
|
|
316
314
|
/* FORWARDED */
|
|
317
315
|
}, 8, ["name"])
|
|
318
316
|
], 8, ["disabled", "to"])),
|
|
319
|
-
|
|
317
|
+
U.value ? (u(), B(C(we), { key: 0 })) : v("v-if", !0)
|
|
320
318
|
],
|
|
321
319
|
64
|
|
322
320
|
/* STABLE_FRAGMENT */
|
|
@@ -324,5 +322,5 @@ const Te = ["id"], Oe = ["role"], Ve = /* @__PURE__ */ ue({
|
|
|
324
322
|
}
|
|
325
323
|
});
|
|
326
324
|
export {
|
|
327
|
-
|
|
325
|
+
Fe as default
|
|
328
326
|
};
|
|
@@ -1,38 +1,10 @@
|
|
|
1
1
|
declare const QOverlay: {
|
|
2
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
|
-
modelValue?: boolean;
|
|
4
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
5
|
-
anchor?: import('../../utils/getElement').Selector | null;
|
|
6
|
-
appearance?: import('./types').QOverlayAppearance;
|
|
7
|
-
arrow?: boolean;
|
|
8
|
-
backdropBlur?: boolean;
|
|
9
|
-
backdropClass?: string | unknown[];
|
|
10
|
-
offset?: number;
|
|
11
|
-
crossOffset?: number;
|
|
12
|
-
placement?: import('./types').QOverlayPlacement;
|
|
13
|
-
transition?: string;
|
|
14
|
-
width?: "auto" | "anchor";
|
|
15
|
-
centerVertically?: boolean;
|
|
16
|
-
attach?: string;
|
|
17
|
-
inline?: boolean;
|
|
18
|
-
delay?: number;
|
|
19
|
-
nonModal?: boolean;
|
|
20
|
-
scrollLock?: boolean;
|
|
21
|
-
persistent?: boolean;
|
|
22
|
-
spy?: boolean;
|
|
23
|
-
trigger?: import('./types').QOverlayTrigger;
|
|
24
|
-
focusWrap?: boolean;
|
|
25
|
-
initialFocus?: HTMLElement | string | null;
|
|
26
|
-
focusWithinOnActivate?: boolean;
|
|
27
|
-
closingFocus?: HTMLElement | string;
|
|
28
|
-
returnFocusOnDeactivate?: boolean;
|
|
29
|
-
}> & Readonly<{
|
|
30
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QOverlayProps> & Readonly<{
|
|
3
|
+
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
|
|
31
4
|
onEnter?: (() => any) | undefined;
|
|
32
5
|
onLeave?: (() => any) | undefined;
|
|
33
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
34
|
-
"update:modelValue": (
|
|
35
|
-
} & {
|
|
6
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
7
|
+
"update:modelValue": (val: boolean) => any;
|
|
36
8
|
enter: () => any;
|
|
37
9
|
leave: () => any;
|
|
38
10
|
}, import('vue').PublicProps, {
|
|
@@ -58,35 +30,8 @@ declare const QOverlay: {
|
|
|
58
30
|
C: {};
|
|
59
31
|
M: {};
|
|
60
32
|
Defaults: {};
|
|
61
|
-
}, Readonly<{
|
|
62
|
-
modelValue?: boolean;
|
|
63
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
64
|
-
anchor?: import('../../utils/getElement').Selector | null;
|
|
65
|
-
appearance?: import('./types').QOverlayAppearance;
|
|
66
|
-
arrow?: boolean;
|
|
67
|
-
backdropBlur?: boolean;
|
|
68
|
-
backdropClass?: string | unknown[];
|
|
69
|
-
offset?: number;
|
|
70
|
-
crossOffset?: number;
|
|
71
|
-
placement?: import('./types').QOverlayPlacement;
|
|
72
|
-
transition?: string;
|
|
73
|
-
width?: "auto" | "anchor";
|
|
74
|
-
centerVertically?: boolean;
|
|
75
|
-
attach?: string;
|
|
76
|
-
inline?: boolean;
|
|
77
|
-
delay?: number;
|
|
78
|
-
nonModal?: boolean;
|
|
79
|
-
scrollLock?: boolean;
|
|
80
|
-
persistent?: boolean;
|
|
81
|
-
spy?: boolean;
|
|
82
|
-
trigger?: import('./types').QOverlayTrigger;
|
|
83
|
-
focusWrap?: boolean;
|
|
84
|
-
initialFocus?: HTMLElement | string | null;
|
|
85
|
-
focusWithinOnActivate?: boolean;
|
|
86
|
-
closingFocus?: HTMLElement | string;
|
|
87
|
-
returnFocusOnDeactivate?: boolean;
|
|
88
|
-
}> & Readonly<{
|
|
89
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
33
|
+
}, Readonly<import('./types').QOverlayProps> & Readonly<{
|
|
34
|
+
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
|
|
90
35
|
onEnter?: (() => any) | undefined;
|
|
91
36
|
onLeave?: (() => any) | undefined;
|
|
92
37
|
}>, {}, {}, {}, {}, {
|
|
@@ -105,40 +50,12 @@ declare const QOverlay: {
|
|
|
105
50
|
__isFragment?: never;
|
|
106
51
|
__isTeleport?: never;
|
|
107
52
|
__isSuspense?: never;
|
|
108
|
-
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
109
|
-
modelValue?: boolean;
|
|
110
|
-
} & import('../../types/component').QBaseComponentProps & {
|
|
111
|
-
anchor?: import('../../utils/getElement').Selector | null;
|
|
112
|
-
appearance?: import('./types').QOverlayAppearance;
|
|
113
|
-
arrow?: boolean;
|
|
114
|
-
backdropBlur?: boolean;
|
|
115
|
-
backdropClass?: string | unknown[];
|
|
116
|
-
offset?: number;
|
|
117
|
-
crossOffset?: number;
|
|
118
|
-
placement?: import('./types').QOverlayPlacement;
|
|
119
|
-
transition?: string;
|
|
120
|
-
width?: "auto" | "anchor";
|
|
121
|
-
centerVertically?: boolean;
|
|
122
|
-
attach?: string;
|
|
123
|
-
inline?: boolean;
|
|
124
|
-
delay?: number;
|
|
125
|
-
nonModal?: boolean;
|
|
126
|
-
scrollLock?: boolean;
|
|
127
|
-
persistent?: boolean;
|
|
128
|
-
spy?: boolean;
|
|
129
|
-
trigger?: import('./types').QOverlayTrigger;
|
|
130
|
-
focusWrap?: boolean;
|
|
131
|
-
initialFocus?: HTMLElement | string | null;
|
|
132
|
-
focusWithinOnActivate?: boolean;
|
|
133
|
-
closingFocus?: HTMLElement | string;
|
|
134
|
-
returnFocusOnDeactivate?: boolean;
|
|
135
|
-
}> & Readonly<{
|
|
136
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
53
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./types').QOverlayProps> & Readonly<{
|
|
54
|
+
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
|
|
137
55
|
onEnter?: (() => any) | undefined;
|
|
138
56
|
onLeave?: (() => any) | undefined;
|
|
139
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
140
|
-
"update:modelValue": (
|
|
141
|
-
} & {
|
|
57
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
58
|
+
"update:modelValue": (val: boolean) => any;
|
|
142
59
|
enter: () => any;
|
|
143
60
|
leave: () => any;
|
|
144
61
|
}, string, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}
|
|
@@ -3,6 +3,12 @@ import { Appearance, Placement, Trigger } from '../../composables/overlay';
|
|
|
3
3
|
import { Selector } from '../../utils/getElement';
|
|
4
4
|
export type { Appearance as QOverlayAppearance, Trigger as QOverlayTrigger, Axis as QOverlayAxis, Side as QOverlaySide, Alignment as QOverlayAlignment, Placement as QOverlayPlacement } from '../../composables/overlay';
|
|
5
5
|
export type QOverlayProps = QBaseComponentProps & {
|
|
6
|
+
/**
|
|
7
|
+
* The value of the selected item.
|
|
8
|
+
*
|
|
9
|
+
* @category Content
|
|
10
|
+
*/
|
|
11
|
+
modelValue?: boolean;
|
|
6
12
|
/**
|
|
7
13
|
* The DOM element the overlay should be anchored to.
|
|
8
14
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,YAAY,EACX,UAAU,IAAI,kBAAkB,EAChC,OAAO,IAAI,eAAe,EAC1B,IAAI,IAAI,YAAY,EACpB,IAAI,IAAI,YAAY,EACpB,SAAS,IAAI,iBAAiB,EAC9B,SAAS,IAAI,iBAAiB,EAC9B,MAAM,2BAA2B,CAAA;AAElC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAExB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;;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,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;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;CACjC,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,YAAY,EACX,UAAU,IAAI,kBAAkB,EAChC,OAAO,IAAI,eAAe,EAC1B,IAAI,IAAI,YAAY,EACpB,IAAI,IAAI,YAAY,EACpB,SAAS,IAAI,iBAAiB,EAC9B,SAAS,IAAI,iBAAiB,EAC9B,MAAM,2BAA2B,CAAA;AAElC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAExB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEzB;;;;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,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;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;CACjC,CAAA"}
|