@lystech/sections 0.3.0 → 0.4.0

package/dist/editeur.js

@@ -1,190 +1,248 @@
-import { jsx as e, jsxs as b, Fragment as Q } from "react/jsx-runtime";
-import { createRoot as Z } from "react-dom/client";
-import { useState as k, useRef as F, useEffect as B, useCallback as H, useMemo as W } from "react";
-function se({
+import { jsx as e, jsxs as m, Fragment as te } from "react/jsx-runtime";
+import { createRoot as ne } from "react-dom/client";
+import { useState as L, useRef as B, useEffect as J, useCallback as F, useMemo as K } from "react";
+function de({
   jeton: n,
   site: t,
-  apiBaseUrl: c,
+  apiBaseUrl: i,
   surJetonRefuse: r
 }) {
   const a = {
     "Content-Type": "application/json",
     Authorization: "Bearer " + n
   };
-  function f(o, i) {
-    if (i && (o.status === 401 || o.status === 403) && r(), !o.ok) throw new Error(String(o.status));
+  function d(o, c) {
+    if (c && (o.status === 401 || o.status === 403) && r(), !o.ok) throw new Error(String(o.status));
   }
-  async function u(o, i = !0) {
-    const h = await fetch(c + o, {
-      headers: i ? a : void 0
+  async function l(o, c = !0) {
+    const h = await fetch(i + o, {
+      headers: c ? a : void 0
     });
-    return f(h, i), await h.json();
+    return d(h, c), await h.json();
   }
-  async function m(o, i, h) {
-    const g = await fetch(c + o, {
-      method: i,
+  async function b(o, c, h) {
+    const g = await fetch(i + o, {
+      method: c,
       headers: a,
       body: h === void 0 ? void 0 : JSON.stringify(h)
     });
-    return f(g, !0), await g.json();
+    return d(g, !0), await g.json();
   }
   return {
     /** Les blocs que le site a déclaré savoir afficher. Route publique. */
-    schemas: () => u("/site-sections/public/" + encodeURIComponent(t) + "/schemas", !1),
+    schemas: () => l("/site-sections/public/" + encodeURIComponent(t) + "/schemas", !1),
     /** Ce qui existe sur une page, brouillons compris. */
-    pourPage: (o) => u("/site-sections?page=" + encodeURIComponent(o)),
-    creer: (o, i, h) => m("/site-sections", "POST", { page: o, blockType: i, draft: h }),
-    enregistrerBrouillon: (o, i) => m("/site-sections/" + o + "/draft", "PUT", { draft: i }),
-    publier: (o) => m("/site-sections/" + o + "/publish", "POST"),
+    pourPage: (o) => l("/site-sections?page=" + encodeURIComponent(o)),
+    creer: (o, c, h) => b("/site-sections", "POST", { page: o, blockType: c, draft: h }),
+    enregistrerBrouillon: (o, c) => b("/site-sections/" + o + "/draft", "PUT", { draft: c }),
+    publier: (o) => b("/site-sections/" + o + "/publish", "POST"),
     /** Ramène le brouillon à ce qui est en ligne. */
-    annuler: (o) => m("/site-sections/" + o + "/revert", "POST")
+    annuler: (o) => b("/site-sections/" + o + "/revert", "POST")
   };
 }
-function ce({
+const pe = {
+  apiKey: "AIzaSyCpAeHlt1wZvM5KtYg7X7MDVnWVJT86gvc",
+  authDomain: "lystech.firebaseapp.com",
+  projectId: "lystech",
+  storageBucket: "lystech.appspot.com",
+  messagingSenderId: "237347321732",
+  appId: "1:237347321732:web:7f9586d48e488d73ddcfd1"
+};
+function fe() {
+  return /* @__PURE__ */ m("span", { className: "marque", children: [
+    /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M12 2c2.6 2.4 3.9 4.9 3.9 7.5 0 1.6-.5 3-1.6 4.2 1.9-.3 3.4-1.1 4.6-2.4-.2 3.4-2.3 5.9-6.1 7.3V22h-1.6v-3.4C7.4 17.2 5.3 14.7 5.1 11.3c1.2 1.3 2.7 2.1 4.6 2.4-1.1-1.2-1.6-2.6-1.6-4.2C8.1 6.9 9.4 4.4 12 2z",
+        fill: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ e("span", { className: "marque__mot", children: "Lystech" })
+  ] });
+}
+function me() {
+  return /* @__PURE__ */ m("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", focusable: "false", className: "logo", children: [
+    /* @__PURE__ */ e("path", { fill: "#4285F4", d: "M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.91c1.7-1.57 2.69-3.88 2.69-6.62z" }),
+    /* @__PURE__ */ e("path", { fill: "#34A853", d: "M9 18c2.43 0 4.47-.8 5.96-2.18l-2.91-2.26c-.81.54-1.84.86-3.05.86-2.34 0-4.33-1.58-5.04-3.71H.96v2.33A9 9 0 0 0 9 18z" }),
+    /* @__PURE__ */ e("path", { fill: "#FBBC05", d: "M3.96 10.71a5.41 5.41 0 0 1 0-3.42V4.96H.96a9 9 0 0 0 0 8.08l3-2.33z" }),
+    /* @__PURE__ */ e("path", { fill: "#EA4335", d: "M9 3.58c1.32 0 2.5.45 3.44 1.35l2.58-2.59C13.46.89 11.43 0 9 0A9 9 0 0 0 .96 4.96l3 2.33C4.67 5.16 6.66 3.58 9 3.58z" })
+  ] });
+}
+function be() {
+  return /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", className: "logo", children: /* @__PURE__ */ e(
+    "path",
+    {
+      fill: "#fff",
+      d: "M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5.02 3.66 9.18 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.52 1.49-3.91 3.77-3.91 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.78-1.63 1.57v1.89h2.78l-.45 2.91h-2.33V22c4.78-.76 8.44-4.92 8.44-9.94z"
+    }
+  ) });
+}
+function xe({
   site: n,
   apiBaseUrl: t,
-  surJeton: c,
-  surFermer: r
+  methodes: i = ["google", "facebook"],
+  surJeton: r,
+  surFermer: a
 }) {
-  const [a, f] = k(""), [u, m] = k(""), [o, i] = k({ nom: "repos" }), h = async (v) => {
-    if (!a || !u) {
-      i({ nom: "erreur", texte: "Entrez votre adresse et votre mot de passe." });
-      return;
+  const [d, l] = L({ nom: "repos" }), b = (g) => {
+    switch (g) {
+      case "auth/popup-blocked":
+        return "Votre navigateur a bloqué la fenêtre de connexion. Autorisez les fenêtres pour ce site, puis réessayez.";
+      case "auth/popup-closed-by-user":
+      case "auth/cancelled-popup-request":
+        return "Connexion annulée.";
+      case "auth/unauthorized-domain":
+        return "Ce domaine n'est pas encore autorisé côté Lystech. Prévenez la personne qui gère le site.";
+      case "auth/account-exists-with-different-credential":
+        return "Cette adresse est déjà associée à un autre mode de connexion. Essayez l'autre bouton.";
+      case "auth/network-request-failed":
+        return "Connexion au réseau impossible. Vérifiez votre lien Internet.";
+      default:
+        return "La connexion a échoué. Réessayez dans un instant.";
     }
-    i({ nom: "envoi" });
-    try {
-      const S = await fetch(t + "/site-sections/edit-login", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ site: n, email: a, password: u, demanderAcces: v })
+  }, o = async (g, C = !1) => {
+    const E = await fetch(t + "/site-sections/edit-login/third-party", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        site: n,
+        token: g,
+        tokenType: "firebase",
+        demanderAcces: C
+      })
+    });
+    if (E.status === 429) {
+      l({
+        nom: "erreur",
+        texte: "Trop de tentatives. Réessayez dans quelques minutes."
       });
-      if (S.status === 429) {
-        i({
-          nom: "erreur",
-          texte: "Trop de tentatives. Réessayez dans quelques minutes."
-        });
+      return;
+    }
+    const v = await E.json().catch(() => null);
+    if (v?.ok && v?.token) {
+      r(v.token);
+      return;
+    }
+    switch (v?.raison) {
+      case "sans_acces":
+        l({ nom: "sans-acces", jeton: g });
         return;
-      }
-      const _ = await S.json().catch(() => null);
-      if (_?.ok && _?.token) {
-        c(_.token);
+      case "demande_envoyee":
+        l({ nom: "demande-envoyee" });
         return;
-      }
-      if (_?.raison === "sans_acces") {
-        i({ nom: "sans-acces" });
+      case "trop_de_demandes":
+        l({
+          nom: "erreur",
+          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+        });
         return;
-      }
-      if (_?.raison === "demande_envoyee") {
-        i({ nom: "demande-envoyee" });
+      case "aucun_compte":
+        l({ nom: "aucun-compte", adresse: "" });
         return;
-      }
-      if (_?.raison === "trop_de_demandes") {
-        i({
+      case "adresse_non_verifiee":
+        l({
           nom: "erreur",
-          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+          texte: "Votre fournisseur n'a pas confirmé cette adresse courriel. Vérifiez-la chez lui, puis réessayez."
         });
         return;
-      }
-      i({
-        nom: "erreur",
-        texte: "Adresse ou mot de passe incorrect."
-      });
-    } catch {
-      i({
-        nom: "erreur",
-        texte: "Connexion au serveur impossible. Vérifiez votre réseau."
-      });
+      default:
+        l({
+          nom: "erreur",
+          texte: "La connexion a échoué. Réessayez dans un instant."
+        });
     }
-  }, g = o.nom === "envoi";
-  return /* @__PURE__ */ e("div", { className: "voile", role: "dialog", "aria-modal": "true", "aria-label": "Modifier ce site", children: /* @__PURE__ */ b("div", { className: "fenetre", children: [
-    /* @__PURE__ */ b("div", { className: "panneau__tete", children: [
-      /* @__PURE__ */ b("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ e("h2", { className: "panneau__titre", children: "Modifier ce site" }),
-        /* @__PURE__ */ e("p", { className: "panneau__sous", children: "Vous vous connectez à Lystech. Cet accès ne sert qu'à modifier le contenu de ce site." })
-      ] }),
-      /* @__PURE__ */ e(
+  }, c = async (g) => {
+    l({ nom: "envoi", quoi: g });
+    try {
+      const [{ initializeApp: C, getApps: E }, v] = await Promise.all([
+        import("./morceaux/index.esm-B4AB50RA.js"),
+        import("./morceaux/index.esm-B4hL1FOE.js")
+      ]), R = E().find((_) => _.name === "lystech-edition") ?? C(pe, "lystech-edition"), q = g === "google" ? new v.GoogleAuthProvider() : new v.FacebookAuthProvider(), w = await (await v.signInWithPopup(v.getAuth(R), q)).user.getIdToken();
+      await o(w);
+    } catch (C) {
+      l({ nom: "erreur", texte: b(String(C?.code ?? "")) });
+    }
+  }, h = d.nom === "envoi";
+  return /* @__PURE__ */ e("div", { className: "voile", role: "dialog", "aria-modal": "true", "aria-label": "Modifier ce site", children: /* @__PURE__ */ m("div", { className: "fenetre", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "fenetre__fermer",
+        onClick: a,
+        "aria-label": "Fermer",
+        children: "✕"
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: "fenetre__tete", children: [
+      /* @__PURE__ */ e(fe, {}),
+      /* @__PURE__ */ e("h2", { className: "fenetre__titre", children: "Modifier ce site" }),
+      /* @__PURE__ */ e("p", { className: "fenetre__sous", children: "Vous vous connectez à Lystech. Cet accès ne sert qu'à modifier le contenu de ce site." })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "fenetre__corps", children: [
+      d.nom === "erreur" && /* @__PURE__ */ e("p", { className: "message message--erreur", children: d.texte }),
+      d.nom === "aucun-compte" && /* @__PURE__ */ e("p", { className: "message message--info", children: "Aucun compte Lystech ne correspond à cette adresse. Adressez-vous à la personne responsable du site." }),
+      d.nom === "sans-acces" && /* @__PURE__ */ e("p", { className: "message message--info", children: "Vous êtes bien reconnu, mais vous n'avez pas encore le droit de modifier ce site. Vous pouvez le demander : la personne responsable recevra un courriel." }),
+      d.nom === "demande-envoyee" && /* @__PURE__ */ e("p", { className: "message message--ok", children: "Demande envoyée. La personne responsable du site vous répondra." }),
+      d.nom === "sans-acces" ? /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: "bouton bouton--icone bouton--discret",
-          onClick: r,
-          "aria-label": "Fermer",
-          children: "✕"
+          className: "bouton bouton--principal bouton--large",
+          onClick: () => {
+            o(d.jeton, !0);
+          },
+          children: "Demander l'accès"
         }
-      )
+      ) : d.nom === "demande-envoyee" || d.nom === "aucun-compte" ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--large",
+          onClick: a,
+          children: "Fermer"
+        }
+      ) : /* @__PURE__ */ m("div", { className: "fournisseurs", children: [
+        i.includes("google") && /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--google",
+            disabled: h,
+            onClick: () => {
+              c("google");
+            },
+            children: [
+              /* @__PURE__ */ e(me, {}),
+              /* @__PURE__ */ e("span", { children: d.nom === "envoi" && d.quoi === "google" ? "Connexion…" : "Continuer avec Google" })
+            ]
+          }
+        ),
+        i.includes("facebook") && /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--facebook",
+            disabled: h,
+            onClick: () => {
+              c("facebook");
+            },
+            children: [
+              /* @__PURE__ */ e(be, {}),
+              /* @__PURE__ */ e("span", { children: d.nom === "envoi" && d.quoi === "facebook" ? "Connexion…" : "Continuer avec Facebook" })
+            ]
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ b(
-      "form",
-      {
-        className: "panneau__corps",
-        onSubmit: (v) => {
-          v.preventDefault(), h(!1);
-        },
-        children: [
-          o.nom === "erreur" && /* @__PURE__ */ e("p", { className: "message message--erreur", children: o.texte }),
-          o.nom === "sans-acces" && /* @__PURE__ */ e("p", { className: "message message--info", children: "Vous êtes bien reconnu, mais vous n'avez pas encore le droit de modifier ce site. Vous pouvez le demander : la personne responsable recevra un courriel." }),
-          o.nom === "demande-envoyee" && /* @__PURE__ */ e("p", { className: "message message--ok", children: "Demande envoyée. La personne responsable du site vous répondra." }),
-          o.nom !== "demande-envoyee" && /* @__PURE__ */ b(Q, { children: [
-            /* @__PURE__ */ b("div", { className: "champ", children: [
-              /* @__PURE__ */ e("label", { className: "champ__etiquette", htmlFor: "lys-courriel", children: "Adresse courriel" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: "lys-courriel",
-                  type: "text",
-                  inputMode: "email",
-                  autoComplete: "email",
-                  value: a,
-                  disabled: g,
-                  onChange: (v) => f(v.target.value)
-                }
-              )
-            ] }),
-            /* @__PURE__ */ b("div", { className: "champ", children: [
-              /* @__PURE__ */ e("label", { className: "champ__etiquette", htmlFor: "lys-mdp", children: "Mot de passe" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  id: "lys-mdp",
-                  type: "password",
-                  autoComplete: "current-password",
-                  value: u,
-                  disabled: g,
-                  onChange: (v) => m(v.target.value)
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { style: { display: "flex", gap: 8, marginTop: 4 }, children: o.nom === "sans-acces" ? /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              className: "bouton bouton--principal",
-              disabled: g,
-              onClick: () => {
-                h(!0);
-              },
-              children: "Demander l'accès"
-            }
-          ) : o.nom === "demande-envoyee" ? /* @__PURE__ */ e("button", { type: "button", className: "bouton", onClick: r, children: "Fermer" }) : /* @__PURE__ */ e(
-            "button",
-            {
-              type: "submit",
-              className: "bouton bouton--principal",
-              disabled: g,
-              children: g ? "Vérification…" : "Se connecter"
-            }
-          ) })
-        ]
-      }
-    )
+    /* @__PURE__ */ e("p", { className: "fenetre__pied", children: "Votre mot de passe reste chez votre fournisseur : ce site ne le voit jamais." })
   ] }) });
 }
-function le(n, t) {
-  const c = n && typeof n == "object" && !Array.isArray(n) ? Object.keys(n).filter((a) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(a)) : [], r = t.slice(0, 2);
-  return Array.from(/* @__PURE__ */ new Set([r, ...c]));
+function he(n, t) {
+  const i = n && typeof n == "object" && !Array.isArray(n) ? Object.keys(n).filter((a) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(a)) : [], r = t.slice(0, 2);
+  return Array.from(/* @__PURE__ */ new Set([r, ...i]));
 }
-function ue(n) {
+function ge(n) {
   switch (n.type) {
     case "number":
       return 0;
@@ -196,14 +254,14 @@ function ue(n) {
       return "";
   }
 }
-function G({ champ: n, valeur: t, changer: c }) {
+function Z({ champ: n, valeur: t, changer: i }) {
   switch (n.type) {
     case "richText":
       return /* @__PURE__ */ e(
         "textarea",
         {
           value: String(t ?? ""),
-          onChange: (r) => c(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
     case "number":
@@ -212,17 +270,17 @@ function G({ champ: n, valeur: t, changer: c }) {
         {
           type: "number",
           value: t === "" || t == null ? "" : String(t),
-          onChange: (r) => c(r.target.value === "" ? "" : Number(r.target.value))
+          onChange: (r) => i(r.target.value === "" ? "" : Number(r.target.value))
         }
       );
     case "boolean":
-      return /* @__PURE__ */ b("label", { className: "bascule", children: [
+      return /* @__PURE__ */ m("label", { className: "bascule", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: t === !0,
-            onChange: (r) => c(r.target.checked)
+            onChange: (r) => i(r.target.checked)
           }
         ),
         /* @__PURE__ */ e("span", { children: t === !0 ? "Oui" : "Non" })
@@ -233,15 +291,15 @@ function G({ champ: n, valeur: t, changer: c }) {
         {
           type: "date",
           value: String(t ?? "").slice(0, 10),
-          onChange: (r) => c(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
     case "choice":
-      return /* @__PURE__ */ b(
+      return /* @__PURE__ */ m(
         "select",
         {
           value: String(t ?? ""),
-          onChange: (r) => c(r.target.value),
+          onChange: (r) => i(r.target.value),
           children: [
             /* @__PURE__ */ e("option", { value: "", children: "—" }),
             (n.options ?? []).map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
@@ -254,18 +312,18 @@ function G({ champ: n, valeur: t, changer: c }) {
         {
           type: "url",
           value: String(t ?? ""),
-          onChange: (r) => c(r.target.value),
+          onChange: (r) => i(r.target.value),
           placeholder: "https://"
         }
       );
     case "image":
-      return /* @__PURE__ */ b(Q, { children: [
+      return /* @__PURE__ */ m(te, { children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "url",
             value: String(t ?? ""),
-            onChange: (r) => c(r.target.value),
+            onChange: (r) => i(r.target.value),
             placeholder: "https://…"
           }
         ),
@@ -277,24 +335,24 @@ function G({ champ: n, valeur: t, changer: c }) {
         {
           type: "text",
           value: String(t ?? ""),
-          onChange: (r) => c(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
   }
 }
-function ee({ champ: n, valeur: t, changer: c, langue: r }) {
+function oe({ champ: n, valeur: t, changer: i, langue: r }) {
   if (n.type === "list") {
-    const a = Array.isArray(t) ? t : [], f = n.of ?? [], u = (m, o, i) => {
-      const h = a.map((g, v) => v === m ? { ...g, [o]: i } : g);
-      c(h);
+    const a = Array.isArray(t) ? t : [], d = n.of ?? [], l = (b, o, c) => {
+      const h = a.map((g, C) => C === b ? { ...g, [o]: c } : g);
+      i(h);
     };
-    return /* @__PURE__ */ b("div", { className: "champ", children: [
+    return /* @__PURE__ */ m("div", { className: "champ", children: [
       /* @__PURE__ */ e("span", { className: "champ__etiquette", children: n.label }),
       n.help && /* @__PURE__ */ e("p", { className: "champ__aide", children: n.help }),
-      a.map((m, o) => /* @__PURE__ */ b("div", { className: "liste__item", children: [
-        /* @__PURE__ */ b("div", { className: "liste__tete", children: [
+      a.map((b, o) => /* @__PURE__ */ m("div", { className: "liste__item", children: [
+        /* @__PURE__ */ m("div", { className: "liste__tete", children: [
           /* @__PURE__ */ e("span", { className: "liste__rang", children: o + 1 }),
-          /* @__PURE__ */ b("span", { style: { display: "flex", gap: 4 }, children: [
+          /* @__PURE__ */ m("span", { style: { display: "flex", gap: 4 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
@@ -303,8 +361,8 @@ function ee({ champ: n, valeur: t, changer: c, langue: r }) {
                 title: "Monter",
                 disabled: o === 0,
                 onClick: () => {
-                  const i = [...a];
-                  [i[o - 1], i[o]] = [i[o], i[o - 1]], c(i);
+                  const c = [...a];
+                  [c[o - 1], c[o]] = [c[o], c[o - 1]], i(c);
                 },
                 children: "↑"
               }
@@ -317,8 +375,8 @@ function ee({ champ: n, valeur: t, changer: c, langue: r }) {
                 title: "Descendre",
                 disabled: o === a.length - 1,
                 onClick: () => {
-                  const i = [...a];
-                  [i[o], i[o + 1]] = [i[o + 1], i[o]], c(i);
+                  const c = [...a];
+                  [c[o], c[o + 1]] = [c[o + 1], c[o]], i(c);
                 },
                 children: "↓"
               }
@@ -329,21 +387,21 @@ function ee({ champ: n, valeur: t, changer: c, langue: r }) {
                 type: "button",
                 className: "bouton bouton--icone bouton--discret",
                 title: "Retirer",
-                onClick: () => c(a.filter((i, h) => h !== o)),
+                onClick: () => i(a.filter((c, h) => h !== o)),
                 children: "✕"
               }
             )
           ] })
         ] }),
-        f.map((i) => /* @__PURE__ */ e(
-          ee,
+        d.map((c) => /* @__PURE__ */ e(
+          oe,
           {
-            champ: i,
+            champ: c,
             langue: r,
-            valeur: m?.[i.key],
-            changer: (h) => u(o, i.key, h)
+            valeur: b?.[c.key],
+            changer: (h) => l(o, c.key, h)
           },
-          i.key
+          c.key
         ))
       ] }, o)),
       /* @__PURE__ */ e(
@@ -351,9 +409,9 @@ function ee({ champ: n, valeur: t, changer: c, langue: r }) {
         {
           type: "button",
           className: "bouton",
-          onClick: () => c([
+          onClick: () => i([
             ...a,
-            Object.fromEntries(f.map((m) => [m.key, ue(m)]))
+            Object.fromEntries(d.map((b) => [b.key, ge(b)]))
           ]),
           children: "+ Ajouter"
         }
@@ -361,175 +419,175 @@ function ee({ champ: n, valeur: t, changer: c, langue: r }) {
     ] });
   }
   if (n.localized) {
-    const a = le(t, r), f = t && typeof t == "object" && !Array.isArray(t) ? t : {};
-    return /* @__PURE__ */ b("div", { className: "champ", children: [
+    const a = he(t, r), d = t && typeof t == "object" && !Array.isArray(t) ? t : {};
+    return /* @__PURE__ */ m("div", { className: "champ", children: [
       /* @__PURE__ */ e("span", { className: "champ__etiquette", children: n.label }),
       n.help && /* @__PURE__ */ e("p", { className: "champ__aide", children: n.help }),
-      a.map((u) => /* @__PURE__ */ b("div", { style: { marginBottom: 8 }, children: [
-        /* @__PURE__ */ e("span", { className: "champ__langue", children: u }),
+      a.map((l) => /* @__PURE__ */ m("div", { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ e("span", { className: "champ__langue", children: l }),
         /* @__PURE__ */ e(
-          G,
+          Z,
           {
             champ: n,
-            valeur: f[u],
-            changer: (m) => c({ ...f, [u]: m })
+            valeur: d[l],
+            changer: (b) => i({ ...d, [l]: b })
           }
         )
-      ] }, u))
+      ] }, l))
     ] });
   }
-  return /* @__PURE__ */ b("div", { className: "champ", children: [
+  return /* @__PURE__ */ m("div", { className: "champ", children: [
     /* @__PURE__ */ e("label", { className: "champ__etiquette", children: n.label }),
-    /* @__PURE__ */ e(G, { champ: n, valeur: t, changer: c }),
+    /* @__PURE__ */ e(Z, { champ: n, valeur: t, changer: i }),
     n.help && /* @__PURE__ */ e("p", { className: "champ__aide", children: n.help })
   ] });
 }
-const de = ["lystech-editeur-hote", "lystech-connexion-hote"];
-function pe(n) {
+const ve = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function ye(n) {
   const t = /* @__PURE__ */ new Map();
-  for (const [c, r] of Object.entries(n))
-    for (const [a, f] of Object.entries(r)) {
-      const u = String(f ?? "").trim();
-      if (u.length < 2 || u.includes("{{")) continue;
-      const m = t.get(u);
-      m ? m.push({ ns: c, chemin: a }) : t.set(u, [{ ns: c, chemin: a }]);
+  for (const [i, r] of Object.entries(n))
+    for (const [a, d] of Object.entries(r)) {
+      const l = String(d ?? "").trim();
+      if (l.length < 2 || l.includes("{{")) continue;
+      const b = t.get(l);
+      b ? b.push({ ns: i, chemin: a }) : t.set(l, [{ ns: i, chemin: a }]);
     }
   return t;
 }
-function me(n) {
-  const t = /* @__PURE__ */ new Map(), c = document.body.querySelectorAll("*");
-  for (const r of c) {
-    if (de.some((u) => r.id === u || r.closest("#" + u)) || r.children.length > 0) continue;
+function _e(n) {
+  const t = /* @__PURE__ */ new Map(), i = document.body.querySelectorAll("*");
+  for (const r of i) {
+    if (ve.some((l) => r.id === l || r.closest("#" + l)) || r.children.length > 0) continue;
     const a = (r.textContent ?? "").trim();
     if (a.length < 2) continue;
-    const f = n.get(a);
-    f && t.set(r, { valeur: a, candidats: f });
+    const d = n.get(a);
+    d && t.set(r, { valeur: a, candidats: d });
   }
   return t;
 }
-function be({
+function we({
   source: n,
   actif: t,
-  surModification: c
+  surModification: i
 }) {
-  const r = F(/* @__PURE__ */ new Map()), a = F(null), [f, u] = k(null), m = F(n);
-  m.current = n;
-  const o = F(c);
-  return o.current = c, B(() => {
+  const r = B(/* @__PURE__ */ new Map()), a = B(null), [d, l] = L(null), b = B(n);
+  b.current = n;
+  const o = B(i);
+  return o.current = i, J(() => {
     if (!t) return;
-    const i = m.current.langueCourante(), h = pe(m.current.dictionnaire(i)), g = () => {
-      r.current = me(h);
+    const c = b.current.langueCourante(), h = ye(b.current.dictionnaire(c)), g = () => {
+      r.current = _e(h);
     };
     g();
-    let v;
-    const S = new MutationObserver(() => {
-      a.current || (clearTimeout(v), v = setTimeout(g, 250));
+    let C;
+    const E = new MutationObserver(() => {
+      a.current || (clearTimeout(C), C = setTimeout(g, 250));
     });
-    S.observe(document.body, { childList: !0, subtree: !0 });
-    const _ = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;", U = (d) => {
-      const s = d.target;
+    E.observe(document.body, { childList: !0, subtree: !0 });
+    const v = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;", R = (p) => {
+      const s = p.target;
       !(s instanceof HTMLElement) || a.current || r.current.has(s) && (s.dataset.lysStyleAvant || (s.dataset.lysStyleAvant = s.getAttribute("style") ?? ""), s.setAttribute(
         "style",
-        (s.dataset.lysStyleAvant ?? "") + _
+        (s.dataset.lysStyleAvant ?? "") + v
       ));
-    }, z = (d) => {
-      const s = d.target;
+    }, q = (p) => {
+      const s = p.target;
       if (!(s instanceof HTMLElement) || a.current?.el === s || s.dataset.lysStyleAvant === void 0) return;
-      const y = s.dataset.lysStyleAvant;
-      delete s.dataset.lysStyleAvant, y ? s.setAttribute("style", y) : s.removeAttribute("style");
-    }, T = (d, s) => {
-      const y = d.getAttribute("style") ?? "";
+      const N = s.dataset.lysStyleAvant;
+      delete s.dataset.lysStyleAvant, N ? s.setAttribute("style", N) : s.removeAttribute("style");
+    }, I = (p, s) => {
+      const N = p.getAttribute("style") ?? "";
       a.current = {
-        el: d,
-        avant: (d.textContent ?? "").trim(),
+        el: p,
+        avant: (p.textContent ?? "").trim(),
         ns: s.ns,
         chemin: s.chemin,
-        styleAvant: d.dataset.lysStyleAvant ?? y
-      }, d.setAttribute("contenteditable", "plaintext-only"), d.setAttribute(
+        styleAvant: p.dataset.lysStyleAvant ?? N
+      }, p.setAttribute("contenteditable", "plaintext-only"), p.setAttribute(
         "style",
-        (d.dataset.lysStyleAvant ?? "") + "outline:2px solid #3ba58d;outline-offset:3px;border-radius:3px;"
-      ), d.focus();
-      const P = window.getSelection(), O = document.createRange();
-      O.selectNodeContents(d), P?.removeAllRanges(), P?.addRange(O);
-    }, w = async (d) => {
+        (p.dataset.lysStyleAvant ?? "") + "outline:2px solid #3ba58d;outline-offset:3px;border-radius:3px;"
+      ), p.focus();
+      const P = window.getSelection(), D = document.createRange();
+      D.selectNodeContents(p), P?.removeAllRanges(), P?.addRange(D);
+    }, w = async (p) => {
       const s = a.current;
       if (!s) return;
       a.current = null;
-      const y = (s.el.textContent ?? "").trim();
+      const N = (s.el.textContent ?? "").trim();
       s.el.removeAttribute("contenteditable");
       const P = s.el.dataset.lysStyleAvant;
-      if (delete s.el.dataset.lysStyleAvant, P ? s.el.setAttribute("style", P) : s.el.removeAttribute("style"), d || y === s.avant) {
-        d && (s.el.textContent = s.avant);
+      if (delete s.el.dataset.lysStyleAvant, P ? s.el.setAttribute("style", P) : s.el.removeAttribute("style"), p || N === s.avant) {
+        p && (s.el.textContent = s.avant);
         return;
       }
-      const O = m.current.langueCourante();
-      m.current.poser(O, s.ns, s.chemin, y), await o.current(s.ns, s.chemin, O, y);
-    }, N = (d) => {
-      const s = d.target;
+      const D = b.current.langueCourante();
+      b.current.poser(D, s.ns, s.chemin, N), await o.current(s.ns, s.chemin, D, N);
+    }, _ = (p) => {
+      const s = p.target;
       if (!(s instanceof HTMLElement)) return;
       if (a.current) {
         if (a.current.el === s) return;
         w(!1);
       }
-      const y = r.current.get(s);
-      if (y) {
-        if (d.preventDefault(), d.stopPropagation(), y.candidats.length === 1) {
-          T(s, y.candidats[0]);
+      const N = r.current.get(s);
+      if (N) {
+        if (p.preventDefault(), p.stopPropagation(), N.candidats.length === 1) {
+          I(s, N.candidats[0]);
           return;
         }
-        u({
+        l({
           el: s,
-          candidats: y.candidats,
-          x: d.clientX,
-          y: d.clientY
+          candidats: N.candidats,
+          x: p.clientX,
+          y: p.clientY
         });
       }
-    }, A = (d) => {
-      a.current && (d.key === "Escape" ? (d.preventDefault(), w(!0)) : d.key === "Enter" && !d.shiftKey && (d.preventDefault(), w(!1)));
-    }, M = () => {
+    }, O = (p) => {
+      a.current && (p.key === "Escape" ? (p.preventDefault(), w(!0)) : p.key === "Enter" && !p.shiftKey && (p.preventDefault(), w(!1)));
+    }, H = () => {
       a.current && w(!1);
     };
-    document.addEventListener("mouseover", U, !0), document.addEventListener("mouseout", z, !0), document.addEventListener("click", N, !0);
-    const I = (d) => {
+    document.addEventListener("mouseover", R, !0), document.addEventListener("mouseout", q, !0), document.addEventListener("click", _, !0);
+    const U = (p) => {
       if (!a.current) return;
-      const s = d.inputType;
-      (s === "insertParagraph" || s === "insertLineBreak") && (d.preventDefault(), w(!1));
+      const s = p.inputType;
+      (s === "insertParagraph" || s === "insertLineBreak") && (p.preventDefault(), w(!1));
     };
-    return document.addEventListener("beforeinput", I, !0), document.addEventListener("keydown", A, !0), document.addEventListener("focusout", M, !0), window.__lysChoisir = (d, s) => {
-      u(null), T(s, d);
+    return document.addEventListener("beforeinput", U, !0), document.addEventListener("keydown", O, !0), document.addEventListener("focusout", H, !0), window.__lysChoisir = (p, s) => {
+      l(null), I(s, p);
     }, () => {
-      clearTimeout(v), S.disconnect(), document.removeEventListener("mouseover", U, !0), document.removeEventListener("mouseout", z, !0), document.removeEventListener("click", N, !0), document.removeEventListener("beforeinput", I, !0), document.removeEventListener("keydown", A, !0), document.removeEventListener("focusout", M, !0), a.current && w(!0), delete window.__lysChoisir;
+      clearTimeout(C), E.disconnect(), document.removeEventListener("mouseover", R, !0), document.removeEventListener("mouseout", q, !0), document.removeEventListener("click", _, !0), document.removeEventListener("beforeinput", U, !0), document.removeEventListener("keydown", O, !0), document.removeEventListener("focusout", H, !0), a.current && w(!0), delete window.__lysChoisir;
     };
-  }, [t]), f ? /* @__PURE__ */ b(
+  }, [t]), d ? /* @__PURE__ */ m(
     "div",
     {
       className: "choix",
       style: {
-        top: Math.min(f.y + 10, window.innerHeight - 200),
-        left: Math.min(f.x, window.innerWidth - 280)
+        top: Math.min(d.y + 10, window.innerHeight - 200),
+        left: Math.min(d.x, window.innerWidth - 280)
       },
       children: [
         /* @__PURE__ */ e("p", { className: "choix__titre", children: "Ce texte apparaît à plusieurs endroits." }),
         /* @__PURE__ */ e("p", { className: "choix__aide", children: "Lequel corrigez-vous ?" }),
-        f.candidats.map((i) => /* @__PURE__ */ b(
+        d.candidats.map((c) => /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             className: "choix__option",
-            onClick: () => window.__lysChoisir?.(i, f.el),
+            onClick: () => window.__lysChoisir?.(c, d.el),
             children: [
-              /* @__PURE__ */ e("span", { className: "choix__chemin", children: i.chemin }),
-              /* @__PURE__ */ e("span", { className: "choix__ns", children: i.ns })
+              /* @__PURE__ */ e("span", { className: "choix__chemin", children: c.chemin }),
+              /* @__PURE__ */ e("span", { className: "choix__ns", children: c.ns })
             ]
           },
-          i.ns + ":" + i.chemin
+          c.ns + ":" + c.chemin
         )),
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "bouton bouton--discret",
-            onClick: () => u(null),
+            onClick: () => l(null),
             children: "Annuler"
           }
         )
@@ -537,189 +595,211 @@ function be({
     }
   ) : null;
 }
-const Y = /^i18n:([^:]+):(.*)$/, J = "commun";
-function K(n, t) {
+const $ = /^i18n:([^:]+):(.*)$/, G = "commun";
+function ee(n, t) {
   return JSON.stringify(n ?? {}) === JSON.stringify(t ?? {});
 }
-function fe({ api: n, pont: t }) {
-  const [c, r] = k([]), [a, f] = k([]), [u, m] = k(t.page), [o, i] = k(null), [h, g] = k({}), [v, S] = k(!1), [_, U] = k("modifier"), [z, T] = k(!1), [w, N] = k(
+function Ne({ api: n, pont: t }) {
+  const [i, r] = L([]), [a, d] = L([]), [l, b] = L(t.page), [o, c] = L(null), [h, g] = L({}), [C, E] = L(!1), [v, R] = L("modifier"), [q, I] = L(!1), [w, _] = L(
     null
   );
-  B(() => (t.surChangementDePage = (l) => {
-    m(l), i(null), S(!1);
+  J(() => (t.surChangementDePage = (u) => {
+    b(u), c(null), E(!1);
   }, () => {
     t.surChangementDePage = void 0;
   }), [t]);
-  const A = H(async () => {
+  const O = F(async () => {
     try {
-      const [l, p] = await Promise.all([
-        n.pourPage(u),
-        u === J ? Promise.resolve([]) : n.pourPage(J)
-      ]), x = [...l, ...p];
-      return f(x), x;
+      const [u, f] = await Promise.all([
+        n.pourPage(l),
+        l === G ? Promise.resolve([]) : n.pourPage(G)
+      ]), x = [...u, ...f];
+      return d(x), x;
     } catch {
-      return N({
+      return _({
         ton: "erreur",
         texte: "Impossible de lire le contenu du site."
       }), [];
     }
-  }, [n, u]);
-  B(() => {
+  }, [n, l]);
+  J(() => {
     n.schemas().then(r).catch(() => r([]));
-  }, [n]), B(() => {
-    A();
-  }, [A]);
-  const M = H(
-    (l, p) => {
-      let x = null, C = -1;
-      for (const R of c) {
-        const L = Y.exec(R.blockType);
-        if (!L || L[1] !== l) continue;
-        const q = L[2];
-        (q === "" || p === q || p.startsWith(q + ".")) && q.length > C && (x = R, C = q.length);
+  }, [n]), J(() => {
+    O();
+  }, [O]);
+  const H = F(
+    (u, f) => {
+      let x = null, A = -1;
+      for (const T of i) {
+        const y = $.exec(T.blockType);
+        if (!y || y[1] !== u) continue;
+        const k = y[2];
+        (k === "" || f === k || f.startsWith(k + ".")) && k.length > A && (x = T, A = k.length);
       }
       if (!x) return null;
-      const E = Y.exec(x.blockType)?.[2] ?? "", j = E ? p.slice(E.length + 1) : p;
-      return { bloc: x, champ: j };
+      const S = $.exec(x.blockType)?.[2] ?? "", z = S ? f.slice(S.length + 1) : f;
+      return { bloc: x, champ: z };
     },
-    [c]
-  ), I = H(
-    (l) => c.find((p) => p.blockType === l),
-    [c]
-  ), d = W(
-    () => c.filter((l) => {
-      const p = l.pages ?? [];
-      return p.includes(u) || p.includes(J);
+    [i]
+  ), U = F(
+    (u) => i.find((f) => f.blockType === u),
+    [i]
+  ), p = K(
+    () => i.filter((u) => {
+      const f = u.pages ?? [];
+      return f.includes(l) || f.includes(G);
     }),
-    [c, u]
-  ), s = W(
-    () => a.filter((l) => l.draft && !K(l.draft, l.data)),
+    [i, l]
+  ), s = K(
+    () => a.filter((u) => u.draft && !ee(u.draft, u.data)),
     [a]
-  ), y = H(
-    async (l, p, x, C) => {
-      const E = M(l, p);
-      if (!E) {
-        N({
+  ), N = F(
+    async (u, f, x, A) => {
+      const S = H(u, f);
+      if (!S) {
+        _({
           ton: "erreur",
-          texte: `Ce texte (${l}:${p}) n'appartient à aucun bloc déclaré.`
+          texte: `Ce texte (${u}:${f}) n'appartient à aucun bloc déclaré.`
         });
         return;
       }
-      const j = a.find((X) => X.blockType === E.bloc.blockType), R = j?.draft ?? j?.data ?? {}, L = R[E.champ], q = L && typeof L == "object" && !Array.isArray(L) ? { ...L, [x]: C } : { [x]: C }, $ = { ...R, [E.champ]: q };
+      const z = a.find((M) => M.blockType === S.bloc.blockType), T = z?.draft ?? z?.data ?? {}, y = T[S.champ], k = y && typeof y == "object" && !Array.isArray(y) ? { ...y, [x]: A } : { [x]: A }, j = { ...T, [S.champ]: k };
       try {
-        if (j?.UID)
-          await n.enregistrerBrouillon(j.UID, $);
+        if (z?.UID)
+          await n.enregistrerBrouillon(z.UID, j);
         else {
-          const X = E.bloc.pages?.[0] ?? u;
-          await n.creer(X, E.bloc.blockType, $);
+          const M = S.bloc.pages?.[0] ?? l;
+          await n.creer(M, S.bloc.blockType, j);
         }
-        await A(), N(null);
+        await O(), _(null);
       } catch {
-        N({
+        _({
           ton: "erreur",
           texte: "Enregistrement impossible. Votre texte est toujours à l'écran."
         });
       }
     },
-    [n, M, u, A, a]
+    [n, H, l, O, a]
   ), P = async () => {
     if (!s.length) return;
-    T(!0), N(null);
-    const l = s.length;
+    I(!0), _(null);
+    const u = s.length;
     try {
-      for (const p of s) await n.publier(p.UID);
-      await A(), t.recharger(), N({
+      for (const f of s) await n.publier(f.UID);
+      await O(), t.recharger(), _({
         ton: "ok",
-        texte: l === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${l} modifications publiées.`
+        texte: u === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${u} modifications publiées.`
       });
     } catch {
-      N({
+      _({
         ton: "erreur",
         texte: "La publication a échoué. Rien n'a été mis en ligne."
       });
     } finally {
-      T(!1);
+      I(!1);
     }
-  }, O = async () => {
-    T(!0);
+  }, D = async () => {
+    I(!0);
     try {
-      for (const p of s) await n.annuler(p.UID);
-      const l = await A();
+      for (const f of s) await n.annuler(f.UID);
+      const u = await O();
       if (t.sourceTexte) {
-        const { appliquerAuxTextes: p } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
-        p(
-          l.map((x) => ({ blockType: x.blockType, data: x.data })),
+        const { appliquerAuxTextes: f } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
+        f(
+          u.map((x) => ({ blockType: x.blockType, data: x.data })),
           t.sourceTexte
         );
       }
-      N({
+      _({
         ton: "info",
         texte: "Modifications abandonnées. On est revenu à ce qui est en ligne."
       });
     } finally {
-      T(!1);
+      I(!1);
+    }
+  }, se = (u) => {
+    const f = a.find((T) => T.blockType === u), x = f?.draft ?? f?.data ?? {}, A = U(u), S = $.exec(u), z = {};
+    if (S && A && t.sourceTexte) {
+      const T = S[1], y = S[2], k = t.sourceTexte.langues(), j = {};
+      for (const M of k)
+        j[M] = t.sourceTexte.dictionnaire(M)[T] ?? {};
+      for (const M of A.fields) {
+        const ue = y ? y + "." + M.key : M.key, X = {};
+        for (const W of k) {
+          const Y = j[W]?.[ue];
+          typeof Y == "string" && (X[W] = Y);
+        }
+        Object.keys(X).length && (z[M.key] = X);
+      }
+    }
+    for (const [T, y] of Object.entries(x)) {
+      const k = z[T], j = y && typeof y == "object" && !Array.isArray(y) && k && typeof k == "object" && !Array.isArray(k);
+      z[T] = j ? { ...k, ...y } : y;
     }
-  }, oe = (l) => {
-    const p = a.find((x) => x.blockType === l);
-    g({ ...p?.draft ?? p?.data ?? {} }), i(l), S(!1), N(null);
-  }, re = (l, p) => g((x) => ({ ...x, [l]: p })), ae = async () => {
+    g(z), c(u), E(!1), _(null);
+  }, ie = (u, f) => g((x) => ({ ...x, [u]: f })), ce = async () => {
     if (o) {
-      T(!0);
+      I(!0);
       try {
-        const l = a.find((x) => x.blockType === o);
-        if (l?.UID) await n.enregistrerBrouillon(l.UID, h);
+        const u = a.find((x) => x.blockType === o);
+        if (u?.UID) await n.enregistrerBrouillon(u.UID, h);
         else {
-          const x = I(o)?.pages?.[0] ?? u;
+          const x = U(o)?.pages?.[0] ?? l;
           await n.creer(x, o, h);
         }
-        const p = await A();
+        const f = await O();
         if (t.sourceTexte) {
           const { appliquerAuxTextes: x } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
           x(
-            p.map((C) => ({ blockType: C.blockType, data: C.draft ?? C.data })),
+            f.map((A) => ({ blockType: A.blockType, data: A.draft ?? A.data })),
             t.sourceTexte
           );
         }
-        N({
+        _({
           ton: "ok",
           texte: "Enregistré. Rien n'a encore changé pour vos visiteurs."
         });
       } catch {
-        N({ ton: "erreur", texte: "L'enregistrement a échoué." });
+        _({ ton: "erreur", texte: "L'enregistrement a échoué." });
       } finally {
-        T(!1);
+        I(!1);
       }
     }
-  }, ie = () => {
+  }, le = () => {
+    try {
+      window.localStorage.setItem("lystech-edit-sortie", "1"), window.localStorage.removeItem("lystech-edit");
+    } catch {
+    }
     try {
       window.sessionStorage.removeItem("lystech-edit");
     } catch {
     }
     window.location.reload();
-  }, D = o ? I(o) : void 0, V = !o && !v;
-  return /* @__PURE__ */ b("div", { className: "calque", children: [
+  }, V = o ? U(o) : void 0, Q = !o && !C;
+  return /* @__PURE__ */ m("div", { className: "calque", children: [
+    /* @__PURE__ */ e("div", { className: "cadre-global", "aria-hidden": "true" }),
     t.sourceTexte && /* @__PURE__ */ e(
-      be,
+      we,
       {
         source: t.sourceTexte,
-        actif: V && !z && _ === "modifier",
-        surModification: y
+        actif: Q && !q && v === "modifier",
+        surModification: N
       }
     ),
-    V && /* @__PURE__ */ b("div", { className: "barre", children: [
+    Q && /* @__PURE__ */ m("div", { className: "barre", children: [
       /* @__PURE__ */ e("span", { className: "barre__point" }),
-      /* @__PURE__ */ e("span", { className: "barre__texte", children: _ === "modifier" ? "Cliquez un texte pour le corriger" : "Navigation libre — les clics ouvrent les liens" }),
+      /* @__PURE__ */ e("span", { className: "barre__texte", children: v === "modifier" ? "Cliquez un texte pour le corriger" : "Navigation libre — les clics ouvrent les liens" }),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: "bouton " + (_ === "circuler" ? "bouton--principal" : ""),
-          onClick: () => U((l) => l === "modifier" ? "circuler" : "modifier"),
-          title: _ === "modifier" ? "Passer en navigation pour changer de page" : "Revenir a la modification des textes",
-          children: _ === "modifier" ? "Circuler" : "Modifier"
+          className: "bouton " + (v === "circuler" ? "bouton--principal" : ""),
+          onClick: () => R((u) => u === "modifier" ? "circuler" : "modifier"),
+          title: v === "modifier" ? "Passer en navigation pour changer de page" : "Revenir a la modification des textes",
+          children: v === "modifier" ? "Circuler" : "Modifier"
         }
       ),
-      s.length > 0 ? /* @__PURE__ */ b(Q, { children: [
+      s.length > 0 ? /* @__PURE__ */ m(te, { children: [
         /* @__PURE__ */ e("span", { className: "barre__compte", children: s.length === 1 ? "1 modification non publiée" : `${s.length} modifications non publiées` }),
         /* @__PURE__ */ e(
           "button",
@@ -727,7 +807,7 @@ function fe({ api: n, pont: t }) {
             type: "button",
             className: "bouton bouton--principal",
             onClick: P,
-            disabled: z,
+            disabled: q,
             children: "Publier"
           }
         ),
@@ -736,8 +816,8 @@ function fe({ api: n, pont: t }) {
           {
             type: "button",
             className: "bouton bouton--discret",
-            onClick: O,
-            disabled: z,
+            onClick: D,
+            disabled: q,
             children: "Abandonner"
           }
         )
@@ -746,25 +826,29 @@ function fe({ api: n, pont: t }) {
         "button",
         {
           type: "button",
-          className: "bouton bouton--discret",
-          onClick: () => S(!0),
-          children: "Plus…"
+          className: "bouton bouton--icone bouton--discret",
+          onClick: () => E(!0),
+          title: "Tous les contenus",
+          "aria-label": "Tous les contenus",
+          children: "⋮"
         }
       ),
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: "bouton bouton--discret",
-          onClick: ie,
-          children: "Quitter"
+          className: "bouton bouton--icone bouton--sortie",
+          onClick: le,
+          title: "Quitter le mode édition",
+          "aria-label": "Quitter le mode édition",
+          children: "✕"
         }
       )
     ] }),
-    w && V && /* @__PURE__ */ e("div", { className: "flottant", children: /* @__PURE__ */ e("p", { className: "message message--" + w.ton, children: w.texte }) }),
-    v && /* @__PURE__ */ b("div", { className: "panneau", role: "dialog", "aria-label": "Tous les contenus", children: [
-      /* @__PURE__ */ b("div", { className: "panneau__tete", children: [
-        /* @__PURE__ */ b("div", { style: { flex: 1 }, children: [
+    w && Q && /* @__PURE__ */ e("div", { className: "flottant", children: /* @__PURE__ */ e("p", { className: "message message--" + w.ton, children: w.texte }) }),
+    C && /* @__PURE__ */ m("div", { className: "panneau", role: "dialog", "aria-label": "Tous les contenus", children: [
+      /* @__PURE__ */ m("div", { className: "panneau__tete", children: [
+        /* @__PURE__ */ m("div", { style: { flex: 1 }, children: [
           /* @__PURE__ */ e("h2", { className: "panneau__titre", children: "Tous les contenus" }),
           /* @__PURE__ */ e("p", { className: "panneau__sous", children: "Y compris ce qui ne s'affiche pas dans la page : titre de l'onglet, description dans les moteurs de recherche, textes contenant une valeur calculée." })
         ] }),
@@ -773,76 +857,76 @@ function fe({ api: n, pont: t }) {
           {
             type: "button",
             className: "bouton bouton--icone bouton--discret",
-            onClick: () => S(!1),
+            onClick: () => E(!1),
             "aria-label": "Fermer",
             children: "✕"
           }
         )
       ] }),
-      /* @__PURE__ */ b("div", { className: "panneau__corps", children: [
-        d.length === 0 && /* @__PURE__ */ e("p", { className: "message message--info", children: "Aucun contenu déclaré pour cette page." }),
-        d.map((l) => {
-          const p = a.find((C) => C.blockType === l.blockType), x = p?.draft && !K(p.draft, p.data);
-          return /* @__PURE__ */ b(
+      /* @__PURE__ */ m("div", { className: "panneau__corps", children: [
+        p.length === 0 && /* @__PURE__ */ e("p", { className: "message message--info", children: "Aucun contenu déclaré pour cette page." }),
+        p.map((u) => {
+          const f = a.find((A) => A.blockType === u.blockType), x = f?.draft && !ee(f.draft, f.data);
+          return /* @__PURE__ */ m(
             "button",
             {
               type: "button",
               className: "rangee",
-              onClick: () => oe(l.blockType),
+              onClick: () => se(u.blockType),
               children: [
-                /* @__PURE__ */ e("span", { className: "rangee__nom", children: l.label }),
-                /* @__PURE__ */ e("span", { className: "rangee__info", children: x ? "non publié" : `${l.fields.length} textes` })
+                /* @__PURE__ */ e("span", { className: "rangee__nom", children: u.label }),
+                /* @__PURE__ */ e("span", { className: "rangee__info", children: x ? "non publié" : `${u.fields.length} textes` })
               ]
             },
-            l.blockType
+            u.blockType
           );
         })
       ] })
     ] }),
-    o && D && /* @__PURE__ */ b(
+    o && V && /* @__PURE__ */ m(
       "div",
       {
         className: "panneau",
         role: "dialog",
-        "aria-label": "Modifier " + D.label,
+        "aria-label": "Modifier " + V.label,
         children: [
-          /* @__PURE__ */ b("div", { className: "panneau__tete", children: [
-            /* @__PURE__ */ b("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ e("h2", { className: "panneau__titre", children: D.label }),
-              D.description && /* @__PURE__ */ e("p", { className: "panneau__sous", children: D.description })
+          /* @__PURE__ */ m("div", { className: "panneau__tete", children: [
+            /* @__PURE__ */ m("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ e("h2", { className: "panneau__titre", children: V.label }),
+              V.description && /* @__PURE__ */ e("p", { className: "panneau__sous", children: V.description })
             ] }),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "bouton bouton--icone bouton--discret",
-                onClick: () => i(null),
+                onClick: () => c(null),
                 "aria-label": "Fermer",
                 children: "✕"
               }
             )
           ] }),
-          /* @__PURE__ */ b("div", { className: "panneau__corps", children: [
+          /* @__PURE__ */ m("div", { className: "panneau__corps", children: [
             w && /* @__PURE__ */ e("p", { className: "message message--" + w.ton, children: w.texte }),
-            D.fields.map((l) => /* @__PURE__ */ e(
-              ee,
+            V.fields.map((u) => /* @__PURE__ */ e(
+              oe,
               {
-                champ: l,
+                champ: u,
                 langue: t.langue,
-                valeur: h[l.key],
-                changer: (p) => re(l.key, p)
+                valeur: h[u.key],
+                changer: (f) => ie(u.key, f)
               },
-              l.key
+              u.key
             ))
           ] }),
-          /* @__PURE__ */ b("div", { className: "panneau__pied", children: [
+          /* @__PURE__ */ m("div", { className: "panneau__pied", children: [
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "bouton bouton--discret",
-                onClick: () => i(null),
-                disabled: z,
+                onClick: () => c(null),
+                disabled: q,
                 children: "Fermer"
               }
             ),
@@ -852,8 +936,8 @@ function fe({ api: n, pont: t }) {
               {
                 type: "button",
                 className: "bouton bouton--principal",
-                onClick: ae,
-                disabled: z,
+                onClick: ce,
+                disabled: q,
                 children: "Enregistrer"
               }
             )
@@ -863,7 +947,7 @@ function fe({ api: n, pont: t }) {
     )
   ] });
 }
-const xe = `
+const ke = `
 :host {
   all: initial;
   --fond: #16181d;
@@ -1000,13 +1084,94 @@ const xe = `
 }
 
 .fenetre {
-  width: min(420px, 100%);
-  max-height: 90vh;
+  position: relative;
+  width: min(408px, 100%);
+  max-height: 92vh;
   overflow-y: auto;
+  padding: 30px 28px 20px;
   border: 1px solid var(--bord);
-  border-radius: 12px;
-  background: var(--fond);
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
+  border-radius: 18px;
+  /* Une lueur d'accent dans le coin superieur : de la presence, sans le
+     degrade violet-bleu qu'on voit sur une page d'accueil sur deux. */
+  background:
+    radial-gradient(120% 90% at 50% -20%, rgba(59, 165, 141, 0.16), transparent 62%),
+    var(--fond);
+  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55);
+  text-align: center;
+}
+
+.fenetre__fermer {
+  position: absolute; top: 12px; right: 12px;
+  width: 30px; height: 30px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; border-radius: 8px;
+  background: transparent; color: var(--texte-doux);
+  font: inherit; font-size: 14px; cursor: pointer;
+}
+.fenetre__fermer:hover { background: var(--fond-clair); color: var(--texte); }
+
+/* ------------------------------------------------------------ MARQUE ---- */
+
+.marque {
+  display: inline-flex; align-items: center; gap: 7px;
+  margin-bottom: 16px;
+  color: var(--accent);
+}
+.marque svg { width: 20px; height: 20px; display: block; }
+.marque__mot {
+  font-size: 12px; font-weight: 600;
+  letter-spacing: 0.16em; text-transform: uppercase;
+  color: var(--texte-doux);
+}
+
+.fenetre__titre {
+  margin: 0 0 6px;
+  font-size: 20px; font-weight: 640; letter-spacing: -0.01em;
+  color: var(--texte);
+}
+.fenetre__sous {
+  margin: 0 auto 22px;
+  max-width: 30ch;
+  font-size: 13px; line-height: 1.5; color: var(--texte-doux);
+}
+.fenetre__corps { text-align: left; }
+.fenetre__pied {
+  margin: 18px 0 0;
+  padding-top: 14px;
+  border-top: 1px solid var(--bord);
+  font-size: 11.5px; line-height: 1.5; color: var(--texte-doux);
+  text-align: center;
+}
+
+/* ------------------------------------------------------ FOURNISSEURS ---- */
+
+.fournisseurs { display: flex; flex-direction: column; gap: 10px; }
+
+.fournisseur {
+  display: flex; align-items: center; justify-content: center; gap: 10px;
+  width: 100%; padding: 12px 16px;
+  border: 1px solid transparent; border-radius: 10px;
+  font: inherit; font-size: 14px; font-weight: 600;
+  cursor: pointer;
+  transition: transform 90ms ease, filter 90ms ease;
+}
+.fournisseur:hover { filter: brightness(1.06); }
+.fournisseur:active { transform: translateY(1px); }
+.fournisseur:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.fournisseur[disabled] { opacity: 0.55; cursor: default; transform: none; filter: none; }
+.fournisseur .logo { width: 18px; height: 18px; flex: none; display: block; }
+
+/* LES COULEURS DE CHAQUE MARQUE, telles qu'elles les publient. Un bouton
+   Google repeint aux couleurs du site devient moins reconnaissable — et un
+   bouton de connexion qu'on ne reconnait pas est un bouton sur lequel on
+   hesite a cliquer. */
+.fournisseur--google { background: #fff; color: #1f1f1f; border-color: #dadce0; }
+.fournisseur--facebook { background: #1877f2; color: #fff; }
+
+.bouton--large { width: 100%; padding: 12px 16px; font-size: 14px; }
+
+@media (prefers-reduced-motion: reduce) {
+  .fournisseur { transition: none; }
 }
 
 /* ------------------------------------------------------------ CHAMPS ---- */
@@ -1023,7 +1188,11 @@ const xe = `
   text-transform: uppercase; color: var(--texte-doux);
 }
 
+/* TOUS les types de champs, pas seulement ceux auxquels on pensait. Un
+   type oublie — « password », « email » — retombe sur le style brut du
+   navigateur : une ligne blanche au milieu d'un panneau sombre. */
 input[type="text"], input[type="url"], input[type="number"], input[type="date"],
+input[type="password"], input[type="email"], input[type="tel"], input[type="search"],
 select, textarea {
   width: 100%;
   padding: 8px 10px;
@@ -1088,7 +1257,7 @@ input:focus, select:focus, textarea:focus {
 @media (prefers-reduced-motion: reduce) {
   * { transition: none !important; animation: none !important; }
 }
-`, he = `
+`, Ce = `
 /* --------------------------------------------------------- CHOIX -------- */
 
 /* Quand un meme texte vient de plusieurs cles, on demande laquelle plutot que
@@ -1138,71 +1307,95 @@ input:focus, select:focus, textarea:focus {
   max-width: min(460px, calc(100vw - 24px));
 }
 .flottant .message { margin: 0; box-shadow: 0 8px 26px rgba(0,0,0,.4); }
-`, ge = "lystech-editeur-hote", ve = "lystech-connexion-hote";
-function te(n) {
+`, Ae = `
+/* ON NE DOIT JAMAIS SE DEMANDER SI ON EST EN MODE EDITION. Une barre en bas
+   se confond avec un bandeau de temoins ; un lisere qui borde tout l'ecran,
+   present sur chaque page, ne se confond avec rien. Il ne prend aucun clic. */
+.cadre-global {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  border: 2px solid var(--accent);
+  border-radius: 4px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
+  opacity: 0.85;
+}
+
+/* La sortie est rouge au survol seulement : visible quand on la cherche,
+   discrete le reste du temps — c'est le geste qu'on fait une fois. */
+.bouton--sortie { color: var(--texte-doux); background: transparent; border-color: transparent; }
+.bouton--sortie:hover { background: rgba(217, 119, 106, 0.16); color: var(--danger); }
+`, Se = "lystech-editeur-hote", Ee = "lystech-connexion-hote";
+function re(n) {
   document.getElementById(n)?.remove();
   const t = document.createElement("div");
   t.id = n, document.body.appendChild(t);
-  const c = t.attachShadow({ mode: "open" }), r = document.createElement("style");
-  r.textContent = xe + he, c.appendChild(r);
+  const i = t.attachShadow({ mode: "open" }), r = document.createElement("style");
+  r.textContent = ke + Ce + Ae, i.appendChild(r);
   const a = document.createElement("div");
-  return c.appendChild(a), { hote: t, point: a };
+  return i.appendChild(a), { hote: t, point: a };
 }
-function ne(n, t) {
-  let c = n;
+function ae(n, t) {
+  let i = n;
   return () => {
-    const r = c;
-    c = null, setTimeout(() => {
+    const r = i;
+    i = null, setTimeout(() => {
       r?.unmount(), t.remove();
     }, 0);
   };
 }
-function we({
+function qe({
   site: n,
   apiBaseUrl: t,
-  surJeton: c
+  methodes: i,
+  surJeton: r
 }) {
-  const { hote: r, point: a } = te(ve), f = Z(a), u = () => m();
-  f.render(
+  const { hote: a, point: d } = re(Ee), l = ne(d), b = () => o();
+  l.render(
     /* @__PURE__ */ e(
-      ce,
+      xe,
       {
         site: n,
         apiBaseUrl: t,
-        surJeton: (o) => {
-          m(), c(o);
+        ...i ? { methodes: i } : {},
+        surJeton: (c) => {
+          o(), r(c);
         },
-        surFermer: u
+        surFermer: b
       }
     )
   );
-  const m = ne(f, r);
-  return m;
+  const o = ae(l, a);
+  return o;
 }
-function ke({
+function Ie({
   jeton: n,
   site: t,
-  apiBaseUrl: c,
+  apiBaseUrl: i,
   pont: r
 }) {
-  const { hote: a, point: f } = te(ge), u = Z(f), m = () => {
+  const { hote: a, point: d } = re(Se), l = ne(d), b = () => {
+    try {
+      window.localStorage.setItem("lystech-edit-sortie", "1"), window.localStorage.removeItem("lystech-edit");
+    } catch {
+    }
     try {
       window.sessionStorage.removeItem("lystech-edit");
     } catch {
     }
     window.location.reload();
   };
-  return u.render(
+  return l.render(
     /* @__PURE__ */ e(
-      fe,
+      Ne,
       {
-        api: se({ jeton: n, site: t, apiBaseUrl: c, surJetonRefuse: m }),
+        api: de({ jeton: n, site: t, apiBaseUrl: i, surJetonRefuse: b }),
         pont: r
       }
     )
-  ), ne(u, a);
+  ), ae(l, a);
 }
 export {
-  we as monterConnexion,
-  ke as monterEditeur
+  qe as monterConnexion,
+  Ie as monterEditeur
 };