@1024pix/epreuves-components 4.6.0 → 4.6.1

package/dist/components/analyse-mails-phishing.ce.js.js

@@ -1,50 +1,49 @@
-import { a as V, i as W, h as D, w as J, o as a, f as S, E as s, q as U, Q as z, y as L, t as X, v as M, V as Y, g as o, _ as Z, K as ee, c, D as u, b as n, A as y, x as l, F as w, e as A, l as x, W as te, r as N, p as ae, d as se } from "../_plugin-vue_export-helper-DJlRxzRH.js";
-import { u as ne, i as P } from "../i18n-lite-X2ADNonj.js";
+import { b as A, i as W, h as D, w as J, o as l, f as L, D as t, q as U, Q as T, y as z, t as X, v as S, V as Y, g as o, _ as Z, K as ee, c, C as d, a as n, E as h, x as s, F as k, e as N, l as w, W as te, r as V, p as ae, d as se } from "../_plugin-vue_export-helper-CD1RUA2y.js";
+import { u as ne, i as P } from "../i18n-lite-WQsHAHqG.js";
 import { b as le } from "../normalize-props-DH0oPBss.js";
-import { F as oe } from "../Feedback.ce-CeyQhenY.js";
-import { _ as ie, a as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-Cc1FblLh.js";
-import { S as ce } from "../Stepper.ce-cG0al2pY.js";
-import { l as de } from "../index-Ck6CFpiq.js";
-const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
+import { _ as oe, a as ie, F as re } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CGq82iLD.js";
+import { S as ce } from "../Stepper.ce-MmSadTrx.js";
+import { l as de } from "../index-C8-9QxHJ.js";
+const ue = {}, pe = {}, me = {}, fe = {}, he = {}, _e = {
   "analyse-mails-phishing": { continue: "Continuer", subject: "{{srOnly}}{{subject}}", subjectSrOnly: "Sujet : ", sender: "{{srOnly}}{{sender}}", senderSrOnly: "Expéditeur : ", recipient: "{{srOnly}}{{recipient}}", recipientSrOnly: "Destinataire : ", to: "À moi", feedbackTitle: { correct: "Bien joué", incorrect: "Ce n’est pas ça" }, feedbackSrOnly: "Vous pouvez cliquer sur Continuer pour afficher le prochain mail." }
-}, ve = {}, ge = {}, ye = "data:image/svg+xml,%3csvg%20width='41'%20height='41'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2033.5484C9.02496%2031.6445%209.79268%2029.8271%2011.1371%2028.4893C12.4815%2027.1515%2014.2944%2026.4009%2016.1837%2026.3999H24.8163C26.7056%2026.4009%2028.5185%2027.1515%2029.8629%2028.4893C31.2073%2029.8271%2031.975%2031.6445%2032%2033.5484C28.8446%2036.4141%2024.7476%2038%2020.5%2038C16.2524%2038%2012.1554%2036.4141%209%2033.5484ZM26.9744%2015.525C26.9744%2016.8155%2026.5947%2018.077%2025.8833%2019.1501C25.1719%2020.2231%2024.1607%2021.0594%2022.9776%2021.5533C21.7946%2022.0471%2020.4928%2022.1763%2019.2369%2021.9246C17.981%2021.6728%2016.8274%2021.0514%2015.9219%2020.1388C15.0164%2019.2263%2014.3998%2018.0637%2014.15%2016.7979C13.9002%2015.5322%2014.0284%2014.2203%2014.5184%2013.028C15.0085%2011.8357%2015.8383%2010.8166%2016.903%2010.0997C17.9677%209.38268%2019.2195%209%2020.5%209C22.2171%209%2023.8639%209.68745%2025.0781%2010.9111C26.2923%2012.1348%2026.9744%2013.7944%2026.9744%2015.525Z'%20fill='white'/%3e%3cpath%20d='M36.2655%2033.5758C38.3699%2031.0459%2039.8335%2028.0469%2040.5326%2024.8323C41.2316%2021.6177%2041.1455%2018.2822%2040.2815%2015.1079C39.4175%2011.9336%2037.8011%209.0139%2035.569%206.59581C33.3368%204.17772%2030.5547%202.33238%2027.4578%201.21587C24.3609%200.0993725%2021.0405%20-0.255438%2017.7774%200.181459C14.5142%200.618355%2011.4044%201.83411%208.71099%203.72586C6.01756%205.61762%203.81975%208.12973%202.30349%2011.0497C0.787232%2013.9696%20-0.00287585%2017.2115%207.86538e-06%2020.5011C0.00111445%2025.2832%201.6877%2029.9122%204.7638%2033.5758L4.7345%2033.6007C4.83707%2033.7237%204.9543%2033.8291%205.0598%2033.9506C5.19168%2034.1014%205.33382%2034.2435%205.47009%2034.3899C5.88039%2034.835%206.3024%2035.2625%206.74493%2035.6637C6.87974%2035.7866%207.01895%2035.9008%207.15522%2036.018C7.62413%2036.4221%208.10623%2036.8057%208.6059%2037.1629C8.67038%2037.2068%208.72899%2037.264%208.79347%2037.3093V37.2918C12.2254%2039.7049%2016.3196%2041%2020.5161%2041C24.7127%2041%2028.8068%2039.7049%2032.2388%2037.2918V37.3093C32.3033%2037.264%2032.3604%2037.2068%2032.4263%2037.1629C32.9246%2036.8042%2033.4081%2036.4221%2033.877%2036.018C34.0133%2035.9008%2034.1525%2035.7852%2034.2873%2035.6637C34.7298%2035.261%2035.1519%2034.835%2035.5622%2034.3899C35.6984%2034.2435%2035.8391%2034.1014%2035.9725%2033.9506C36.0765%2033.8291%2036.1952%2033.7237%2036.2978%2033.5992L36.2655%2033.5758ZM20.5147%208.78808C21.8188%208.78808%2023.0937%209.1745%2024.1781%209.89846C25.2625%2010.6224%2026.1076%2011.6514%2026.6067%2012.8553C27.1058%2014.0592%2027.2364%2015.384%2026.982%2016.662C26.7275%2017.9401%2026.0995%2019.1141%2025.1773%2020.0355C24.2551%2020.9569%2023.0802%2021.5844%2021.8011%2021.8387C20.522%2022.0929%2019.1961%2021.9624%2017.9912%2021.4637C16.7864%2020.9651%2015.7565%2020.1206%2015.032%2019.0371C14.3074%2017.9536%2013.9207%2016.6798%2013.9207%2015.3767C13.9207%2013.6293%2014.6154%2011.9534%2015.852%2010.7178C17.0886%209.48224%2018.7658%208.78808%2020.5147%208.78808ZM8.80226%2033.5758C8.82768%2031.6534%209.60958%2029.8182%2010.9788%2028.4674C12.348%2027.1165%2014.1945%2026.3586%2016.1187%2026.3576H24.9107C26.8349%2026.3586%2028.6813%2027.1165%2030.0505%2028.4674C31.4197%2029.8182%2032.2016%2031.6534%2032.2271%2033.5758C29.0134%2036.4694%2024.8407%2038.0708%2020.5147%2038.0708C16.1886%2038.0708%2012.016%2036.4694%208.80226%2033.5758Z'%20fill='%232F80ED'/%3e%3c/svg%3e", be = "data:image/svg+xml,%3csvg%20width='8'%20height='4'%20viewBox='0%200%208%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L3.53%203.38803L7.06%200H0Z'%20fill='black'/%3e%3c/svg%3e", Ce = /* @__PURE__ */ V({
+}, ve = {}, ge = {}, ye = "data:image/svg+xml,%3csvg%20width='41'%20height='41'%20viewBox='0%200%2041%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9%2033.5484C9.02496%2031.6445%209.79268%2029.8271%2011.1371%2028.4893C12.4815%2027.1515%2014.2944%2026.4009%2016.1837%2026.3999H24.8163C26.7056%2026.4009%2028.5185%2027.1515%2029.8629%2028.4893C31.2073%2029.8271%2031.975%2031.6445%2032%2033.5484C28.8446%2036.4141%2024.7476%2038%2020.5%2038C16.2524%2038%2012.1554%2036.4141%209%2033.5484ZM26.9744%2015.525C26.9744%2016.8155%2026.5947%2018.077%2025.8833%2019.1501C25.1719%2020.2231%2024.1607%2021.0594%2022.9776%2021.5533C21.7946%2022.0471%2020.4928%2022.1763%2019.2369%2021.9246C17.981%2021.6728%2016.8274%2021.0514%2015.9219%2020.1388C15.0164%2019.2263%2014.3998%2018.0637%2014.15%2016.7979C13.9002%2015.5322%2014.0284%2014.2203%2014.5184%2013.028C15.0085%2011.8357%2015.8383%2010.8166%2016.903%2010.0997C17.9677%209.38268%2019.2195%209%2020.5%209C22.2171%209%2023.8639%209.68745%2025.0781%2010.9111C26.2923%2012.1348%2026.9744%2013.7944%2026.9744%2015.525Z'%20fill='white'/%3e%3cpath%20d='M36.2655%2033.5758C38.3699%2031.0459%2039.8335%2028.0469%2040.5326%2024.8323C41.2316%2021.6177%2041.1455%2018.2822%2040.2815%2015.1079C39.4175%2011.9336%2037.8011%209.0139%2035.569%206.59581C33.3368%204.17772%2030.5547%202.33238%2027.4578%201.21587C24.3609%200.0993725%2021.0405%20-0.255438%2017.7774%200.181459C14.5142%200.618355%2011.4044%201.83411%208.71099%203.72586C6.01756%205.61762%203.81975%208.12973%202.30349%2011.0497C0.787232%2013.9696%20-0.00287585%2017.2115%207.86538e-06%2020.5011C0.00111445%2025.2832%201.6877%2029.9122%204.7638%2033.5758L4.7345%2033.6007C4.83707%2033.7237%204.9543%2033.8291%205.0598%2033.9506C5.19168%2034.1014%205.33382%2034.2435%205.47009%2034.3899C5.88039%2034.835%206.3024%2035.2625%206.74493%2035.6637C6.87974%2035.7866%207.01895%2035.9008%207.15522%2036.018C7.62413%2036.4221%208.10623%2036.8057%208.6059%2037.1629C8.67038%2037.2068%208.72899%2037.264%208.79347%2037.3093V37.2918C12.2254%2039.7049%2016.3196%2041%2020.5161%2041C24.7127%2041%2028.8068%2039.7049%2032.2388%2037.2918V37.3093C32.3033%2037.264%2032.3604%2037.2068%2032.4263%2037.1629C32.9246%2036.8042%2033.4081%2036.4221%2033.877%2036.018C34.0133%2035.9008%2034.1525%2035.7852%2034.2873%2035.6637C34.7298%2035.261%2035.1519%2034.835%2035.5622%2034.3899C35.6984%2034.2435%2035.8391%2034.1014%2035.9725%2033.9506C36.0765%2033.8291%2036.1952%2033.7237%2036.2978%2033.5992L36.2655%2033.5758ZM20.5147%208.78808C21.8188%208.78808%2023.0937%209.1745%2024.1781%209.89846C25.2625%2010.6224%2026.1076%2011.6514%2026.6067%2012.8553C27.1058%2014.0592%2027.2364%2015.384%2026.982%2016.662C26.7275%2017.9401%2026.0995%2019.1141%2025.1773%2020.0355C24.2551%2020.9569%2023.0802%2021.5844%2021.8011%2021.8387C20.522%2022.0929%2019.1961%2021.9624%2017.9912%2021.4637C16.7864%2020.9651%2015.7565%2020.1206%2015.032%2019.0371C14.3074%2017.9536%2013.9207%2016.6798%2013.9207%2015.3767C13.9207%2013.6293%2014.6154%2011.9534%2015.852%2010.7178C17.0886%209.48224%2018.7658%208.78808%2020.5147%208.78808ZM8.80226%2033.5758C8.82768%2031.6534%209.60958%2029.8182%2010.9788%2028.4674C12.348%2027.1165%2014.1945%2026.3586%2016.1187%2026.3576H24.9107C26.8349%2026.3586%2028.6813%2027.1165%2030.0505%2028.4674C31.4197%2029.8182%2032.2016%2031.6534%2032.2271%2033.5758C29.0134%2036.4694%2024.8407%2038.0708%2020.5147%2038.0708C16.1886%2038.0708%2012.016%2036.4694%208.80226%2033.5758Z'%20fill='%232F80ED'/%3e%3c/svg%3e", be = "data:image/svg+xml,%3csvg%20width='8'%20height='4'%20viewBox='0%200%208%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%200L3.53%203.38803L7.06%200H0Z'%20fill='black'/%3e%3c/svg%3e", Ce = /* @__PURE__ */ A({
   __name: "MailElement.ce",
   props: {
     block: { type: Boolean, default: !1 },
     path: { type: String }
   },
-  setup(t) {
-    const { selectedPath: f, correct: $, paths: b, pathToIndex: _ } = W("store"), p = D("el"), m = o(() => f.value === t.path), v = o(() => _.value[t.path]), d = o(() => m.value || f.value === void 0 && v.value === 0);
+  setup(a) {
+    const { selectedPath: _, correct: $, paths: b, pathToIndex: v } = W("store"), p = D("el"), m = o(() => _.value === a.path), g = o(() => v.value[a.path]), u = o(() => m.value || _.value === void 0 && g.value === 0);
     function O() {
-      f.value = t.path;
+      _.value = a.path;
     }
-    function g() {
-      v.value !== 0 && (f.value = b.value[v.value - 1]);
+    function y() {
+      g.value !== 0 && (_.value = b.value[g.value - 1]);
     }
-    function E() {
-      v.value !== b.value.length - 1 && (f.value = b.value[v.value + 1]);
+    function M() {
+      g.value !== b.value.length - 1 && (_.value = b.value[g.value + 1]);
     }
     return J(() => {
       m.value && p.value.focus();
-    }), (T, i) => (a(), S(Y(t.block ? "div" : "span"), {
+    }), (E, i) => (l(), L(Y(a.block ? "div" : "span"), {
       class: X(["mail-element", {
-        "mail-element--correct": m.value && M($),
-        "mail-element--incorrect": m.value && !M($)
+        "mail-element--correct": m.value && S($),
+        "mail-element--incorrect": m.value && !S($)
       }]),
       role: "option",
       "aria-selected": m.value,
-      tabindex: d.value ? 0 : -1,
+      tabindex: u.value ? 0 : -1,
       onClick: i[0] || (i[0] = (C) => O()),
       onKeydown: [
-        i[1] || (i[1] = z(L((C) => O(), ["stop", "prevent"]), ["space"])),
-        i[2] || (i[2] = z(L((C) => g(), ["stop", "prevent"]), ["up", "left"])),
-        i[3] || (i[3] = z(L((C) => E(), ["stop", "prevent"]), ["down", "right"]))
+        i[1] || (i[1] = T(z((C) => O(), ["stop", "prevent"]), ["space"])),
+        i[2] || (i[2] = T(z((C) => y(), ["stop", "prevent"]), ["up", "left"])),
+        i[3] || (i[3] = T(z((C) => M(), ["stop", "prevent"]), ["down", "right"]))
       ],
       ref_key: "el",
       ref: p
     }, {
-      default: s(() => [
-        U(T.$slots, "default")
+      default: t(() => [
+        U(E.$slots, "default")
       ]),
       _: 3
     }, 40, ["class", "aria-selected", "tabindex"]));
@@ -58,24 +57,24 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
 }, Fe = {
   key: 1,
   class: "mail__button"
-}, Ae = {
+}, Ne = {
   key: 0,
   class: "sr-only"
-}, Ne = /* @__PURE__ */ V({
+}, Ve = /* @__PURE__ */ A({
   __name: "AnalyseMailsPhishing.ce",
   props: {
     titleLevel: { type: Number },
     mails: { type: Array }
   },
-  setup(t, { expose: f }) {
-    const $ = te(t, ["mails"]), { t: b } = ne(), _ = N(0), p = N(), m = D("container"), v = o(() => $.titleLevel ?? 2), d = o(() => t.mails[_.value]), O = o(() => p.value !== void 0), g = o(() => d.value.answers.includes(p.value)), E = o(() => g.value ? b("analyse-mails-phishing.feedbackTitle.correct") : b("analyse-mails-phishing.feedbackTitle.incorrect")), T = o(() => g.value ? d.value.correctFeedback : d.value.incorrectFeedback), i = o(() => g.value && _.value < t.mails.length - 1), C = o(
-      () => d.value.body.map((e, r) => {
+  setup(a, { expose: _ }) {
+    const $ = te(a, ["mails"]), { t: b } = ne(), v = V(0), p = V(), m = D("container"), g = o(() => $.titleLevel ?? 2), u = o(() => a.mails[v.value]), O = o(() => p.value !== void 0), y = o(() => u.value.answers.includes(p.value)), M = o(() => y.value ? b("analyse-mails-phishing.feedbackTitle.correct") : b("analyse-mails-phishing.feedbackTitle.incorrect")), E = o(() => y.value ? u.value.correctFeedback : u.value.incorrectFeedback), i = o(() => y.value && v.value < a.mails.length - 1), C = o(
+      () => u.value.body.map((e, r) => {
         if (e.type === "paragraph")
           return {
             ...e,
-            content: e.content.map((k, h) => ({
-              text: k,
-              path: `body[${r}][${h}]`
+            content: e.content.map((x, f) => ({
+              text: x,
+              path: `body[${r}][${f}]`
             }))
           };
         if (e.type === "button")
@@ -98,47 +97,47 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
     ));
     ae("store", {
       selectedPath: p,
-      correct: g,
+      correct: y,
       paths: B,
       pathToIndex: H
     });
     function K() {
-      _.value++, p.value = void 0, m.value.focus();
+      v.value++, p.value = void 0, m.value.focus();
     }
     function q() {
-      _.value = 0, p.value = void 0;
+      v.value = 0, p.value = void 0;
     }
-    return f({
+    return _({
       reset: q
     }), (e, r) => {
-      const k = ee("i18n");
-      return a(), c("div", {
+      const x = ee("i18n");
+      return l(), c("div", {
         class: "analyse-mails-phishing",
         tabindex: "-1",
         ref_key: "container",
         ref: m
       }, [
-        u(ce, {
-          step: _.value,
-          "steps-count": t.mails.length
+        d(ce, {
+          step: v.value,
+          "steps-count": a.mails.length
         }, null, 8, ["step", "steps-count"]),
         n("div", ke, [
-          u(j, {
+          d(j, {
             path: "subject",
             block: !0
           }, {
-            default: s(() => [
+            default: t(() => [
               n("div", {
                 class: "mail__subject",
                 role: "heading",
-                "arial-level": v.value
+                "arial-level": g.value
               }, [
-                u(k, { t: "analyse-mails-phishing.subject" }, {
-                  srOnly: s(() => [
-                    n("span", je, l(e.$t("analyse-mails-phishing.subjectSrOnly")), 1)
+                d(x, { t: "analyse-mails-phishing.subject" }, {
+                  srOnly: t(() => [
+                    n("span", je, s(e.$t("analyse-mails-phishing.subjectSrOnly")), 1)
                   ]),
-                  subject: s(() => [
-                    y(l(d.value.subject), 1)
+                  subject: t(() => [
+                    h(s(u.value.subject), 1)
                   ]),
                   _: 1
                 })
@@ -148,26 +147,26 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
           }),
           n("div", $e, [
             n("img", {
-              src: M(ye),
+              src: S(ye),
               alt: ""
             }, null, 8, Oe),
             n("div", Se, [
               n("div", null, [
-                u(k, { t: "analyse-mails-phishing.sender" }, {
-                  srOnly: s(() => [
-                    n("span", Me, l(e.$t("analyse-mails-phishing.senderSrOnly")), 1)
+                d(x, { t: "analyse-mails-phishing.sender" }, {
+                  srOnly: t(() => [
+                    n("span", Me, s(e.$t("analyse-mails-phishing.senderSrOnly")), 1)
                   ]),
-                  sender: s(() => [
-                    u(j, { path: "from.name" }, {
-                      default: s(() => [
-                        n("span", Ee, l(d.value.from.name), 1)
+                  sender: t(() => [
+                    d(j, { path: "from.name" }, {
+                      default: t(() => [
+                        n("span", Ee, s(u.value.from.name), 1)
                       ]),
                       _: 1
                     }),
-                    r[1] || (r[1] = y()),
-                    u(j, { path: "from.address" }, {
-                      default: s(() => [
-                        n("span", Te, "<" + l(d.value.from.address) + ">", 1)
+                    r[1] || (r[1] = h()),
+                    d(j, { path: "from.address" }, {
+                      default: t(() => [
+                        n("span", Te, "<" + s(u.value.from.address) + ">", 1)
                       ]),
                       _: 1
                     })
@@ -176,14 +175,14 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
                 })
               ]),
               n("div", ze, [
-                u(k, { t: "analyse-mails-phishing.recipient" }, {
-                  srOnly: s(() => [
-                    n("span", Le, l(e.$t("analyse-mails-phishing.recipientSrOnly")), 1)
+                d(x, { t: "analyse-mails-phishing.recipient" }, {
+                  srOnly: t(() => [
+                    n("span", Le, s(e.$t("analyse-mails-phishing.recipientSrOnly")), 1)
                   ]),
-                  recipient: s(() => [
-                    y(l(e.$t("analyse-mails-phishing.to")) + " ", 1),
+                  recipient: t(() => [
+                    h(s(e.$t("analyse-mails-phishing.to")) + " ", 1),
                     n("img", {
-                      src: M(be),
+                      src: S(be),
                       alt: ""
                     }, null, 8, Pe)
                   ]),
@@ -192,69 +191,69 @@ const ue = {}, pe = {}, me = {}, he = {}, fe = {}, _e = {
               ])
             ])
           ]),
-          (a(!0), c(w, null, A(C.value, (h, I) => (a(), c(w, { key: I }, [
-            h.type === "paragraph" ? (a(), c("p", Be, [
-              (a(!0), c(w, null, A(h.content, ({ path: G, text: Q }, F) => (a(), c(w, { key: F }, [
-                F !== 0 ? (a(), c(w, { key: 0 }, [
-                  y(l(" "))
-                ], 64)) : x("", !0),
-                u(j, { path: G }, {
-                  default: s(() => [
-                    y(l(Q), 1)
+          (l(!0), c(k, null, N(C.value, (f, I) => (l(), c(k, { key: I }, [
+            f.type === "paragraph" ? (l(), c("p", Be, [
+              (l(!0), c(k, null, N(f.content, ({ path: G, text: Q }, F) => (l(), c(k, { key: F }, [
+                F !== 0 ? (l(), c(k, { key: 0 }, [
+                  h(s(" "))
+                ], 64)) : w("", !0),
+                d(j, { path: G }, {
+                  default: t(() => [
+                    h(s(Q), 1)
                   ]),
                   _: 2
                 }, 1032, ["path"])
               ], 64))), 128))
-            ])) : x("", !0),
-            h.type === "button" ? (a(), c("div", Fe, [
-              u(j, {
-                path: h.path
+            ])) : w("", !0),
+            f.type === "button" ? (l(), c("div", Fe, [
+              d(j, {
+                path: f.path
               }, {
-                default: s(() => [
-                  y(l(h.name), 1)
+                default: t(() => [
+                  h(s(f.name), 1)
                 ]),
                 _: 2
               }, 1032, ["path"])
-            ])) : x("", !0)
+            ])) : w("", !0)
           ], 64))), 128))
         ]),
-        O.value ? (a(), S(oe, {
-          key: 0,
-          title: E.value
-        }, {
-          icon: s(() => [
-            g.value ? (a(), S(ie, {
+        d(re, { "display-feedback": O.value }, {
+          icon: t(() => [
+            y.value ? (l(), L(oe, {
               key: 0,
               class: "feedback-icon"
-            })) : (a(), S(re, {
+            })) : (l(), L(ie, {
               key: 1,
               class: "feedback-icon"
             }))
           ]),
-          content: s(() => [
-            y(l(T.value) + " ", 1),
-            i.value ? (a(), c("span", Ae, l(e.$t("analyse-mails-phishing.feedbackSrOnly")), 1)) : x("", !0)
+          title: t(() => [
+            h(s(M.value), 1)
+          ]),
+          content: t(() => [
+            h(s(E.value) + " ", 1),
+            i.value ? (l(), c("span", Ne, s(e.$t("analyse-mails-phishing.feedbackSrOnly")), 1)) : w("", !0)
           ]),
           _: 1
-        }, 8, ["title"])) : x("", !0),
-        i.value ? (a(), c("button", {
-          key: 1,
+        }, 8, ["display-feedback"]),
+        i.value ? (l(), c("button", {
+          key: 0,
           class: "continue-button",
-          onClick: r[0] || (r[0] = (h) => K())
-        }, l(e.$t("analyse-mails-phishing.continue")), 1)) : x("", !0)
+          onClick: r[0] || (r[0] = (f) => K())
+        }, s(e.$t("analyse-mails-phishing.continue")), 1)) : w("", !0)
       ], 512);
     };
   }
-}), Ve = "*{font-family:Nunito,Roboto,sans-serif;color:#122647}p{margin:0}.analyse-mails-phishing{display:flex;flex-direction:column;gap:24px}.mail{display:flex;padding:16px;flex-direction:column;gap:12px;border-radius:8px;background:#f4f5f7;align-items:start}.mail__subject{font-size:18px}.mail-header{display:flex;gap:16px;align-items:center}.mail-header__content{display:flex;flex-direction:column;gap:4px}.mail-header__from-name{font-size:15px;font-weight:700}.mail-header__from-address{color:#757575;font-size:12px}.mail-header__to{color:#818488;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.mail__paragraph{font-size:14px;line-height:24px}.mail__button{padding:8px 24px;border-radius:8px;border:1px solid #cdd1d9;background-color:#fff;color:#253858;font-size:14px;font-weight:700;text-align:center}.mail-element--correct .mail-header__from-address,.mail-element--incorrect .mail-header__from-address{color:#122647}.feedback-icon{height:16px;width:16px}.continue-button{border-style:none;padding:8px 24px;border-radius:8px;background-color:#253858;color:#fff;font-size:14px;font-weight:700;cursor:pointer;align-self:center}@media only screen and (max-width:576px){.analyse-mails-phishing{gap:12px}.mail__subject{font-size:16px}.mail__button{padding:8px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", De = /* @__PURE__ */ Z(Ne, [["styles", [Ve]]]);
-P.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ue, "./locales/en.json": pe, "./locales/es-419.json": me, "./locales/es.json": he, "./locales/fr-BE.json": fe, "./locales/fr.json": _e, "./locales/it.json": ve, "./locales/nl.json": ge }));
+}), Ae = "*{font-family:Nunito,Roboto,sans-serif;color:#122647}p{margin:0}.analyse-mails-phishing{display:flex;flex-direction:column;gap:24px}.mail{display:flex;padding:16px;flex-direction:column;gap:12px;border-radius:8px;background:#f4f5f7;align-items:start}.mail__subject{font-size:18px}.mail-header{display:flex;gap:16px;align-items:center}.mail-header__content{display:flex;flex-direction:column;gap:4px}.mail-header__from-name{font-size:15px;font-weight:700}.mail-header__from-address{color:#757575;font-size:12px}.mail-header__to{color:#818488;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.mail__paragraph{font-size:14px;line-height:24px}.mail__button{padding:8px 24px;border-radius:8px;border:1px solid #cdd1d9;background-color:#fff;color:#253858;font-size:14px;font-weight:700;text-align:center}.mail-element--correct .mail-header__from-address,.mail-element--incorrect .mail-header__from-address{color:#122647}.feedback-icon{height:16px;width:16px}.continue-button{border-style:none;padding:8px 24px;border-radius:8px;background-color:#253858;color:#fff;font-size:14px;font-weight:700;cursor:pointer;align-self:center}@media only screen and (max-width:576px){.analyse-mails-phishing{gap:12px}.mail__subject{font-size:16px}.mail__button{padding:8px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", De = /* @__PURE__ */ Z(Ve, [["styles", [Ae]]]);
+P.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": ue, "./locales/en.json": pe, "./locales/es-419.json": me, "./locales/es.json": fe, "./locales/fr-BE.json": he, "./locales/fr.json": _e, "./locales/it.json": ve, "./locales/nl.json": ge }));
 de();
 const R = se(De, {
-  configureApp(t) {
-    P.changeLanguage(document?.documentElement?.lang || navigator.language), t.use(P);
+  configureApp(a) {
+    P.changeLanguage(document?.documentElement?.lang || navigator.language), a.use(P);
   }
 });
-R.prototype.normalizeProps = (t) => ({
-  ...t,
-  titleLevel: le(t.titleLevel)
+R.prototype.normalizeProps = (a) => ({
+  ...a,
+  titleLevel: le(a.titleLevel)
 });
 window.customElements.define("analyse-mails-phishing", R);