@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.
Files changed (43) hide show
  1. package/dist/Button.ce-D1_fAhqr.js +18 -0
  2. package/dist/{ButtonTooltip.ce-DEM9f3-P.js → ButtonTooltip.ce-BjlMn9Ez.js} +15 -15
  3. package/dist/Cross.ce.vue_vue_type_script_setup_true_lang-D7kq2waU.js +73 -0
  4. package/dist/{LLMMessage.ce-DwOPdJ8T.js → LLMMessage.ce-B4Tg1zsn.js} +2 -2
  5. package/dist/{Loading.ce-izx3gVg1.js → Loading.ce-S-dh_E78.js} +1 -1
  6. package/dist/{NavigationButton.ce-D6OhsRmN.js → NavigationButton.ce-DRBC3gta.js} +2 -2
  7. package/dist/{Retry-ByvFpG1J.js → Retry-CoaWKuPG.js} +1 -1
  8. package/dist/{_plugin-vue_export-helper-BcRm04ZH.js → _plugin-vue_export-helper-BPDEgOal.js} +1711 -1618
  9. package/dist/components/calcul-impact.ce.js.js +42 -42
  10. package/dist/components/capacity-calculation.ce.js.js +70 -70
  11. package/dist/components/clickable-image.ce.js.js +14 -14
  12. package/dist/components/complete-phrase.ce.js.js +34 -34
  13. package/dist/components/flip-cards.ce.js.js +1 -1
  14. package/dist/components/image-quiz.ce.js.js +4 -3
  15. package/dist/components/image-quizzes.ce.js.js +18 -17
  16. package/dist/components/llm-compare-messages.ce.js.js +3 -3
  17. package/dist/components/llm-messages.ce.js.js +3 -3
  18. package/dist/components/llm-prompt-select.ce.js.js +1 -1
  19. package/dist/components/mdp-classement.ce.js.js +219 -0
  20. package/dist/components/message-conversation.ce.js.js +11 -11
  21. package/dist/components/mobile-shell.ce.js.js +1 -1
  22. package/dist/components/phishing-message.ce.js.js +61 -61
  23. package/dist/components/phishing-notification.ce.js.js +85 -85
  24. package/dist/components/pix-anonymisation.ce.js.js +85 -97
  25. package/dist/components/pix-article.ce.js.js +18 -18
  26. package/dist/components/pix-carousel.ce.js.js +86 -86
  27. package/dist/components/pix-cursor.ce.js.js +50 -50
  28. package/dist/components/qcm-deepfake.ce.js.js +55 -55
  29. package/dist/components/quiz-stepper.ce.js.js +105 -113
  30. package/dist/components/select-conversation.ce.js.js +41 -41
  31. package/dist/components/template-mail.ce.js.js +165 -0
  32. package/dist/components/test-top-mdp.ce.js.js +146 -0
  33. package/dist/components/trouver-mdp-rs.ce.js.js +758 -0
  34. package/dist/{i18n-DTnP_5xC.js → i18n-BuCPzaih.js} +9 -9
  35. package/dist/i18n-lite-DBVKHY8J.js +86 -0
  36. package/dist/image-quiz.ce-CXOFcx1H.js +182 -0
  37. package/dist/index.js +9 -5
  38. package/dist/metadata.js +38 -22
  39. package/dist/schema.js +86 -40
  40. package/dist/{shadow-dom-C8cgdiLH.js → shadow-dom-By5w43W7.js} +1 -1
  41. package/dist/shuffled-B8VGTceh.js +19 -0
  42. package/package.json +1 -1
  43. 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);