@quidgest/ui 0.15.0 → 0.15.2
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/ui.css +40 -71
- package/dist/ui.esm.js +2578 -2568
- package/dist/ui.js +4 -4
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +42 -41
- package/dist/ui.scss +13 -31
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +95 -90
- package/esm/components/QOverlay/index.d.ts +3 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +4 -0
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +14 -13
- package/esm/components/QPopover/QPopover.d.ts +3 -1
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +44 -32
- package/esm/components/QPopover/index.d.ts +6 -4
- package/esm/components/QPopover/index.d.ts.map +1 -1
- package/esm/components/QPopover/types.d.ts +1 -1
- package/esm/components/QPopover/types.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +27 -27
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.15.
|
|
2
|
+
* Quidgest UI v0.15.2
|
|
3
3
|
* (c) 2025 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -10,20 +10,14 @@
|
|
|
10
10
|
box-sizing: border-box;
|
|
11
11
|
}
|
|
12
12
|
html {
|
|
13
|
-
|
|
14
13
|
font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
|
|
15
|
-
'Segoe UI Emoji';
|
|
14
|
+
'Segoe UI Emoji';
|
|
16
15
|
line-height: 1.15;
|
|
17
16
|
-webkit-text-size-adjust: 100%;
|
|
18
|
-
-moz-tab-size: 4;
|
|
19
17
|
tab-size: 4;
|
|
20
18
|
}
|
|
21
19
|
body {
|
|
22
|
-
margin: 0;
|
|
23
|
-
}
|
|
24
|
-
hr {
|
|
25
|
-
height: 0;
|
|
26
|
-
color: inherit;
|
|
20
|
+
margin: 0;
|
|
27
21
|
}
|
|
28
22
|
b,
|
|
29
23
|
strong {
|
|
@@ -53,8 +47,7 @@ sup {
|
|
|
53
47
|
top: -0.5em;
|
|
54
48
|
}
|
|
55
49
|
table {
|
|
56
|
-
|
|
57
|
-
border-color: inherit;
|
|
50
|
+
border-color: currentcolor;
|
|
58
51
|
}
|
|
59
52
|
button,
|
|
60
53
|
input,
|
|
@@ -67,25 +60,11 @@ textarea {
|
|
|
67
60
|
margin: 0;
|
|
68
61
|
}
|
|
69
62
|
button,
|
|
70
|
-
select {
|
|
71
|
-
text-transform: none;
|
|
72
|
-
}
|
|
73
|
-
button,
|
|
74
63
|
[type='button'],
|
|
75
64
|
[type='reset'],
|
|
76
65
|
[type='submit'] {
|
|
77
66
|
-webkit-appearance: button;
|
|
78
67
|
}
|
|
79
|
-
::-moz-focus-inner {
|
|
80
|
-
border-style: none;
|
|
81
|
-
padding: 0;
|
|
82
|
-
}
|
|
83
|
-
:-moz-focusring {
|
|
84
|
-
outline: 1px dotted ButtonText;
|
|
85
|
-
}
|
|
86
|
-
:-moz-ui-invalid {
|
|
87
|
-
box-shadow: none;
|
|
88
|
-
}
|
|
89
68
|
legend {
|
|
90
69
|
padding: 0;
|
|
91
70
|
}
|
|
@@ -107,6 +86,9 @@ progress {
|
|
|
107
86
|
-webkit-appearance: button;
|
|
108
87
|
font: inherit;
|
|
109
88
|
}
|
|
89
|
+
summary {
|
|
90
|
+
display: list-item;
|
|
91
|
+
}
|
|
110
92
|
[type='color'] {
|
|
111
93
|
-webkit-appearance: none;
|
|
112
94
|
appearance: none;
|
|
@@ -122,9 +104,6 @@ progress {
|
|
|
122
104
|
[type='color']::-moz-color-swatch {
|
|
123
105
|
border: 0;
|
|
124
106
|
}
|
|
125
|
-
summary {
|
|
126
|
-
display: list-item;
|
|
127
|
-
}
|
|
128
107
|
$primary: var(--q-theme-primary);
|
|
129
108
|
$primary-rgb: var(--q-theme-primary-rgb);
|
|
130
109
|
$primary-light: var(--q-theme-primary-light);
|
|
@@ -1749,11 +1728,10 @@ $arrow-tip-radius: 0.1rem;
|
|
|
1749
1728
|
.q-popover {
|
|
1750
1729
|
.q-overlay__content {
|
|
1751
1730
|
position: relative;
|
|
1752
|
-
z-index: 1070;
|
|
1753
1731
|
display: flex;
|
|
1754
1732
|
flex-direction: column;
|
|
1755
|
-
gap: $space-base * 2;
|
|
1756
1733
|
max-width: 276px;
|
|
1734
|
+
gap: $space-base * 2;
|
|
1757
1735
|
padding: $space-base * 4;
|
|
1758
1736
|
font-size: calc($font-size-base * 0.9);
|
|
1759
1737
|
line-height: 1.5;
|
|
@@ -1764,8 +1742,12 @@ $arrow-tip-radius: 0.1rem;
|
|
|
1764
1742
|
line-break: auto;
|
|
1765
1743
|
}
|
|
1766
1744
|
&__header {
|
|
1745
|
+
display: flex;
|
|
1746
|
+
align-items: center;
|
|
1747
|
+
gap: $space-base;
|
|
1748
|
+
}
|
|
1749
|
+
&__title {
|
|
1767
1750
|
margin: 0;
|
|
1768
|
-
border-radius: 0.25rem;
|
|
1769
1751
|
font-size: $font-size-base;
|
|
1770
1752
|
}
|
|
1771
1753
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA0CA;
|
|
1
|
+
{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA0CA;AAycC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAqZlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsGT,OAAO,IAA6B;;yBAbpB,GAAG;;;;;;;EAkBhC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QRemoveScrollBar as
|
|
3
|
-
import { getSideFromPlacement as
|
|
1
|
+
import { defineComponent as ee, mergeModels as $, useModel as te, computed as d, reactive as M, watch as k, ref as R, nextTick as y, onMounted as ne, onBeforeUnmount as oe, createElementBlock as g, openBlock as u, Fragment as re, createBlock as V, createCommentVNode as L, Teleport as ie, createVNode as ae, normalizeClass as A, Transition as le, withCtx as se, normalizeStyle as z, createElementVNode as de, mergeProps as ce, withKeys as ue, renderSlot as fe, unref as me } from "vue";
|
|
2
|
+
import { QRemoveScrollBar as ve } from "../QRemoveScrollBar/index.js";
|
|
3
|
+
import { getSideFromPlacement as pe, computePosition as ye } from "../../composables/overlay.js";
|
|
4
4
|
import { useTheme as he } from "../../composables/theme.js";
|
|
5
|
-
import { getElement as
|
|
6
|
-
const
|
|
5
|
+
import { getElement as we } from "../../utils/getElement.js";
|
|
6
|
+
const ke = ["id"], ge = ["role"], be = /* @__PURE__ */ ee({
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "QOverlay",
|
|
9
|
-
props: /* @__PURE__ */
|
|
9
|
+
props: /* @__PURE__ */ $({
|
|
10
10
|
id: {},
|
|
11
11
|
class: {},
|
|
12
12
|
anchor: {},
|
|
@@ -26,179 +26,184 @@ const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
|
|
|
26
26
|
spy: { type: Boolean },
|
|
27
27
|
transition: { default: "fade" },
|
|
28
28
|
trigger: { default: "click" },
|
|
29
|
+
closeOnContentClick: { type: Boolean },
|
|
29
30
|
width: { default: "auto" }
|
|
30
31
|
}, {
|
|
31
32
|
modelValue: { type: Boolean },
|
|
32
33
|
modelModifiers: {}
|
|
33
34
|
}),
|
|
34
|
-
emits: /* @__PURE__ */
|
|
35
|
-
setup(
|
|
36
|
-
const t =
|
|
35
|
+
emits: /* @__PURE__ */ $(["enter", "leave"], ["update:modelValue"]),
|
|
36
|
+
setup(C, { emit: I }) {
|
|
37
|
+
const t = C, B = I, r = te(C, "modelValue"), { class: U } = he(), F = d(() => [
|
|
37
38
|
"q-overlay",
|
|
38
|
-
`q-overlay--${
|
|
39
|
-
|
|
39
|
+
`q-overlay--${pe(n.placement)}`,
|
|
40
|
+
U.value,
|
|
40
41
|
{
|
|
41
|
-
"q-overlay--independent":
|
|
42
|
+
"q-overlay--independent": f.value,
|
|
42
43
|
"q-overlay--inverted": t.appearance === "inverted"
|
|
43
44
|
},
|
|
44
45
|
t.class
|
|
45
|
-
]),
|
|
46
|
+
]), f = d(() => t.anchor === void 0), _ = d(() => (r.value || n.animating) && !t.nonModal), N = d(() => (r.value || n.animating) && t.scrollLock), n = M({
|
|
46
47
|
animating: !1,
|
|
47
48
|
top: 0,
|
|
48
49
|
left: 0,
|
|
49
50
|
width: 0,
|
|
50
51
|
placement: t.placement
|
|
51
|
-
}), i =
|
|
52
|
+
}), i = M({
|
|
52
53
|
top: void 0,
|
|
53
54
|
left: void 0,
|
|
54
55
|
hidden: !0
|
|
55
|
-
}),
|
|
56
|
+
}), P = d(() => n.top !== 0 && n.left !== 0);
|
|
56
57
|
k(r, () => n.animating = !0);
|
|
57
|
-
const K =
|
|
58
|
-
if (
|
|
59
|
-
const e =
|
|
58
|
+
const K = d(() => {
|
|
59
|
+
if (f.value) return;
|
|
60
|
+
const e = c(), s = t.width === "anchor", o = s ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
|
|
60
61
|
return {
|
|
61
62
|
top: `${n.top}px`,
|
|
62
63
|
left: `${n.left}px`,
|
|
63
64
|
width: o !== void 0 ? `${o}px` : void 0
|
|
64
65
|
};
|
|
65
|
-
}), Q =
|
|
66
|
+
}), Q = d(() => {
|
|
66
67
|
if (t.arrow)
|
|
67
68
|
return {
|
|
68
69
|
top: i.top !== void 0 ? `${i.top}px` : void 0,
|
|
69
70
|
left: i.left !== void 0 ? `${i.left}px` : void 0,
|
|
70
71
|
opacity: i.hidden ? 0 : 1
|
|
71
72
|
};
|
|
72
|
-
}),
|
|
73
|
+
}), h = R(null), m = R(null);
|
|
73
74
|
function a() {
|
|
74
|
-
const e =
|
|
75
|
-
if (!e || !
|
|
75
|
+
const e = c();
|
|
76
|
+
if (!e || !m.value)
|
|
76
77
|
return;
|
|
77
|
-
const
|
|
78
|
+
const s = {
|
|
78
79
|
placement: t.placement,
|
|
79
80
|
width: t.width,
|
|
80
81
|
offset: t.offset,
|
|
81
82
|
crossOffset: t.crossOffset,
|
|
82
83
|
arrow: t.arrow
|
|
83
|
-
}, o =
|
|
84
|
+
}, o = ye(
|
|
84
85
|
e,
|
|
85
|
-
|
|
86
|
-
(
|
|
87
|
-
|
|
86
|
+
m.value,
|
|
87
|
+
(h == null ? void 0 : h.value) ?? void 0,
|
|
88
|
+
s
|
|
88
89
|
);
|
|
89
90
|
n.left = o.overlayCoords.x, n.top = o.overlayCoords.y, n.placement = o.placement, i.hidden = o.arrowCoords === void 0, o.arrowCoords && (i.top = o.arrowCoords.y, i.left = o.arrowCoords.x);
|
|
90
91
|
}
|
|
91
92
|
k(
|
|
92
93
|
() => t.placement,
|
|
93
|
-
() =>
|
|
94
|
+
() => y(a)
|
|
94
95
|
);
|
|
95
|
-
let
|
|
96
|
-
function
|
|
96
|
+
let v;
|
|
97
|
+
function w() {
|
|
97
98
|
T(0);
|
|
98
99
|
}
|
|
99
|
-
function
|
|
100
|
+
function b() {
|
|
100
101
|
T(t.delay);
|
|
101
102
|
}
|
|
102
103
|
function T(e) {
|
|
103
|
-
|
|
104
|
+
v && x(), v = window.setTimeout(() => {
|
|
104
105
|
r.value = !0;
|
|
105
106
|
}, e);
|
|
106
107
|
}
|
|
107
|
-
function
|
|
108
|
-
if (
|
|
109
|
-
const e =
|
|
108
|
+
function l() {
|
|
109
|
+
if (v && x(), r.value = !1, t.anchor && t.trigger === "click") {
|
|
110
|
+
const e = c();
|
|
110
111
|
e == null || e.focus();
|
|
111
112
|
}
|
|
112
113
|
}
|
|
113
114
|
function x() {
|
|
114
|
-
clearTimeout(
|
|
115
|
+
clearTimeout(v), v = void 0;
|
|
115
116
|
}
|
|
116
|
-
k(
|
|
117
|
-
function
|
|
118
|
-
|
|
117
|
+
k(P, () => y(D));
|
|
118
|
+
function D() {
|
|
119
|
+
B("enter");
|
|
119
120
|
}
|
|
120
121
|
let S;
|
|
121
|
-
function
|
|
122
|
-
window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200),
|
|
122
|
+
function W() {
|
|
123
|
+
window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), B("leave");
|
|
123
124
|
}
|
|
124
|
-
function
|
|
125
|
-
return t.anchor ?
|
|
125
|
+
function c() {
|
|
126
|
+
return t.anchor ? we(t.anchor) : null;
|
|
126
127
|
}
|
|
127
|
-
let
|
|
128
|
-
function
|
|
129
|
-
const e =
|
|
128
|
+
let p;
|
|
129
|
+
function j() {
|
|
130
|
+
const e = c();
|
|
130
131
|
if (e)
|
|
131
|
-
switch (
|
|
132
|
+
switch (p = new MutationObserver(a), p.observe(e, {
|
|
132
133
|
attributes: !1,
|
|
133
134
|
childList: !0,
|
|
134
135
|
characterData: !0,
|
|
135
136
|
subtree: !0
|
|
136
137
|
}), t.trigger) {
|
|
137
138
|
case "click":
|
|
138
|
-
e.addEventListener("click",
|
|
139
|
+
e.addEventListener("click", w);
|
|
139
140
|
break;
|
|
140
141
|
case "hover":
|
|
141
|
-
e.addEventListener("mouseenter",
|
|
142
|
+
e.addEventListener("mouseenter", b), e.addEventListener("mouseleave", l), e.addEventListener("focusin", w), e.addEventListener("focusout", l);
|
|
142
143
|
break;
|
|
143
144
|
}
|
|
144
145
|
}
|
|
145
|
-
function
|
|
146
|
-
const e =
|
|
146
|
+
function G() {
|
|
147
|
+
const e = c();
|
|
147
148
|
if (e)
|
|
148
|
-
switch (
|
|
149
|
+
switch (p == null || p.disconnect(), t.trigger) {
|
|
149
150
|
case "click":
|
|
150
|
-
e.removeEventListener("click",
|
|
151
|
+
e.removeEventListener("click", w);
|
|
151
152
|
break;
|
|
152
153
|
case "hover":
|
|
153
|
-
e.removeEventListener("mouseenter",
|
|
154
|
+
e.removeEventListener("mouseenter", b), e.removeEventListener("mouseleave", l), e.removeEventListener("focusin", w), e.removeEventListener("focusout", l);
|
|
154
155
|
break;
|
|
155
156
|
}
|
|
156
157
|
}
|
|
157
|
-
function
|
|
158
|
+
function H() {
|
|
158
159
|
window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
|
|
159
160
|
}
|
|
160
|
-
function
|
|
161
|
+
function J() {
|
|
161
162
|
window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
|
|
162
163
|
}
|
|
163
164
|
let E;
|
|
164
165
|
function q() {
|
|
165
|
-
|
|
166
|
+
c() ? (a(), E = window.setTimeout(q, 100)) : l();
|
|
166
167
|
}
|
|
167
|
-
function
|
|
168
|
-
|
|
168
|
+
function X() {
|
|
169
|
+
f.value || (H(), t.spy ? q() : a()), (f.value || t.trigger === "click") && y(() => {
|
|
169
170
|
var e;
|
|
170
|
-
return (e =
|
|
171
|
+
return (e = m.value) == null ? void 0 : e.focus();
|
|
171
172
|
});
|
|
172
173
|
}
|
|
173
|
-
function
|
|
174
|
-
|
|
174
|
+
function O() {
|
|
175
|
+
f.value || J(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
|
|
176
|
+
}
|
|
177
|
+
function Y() {
|
|
178
|
+
t.persistent || l();
|
|
175
179
|
}
|
|
176
|
-
function
|
|
177
|
-
|
|
180
|
+
function Z(e) {
|
|
181
|
+
var s;
|
|
182
|
+
t.persistent || (t.closeOnContentClick || !((s = m.value) != null && s.contains(e.relatedTarget))) && l();
|
|
178
183
|
}
|
|
179
|
-
return
|
|
180
|
-
|
|
181
|
-
}),
|
|
182
|
-
|
|
184
|
+
return ne(() => {
|
|
185
|
+
y(j);
|
|
186
|
+
}), oe(() => {
|
|
187
|
+
G(), O();
|
|
183
188
|
}), k(
|
|
184
189
|
r,
|
|
185
190
|
(e) => {
|
|
186
|
-
|
|
191
|
+
y(() => e ? X() : O());
|
|
187
192
|
},
|
|
188
193
|
{ immediate: !0 }
|
|
189
|
-
), (e,
|
|
190
|
-
|
|
194
|
+
), (e, s) => (u(), g(
|
|
195
|
+
re,
|
|
191
196
|
null,
|
|
192
197
|
[
|
|
193
|
-
(
|
|
198
|
+
(u(), V(ie, {
|
|
194
199
|
disabled: !r.value && !n.animating || t.inline,
|
|
195
200
|
to: t.attach
|
|
196
201
|
}, [
|
|
197
|
-
|
|
202
|
+
_.value ? (u(), g(
|
|
198
203
|
"div",
|
|
199
204
|
{
|
|
200
205
|
key: 0,
|
|
201
|
-
class:
|
|
206
|
+
class: A([
|
|
202
207
|
t.backdropClass,
|
|
203
208
|
"q-overlay__underlay",
|
|
204
209
|
{ "q-overlay__underlay--blur": t.backdropBlur }
|
|
@@ -208,34 +213,34 @@ const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
|
|
|
208
213
|
2
|
|
209
214
|
/* CLASS */
|
|
210
215
|
)) : L("v-if", !0),
|
|
211
|
-
|
|
216
|
+
ae(le, {
|
|
212
217
|
name: t.transition,
|
|
213
218
|
appear: "",
|
|
214
|
-
onLeave:
|
|
219
|
+
onLeave: W
|
|
215
220
|
}, {
|
|
216
|
-
default:
|
|
217
|
-
r.value ? (
|
|
221
|
+
default: se(() => [
|
|
222
|
+
r.value ? (u(), g("div", {
|
|
218
223
|
key: 0,
|
|
219
224
|
id: t.id,
|
|
220
|
-
class:
|
|
225
|
+
class: A(F.value),
|
|
221
226
|
style: z(K.value)
|
|
222
227
|
}, [
|
|
223
|
-
|
|
228
|
+
de("div", ce({
|
|
224
229
|
ref_key: "overlayRef",
|
|
225
|
-
ref:
|
|
230
|
+
ref: m,
|
|
226
231
|
class: "q-overlay__content",
|
|
227
232
|
tabindex: "-1",
|
|
228
|
-
role:
|
|
233
|
+
role: _.value ? "dialog" : void 0
|
|
229
234
|
}, e.$attrs, {
|
|
230
|
-
onKeydown:
|
|
231
|
-
|
|
235
|
+
onKeydown: ue(Y, ["escape"]),
|
|
236
|
+
onFocusout: Z
|
|
232
237
|
}), [
|
|
233
|
-
t.arrow ? (
|
|
238
|
+
t.arrow ? (u(), g(
|
|
234
239
|
"div",
|
|
235
240
|
{
|
|
236
241
|
key: 0,
|
|
237
242
|
ref_key: "arrowRef",
|
|
238
|
-
ref:
|
|
243
|
+
ref: h,
|
|
239
244
|
role: "presentation",
|
|
240
245
|
class: "q-overlay__arrow",
|
|
241
246
|
style: z(Q.value)
|
|
@@ -244,15 +249,15 @@ const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
|
|
|
244
249
|
4
|
|
245
250
|
/* STYLE */
|
|
246
251
|
)) : L("v-if", !0),
|
|
247
|
-
|
|
248
|
-
], 16,
|
|
249
|
-
], 14,
|
|
252
|
+
fe(e.$slots, "default")
|
|
253
|
+
], 16, ge)
|
|
254
|
+
], 14, ke)) : L("v-if", !0)
|
|
250
255
|
]),
|
|
251
256
|
_: 3
|
|
252
257
|
/* FORWARDED */
|
|
253
258
|
}, 8, ["name"])
|
|
254
259
|
], 8, ["disabled", "to"])),
|
|
255
|
-
|
|
260
|
+
N.value ? (u(), V(me(ve), { key: 0 })) : L("v-if", !0)
|
|
256
261
|
],
|
|
257
262
|
64
|
|
258
263
|
/* STABLE_FRAGMENT */
|
|
@@ -20,6 +20,7 @@ declare const QOverlay: {
|
|
|
20
20
|
spy?: boolean;
|
|
21
21
|
transition?: string;
|
|
22
22
|
trigger?: import('../../composables/overlay').Trigger;
|
|
23
|
+
closeOnContentClick?: boolean;
|
|
23
24
|
width?: "auto" | "anchor";
|
|
24
25
|
}> & Readonly<{
|
|
25
26
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -70,6 +71,7 @@ declare const QOverlay: {
|
|
|
70
71
|
spy?: boolean;
|
|
71
72
|
transition?: string;
|
|
72
73
|
trigger?: import('../../composables/overlay').Trigger;
|
|
74
|
+
closeOnContentClick?: boolean;
|
|
73
75
|
width?: "auto" | "anchor";
|
|
74
76
|
}> & Readonly<{
|
|
75
77
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -109,6 +111,7 @@ declare const QOverlay: {
|
|
|
109
111
|
spy?: boolean;
|
|
110
112
|
transition?: string;
|
|
111
113
|
trigger?: import('../../composables/overlay').Trigger;
|
|
114
|
+
closeOnContentClick?: boolean;
|
|
112
115
|
width?: "auto" | "anchor";
|
|
113
116
|
}> & Readonly<{
|
|
114
117
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,QAAA,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,YAAY,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -78,6 +78,10 @@ export type QOverlayProps = QBaseComponentProps & {
|
|
|
78
78
|
* The method to trigger the overlay.
|
|
79
79
|
*/
|
|
80
80
|
trigger?: Trigger;
|
|
81
|
+
/**
|
|
82
|
+
* Whether to close the overlay when its content is clicked.
|
|
83
|
+
*/
|
|
84
|
+
closeOnContentClick?: boolean;
|
|
81
85
|
/**
|
|
82
86
|
* The width of the overlay.
|
|
83
87
|
* Either is automatic, based on the overlay content,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CACzB,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAElC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CACzB,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as i, withCtx as v, createElementVNode as
|
|
1
|
+
import { defineComponent as p, mergeModels as u, useModel as f, computed as h, createBlock as d, openBlock as r, unref as i, withCtx as v, createElementVNode as c, createElementBlock as y, createCommentVNode as m, createVNode as g, toDisplayString as B } from "vue";
|
|
2
2
|
import { QMeter as _ } from "../QMeter/index.js";
|
|
3
|
-
import { QOverlay as
|
|
4
|
-
import
|
|
5
|
-
const w = { class: "q-password-field__meter" },
|
|
3
|
+
import { QOverlay as k } from "../QOverlay/index.js";
|
|
4
|
+
import V from "./QPasswordFieldMessages.vue.js";
|
|
5
|
+
const w = { class: "q-password-field__meter" }, C = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "q-password-field__meter-score"
|
|
8
|
-
},
|
|
8
|
+
}, I = /* @__PURE__ */ p({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "QPasswordFieldMeterOverlay",
|
|
11
11
|
props: /* @__PURE__ */ u({
|
|
@@ -28,6 +28,7 @@ const w = { class: "q-password-field__meter" }, M = {
|
|
|
28
28
|
spy: { type: Boolean },
|
|
29
29
|
transition: {},
|
|
30
30
|
trigger: {},
|
|
31
|
+
closeOnContentClick: { type: Boolean },
|
|
31
32
|
width: {},
|
|
32
33
|
messages: {},
|
|
33
34
|
score: {},
|
|
@@ -53,7 +54,7 @@ const w = { class: "q-password-field__meter" }, M = {
|
|
|
53
54
|
}
|
|
54
55
|
return o.levels[o.levels.length - 1];
|
|
55
56
|
});
|
|
56
|
-
return (t, l) => (r(), d(i(
|
|
57
|
+
return (t, l) => (r(), d(i(k), {
|
|
57
58
|
modelValue: n.value,
|
|
58
59
|
"onUpdate:modelValue": l[0] || (l[0] = (e) => n.value = e),
|
|
59
60
|
trigger: "manual",
|
|
@@ -65,25 +66,25 @@ const w = { class: "q-password-field__meter" }, M = {
|
|
|
65
66
|
default: v(() => {
|
|
66
67
|
var e;
|
|
67
68
|
return [
|
|
68
|
-
|
|
69
|
-
s.value ? (r(), y("div",
|
|
69
|
+
c("div", w, [
|
|
70
|
+
s.value ? (r(), y("div", C, [
|
|
70
71
|
g(i(_), {
|
|
71
72
|
"model-value": o.score,
|
|
72
73
|
max: 1,
|
|
73
74
|
color: s.value.color
|
|
74
75
|
}, null, 8, ["model-value", "color"]),
|
|
75
|
-
|
|
76
|
+
c(
|
|
76
77
|
"span",
|
|
77
78
|
null,
|
|
78
79
|
B(s.value.label),
|
|
79
80
|
1
|
|
80
81
|
/* TEXT */
|
|
81
82
|
)
|
|
82
|
-
])) :
|
|
83
|
-
(e = t.messages) != null && e.length ? (r(), d(
|
|
83
|
+
])) : m("v-if", !0),
|
|
84
|
+
(e = t.messages) != null && e.length ? (r(), d(V, {
|
|
84
85
|
key: 1,
|
|
85
86
|
messages: t.messages
|
|
86
|
-
}, null, 8, ["messages"])) :
|
|
87
|
+
}, null, 8, ["messages"])) : m("v-if", !0)
|
|
87
88
|
])
|
|
88
89
|
];
|
|
89
90
|
}),
|
|
@@ -93,5 +94,5 @@ const w = { class: "q-password-field__meter" }, M = {
|
|
|
93
94
|
}
|
|
94
95
|
});
|
|
95
96
|
export {
|
|
96
|
-
|
|
97
|
+
I as default
|
|
97
98
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AAoCA;AA+DC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwFT,OAAO,IAA6B;;wBAbtB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAQnB,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"}
|