@1024pix/epreuves-components 4.0.1 → 4.0.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.
Files changed (52) hide show
  1. package/dist/{Button.ce-CTKrSDrC.js → Button.ce-CIdOR7Ut.js} +2 -2
  2. package/dist/{ButtonTooltip.ce-CtHo2Dwx.js → ButtonTooltip.ce-DcDedpxX.js} +8 -8
  3. package/dist/{Cross.ce.vue_vue_type_script_setup_true_lang-CVBFTfq5.js → Cross.ce.vue_vue_type_script_setup_true_lang-BZa1HfxH.js} +4 -4
  4. package/dist/FocusManager.ce-B9q14nBB.js +131 -0
  5. package/dist/{LLMMessage.ce-Bdmf0R1g.js → LLMMessage.ce-m7gAgj3M.js} +11 -11
  6. package/dist/{Loading.ce-Bh7-h48F.js → Loading.ce-Diq78Qvm.js} +2 -2
  7. package/dist/{NavigationButton.ce-CA1M8sgV.js → NavigationButton.ce-CgVczgG8.js} +2 -2
  8. package/dist/PixMailMessage.ce-CI8R0PnN.js +261 -0
  9. package/dist/Popin.ce-BczgRCZ5.js +67 -0
  10. package/dist/{Retry-BZf7NJz9.js → Retry-vIN7ZGdK.js} +2 -2
  11. package/dist/{Stepper.ce-B1yDelzC.js → Stepper.ce-DwjG4jda.js} +4 -4
  12. package/dist/{_plugin-vue_export-helper-D0N_62VD.js → _plugin-vue_export-helper-VRfPs3B6.js} +1643 -1611
  13. package/dist/components/analyse-mails-phishing.ce.js.js +14 -14
  14. package/dist/components/calcul-impact.ce.js.js +20 -20
  15. package/dist/components/capacity-calculation.ce.js.js +22 -22
  16. package/dist/components/clickable-image.ce.js.js +30 -30
  17. package/dist/components/complete-phrase.ce.js.js +18 -18
  18. package/dist/components/flip-cards.ce.js.js +10 -10
  19. package/dist/components/image-quiz.ce.js.js +3 -3
  20. package/dist/components/image-quizzes.ce.js.js +3 -3
  21. package/dist/components/llm-compare-messages.ce.js.js +7 -7
  22. package/dist/components/llm-messages.ce.js.js +7 -7
  23. package/dist/components/llm-prompt-select.ce.js.js +5 -5
  24. package/dist/components/mdp-classement.ce.js.js +29 -29
  25. package/dist/components/message-conversation.ce.js.js +34 -34
  26. package/dist/components/mobile-shell.ce.js.js +8 -8
  27. package/dist/components/phishing-message.ce.js.js +128 -128
  28. package/dist/components/phishing-notification.ce.js.js +30 -30
  29. package/dist/components/pix-anonymisation.ce.js.js +27 -27
  30. package/dist/components/pix-article.ce.js.js +5 -5
  31. package/dist/components/pix-carousel.ce.js.js +38 -38
  32. package/dist/components/pix-combinaisons.ce.js.js +75 -74
  33. package/dist/components/pix-cursor.ce.js.js +26 -26
  34. package/dist/components/pix-mail-message.ce.js.js +3 -3
  35. package/dist/components/proteger-mail-spam.ce.js.js +55 -53
  36. package/dist/components/qcm-deepfake.ce.js.js +16 -16
  37. package/dist/components/quiz-stepper.ce.js.js +21 -21
  38. package/dist/components/select-conversation.ce.js.js +11 -11
  39. package/dist/components/template-mail.ce.js.js +4 -4
  40. package/dist/components/test-top-mdp.ce.js.js +24 -24
  41. package/dist/components/trouver-mdp-rs.ce.js.js +311 -409
  42. package/dist/{i18n-ekiZvzf6.js → i18n-C-9bWDxP.js} +270 -268
  43. package/dist/{i18n-lite-t2jNOu0C.js → i18n-lite-CZIis7T7.js} +1 -1
  44. package/dist/{image-quiz.ce-DqalWHKw.js → image-quiz.ce-COX8VOUE.js} +9 -9
  45. package/dist/{index-BpqxFmwz.js → index-DgWpXIzq.js} +1 -1
  46. package/dist/index.js +1 -1
  47. package/dist/shadow-dom-5ECgVh4w.js +14 -0
  48. package/dist/{temporal.utils-7Uvm62ss.js → temporal.utils-DgmGPVba.js} +537 -536
  49. package/package.json +1 -1
  50. package/dist/PixMailMessage.ce-XPDbJiyC.js +0 -219
  51. package/dist/Popin.ce-DUQ7-GMT.js +0 -197
  52. package/dist/shadow-dom-C3AZuSZe.js +0 -9
