@1024pix/epreuves-components 4.3.0 → 4.5.0

package/dist/components/notification-antivirus.ce.js.js

@@ -0,0 +1,305 @@
+import { b as x, h as A, o as r, c as _, t as B, F as L, f as h, l as C, a as e, x as o, q as g, g as u, _ as w, B as Z, e as I, E as v, A as m, D as S, r as V, d as q } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { i as b, u as H } from "../i18n-lite-V7Z5qwB2.js";
+import { _ as z, a as D } from "../Cross.ce.vue_vue_type_script_setup_true_lang-CUc-5ZVt.js";
+import { I as E, B as G } from "../Icon.ce-O_y_jvjK.js";
+import { b as P } from "../normalize-props-DH0oPBss.js";
+const R = {}, U = {}, K = {}, O = {
+  "notification-antivirus": { nextButtonLabel: "Suivant", question: "Que devez-vous faire pour cette notification ?", notificationSubtitle: "Antivirus security", iDontKnow: "Je ne sais pas", closeNotification: "Fermer la notification", successFeedbackTitle: "Bien joué !", failureFeedbackTitle: "Eh non !", indeed: "effectivement, ", step1: { notification: { title: "Analyse quotidienne terminée", content: "Aucun élément dangereux détecté." }, shutDownComputer: "Éteindre l’ordinateur", feedback: "{{indeed}}ici la notification transmet seulement une information mais ne demande pas d’action de la part de Philippe. Il faut toujours lire attentivement les notifications de l’antivirus." }, step2: { notification: { title: "Menace détectée sur la clef USB", content: "L’élément potentiellement dangereux a été isolé." }, unplugUsb: "Débrancher la clé et ne plus l’utiliser", feedback: "{{indeed}}ici la notification transmet une information importante à Philippe : il a un problème avec la clé USB. Mieux vaut ne plus l’utiliser." }, step3: { notification: { title: "Mise à jour prête à être installée", content: "La base de signatures de votre antivirus doit être mise à jour." }, installUpdate: "Installer la mise à jour", feedback: "{{indeed}}ici la notification transmet une information importante à Philippe : son antivirus doit être mis à jour. Il est important de ne pas ignorer cette notification et d’installer la notification." } }
+}, J = {}, Q = {}, W = ["aria-disabled"], X = { class: "sr-only" }, Y = /* @__PURE__ */ x({
+  __name: "Chips.ce",
+  props: {
+    variant: { type: String }
+  },
+  emits: ["click"],
+  setup(i, { expose: s, emit: t }) {
+    const d = u(() => i.variant === "neutral"), n = u(() => i.variant === "positive"), c = u(() => i.variant === "negative"), a = u(() => n.value ? "chips.goodAnswer" : "chips.badAnswer"), l = A("button");
+    function k() {
+      d.value && $("click");
+    }
+    function y() {
+      l.value.focus();
+    }
+    const $ = t;
+    return s({
+      buttonElement: l,
+      focus: y
+    }), (p, j) => (r(), _("button", {
+      ref: "button",
+      "aria-disabled": !d.value,
+      class: B({ [i.variant]: !0 }),
+      type: "button",
+      onClick: k
+    }, [
+      d.value ? C("", !0) : (r(), _(L, { key: 0 }, [
+        n.value ? (r(), h(z, {
+          key: 0,
+          "aria-hidden": !0,
+          class: "icon"
+        })) : C("", !0),
+        c.value ? (r(), h(D, {
+          key: 1,
+          "aria-hidden": !0,
+          class: "icon",
+          color: "#141514"
+        })) : C("", !0),
+        e("span", X, o(p.$t(a.value)), 1)
+      ], 64)),
+      g(p.$slots, "default", {}, void 0, !0)
+    ], 10, W));
+  }
+}), t2 = "button[data-v-346e8bce]{display:flex;padding:8px;justify-content:center;align-items:center;border-radius:8px;background:#155dfc;box-shadow:0 2px 5px #155dfc40,0 -2px 5px #155dfc26 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset;border:none;flex:1;color:#fff;font-size:14px;font-weight:700}button[data-v-346e8bce]:hover{cursor:pointer;background:#0d3897}button.positive[data-v-346e8bce]{cursor:not-allowed;border-radius:8px;background:#338436;box-shadow:0 2px 5px #31623840,0 -2px 5px #31623826 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}button.positive[data-v-346e8bce]:focus{background:#338436}button.negative[data-v-346e8bce]{cursor:not-allowed;color:#141514;border-radius:8px;background:#ffbe0b;box-shadow:0 2px 5px #99720740,0 -2px 5px #99720726 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}button.negative[data-v-346e8bce]:focus{background:#ffbe0b;outline-color:#141514}button .icon[data-v-346e8bce]{width:18px;height:18px;margin-right:4px}button[data-v-346e8bce]:focus{background:#0d3897;border-radius:12px;outline:1px solid #fafafa;outline-offset:-3px}button[data-v-346e8bce]:active:not([aria-disabled=true]){background:#041332;outline:none}", e2 = /* @__PURE__ */ w(Y, [["styles", [t2]], ["__scopeId", "data-v-346e8bce"]]), i2 = { class: "category-select-container" }, n2 = { class: "steps-wrapper" }, a2 = {
+  "aria-hidden": "true",
+  class: "steps-wrapper__stepper-count"
+}, o2 = { class: "steps-wrapper__stepper" }, s2 = {
+  "aria-live": "polite",
+  class: "sr-only"
+}, c2 = { class: "category-select-container-wrapper" }, r2 = { class: "actions" }, l2 = { class: "actions__title" }, d2 = {
+  "aria-live": "polite",
+  class: "actions__button-list"
+}, u2 = /* @__PURE__ */ x({
+  __name: "CategorySelect.ce",
+  props: {
+    currentStep: { type: Number },
+    totalStep: { type: Number },
+    question: { type: String },
+    answers: { type: Array },
+    answered: { type: Boolean }
+  },
+  emits: ["answered"],
+  setup(i) {
+    const s = i, t = u(() => {
+      const n = Math.floor(s.currentStep / s.totalStep * 100) ?? 0;
+      return n > 100 ? 100 : n;
+    });
+    function d(n) {
+      return s.answered ? n ? "positive" : "negative" : "neutral";
+    }
+    return (n, c) => (r(), _("div", i2, [
+      e("div", n2, [
+        e("p", a2, o(i.currentStep) + "/" + o(i.totalStep), 1),
+        e("div", o2, [
+          e("div", {
+            style: Z({ "--stepProgress": `${t.value}%` }),
+            class: "steps-wrapper__effective-steps"
+          }, null, 4)
+        ]),
+        e("p", s2, o(n.$t("category-select.step", { currentStep: i.currentStep, totalStep: i.totalStep })), 1)
+      ]),
+      e("div", c2, [
+        g(n.$slots, "default", {}, void 0, !0),
+        e("div", r2, [
+          e("p", l2, o(s.question), 1),
+          e("section", d2, [
+            (r(!0), _(L, null, I(i.answers, (a) => (r(), h(e2, {
+              key: a.label,
+              variant: d(a.isGoodAnswer),
+              onClick: (l) => n.$emit("answered", !!a.isGoodAnswer)
+            }, {
+              default: v(() => [
+                m(o(a.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["variant", "onClick"]))), 128))
+          ])
+        ])
+      ])
+    ]));
+  }
+}), p2 = 'p[data-v-a6e7cafb]{font-family:Roboto,arial,"sans-serif";margin:0}.category-select-container[data-v-a6e7cafb]{border-radius:16px;box-shadow:0 2px 5px #155dfc40,0 -2px 5px #155dfc26 inset,0 1px 1px #fafafa1a inset,0 3px 4px #ebebeb1a inset}.category-select-container-wrapper[data-v-a6e7cafb]{padding:16px}.category-select-container-wrapper .actions__button-list[data-v-a6e7cafb]{display:flex;justify-content:space-between;gap:8px}.category-select-container-wrapper .actions__title[data-v-a6e7cafb]{color:#122647;font-size:.875rem;font-weight:700;margin-block:8px 16px}.steps-wrapper[data-v-a6e7cafb]{display:flex;align-items:center;gap:8px;border-radius:16px 16px 0 0;background:#d0dffe;padding:16px 24px}.steps-wrapper__stepper-count[data-v-a6e7cafb]{display:flex;align-items:center;border-radius:50%;aspect-ratio:1;background:#0d3897;color:#fff;font-size:.75rem;padding:4px;font-weight:700}.steps-wrapper__stepper[data-v-a6e7cafb]{background:#fff;height:8px;width:100%;border-radius:4px}.steps-wrapper__effective-steps[data-v-a6e7cafb]{width:var(--stepProgress);background:#0d3897;border-radius:4px;height:8px}.sr-only[data-v-a6e7cafb]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:576px){.actions__button-list[data-v-a6e7cafb]{flex-direction:column}}', f2 = /* @__PURE__ */ w(u2, [["styles", [p2]], ["__scopeId", "data-v-a6e7cafb"]]), v2 = { class: "feedback-container" }, _2 = { class: "feedback-container__title" }, b2 = { class: "feedback-container__content" }, C2 = /* @__PURE__ */ x({
+  __name: "Feedback.ce",
+  props: {
+    title: { type: String }
+  },
+  setup(i) {
+    return (s, t) => (r(), _("div", v2, [
+      e("p", _2, [
+        g(s.$slots, "icon", { class: "icon" }),
+        g(s.$slots, "title", {}, () => [
+          m(o(i.title), 1)
+        ])
+      ]),
+      e("p", b2, [
+        g(s.$slots, "content")
+      ])
+    ]));
+  }
+}), g2 = ".feedback-container{font-size:.875em;width:100%}.feedback-container .icon{width:16px;height:16px}.feedback-container__title{display:flex;width:fit-content;padding:4px 8px;justify-content:center;align-items:center;gap:8px;border-radius:8px 8px 0 0;background:#155dfc;color:#fff;margin:0;font-weight:700}.feedback-container__content{padding:8px;border-radius:0 8px 8px;background:#eaf1ff;margin:0}", m2 = /* @__PURE__ */ w(C2, [["styles", [g2]]]), h2 = "data:image/svg+xml,%3csvg%20width='17'%20height='17'%20viewBox='0%200%2017%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.32104%209.82833L5.65896%208.16625C5.48632%207.99347%205.26861%207.90708%205.00583%207.90708C4.74319%207.90708%204.52549%207.99347%204.35271%208.16625C4.18007%208.33889%204.09458%208.5566%204.09625%208.81938C4.09792%209.08201%204.18507%209.29965%204.35771%209.47229L6.65313%2011.7677C6.84424%2011.9576%207.06722%2012.0525%207.32208%2012.0525C7.57681%2012.0525%207.79917%2011.9576%207.98917%2011.7677L12.6227%207.13396C12.7955%206.96132%2012.8819%206.74451%2012.8819%206.48354C12.8819%206.22243%2012.7955%206.00556%2012.6227%205.83292C12.4501%205.66014%2012.2324%205.57375%2011.9696%205.57375C11.7069%205.57375%2011.4893%205.66014%2011.3167%205.83292L7.32104%209.82833ZM8.50271%2017.0054C7.3234%2017.0054%206.21688%2016.7824%205.18313%2016.3363C4.14924%2015.8901%203.24993%2015.2848%202.48521%2014.5202C1.72063%2013.7555%201.11528%2012.8562%200.669167%2011.8223C0.223055%2010.7885%200%209.68201%200%208.50271C0%207.3234%200.223055%206.21687%200.669167%205.18312C1.11528%204.14924%201.72063%203.24993%202.48521%202.48521C3.24993%201.72062%204.14924%201.11528%205.18313%200.669167C6.21688%200.223055%207.3234%200%208.50271%200C9.68201%200%2010.7885%200.223055%2011.8223%200.669167C12.8562%201.11528%2013.7555%201.72062%2014.5202%202.48521C15.2848%203.24993%2015.8901%204.14924%2016.3363%205.18312C16.7824%206.21687%2017.0054%207.3234%2017.0054%208.50271C17.0054%209.68201%2016.7824%2010.7885%2016.3363%2011.8223C15.8901%2012.8562%2015.2848%2013.7555%2014.5202%2014.5202C13.7555%2015.2848%2012.8562%2015.8901%2011.8223%2016.3363C10.7885%2016.7824%209.68201%2017.0054%208.50271%2017.0054ZM8.50271%2015.1096C10.3505%2015.1096%2011.9136%2014.4704%2013.1921%2013.1921C14.4704%2011.9136%2015.1096%2010.3505%2015.1096%208.50271C15.1096%206.65493%2014.4704%205.09181%2013.1921%203.81333C11.9136%202.535%2010.3505%201.89583%208.50271%201.89583C6.65493%201.89583%205.09181%202.535%203.81333%203.81333C2.535%205.09181%201.89583%206.65493%201.89583%208.50271C1.89583%2010.3505%202.535%2011.9136%203.81333%2013.1921C5.09181%2014.4704%206.65493%2015.1096%208.50271%2015.1096Z'%20fill='white'/%3e%3c/svg%3e", x2 = "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='M9.99898%2014.3361C10.2756%2014.3361%2010.5079%2014.2425%2010.6959%2014.0552C10.8838%2013.868%2010.9777%2013.6361%2010.9777%2013.3594C10.9777%2013.0827%2010.8842%2012.8495%2010.6971%2012.6598C10.5099%2012.4702%2010.2779%2012.3754%2010.0011%2012.3754C9.7244%2012.3754%209.49211%2012.4702%209.30419%2012.6598C9.11627%2012.8495%209.02232%2013.0827%209.02232%2013.3594C9.02232%2013.6361%209.11586%2013.868%209.30294%2014.0552C9.49016%2014.2425%209.72218%2014.3361%209.99898%2014.3361ZM10%2010.8434C10.266%2010.8434%2010.4905%2010.7518%2010.6736%2010.5688C10.8565%2010.3859%2010.9479%2010.1614%2010.9479%209.89544V6.67669C10.9479%206.41072%2010.8565%206.1862%2010.6736%206.00315C10.4905%205.82023%2010.266%205.72877%2010%205.72877C9.73405%205.72877%209.50954%205.82023%209.32648%206.00315C9.14357%206.1862%209.05211%206.41072%209.05211%206.67669V9.89544C9.05211%2010.1614%209.14357%2010.3859%209.32648%2010.5688C9.50954%2010.7518%209.73405%2010.8434%2010%2010.8434ZM10%2018.5027C8.82072%2018.5027%207.71419%2018.2797%206.68044%2017.8336C5.64655%2017.3875%204.74725%2016.7821%203.98252%2016.0175C3.21794%2015.2528%202.61259%2014.3535%202.16648%2013.3196C1.72037%2012.2859%201.49731%2011.1793%201.49731%2010C1.49731%208.82072%201.72037%207.71419%202.16648%206.68044C2.61259%205.64655%203.21794%204.74724%203.98252%203.98252C4.74725%203.21794%205.64655%202.61259%206.68044%202.16648C7.71419%201.72037%208.82072%201.49731%2010%201.49731C11.1793%201.49731%2012.2859%201.72037%2013.3196%202.16648C14.3535%202.61259%2015.2528%203.21794%2016.0175%203.98252C16.7821%204.74724%2017.3875%205.64655%2017.8336%206.68044C18.2797%207.71419%2018.5027%208.82072%2018.5027%2010C18.5027%2011.1793%2018.2797%2012.2859%2017.8336%2013.3196C17.3875%2014.3535%2016.7821%2015.2528%2016.0175%2016.0175C15.2528%2016.7821%2014.3535%2017.3875%2013.3196%2017.8336C12.2859%2018.2797%2011.1793%2018.5027%2010%2018.5027ZM10%2016.6069C11.8478%2016.6069%2013.4109%2015.9677%2014.6894%2014.6894C15.9677%2013.4109%2016.6069%2011.8478%2016.6069%2010C16.6069%208.15225%2015.9677%206.58912%2014.6894%205.31065C13.4109%204.03231%2011.8478%203.39315%2010%203.39315C8.15225%203.39315%206.58912%204.03231%205.31065%205.31065C4.03231%206.58912%203.39315%208.15225%203.39315%2010C3.39315%2011.8478%204.03231%2013.4109%205.31065%2014.6894C6.58912%2015.9677%208.15225%2016.6069%2010%2016.6069Z'%20fill='%23FAFAFA'/%3e%3c/svg%3e", w2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%2021C3.71667%2021%203.47917%2020.9042%203.2875%2020.7125C3.09583%2020.5208%203%2020.2833%203%2020V19C3%2018.7167%203.09583%2018.4792%203.2875%2018.2875C3.47917%2018.0958%203.71667%2018%204%2018C4.28333%2018%204.52083%2018.0958%204.7125%2018.2875C4.90417%2018.4792%205%2018.7167%205%2019V20C5%2020.2833%204.90417%2020.5208%204.7125%2020.7125C4.52083%2020.9042%204.28333%2021%204%2021ZM8%2021C7.71667%2021%207.47917%2020.9042%207.2875%2020.7125C7.09583%2020.5208%207%2020.2833%207%2020V14.5C7%2014.2167%207.09583%2013.9792%207.2875%2013.7875C7.47917%2013.5958%207.71667%2013.5%208%2013.5C8.28333%2013.5%208.52083%2013.5958%208.7125%2013.7875C8.90417%2013.9792%209%2014.2167%209%2014.5V20C9%2020.2833%208.90417%2020.5208%208.7125%2020.7125C8.52083%2020.9042%208.28333%2021%208%2021ZM12%2021C11.7167%2021%2011.4792%2020.9042%2011.2875%2020.7125C11.0958%2020.5208%2011%2020.2833%2011%2020V16.5C11%2016.2167%2011.0958%2015.9792%2011.2875%2015.7875C11.4792%2015.5958%2011.7167%2015.5%2012%2015.5C12.2833%2015.5%2012.5208%2015.5958%2012.7125%2015.7875C12.9042%2015.9792%2013%2016.2167%2013%2016.5V20C13%2020.2833%2012.9042%2020.5208%2012.7125%2020.7125C12.5208%2020.9042%2012.2833%2021%2012%2021ZM16%2021C15.7167%2021%2015.4792%2020.9042%2015.2875%2020.7125C15.0958%2020.5208%2015%2020.2833%2015%2020V15C15%2014.7167%2015.0958%2014.4792%2015.2875%2014.2875C15.4792%2014.0958%2015.7167%2014%2016%2014C16.2833%2014%2016.5208%2014.0958%2016.7125%2014.2875C16.9042%2014.4792%2017%2014.7167%2017%2015V20C17%2020.2833%2016.9042%2020.5208%2016.7125%2020.7125C16.5208%2020.9042%2016.2833%2021%2016%2021ZM20%2021C19.7167%2021%2019.4792%2020.9042%2019.2875%2020.7125C19.0958%2020.5208%2019%2020.2833%2019%2020V11C19%2010.7167%2019.0958%2010.4792%2019.2875%2010.2875C19.4792%2010.0958%2019.7167%209.99999%2020%209.99999C20.2833%209.99999%2020.5208%2010.0958%2020.7125%2010.2875C20.9042%2010.4792%2021%2010.7167%2021%2011V20C21%2020.2833%2020.9042%2020.5208%2020.7125%2020.7125C20.5208%2020.9042%2020.2833%2021%2020%2021ZM14%2011.975C13.7333%2011.975%2013.4792%2011.925%2013.2375%2011.825C12.9958%2011.725%2012.775%2011.5833%2012.575%2011.4L10%208.82499L4.7%2014.125C4.5%2014.325%204.2625%2014.4208%203.9875%2014.4125C3.7125%2014.4042%203.475%2014.3%203.275%2014.1C3.09167%2013.9%203.00417%2013.6625%203.0125%2013.3875C3.02083%2013.1125%203.11667%2012.8833%203.3%2012.7L8.575%207.42499C8.775%207.22499%208.99583%207.07915%209.2375%206.98749C9.47917%206.89582%209.73333%206.84999%2010%206.84999C10.2667%206.84999%2010.525%206.89582%2010.775%206.98749C11.025%207.07915%2011.2417%207.22499%2011.425%207.42499L14%209.99999L19.3%204.69999C19.5%204.49999%2019.7375%204.40415%2020.0125%204.41249C20.2875%204.42082%2020.525%204.52499%2020.725%204.72499C20.9083%204.92499%2020.9958%205.16249%2020.9875%205.43749C20.9792%205.71249%2020.8833%205.94165%2020.7%206.12499L15.425%2011.4C15.2417%2011.5833%2015.025%2011.725%2014.775%2011.825C14.525%2011.925%2014.2667%2011.975%2014%2011.975Z'%20fill='%23332602'/%3e%3c/svg%3e", k2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.5875%2021.4125C10.1958%2021.0208%2010%2020.55%2010%2020C10%2019.65%2010.0917%2019.325%2010.275%2019.025C10.4583%2018.725%2010.7%2018.4833%2011%2018.3V16H8C7.45%2016%206.97917%2015.8042%206.5875%2015.4125C6.19583%2015.0208%206%2014.55%206%2014V11.7C5.7%2011.55%205.45833%2011.325%205.275%2011.025C5.09167%2010.725%205%2010.3833%205%2010C5%209.45%205.19583%208.97917%205.5875%208.5875C5.97917%208.19583%206.45%208%207%208C7.55%208%208.02083%208.19583%208.4125%208.5875C8.80417%208.97917%209%209.45%209%2010C9%2010.3833%208.90833%2010.7167%208.725%2011C8.54167%2011.2833%208.3%2011.5167%208%2011.7V14H11V6H9L12%202L15%206H13V14H16V12H15V8H19V12H18V14C18%2014.55%2017.8042%2015.0208%2017.4125%2015.4125C17.0208%2015.8042%2016.55%2016%2016%2016H13V18.3C13.3167%2018.4667%2013.5625%2018.7%2013.7375%2019C13.9125%2019.3%2014%2019.6333%2014%2020C14%2020.55%2013.8042%2021.0208%2013.4125%2021.4125C13.0208%2021.8042%2012.55%2022%2012%2022C11.45%2022%2010.9792%2021.8042%2010.5875%2021.4125Z'%20fill='%23332602'/%3e%3c/svg%3e", y2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2021C10.75%2021%209.57917%2020.7625%208.4875%2020.2875C7.39583%2019.8125%206.44583%2019.1708%205.6375%2018.3625C4.82917%2017.5542%204.1875%2016.6042%203.7125%2015.5125C3.2375%2014.4208%203%2013.25%203%2012C3%2010.75%203.2375%209.57917%203.7125%208.4875C4.1875%207.39583%204.82917%206.44583%205.6375%205.6375C6.44583%204.82917%207.39583%204.1875%208.4875%203.7125C9.57917%203.2375%2010.75%203%2012%203C13.3667%203%2014.6625%203.29167%2015.8875%203.875C17.1125%204.45833%2018.15%205.28333%2019%206.35V4H21V10H15V8H17.75C17.0667%207.06667%2016.225%206.33333%2015.225%205.8C14.225%205.26667%2013.15%205%2012%205C10.05%205%208.39583%205.67917%207.0375%207.0375C5.67917%208.39583%205%2010.05%205%2012C5%2013.95%205.67917%2015.6042%207.0375%2016.9625C8.39583%2018.3208%2010.05%2019%2012%2019C13.75%2019%2015.2792%2018.4333%2016.5875%2017.3C17.8958%2016.1667%2018.6667%2014.7333%2018.9%2013H20.95C20.7%2015.2833%2019.7208%2017.1875%2018.0125%2018.7125C16.3042%2020.2375%2014.3%2021%2012%2021ZM14.8%2016.2L11%2012.4V7H13V11.6L16.2%2014.8L14.8%2016.2Z'%20fill='%23332602'/%3e%3c/svg%3e", $2 = {}, V2 = {}, j2 = {}, S2 = {
+  "category-select": { step: "Étape {{currentStep}} sur {{totalStep}}" }
+}, A2 = {}, L2 = {};
+function F2() {
+  b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": $2, "./locales/en.json": V2, "./locales/es.json": j2, "./locales/fr.json": S2, "./locales/it.json": A2, "./locales/nl.json": L2 }));
+}
+const T2 = {}, M2 = {}, N2 = {}, B2 = { goodAnswer: "Bonne réponse", badAnswer: "Mauvaise réponse" }, Z2 = {
+  chips: B2
+}, I2 = {}, q2 = {};
+function H2() {
+  b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": T2, "./locales/en.json": M2, "./locales/es.json": N2, "./locales/fr.json": Z2, "./locales/it.json": I2, "./locales/nl.json": q2 }));
+}
+const z2 = {
+  ref: "notification-antivirus-container",
+  class: "wrapper",
+  tabindex: "-1"
+}, D2 = { class: "notification" }, E2 = ["src"], G2 = { class: "notification-wrapper" }, P2 = { class: "notification-header" }, R2 = ["aria-level"], U2 = { class: "notification-header__subtitle" }, K2 = { class: "notification-header__time" }, O2 = { class: "notification-content" }, J2 = {
+  "aria-live": "polite",
+  class: "feedback-wrapper"
+}, Q2 = ["src"], W2 = /* @__PURE__ */ x({
+  __name: "NotificationAntivirus.ce",
+  props: {
+    titleLevel: { type: Number }
+  },
+  setup(i, { expose: s }) {
+    H2(), F2();
+    const { t } = H(), d = [
+      {
+        notification: {
+          title: t("notification-antivirus.step1.notification.title"),
+          subTitle: t("notification-antivirus.notificationSubtitle"),
+          content: t("notification-antivirus.step1.notification.content"),
+          iconName: "monitoring"
+        },
+        question: t("notification-antivirus.question"),
+        answers: [
+          { label: t("notification-antivirus.closeNotification"), isGoodAnswer: !0 },
+          { label: t("notification-antivirus.step1.shutDownComputer") },
+          { label: t("notification-antivirus.iDontKnow") }
+        ],
+        successFeedback: t("notification-antivirus.step1.feedback", { indeed: t("notification-antivirus.indeed") }),
+        failureFeedback: t("notification-antivirus.step1.feedback", { indeed: "" })
+      },
+      {
+        notification: {
+          title: t("notification-antivirus.step2.notification.title"),
+          subTitle: t("notification-antivirus.notificationSubtitle"),
+          content: t("notification-antivirus.step2.notification.content"),
+          iconName: "usb"
+        },
+        question: t("notification-antivirus.question"),
+        answers: [
+          { label: t("notification-antivirus.closeNotification") },
+          { label: t("notification-antivirus.step2.unplugUsb"), isGoodAnswer: !0 },
+          { label: t("notification-antivirus.iDontKnow") }
+        ],
+        successFeedback: t("notification-antivirus.step2.feedback", { indeed: t("notification-antivirus.indeed") }),
+        failureFeedback: t("notification-antivirus.step2.feedback", { indeed: "" })
+      },
+      {
+        notification: {
+          title: t("notification-antivirus.step3.notification.title"),
+          subTitle: t("notification-antivirus.notificationSubtitle"),
+          content: t("notification-antivirus.step3.notification.content"),
+          iconName: "update"
+        },
+        question: t("notification-antivirus.question"),
+        answers: [
+          { label: t("notification-antivirus.closeNotification") },
+          { label: t("notification-antivirus.step3.installUpdate"), isGoodAnswer: !0 },
+          { label: t("notification-antivirus.iDontKnow") }
+        ],
+        successFeedback: t("notification-antivirus.step3.feedback", { indeed: t("notification-antivirus.indeed") }),
+        failureFeedback: t("notification-antivirus.step3.feedback", { indeed: "" })
+      }
+    ], n = V(0), c = u(() => d.at(n.value)), a = V(!1), l = V(!1), k = A("notification-antivirus-container"), y = {
+      monitoring: w2,
+      usb: k2,
+      update: y2
+    }, $ = u(() => new Intl.DateTimeFormat(b.language, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(/* @__PURE__ */ new Date())), p = u(() => ({
+      title: l.value ? t("notification-antivirus.successFeedbackTitle") : t("notification-antivirus.failureFeedbackTitle"),
+      content: l.value ? c.value.successFeedback : c.value.failureFeedback,
+      icon: l.value ? h2 : x2
+    }));
+    function j(f) {
+      return f.charAt(0).toUpperCase() + f.slice(1);
+    }
+    function T() {
+      a.value = !1, l.value = !1, n.value = 0;
+    }
+    function M(f) {
+      a.value = !0, l.value = f;
+    }
+    function N() {
+      a.value = !1, l.value = !1, n.value += 1, k.value.focus();
+    }
+    return s({
+      reset: T
+    }), (f, e0) => (r(), _("div", z2, [
+      S(f2, {
+        answered: a.value,
+        answers: c.value.answers,
+        "current-step": n.value + 1,
+        question: c.value.question,
+        "total-step": d.length,
+        onAnswered: M
+      }, {
+        default: v(() => [
+          e("div", D2, [
+            S(E, { "background-color": "#ffbE0b" }, {
+              default: v(() => [
+                e("img", {
+                  src: y[c.value.notification.iconName],
+                  alt: ""
+                }, null, 8, E2)
+              ]),
+              _: 1
+            }),
+            e("div", G2, [
+              e("div", P2, [
+                e("div", {
+                  "aria-level": i.titleLevel || 2,
+                  class: "notification-header__title",
+                  role: "heading"
+                }, [
+                  e("span", U2, o(c.value.notification.subTitle), 1),
+                  m(" " + o(c.value.notification.title), 1)
+                ], 8, R2),
+                e("p", K2, o($.value), 1)
+              ]),
+              e("p", O2, o(c.value.notification.content), 1)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["answered", "answers", "current-step", "question", "total-step"]),
+      e("section", J2, [
+        a.value ? (r(), h(m2, {
+          key: 0,
+          title: p.value.title,
+          class: "feedback"
+        }, {
+          icon: v(() => [
+            e("img", {
+              src: p.value.icon,
+              alt: ""
+            }, null, 8, Q2)
+          ]),
+          content: v(() => [
+            m(o(j(p.value.content)), 1)
+          ]),
+          _: 1
+        }, 8, ["title"])) : C("", !0),
+        a.value && n.value + 1 < d.length ? (r(), h(G, {
+          key: 1,
+          class: "next-button",
+          onClick: N
+        }, {
+          default: v(() => [
+            m(o(f.$t("notification-antivirus.nextButtonLabel")), 1)
+          ]),
+          _: 1
+        })) : C("", !0)
+      ])
+    ], 512));
+  }
+}), X2 = "p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}", Y2 = "[data-v-80416a34]{font-family:Roboto,sans-serif;color:#253858}.notification[data-v-80416a34]{padding:8px 16px;display:flex;align-items:center;gap:8px;background-color:#fff8e7;border-radius:8px}.notification-wrapper[data-v-80416a34]{width:100%}.notification-header[data-v-80416a34]{display:flex;align-items:center;justify-content:space-between}.notification-header__title[data-v-80416a34]{color:#141514;font-size:1rem;font-weight:700}.notification-header__subtitle[data-v-80416a34],.notification-header__time[data-v-80416a34]{display:block;color:#666765;font-size:.75rem;font-weight:400}.feedback-wrapper[data-v-80416a34]{margin-top:16px}.feedback-wrapper .feedback[data-v-80416a34]{margin-bottom:16px}.feedback-wrapper .next-button[data-v-80416a34]{display:block;margin:0 auto}@media screen and (max-width:576px){.notification-header[data-v-80416a34]{flex-direction:column;align-items:start}.notification-header .notification-header__time[data-v-80416a34]{order:-1}}", t0 = /* @__PURE__ */ w(W2, [["styles", [X2, Y2]], ["__scopeId", "data-v-80416a34"]]);
+b.addTranslationsFromGlobResults(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": R, "./locales/en.json": U, "./locales/es.json": K, "./locales/fr.json": O, "./locales/it.json": J, "./locales/nl.json": Q }));
+const F = q(t0, {
+  configureApp(i) {
+    b.changeLanguage(document?.documentElement?.lang || navigator.language), i.use(b);
+  }
+});
+F.prototype.normalizeProps = (i) => ({
+  titleLevel: P(i.titleLevel)
+});
+window.customElements.define("notification-antivirus", F);

package/dist/components/phishing-message.ce.js.js

@@ -1,6 +1,6 @@
-import { b, K as z, o, c as d, F as k, a as t, x as a, v as j, y as N, D as S, W as F, e as y, E as B, l as h, g as u, _ as w, h as _, z as Q, f as C, m as L, J as O, r as x, n as J, d as U } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as H, a as W, i as M, b as G } from "../i18n-H4HokXDX.js";
-import { b as K } from "../normalize-props-DH0oPBss.js";
+import { b, K as z, o, c as d, F as k, a as t, x as a, v as j, y as N, D as S, X as F, e as y, E as B, l as h, g as u, _ as w, h as _, B as Q, f as C, m as L, J as O, r as x, n as J, d as U } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { u as H, a as G, i as M, b as K } from "../i18n-BVfGnSnP.js";
+import { b as W } from "../normalize-props-DH0oPBss.js";
 const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
   "phishing-message": { messagePreviewTitle: "Messagerie :", feedBackQuizTitle: "Qu’avez-vous ressenti en lisant ce message ?", next: "Message suivant", step: "Étape {{step}} sur {{totalStep}}", readMore: "lire la suite", message1: { senderName: "Info ANTAI", content: "{{ boldContent1 }}: amende impayée de 35€. Consultez votre dossier ANTAI avant {{ boldContent2 }} via : {{ linkContent }}", boldContent1: "Retard de paiement", boldContent2: "majoration", linkContent: "dossier-amende-gouv.antai", victory: "Effectivement, avec ce message, l’escroc veut que le lecteur ressente de la peur et un sentiment d’urgence.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de la peur et un sentiment d’urgence." }, message2: { senderName: "IMPOT", content: `IMPORTANT : Vous avez un remboursement disponible de 826€.
  Référence 125489 : accédez à votre formulaire de remboursement {{ linkContent }}`, linkContent: "impot.gouv-remboursement.nt", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue." }, message3: { senderName: "+33639981542", content: "Salut, c'est ta cousine, j'ai besoin de ton aide, je suis coincée à l'étranger et j'ai perdu mes papiers. Pour pouvoir rentrer, j'ai besoin que tu m'envoies 300€ ici : {{ linkContent }} Il n'y a que toi qui peut m'aider !", linkContent: "http://dT23.bitly.com", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger.", loose: " Eh non, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger." } }
@@ -205,7 +205,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
 }), De = ".card-wrapper[data-v-69441fb3]{padding:16px;width:100%;max-width:460px;border-radius:16px;background:#eaf1ff;box-shadow:0 25px 25px #00000040}.card-wrapper button[data-v-69441fb3]{margin-top:24px;padding:8px 24px;border-radius:8px;background:#253858;color:#fff;border:none}.card-wrapper button[data-v-69441fb3]:hover{cursor:pointer;background-color:#5e6c84}", qe = /* @__PURE__ */ w(Pe, [["styles", [De]], ["__scopeId", "data-v-69441fb3"]]), Ze = { class: "container" }, Qe = { class: "steps-wrapper" }, Oe = { class: "steps-wrapper__stepper" }, Je = { "aria-hidden": "true" }, Ue = {
   class: "sr-only",
   "aria-live": "polite"
-}, We = { class: "grid" }, Ge = /* @__PURE__ */ b({
+}, Ge = { class: "grid" }, Ke = /* @__PURE__ */ b({
   __name: "PhishingMessage.ce",
   props: {
     titleLevel: { default: 2, type: Number }
@@ -273,7 +273,7 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
         t("p", Je, a(p.value + 1) + "/3", 1),
         t("p", Ue, a(f.$t("phishing-message.step", { step: p.value + 1, totalStep: m.value.length })), 1)
       ]),
-      t("div", We, [
+      t("div", Ge, [
         t("div", {
           ref_key: "mobileShell",
           ref: i,
@@ -305,15 +305,15 @@ const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
       ])
     ]));
   }
-}), Ke = '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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;min-height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{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}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ w(Ge, [["styles", [Ke]]]);
-W(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": ae, "./locales/nl.json": oe })).catch((e) => console.error(e));
+}), We = '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,dialog{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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;min-height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{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}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ w(Ke, [["styles", [We]]]);
+G(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": ae, "./locales/nl.json": oe })).catch((e) => console.error(e));
 const V = U(Xe, {
   configureApp(e) {
-    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(G, { i18next: M, slotStart: "{{", slotEnd: "}}" });
+    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(K, { i18next: M, slotStart: "{{", slotEnd: "}}" });
   }
 });
 V.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: K(e.titleLevel)
+  titleLevel: W(e.titleLevel)
 });
 window.customElements.define("phishing-message", V);

package/dist/components/phishing-notification.ce.js.js

@@ -1,9 +1,9 @@
-import { h as P, j as J, k as Q, n as R, o as a, c as r, l as k, a as t, q as U, r as x, g as v, b as W, s as X, u as e2, K as t2, D as H, E as F, x as n, z as o2, B, F as Z, e as N, t as S, y as i2, v as w, N as n2, _ as s2, d as a2 } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { u as r2, a as l2, i as T, b as c2 } from "../i18n-H4HokXDX.js";
+import { h as P, j as J, k as Q, n as R, o as a, c as r, l as k, a as t, q as U, r as x, g as v, b as W, s as X, u as e2, K as t2, D as H, E as F, x as n, B as o2, A as B, F as Z, e as N, t as S, y as i2, v as w, N as n2, _ as s2, d as a2 } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { u as r2, a as l2, i as T, b as c2 } from "../i18n-BVfGnSnP.js";
 import { b as d2 } from "../normalize-props-DH0oPBss.js";
 import "./mobile-shell.ce.js.js";
 import { a as h2 } from "../temporal.utils-DgmGPVba.js";
-import { B as u2 } from "../ButtonTooltip.ce-WwOarMJq.js";
+import { B as u2 } from "../ButtonTooltip.ce-DQ8QAvUM.js";
 const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
   "phishing-notification": { titleCta: "Catégorisez les notifications", categorization: { titleCta: "Catégorisez cette notification", from: "De : {{sender}}", titleCategories: "L’expéditeur se fait passer pour :" }, correction: "La catégorie {{selectedCategory}} n'est pas la bonne. La bonne catégorisation est : {{category}}", validation: "La catégorie {{selectedCategory}} est la bonne.", progressBarA11Y_one: "{{count}} réponse sur {{total}}", progressBarA11Y_other: "{{count}} réponses sur {{total}}", titleResult: "Résultats", result_one: "{{count}} / {{total}} bonne réponse", result_other: "{{count}} / {{total}} bonnes réponses", close: "Fermer" }
 }, w2 = {}, v2 = {}, k2 = ["tabindex"], b2 = ["tabindex"], x2 = {
@@ -341,7 +341,7 @@ const g2 = {}, p2 = {}, f2 = {}, m2 = {}, _2 = {}, C2 = {
       ]);
     };
   }
-}), _0 = '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}*{color:#253858}.title,.categorization__title,.categorization__categories-title{font-family:Nunito,Roboto,sans-serif}p,a,button,li{font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.mobile-container{position:relative}.information-message{background:#eaf1ff;padding:1rem;border-radius:1rem;font-size:.875rem;box-shadow:0 0 25px #00000040;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:999;width:420px}.content{display:flex;flex-direction:column;padding:40px 16px;margin-bottom:8px}.notifications{background:#fff;display:flex;flex-direction:column;padding:1rem;gap:.5rem;font-style:normal;line-height:normal;color:#122647;border-radius:24px}.progress{display:flex;align-items:center;width:100%;text-wrap:nowrap;gap:8px;margin:16px 0}.progress-bar{display:block;position:relative;width:100%;background:#cdd1d9;height:8px;border-radius:4px;font-size:.875rem}.progress-bar:after{content:"";width:var(--threshold);position:absolute;left:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#2b7fff,#ad46ff)}.result{display:flex;flex-direction:column;align-items:center}.result p{padding:8px 16px;color:#fff;background:linear-gradient(90deg,#2b7fff,#ad46ff);border-radius:50px;margin:16px 0;font-weight:700}.notification{display:flex;gap:.5rem;padding-bottom:12px;position:relative}.notification:not(:last-child){border-bottom:1px solid #cdd1d9}.notification--categorized .notification__icon{opacity:.2}.notification__pill{position:absolute;left:calc(100% + 32px);top:calc((100% - 12px)/2);padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#fbecec;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translate(-50%,-50%)}.notification__pill--right{background:#e8f3ef}.notification__pill img{width:30px}.notification__preview{position:relative;text-decoration:none;width:calc(100% - 34px - .5rem)}.notification__preview:after{content:"";position:absolute;inset:0}.notification__icon{width:34px;height:auto}.notification__top{display:flex;justify-content:space-between}.notification__title{display:block;font-size:.875rem;font-weight:700}.notification__description,.notification__selected-category{display:block;font-size:.75rem;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.notification__selected-category--right{color:#007740}.notification__selected-category--wrong{color:#99241c}.notification__selected-category--wrong>s{color:#99241c}.notification__time{text-wrap:nowrap;color:#5e6c84;font-size:.75rem;font-weight:400}mobile-shell::part(screen){margin-top:0;max-width:320px}mobile-shell::part(content){overflow:visible;width:100%;aspect-ratio:1/2;background:#f4f5f7}.title{color:#122647;font-size:1.125rem;font-weight:700;line-height:1.5rem}.categorization{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:85%;background:#fff;box-shadow:0 0 20px #00000080;border-radius:1rem;padding:1.5rem}.categorization__title,.categorization__categories-title{font-weight:700;color:#122647;font-size:1.125rem}.categorization__categories-title{margin-bottom:16px}.categorization__message{background:#f4f5f7;padding:1rem;font-style:normal;font-weight:700;border-radius:.5rem;margin-bottom:1.5rem}.categorization__sender{color:#5e6c84;font-size:1rem}.categorization__content{color:#122647;font-size:.875rem}.categorization>ul{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.categorization button{border:none;display:flex;flex-direction:column;background:#f4f5f7;align-items:center;padding:.5rem;white-space:nowrap;border-radius:.5rem;cursor:pointer;width:116px;height:104px;justify-content:center;gap:8px;font-size:.875rem}.categorization button>img{width:40px}.categorization .title-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.categorization .title-close .close-button{background:transparent;width:24px;height:24px}@media(max-width:480px){mobile-shell::part(screen){max-width:234px}.information-message{width:calc(100% - 30px);padding:.5rem;font-size:.75rem}.title{font-size:.875rem}.progress,.result p{font-size:.75rem}.notification{gap:.25rem}.notification__title,.notification__description{font-size:.75rem}.notification__description,.notification__selected-category{font-size:.625rem}.notification__preview{max-width:calc(100% - 30px - .25rem)}.notification__time{display:none}.notification .notification__pill img{width:20px}.notification img{width:30px}.information-message{bottom:12px}.categorization{padding:1rem}.categorization button{width:90px;height:80px;font-size:.75rem}.categorization button>img{width:30px}.categorization__title,.categorization__categories-title,.categorization__sender{font-size:.875rem}.categorization__content{font-size:.75rem}}', C0 = /* @__PURE__ */ s2(m0, [["styles", [_0]]]);
+}), _0 = '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,dialog{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}*{color:#253858}.title,.categorization__title,.categorization__categories-title{font-family:Nunito,Roboto,sans-serif}p,a,button,li{font-family:Roboto,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.mobile-container{position:relative}.information-message{background:#eaf1ff;padding:1rem;border-radius:1rem;font-size:.875rem;box-shadow:0 0 25px #00000040;text-align:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:999;width:420px}.content{display:flex;flex-direction:column;padding:40px 16px;margin-bottom:8px}.notifications{background:#fff;display:flex;flex-direction:column;padding:1rem;gap:.5rem;font-style:normal;line-height:normal;color:#122647;border-radius:24px}.progress{display:flex;align-items:center;width:100%;text-wrap:nowrap;gap:8px;margin:16px 0}.progress-bar{display:block;position:relative;width:100%;background:#cdd1d9;height:8px;border-radius:4px;font-size:.875rem}.progress-bar:after{content:"";width:var(--threshold);position:absolute;left:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#2b7fff,#ad46ff)}.result{display:flex;flex-direction:column;align-items:center}.result p{padding:8px 16px;color:#fff;background:linear-gradient(90deg,#2b7fff,#ad46ff);border-radius:50px;margin:16px 0;font-weight:700}.notification{display:flex;gap:.5rem;padding-bottom:12px;position:relative}.notification:not(:last-child){border-bottom:1px solid #cdd1d9}.notification--categorized .notification__icon{opacity:.2}.notification__pill{position:absolute;left:calc(100% + 32px);top:calc((100% - 12px)/2);padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#fbecec;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translate(-50%,-50%)}.notification__pill--right{background:#e8f3ef}.notification__pill img{width:30px}.notification__preview{position:relative;text-decoration:none;width:calc(100% - 34px - .5rem)}.notification__preview:after{content:"";position:absolute;inset:0}.notification__icon{width:34px;height:auto}.notification__top{display:flex;justify-content:space-between}.notification__title{display:block;font-size:.875rem;font-weight:700}.notification__description,.notification__selected-category{display:block;font-size:.75rem;font-weight:400;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.notification__selected-category--right{color:#007740}.notification__selected-category--wrong{color:#99241c}.notification__selected-category--wrong>s{color:#99241c}.notification__time{text-wrap:nowrap;color:#5e6c84;font-size:.75rem;font-weight:400}mobile-shell::part(screen){margin-top:0;max-width:320px}mobile-shell::part(content){overflow:visible;width:100%;aspect-ratio:1/2;background:#f4f5f7}.title{color:#122647;font-size:1.125rem;font-weight:700;line-height:1.5rem}.categorization{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;width:85%;background:#fff;box-shadow:0 0 20px #00000080;border-radius:1rem;padding:1.5rem}.categorization__title,.categorization__categories-title{font-weight:700;color:#122647;font-size:1.125rem}.categorization__categories-title{margin-bottom:16px}.categorization__message{background:#f4f5f7;padding:1rem;font-style:normal;font-weight:700;border-radius:.5rem;margin-bottom:1.5rem}.categorization__sender{color:#5e6c84;font-size:1rem}.categorization__content{color:#122647;font-size:.875rem}.categorization>ul{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.categorization button{border:none;display:flex;flex-direction:column;background:#f4f5f7;align-items:center;padding:.5rem;white-space:nowrap;border-radius:.5rem;cursor:pointer;width:116px;height:104px;justify-content:center;gap:8px;font-size:.875rem}.categorization button>img{width:40px}.categorization .title-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.categorization .title-close .close-button{background:transparent;width:24px;height:24px}@media(max-width:480px){mobile-shell::part(screen){max-width:234px}.information-message{width:calc(100% - 30px);padding:.5rem;font-size:.75rem}.title{font-size:.875rem}.progress,.result p{font-size:.75rem}.notification{gap:.25rem}.notification__title,.notification__description{font-size:.75rem}.notification__description,.notification__selected-category{font-size:.625rem}.notification__preview{max-width:calc(100% - 30px - .25rem)}.notification__time{display:none}.notification .notification__pill img{width:20px}.notification img{width:30px}.information-message{bottom:12px}.categorization{padding:1rem}.categorization button{width:90px;height:80px;font-size:.75rem}.categorization button>img{width:30px}.categorization__title,.categorization__categories-title,.categorization__sender{font-size:.875rem}.categorization__content{font-size:.75rem}}', C0 = /* @__PURE__ */ s2(m0, [["styles", [_0]]]);
 l2(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": g2, "./locales/en.json": p2, "./locales/es-419.json": f2, "./locales/es.json": m2, "./locales/fr-BE.json": _2, "./locales/fr.json": C2, "./locales/it.json": w2, "./locales/nl.json": v2 })).catch((s) => console.error(s));
 const I = a2(C0, {
   configureApp(s) {

package/dist/components/pix-anonymisation.ce.js.js

@@ -1,13 +1,13 @@
-import { b as E, h as V, o, c as n, a, F as u, e as m, z as k, t as h, x as d, H as F, P as T, D as q, E as w, B as S, l as _, f as D, r as x, g as p, _ as I, d as G } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as H, i as $, b as M } from "../i18n-H4HokXDX.js";
+import { b as E, h as V, o, c as n, a, F as u, e as m, B as k, t as h, x as d, H as F, P as T, D as q, E as w, A as S, l as _, f as D, r as x, g as p, _ as I, d as G } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { a as H, i as $, b as M } from "../i18n-BVfGnSnP.js";
 import { b as O } from "../normalize-props-DH0oPBss.js";
-import { B as z } from "../Button.ce-Dvxeebpx.js";
+import { B as C } from "../Button.ce-DNrjLa1r.js";
 const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
   "pix-anonymisation": { prompt: { title: "Prompt" }, rephrase: { title: "Reformulation" }, buttons: { checkNow: "Suivant", displayRephrasing: "Suivant", nextPrompt: "Suivant" }, correction: "élements qui doivent être anonymisés:" }
 }, Y = {}, Z = {}, aa = {
   ref: "prompt-container",
   tabindex: "-1"
-}, ta = { class: "stepper-container" }, ea = { key: 0 }, oa = { class: "prompt-card" }, na = ["aria-level"], da = { class: "prompt-card-content" }, ra = ["for"], sa = ["id", "value"], ia = { class: "prompt-card-content-part" }, la = { class: "prompt-card" }, ba = ["aria-level"], pa = { class: "prompt-card-content" }, fa = { class: "sr-only" }, ca = { class: "sr-only" }, va = {
+}, ta = { class: "stepper-container" }, ea = { key: 0 }, oa = { class: "prompt-card" }, na = ["aria-level"], da = { class: "prompt-card-content" }, ra = ["for"], sa = ["id", "value"], ia = { class: "prompt-card-content-part" }, la = { class: "prompt-card" }, ba = ["aria-level"], pa = { class: "prompt-card-content" }, fa = { class: "sr-only" }, va = { class: "sr-only" }, ca = {
   key: 0,
   class: "prompt-card rephrase"
 }, ua = ["aria-level"], ma = { class: "prompt-card-content" }, ga = {
@@ -19,8 +19,8 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
     titleLevel: { default: 2, type: Number },
     steps: { type: Array }
   },
-  setup(e, { expose: j }) {
-    const i = x(0), b = x([]), l = x(1), N = V("prompt-container"), f = p(() => e.steps[i.value]), L = p(() => l.value === 3 && i.value + 1 === e.steps.length), c = p(() => l.value === 3), P = p(() => f.value.fullSentence.map(({ content: t }) => t)), B = p(() => f.value.fullSentence.map(({ content: t, isAnonymizable: v }) => v ? { content: t, color: "green" } : {
+  setup(e, { expose: z }) {
+    const i = x(0), b = x([]), l = x(1), N = V("prompt-container"), f = p(() => e.steps[i.value]), L = p(() => l.value === 3 && i.value + 1 === e.steps.length), v = p(() => l.value === 3), P = p(() => f.value.fullSentence.map(({ content: t }) => t)), B = p(() => f.value.fullSentence.map(({ content: t, isAnonymizable: c }) => c ? { content: t, color: "green" } : {
       content: t,
       color: b.value.includes(t) ? "red" : "neutral"
     })), R = p(() => f.value.fullSentence.filter(({ isAnonymizable: t }) => t).map(({ content: t }) => t));
@@ -28,15 +28,15 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
       l.value = 1, i.value = 0, b.value = [];
     }
     function y() {
-      if (c.value) {
+      if (v.value) {
         l.value = 1, i.value++, b.value = [];
         return;
       }
       l.value++, N.value.focus();
     }
-    return j({
+    return z({
       reset: A
-    }), (t, v) => (o(), n("div", aa, [
+    }), (t, c) => (o(), n("div", aa, [
       a("header", null, [
         a("div", ta, [
           (o(!0), n(u, null, m(e.steps, (r, s) => (o(), n("div", {
@@ -70,7 +70,7 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
                   value: r,
                   class: "sr-only",
                   type: "checkbox",
-                  "onUpdate:modelValue": v[0] || (v[0] = (g) => b.value = g)
+                  "onUpdate:modelValue": c[0] || (c[0] = (g) => b.value = g)
                 }, null, 8, sa), [
                   [T, b.value]
                 ]),
@@ -78,7 +78,7 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
               ], 8, ra))), 128))
             ])
           ]),
-          q(z, {
+          q(C, {
             "is-disabled": b.value.length === 0,
             onClick: y
           }, {
@@ -89,7 +89,7 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
           }, 8, ["is-disabled"])
         ])) : (o(), n("div", {
           key: 1,
-          class: h(["results", { "prompt-and-rephrase": c.value }])
+          class: h(["results", { "prompt-and-rephrase": v.value }])
         }, [
           a("div", la, [
             a("div", {
@@ -105,11 +105,11 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
               ]))), 128))
             ]),
             a("p", fa, d(t.$t("pix-anonymisation.correction")), 1),
-            a("ul", ca, [
+            a("ul", va, [
               (o(!0), n(u, null, m(R.value, (r) => (o(), n("li", { key: r }, d(r), 1))), 128))
             ])
           ]),
-          c.value ? (o(), n("div", va, [
+          v.value ? (o(), n("div", ca, [
             a("div", {
               role: "heading",
               class: "prompt-card__heading",
@@ -117,14 +117,14 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
             }, d(t.$t("pix-anonymisation.rephrase.title")), 9, ua),
             a("p", ma, d(f.value.rephrase), 1)
           ])) : _("", !0),
-          c.value ? (o(), n("p", ga, d(f.value.feedback), 1)) : _("", !0),
-          L.value ? _("", !0) : (o(), D(z, {
+          v.value ? (o(), n("p", ga, d(f.value.feedback), 1)) : _("", !0),
+          L.value ? _("", !0) : (o(), D(C, {
             key: 2,
             onClick: y,
             class: "feedback-button"
           }, {
             default: w(() => [
-              S(d(c.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
+              S(d(v.value ? t.$t("pix-anonymisation.buttons.nextPrompt") : t.$t("pix-anonymisation.buttons.displayRephrasing")), 1)
             ]),
             _: 1
           }))
@@ -132,15 +132,15 @@ const U = {}, J = {}, K = {}, Q = {}, W = {}, X = {
       ])
     ], 512));
   }
-}), _a = "html[data-v-a2b3f4a1],body[data-v-a2b3f4a1],div[data-v-a2b3f4a1],span[data-v-a2b3f4a1],applet[data-v-a2b3f4a1],object[data-v-a2b3f4a1],iframe[data-v-a2b3f4a1],h1[data-v-a2b3f4a1],h2[data-v-a2b3f4a1],h3[data-v-a2b3f4a1],h4[data-v-a2b3f4a1],h5[data-v-a2b3f4a1],h6[data-v-a2b3f4a1],p[data-v-a2b3f4a1],blockquote[data-v-a2b3f4a1],pre[data-v-a2b3f4a1],a[data-v-a2b3f4a1],abbr[data-v-a2b3f4a1],acronym[data-v-a2b3f4a1],address[data-v-a2b3f4a1],big[data-v-a2b3f4a1],cite[data-v-a2b3f4a1],code[data-v-a2b3f4a1],del[data-v-a2b3f4a1],dfn[data-v-a2b3f4a1],em[data-v-a2b3f4a1],img[data-v-a2b3f4a1],ins[data-v-a2b3f4a1],kbd[data-v-a2b3f4a1],q[data-v-a2b3f4a1],s[data-v-a2b3f4a1],samp[data-v-a2b3f4a1],small[data-v-a2b3f4a1],strike[data-v-a2b3f4a1],strong[data-v-a2b3f4a1],sub[data-v-a2b3f4a1],sup[data-v-a2b3f4a1],tt[data-v-a2b3f4a1],var[data-v-a2b3f4a1],b[data-v-a2b3f4a1],u[data-v-a2b3f4a1],i[data-v-a2b3f4a1],center[data-v-a2b3f4a1],dl[data-v-a2b3f4a1],dt[data-v-a2b3f4a1],dd[data-v-a2b3f4a1],ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1],li[data-v-a2b3f4a1],fieldset[data-v-a2b3f4a1],form[data-v-a2b3f4a1],label[data-v-a2b3f4a1],legend[data-v-a2b3f4a1],table[data-v-a2b3f4a1],caption[data-v-a2b3f4a1],tbody[data-v-a2b3f4a1],tfoot[data-v-a2b3f4a1],thead[data-v-a2b3f4a1],tr[data-v-a2b3f4a1],th[data-v-a2b3f4a1],td[data-v-a2b3f4a1],article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],canvas[data-v-a2b3f4a1],details[data-v-a2b3f4a1],embed[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],output[data-v-a2b3f4a1],ruby[data-v-a2b3f4a1],section[data-v-a2b3f4a1],summary[data-v-a2b3f4a1],time[data-v-a2b3f4a1],mark[data-v-a2b3f4a1],audio[data-v-a2b3f4a1],video[data-v-a2b3f4a1]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],details[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],section[data-v-a2b3f4a1]{display:block}body[data-v-a2b3f4a1]{line-height:1}ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1]{list-style:none}table[data-v-a2b3f4a1]{border-collapse:collapse;border-spacing:0}[data-v-a2b3f4a1]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-a2b3f4a1],label[data-v-a2b3f4a1],button[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-a2b3f4a1],.results[data-v-a2b3f4a1]{display:flex;flex-direction:column;gap:16px}button[data-v-a2b3f4a1]{font-weight:700;margin:0 auto}.heading[data-v-a2b3f4a1]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-a2b3f4a1]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-a2b3f4a1]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-a2b3f4a1]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:100%}.prompt-card[data-v-a2b3f4a1]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-a2b3f4a1]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-a2b3f4a1]{padding:2px}.prompt-card-content-part[data-v-a2b3f4a1]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-a2b3f4a1]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-a2b3f4a1]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-a2b3f4a1]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-a2b3f4a1]{outline:1px solid black}.prompt-and-rephrase[data-v-a2b3f4a1]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-a2b3f4a1]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-a2b3f4a1]{grid-column:1/span 2}.sr-only[data-v-a2b3f4a1]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-a2b3f4a1]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-a2b3f4a1]{margin-top:0}.feedback[data-v-a2b3f4a1]{margin-block:8px}}", xa = /* @__PURE__ */ I(ha, [["styles", [_a]], ["__scopeId", "data-v-a2b3f4a1"]]);
+}), _a = "html[data-v-a2b3f4a1],body[data-v-a2b3f4a1],div[data-v-a2b3f4a1],span[data-v-a2b3f4a1],applet[data-v-a2b3f4a1],object[data-v-a2b3f4a1],iframe[data-v-a2b3f4a1],h1[data-v-a2b3f4a1],h2[data-v-a2b3f4a1],h3[data-v-a2b3f4a1],h4[data-v-a2b3f4a1],h5[data-v-a2b3f4a1],h6[data-v-a2b3f4a1],p[data-v-a2b3f4a1],blockquote[data-v-a2b3f4a1],pre[data-v-a2b3f4a1],a[data-v-a2b3f4a1],abbr[data-v-a2b3f4a1],acronym[data-v-a2b3f4a1],address[data-v-a2b3f4a1],big[data-v-a2b3f4a1],cite[data-v-a2b3f4a1],code[data-v-a2b3f4a1],del[data-v-a2b3f4a1],dfn[data-v-a2b3f4a1],em[data-v-a2b3f4a1],img[data-v-a2b3f4a1],ins[data-v-a2b3f4a1],kbd[data-v-a2b3f4a1],q[data-v-a2b3f4a1],s[data-v-a2b3f4a1],samp[data-v-a2b3f4a1],small[data-v-a2b3f4a1],strike[data-v-a2b3f4a1],strong[data-v-a2b3f4a1],sub[data-v-a2b3f4a1],sup[data-v-a2b3f4a1],tt[data-v-a2b3f4a1],var[data-v-a2b3f4a1],b[data-v-a2b3f4a1],u[data-v-a2b3f4a1],i[data-v-a2b3f4a1],center[data-v-a2b3f4a1],dl[data-v-a2b3f4a1],dt[data-v-a2b3f4a1],dd[data-v-a2b3f4a1],ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1],li[data-v-a2b3f4a1],fieldset[data-v-a2b3f4a1],form[data-v-a2b3f4a1],label[data-v-a2b3f4a1],legend[data-v-a2b3f4a1],table[data-v-a2b3f4a1],caption[data-v-a2b3f4a1],tbody[data-v-a2b3f4a1],tfoot[data-v-a2b3f4a1],thead[data-v-a2b3f4a1],tr[data-v-a2b3f4a1],th[data-v-a2b3f4a1],td[data-v-a2b3f4a1],article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],canvas[data-v-a2b3f4a1],details[data-v-a2b3f4a1],embed[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],output[data-v-a2b3f4a1],ruby[data-v-a2b3f4a1],section[data-v-a2b3f4a1],summary[data-v-a2b3f4a1],time[data-v-a2b3f4a1],mark[data-v-a2b3f4a1],audio[data-v-a2b3f4a1],video[data-v-a2b3f4a1],dialog[data-v-a2b3f4a1]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-a2b3f4a1],aside[data-v-a2b3f4a1],details[data-v-a2b3f4a1],figcaption[data-v-a2b3f4a1],figure[data-v-a2b3f4a1],footer[data-v-a2b3f4a1],header[data-v-a2b3f4a1],hgroup[data-v-a2b3f4a1],menu[data-v-a2b3f4a1],nav[data-v-a2b3f4a1],section[data-v-a2b3f4a1]{display:block}body[data-v-a2b3f4a1]{line-height:1}ol[data-v-a2b3f4a1],ul[data-v-a2b3f4a1]{list-style:none}table[data-v-a2b3f4a1]{border-collapse:collapse;border-spacing:0}[data-v-a2b3f4a1]{color:#122647;font-style:normal;box-sizing:border-box}p[data-v-a2b3f4a1],label[data-v-a2b3f4a1],button[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400}form[data-v-a2b3f4a1],.results[data-v-a2b3f4a1]{display:flex;flex-direction:column;gap:16px}button[data-v-a2b3f4a1]{font-weight:700;margin:0 auto}.heading[data-v-a2b3f4a1]{font-family:Nunito,Roboto,sans-serif;text-align:center;font-size:1.25rem;font-weight:700}.stepper-container[data-v-a2b3f4a1]{display:flex;gap:6px;margin-bottom:16px;align-items:center}.stepper-container span[data-v-a2b3f4a1]{font-size:.875rem;white-space:nowrap}.stepper-background[data-v-a2b3f4a1]{background-color:#e8eaed;height:8px;flex:1 1 var(--step-width);border-radius:64px}.stepper-background.is-active .progress-bar[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:var(--progress-bar-width)}.stepper-background.is-finished[data-v-a2b3f4a1]{background:#613fdd;height:8px;border-radius:64px;width:100%}.prompt-card[data-v-a2b3f4a1]{border-radius:16px;border:1px solid #cdd1d9;padding:16px}.prompt-card__heading[data-v-a2b3f4a1]{font-family:Roboto,sans-serif;font-size:1rem;font-weight:700;margin-bottom:8px}.prompt-card-content[data-v-a2b3f4a1]{display:flex;flex-wrap:wrap;border-radius:8px;background:#f4f5f7;padding:16px;gap:4px}.prompt-card-content>span[data-v-a2b3f4a1]{padding:2px}.prompt-card-content-part[data-v-a2b3f4a1]{padding:1px 4px;border-radius:4px;border:1px solid #cdd1d9;margin-bottom:5px}.prompt-card-content-part.red[data-v-a2b3f4a1]{border-color:transparent;background:#e4766f}.prompt-card-content-part.green[data-v-a2b3f4a1]{border-color:transparent;background:#54c590}input:checked~.prompt-card-content-part[data-v-a2b3f4a1]{background:#ffdc76;border-color:transparent}input:focus~.prompt-card-content-part[data-v-a2b3f4a1]{outline:1px solid black}.prompt-and-rephrase[data-v-a2b3f4a1]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-and-rephrase .feedback[data-v-a2b3f4a1]{grid-column:1/span 2;border-radius:16px;background:#eaf1ff;padding:16px}.feedback-button[data-v-a2b3f4a1]{grid-column:1/span 2}.sr-only[data-v-a2b3f4a1]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}@media screen and (max-width:768px){.prompt-card[data-v-a2b3f4a1]{grid-column:1/span 2;margin-top:8px}.prompt-card.rephrase[data-v-a2b3f4a1]{margin-top:0}.feedback[data-v-a2b3f4a1]{margin-block:8px}}", xa = /* @__PURE__ */ I(ha, [["styles", [_a]], ["__scopeId", "data-v-a2b3f4a1"]]);
 H(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": U, "./locales/en.json": J, "./locales/es-419.json": K, "./locales/es.json": Q, "./locales/fr-BE.json": W, "./locales/fr.json": X, "./locales/it.json": Y, "./locales/nl.json": Z })).catch((e) => console.error(e));
-const C = G(xa, {
+const j = G(xa, {
   configureApp(e) {
     $.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(M, { i18next: $ });
   }
 });
-C.prototype.normalizeProps = (e) => ({
+j.prototype.normalizeProps = (e) => ({
   ...e,
   titleLevel: O(e.titleLevel)
 });
-window.customElements.define("pix-anonymisation", C);
+window.customElements.define("pix-anonymisation", j);

package/dist/components/pix-article.ce.js.js

@@ -1,5 +1,5 @@
-import { b as d, o as n, c as l, a as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-Dz58mCLm.js";
-import { a as p, i as r, b } from "../i18n-H4HokXDX.js";
+import { b as d, o as n, c as l, a as t, x as i, F as o, e as u, g as m, _ as f, d as v } from "../_plugin-vue_export-helper-DROOAHrz.js";
+import { a as p, i as r, b } from "../i18n-BVfGnSnP.js";
 import { a as s, b as y } from "../normalize-props-DH0oPBss.js";
 const S = {}, x = {}, j = {}, A = {}, L = {}, H = {
   "pix-article": { byAuthor: "Par {{author}}" }