@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.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest UI v0.15.0
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
- text-indent: 0;
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;AAwZC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAoWlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsGT,OAAO,IAA6B;;yBAbpB,GAAG;;;;;;;EAkBhC;AAsBD,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
+ {"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 Z, mergeModels as R, useModel as ee, computed as l, reactive as O, watch as k, ref as V, nextTick as v, onMounted as te, onBeforeUnmount as ne, createElementBlock as g, openBlock as c, Fragment as oe, createBlock as A, createCommentVNode as L, Teleport as re, createVNode as ie, normalizeClass as U, Transition as ae, withCtx as le, normalizeStyle as z, createElementVNode as se, mergeProps as de, withKeys as ce, renderSlot as ue, unref as fe } from "vue";
2
- import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
3
- import { getSideFromPlacement as ve, computePosition as pe } from "../../composables/overlay.js";
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 ye } from "../../utils/getElement.js";
6
- const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
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__ */ R({
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__ */ R(["enter", "leave"], ["update:modelValue"]),
35
- setup(B, { emit: I }) {
36
- const t = B, _ = I, r = ee(B, "modelValue"), { class: N } = he(), P = l(() => [
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--${ve(n.placement)}`,
39
- N.value,
39
+ `q-overlay--${pe(n.placement)}`,
40
+ U.value,
40
41
  {
41
- "q-overlay--independent": u.value,
42
+ "q-overlay--independent": f.value,
42
43
  "q-overlay--inverted": t.appearance === "inverted"
43
44
  },
44
45
  t.class
45
- ]), u = l(() => t.anchor === void 0), b = l(() => (r.value || n.animating) && !t.nonModal), D = l(() => (r.value || n.animating) && t.scrollLock), n = O({
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 = O({
52
+ }), i = M({
52
53
  top: void 0,
53
54
  left: void 0,
54
55
  hidden: !0
55
- }), F = l(() => n.top !== 0 && n.left !== 0);
56
+ }), P = d(() => n.top !== 0 && n.left !== 0);
56
57
  k(r, () => n.animating = !0);
57
- const K = l(() => {
58
- if (u.value) return;
59
- const e = d(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
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 = l(() => {
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
- }), p = V(null), h = V(null);
73
+ }), h = R(null), m = R(null);
73
74
  function a() {
74
- const e = d();
75
- if (!e || !h.value)
75
+ const e = c();
76
+ if (!e || !m.value)
76
77
  return;
77
- const w = {
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 = pe(
84
+ }, o = ye(
84
85
  e,
85
- h.value,
86
- (p == null ? void 0 : p.value) ?? void 0,
87
- w
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
- () => v(a)
94
+ () => y(a)
94
95
  );
95
- let f;
96
- function y() {
96
+ let v;
97
+ function w() {
97
98
  T(0);
98
99
  }
99
- function C() {
100
+ function b() {
100
101
  T(t.delay);
101
102
  }
102
103
  function T(e) {
103
- f && x(), f = window.setTimeout(() => {
104
+ v && x(), v = window.setTimeout(() => {
104
105
  r.value = !0;
105
106
  }, e);
106
107
  }
107
- function s() {
108
- if (f && x(), r.value = !1, t.anchor && t.trigger === "click") {
109
- const e = d();
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(f), f = void 0;
115
+ clearTimeout(v), v = void 0;
115
116
  }
116
- k(F, () => v(W));
117
- function W() {
118
- _("enter");
117
+ k(P, () => y(D));
118
+ function D() {
119
+ B("enter");
119
120
  }
120
121
  let S;
121
- function j() {
122
- window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), _("leave");
122
+ function W() {
123
+ window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), B("leave");
123
124
  }
124
- function d() {
125
- return t.anchor ? ye(t.anchor) : null;
125
+ function c() {
126
+ return t.anchor ? we(t.anchor) : null;
126
127
  }
127
- let m;
128
- function G() {
129
- const e = d();
128
+ let p;
129
+ function j() {
130
+ const e = c();
130
131
  if (e)
131
- switch (m = new MutationObserver(a), m.observe(e, {
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", y);
139
+ e.addEventListener("click", w);
139
140
  break;
140
141
  case "hover":
141
- e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
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 H() {
146
- const e = d();
146
+ function G() {
147
+ const e = c();
147
148
  if (e)
148
- switch (m == null || m.disconnect(), t.trigger) {
149
+ switch (p == null || p.disconnect(), t.trigger) {
149
150
  case "click":
150
- e.removeEventListener("click", y);
151
+ e.removeEventListener("click", w);
151
152
  break;
152
153
  case "hover":
153
- e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
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 J() {
158
+ function H() {
158
159
  window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
159
160
  }
160
- function X() {
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
- d() ? (a(), E = window.setTimeout(q, 100)) : s();
166
+ c() ? (a(), E = window.setTimeout(q, 100)) : l();
166
167
  }
167
- function Y() {
168
- u.value || (J(), t.spy ? q() : a()), (u.value || t.trigger === "click") && v(() => {
168
+ function X() {
169
+ f.value || (H(), t.spy ? q() : a()), (f.value || t.trigger === "click") && y(() => {
169
170
  var e;
170
- return (e = h.value) == null ? void 0 : e.focus();
171
+ return (e = m.value) == null ? void 0 : e.focus();
171
172
  });
172
173
  }
173
- function $() {
174
- u.value || X(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
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 M() {
177
- t.persistent || s();
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 te(() => {
180
- v(G);
181
- }), ne(() => {
182
- H(), $();
184
+ return ne(() => {
185
+ y(j);
186
+ }), oe(() => {
187
+ G(), O();
183
188
  }), k(
184
189
  r,
185
190
  (e) => {
186
- v(() => e ? Y() : $());
191
+ y(() => e ? X() : O());
187
192
  },
188
193
  { immediate: !0 }
189
- ), (e, w) => (c(), g(
190
- oe,
194
+ ), (e, s) => (u(), g(
195
+ re,
191
196
  null,
192
197
  [
193
- (c(), A(re, {
198
+ (u(), V(ie, {
194
199
  disabled: !r.value && !n.animating || t.inline,
195
200
  to: t.attach
196
201
  }, [
197
- b.value ? (c(), g(
202
+ _.value ? (u(), g(
198
203
  "div",
199
204
  {
200
205
  key: 0,
201
- class: U([
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
- ie(ae, {
216
+ ae(le, {
212
217
  name: t.transition,
213
218
  appear: "",
214
- onLeave: j
219
+ onLeave: W
215
220
  }, {
216
- default: le(() => [
217
- r.value ? (c(), g("div", {
221
+ default: se(() => [
222
+ r.value ? (u(), g("div", {
218
223
  key: 0,
219
224
  id: t.id,
220
- class: U(P.value),
225
+ class: A(F.value),
221
226
  style: z(K.value)
222
227
  }, [
223
- se("div", de({
228
+ de("div", ce({
224
229
  ref_key: "overlayRef",
225
- ref: h,
230
+ ref: m,
226
231
  class: "q-overlay__content",
227
232
  tabindex: "-1",
228
- role: b.value ? "dialog" : void 0
233
+ role: _.value ? "dialog" : void 0
229
234
  }, e.$attrs, {
230
- onKeydown: ce(M, ["escape"]),
231
- onBlur: M
235
+ onKeydown: ue(Y, ["escape"]),
236
+ onFocusout: Z
232
237
  }), [
233
- t.arrow ? (c(), g(
238
+ t.arrow ? (u(), g(
234
239
  "div",
235
240
  {
236
241
  key: 0,
237
242
  ref_key: "arrowRef",
238
- ref: p,
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
- ue(e.$slots, "default")
248
- ], 16, ke)
249
- ], 14, we)) : L("v-if", !0)
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
- D.value ? (c(), A(fe(me), { key: 0 })) : L("v-if", !0)
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,YAAY,EAAE,aAAa,EAAE,CAAA"}
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 m, createElementBlock as y, createCommentVNode as c, createVNode as g, toDisplayString as B } from "vue";
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 V } from "../QOverlay/index.js";
4
- import k from "./QPasswordFieldMessages.vue.js";
5
- const w = { class: "q-password-field__meter" }, M = {
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
- }, N = /* @__PURE__ */ p({
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(V), {
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
- m("div", w, [
69
- s.value ? (r(), y("div", M, [
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
- m(
76
+ c(
76
77
  "span",
77
78
  null,
78
79
  B(s.value.label),
79
80
  1
80
81
  /* TEXT */
81
82
  )
82
- ])) : c("v-if", !0),
83
- (e = t.messages) != null && e.length ? (r(), d(k, {
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"])) : c("v-if", !0)
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
- N as default
97
+ I as default
97
98
  };
@@ -7,7 +7,9 @@ declare function __VLS_template(): {
7
7
  attrs: Partial<{}>;
8
8
  slots: {
9
9
  header?(_: {}): any;
10
- body?(_: {}): any;
10
+ 'header.prepend'?(_: {}): any;
11
+ 'header.append'?(_: {}): any;
12
+ default?(_: {}): any;
11
13
  };
12
14
  refs: {};
13
15
  rootEl: any;
@@ -1 +1 @@
1
- {"version":3,"file":"QPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPopover/QPopover.vue"],"names":[],"mappings":"AA6BA;AAwDC,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;WA0ET,OAAO,IAA6B;;wBAXtB,GAAG;sBACL,GAAG;;;;EAe5B;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"}
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"}