@@ -1,8 +1,8 @@
1
- import { y as W, x as Y, X as q, Y as K, Z as O, g as h, v as A, L as N, $ as V, b as j, c as l, o, n as S, a as g, B, q as X, H as P, t as b, k as f, _ as C, r as T, j as J, E as y, s as D, h as Q, K as $, F as M, e as R, f as z, d as ee } from "../_plugin-vue_export-helper-D0N_62VD.js";
2
- import { a as ie, i as E, b as te } from "../i18n-ekiZvzf6.js";
3
- import { N as H } from "../NavigationButton.ce-CA1M8sgV.js";
4
- import { B as I } from "../ButtonTooltip.ce-CtHo2Dwx.js";
5
- import { a as ne, b as k, u as ae } from "../normalize-props-DH0oPBss.js";
1
+ import { k as W, n as Y, X as q, Y as X, Z as O, A as k, j as N, g as h, $ as V, b as D, o, c as l, t as S, a as g, q as J, E as P, x as b, v as f, l as B, _ as C, r as T, h as K, z as j, C as y, s as Q, D as $, F as z, e as M, f as R, d as ee } from "../_plugin-vue_export-helper-VRfPs3B6.js";
2
+ import { a as ie, i as E, b as te } from "../i18n-C-9bWDxP.js";
3
+ import { N as I } from "../NavigationButton.ce-CgVczgG8.js";
4
+ import { B as H } from "../ButtonTooltip.ce-DcDedpxX.js";
5
+ import { u as ne, b as A, a as ae } from "../normalize-props-DH0oPBss.js";
6
6
  const se = {}, oe = {
7
7
  "pix-carousel": { license: "Image license", next: "Next", of: "{{ currentSlide }} of {{ slideLength }}", previous: "Previous", slide: "Slide", title: "Carousel" }
8
8
  }, le = {}, re = {
@@ -15,7 +15,7 @@ const se = {}, oe = {
15
15
  "pix-carousel": { license: "Afbeeldingslicentie", next: "Volgende", of: "{{ currentSlide }} van {{ slideLength }}", previous: "Vorige", slide: "Dia", title: "Carrousel" }
16
16
  };
17
17
  function me(e, i) {
18
- return q() ? (K(e, i), !0) : !1;
18
+ return q() ? (X(e, i), !0) : !1;
19
19
  }
20
20
  const fe = typeof window < "u" && typeof document < "u";
21
21
  typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -36,7 +36,7 @@ function _(e) {
36
36
  }
37
37
  // @__NO_SIDE_EFFECTS__
38
38
  function he() {
39
- const e = A(!1), i = O();
39
+ const e = k(!1), i = O();
40
40
  return i && W(() => {
41
41
  e.value = !0;
42
42
  }, i), e;
@@ -77,7 +77,7 @@ function we(e, i = {
77
77
  const { window: s = G, box: c = "content-box" } = a, p = h(() => {
78
78
  var t;
79
79
  return (t = _(e)) === null || t === void 0 || (t = t.namespaceURI) === null || t === void 0 ? void 0 : t.includes("svg");
80
- }), r = A(i.width), d = A(i.height), { stop: x } = be(e, ([t]) => {
80
+ }), r = k(i.width), d = k(i.height), { stop: x } = be(e, ([t]) => {
81
81
  const v = c === "border-box" ? t.borderBoxSize : c === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
82
82
  if (s && p.value) {
83
83
  const u = _(e);
@@ -117,7 +117,7 @@ function F(e) {
117
117
  const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
118
118
  key: 1,
119
119
  class: "description"
120
- }, Le = /* @__PURE__ */ j({
120
+ }, Le = /* @__PURE__ */ D({
121
121
  __name: "SlideInfo.ce",
122
122
  props: {
123
123
  description: { type: String },
@@ -134,7 +134,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
134
134
  "aria-level": e.titleLevel,
135
135
  class: "title"
136
136
  }, [
137
- X(i.$slots, "pagination"),
137
+ J(i.$slots, "pagination"),
138
138
  P(" " + b(e.title), 1)
139
139
  ], 8, _e),
140
140
  f(F)(e.description) ? (o(), l("div", {
@@ -144,16 +144,16 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
144
144
  }, null, 8, Ce)) : e.description ? (o(), l("p", Se, b(e.description), 1)) : B("", !0)
145
145
  ], 2));
146
146
  }
147
- }), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), ke = ["aria-hidden", "aria-roledescription", "aria-label"], Ae = {
147
+ }), $e = ".slide-info{transform:translate(100vw);grid-column:1;grid-row:1;height:fit-content;border-left:1px solid transparent;padding-left:16px;padding-top:4px}.slide-info p{margin-top:8px;margin-bottom:0}.slide-info.active{border-left-color:gray;transform:translate(0)}.slide-info .title{font-size:1.25rem;font-family:Nunito,sans-serif;font-style:normal;font-weight:700;line-height:1.75rem;min-height:24px}.slide-info .description{font-size:.875rem}.slide-info .description ul li,.slide-info .description ol li{margin-left:1rem}@media only screen and (max-width:576px){.slide-info.active{border:none;padding-left:0}}", Z = /* @__PURE__ */ C(Le, [["styles", [$e]]]), Ae = ["aria-hidden", "aria-roledescription", "aria-label"], ke = {
148
148
  key: 0,
149
149
  class: "image-container"
150
150
  }, Be = ["alt", "src"], Te = {
151
151
  key: 0,
152
152
  class: "license"
153
- }, Ne = ["href"], je = { class: "img-container" }, De = ["alt", "src"], Me = ["innerHTML"], Re = {
153
+ }, Ne = ["href"], De = { class: "img-container" }, je = ["alt", "src"], ze = ["innerHTML"], Me = {
154
154
  key: 1,
155
155
  class: "text-container"
156
- }, ze = ["innerHTML"], Ee = /* @__PURE__ */ j({
156
+ }, Re = ["innerHTML"], Ee = /* @__PURE__ */ D({
157
157
  __name: "Slide.ce",
158
158
  props: {
159
159
  slide: { type: Object },
@@ -167,7 +167,7 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
167
167
  imageTextDisplay: { default: "1:2", type: String }
168
168
  },
169
169
  setup(e) {
170
- const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c = J("container"), p = we(c), [r, d] = e.imageTextDisplay.split(":").map(Number);
170
+ const i = window.matchMedia("(prefers-reduced-motion: reduce)"), a = e.disableAnimation ?? i.matches, s = T(e.isActive ? "on" : "off"), c = K("container"), p = we(c), [r, d] = e.imageTextDisplay.split(":").map(Number);
171
171
  N(() => e.isActive, (n) => {
172
172
  n ? (s.value = a ? "on" : "initStart", window.setTimeout(() => {
173
173
  s.value === "initStart" && (s.value = "on");
@@ -187,9 +187,9 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
187
187
  "aria-label": e.label,
188
188
  ref: "container"
189
189
  }, [
190
- e.type === "image" ? (o(), l("div", Ae, [
190
+ e.type === "image" ? (o(), l("div", ke, [
191
191
  g("img", {
192
- style: D({ "--max-width": `${e.slide.displayWidth}px`, "--max-height": `${e.slide.displayHeight}px`, "--svg-image-display": m.value }),
192
+ style: j({ "--max-width": `${e.slide.displayWidth}px`, "--max-height": `${e.slide.displayHeight}px`, "--svg-image-display": m.value }),
193
193
  class: S({ "has-shadow": !e.disableStyleAroundImage }),
194
194
  alt: e.slide.image.alt,
195
195
  src: e.slide.image.src
@@ -204,24 +204,24 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
204
204
  ])) : e.type === "image-text" ? (o(), l("div", {
205
205
  key: 1,
206
206
  class: S(["text-image-container", { "has-shadow": !e.disableStyleAroundImage }]),
207
- style: D({ "--image-display": f(r), "--text-display": f(d) })
207
+ style: j({ "--image-display": f(r), "--text-display": f(d) })
208
208
  }, [
209
- g("div", je, [
209
+ g("div", De, [
210
210
  g("img", {
211
211
  alt: e.slide.image.alt,
212
212
  src: e.slide.image.src
213
- }, null, 8, De)
213
+ }, null, 8, je)
214
214
  ]),
215
215
  f(F)(e.slide.text) ? (o(), l("div", {
216
216
  key: 0,
217
217
  class: "text-container",
218
218
  innerHTML: e.slide.text
219
- }, null, 8, Me)) : e.slide.text ? (o(), l("p", Re, b(e.slide.text), 1)) : B("", !0)
219
+ }, null, 8, ze)) : e.slide.text ? (o(), l("p", Me, b(e.slide.text), 1)) : B("", !0)
220
220
  ], 6)) : (o(), l("div", {
221
221
  key: 2,
222
222
  innerHTML: e.slide.text,
223
223
  class: "text-container"
224
- }, null, 8, ze)),
224
+ }, null, 8, Re)),
225
225
  y(Z, {
226
226
  description: e.slide.description,
227
227
  title: e.slide.title,
@@ -229,9 +229,9 @@ const _e = ["aria-level"], Ce = ["innerHTML"], Se = {
229
229
  "title-level": e.titleLevel,
230
230
  class: "sr-only"
231
231
  }, null, 8, ["description", "title", "is-active", "title-level"])
232
- ], 10, ke));
232
+ ], 10, Ae));
233
233
  }
234
- }), He = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;max-width:var(--max-width);max-height:var(--max-height);width:var(--svg-image-display, 100%);object-fit:contain;border-radius:16px}.image-container img.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;border-radius:16px;background:#fff}.text-image-container.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", Ie = /* @__PURE__ */ C(Ee, [["styles", [He]]]), We = {}, Oe = {
234
+ }), Ie = ".slide{transition:transform ease-in-out .8s;height:100%}.slide.off,.slide.initStart{transition:none;transform:translate(100vw)}.slide.initStart.is-next,.slide.initEnd{transform:translate(-100vw)}.slide.initEnd.is-next{transform:translate(100vw)}.slide.on{transform:translate(0)}.slide.disable-animation{transition:none}.image-container{position:relative;display:flex;justify-content:center;align-items:center;margin:auto;max-width:890px;border-radius:8px}.image-container--is-not-image{justify-content:left}.image-container img{height:100%;max-width:var(--max-width);max-height:var(--max-height);width:var(--svg-image-display, 100%);object-fit:contain;border-radius:16px}.image-container img.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.license{position:absolute;font-size:.8rem;bottom:0;margin:0;padding:2px 8px;max-width:50%;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;background:#ffffffe6}.text-container{margin:auto;width:fit-content}.text-image-container{display:flex;flex:1;gap:12px;padding:16px;border-radius:16px;background:#fff}.text-image-container.has-shadow{filter:drop-shadow(0px 8px 12px rgba(0,0,0,.2))}.text-image-container .img-container{width:calc(var(--image-display) / (var(--image-display) + var(--text-display)) * 100%);display:flex;justify-content:center;align-items:center}.text-image-container .img-container img{max-width:100%;width:auto;height:auto}.text-image-container .text-container{width:calc(var(--text-display) / (var(--image-display) + var(--text-display)) * 100%)}.text-image-container .text-container>*{margin:0}@media only screen and (max-width:576px){.license{font-size:.5rem}.image-container img{border-radius:8px;width:95%}.text-image-container{flex-direction:column}.text-image-container .img-container,.text-image-container .text-container{width:100%}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}", He = /* @__PURE__ */ C(Ee, [["styles", [Ie]]]), We = {}, Oe = {
235
235
  width: "25",
236
236
  height: "24",
237
237
  viewBox: "0 0 25 24",
@@ -261,7 +261,7 @@ function Ze(e, i) {
261
261
  }, null, -1)
