@lystech/sections 0.2.0 → 0.4.0

package/dist/editeur.js

@@ -1,50 +1,248 @@
-import { jsxs as p, jsx as o, Fragment as V } from "react/jsx-runtime";
-import { createRoot as H } from "react-dom/client";
-import { useState as g, useEffect as T, useCallback as S, useMemo as Q, useRef as W } from "react";
-function X({
+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: s,
+  apiBaseUrl: i,
   surJetonRefuse: r
 }) {
-  const c = {
+  const a = {
     "Content-Type": "application/json",
     Authorization: "Bearer " + n
   };
-  function b(e, a) {
-    if (a && (e.status === 401 || e.status === 403) && r(), !e.ok) throw new Error(String(e.status));
+  function d(o, c) {
+    if (c && (o.status === 401 || o.status === 403) && r(), !o.ok) throw new Error(String(o.status));
   }
-  async function d(e, a = !0) {
-    const u = await fetch(s + e, {
-      headers: a ? c : void 0
+  async function l(o, c = !0) {
+    const h = await fetch(i + o, {
+      headers: c ? a : void 0
     });
-    return b(u, a), await u.json();
+    return d(h, c), await h.json();
   }
-  async function l(e, a, u) {
-    const m = await fetch(s + e, {
-      method: a,
-      headers: c,
-      body: u === void 0 ? void 0 : JSON.stringify(u)
+  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 b(m, !0), await m.json();
+    return d(g, !0), await g.json();
   }
   return {
     /** Les blocs que le site a déclaré savoir afficher. Route publique. */
-    schemas: () => d("/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: (e) => d("/site-sections?page=" + encodeURIComponent(e)),
-    creer: (e, a, u) => l("/site-sections", "POST", { page: e, blockType: a, draft: u }),
-    enregistrerBrouillon: (e, a) => l("/site-sections/" + e + "/draft", "PUT", { draft: a }),
-    publier: (e) => l("/site-sections/" + e + "/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: (e) => l("/site-sections/" + e + "/revert", "POST")
+    annuler: (o) => b("/site-sections/" + o + "/revert", "POST")
   };
 }
-function Z(n, t) {
-  const s = n && typeof n == "object" && !Array.isArray(n) ? Object.keys(n).filter((c) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(c)) : [], r = t.slice(0, 2);
-  return Array.from(/* @__PURE__ */ new Set([r, ...s]));
+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,
+  methodes: i = ["google", "facebook"],
+  surJeton: r,
+  surFermer: a
+}) {
+  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.";
+    }
+  }, 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."
+      });
+      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;
+      case "demande_envoyee":
+        l({ nom: "demande-envoyee" });
+        return;
+      case "trop_de_demandes":
+        l({
+          nom: "erreur",
+          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+        });
+        return;
+      case "aucun_compte":
+        l({ nom: "aucun-compte", adresse: "" });
+        return;
+      case "adresse_non_verifiee":
+        l({
+          nom: "erreur",
+          texte: "Votre fournisseur n'a pas confirmé cette adresse courriel. Vérifiez-la chez lui, puis réessayez."
+        });
+        return;
+      default:
+        l({
+          nom: "erreur",
+          texte: "La connexion a échoué. Réessayez dans un instant."
+        });
+    }
+  }, 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--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__ */ e("p", { className: "fenetre__pied", children: "Votre mot de passe reste chez votre fournisseur : ce site ne le voit jamais." })
+  ] }) });
+}
+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 $(n) {
+function ge(n) {
   switch (n.type) {
     case "number":
       return 0;
@@ -56,164 +254,164 @@ function $(n) {
       return "";
   }
 }
-function j({ champ: n, valeur: t, changer: s }) {
+function Z({ champ: n, valeur: t, changer: i }) {
   switch (n.type) {
     case "richText":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "textarea",
         {
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
     case "number":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "input",
         {
           type: "number",
           value: t === "" || t == null ? "" : String(t),
-          onChange: (r) => s(r.target.value === "" ? "" : Number(r.target.value))
+          onChange: (r) => i(r.target.value === "" ? "" : Number(r.target.value))
         }
       );
     case "boolean":
-      return /* @__PURE__ */ p("label", { className: "bascule", children: [
-        /* @__PURE__ */ o(
+      return /* @__PURE__ */ m("label", { className: "bascule", children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: t === !0,
-            onChange: (r) => s(r.target.checked)
+            onChange: (r) => i(r.target.checked)
           }
         ),
-        /* @__PURE__ */ o("span", { children: t === !0 ? "Oui" : "Non" })
+        /* @__PURE__ */ e("span", { children: t === !0 ? "Oui" : "Non" })
       ] });
     case "date":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "input",
         {
           type: "date",
           value: String(t ?? "").slice(0, 10),
-          onChange: (r) => s(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
     case "choice":
-      return /* @__PURE__ */ p(
+      return /* @__PURE__ */ m(
         "select",
         {
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value),
+          onChange: (r) => i(r.target.value),
           children: [
-            /* @__PURE__ */ o("option", { value: "", children: "—" }),
-            (n.options ?? []).map((r) => /* @__PURE__ */ o("option", { value: r, children: r }, r))
+            /* @__PURE__ */ e("option", { value: "", children: "—" }),
+            (n.options ?? []).map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
           ]
         }
       );
     case "url":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "input",
         {
           type: "url",
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value),
+          onChange: (r) => i(r.target.value),
           placeholder: "https://"
         }
       );
     case "image":
-      return /* @__PURE__ */ p(V, { children: [
-        /* @__PURE__ */ o(
+      return /* @__PURE__ */ m(te, { children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "url",
             value: String(t ?? ""),
-            onChange: (r) => s(r.target.value),
+            onChange: (r) => i(r.target.value),
             placeholder: "https://…"
           }
         ),
-        String(t ?? "").startsWith("http") && /* @__PURE__ */ o("img", { className: "vignette", src: String(t), alt: "" })
+        String(t ?? "").startsWith("http") && /* @__PURE__ */ e("img", { className: "vignette", src: String(t), alt: "" })
       ] });
     default:
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "input",
         {
           type: "text",
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value)
+          onChange: (r) => i(r.target.value)
         }
       );
   }
 }
-function P({ champ: n, valeur: t, changer: s, langue: r }) {
+function oe({ champ: n, valeur: t, changer: i, langue: r }) {
   if (n.type === "list") {
-    const c = Array.isArray(t) ? t : [], b = n.of ?? [], d = (l, e, a) => {
-      const u = c.map((m, _) => _ === l ? { ...m, [e]: a } : m);
-      s(u);
+    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__ */ p("div", { className: "champ", children: [
-      /* @__PURE__ */ o("span", { className: "champ__etiquette", children: n.label }),
-      n.help && /* @__PURE__ */ o("p", { className: "champ__aide", children: n.help }),
-      c.map((l, e) => /* @__PURE__ */ p("div", { className: "liste__item", children: [
-        /* @__PURE__ */ p("div", { className: "liste__tete", children: [
-          /* @__PURE__ */ o("span", { className: "liste__rang", children: e + 1 }),
-          /* @__PURE__ */ p("span", { style: { display: "flex", gap: 4 }, children: [
-            /* @__PURE__ */ o(
+    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((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__ */ m("span", { style: { display: "flex", gap: 4 }, children: [
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "bouton bouton--icone bouton--discret",
                 title: "Monter",
-                disabled: e === 0,
+                disabled: o === 0,
                 onClick: () => {
-                  const a = [...c];
-                  [a[e - 1], a[e]] = [a[e], a[e - 1]], s(a);
+                  const c = [...a];
+                  [c[o - 1], c[o]] = [c[o], c[o - 1]], i(c);
                 },
                 children: "↑"
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "bouton bouton--icone bouton--discret",
                 title: "Descendre",
-                disabled: e === c.length - 1,
+                disabled: o === a.length - 1,
                 onClick: () => {
-                  const a = [...c];
-                  [a[e], a[e + 1]] = [a[e + 1], a[e]], s(a);
+                  const c = [...a];
+                  [c[o], c[o + 1]] = [c[o + 1], c[o]], i(c);
                 },
                 children: "↓"
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "bouton bouton--icone bouton--discret",
                 title: "Retirer",
-                onClick: () => s(c.filter((a, u) => u !== e)),
+                onClick: () => i(a.filter((c, h) => h !== o)),
                 children: "✕"
               }
             )
           ] })
         ] }),
-        b.map((a) => /* @__PURE__ */ o(
-          P,
+        d.map((c) => /* @__PURE__ */ e(
+          oe,
           {
-            champ: a,
+            champ: c,
             langue: r,
-            valeur: l?.[a.key],
-            changer: (u) => d(e, a.key, u)
+            valeur: b?.[c.key],
+            changer: (h) => l(o, c.key, h)
           },
-          a.key
+          c.key
         ))
-      ] }, e)),
-      /* @__PURE__ */ o(
+      ] }, o)),
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "bouton",
-          onClick: () => s([
-            ...c,
-            Object.fromEntries(b.map((l) => [l.key, $(l)]))
+          onClick: () => i([
+            ...a,
+            Object.fromEntries(d.map((b) => [b.key, ge(b)]))
           ]),
           children: "+ Ajouter"
         }
@@ -221,264 +419,535 @@ function P({ champ: n, valeur: t, changer: s, langue: r }) {
     ] });
   }
   if (n.localized) {
-    const c = Z(t, r), b = t && typeof t == "object" && !Array.isArray(t) ? t : {};
-    return /* @__PURE__ */ p("div", { className: "champ", children: [
-      /* @__PURE__ */ o("span", { className: "champ__etiquette", children: n.label }),
-      n.help && /* @__PURE__ */ o("p", { className: "champ__aide", children: n.help }),
-      c.map((d) => /* @__PURE__ */ p("div", { style: { marginBottom: 8 }, children: [
-        /* @__PURE__ */ o("span", { className: "champ__langue", children: d }),
-        /* @__PURE__ */ o(
-          j,
+    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((l) => /* @__PURE__ */ m("div", { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ e("span", { className: "champ__langue", children: l }),
+        /* @__PURE__ */ e(
+          Z,
           {
             champ: n,
-            valeur: b[d],
-            changer: (l) => s({ ...b, [d]: l })
+            valeur: d[l],
+            changer: (b) => i({ ...d, [l]: b })
           }
         )
-      ] }, d))
+      ] }, l))
     ] });
   }
-  return /* @__PURE__ */ p("div", { className: "champ", children: [
-    /* @__PURE__ */ o("label", { className: "champ__etiquette", children: n.label }),
-    /* @__PURE__ */ o(j, { champ: n, valeur: t, changer: s }),
-    n.help && /* @__PURE__ */ o("p", { className: "champ__aide", children: n.help })
+  return /* @__PURE__ */ m("div", { className: "champ", children: [
+    /* @__PURE__ */ e("label", { className: "champ__etiquette", children: n.label }),
+    /* @__PURE__ */ e(Z, { champ: n, valeur: t, changer: i }),
+    n.help && /* @__PURE__ */ e("p", { className: "champ__aide", children: n.help })
   ] });
 }
-function G(n, t) {
-  const s = n.haut - 12, r = t + 8, c = n.haut + n.hauteur - 34;
-  return Math.min(Math.max(s, r), Math.max(r, c));
-}
-function K() {
-  let n = 0;
-  return document.querySelectorAll("header, nav, [class*='header'], [class*='nav']").forEach((t) => {
-    const s = getComputedStyle(t);
-    if (s.position !== "fixed" && s.position !== "sticky") return;
-    const r = t.getBoundingClientRect();
-    r.top <= 4 && r.height > 0 && r.height < 200 && (n = Math.max(n, r.bottom));
-  }), n;
-}
-function Y() {
-  const [n, t] = g([]), [s, r] = g(0), c = W("");
-  return T(() => {
-    let b = 0;
-    const d = () => {
-      const a = [];
-      document.querySelectorAll("[data-lystech-section]").forEach((_) => {
-        const y = _.getAttribute("data-lystech-section");
-        if (!y) return;
-        const x = _.getBoundingClientRect();
-        x.width < 8 || x.height < 8 || a.push({
-          blockType: y,
-          haut: x.top,
-          gauche: x.left,
-          largeur: x.width,
-          hauteur: x.height
+const ve = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function ye(n) {
+  const t = /* @__PURE__ */ new Map();
+  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 _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 d = n.get(a);
+    d && t.set(r, { valeur: a, candidats: d });
+  }
+  return t;
+}
+function we({
+  source: n,
+  actif: t,
+  surModification: i
+}) {
+  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 c = b.current.langueCourante(), h = ye(b.current.dictionnaire(c)), g = () => {
+      r.current = _e(h);
+    };
+    g();
+    let C;
+    const E = new MutationObserver(() => {
+      a.current || (clearTimeout(C), C = setTimeout(g, 250));
+    });
+    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 ?? "") + v
+      ));
+    }, q = (p) => {
+      const s = p.target;
+      if (!(s instanceof HTMLElement) || a.current?.el === s || s.dataset.lysStyleAvant === void 0) return;
+      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: p,
+        avant: (p.textContent ?? "").trim(),
+        ns: s.ns,
+        chemin: s.chemin,
+        styleAvant: p.dataset.lysStyleAvant ?? N
+      }, p.setAttribute("contenteditable", "plaintext-only"), p.setAttribute(
+        "style",
+        (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 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"), p || N === s.avant) {
+        p && (s.el.textContent = s.avant);
+        return;
+      }
+      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 N = r.current.get(s);
+      if (N) {
+        if (p.preventDefault(), p.stopPropagation(), N.candidats.length === 1) {
+          I(s, N.candidats[0]);
+          return;
+        }
+        l({
+          el: s,
+          candidats: N.candidats,
+          x: p.clientX,
+          y: p.clientY
         });
-      });
-      const u = K(), m = JSON.stringify(a) + "|" + u;
-      m !== c.current && (c.current = m, t(a), r(u));
-    }, l = () => {
-      cancelAnimationFrame(b), b = requestAnimationFrame(d);
+      }
+    }, 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);
     };
-    d(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l);
-    const e = new MutationObserver(l);
-    return e.observe(document.body, { childList: !0, subtree: !0 }), () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), e.disconnect();
+    document.addEventListener("mouseover", R, !0), document.addEventListener("mouseout", q, !0), document.addEventListener("click", _, !0);
+    const U = (p) => {
+      if (!a.current) return;
+      const s = p.inputType;
+      (s === "insertParagraph" || s === "insertLineBreak") && (p.preventDefault(), w(!1));
     };
-  }, []), { ancres: n, enTete: s };
+    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(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]), d ? /* @__PURE__ */ m(
+    "div",
+    {
+      className: "choix",
+      style: {
+        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 ?" }),
+        d.candidats.map((c) => /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "choix__option",
+            onClick: () => window.__lysChoisir?.(c, d.el),
+            children: [
+              /* @__PURE__ */ e("span", { className: "choix__chemin", children: c.chemin }),
+              /* @__PURE__ */ e("span", { className: "choix__ns", children: c.ns })
+            ]
+          },
+          c.ns + ":" + c.chemin
+        )),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: () => l(null),
+            children: "Annuler"
+          }
+        )
+      ]
+    }
+  ) : null;
 }
-function ee({ api: n, pont: t }) {
-  const [s, r] = g([]), [c, b] = g([]), [d, l] = g(t.page), [e, a] = g(null), [u, m] = g({}), [_, y] = g(!1), [x, w] = g(!1), [z, f] = g(null), { ancres: I, enTete: R } = Y();
-  T(() => (t.surChangementDePage = (i) => {
-    l(i), a(null);
+const $ = /^i18n:([^:]+):(.*)$/, G = "commun";
+function ee(n, t) {
+  return JSON.stringify(n ?? {}) === JSON.stringify(t ?? {});
+}
+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
+  );
+  J(() => (t.surChangementDePage = (u) => {
+    b(u), c(null), E(!1);
   }, () => {
     t.surChangementDePage = void 0;
   }), [t]);
-  const C = S(async () => {
+  const O = F(async () => {
     try {
-      const i = await n.pourPage(d);
-      return b(i), i;
+      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 f({ ton: "erreur", texte: "Impossible de lire le contenu du site." }), [];
+      return _({
+        ton: "erreur",
+        texte: "Impossible de lire le contenu du site."
+      }), [];
     }
-  }, [n, d]);
-  T(() => {
+  }, [n, l]);
+  J(() => {
     n.schemas().then(r).catch(() => r([]));
-  }, [n]), T(() => {
-    C();
-  }, [C]);
-  const A = S(
-    (i) => s.find((h) => h.blockType === i),
-    [s]
-  ), E = Q(
-    () => I.filter((i) => A(i.blockType)),
-    [I, A]
-  ), U = S(
-    (i) => {
-      const h = c.find((N) => N.blockType === i), v = h?.draft ?? h?.data ?? {};
-      m({ ...v }), a(i), y(!1), f(
-        h?.draft && JSON.stringify(h.draft) !== JSON.stringify(h.data ?? {}) ? { ton: "info", texte: "Un brouillon non publié est en cours." } : null
-      );
+  }, [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 S = $.exec(x.blockType)?.[2] ?? "", z = S ? f.slice(S.length + 1) : f;
+      return { bloc: x, champ: z };
     },
-    [c]
-  ), q = S(() => {
-    e && t.poserApercu(e, null), a(null), y(!1), f(null);
-  }, [e, t]), L = S(
-    (i, h) => {
-      m((v) => {
-        const N = { ...v, [i]: h };
-        return e && t.poserApercu(e, N), N;
-      }), y(!0);
+    [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);
+    }),
+    [i, l]
+  ), s = K(
+    () => a.filter((u) => u.draft && !ee(u.draft, u.data)),
+    [a]
+  ), N = F(
+    async (u, f, x, A) => {
+      const S = H(u, f);
+      if (!S) {
+        _({
+          ton: "erreur",
+          texte: `Ce texte (${u}:${f}) n'appartient à aucun bloc déclaré.`
+        });
+        return;
+      }
+      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 (z?.UID)
+          await n.enregistrerBrouillon(z.UID, j);
+        else {
+          const M = S.bloc.pages?.[0] ?? l;
+          await n.creer(M, S.bloc.blockType, j);
+        }
+        await O(), _(null);
+      } catch {
+        _({
+          ton: "erreur",
+          texte: "Enregistrement impossible. Votre texte est toujours à l'écran."
+        });
+      }
     },
-    [e, t]
-  ), O = S(async () => {
-    if (!e) return null;
-    const i = c.find((v) => v.blockType === e);
-    return i?.UID ? (await n.enregistrerBrouillon(i.UID, u), i.UID) : (await n.creer(d, e, u)).UID;
-  }, [n, e, d, c, u]), M = async () => {
-    w(!0), f(null);
+    [n, H, l, O, a]
+  ), P = async () => {
+    if (!s.length) return;
+    I(!0), _(null);
+    const u = s.length;
     try {
-      await O(), await C(), y(!1), f({ ton: "ok", texte: "Brouillon enregistré. Rien n'a encore changé pour vos visiteurs." });
+      for (const f of s) await n.publier(f.UID);
+      await O(), t.recharger(), _({
+        ton: "ok",
+        texte: u === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${u} modifications publiées.`
+      });
     } catch {
-      f({ ton: "erreur", texte: "L'enregistrement a échoué. Votre texte est toujours là — réessayez." });
+      _({
+        ton: "erreur",
+        texte: "La publication a échoué. Rien n'a été mis en ligne."
+      });
     } finally {
-      w(!1);
+      I(!1);
     }
-  }, B = async () => {
-    w(!0), f(null);
+  }, D = async () => {
+    I(!0);
     try {
-      const i = await O();
-      if (!i) throw new Error("sans identifiant");
-      await n.publier(i), await C(), e && t.poserApercu(e, null), t.recharger(), y(!1), f({ ton: "ok", texte: "Publié. Vos visiteurs le voient maintenant." });
-    } catch {
-      f({ ton: "erreur", texte: "La publication a échoué. Rien n'a été mis en ligne." });
+      for (const f of s) await n.annuler(f.UID);
+      const u = await O();
+      if (t.sourceTexte) {
+        const { appliquerAuxTextes: f } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
+        f(
+          u.map((x) => ({ blockType: x.blockType, data: x.data })),
+          t.sourceTexte
+        );
+      }
+      _({
+        ton: "info",
+        texte: "Modifications abandonnées. On est revenu à ce qui est en ligne."
+      });
     } finally {
-      w(!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;
     }
-  }, F = async () => {
-    if (!e) return;
-    const i = c.find((h) => h.blockType === e);
-    w(!0);
+    g(z), c(u), E(!1), _(null);
+  }, ie = (u, f) => g((x) => ({ ...x, [u]: f })), ce = async () => {
+    if (o) {
+      I(!0);
+      try {
+        const u = a.find((x) => x.blockType === o);
+        if (u?.UID) await n.enregistrerBrouillon(u.UID, h);
+        else {
+          const x = U(o)?.pages?.[0] ?? l;
+          await n.creer(x, o, h);
+        }
+        const f = await O();
+        if (t.sourceTexte) {
+          const { appliquerAuxTextes: x } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
+          x(
+            f.map((A) => ({ blockType: A.blockType, data: A.draft ?? A.data })),
+            t.sourceTexte
+          );
+        }
+        _({
+          ton: "ok",
+          texte: "Enregistré. Rien n'a encore changé pour vos visiteurs."
+        });
+      } catch {
+        _({ ton: "erreur", texte: "L'enregistrement a échoué." });
+      } finally {
+        I(!1);
+      }
+    }
+  }, le = () => {
     try {
-      i?.UID && await n.annuler(i.UID);
-      const v = (await C()).find((N) => N.blockType === e);
-      m({ ...v?.data ?? {} }), t.poserApercu(e, null), y(!1), f({ ton: "info", texte: "Brouillon abandonné. On est revenu à ce qui est en ligne." });
+      window.localStorage.setItem("lystech-edit-sortie", "1"), window.localStorage.removeItem("lystech-edit");
     } catch {
-      f({ ton: "erreur", texte: "Impossible d'abandonner le brouillon." });
-    } finally {
-      w(!1);
     }
-  }, J = () => {
     try {
       window.sessionStorage.removeItem("lystech-edit");
     } catch {
     }
     window.location.reload();
-  }, k = e ? A(e) : void 0;
-  return /* @__PURE__ */ p("div", { className: "calque", children: [
-    E.map((i) => /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ o(
-        "div",
+  }, 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(
+      we,
+      {
+        source: t.sourceTexte,
+        actif: Q && !q && v === "modifier",
+        surModification: N
+      }
+    ),
+    Q && /* @__PURE__ */ m("div", { className: "barre", children: [
+      /* @__PURE__ */ e("span", { className: "barre__point" }),
+      /* @__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",
         {
-          className: "cadre" + (e === i.blockType ? " cadre--actif" : ""),
-          style: {
-            top: i.haut - 4,
-            left: i.gauche - 4,
-            width: i.largeur + 8,
-            height: i.hauteur + 8
+          type: "button",
+          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__ */ 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",
+          {
+            type: "button",
+            className: "bouton bouton--principal",
+            onClick: P,
+            disabled: q,
+            children: "Publier"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: D,
+            disabled: q,
+            children: "Abandonner"
           }
+        )
+      ] }) : /* @__PURE__ */ e("span", { className: "barre__compte", children: "tout est publié" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--discret",
+          onClick: () => E(!0),
+          title: "Tous les contenus",
+          "aria-label": "Tous les contenus",
+          children: "⋮"
         }
       ),
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: "pastille",
-          style: { top: G(i, R), left: i.gauche + 6 },
-          onClick: () => U(i.blockType),
-          children: [
-            "✎ ",
-            A(i.blockType)?.label ?? i.blockType
-          ]
+          className: "bouton bouton--icone bouton--sortie",
+          onClick: le,
+          title: "Quitter le mode édition",
+          "aria-label": "Quitter le mode édition",
+          children: "✕"
         }
       )
-    ] }, i.blockType)),
-    !e && /* @__PURE__ */ p("div", { className: "barre", children: [
-      /* @__PURE__ */ o("span", { className: "barre__point" }),
-      /* @__PURE__ */ p("span", { className: "barre__texte", children: [
-        "Mode édition — ",
-        /* @__PURE__ */ o("b", { children: t.site })
-      ] }),
-      /* @__PURE__ */ o("span", { className: "barre__compte", children: E.length === 0 ? "aucune section sur cette page" : E.length === 1 ? "1 section modifiable" : E.length + " sections modifiables" }),
-      /* @__PURE__ */ o("button", { type: "button", className: "bouton bouton--discret", onClick: J, children: "Quitter" })
     ] }),
-    e && k && /* @__PURE__ */ p("div", { className: "panneau", role: "dialog", "aria-label": "Modifier " + k.label, children: [
-      /* @__PURE__ */ p("div", { className: "panneau__tete", children: [
-        /* @__PURE__ */ p("div", { style: { flex: 1 }, children: [
-          /* @__PURE__ */ o("h2", { className: "panneau__titre", children: k.label }),
-          k.description && /* @__PURE__ */ o("p", { className: "panneau__sous", children: k.description })
+    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." })
         ] }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "bouton bouton--icone bouton--discret",
-            onClick: q,
+            onClick: () => E(!1),
             "aria-label": "Fermer",
             children: "✕"
           }
         )
       ] }),
-      /* @__PURE__ */ p("div", { className: "panneau__corps", children: [
-        z && /* @__PURE__ */ o("p", { className: "message message--" + z.ton, children: z.texte }),
-        k.fields.map((i) => /* @__PURE__ */ o(
-          P,
-          {
-            champ: i,
-            langue: t.langue,
-            valeur: u[i.key],
-            changer: (h) => L(i.key, h)
-          },
-          i.key
-        ))
-      ] }),
-      /* @__PURE__ */ p("div", { className: "panneau__pied", children: [
-        /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            className: "bouton bouton--discret",
-            onClick: F,
-            disabled: x,
-            children: "Abandonner"
-          }
-        ),
-        /* @__PURE__ */ o("span", { className: "espace" }),
-        /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            className: "bouton",
-            onClick: M,
-            disabled: x || !_,
-            children: "Enregistrer"
-          }
-        ),
-        /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            className: "bouton bouton--principal",
-            onClick: B,
-            disabled: x,
-            children: "Publier"
-          }
-        )
+      /* @__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: () => se(u.blockType),
+              children: [
+                /* @__PURE__ */ e("span", { className: "rangee__nom", children: u.label }),
+                /* @__PURE__ */ e("span", { className: "rangee__info", children: x ? "non publié" : `${u.fields.length} textes` })
+              ]
+            },
+            u.blockType
+          );
+        })
       ] })
-    ] })
+    ] }),
+    o && V && /* @__PURE__ */ m(
+      "div",
+      {
+        className: "panneau",
+        role: "dialog",
+        "aria-label": "Modifier " + V.label,
+        children: [
+          /* @__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: () => c(null),
+                "aria-label": "Fermer",
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m("div", { className: "panneau__corps", children: [
+            w && /* @__PURE__ */ e("p", { className: "message message--" + w.ton, children: w.texte }),
+            V.fields.map((u) => /* @__PURE__ */ e(
+              oe,
+              {
+                champ: u,
+                langue: t.langue,
+                valeur: h[u.key],
+                changer: (f) => ie(u.key, f)
+              },
+              u.key
+            ))
+          ] }),
+          /* @__PURE__ */ m("div", { className: "panneau__pied", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--discret",
+                onClick: () => c(null),
+                disabled: q,
+                children: "Fermer"
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "espace" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--principal",
+                onClick: ce,
+                disabled: q,
+                children: "Enregistrer"
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
-const te = `
+const ke = `
 :host {
   all: initial;
   --fond: #16181d;
@@ -598,6 +1067,113 @@ const te = `
 }
 .panneau__pied .espace { flex: 1; }
 
+/* --------------------------------------------------- CONNEXION ---------- */
+
+/* Le voile PREND les clics, lui : une boite de dialogue qui demande un mot de
+   passe ne doit pas laisser cliquer la page derriere elle. C'est l'exception
+   a la regle du calque, et elle est volontaire. */
+.voile {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background: rgba(8, 10, 14, 0.62);
+  backdrop-filter: blur(2px);
+}
+
+.fenetre {
+  position: relative;
+  width: min(408px, 100%);
+  max-height: 92vh;
+  overflow-y: auto;
+  padding: 30px 28px 20px;
+  border: 1px solid var(--bord);
+  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 ---- */
 
 .champ { margin-bottom: 16px; }
@@ -612,7 +1188,11 @@ const te = `
   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;
@@ -677,43 +1257,145 @@ input:focus, select:focus, textarea:focus {
 @media (prefers-reduced-motion: reduce) {
   * { transition: none !important; animation: none !important; }
 }
-`, D = "lystech-editeur-hote";
-function ae({
+`, Ce = `
+/* --------------------------------------------------------- CHOIX -------- */
+
+/* Quand un meme texte vient de plusieurs cles, on demande laquelle plutot que
+   de deviner — et de modifier la mauvaise sans que personne le voie. */
+.choix {
+  position: fixed;
+  width: 260px;
+  padding: 12px;
+  border: 1px solid var(--bord);
+  border-radius: 10px;
+  background: var(--fond);
+  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
+}
+.choix__titre { margin: 0 0 2px; font-size: 12.5px; font-weight: 650; }
+.choix__aide { margin: 0 0 10px; font-size: 11.5px; color: var(--texte-doux); }
+.choix__option {
+  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
+  width: 100%; margin-bottom: 6px; padding: 7px 9px;
+  border: 1px solid var(--bord); border-radius: 7px;
+  background: var(--fond-clair); color: var(--texte);
+  font: inherit; text-align: left; cursor: pointer;
+}
+.choix__option:hover { background: #2a2e37; border-color: var(--accent); }
+.choix__chemin { font-size: 12px; font-weight: 600; }
+.choix__ns { font-size: 10.5px; color: var(--texte-doux); }
+
+/* ------------------------------------------------------- RANGEES -------- */
+
+.rangee {
+  display: flex; align-items: center; justify-content: space-between; gap: 10px;
+  width: 100%; margin-bottom: 6px; padding: 10px 12px;
+  border: 1px solid var(--bord); border-radius: 8px;
+  background: var(--fond-clair); color: var(--texte);
+  font: inherit; text-align: left; cursor: pointer;
+}
+.rangee:hover { background: #2a2e37; border-color: var(--accent); }
+.rangee__nom { font-size: 13px; font-weight: 600; }
+.rangee__info { font-size: 11.5px; color: var(--texte-doux); white-space: nowrap; }
+
+/* ------------------------------------------------------ FLOTTANT -------- */
+
+/* Un message au-dessus de la barre, pour confirmer sans ouvrir de panneau. */
+.flottant {
+  position: fixed;
+  left: 50%; bottom: 76px;
+  transform: translateX(-50%);
+  max-width: min(460px, calc(100vw - 24px));
+}
+.flottant .message { margin: 0; box-shadow: 0 8px 26px rgba(0,0,0,.4); }
+`, 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 i = t.attachShadow({ mode: "open" }), r = document.createElement("style");
+  r.textContent = ke + Ce + Ae, i.appendChild(r);
+  const a = document.createElement("div");
+  return i.appendChild(a), { hote: t, point: a };
+}
+function ae(n, t) {
+  let i = n;
+  return () => {
+    const r = i;
+    i = null, setTimeout(() => {
+      r?.unmount(), t.remove();
+    }, 0);
+  };
+}
+function qe({
+  site: n,
+  apiBaseUrl: t,
+  methodes: i,
+  surJeton: r
+}) {
+  const { hote: a, point: d } = re(Ee), l = ne(d), b = () => o();
+  l.render(
+    /* @__PURE__ */ e(
+      xe,
+      {
+        site: n,
+        apiBaseUrl: t,
+        ...i ? { methodes: i } : {},
+        surJeton: (c) => {
+          o(), r(c);
+        },
+        surFermer: b
+      }
+    )
+  );
+  const o = ae(l, a);
+  return o;
+}
+function Ie({
   jeton: n,
   site: t,
-  apiBaseUrl: s,
+  apiBaseUrl: i,
   pont: r
 }) {
-  document.getElementById(D)?.remove();
-  const c = document.createElement("div");
-  c.id = D, document.body.appendChild(c);
-  const b = c.attachShadow({ mode: "open" }), d = document.createElement("style");
-  d.textContent = te, b.appendChild(d);
-  const l = document.createElement("div");
-  b.appendChild(l);
-  let e = H(l);
-  const a = () => {
+  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 e.render(
-    /* @__PURE__ */ o(
-      ee,
+  return l.render(
+    /* @__PURE__ */ e(
+      Ne,
       {
-        api: X({ jeton: n, site: t, apiBaseUrl: s, surJetonRefuse: a }),
+        api: de({ jeton: n, site: t, apiBaseUrl: i, surJetonRefuse: b }),
         pont: r
       }
     )
-  ), () => {
-    const u = e;
-    e = null, setTimeout(() => {
-      u?.unmount(), c.remove();
-    }, 0);
-  };
+  ), ae(l, a);
 }
 export {
-  ae as monterEditeur
+  qe as monterConnexion,
+  Ie as monterEditeur
 };