@1024pix/epreuves-components 2.7.0 → 2.8.1
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/Button.ce-D1_fAhqr.js +18 -0
- package/dist/{ButtonTooltip.ce-DEM9f3-P.js → ButtonTooltip.ce-BjlMn9Ez.js} +15 -15
- package/dist/Cross.ce.vue_vue_type_script_setup_true_lang-D7kq2waU.js +73 -0
- package/dist/{LLMMessage.ce-DwOPdJ8T.js → LLMMessage.ce-B4Tg1zsn.js} +2 -2
- package/dist/{Loading.ce-izx3gVg1.js → Loading.ce-S-dh_E78.js} +1 -1
- package/dist/{NavigationButton.ce-D6OhsRmN.js → NavigationButton.ce-DRBC3gta.js} +2 -2
- package/dist/{Retry-ByvFpG1J.js → Retry-CoaWKuPG.js} +1 -1
- package/dist/{_plugin-vue_export-helper-BcRm04ZH.js → _plugin-vue_export-helper-BPDEgOal.js} +1711 -1618
- package/dist/components/calcul-impact.ce.js.js +42 -42
- package/dist/components/capacity-calculation.ce.js.js +70 -70
- package/dist/components/clickable-image.ce.js.js +14 -14
- package/dist/components/complete-phrase.ce.js.js +34 -34
- package/dist/components/flip-cards.ce.js.js +1 -1
- package/dist/components/image-quiz.ce.js.js +4 -3
- package/dist/components/image-quizzes.ce.js.js +18 -17
- package/dist/components/llm-compare-messages.ce.js.js +3 -3
- package/dist/components/llm-messages.ce.js.js +3 -3
- package/dist/components/llm-prompt-select.ce.js.js +1 -1
- package/dist/components/mdp-classement.ce.js.js +219 -0
- package/dist/components/message-conversation.ce.js.js +11 -11
- package/dist/components/mobile-shell.ce.js.js +1 -1
- package/dist/components/phishing-message.ce.js.js +61 -61
- package/dist/components/phishing-notification.ce.js.js +85 -85
- package/dist/components/pix-anonymisation.ce.js.js +85 -97
- package/dist/components/pix-article.ce.js.js +18 -18
- package/dist/components/pix-carousel.ce.js.js +86 -86
- package/dist/components/pix-cursor.ce.js.js +50 -50
- package/dist/components/qcm-deepfake.ce.js.js +55 -55
- package/dist/components/quiz-stepper.ce.js.js +105 -113
- package/dist/components/select-conversation.ce.js.js +41 -41
- package/dist/components/template-mail.ce.js.js +165 -0
- package/dist/components/test-top-mdp.ce.js.js +146 -0
- package/dist/components/trouver-mdp-rs.ce.js.js +758 -0
- package/dist/{i18n-DTnP_5xC.js → i18n-BuCPzaih.js} +9 -9
- package/dist/i18n-lite-DBVKHY8J.js +86 -0
- package/dist/image-quiz.ce-CXOFcx1H.js +182 -0
- package/dist/index.js +9 -5
- package/dist/metadata.js +38 -22
- package/dist/schema.js +86 -40
- package/dist/{shadow-dom-C8cgdiLH.js → shadow-dom-By5w43W7.js} +1 -1
- package/dist/shuffled-B8VGTceh.js +19 -0
- package/package.json +1 -1
- package/dist/image-quiz.ce-DWyp9j81.js +0 -242
|
@@ -0,0 +1,758 @@
|
|
|
1
|
+
import { r as g, P as ge, Q as M, i as be, y as u, R as N, S as he, T as _e, d as z, j as O, c as k, o as p, l as H, a as o, e as A, B as C, H as ye, k as w, n as U, K as T, t as v, _ as V, G as xe, F as X, E as L, b as we, A as ke, D as Ce, g as Be, h as D, v as Ae, m as Pe, f as Me } from "../_plugin-vue_export-helper-BPDEgOal.js";
|
|
2
|
+
import { u as Y, a as qe, i as G, b as Se } from "../i18n-BuCPzaih.js";
|
|
3
|
+
import { u as Le } from "../normalize-props-DtfVI0Xg.js";
|
|
4
|
+
import { _ as Z, a as Q, F as Te } from "../Cross.ce.vue_vue_type_script_setup_true_lang-D7kq2waU.js";
|
|
5
|
+
const ze = {
|
|
6
|
+
"trouver-mdp-rs": { submitButton: "Se connecter", retryButtonLabel: "Réessayer", feedback: { success: "Connexion réussie", failed: "Mauvaise réponse" }, userProfile: { subscriptions: "{count} abonnements", followers: "{count} abonnés" } }
|
|
7
|
+
}, oe = g([]), ie = g(null), re = g(null), se = g(null), le = g(null), f = ge({
|
|
8
|
+
current: ""
|
|
9
|
+
}), W = [], Ve = g(!1), P = M(oe), Re = M(ie), je = M(re), Ie = M(se), Fe = M(le), b = M(f), Ne = (e) => {
|
|
10
|
+
oe.value = e;
|
|
11
|
+
}, Ee = (e) => {
|
|
12
|
+
ie.value = e;
|
|
13
|
+
}, We = (e) => {
|
|
14
|
+
re.value = e;
|
|
15
|
+
}, Oe = (e) => {
|
|
16
|
+
se.value = e;
|
|
17
|
+
}, Ye = (e) => {
|
|
18
|
+
le.value = e;
|
|
19
|
+
}, de = (e = Re.value) => {
|
|
20
|
+
f.current = e;
|
|
21
|
+
const n = P.value.findIndex(
|
|
22
|
+
(a) => a.name === e
|
|
23
|
+
), t = P.value.map((a) => a.name);
|
|
24
|
+
for (let a = 0; a < t.length; a++) {
|
|
25
|
+
if (a > 0 && a < t.length - 1) {
|
|
26
|
+
const i = t[a] + "Minus", r = t[a] + "Plus";
|
|
27
|
+
f[i] = n <= a, f[r] = n >= a;
|
|
28
|
+
}
|
|
29
|
+
f[t[a]] = t[a] === e;
|
|
30
|
+
}
|
|
31
|
+
}, He = () => {
|
|
32
|
+
const e = Object.keys(f);
|
|
33
|
+
for (let n of e)
|
|
34
|
+
delete f[n];
|
|
35
|
+
de(), ce(), ue(), fe();
|
|
36
|
+
}, ce = (e = je.value) => {
|
|
37
|
+
f.orientation = e, f.isLandscape = e === "landscape", f.isPortrait = e === "portrait";
|
|
38
|
+
}, ue = (e = Ie.value || "light") => {
|
|
39
|
+
f.theme = e, f.isDark = e === "dark", f.isLight = e === "light";
|
|
40
|
+
}, fe = (e = Fe.value || "no-preference") => {
|
|
41
|
+
f.motionPreference = e, f.isMotion = e === "no-preference", f.isInert = e === "reduce";
|
|
42
|
+
};
|
|
43
|
+
function Ue() {
|
|
44
|
+
for (; W.length > 0; ) {
|
|
45
|
+
const e = W.shift();
|
|
46
|
+
if (e && typeof e == "object") {
|
|
47
|
+
const { mql: n, cb: t } = e;
|
|
48
|
+
n.addEventListener && typeof n.addEventListener == "function" ? n.removeEventListener("change", t) : n.removeListener(t);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
function Xe() {
|
|
53
|
+
return P.value.reduce(
|
|
54
|
+
(e, n, t, a) => {
|
|
55
|
+
const i = `(min-width: ${n.min}px)`, r = t < a.length - 1 ? `(max-width: ${a[t + 1].min - 1}px)` : null, s = i + (r ? " and " + r : "");
|
|
56
|
+
return Object.assign(e, {
|
|
57
|
+
[n.name]: s
|
|
58
|
+
});
|
|
59
|
+
},
|
|
60
|
+
{}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
function I(e, n) {
|
|
64
|
+
if (typeof window > "u" || !window.matchMedia) return !1;
|
|
65
|
+
if (typeof window < "u" && !window.matchMedia)
|
|
66
|
+
return console.error(
|
|
67
|
+
"Vue3 Mq: No MatchMedia support detected in this browser. Responsive breakpoints not available."
|
|
68
|
+
), !1;
|
|
69
|
+
{
|
|
70
|
+
Ve.value = !0;
|
|
71
|
+
const t = window.matchMedia(e), a = ({ matches: i }) => {
|
|
72
|
+
i && n();
|
|
73
|
+
};
|
|
74
|
+
W.push({ mql: t, cb: a }), t.addEventListener && typeof t.addEventListener == "function" ? t.addEventListener("change", a) : t.addListener(a), a(t);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
const B = (e) => P.value.some(
|
|
78
|
+
(n) => n.name === e
|
|
79
|
+
), K = (e, n) => {
|
|
80
|
+
const t = n.value.map((a) => a.name);
|
|
81
|
+
if (e) {
|
|
82
|
+
if (Array.isArray(e))
|
|
83
|
+
return e.filter((a) => B(a));
|
|
84
|
+
if (typeof e == "string" && /\w+\+$/.test(e)) {
|
|
85
|
+
if (e = e.replace(/\+$/, ""), B(e) === !1)
|
|
86
|
+
return console.error(
|
|
87
|
+
`Vue3 Mq: ${e} is not a valid breakpoint key. Invalid range.`
|
|
88
|
+
), t;
|
|
89
|
+
const a = n.value.findIndex((i) => i.name === e);
|
|
90
|
+
return n.value.slice(a).map((i) => i.name);
|
|
91
|
+
} else if (typeof e == "string" && /\w+-$/.test(e)) {
|
|
92
|
+
if (e = e.replace(/-$/, ""), B(e) === !1)
|
|
93
|
+
return console.error(
|
|
94
|
+
`Vue3 Mq: ${e} is not a valid breakpoint key. Invalid range.`
|
|
95
|
+
), t;
|
|
96
|
+
const a = n.value.findIndex((i) => i.name === e);
|
|
97
|
+
return n.value.slice(0, a + 1).map((i) => i.name);
|
|
98
|
+
} else if (typeof e == "string" && /^\w+-\w+$/.test(e)) {
|
|
99
|
+
const [a, i] = e.split("-");
|
|
100
|
+
if (B(a) === !1)
|
|
101
|
+
return console.error(
|
|
102
|
+
`Vue3 Mq: ${a} is not a valid breakpoint key. Invalid range.`
|
|
103
|
+
), t;
|
|
104
|
+
if (B(i) === !1)
|
|
105
|
+
return console.error(
|
|
106
|
+
`Vue3 Mq: ${i} is not a valid breakpoint key. Invalid range.`
|
|
107
|
+
), t;
|
|
108
|
+
const r = n.value.findIndex((l) => l.name === a), s = n.value.findIndex((l) => l.name === i);
|
|
109
|
+
return n.value.slice(r, s + 1).map((l) => l.name);
|
|
110
|
+
} else return typeof e == "string" && B(e) === !0 ? [e] : t;
|
|
111
|
+
} else return t;
|
|
112
|
+
}, J = (e, n) => {
|
|
113
|
+
const t = [];
|
|
114
|
+
return !e && !n ? ["landscape", "portrait"] : (e && t.push("landscape"), n && t.push("portrait"), t);
|
|
115
|
+
}, $ = (e, n) => {
|
|
116
|
+
const t = [];
|
|
117
|
+
return !n && !e ? ["light", "dark"] : (n && t.push("light"), e && t.push("dark"), t);
|
|
118
|
+
}, ee = (e, n) => {
|
|
119
|
+
const t = [];
|
|
120
|
+
return !e && !n ? ["reduce", "no-preference"] : (e && t.push("reduce"), n && t.push("no-preference"), t);
|
|
121
|
+
}, De = {
|
|
122
|
+
xs: 0,
|
|
123
|
+
sm: 576,
|
|
124
|
+
md: 768,
|
|
125
|
+
lg: 992,
|
|
126
|
+
xl: 1200,
|
|
127
|
+
xxl: 1400
|
|
128
|
+
}, Ge = {
|
|
129
|
+
xs: 0,
|
|
130
|
+
sm: 576,
|
|
131
|
+
md: 768,
|
|
132
|
+
lg: 992,
|
|
133
|
+
xl: 1200
|
|
134
|
+
}, Ze = {
|
|
135
|
+
xs: 0,
|
|
136
|
+
sm: 768,
|
|
137
|
+
md: 992,
|
|
138
|
+
lg: 1200
|
|
139
|
+
}, Qe = {
|
|
140
|
+
xs: 0,
|
|
141
|
+
sm: 600,
|
|
142
|
+
md: 960,
|
|
143
|
+
lg: 1280,
|
|
144
|
+
xl: 1920,
|
|
145
|
+
xxl: 2560
|
|
146
|
+
}, Ke = {
|
|
147
|
+
xs: 0,
|
|
148
|
+
sm: 600,
|
|
149
|
+
md: 960,
|
|
150
|
+
lg: 1264,
|
|
151
|
+
xl: 1904
|
|
152
|
+
}, Je = {
|
|
153
|
+
xs: 0,
|
|
154
|
+
sm: 640,
|
|
155
|
+
md: 768,
|
|
156
|
+
lg: 1024,
|
|
157
|
+
xl: 1280,
|
|
158
|
+
xxl: 1536
|
|
159
|
+
}, $e = {
|
|
160
|
+
phone: 0,
|
|
161
|
+
tablet: 768,
|
|
162
|
+
laptop: 1370,
|
|
163
|
+
desktop: 1906
|
|
164
|
+
}, et = {
|
|
165
|
+
mobile: 0,
|
|
166
|
+
small: 600,
|
|
167
|
+
medium: 782,
|
|
168
|
+
large: 960,
|
|
169
|
+
xlarge: 1080,
|
|
170
|
+
wide: 1280,
|
|
171
|
+
huge: 1440
|
|
172
|
+
}, E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
173
|
+
__proto__: null,
|
|
174
|
+
bootstrap3: Ze,
|
|
175
|
+
bootstrap4: Ge,
|
|
176
|
+
bootstrap5: De,
|
|
177
|
+
devices: $e,
|
|
178
|
+
tailwind: Je,
|
|
179
|
+
vuetify: Ke,
|
|
180
|
+
vuetify3: Qe,
|
|
181
|
+
wordpress: et
|
|
182
|
+
}, Symbol.toStringTag, { value: "Module" })), tt = (e) => {
|
|
183
|
+
if (typeof e == "string" && E[e]) return E[e];
|
|
184
|
+
{
|
|
185
|
+
const n = Object.keys(E);
|
|
186
|
+
return console.error(
|
|
187
|
+
`Vue3 Mq: "${e}" is not a valid preset. Available options are: ${n.join(
|
|
188
|
+
", "
|
|
189
|
+
)}`
|
|
190
|
+
), !1;
|
|
191
|
+
}
|
|
192
|
+
}, at = (e) => ["landscape", "portrait"].includes(e) === !1 ? (console.error(
|
|
193
|
+
`Vue3 Mq: "${e}" is not a valid default orientation. Reverting to unset value.`
|
|
194
|
+
), null) : e, nt = (e = null) => ["dark", "light"].includes(e) === !1 && e !== null ? (console.error(
|
|
195
|
+
`Vue3 Mq: "${e}" is not a valid default theme. Reverting to unset value.`
|
|
196
|
+
), null) : e, ot = (e = null) => ["no-preference", "reduce"].includes(e) === !1 && e !== null ? (console.error(
|
|
197
|
+
`Vue3 Mq: "${e}" is not a valid default motion preference. Reverting to unset value.`
|
|
198
|
+
), null) : e, te = (e) => {
|
|
199
|
+
if (!e || typeof e != "object") return !1;
|
|
200
|
+
const n = [];
|
|
201
|
+
for (let t in e) {
|
|
202
|
+
const a = parseFloat(e[t]);
|
|
203
|
+
if (!t || typeof t != "string") {
|
|
204
|
+
console.warn(
|
|
205
|
+
`Vue3 Mq: Invalid or missing breakpoint key (${JSON.stringify(
|
|
206
|
+
t
|
|
207
|
+
)}). Skipping.`
|
|
208
|
+
);
|
|
209
|
+
continue;
|
|
210
|
+
} else if (/^[^a-z]/i.test(t) || /[^a-zA-Z0-9_]/.test(t)) {
|
|
211
|
+
console.warn(
|
|
212
|
+
`Vue3 Mq: "${t}" is an invalid breakpoint key. Breakpoint keys must start with a letter and contain only alphanumeric characters and underscores. Skipping.`
|
|
213
|
+
);
|
|
214
|
+
continue;
|
|
215
|
+
} else if (!a && a !== 0 || isNaN(a) || a < 0) {
|
|
216
|
+
console.warn(
|
|
217
|
+
`Vue3 Mq: "${t}: ${e[t]}" is not a valid breakpoint. Breakpoints should be a number of zero or above. Skipping.`
|
|
218
|
+
);
|
|
219
|
+
continue;
|
|
220
|
+
}
|
|
221
|
+
n.push({
|
|
222
|
+
name: t,
|
|
223
|
+
min: a
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
return n.some(
|
|
227
|
+
(t) => t.min === 0
|
|
228
|
+
) || console.warn(
|
|
229
|
+
"Vue3 Mq: You have not declared a breakpoint with a minimum value of 0. There may be screen sizes to which Vue3Mq does not respond."
|
|
230
|
+
), new Set(
|
|
231
|
+
n.map((t) => t.min)
|
|
232
|
+
).size < n.length && console.warn(
|
|
233
|
+
"Vue3 Mq: Your breakpoint configuration contains duplicate values. Behaviour may be unpredictable."
|
|
234
|
+
), n.length === 0 ? !1 : n.sort((t, a) => t.min - a.min);
|
|
235
|
+
}, it = (e) => {
|
|
236
|
+
const n = e.split(":"), t = {};
|
|
237
|
+
for (let a of n)
|
|
238
|
+
/\D/.test(a) !== !1 && (["landscape", "portrait"].includes(a) ? t.slotOrientation = a : ["light", "dark"].includes(a) ? t.slotTheme = a : ["inert", "motion"].includes(a) ? t.slotMotion = a : t.slotBp = a);
|
|
239
|
+
return t;
|
|
240
|
+
}, rt = {
|
|
241
|
+
name: "fade",
|
|
242
|
+
mode: "out-in"
|
|
243
|
+
}, st = {
|
|
244
|
+
name: "MqResponsive",
|
|
245
|
+
props: {
|
|
246
|
+
/**
|
|
247
|
+
* Breakpoints to target when rendering component
|
|
248
|
+
*/
|
|
249
|
+
target: [String, Array],
|
|
250
|
+
/**
|
|
251
|
+
* Only render in a landscape view
|
|
252
|
+
*/
|
|
253
|
+
landscape: {
|
|
254
|
+
type: Boolean,
|
|
255
|
+
default: !1
|
|
256
|
+
},
|
|
257
|
+
/**
|
|
258
|
+
* Only render in a portrait view
|
|
259
|
+
*/
|
|
260
|
+
portrait: {
|
|
261
|
+
type: Boolean,
|
|
262
|
+
default: !1
|
|
263
|
+
},
|
|
264
|
+
/**
|
|
265
|
+
* Only render when dark mode is preferred
|
|
266
|
+
*/
|
|
267
|
+
dark: {
|
|
268
|
+
type: Boolean,
|
|
269
|
+
default: !1
|
|
270
|
+
},
|
|
271
|
+
/**
|
|
272
|
+
* Only render when light mode is preferred
|
|
273
|
+
*/
|
|
274
|
+
light: {
|
|
275
|
+
type: Boolean,
|
|
276
|
+
default: !1
|
|
277
|
+
},
|
|
278
|
+
/**
|
|
279
|
+
* Only render when reduced motion is preferred
|
|
280
|
+
*/
|
|
281
|
+
inert: {
|
|
282
|
+
type: Boolean,
|
|
283
|
+
default: !1
|
|
284
|
+
},
|
|
285
|
+
/**
|
|
286
|
+
* Only render when normal motion is preferred
|
|
287
|
+
*/
|
|
288
|
+
motion: {
|
|
289
|
+
type: Boolean,
|
|
290
|
+
default: !1
|
|
291
|
+
},
|
|
292
|
+
/**
|
|
293
|
+
* HTML tag to use when rendering
|
|
294
|
+
*/
|
|
295
|
+
tag: {
|
|
296
|
+
type: String,
|
|
297
|
+
default: "div"
|
|
298
|
+
},
|
|
299
|
+
/**
|
|
300
|
+
* When in group mode, the HTML tag to use on list items
|
|
301
|
+
*/
|
|
302
|
+
listTag: {
|
|
303
|
+
type: String,
|
|
304
|
+
default: "div"
|
|
305
|
+
},
|
|
306
|
+
/**
|
|
307
|
+
* Render items as part of a transition group
|
|
308
|
+
*/
|
|
309
|
+
group: {
|
|
310
|
+
type: Boolean,
|
|
311
|
+
default: !1
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
setup(e, { attrs: n, emit: t, slots: a }) {
|
|
315
|
+
const i = u(() => K(
|
|
316
|
+
e.target,
|
|
317
|
+
P
|
|
318
|
+
)), r = u(() => J(
|
|
319
|
+
e.landscape,
|
|
320
|
+
e.portrait
|
|
321
|
+
)), s = u(() => $(e.dark, e.light)), l = u(() => ee(e.inert, e.motion)), d = u(() => i.value.includes(b.current) && r.value.includes(b.orientation) && s.value.includes(b.theme) && l.value.includes(b.motionPreference)), m = (c) => {
|
|
322
|
+
if (!e.group && a.length > 0) return a;
|
|
323
|
+
const h = [];
|
|
324
|
+
for (let y in a) {
|
|
325
|
+
const { slotBp: _, slotOrientation: q, slotTheme: R, slotMotion: j } = it(y), F = u(() => K(
|
|
326
|
+
_,
|
|
327
|
+
P
|
|
328
|
+
)), S = u(() => J(
|
|
329
|
+
q === "landscape",
|
|
330
|
+
q === "portrait"
|
|
331
|
+
)), x = u(() => $(
|
|
332
|
+
R === "dark",
|
|
333
|
+
R === "light"
|
|
334
|
+
)), ve = u(() => ee(
|
|
335
|
+
j === "inert",
|
|
336
|
+
j === "motion"
|
|
337
|
+
));
|
|
338
|
+
u(() => F.value.includes(
|
|
339
|
+
b.current
|
|
340
|
+
) && S.value.includes(
|
|
341
|
+
b.orientation
|
|
342
|
+
) && x.value.includes(b.theme) && ve.value.includes(
|
|
343
|
+
b.motionPreference
|
|
344
|
+
)).value === !0 && h.push(
|
|
345
|
+
N(
|
|
346
|
+
c || a[y],
|
|
347
|
+
{ key: y },
|
|
348
|
+
c ? a[y]() : void 0
|
|
349
|
+
)
|
|
350
|
+
);
|
|
351
|
+
}
|
|
352
|
+
return h.length > 0 ? h : void 0;
|
|
353
|
+
};
|
|
354
|
+
return a.default ? () => d.value ? N(e.tag, { ...n }, a.default()) : void 0 : () => {
|
|
355
|
+
const c = Object.assign(
|
|
356
|
+
{},
|
|
357
|
+
rt,
|
|
358
|
+
n,
|
|
359
|
+
{ tag: e.tag }
|
|
360
|
+
), h = e.group ? he : _e;
|
|
361
|
+
return N(
|
|
362
|
+
h,
|
|
363
|
+
c,
|
|
364
|
+
() => m(e.listTag)
|
|
365
|
+
);
|
|
366
|
+
};
|
|
367
|
+
}
|
|
368
|
+
};
|
|
369
|
+
function ae({ breakpoints: e, preset: n }) {
|
|
370
|
+
const t = n ? tt(n) : !1, a = e ? te(e) : !1;
|
|
371
|
+
if (t === !1 && !a)
|
|
372
|
+
throw new TypeError(
|
|
373
|
+
"Vue3 Mq: You must provide a valid preset, or valid breakpoint settings."
|
|
374
|
+
);
|
|
375
|
+
Ne(
|
|
376
|
+
a || te(t)
|
|
377
|
+
), Ue(), He();
|
|
378
|
+
const i = Xe();
|
|
379
|
+
for (const r in i) {
|
|
380
|
+
const s = i[r];
|
|
381
|
+
I(s, () => {
|
|
382
|
+
de(r);
|
|
383
|
+
});
|
|
384
|
+
}
|
|
385
|
+
["portrait", "landscape"].forEach((r) => {
|
|
386
|
+
const s = () => {
|
|
387
|
+
ce(r);
|
|
388
|
+
};
|
|
389
|
+
I(`(orientation: ${r})`, s);
|
|
390
|
+
}), ["light", "dark"].forEach((r) => {
|
|
391
|
+
const s = () => {
|
|
392
|
+
ue(r);
|
|
393
|
+
};
|
|
394
|
+
I(`(prefers-color-scheme: ${r})`, s);
|
|
395
|
+
}), ["reduce", "no-preference"].forEach((r) => {
|
|
396
|
+
const s = () => {
|
|
397
|
+
fe(r);
|
|
398
|
+
};
|
|
399
|
+
I(`(prefers-reduced-motion: ${r})`, s);
|
|
400
|
+
});
|
|
401
|
+
}
|
|
402
|
+
function pe() {
|
|
403
|
+
const e = be("mq");
|
|
404
|
+
if (e)
|
|
405
|
+
return e;
|
|
406
|
+
throw new Error(
|
|
407
|
+
"Vue3Mq is not installed in this app. Please follow the installation instructions and try again."
|
|
408
|
+
);
|
|
409
|
+
}
|
|
410
|
+
const lt = (e, {
|
|
411
|
+
preset: n = "bootstrap5",
|
|
412
|
+
breakpoints: t,
|
|
413
|
+
defaultBreakpoint: a,
|
|
414
|
+
defaultOrientation: i = "landscape",
|
|
415
|
+
defaultMotion: r = "no-preference",
|
|
416
|
+
defaultTheme: s,
|
|
417
|
+
global: l = !1
|
|
418
|
+
} = {}) => {
|
|
419
|
+
try {
|
|
420
|
+
const d = at(i), m = nt(s), c = ot(r);
|
|
421
|
+
Ee(a), We(d), Oe(m), Ye(c), e.provide("mq", b), e.provide("updateBreakpoints", ae), l === !0 && (e.component("MqResponsive", st), e.config.globalProperties.$mq = b), ae({ breakpoints: t, preset: n });
|
|
422
|
+
} catch (d) {
|
|
423
|
+
console.error(d);
|
|
424
|
+
}
|
|
425
|
+
}, dt = {
|
|
426
|
+
install: lt
|
|
427
|
+
}, ct = "data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2017C0%207.61116%207.61116%200%2017%200C26.3888%200%2034%207.61116%2034%2017C34%2026.3888%2026.3888%2034%2017%2034C7.61116%2034%200%2026.3888%200%2017Z'%20fill='%232C75FF'/%3e%3cpath%20d='M17%2019.25V20.75M12.5%2023.75H21.5C21.8978%2023.75%2022.2794%2023.592%2022.5607%2023.3107C22.842%2023.0294%2023%2022.6478%2023%2022.25V17.75C23%2017.3522%2022.842%2016.9706%2022.5607%2016.6893C22.2794%2016.408%2021.8978%2016.25%2021.5%2016.25H12.5C12.1022%2016.25%2011.7206%2016.408%2011.4393%2016.6893C11.158%2016.9706%2011%2017.3522%2011%2017.75V22.25C11%2022.6478%2011.158%2023.0294%2011.4393%2023.3107C11.7206%2023.592%2012.1022%2023.75%2012.5%2023.75ZM20%2016.25V13.25C20%2012.4544%2019.6839%2011.6913%2019.1213%2011.1287C18.5587%2010.5661%2017.7956%2010.25%2017%2010.25C16.2044%2010.25%2015.4413%2010.5661%2014.8787%2011.1287C14.3161%2011.6913%2014%2012.4544%2014%2013.25V16.25H20Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ut = ["aria-level"], ft = ["src"], pt = { class: "login-form__field" }, mt = { class: "login-form__field__input-container is-disabled" }, vt = ["value"], gt = { class: "login-form__field" }, bt = ["readonly", "value"], ht = ["aria-disabled"], _t = /* @__PURE__ */ z({
|
|
428
|
+
__name: "LoginForm.ce",
|
|
429
|
+
props: {
|
|
430
|
+
feedback: { type: Object },
|
|
431
|
+
titleLevel: { type: Number },
|
|
432
|
+
validations: { type: Object }
|
|
433
|
+
},
|
|
434
|
+
emits: ["validate"],
|
|
435
|
+
setup(e, { expose: n, emit: t }) {
|
|
436
|
+
const { i18next: a, t: i } = Y(), r = pe(), s = O("input-password"), l = g(""), d = g(!1), m = u(() => e.validations.password.localeCompare(l.value, a.language, { sensitivity: "base" }) === 0), c = u(() => d.value && m.value), h = u(() => m.value ? e.feedback.success : e.feedback.failed), y = u(() => m.value ? i("trouver-mdp-rs.feedback.success") : i("trouver-mdp-rs.feedback.failed"));
|
|
437
|
+
function _(S) {
|
|
438
|
+
l.value = S.target.value, d.value = !1;
|
|
439
|
+
}
|
|
440
|
+
function q() {
|
|
441
|
+
d.value = !0, F("validate", { isPasswordOk: m });
|
|
442
|
+
}
|
|
443
|
+
function R() {
|
|
444
|
+
l.value = "", d.value = !1;
|
|
445
|
+
}
|
|
446
|
+
const j = u(() => r.phone);
|
|
447
|
+
n({
|
|
448
|
+
reset: R,
|
|
449
|
+
inputPasswordRef: s
|
|
450
|
+
});
|
|
451
|
+
const F = t;
|
|
452
|
+
return (S, x) => (p(), k("form", {
|
|
453
|
+
class: "login-form",
|
|
454
|
+
onSubmit: H(q, ["prevent"])
|
|
455
|
+
}, [
|
|
456
|
+
o("div", {
|
|
457
|
+
role: "heading",
|
|
458
|
+
"aria-level": e.titleLevel + 1,
|
|
459
|
+
class: "login-form__title"
|
|
460
|
+
}, [
|
|
461
|
+
o("img", {
|
|
462
|
+
src: w(ct),
|
|
463
|
+
alt: ""
|
|
464
|
+
}, null, 8, ft),
|
|
465
|
+
x[0] || (x[0] = ye(" Connexion ", -1))
|
|
466
|
+
], 8, ut),
|
|
467
|
+
o("div", pt, [
|
|
468
|
+
x[1] || (x[1] = o("label", { for: "user" }, "Identifiant", -1)),
|
|
469
|
+
o("div", mt, [
|
|
470
|
+
o("input", {
|
|
471
|
+
id: "user",
|
|
472
|
+
value: e.validations.user,
|
|
473
|
+
readonly: "",
|
|
474
|
+
class: "is-disabled"
|
|
475
|
+
}, null, 8, vt)
|
|
476
|
+
])
|
|
477
|
+
]),
|
|
478
|
+
o("div", gt, [
|
|
479
|
+
x[2] || (x[2] = o("label", { for: "password" }, "Mot de passe", -1)),
|
|
480
|
+
o("div", {
|
|
481
|
+
class: U(["login-form__field__input-container", {
|
|
482
|
+
"is-error": d.value && !m.value,
|
|
483
|
+
"is-success": c.value,
|
|
484
|
+
"is-disabled": c.value
|
|
485
|
+
}])
|
|
486
|
+
}, [
|
|
487
|
+
c.value ? (p(), A(Z, {
|
|
488
|
+
key: 0,
|
|
489
|
+
color: "#007740",
|
|
490
|
+
class: "login-form__field__feedback-icon",
|
|
491
|
+
"aria-hidden": "true"
|
|
492
|
+
})) : C("", !0),
|
|
493
|
+
d.value && !m.value ? (p(), A(Q, {
|
|
494
|
+
key: 1,
|
|
495
|
+
class: "login-form__field__feedback-icon",
|
|
496
|
+
color: "#A94B0C",
|
|
497
|
+
"aria-hidden": "true"
|
|
498
|
+
})) : C("", !0),
|
|
499
|
+
o("input", {
|
|
500
|
+
ref: "input-password",
|
|
501
|
+
id: "password",
|
|
502
|
+
readonly: c.value,
|
|
503
|
+
onInput: H(_, ["prevent"]),
|
|
504
|
+
value: l.value
|
|
505
|
+
}, null, 40, bt)
|
|
506
|
+
], 2)
|
|
507
|
+
]),
|
|
508
|
+
d.value && !j.value ? (p(), A(Te, {
|
|
509
|
+
key: 0,
|
|
510
|
+
title: y.value,
|
|
511
|
+
class: "feedback"
|
|
512
|
+
}, {
|
|
513
|
+
icon: T(() => [
|
|
514
|
+
c.value ? (p(), A(Z, {
|
|
515
|
+
key: 0,
|
|
516
|
+
class: "feedback__feedback-icon",
|
|
517
|
+
"aria-hidden": "true"
|
|
518
|
+
})) : C("", !0),
|
|
519
|
+
d.value && !m.value ? (p(), A(Q, {
|
|
520
|
+
key: 1,
|
|
521
|
+
class: "feedback__feedback-icon",
|
|
522
|
+
"aria-hidden": "true"
|
|
523
|
+
})) : C("", !0)
|
|
524
|
+
]),
|
|
525
|
+
content: T(() => [
|
|
526
|
+
o("p", null, v(h.value), 1)
|
|
527
|
+
]),
|
|
528
|
+
_: 1
|
|
529
|
+
}, 8, ["title"])) : C("", !0),
|
|
530
|
+
o("button", {
|
|
531
|
+
type: "submit",
|
|
532
|
+
"aria-disabled": c.value,
|
|
533
|
+
class: U({ "is-disabled": c.value })
|
|
534
|
+
}, " Se connecter ", 10, ht)
|
|
535
|
+
], 32));
|
|
536
|
+
}
|
|
537
|
+
}), yt = ".feedback p[data-v-aefc5fac]{margin:0}.feedback__feedback-icon[data-v-aefc5fac]{width:16px}.feedback[data-v-aefc5fac] .feedback-container__title,.feedback[data-v-aefc5fac] .feedback-container__content{font-size:.75rem}.login-form[data-v-aefc5fac]{display:flex;flex-direction:column;border-radius:14px;flex:1;padding:1.56rem;gap:1rem;border-radius:.875rem;background:#fff;box-shadow:0 2px 5px #2c75ff40,0 -2px 5px #2c75ff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;height:fit-content}.login-form__title[data-v-aefc5fac]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.75rem}.login-form__field[data-v-aefc5fac]{display:flex;flex-direction:column}.login-form__field label[data-v-aefc5fac]{color:#5e6c84;font-size:.875rem;line-height:1.25rem}.login-form__field__feedback-icon[data-v-aefc5fac]{width:24px}.login-form__field__input-container[data-v-aefc5fac]{display:flex;align-items:center;border-radius:10px;border:1px solid #cdd1d9;background:#f4f5f7;padding:.75rem 1rem}.login-form__field__input-container input[data-v-aefc5fac]{background:transparent;border:none;width:100%;margin-left:2rem}.login-form__field__input-container input[data-v-aefc5fac]:focus{border:none;outline:none}.login-form__field__input-container input.is-disabled[data-v-aefc5fac]{cursor:not-allowed}.login-form__field__input-container svg[data-v-aefc5fac]{width:24px}.login-form__field__input-container.is-error[data-v-aefc5fac]{border:1px solid #d73328;background:#fbebea}.login-form__field__input-container.is-error input[data-v-aefc5fac]{margin-left:.5rem}.login-form__field__input-container.is-success[data-v-aefc5fac]{border:1px solid #00a85a;background:#e6f6ef}.login-form__field__input-container.is-success input[data-v-aefc5fac]{margin-left:.5rem}.login-form__field__input-container.is-disabled[data-v-aefc5fac]{cursor:not-allowed}.login-form__field__input-container[data-v-aefc5fac]:focus-within{outline:2px solid black}.login-form button[data-v-aefc5fac]{cursor:pointer;padding:12px 107px 12px 115px;font-size:16px;width:100%;text-wrap:nowrap;padding:.75rem;text-align:center;border-radius:10px;background:#122647;color:#fff;font-size:1rem;border:none}.login-form button.is-disabled[data-v-aefc5fac]{background:#cdd1d9;border:none;cursor:not-allowed}@media screen and (max-width:769px){.login-form[data-v-aefc5fac]{border-radius:14px;background:#fff;box-shadow:0 -20px 60px -15px #2c75ff26;z-index:10}}", xt = /* @__PURE__ */ V(_t, [["styles", [yt]], ["__scopeId", "data-v-aefc5fac"]]), ne = "data:image/webp;base64,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", wt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.00016%204.66658C6.7135%204.66658%205.66683%205.71325%205.66683%206.99992C5.66683%208.28658%206.7135%209.33325%208.00016%209.33325C9.28683%209.33325%2010.3335%208.28658%2010.3335%206.99992C10.3335%205.71325%209.28683%204.66658%208.00016%204.66658ZM8.00016%207.99992C7.44883%207.99992%207.00016%207.55125%207.00016%206.99992C7.00016%206.44859%207.44883%205.99992%208.00016%205.99992C8.5515%205.99992%209.00016%206.44859%209.00016%206.99992C9.00016%207.55125%208.5515%207.99992%208.00016%207.99992ZM8.00016%201.33325C4.8755%201.33325%202.3335%203.87525%202.3335%206.99992C2.3335%2010.9779%207.41416%2014.4106%207.63016%2014.5546L8.00016%2014.8013L8.37016%2014.5546C8.58616%2014.4106%2013.6668%2010.9779%2013.6668%206.99992C13.6668%203.87525%2011.1248%201.33325%208.00016%201.33325ZM8.00016%2013.1799C6.89016%2012.3526%203.66683%209.71592%203.66683%206.99992C3.66683%204.61058%205.61083%202.66659%208.00016%202.66659C10.3895%202.66659%2012.3335%204.61058%2012.3335%206.99992C12.3335%209.71525%209.11016%2012.3519%208.00016%2013.1799Z'%20fill='%235E6C84'/%3e%3c/svg%3e", kt = { class: "header" }, Ct = ["src"], Bt = { class: "header__user" }, At = { class: "header__user__name" }, Pt = { class: "header__user__tag" }, Mt = { class: "user-profile" }, qt = { class: "user-profile__location" }, St = ["src"], Lt = { class: "user-profile__metadata" }, Tt = ["aria-setsize"], zt = ["aria-posinset", "aria-labeledby", "aria-describedby"], Vt = ["aria-level"], Rt = { class: "article__header__user-container" }, jt = ["src"], It = { class: "article__header__user" }, Ft = { class: "article__header__user__name" }, Nt = { class: "article__header__user__tag" }, Et = ["datetime"], Wt = /* @__PURE__ */ z({
|
|
538
|
+
__name: "SocialNetwork.ce",
|
|
539
|
+
props: {
|
|
540
|
+
userName: { type: String },
|
|
541
|
+
tag: { type: String },
|
|
542
|
+
bio: { type: String },
|
|
543
|
+
location: { type: String },
|
|
544
|
+
publications: { type: Array },
|
|
545
|
+
titleLevel: { type: Number }
|
|
546
|
+
},
|
|
547
|
+
setup(e) {
|
|
548
|
+
const { i18next: n } = Y();
|
|
549
|
+
function t(a) {
|
|
550
|
+
return Intl.DateTimeFormat(n.language).format(new Date(a));
|
|
551
|
+
}
|
|
552
|
+
return (a, i) => {
|
|
553
|
+
const r = xe("i18next");
|
|
554
|
+
return p(), k(X, null, [
|
|
555
|
+
o("header", kt, [
|
|
556
|
+
o("img", {
|
|
557
|
+
src: w(ne),
|
|
558
|
+
alt: ""
|
|
559
|
+
}, null, 8, Ct),
|
|
560
|
+
o("div", Bt, [
|
|
561
|
+
o("span", At, v(e.userName), 1),
|
|
562
|
+
o("span", Pt, v(e.tag), 1)
|
|
563
|
+
])
|
|
564
|
+
]),
|
|
565
|
+
o("section", Mt, [
|
|
566
|
+
o("p", null, v(e.bio), 1),
|
|
567
|
+
o("div", qt, [
|
|
568
|
+
o("img", {
|
|
569
|
+
src: w(wt),
|
|
570
|
+
alt: ""
|
|
571
|
+
}, null, 8, St),
|
|
572
|
+
o("p", null, v(e.location), 1)
|
|
573
|
+
]),
|
|
574
|
+
o("div", Lt, [
|
|
575
|
+
o("p", null, [
|
|
576
|
+
L(r, {
|
|
577
|
+
translation: a.$t("trouver-mdp-rs.userProfile.followers")
|
|
578
|
+
}, {
|
|
579
|
+
count: T(() => [...i[0] || (i[0] = [
|
|
580
|
+
o("span", { class: "user-profile__metadata__number" }, "146", -1)
|
|
581
|
+
])]),
|
|
582
|
+
_: 1
|
|
583
|
+
}, 8, ["translation"])
|
|
584
|
+
]),
|
|
585
|
+
o("p", null, [
|
|
586
|
+
L(r, {
|
|
587
|
+
translation: a.$t("trouver-mdp-rs.userProfile.subscriptions")
|
|
588
|
+
}, {
|
|
589
|
+
count: T(() => [...i[1] || (i[1] = [
|
|
590
|
+
o("span", { class: "user-profile__metadata__number" }, "146", -1)
|
|
591
|
+
])]),
|
|
592
|
+
_: 1
|
|
593
|
+
}, 8, ["translation"])
|
|
594
|
+
])
|
|
595
|
+
])
|
|
596
|
+
]),
|
|
597
|
+
o("section", {
|
|
598
|
+
role: "feed",
|
|
599
|
+
"aria-busy": "false",
|
|
600
|
+
"aria-setsize": e.publications.length,
|
|
601
|
+
class: "feed-container"
|
|
602
|
+
}, [
|
|
603
|
+
(p(!0), k(X, null, we(e.publications, (s, l) => (p(), k("article", {
|
|
604
|
+
key: e.tag + l,
|
|
605
|
+
"aria-posinset": l,
|
|
606
|
+
"aria-labeledby": e.userName,
|
|
607
|
+
"aria-describedby": s.content,
|
|
608
|
+
"aria-busy": "false",
|
|
609
|
+
tabindex: "0",
|
|
610
|
+
role: "article",
|
|
611
|
+
class: "article"
|
|
612
|
+
}, [
|
|
613
|
+
o("div", {
|
|
614
|
+
role: "heading",
|
|
615
|
+
"aria-level": e.titleLevel + 2,
|
|
616
|
+
class: "article__header"
|
|
617
|
+
}, [
|
|
618
|
+
o("address", Rt, [
|
|
619
|
+
o("img", {
|
|
620
|
+
src: w(ne),
|
|
621
|
+
alt: ""
|
|
622
|
+
}, null, 8, jt),
|
|
623
|
+
o("div", It, [
|
|
624
|
+
o("span", Ft, v(e.userName), 1),
|
|
625
|
+
o("span", Nt, v(e.tag), 1)
|
|
626
|
+
])
|
|
627
|
+
]),
|
|
628
|
+
o("time", {
|
|
629
|
+
class: "article__header__date",
|
|
630
|
+
datetime: s.date
|
|
631
|
+
}, v(t(s.date)), 9, Et)
|
|
632
|
+
], 8, Vt),
|
|
633
|
+
o("p", null, v(s.content), 1)
|
|
634
|
+
], 8, zt))), 128))
|
|
635
|
+
], 8, Tt)
|
|
636
|
+
], 64);
|
|
637
|
+
};
|
|
638
|
+
}
|
|
639
|
+
}), Ot = ".header[data-v-d03c1125]{display:flex;gap:8px;padding:1.687rem 2rem 1.188rem 1rem;align-items:flex-start;border-radius:1.5rem 1.5rem 0 0;background:linear-gradient(90deg,#2b7fff26,#00b8db26)}.header img[data-v-d03c1125]{width:50px}.header__user[data-v-d03c1125]{display:flex;flex-direction:column}.header__user__name[data-v-d03c1125]{font-family:Nunito,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.56rem}.header__user__tag[data-v-d03c1125]{color:#5e6c84;font-size:.875rem;font-weight:400;line-height:1.25rem}.user-profile[data-v-d03c1125]{display:flex;flex-direction:column;gap:8px;font-size:.875rem;padding:.25rem 1rem}.user-profile p[data-v-d03c1125]{margin:0}.user-profile__location[data-v-d03c1125]{display:flex;gap:.25rem;color:#5e6c84;font-weight:400;line-height:1.25rem;margin:0}.user-profile__metadata[data-v-d03c1125]{display:flex;gap:.75rem}.user-profile__metadata__number[data-v-d03c1125]{color:#122647;font-weight:700}.user-profile__metadata__text[data-v-d03c1125]{color:#5e6c84;font-weight:400;margin-left:.25rem}.feed-container[data-v-d03c1125]{display:flex;flex-direction:column;padding:0 1rem;align-items:center;gap:.625rem;overflow-y:auto;overflow-x:hidden;font-size:.875rem}.feed-container .article[data-v-d03c1125]{display:flex;padding:.5rem 1rem;flex-direction:column;gap:1rem;border-radius:1rem;border:1px solid #cdd1d9;background:#fff;width:calc(100% - 2rem)}.feed-container .article p[data-v-d03c1125]{margin:0}.feed-container .article__header[data-v-d03c1125]{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start;font-size:.875rem;line-height:1.25rem;font-weight:400;color:#5e6c84}.feed-container .article__header__user-container[data-v-d03c1125]{display:flex;gap:4px;font-style:normal}.feed-container .article__header__user-container img[data-v-d03c1125]{width:35px;height:35px}.feed-container .article__header__user[data-v-d03c1125]{display:flex;flex-direction:column}.feed-container .article__header__user__name[data-v-d03c1125]{font-family:Nunito,sans-serif;font-weight:700}@media screen and (max-width:769px){.header[data-v-d03c1125]{border-radius:0}.feed-container[data-v-d03c1125]{overflow:unset}}", Yt = /* @__PURE__ */ V(Wt, [["styles", [Ot]], ["__scopeId", "data-v-d03c1125"]]), Ht = /* @__PURE__ */ z({
|
|
640
|
+
__name: "MobileShellWrapper.ce",
|
|
641
|
+
props: {
|
|
642
|
+
backgroundColor: { type: String },
|
|
643
|
+
hasBorderBottom: { type: Boolean }
|
|
644
|
+
},
|
|
645
|
+
setup(e) {
|
|
646
|
+
return (n, t) => (p(), k("div", {
|
|
647
|
+
style: ke({
|
|
648
|
+
"--background-color": e.backgroundColor ?? "#f4f5f7",
|
|
649
|
+
"--border-bottom": e.hasBorderBottom ? "10px solid black" : "none"
|
|
650
|
+
}),
|
|
651
|
+
class: "mobile-wrapper"
|
|
652
|
+
}, [
|
|
653
|
+
t[0] || (t[0] = Ce('<div class="cache-top" data-v-ad55001d><div class="camera" data-v-ad55001d></div></div><div class="buttons" data-v-ad55001d><div class="button small" data-v-ad55001d></div><div class="button long" data-v-ad55001d></div><div class="button long" data-v-ad55001d></div></div>', 2)),
|
|
654
|
+
Be(n.$slots, "content", {}, void 0, !0)
|
|
655
|
+
], 4));
|
|
656
|
+
}
|
|
657
|
+
}), Ut = '.mobile-wrapper[data-v-ad55001d]{border-radius:30px 30px 0 0;background:var(--background-color);height:inherit;position:relative;border:10px solid black;border-bottom:var(--border-bottom);display:flex;flex-direction:column;min-width:300px}.mobile-wrapper .cache-top[data-v-ad55001d]{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.mobile-wrapper .cache-top .camera[data-v-ad55001d]{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.mobile-wrapper .cache-top .camera[data-v-ad55001d]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.mobile-wrapper .buttons[data-v-ad55001d]{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.mobile-wrapper .button[data-v-ad55001d]{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.mobile-wrapper .button.small[data-v-ad55001d]{height:15px;margin-bottom:10px}.mobile-wrapper .button.long[data-v-ad55001d]{height:30px}.mobile-wrapper[data-v-ad55001d]:first-child(){border-radius:16px}', Xt = /* @__PURE__ */ V(Ht, [["styles", [Ut]], ["__scopeId", "data-v-ad55001d"]]), Dt = ["aria-labelledby", "aria-describedby"], Gt = {
|
|
658
|
+
ref: "card-element",
|
|
659
|
+
class: "card",
|
|
660
|
+
tabindex: "-1"
|
|
661
|
+
}, Zt = { class: "card__content" }, Qt = ["id"], Kt = ["id"], Jt = /* @__PURE__ */ z({
|
|
662
|
+
__name: "Popin.ce",
|
|
663
|
+
props: {
|
|
664
|
+
title: { type: String },
|
|
665
|
+
content: { type: String },
|
|
666
|
+
actionButtonLabel: { type: String },
|
|
667
|
+
hasActionButton: { type: Boolean }
|
|
668
|
+
},
|
|
669
|
+
emits: ["action"],
|
|
670
|
+
setup(e, { emit: n }) {
|
|
671
|
+
const t = O("card-element"), a = D(), i = D(), r = n;
|
|
672
|
+
return Ae(() => {
|
|
673
|
+
t.value?.focus();
|
|
674
|
+
}), (s, l) => (p(), k("div", {
|
|
675
|
+
role: "dialog",
|
|
676
|
+
"aria-modal": "true",
|
|
677
|
+
"aria-labelledby": w(a),
|
|
678
|
+
"aria-describedby": w(i),
|
|
679
|
+
ref: "button-action",
|
|
680
|
+
class: "overlay"
|
|
681
|
+
}, [
|
|
682
|
+
o("div", Gt, [
|
|
683
|
+
o("div", Zt, [
|
|
684
|
+
o("h1", {
|
|
685
|
+
id: w(a),
|
|
686
|
+
class: "card__content__title"
|
|
687
|
+
}, v(e.title), 9, Qt),
|
|
688
|
+
o("p", { id: w(i) }, v(e.content), 9, Kt)
|
|
689
|
+
]),
|
|
690
|
+
e.hasActionButton ? (p(), k("button", {
|
|
691
|
+
key: 0,
|
|
692
|
+
onClick: l[0] || (l[0] = (d) => r("action"))
|
|
693
|
+
}, v(e.actionButtonLabel), 1)) : C("", !0)
|
|
694
|
+
], 512)
|
|
695
|
+
], 8, Dt));
|
|
696
|
+
}
|
|
697
|
+
}), $t = ".overlay{position:absolute;display:flex;align-items:center;justify-content:center;background:#25385859;inset:-12px -8px -8px;z-index:100;border-radius:8px}.overlay .card{display:flex;flex-direction:column;border-radius:16px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;color:#122647;width:calc(100% - 74px)}.overlay .card__content{background:linear-gradient(180deg,#613fdd33,#613fdd1a 40%,#fff0);padding:1rem;border-radius:16px}.overlay .card__content__title{font-family:Nunito,Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.75rem;margin:0}.overlay .card p{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.125rem;margin:0}.overlay .card button{display:flex;padding:.5rem 1.5rem;justify-content:center;align-items:center;border-radius:.5rem;background:#253858;font-size:.875rem;font-style:normal;font-weight:700;line-height:1.5rem;color:#fff;width:fit-content;align-self:center;border:none;margin:1rem;cursor:pointer}", ea = /* @__PURE__ */ V(Jt, [["styles", [$t]]]), ta = { class: "container" }, aa = /* @__PURE__ */ z({
|
|
698
|
+
__name: "TrouverMdpRs.ce",
|
|
699
|
+
props: {
|
|
700
|
+
titleLevel: { default: 2, type: Number },
|
|
701
|
+
feedback: { type: Object },
|
|
702
|
+
validations: { type: Object },
|
|
703
|
+
userProfile: { type: Object }
|
|
704
|
+
},
|
|
705
|
+
setup(e, { expose: n }) {
|
|
706
|
+
const { t } = Y(), a = pe(), i = O("login-form"), r = g(!1), s = g(""), l = g(""), d = g("");
|
|
707
|
+
function m() {
|
|
708
|
+
i.value.reset();
|
|
709
|
+
}
|
|
710
|
+
function c(_) {
|
|
711
|
+
s.value = _.isPasswordOk.value ? t("trouver-mdp-rs.feedback.success") : t("trouver-mdp-rs.feedback.failed"), d.value = _.isPasswordOk.value ? "" : t("trouver-mdp-rs.retryButtonLabel"), l.value = _.isPasswordOk.value ? e.feedback.success : e.feedback.failed, r.value = !0, _.isPasswordOk.value || i.value.inputPasswordRef.focus();
|
|
712
|
+
}
|
|
713
|
+
function h() {
|
|
714
|
+
r.value = !1, i.value.inputPasswordRef.focus();
|
|
715
|
+
}
|
|
716
|
+
const y = u(() => a.phone);
|
|
717
|
+
return n({
|
|
718
|
+
reset: m
|
|
719
|
+
}), (_, q) => (p(), k("div", ta, [
|
|
720
|
+
y.value && r.value ? (p(), A(ea, {
|
|
721
|
+
key: 0,
|
|
722
|
+
onAction: h,
|
|
723
|
+
"action-button-label": d.value,
|
|
724
|
+
content: l.value,
|
|
725
|
+
"has-action-button": !!d.value,
|
|
726
|
+
title: s.value,
|
|
727
|
+
class: "popin"
|
|
728
|
+
}, null, 8, ["action-button-label", "content", "has-action-button", "title"])) : C("", !0),
|
|
729
|
+
L(xt, {
|
|
730
|
+
ref: "login-form",
|
|
731
|
+
feedback: e.feedback,
|
|
732
|
+
"title-level": e.titleLevel,
|
|
733
|
+
validations: e.validations,
|
|
734
|
+
onValidate: c
|
|
735
|
+
}, null, 8, ["feedback", "title-level", "validations"]),
|
|
736
|
+
L(Xt, {
|
|
737
|
+
class: "mobile-shell",
|
|
738
|
+
"background-color": "#fff"
|
|
739
|
+
}, {
|
|
740
|
+
content: T(() => [
|
|
741
|
+
L(Yt, Pe(e.userProfile, { "title-level": e.titleLevel }), null, 16, ["title-level"])
|
|
742
|
+
]),
|
|
743
|
+
_: 1
|
|
744
|
+
})
|
|
745
|
+
]));
|
|
746
|
+
}
|
|
747
|
+
}), na = ".container[data-v-ba829b54]{font-family:Roboto,Nunito,sans-serif;color:#122647;position:relative;display:flex;gap:32px;padding-inline:.75rem;max-height:550px}.mobile-shell[data-v-ba829b54]{flex:1}.popin[data-v-ba829b54]{display:none}@media screen and (max-width:769px){.container[data-v-ba829b54]{flex-direction:column-reverse}.mobile-shell[data-v-ba829b54]{display:flex;flex-direction:column;gap:16px;overflow-y:scroll;border:none;border-radius:0}.mobile-shell[data-v-ba829b54] .buttons,.mobile-shell[data-v-ba829b54] .cache-top{display:none}.popin[data-v-ba829b54]{display:inherit}}", oa = /* @__PURE__ */ V(aa, [["styles", [na]], ["__scopeId", "data-v-ba829b54"]]);
|
|
748
|
+
qe(/* @__PURE__ */ Object.assign({ "./locales/fr.json": ze })).catch((e) => console.error(e));
|
|
749
|
+
const me = Me(oa, {
|
|
750
|
+
configureApp(e) {
|
|
751
|
+
G.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(Se, { i18next: G }), e.use(dt, { preset: "devices" });
|
|
752
|
+
}
|
|
753
|
+
});
|
|
754
|
+
me.prototype.normalizeProps = (e) => ({
|
|
755
|
+
...e,
|
|
756
|
+
titleLevel: Le(e.titleLevel)
|
|
757
|
+
});
|
|
758
|
+
window.customElements.define("trouver-mdp-rs", me);
|