@lystech/sections 0.2.0 → 0.3.0

package/dist/editeur.js

@@ -1,50 +1,190 @@
-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 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({
   jeton: n,
   site: t,
-  apiBaseUrl: s,
+  apiBaseUrl: c,
   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 f(o, i) {
+    if (i && (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 u(o, i = !0) {
+    const h = await fetch(c + o, {
+      headers: i ? a : void 0
     });
-    return b(u, a), await u.json();
+    return f(h, i), 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 m(o, i, h) {
+    const g = await fetch(c + o, {
+      method: i,
+      headers: a,
+      body: h === void 0 ? void 0 : JSON.stringify(h)
     });
-    return b(m, !0), await m.json();
+    return f(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: () => u("/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) => 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"),
     /** Ramène le brouillon à ce qui est en ligne. */
-    annuler: (e) => l("/site-sections/" + e + "/revert", "POST")
+    annuler: (o) => m("/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]));
+function ce({
+  site: n,
+  apiBaseUrl: t,
+  surJeton: c,
+  surFermer: r
+}) {
+  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;
+    }
+    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 })
+      });
+      if (S.status === 429) {
+        i({
+          nom: "erreur",
+          texte: "Trop de tentatives. Réessayez dans quelques minutes."
+        });
+        return;
+      }
+      const _ = await S.json().catch(() => null);
+      if (_?.ok && _?.token) {
+        c(_.token);
+        return;
+      }
+      if (_?.raison === "sans_acces") {
+        i({ nom: "sans-acces" });
+        return;
+      }
+      if (_?.raison === "demande_envoyee") {
+        i({ nom: "demande-envoyee" });
+        return;
+      }
+      if (_?.raison === "trop_de_demandes") {
+        i({
+          nom: "erreur",
+          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+        });
+        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."
+      });
+    }
+  }, 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(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--discret",
+          onClick: r,
+          "aria-label": "Fermer",
+          children: "✕"
+        }
+      )
+    ] }),
+    /* @__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"
+            }
+          ) })
+        ]
+      }
+    )
+  ] }) });
+}
+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 $(n) {
+function ue(n) {
   switch (n.type) {
     case "number":
       return 0;
@@ -56,164 +196,164 @@ function $(n) {
       return "";
   }
 }
-function j({ champ: n, valeur: t, changer: s }) {
+function G({ champ: n, valeur: t, changer: c }) {
   switch (n.type) {
     case "richText":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ e(
         "textarea",
         {
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value)
+          onChange: (r) => c(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) => c(r.target.value === "" ? "" : Number(r.target.value))
         }
       );
     case "boolean":
-      return /* @__PURE__ */ p("label", { className: "bascule", children: [
-        /* @__PURE__ */ o(
+      return /* @__PURE__ */ b("label", { className: "bascule", children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             checked: t === !0,
-            onChange: (r) => s(r.target.checked)
+            onChange: (r) => c(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) => c(r.target.value)
         }
       );
     case "choice":
-      return /* @__PURE__ */ p(
+      return /* @__PURE__ */ b(
         "select",
         {
           value: String(t ?? ""),
-          onChange: (r) => s(r.target.value),
+          onChange: (r) => c(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) => c(r.target.value),
           placeholder: "https://"
         }
       );
     case "image":
-      return /* @__PURE__ */ p(V, { children: [
-        /* @__PURE__ */ o(
+      return /* @__PURE__ */ b(Q, { children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "url",
             value: String(t ?? ""),
-            onChange: (r) => s(r.target.value),
+            onChange: (r) => c(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) => c(r.target.value)
         }
       );
   }
 }
-function P({ champ: n, valeur: t, changer: s, langue: r }) {
+function ee({ champ: n, valeur: t, changer: c, 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 : [], f = n.of ?? [], u = (m, o, i) => {
+      const h = a.map((g, v) => v === m ? { ...g, [o]: i } : g);
+      c(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__ */ b("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: [
+          /* @__PURE__ */ e("span", { className: "liste__rang", children: o + 1 }),
+          /* @__PURE__ */ b("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 i = [...a];
+                  [i[o - 1], i[o]] = [i[o], i[o - 1]], c(i);
                 },
                 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 i = [...a];
+                  [i[o], i[o + 1]] = [i[o + 1], i[o]], c(i);
                 },
                 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: () => c(a.filter((i, h) => h !== o)),
                 children: "✕"
               }
             )
           ] })
         ] }),
-        b.map((a) => /* @__PURE__ */ o(
-          P,
+        f.map((i) => /* @__PURE__ */ e(
+          ee,
           {
-            champ: a,
+            champ: i,
             langue: r,
-            valeur: l?.[a.key],
-            changer: (u) => d(e, a.key, u)
+            valeur: m?.[i.key],
+            changer: (h) => u(o, i.key, h)
           },
-          a.key
+          i.key
         ))
-      ] }, e)),
-      /* @__PURE__ */ o(
+      ] }, o)),
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "bouton",
-          onClick: () => s([
-            ...c,
-            Object.fromEntries(b.map((l) => [l.key, $(l)]))
+          onClick: () => c([
+            ...a,
+            Object.fromEntries(f.map((m) => [m.key, ue(m)]))
           ]),
           children: "+ Ajouter"
         }
@@ -221,264 +361,509 @@ 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 = le(t, r), f = t && typeof t == "object" && !Array.isArray(t) ? t : {};
+    return /* @__PURE__ */ b("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 }),
+        /* @__PURE__ */ e(
+          G,
           {
             champ: n,
-            valeur: b[d],
-            changer: (l) => s({ ...b, [d]: l })
+            valeur: f[u],
+            changer: (m) => c({ ...f, [u]: m })
           }
         )
-      ] }, d))
+      ] }, u))
     ] });
   }