262
262
  ])]);
263
263
  }
264
- const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"], Ke = { class: "footer" }, Xe = { class: "control" }, Je = { class: "slide-info-container" }, Qe = { class: "pagination" }, ei = /* @__PURE__ */ j({
264
+ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"], qe = ["id"], Xe = { class: "footer" }, Je = { class: "control" }, Ke = { class: "slide-info-container" }, Qe = { class: "pagination" }, ei = /* @__PURE__ */ D({
265
265
  __name: "Carousel.ce",
266
266
  props: {
267
267
  randomSlides: { type: Boolean },
@@ -287,7 +287,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
287
287
  class: "slides",
288
288
  id: f(m)
289
289
  }, [
290
- y(I, {
290
+ y(H, {
291
291
  class: "carousel__nav previous",
292
292
  disabled: r.value,
293
293
  "aria-controls": f(m),
@@ -300,7 +300,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
300
300
  ]),
301
301
  _: 1
302
302
  }, 8, ["disabled", "aria-controls", "label"]),
303
- (o(!0), l(M, null, R(s.value, (v, u) => (o(), z(Ie, {
303
+ (o(!0), l(z, null, M(s.value, (v, u) => (o(), R(He, {
304
304
  key: u,
305
305
  slide: v,
306
306
  direction: p.value,
@@ -312,7 +312,7 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
312
312
  "disable-style-around-image": e.disableStyleAroundImage,
313
313
  "image-text-display": e.imageTextDisplay
314
314
  }, null, 8, ["slide", "direction", "label", "is-active", "title-level", "type", "disable-animation", "disable-style-around-image", "image-text-display"]))), 128)),
315
- y(I, {
315
+ y(H, {
316
316
  class: "carousel__nav next",
317
317
  disabled: d.value,
318
318
  "aria-controls": f(m),
@@ -326,16 +326,16 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
326
326
  _: 1
327
327
  }, 8, ["disabled", "aria-controls", "label"])
328
328
  ], 8, qe),
329
- g("div", Ke, [
330
- g("div", Xe, [
331
- y(H, {
329
+ g("div", Xe, [
330
+ g("div", Je, [
331
+ y(I, {
332
332
  onClick: t[2] || (t[2] = (v) => x(1)),
333
333
  label: n.$t("pix-carousel.previous"),
334
334
  "aria-controls": f(m),
335
335
  direction: "previous",
336
336
  disabled: r.value
337
337
  }, null, 8, ["label", "aria-controls", "disabled"]),
338
- y(H, {
338
+ y(I, {
339
339
  onClick: t[3] || (t[3] = (v) => x(-1)),
340
340
  label: n.$t("pix-carousel.next"),
341
341
  "aria-controls": f(m),
@@ -343,8 +343,8 @@ const Ue = /* @__PURE__ */ C(Ge, [["render", Ze]]), Ye = ["aria-roledescription"
343
343
  disabled: d.value
344
344
  }, null, 8, ["label", "aria-controls", "disabled"])
345
345
  ]),
346
- g("div", Je, [
347
- (o(!0), l(M, null, R(s.value, (v, u) => (o(), z(Z, {
346
+ g("div", Ke, [
347
+ (o(!0), l(z, null, M(s.value, (v, u) => (o(), R(Z, {
348
348
  key: u,
349
349
  description: v.description,
350
350
  title: v.title,
@@ -370,13 +370,13 @@ const U = ee(ti, {
370
370
  });
371
371
  U.prototype.normalizeProps = (e) => ({
372
372
  ...e,
373
- titleLevel: k(e.titleLevel),
374
- imageTextDisplay: ne(e.imageTextDisplay),
373
+ titleLevel: A(e.titleLevel),
374
+ imageTextDisplay: ae(e.imageTextDisplay),
375
375
  slides: e.slides.map((i) => ({
376
376
  ...i,
377
- displayHeight: k(i.displayHeight),
378
- displayWidth: k(i.displayWidth),
379
- license: ae(i.license)
377
+ displayHeight: A(i.displayHeight),
378
+ displayWidth: A(i.displayWidth),
379
+ license: ne(i.license)
380
380
  }))
381
381
  });
382
382
  window.customElements.define("pix-carousel", U);
@@ -1,29 +1,31 @@
1
- import { b as X, j as S, u as Y, r as h, g as i, G as ee, c as b, o as u, a as e, E as w, K as m, H as f, t as o, s as T, B as te, F as L, e as P, f as ae, m as se, k as oe, x as ie, _ as ne, d as re } from "../_plugin-vue_export-helper-D0N_62VD.js";
2
- import { u as le, i as B } from "../i18n-lite-t2jNOu0C.js";
3
- import { B as V } from "../Button.ce-CTKrSDrC.js";
4
- import { P as ce } from "../Popin.ce-DUQ7-GMT.js";
5
- import { b as de } from "../normalize-props-DH0oPBss.js";
6
- const pe = {
1
+ import { b as J, h as S, K as X, o as u, c as b, a as e, C as y, D as m, E as f, x as o, z as T, F as L, e as P, f as Y, l as ee, m as te, r as h, g as i, n as ae, _ as se, d as oe } from "../_plugin-vue_export-helper-VRfPs3B6.js";
2
+ import { u as ie, i as B } from "../i18n-lite-CZIis7T7.js";
3
+ import { B as V } from "../Button.ce-CIdOR7Ut.js";
4
+ import { P as ne } from "../Popin.ce-BczgRCZ5.js";
5
+ import { p as re } from "../shadow-dom-5ECgVh4w.js";
6
+ import { b as le } from "../normalize-props-DH0oPBss.js";
7
+ const ce = {
7
8
  "pix-combinaisons": { findCombinations: "Trouvez les combinaisons", discoverCombinations: "Combinaisons découvertes", progression: "Progression", validate: "Valider", ariaValidate: "Valider la combinaison", displayAllCombinations: "Voir toutes les combinaisons", combinationAlreadyTried: "Vous avez déjà essayé cette combinaison", fourPasswords: "4 mots de passe sont possibles. C’est peu !", easilyTestable: "Une personne peut facilement tester toutes les combinaisons à la main.", next: "Suivant", soManyPasswords: "27 mots de passe sont possibles !", feedbackSoManyPasswords: "Environ 7 fois plus de combinaisons qu’avant. Ça augmente vite dis donc ! 😱\u2028Quand on ajoute des caractères et qu’on allonge le mot de passe, il faut beaucoup plus de temps pour tout tester à la main.", completed: "Terminé", backspace: "Retour en arrière", currentStep: "{{step}} {{number}}", step: "Étape", numberOfChars: "{{number}} caractères", completionState: "Vous avez trouvé {{percent}} des combinaisons possibles" }
8
- }, A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ue = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", fe = { class: "stepper" }, be = ["aria-hidden"], me = { class: "character-value" }, ve = { class: "sr-only" }, ge = { class: "character-info" }, he = ["aria-hidden"], xe = { class: "character-value" }, Ce = { class: "sr-only" }, we = { class: "character-info" }, ye = { class: "cards" }, ke = { class: "card card-left" }, _e = ["aria-level"], Le = ["src"], Pe = {
9
+ }, A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.8333%209.16675H4.16667C3.24619%209.16675%202.5%209.91294%202.5%2010.8334V16.6667C2.5%2017.5872%203.24619%2018.3334%204.16667%2018.3334H15.8333C16.7538%2018.3334%2017.5%2017.5872%2017.5%2016.6667V10.8334C17.5%209.91294%2016.7538%209.16675%2015.8333%209.16675Z'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.83331%209.16675V5.83341C5.83331%204.72835%206.2723%203.66854%207.0537%202.88714C7.8351%202.10573%208.89491%201.66675%209.99998%201.66675C11.105%201.66675%2012.1649%202.10573%2012.9463%202.88714C13.7277%203.66854%2014.1666%204.72835%2014.1666%205.83341V9.16675'%20stroke='%235E6C84'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", de = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.83713%207.37459C10.522%206.70686%2011.4406%206.33317%2012.3971%206.33325H26.1265C26.9238%206.33325%2027.8518%206.55459%2028.6105%207.02525C29.3825%207.50259%2030.0905%208.32392%2030.0905%209.49992V22.4999C30.0905%2023.6759%2029.3825%2024.4959%2028.6105%2024.9746C27.8597%2025.4244%2027.0016%2025.6635%2026.1265%2025.6666H12.3971C11.4406%2025.6667%2010.522%2025.293%209.83713%2024.6253L2.70379%2017.6706C2.48084%2017.4532%202.30365%2017.1934%202.18267%2016.9065C2.06169%2016.6195%201.99936%2016.3113%201.99936%2015.9999C1.99936%2015.6885%202.06169%2015.3803%202.18267%2015.0934C2.30365%2014.8064%202.48084%2014.5466%202.70379%2014.3293L9.83713%207.37459ZM18.7065%2012.6266C18.6149%2012.5283%2018.5045%2012.4495%2018.3818%2012.3949C18.2592%2012.3402%2018.1268%2012.3108%2017.9925%2012.3085C17.8582%2012.3061%2017.7248%2012.3308%2017.6003%2012.3811C17.4758%2012.4314%2017.3627%2012.5062%2017.2677%2012.6012C17.1728%2012.6962%2017.0979%2012.8093%2017.0476%2012.9338C16.9973%2013.0583%2016.9726%2013.1917%2016.975%2013.3259C16.9774%2013.4602%2017.0068%2013.5926%2017.0614%2013.7153C17.1161%2013.838%2017.1949%2013.9484%2017.2931%2014.0399L19.2531%2015.9999L17.2931%2017.9599C17.1949%2018.0515%2017.1161%2018.1619%2017.0614%2018.2845C17.0068%2018.4072%2016.9774%2018.5396%2016.975%2018.6739C16.9726%2018.8082%2016.9973%2018.9415%2017.0476%2019.066C17.0979%2019.1906%2017.1728%2019.3037%2017.2677%2019.3986C17.3627%2019.4936%2017.4758%2019.5685%2017.6003%2019.6187C17.7248%2019.669%2017.8582%2019.6937%2017.9925%2019.6914C18.1268%2019.689%2018.2592%2019.6596%2018.3818%2019.605C18.5045%2019.5503%2018.6149%2019.4715%2018.7065%2019.3733L20.6665%2017.4133L22.6265%2019.3733C22.718%2019.4715%2022.8284%2019.5503%2022.9511%2019.605C23.0737%2019.6596%2023.2062%2019.689%2023.3404%2019.6914C23.4747%2019.6937%2023.6081%2019.669%2023.7326%2019.6187C23.8571%2019.5685%2023.9702%2019.4936%2024.0652%2019.3986C24.1601%2019.3037%2024.235%2019.1906%2024.2853%2019.066C24.3356%2018.9415%2024.3603%2018.8082%2024.3579%2018.6739C24.3555%2018.5396%2024.3262%2018.4072%2024.2715%2018.2845C24.2168%2018.1619%2024.138%2018.0515%2024.0398%2017.9599L22.0798%2015.9999L24.0398%2014.0399C24.138%2013.9484%2024.2168%2013.838%2024.2715%2013.7153C24.3262%2013.5926%2024.3555%2013.4602%2024.3579%2013.3259C24.3603%2013.1917%2024.3356%2013.0583%2024.2853%2012.9338C24.235%2012.8093%2024.1601%2012.6962%2024.0652%2012.6012C23.9702%2012.5062%2023.8571%2012.4314%2023.7326%2012.3811C23.6081%2012.3308%2023.4747%2012.3061%2023.3404%2012.3085C23.2062%2012.3108%2023.0737%2012.3402%2022.9511%2012.3949C22.8284%2012.4495%2022.718%2012.5283%2022.6265%2012.6266L20.6665%2014.5866L18.7065%2012.6266Z'%20fill='%232C75FF'/%3e%3c/svg%3e", pe = { class: "stepper" }, ue = ["aria-hidden"], fe = { class: "character-value" }, be = { class: "sr-only" }, me = { class: "character-info" }, ve = ["aria-hidden"], ge = { class: "character-value" }, he = { class: "sr-only" }, xe = { class: "character-info" }, Ce = { class: "cards" }, ye = { class: "card card-left" }, we = ["aria-level"], ke = ["src"], _e = {
9
10
  class: "sr-only",
10
11
  "aria-live": "polite"
11
- }, Ve = {
12
+ }, Le = {
12
13
  class: "placeholders",
13
14
  id: "letters",
14
15
  "aria-live": "polite"
15
- }, Be = { class: "letters-and-back" }, $e = ["src"], je = {
16
+ }, Pe = { class: "letters-and-back" }, Ve = ["src"], Be = {
16
17
  key: 0,
17
18
  class: "doublon-feedback",
18
19
  "aria-live": "polite"
19
- }, ze = { class: "card card-right" }, Se = ["aria-level"], Te = ["src"], Ae = ["aria-live"], Ee = /* @__PURE__ */ X({
20
+ }, $e = { class: "card card-right" }, ze = ["aria-level"], je = ["src"], Se = ["aria-live"], Te = /* @__PURE__ */ J({
20
21
  __name: "PixCombinaisons.ce",
21
22
  props: {
22
23
  wontWait: { type: Boolean, default: !1 },
23
24
  titleLevel: { default: 2, type: Number }
24
25
  },
25
- setup(d, { expose: M }) {
26
- const { t: l } = le(), D = S("combination"), $ = S("wrapper"), F = Y(), n = h([]), x = h(!1), c = h([]), p = h(1), k = h(!1), y = h(!1), N = i(() => n.value.length === C.value.length || v.value), R = i(() => n.value.length === 0 || v.value), H = i(() => n.value.length !== C.value.length && !v.value || y.value), v = i(() => c.value.length >= 7), C = i(() => ["A", "B", "C"].slice(0, p.value + 1)), I = i(() => c.value.length === _.value.length && !k.value), q = i(() => p.value === 1 ? {
26
+ setup(d, { expose: E }) {
27
+ re();
28
+ const { t: l } = ie(), M = S("combination"), $ = S("wrapper"), n = h([]), x = h(!1), c = h([]), p = h(1), k = h(!1), w = h(!1), F = i(() => n.value.length === C.value.length || v.value), N = i(() => n.value.length === 0 || v.value), R = i(() => n.value.length !== C.value.length && !v.value || w.value), v = i(() => c.value.length >= 7), C = i(() => ["A", "B", "C"].slice(0, p.value + 1)), I = i(() => c.value.length === _.value.length && !k.value), q = i(() => p.value === 1 ? {
27
29
  title: l("pix-combinaisons.fourPasswords"),
28
30
  content: l("pix-combinaisons.easilyTestable"),
29
31
  textButton: l("pix-combinaisons.next")
@@ -31,64 +33,64 @@ const pe = {
31
33
  title: l("pix-combinaisons.soManyPasswords"),
32
34
  content: l("pix-combinaisons.feedbackSoManyPasswords"),
33
35
  textButton: l("pix-combinaisons.completed")
34
- }), O = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.validate")), Z = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.ariaValidate")), j = i(() => `${(c.value.length * 100 / _.value.length).toFixed(0)}%`), G = i(() => `${p.value === 1 ? "50" : "100"}%`), _ = i(() => z(C.value));
36
+ }), H = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.validate")), O = i(() => v.value ? l("pix-combinaisons.displayAllCombinations") : l("pix-combinaisons.ariaValidate")), z = i(() => `${(c.value.length * 100 / _.value.length).toFixed(0)}%`), Z = i(() => `${p.value === 1 ? "50" : "100"}%`), _ = i(() => j(C.value));
35
37
  function W() {
36
- n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1, y.value = !1;
38
+ n.value = [], x.value = !1, c.value = [], p.value = 1, k.value = !1, w.value = !1;
37
39
  }
38
- function z(t, a = t) {
40
+ function j(t, a = t) {
39
41
  const r = [];
40
42
  for (let s = 0; s < t.length; s++)
41
43
  for (let g = 0; g < a.length; g++)
42
44
  r.push(`${t[s]}${a[g]}`);
43
- return r[0].length !== a.length ? z(r, t) : r;
45
+ return r[0].length !== a.length ? j(r, t) : r;
44
46
  }
45
- async function K() {
47
+ async function G() {
46
48
  if (p.value === 2) {
47
49
  k.value = !0;
48
50
  return;
49
51
  }
50
- n.value = [], x.value = !1, c.value = [], await ie(), $.value.focus(), p.value = 2;
52
+ n.value = [], x.value = !1, c.value = [], await ae(), $.value.focus(), p.value = 2;
51
53
  }
52
- function Q(t) {
54
+ function K(t) {
53
55
  n.value.push(t);
54
56
  }
55
- async function U() {
57
+ async function Q() {
56
58
  if (v.value) {
57
- y.value = !0;
59
+ w.value = !0;
58
60
  const a = _.value.filter((r) => !c.value.includes(r));
59
61
  for (const r of a)
60
- c.value.push(r), D.value.at(-1).scrollIntoView({ behavior: "smooth" }), d.wontWait || await new Promise((s) => setTimeout(s, 200));
62
+ c.value.push(r), M.value.at(-1).scrollIntoView({ behavior: "smooth" }), d.wontWait || await new Promise((s) => setTimeout(s, 200));
61
63
  return;
62
64
  }
63
65
  const t = n.value.join("");
64
- if (J(c.value, t)) {
66
+ if (U(c.value, t)) {
65
67
  x.value = !0, n.value = [];
66
68
  return;
67
69
  }
68
70
  c.value.push(t), n.value = [], x.value = !1;
69
71
  }
70
- function J(t, a) {
72
+ function U(t, a) {
71
73
  return t.includes(a);
72
74
  }
73
- return M({
75
+ return E({
74
76
  reset: W
75
77
  }), (t, a) => {
76
- const r = ee("i18n");
78
+ const r = X("i18n");
77
79
  return u(), b("div", {
78
80
  ref_key: "wrapper",
79
81
  ref: $,
80
82
  class: "wrapper",
81
83
  tabindex: "-1"
82
84
  }, [
83
- e("div", fe, [
85
+ e("div", pe, [
84
86
  e("div", {
85
87
  class: "character",
86
88
  "aria-hidden": p.value !== 1
87
89
  }, [
88
- e("p", me, [
89
- w(r, { t: "pix-combinaisons.currentStep" }, {
90
+ e("p", fe, [
91
+ y(r, { t: "pix-combinaisons.currentStep" }, {
90
92
  step: m(() => [
91
- e("span", ve, o(t.$t("pix-combinaisons.step")), 1)
93
+ e("span", be, o(t.$t("pix-combinaisons.step")), 1)
92
94
  ]),
93
95
  number: m(() => [...a[1] || (a[1] = [
94
96
  f("1", -1)
@@ -96,23 +98,23 @@ const pe = {
96
98
  _: 1
97
99
  })
98
100
  ]),
99
- e("p", ge, [
101
+ e("p", me, [
100
102
  f(o(t.$t("pix-combinaisons.numberOfChars", { number: 2 })), 1),
101
103
  a[2] || (a[2] = e("span", null, "(a,b)", -1))
102
104
  ])
103
- ], 8, be),
105
+ ], 8, ue),
104
106
  e("div", {
105
107
  class: "stepper-bar",
106
- style: T({ "--step-progression": G.value })
108
+ style: T({ "--step-progression": Z.value })
107
109
  }, null, 4),
108
110
  e("div", {
109
111
  class: "character",
110
112
  "aria-hidden": p.value !== 2
111
113
  }, [
112
- e("p", xe, [
113
- w(r, { t: "pix-combinaisons.currentStep" }, {
114
+ e("p", ge, [
115
+ y(r, { t: "pix-combinaisons.currentStep" }, {
114
116
  step: m(() => [
115
- e("span", Ce, o(t.$t("pix-combinaisons.step")), 1)
117
+ e("span", he, o(t.$t("pix-combinaisons.step")), 1)
116
118
  ]),
117
119
  number: m(() => [...a[3] || (a[3] = [
118
120
  f("2", -1)
@@ -120,14 +122,14 @@ const pe = {
120
122
  _: 1
121
123
  })
122
124
  ]),
123
- e("p", we, [
125
+ e("p", xe, [
124
126
  f(o(t.$t("pix-combinaisons.numberOfChars", { number: 3 })), 1),
125
127
  a[4] || (a[4] = e("span", null, "(a,b,c)", -1))
126
128
  ])
127
- ], 8, he)
129
+ ], 8, ve)
128
130
  ]),
129
- e("div", ye, [
130
- e("section", ke, [
131
+ e("div", Ce, [
132
+ e("section", ye, [
131
133
  e("div", {
132
134
  id: "title",
133
135
  role: "heading",
@@ -136,26 +138,26 @@ const pe = {
136
138
  e("img", {
137
139
  alt: "",
138
140
  src: A
139
- }, null, 8, Le),
141
+ }, null, 8, ke),
140
142
  f(" " + o(t.$t("pix-combinaisons.findCombinations")), 1)
141
- ], 8, _e),
143
+ ], 8, we),
142
144
  e("p", null, o(t.$t("pix-combinaisons.progression")), 1),
143
145
  e("div", {
144
146
  class: "progress-bar",
145
- style: T({ "--completion": j.value })
147
+ style: T({ "--completion": z.value })
146
148
  }, null, 4),
147
- e("p", Pe, o(t.$t("pix-combinaisons.completionState", { percent: j.value })), 1),
148
- e("div", Ve, [
149
+ e("p", _e, o(t.$t("pix-combinaisons.completionState", { percent: z.value })), 1),
150
+ e("div", Le, [
149
151
  (u(!0), b(L, null, P(C.value.length, (s, g) => (u(), b("p", {
150
152
  class: "placeholder",
151
153
  key: s
152
154
  }, o(n.value[g]), 1))), 128))
153
155
  ]),
154
- e("div", Be, [
155
- (u(!0), b(L, null, P(C.value, (s) => (u(), ae(V, {
156
- "is-disabled": N.value,
156
+ e("div", Pe, [
157
+ (u(!0), b(L, null, P(C.value, (s) => (u(), Y(V, {
158
+ "is-disabled": F.value,
157
159
  class: "letter",
158
- onClick: (g) => Q(s),
160
+ onClick: (g) => K(s),
159
161
  key: s,
160
162
  "aria-controls": "letters"
161
163
  }, {
@@ -164,36 +166,36 @@ const pe = {
164
166
  ]),
165
167
  _: 2
166
168
  }, 1032, ["is-disabled", "onClick"]))), 128)),
167
- w(V, {
168
- "is-disabled": R.value,
169
+ y(V, {
170
+ "is-disabled": N.value,
169
171
  class: "backspace",
170
172
  onClick: a[0] || (a[0] = (s) => n.value.pop()),
171
173
  "aria-label": t.$t("pix-combinaisons.backspace")
172
174
  }, {
173
175
  default: m(() => [
174
176
  e("img", {
175
- src: ue,
177
+ src: de,
176
178
  alt: ""
177
- }, null, 8, $e)
179
+ }, null, 8, Ve)
178
180
  ]),
179
181
  _: 1
180
182
  }, 8, ["is-disabled", "aria-label"])
181
183
  ]),
182
- w(V, {
184
+ y(V, {
183
185
  class: "validate",
184
- "is-disabled": H.value,
185
- onClick: U,
186
- "aria-label": Z.value,
186
+ "is-disabled": R.value,
187
+ onClick: Q,
188
+ "aria-label": O.value,
187
189
  "aria-describedby": "letters"
188
190
  }, {
189
191
  default: m(() => [
190
- f(o(O.value), 1)
192
+ f(o(H.value), 1)
191
193
  ]),
192
194
  _: 1
193
195
  }, 8, ["is-disabled", "aria-label"]),
194
- x.value ? (u(), b("p", je, o(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : te("", !0)
196
+ x.value ? (u(), b("p", Be, o(t.$t("pix-combinaisons.combinationAlreadyTried")), 1)) : ee("", !0)
195
197
  ]),
196
- e("section", ze, [
198
+ e("section", $e, [
197
199
  e("div", {
198
200
  role: "heading",
199
201
  "aria-level": d.titleLevel + 1
@@ -201,38 +203,37 @@ const pe = {
201
203
  e("img", {
202
204
  alt: "",
203
205
  src: A
204
- }, null, 8, Te),
206
+ }, null, 8, je),
205
207
  f(" " + o(t.$t("pix-combinaisons.discoverCombinations")), 1)
206
- ], 8, Se),
208
+ ], 8, ze),
207
209
  e("ul", {
208
210
  class: "results",
209
- "aria-live": y.value ? "polite" : "off"
211
+ "aria-live": w.value ? "polite" : "off"
210
212
  }, [
211
213
  (u(!0), b(L, null, P(c.value, (s) => (u(), b("li", {
212
214
  ref_for: !0,
213
215
  ref: "combination",
214
216
  key: s
215
217
  }, o(s), 1))), 128))
216
- ], 8, Ae)
218
+ ], 8, Se)
217
219
  ])
218
220
  ]),
219
- w(ce, se(q.value, {
221
+ y(ne, te(q.value, {
220
222
  show: I.value,
221
- "root-element": oe(F),
222
- onPrimaryAction: K
223
- }), null, 16, ["show", "root-element"])
223
+ onPrimaryAction: G
224
+ }), null, 16, ["show"])
224
225
  ], 512);
225
226
  };
226
227
  }
227
- }), Me = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 16px}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', De = /* @__PURE__ */ ne(Ee, [["styles", [Me]]]);
228
- B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": pe }));
229
- const E = re(De, {
228
+ }), Ae = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-family:Nunito,Roboto,sans-serif;color:#122647}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.doublon-feedback{border-radius:8px;background:#eaf1ff;padding:8px}.wrapper{position:relative;padding:24px 16px}.stepper{display:flex;align-items:center;gap:8px;width:60%;margin:0 auto;margin-bottom:calc(28px + 1.5rem)}.stepper .stepper-bar{height:4px;width:100%;background:#cdd1d9;border-radius:4px;position:relative}.stepper .stepper-bar:after{content:"";position:absolute;border-radius:inherit;background:#155dfc;width:var(--step-progression);height:100%}.stepper .character{display:flex;justify-content:center;align-items:center;position:relative;font-size:.875rem;font-weight:700;border-radius:50%;background-color:#3d68ff;aspect-ratio:1;width:32px}.stepper .character-value{color:#fff}.stepper .character-info{position:absolute;width:fit-content;color:#3d68ff;top:100%;left:50%;transform:translate(-50%);line-height:.75rem;text-align:center}.stepper .character-info span{display:block;font-size:.75rem;color:inherit}.cards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.card{width:100%;max-width:356px;border-radius:24px;background:#fff;box-shadow:0 2px 5px #4a3aff40,0 -2px 5px #4a3aff26 inset,0 1px 1px #ffffff1a inset,0 3px 4px #dfeeff1a inset;padding:24px}.card p{font-family:Roboto,sans-serif;font-size:.875rem;margin-block:8px}.card-left .progress-bar{height:12px;border-radius:12px;background:#cdd1d9;margin-bottom:24px;position:relative}.card-left .progress-bar:after{content:"";position:absolute;left:0;border-radius:12px;background:linear-gradient(90deg,#2b7fff,#00b8db);height:100%;width:var(--completion)}.card-left .placeholders{display:flex;gap:8px;justify-content:center}.card-left .placeholder{font-size:1.25rem;border-radius:10px;border:2px dashed #cdd1d9;background:#f4f5f7;width:64px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.card-left .letters-and-back{display:flex;gap:8px;justify-content:center;cursor:pointer;margin:16px 0}.card-left .letter{padding-block:16px;border-radius:10px;background:#155dfc;color:#fff;font-size:1.25rem;font-weight:700;text-align:center}.card-left .letter:hover{background:#155dfcdd}.card-left .letter[aria-disabled=true]{background:#155dfc50}.card-left .backspace,.card-left .backspace:hover,.card-left .backspace[aria-disabled=true]{background:#f4f5f7}.card-left .backspace[aria-disabled=true] img{opacity:.5}.card-left .validate{width:100%;font-weight:700;font-size:1rem;margin-bottom:24px}.card-right{display:flex;flex-direction:column}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;max-height:300px}.results li{list-style:none;border-radius:10px;border:2px solid #2c75ff;background:#eaf1ff;padding:15px 0;text-align:center;font-weight:700}div[role=heading]{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}button{border:none;border-radius:10px;flex:1;cursor:pointer}', De = /* @__PURE__ */ se(Te, [["styles", [Ae]]]);
229
+ B.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/fr.json": ce }));
230
+ const D = oe(De, {
230
231
  configureApp(d) {
231
232
  B.changeLanguage(document?.documentElement?.lang || navigator.language), d.use(B);
232
233
  }
233
234
  });
234
- E.prototype.normalizeProps = (d) => ({
235
+ D.prototype.normalizeProps = (d) => ({
235
236
  ...d,
236
- titleLevel: de(d.titleLevel)
237
+ titleLevel: le(d.titleLevel)
237
238
  });
238
- window.customElements.define("pix-combinaisons", E);
239
+ window.customElements.define("pix-combinaisons", D);