-  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__ */ b("div", { className: "champ", children: [
+    /* @__PURE__ */ e("label", { className: "champ__etiquette", children: n.label }),
+    /* @__PURE__ */ e(G, { champ: n, valeur: t, changer: c }),
+    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 de = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function pe(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 }]);
+    }
+  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;
+    const a = (r.textContent ?? "").trim();
+    if (a.length < 2) continue;
+    const f = n.get(a);
+    f && t.set(r, { valeur: a, candidats: f });
+  }
+  return t;
+}
+function be({
+  source: n,
+  actif: t,
+  surModification: c
+}) {
+  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(() => {
+    if (!t) return;
+    const i = m.current.langueCourante(), h = pe(m.current.dictionnaire(i)), g = () => {
+      r.current = me(h);
+    };
+    g();
+    let v;
+    const S = new MutationObserver(() => {
+      a.current || (clearTimeout(v), v = 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;
+      !(s instanceof HTMLElement) || a.current || r.current.has(s) && (s.dataset.lysStyleAvant || (s.dataset.lysStyleAvant = s.getAttribute("style") ?? ""), s.setAttribute(
+        "style",
+        (s.dataset.lysStyleAvant ?? "") + _
+      ));
+    }, z = (d) => {
+      const s = d.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") ?? "";
+      a.current = {
+        el: d,
+        avant: (d.textContent ?? "").trim(),
+        ns: s.ns,
+        chemin: s.chemin,
+        styleAvant: d.dataset.lysStyleAvant ?? y
+      }, d.setAttribute("contenteditable", "plaintext-only"), d.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) => {
+      const s = a.current;
+      if (!s) return;
+      a.current = null;
+      const y = (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);
+        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;
+      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]);
+          return;
+        }
+        u({
+          el: s,
+          candidats: y.candidats,
+          x: d.clientX,
+          y: d.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);
+      }
+    }, A = (d) => {
+      a.current && (d.key === "Escape" ? (d.preventDefault(), w(!0)) : d.key === "Enter" && !d.shiftKey && (d.preventDefault(), w(!1)));
+    }, M = () => {
+      a.current && w(!1);
+    };
+    document.addEventListener("mouseover", U, !0), document.addEventListener("mouseout", z, !0), document.addEventListener("click", N, !0);
+    const I = (d) => {
+      if (!a.current) return;
+      const s = d.inputType;
+      (s === "insertParagraph" || s === "insertLineBreak") && (d.preventDefault(), 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();
+    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);
+    }, () => {
+      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;
     };
-  }, []), { ancres: n, enTete: s };
+  }, [t]), f ? /* @__PURE__ */ b(
+    "div",
+    {
+      className: "choix",
+      style: {
+        top: Math.min(f.y + 10, window.innerHeight - 200),
+        left: Math.min(f.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(
+          "button",
+          {
+            type: "button",
+            className: "choix__option",
+            onClick: () => window.__lysChoisir?.(i, f.el),
+            children: [
+              /* @__PURE__ */ e("span", { className: "choix__chemin", children: i.chemin }),
+              /* @__PURE__ */ e("span", { className: "choix__ns", children: i.ns })
+            ]
+          },
+          i.ns + ":" + i.chemin
+        )),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: () => u(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 Y = /^i18n:([^:]+):(.*)$/, J = "commun";
+function K(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(
+    null
+  );
+  B(() => (t.surChangementDePage = (l) => {
+    m(l), i(null), S(!1);
   }, () => {
     t.surChangementDePage = void 0;
   }), [t]);
-  const C = S(async () => {
+  const A = H(async () => {
     try {
-      const i = await n.pourPage(d);
-      return b(i), i;
+      const [l, p] = await Promise.all([
+        n.pourPage(u),
+        u === J ? Promise.resolve([]) : n.pourPage(J)
+      ]), x = [...l, ...p];
+      return f(x), x;
     } catch {
-      return f({ ton: "erreur", texte: "Impossible de lire le contenu du site." }), [];
+      return N({
+        ton: "erreur",
+        texte: "Impossible de lire le contenu du site."
+      }), [];
     }
-  }, [n, d]);
-  T(() => {
+  }, [n, u]);
+  B(() => {
     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]), 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);
+      }
+      if (!x) return null;
+      const E = Y.exec(x.blockType)?.[2] ?? "", j = E ? p.slice(E.length + 1) : p;
+      return { bloc: x, champ: j };
     },
     [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 = 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);
+    }),
+    [c, u]
+  ), s = W(
+    () => a.filter((l) => l.draft && !K(l.draft, l.data)),
+    [a]
+  ), y = H(
+    async (l, p, x, C) => {
+      const E = M(l, p);
+      if (!E) {
+        N({
+          ton: "erreur",
+          texte: `Ce texte (${l}:${p}) 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 };
+      try {
+        if (j?.UID)
+          await n.enregistrerBrouillon(j.UID, $);
+        else {
+          const X = E.bloc.pages?.[0] ?? u;
+          await n.creer(X, E.bloc.blockType, $);
+        }
+        await A(), N(null);
+      } catch {
+        N({
+          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, M, u, A, a]
+  ), P = async () => {
+    if (!s.length) return;
+    T(!0), N(null);
+    const l = 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 p of s) await n.publier(p.UID);
+      await A(), t.recharger(), N({
+        ton: "ok",
+        texte: l === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${l} modifications publiées.`
+      });
     } catch {
-      f({ ton: "erreur", texte: "L'enregistrement a échoué. Votre texte est toujours là — réessayez." });
+      N({
+        ton: "erreur",
+        texte: "La publication a échoué. Rien n'a été mis en ligne."
+      });
     } finally {
-      w(!1);
+      T(!1);
     }
-  }, B = async () => {
-    w(!0), f(null);
+  }, O = async () => {
+    T(!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 p of s) await n.annuler(p.UID);
+      const l = await A();
+      if (t.sourceTexte) {
+        const { appliquerAuxTextes: p } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
+        p(
+          l.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 {
-      w(!1);
+      T(!1);
     }
-  }, F = async () => {
-    if (!e) return;
-    const i = c.find((h) => h.blockType === e);
-    w(!0);
-    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." });
-    } catch {
-      f({ ton: "erreur", texte: "Impossible d'abandonner le brouillon." });
-    } finally {
-      w(!1);
+  }, 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 () => {
+    if (o) {
+      T(!0);
+      try {
+        const l = a.find((x) => x.blockType === o);
+        if (l?.UID) await n.enregistrerBrouillon(l.UID, h);
+        else {
+          const x = I(o)?.pages?.[0] ?? u;
+          await n.creer(x, o, h);
+        }
+        const p = await A();
+        if (t.sourceTexte) {
+          const { appliquerAuxTextes: x } = await import("./morceaux/sourceTexte-BMPMpNg9.js");
+          x(
+            p.map((C) => ({ blockType: C.blockType, data: C.draft ?? C.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é." });
+      } finally {
+        T(!1);
+      }
     }
-  }, J = () => {
+  }, ie = () => {
     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",
+  }, D = o ? I(o) : void 0, V = !o && !v;
+  return /* @__PURE__ */ b("div", { className: "calque", children: [
+    t.sourceTexte && /* @__PURE__ */ e(
+      be,
+      {
+        source: t.sourceTexte,
+        actif: V && !z && _ === "modifier",
+        surModification: y
+      }
+    ),
+    V && /* @__PURE__ */ b("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(
+        "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 " + (_ === "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"
+        }
+      ),
+      s.length > 0 ? /* @__PURE__ */ b(Q, { 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: z,
+            children: "Publier"
           }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: O,
+            disabled: z,
+            children: "Abandonner"
+          }
+        )
+      ] }) : /* @__PURE__ */ e("span", { className: "barre__compte", children: "tout est publié" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--discret",
+          onClick: () => S(!0),
+          children: "Plus…"
         }
       ),
-      /* @__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--discret",
+          onClick: ie,
+          children: "Quitter"
         }
       )
-    ] }, 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 && 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: [
+          /* @__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: () => S(!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__ */ 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(
+            "button",
+            {
+              type: "button",
+              className: "rangee",
+              onClick: () => oe(l.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` })
+              ]
+            },
+            l.blockType
+          );
+        })
       ] })
-    ] })
+    ] }),
+    o && D && /* @__PURE__ */ b(
+      "div",
+      {
+        className: "panneau",
+        role: "dialog",
+        "aria-label": "Modifier " + D.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__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                onClick: () => i(null),
+                "aria-label": "Fermer",
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ b("div", { className: "panneau__corps", children: [
+            w && /* @__PURE__ */ e("p", { className: "message message--" + w.ton, children: w.texte }),
+            D.fields.map((l) => /* @__PURE__ */ e(
+              ee,
+              {
+                champ: l,
+                langue: t.langue,
+                valeur: h[l.key],
+                changer: (p) => re(l.key, p)
+              },
+              l.key
+            ))
+          ] }),
+          /* @__PURE__ */ b("div", { className: "panneau__pied", children: [
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--discret",
+                onClick: () => i(null),
+                disabled: z,
+                children: "Fermer"
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "espace" }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--principal",
+                onClick: ae,
+                disabled: z,
+                children: "Enregistrer"
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
-const te = `
+const xe = `
 :host {
   all: initial;
   --fond: #16181d;
@@ -598,6 +983,32 @@ 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 {
+  width: min(420px, 100%);
+  max-height: 90vh;
+  overflow-y: auto;
+  border: 1px solid var(--bord);
+  border-radius: 12px;
+  background: var(--fond);
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
+}
+
 /* ------------------------------------------------------------ CHAMPS ---- */
 
 .champ { margin-bottom: 16px; }
@@ -677,43 +1088,121 @@ input:focus, select:focus, textarea:focus {
 @media (prefers-reduced-motion: reduce) {
   * { transition: none !important; animation: none !important; }
 }
-`, D = "lystech-editeur-hote";
-function ae({
+`, he = `
+/* --------------------------------------------------------- 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); }
+`, ge = "lystech-editeur-hote", ve = "lystech-connexion-hote";
+function te(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 a = document.createElement("div");
+  return c.appendChild(a), { hote: t, point: a };
+}
+function ne(n, t) {
+  let c = n;
+  return () => {
+    const r = c;
+    c = null, setTimeout(() => {
+      r?.unmount(), t.remove();
+    }, 0);
+  };
+}
+function we({
+  site: n,
+  apiBaseUrl: t,
+  surJeton: c
+}) {
+  const { hote: r, point: a } = te(ve), f = Z(a), u = () => m();
+  f.render(
+    /* @__PURE__ */ e(
+      ce,
+      {
+        site: n,
+        apiBaseUrl: t,
+        surJeton: (o) => {
+          m(), c(o);
+        },
+        surFermer: u
+      }
+    )
+  );
+  const m = ne(f, r);
+  return m;
+}
+function ke({
   jeton: n,
   site: t,
-  apiBaseUrl: s,
+  apiBaseUrl: c,
   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: f } = te(ge), u = Z(f), m = () => {
     try {
       window.sessionStorage.removeItem("lystech-edit");
     } catch {
     }
     window.location.reload();
   };
-  return e.render(
-    /* @__PURE__ */ o(
-      ee,
+  return u.render(
+    /* @__PURE__ */ e(
+      fe,
       {
-        api: X({ jeton: n, site: t, apiBaseUrl: s, surJetonRefuse: a }),
+        api: se({ jeton: n, site: t, apiBaseUrl: c, surJetonRefuse: m }),
         pont: r
       }
     )
-  ), () => {
-    const u = e;
-    e = null, setTimeout(() => {
-      u?.unmount(), c.remove();
-    }, 0);
-  };
+  ), ne(u, a);
 }
 export {
-  ae as monterEditeur
+  we as monterConnexion,
+  ke as monterEditeur
 };