@lystech/sections 0.6.0 → 0.8.0

package/dist/morceaux/index-BicM0J3j.js

@@ -0,0 +1,2096 @@
+import { jsx as n, jsxs as v, Fragment as ue } from "react/jsx-runtime";
+import { createRoot as Ae } from "react-dom/client";
+import { C as ke, A as fe, E as Be, s as we } from "./constantes-BwBWlNYy.js";
+import { useState as I, useRef as V, useEffect as R, useMemo as re, useCallback as W, Suspense as me, lazy as Ce } from "react";
+function je({
+  jeton: r,
+  site: e,
+  apiBaseUrl: o,
+  surJetonRefuse: i
+}) {
+  const t = {
+    "Content-Type": "application/json",
+    Authorization: "Bearer " + r
+  };
+  function s(c, h) {
+    if (h && (c.status === 401 || c.status === 403) && i(), !c.ok) throw new Error(String(c.status));
+  }
+  async function a(c, h = !0) {
+    const A = await fetch(o + c, {
+      headers: h ? t : void 0
+    });
+    return s(A, h), await A.json();
+  }
+  async function f(c, h, A) {
+    const k = await fetch(o + c, {
+      method: h,
+      headers: t,
+      body: A === void 0 ? void 0 : JSON.stringify(A)
+    });
+    return s(k, !0), await k.json();
+  }
+  async function u(c, h = {}) {
+    const A = new Headers(h.headers);
+    A.set("Authorization", "Bearer " + r), typeof h.body == "string" && !A.has("Content-Type") && A.set("Content-Type", "application/json");
+    const k = await fetch(o + c, { ...h, headers: A });
+    return k.status === 401 && i(), k;
+  }
+  return {
+    brut: u,
+    /** Les blocs que le site a déclaré savoir afficher. Route publique. */
+    schemas: () => a("/site-sections/public/" + encodeURIComponent(e) + "/schemas", !1),
+    /** Ce qui existe sur une page, brouillons compris. */
+    pourPage: (c) => a("/site-sections?page=" + encodeURIComponent(c)),
+    creer: (c, h, A) => f("/site-sections", "POST", { page: c, blockType: h, draft: A }),
+    enregistrerBrouillon: (c, h) => f("/site-sections/" + c + "/draft", "PUT", { draft: h }),
+    publier: (c) => f("/site-sections/" + c + "/publish", "POST"),
+    /** Ramène le brouillon à ce qui est en ligne. */
+    annuler: (c) => f("/site-sections/" + c + "/revert", "POST"),
+    /** Qui peut voir la section. S'applique TOUT DE SUITE (pas de brouillon). */
+    audience: (c, h) => f("/site-sections/" + c + "/audience", "POST", { audience: h }),
+    /** Les plans d'abonnement de la boutique, pour « Visible pour : plans… ». */
+    optionsAudience: () => a("/site-sections/audience-options")
+  };
+}
+const Re = "data:image/png;base64,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", Qe = {
+  apiKey: "AIzaSyCpAeHlt1wZvM5KtYg7X7MDVnWVJT86gvc",
+  authDomain: "lystech.firebaseapp.com",
+  projectId: "lystech",
+  storageBucket: "lystech.appspot.com",
+  messagingSenderId: "237347321732",
+  appId: "1:237347321732:web:7f9586d48e488d73ddcfd1"
+};
+function Fe() {
+  return /* @__PURE__ */ v("span", { className: "marque", children: [
+    /* @__PURE__ */ n("img", { src: Re, alt: "", width: 22, height: 22 }),
+    /* @__PURE__ */ n("span", { className: "marque__mot", children: "Lystech" })
+  ] });
+}
+function Ve() {
+  return /* @__PURE__ */ v("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", focusable: "false", className: "logo", children: [
+    /* @__PURE__ */ n("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__ */ n("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__ */ n("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__ */ n("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 Ye() {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", className: "logo", children: /* @__PURE__ */ n(
+    "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: r,
+  apiBaseUrl: e,
+  methodes: o = ["google", "facebook"],
+  surJeton: i,
+  surFermer: t
+}) {
+  const [s, a] = I({ nom: "repos" }), f = (A) => {
+    switch (A) {
+      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.";
+    }
+  }, u = async (A, k = !1) => {
+    const T = await fetch(e + "/site-sections/edit-login/third-party", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        site: r,
+        token: A,
+        tokenType: "firebase",
+        demanderAcces: k
+      })
+    });
+    if (T.status === 429) {
+      a({
+        nom: "erreur",
+        texte: "Trop de tentatives. Réessayez dans quelques minutes."
+      });
+      return;
+    }
+    const S = await T.json().catch(() => null);
+    if (S?.ok && S?.token) {
+      i(S.token);
+      return;
+    }
+    switch (S?.raison) {
+      case "sans_acces":
+        a({ nom: "sans-acces", jeton: A });
+        return;
+      case "demande_envoyee":
+        a({ nom: "demande-envoyee" });
+        return;
+      case "trop_de_demandes":
+        a({
+          nom: "erreur",
+          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+        });
+        return;
+      case "aucun_compte":
+        a({ nom: "aucun-compte", adresse: "" });
+        return;
+      case "adresse_non_verifiee":
+        a({
+          nom: "erreur",
+          texte: "Votre fournisseur n'a pas confirmé cette adresse courriel. Vérifiez-la chez lui, puis réessayez."
+        });
+        return;
+      default:
+        a({
+          nom: "erreur",
+          texte: "La connexion a échoué. Réessayez dans un instant."
+        });
+    }
+  }, c = async (A) => {
+    a({ nom: "envoi", quoi: A });
+    try {
+      const [{ initializeApp: k, getApps: T }, S] = await Promise.all([
+        import("./index.esm-B4AB50RA.js"),
+        import("./index.esm-B4hL1FOE.js")
+      ]), y = T().find((m) => m.name === "lystech-edition") ?? k(Qe, "lystech-edition"), D = A === "google" ? new S.GoogleAuthProvider() : new S.FacebookAuthProvider(), p = await (await S.signInWithPopup(S.getAuth(y), D)).user.getIdToken();
+      await u(p);
+    } catch (k) {
+      a({ nom: "erreur", texte: f(String(k?.code ?? "")) });
+    }
+  }, h = s.nom === "envoi";
+  return /* @__PURE__ */ n("div", { className: "voile", role: "dialog", "aria-modal": "true", "aria-label": "Modifier ce site", children: /* @__PURE__ */ v("div", { className: "fenetre", children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "fenetre__fermer",
+        onClick: t,
+        "aria-label": "Fermer",
+        children: "✕"
+      }
+    ),
+    /* @__PURE__ */ v("div", { className: "fenetre__tete", children: [
+      /* @__PURE__ */ n(Fe, {}),
+      /* @__PURE__ */ n("h2", { className: "fenetre__titre", children: "Modifier ce site" }),
+      /* @__PURE__ */ n("p", { className: "fenetre__sous", children: "Vous vous connectez à Lystech. Cet accès ne sert qu'à modifier le contenu de ce site." })
+    ] }),
+    /* @__PURE__ */ v("div", { className: "fenetre__corps", children: [
+      s.nom === "erreur" && /* @__PURE__ */ n("p", { className: "message message--erreur", children: s.texte }),
+      s.nom === "aucun-compte" && /* @__PURE__ */ n("p", { className: "message message--info", children: "Aucun compte Lystech ne correspond à cette adresse. Adressez-vous à la personne responsable du site." }),
+      s.nom === "sans-acces" && /* @__PURE__ */ n("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." }),
+      s.nom === "demande-envoyee" && /* @__PURE__ */ n("p", { className: "message message--ok", children: "Demande envoyée. La personne responsable du site vous répondra." }),
+      s.nom === "sans-acces" ? /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--principal bouton--large",
+          onClick: () => {
+            u(s.jeton, !0);
+          },
+          children: "Demander l'accès"
+        }
+      ) : s.nom === "demande-envoyee" || s.nom === "aucun-compte" ? /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--large",
+          onClick: t,
+          children: "Fermer"
+        }
+      ) : /* @__PURE__ */ v("div", { className: "fournisseurs", children: [
+        o.includes("google") && /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--google",
+            disabled: h,
+            onClick: () => {
+              c("google");
+            },
+            children: [
+              /* @__PURE__ */ n(Ve, {}),
+              /* @__PURE__ */ n("span", { children: s.nom === "envoi" && s.quoi === "google" ? "Connexion…" : "Continuer avec Google" })
+            ]
+          }
+        ),
+        o.includes("facebook") && /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--facebook",
+            disabled: h,
+            onClick: () => {
+              c("facebook");
+            },
+            children: [
+              /* @__PURE__ */ n(Ye, {}),
+              /* @__PURE__ */ n("span", { children: s.nom === "envoi" && s.quoi === "facebook" ? "Connexion…" : "Continuer avec Facebook" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function We(r, e) {
+  const o = r && typeof r == "object" && !Array.isArray(r) ? Object.keys(r).filter((t) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(t)) : [], i = e.slice(0, 2);
+  return Array.from(/* @__PURE__ */ new Set([i, ...o]));
+}
+function He(r) {
+  switch (r.type) {
+    case "number":
+      return 0;
+    case "boolean":
+      return !1;
+    case "list":
+      return [];
+    default:
+      return "";
+  }
+}
+function be({ champ: r, valeur: e, changer: o }) {
+  switch (r.type) {
+    case "richText":
+      return /* @__PURE__ */ n(
+        "textarea",
+        {
+          value: String(e ?? ""),
+          onChange: (i) => o(i.target.value)
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ n(
+        "input",
+        {
+          type: "number",
+          value: e === "" || e == null ? "" : String(e),
+          onChange: (i) => o(i.target.value === "" ? "" : Number(i.target.value))
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ v("label", { className: "bascule", children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "checkbox",
+            checked: e === !0,
+            onChange: (i) => o(i.target.checked)
+          }
+        ),
+        /* @__PURE__ */ n("span", { children: e === !0 ? "Oui" : "Non" })
+      ] });
+    case "date":
+      return /* @__PURE__ */ n(
+        "input",
+        {
+          type: "date",
+          value: String(e ?? "").slice(0, 10),
+          onChange: (i) => o(i.target.value)
+        }
+      );
+    case "choice":
+      return /* @__PURE__ */ v(
+        "select",
+        {
+          value: String(e ?? ""),
+          onChange: (i) => o(i.target.value),
+          children: [
+            /* @__PURE__ */ n("option", { value: "", children: "—" }),
+            (r.options ?? []).map((i) => /* @__PURE__ */ n("option", { value: i, children: i }, i))
+          ]
+        }
+      );
+    case "url":
+      return /* @__PURE__ */ n(
+        "input",
+        {
+          type: "url",
+          value: String(e ?? ""),
+          onChange: (i) => o(i.target.value),
+          placeholder: "https://"
+        }
+      );
+    case "image":
+      return /* @__PURE__ */ v(ue, { children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "url",
+            value: String(e ?? ""),
+            onChange: (i) => o(i.target.value),
+            placeholder: "https://…"
+          }
+        ),
+        String(e ?? "").startsWith("http") && /* @__PURE__ */ n("img", { className: "vignette", src: String(e), alt: "" })
+      ] });
+    default:
+      return /* @__PURE__ */ n(
+        "input",
+        {
+          type: "text",
+          value: String(e ?? ""),
+          onChange: (i) => o(i.target.value)
+        }
+      );
+  }
+}
+function Ee({ champ: r, valeur: e, changer: o, langue: i }) {
+  if (r.type === "list") {
+    const t = Array.isArray(e) ? e : [], s = r.of ?? [], a = (f, u, c) => {
+      const h = t.map((A, k) => k === f ? { ...A, [u]: c } : A);
+      o(h);
+    };
+    return /* @__PURE__ */ v("div", { className: "champ", children: [
+      /* @__PURE__ */ n("span", { className: "champ__etiquette", children: r.label }),
+      r.help && /* @__PURE__ */ n("p", { className: "champ__aide", children: r.help }),
+      t.map((f, u) => /* @__PURE__ */ v("div", { className: "liste__item", children: [
+        /* @__PURE__ */ v("div", { className: "liste__tete", children: [
+          /* @__PURE__ */ n("span", { className: "liste__rang", children: u + 1 }),
+          /* @__PURE__ */ v("span", { style: { display: "flex", gap: 4 }, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Monter",
+                disabled: u === 0,
+                onClick: () => {
+                  const c = [...t];
+                  [c[u - 1], c[u]] = [c[u], c[u - 1]], o(c);
+                },
+                children: "↑"
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Descendre",
+                disabled: u === t.length - 1,
+                onClick: () => {
+                  const c = [...t];
+                  [c[u], c[u + 1]] = [c[u + 1], c[u]], o(c);
+                },
+                children: "↓"
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Retirer",
+                onClick: () => o(t.filter((c, h) => h !== u)),
+                children: "✕"
+              }
+            )
+          ] })
+        ] }),
+        s.map((c) => /* @__PURE__ */ n(
+          Ee,
+          {
+            champ: c,
+            langue: i,
+            valeur: f?.[c.key],
+            changer: (h) => a(u, c.key, h)
+          },
+          c.key
+        ))
+      ] }, u)),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton",
+          onClick: () => o([
+            ...t,
+            Object.fromEntries(s.map((f) => [f.key, He(f)]))
+          ]),
+          children: "+ Ajouter"
+        }
+      )
+    ] });
+  }
+  if (r.localized) {
+    const t = We(e, i), s = e && typeof e == "object" && !Array.isArray(e) ? e : {};
+    return /* @__PURE__ */ v("div", { className: "champ", children: [
+      /* @__PURE__ */ n("span", { className: "champ__etiquette", children: r.label }),
+      r.help && /* @__PURE__ */ n("p", { className: "champ__aide", children: r.help }),
+      t.map((a) => /* @__PURE__ */ v("div", { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ n("span", { className: "champ__langue", children: a }),
+        /* @__PURE__ */ n(
+          be,
+          {
+            champ: r,
+            valeur: s[a],
+            changer: (f) => o({ ...s, [a]: f })
+          }
+        )
+      ] }, a))
+    ] });
+  }
+  return /* @__PURE__ */ v("div", { className: "champ", children: [
+    /* @__PURE__ */ n("label", { className: "champ__etiquette", children: r.label }),
+    /* @__PURE__ */ n(be, { champ: r, valeur: e, changer: o }),
+    r.help && /* @__PURE__ */ n("p", { className: "champ__aide", children: r.help })
+  ] });
+}
+const Ne = "data-lystech-champ", Ge = ["lystech-editeur-hote", "lystech-connexion-hote"], Ze = ["number", "text", "url", "date"], Je = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;";
+function ae(r) {
+  if (!(r instanceof Element)) return null;
+  const e = r.closest(`[${Ne}]`);
+  return !e || e.closest("." + ke) || Ge.some((o) => e.closest("#" + o)) ? null : e;
+}
+function he(r) {
+  const e = r.getAttribute(Ne) ?? "", o = e.lastIndexOf(":");
+  return o <= 0 || o === e.length - 1 ? null : { blockType: e.slice(0, o), champ: e.slice(o + 1) };
+}
+function se(r) {
+  const e = r.dataset.lysStyleAvant;
+  e !== void 0 && (delete r.dataset.lysStyleAvant, e ? r.setAttribute("style", e) : r.removeAttribute("style"));
+}
+function Ke(r, e) {
+  if (r === "number") {
+    const o = e.replace(/\s/g, "").replace(",", "."), i = Number(o);
+    return o === "" || !Number.isFinite(i) ? { ok: !1, erreur: "Un nombre, en chiffres — par exemple 85 ou 85,50." } : { ok: !0, valeur: i };
+  }
+  return { ok: !0, valeur: e.trim() };
+}
+function $e({
+  actif: r,
+  lire: e,
+  enregistrer: o,
+  ouvrirPanneau: i
+}) {
+  const [t, s] = I(null), a = V(null), f = V(1), u = V(null), c = V(null), h = V({ lire: e, enregistrer: o, ouvrirPanneau: i });
+  h.current = { lire: e, enregistrer: o, ouvrirPanneau: i }, R(() => {
+    if (!r) {
+      s(null);
+      return;
+    }
+    const y = /* @__PURE__ */ new Set(), D = (w) => {
+      const E = ae(w.target);
+      if (!E) return;
+      const O = he(E);
+      !O || !h.current.lire(O.blockType, O.champ) || (E.dataset.lysStyleAvant === void 0 && (E.dataset.lysStyleAvant = E.getAttribute("style") ?? ""), E.setAttribute("style", E.dataset.lysStyleAvant + Je), y.add(E));
+    }, C = (w) => {
+      const E = ae(w.target);
+      if (!E) return;
+      const O = w.relatedTarget;
+      O instanceof Node && E.contains(O) || (se(E), y.delete(E));
+    }, p = (w) => {
+      const E = ae(w.target);
+      if (!E) return;
+      const O = he(E);
+      if (!O) return;
+      const Y = h.current.lire(O.blockType, O.champ);
+      if (!Y) return;
+      if (w.preventDefault(), w.stopPropagation(), se(E), y.delete(E), !Ze.includes(Y.type)) {
+        h.current.ouvrirPanneau(O.blockType);
+        return;
+      }
+      const x = getComputedStyle(E);
+      s({
+        jeton: f.current++,
+        ...O,
+        info: Y,
+        el: E,
+        rect: E.getBoundingClientRect(),
+        police: {
+          fontFamily: x.fontFamily,
+          fontSize: x.fontSize,
+          fontWeight: x.fontWeight,
+          letterSpacing: x.letterSpacing
+        },
+        texte: Y.valeur == null ? "" : String(Y.valeur),
+        erreur: null,
+        envoi: !1
+      });
+    }, m = () => s((w) => w && { ...w, rect: w.el.getBoundingClientRect() });
+    return document.addEventListener("mouseover", D, !0), document.addEventListener("mouseout", C, !0), document.addEventListener("click", p, !0), window.addEventListener("scroll", m, { capture: !0, passive: !0 }), window.addEventListener("resize", m), () => {
+      document.removeEventListener("mouseover", D, !0), document.removeEventListener("mouseout", C, !0), document.removeEventListener("click", p, !0), window.removeEventListener("scroll", m, { capture: !0 }), window.removeEventListener("resize", m);
+      for (const w of y) se(w);
+    };
+  }, [r]);
+  const A = t?.jeton;
+  if (R(() => {
+    A != null && (a.current?.focus(), a.current?.select());
+  }, [A]), !t) return null;
+  const k = (y) => s((D) => D && D.jeton === y ? null : D);
+  async function T(y) {
+    if (u.current === y.jeton || c.current === y.jeton) return;
+    const D = y.info.valeur == null ? "" : String(y.info.valeur);
+    if (y.texte.trim() === D.trim()) {
+      k(y.jeton);
+      return;
+    }
+    const C = Ke(y.info.type, y.texte);
+    if (!C.ok) {
+      s((m) => m && m.jeton === y.jeton ? { ...m, erreur: C.erreur } : m);
+      return;
+    }
+    s((m) => m && m.jeton === y.jeton ? { ...m, envoi: !0, erreur: null } : m), u.current = y.jeton;
+    let p = !1;
+    try {
+      p = await h.current.enregistrer(y.blockType, y.champ, C.valeur);
+    } finally {
+      u.current = null;
+    }
+    p ? k(y.jeton) : s(
+      (m) => m && m.jeton === y.jeton ? { ...m, envoi: !1, erreur: "Enregistrement impossible — la valeur en ligne n'a pas changé." } : m
+    );
+  }
+  const S = Math.max(t.rect.width + 40, 110);
+  return /* @__PURE__ */ v(
+    "form",
+    {
+      className: "saisie",
+      style: { top: t.rect.top - 28, left: t.rect.left - 8 },
+      onSubmit: (y) => {
+        y.preventDefault(), T(t);
+      },
+      children: [
+        /* @__PURE__ */ n("span", { className: "saisie__libelle", children: t.info.libelle }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: a,
+            className: "saisie__champ",
+            style: { ...t.police, width: S },
+            value: t.texte,
+            inputMode: t.info.type === "number" ? "decimal" : void 0,
+            disabled: t.envoi,
+            "aria-label": t.info.libelle,
+            onChange: (y) => {
+              const D = y.target.value;
+              s((C) => C && { ...C, texte: D, erreur: null });
+            },
+            onKeyDown: (y) => {
+              if (y.key === "Enter") {
+                y.preventDefault(), T(t);
+                return;
+              }
+              y.key === "Escape" && (y.preventDefault(), c.current = t.jeton, k(t.jeton));
+            },
+            onBlur: () => {
+              T(t);
+            }
+          }
+        ),
+        t.erreur ? /* @__PURE__ */ n("span", { className: "saisie__erreur", children: t.erreur }) : /* @__PURE__ */ n("span", { className: "saisie__aide", children: "Entrée pour enregistrer · Échap pour annuler" })
+      ]
+    }
+  );
+}
+class ge extends Error {
+  constructor(e, o, i = {}, t = null) {
+    super(e), this.statut = o, this.erreurs = i, this.raison = t;
+  }
+}
+const et = "/site-sections/boutique";
+function tt(r) {
+  async function e(t, s = {}) {
+    let a;
+    try {
+      a = await r(et + t, s);
+    } catch {
+      throw new ge("Pas de connexion au serveur. Vérifiez Internet et réessayez.", 0);
+    }
+    let f = null;
+    try {
+      f = await a.json();
+    } catch {
+      f = null;
+    }
+    if (!a.ok) {
+      const u = f?.error ?? (a.status === 403 ? "La boutique se gère par un administrateur de l'organisation." : a.status === 413 ? "Envoi trop volumineux." : "L'opération a échoué. Réessayez.");
+      throw new ge(u, a.status, f?.erreurs ?? {}, f?.raison ?? null);
+    }
+    return f;
+  }
+  const o = (t, s) => ({
+    method: t,
+    body: JSON.stringify(s)
+  }), i = (t) => "/produits/" + encodeURIComponent(t);
+  return {
+    /** Le module s'affiche-t-il ? Faux en cas de doute (ancien serveur, éditeur). */
+    droits: async () => {
+      try {
+        return (await e("/droits")).catalogue === !0;
+      } catch {
+        return !1;
+      }
+    },
+    produits: () => e("/produits"),
+    produit: (t) => e(i(t)),
+    creer: (t) => e("/produits", o("POST", t)),
+    modifier: (t, s) => e(i(t), o("PATCH", s)),
+    visible: (t, s) => e(i(t) + "/visible", o("POST", { visible: s })),
+    supprimer: (t) => e(i(t), o("DELETE", { confirmer: !0 })),
+    ajouterPhoto: (t, s, a) => {
+      const f = new FormData();
+      return f.set("photo", s, a), e(i(t) + "/photos", { method: "POST", body: f });
+    },
+    principale: (t, s) => e(i(t) + "/photos/" + encodeURIComponent(s) + "/principale", o("POST", {})),
+    retirerPhoto: (t, s) => e(i(t) + "/photos/" + encodeURIComponent(s), o("DELETE", {})),
+    collections: () => e("/collections"),
+    creerCollection: (t) => e("/collections", o("POST", { nom: t })),
+    modifierCollection: (t, s) => e("/collections/" + encodeURIComponent(t), o("PATCH", s)),
+    garnirCollection: (t, s, a) => e("/collections/" + encodeURIComponent(t) + "/produits", o("POST", { ajouter: s, retirer: a }))
+  };
+}
+function wt(r) {
+  return new Intl.NumberFormat("fr-CA", { style: "currency", currency: "CAD" }).format(r);
+}
+const nt = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function rt(r) {
+  return ((r.innerText || "").split(`
+`).map((o) => o.trim()).find((o) => o && !/^\d/.test(o) && o.length > 2) ?? "ce bijou").slice(0, 60);
+}
+function ot(r, e) {
+  const o = r[r.length - 1], i = r[0];
+  if (!o || !i) return null;
+  const t = r.filter((c) => Math.abs(c.top - i.top) < 4), s = t.length > 1 ? t[1].left - (t[0].left + t[0].width) : 16, a = r.find((c) => c.top > i.top + 4), f = a ? a.top - (i.top + i.height) : 16, u = o.left + o.width + Math.max(0, s);
+  return u + o.width <= e.left + e.width + 2 ? { top: o.top, left: u, width: o.width, height: o.height } : { top: o.top + o.height + Math.max(0, f), left: i.left, width: o.width, height: o.height };
+}
+function it({ actif: r, ouvrir: e }) {
+  const [o, i] = I([]), [t, s] = I(null);
+  return R(() => {
+    if (!r) {
+      i([]), s(null);
+      return;
+    }
+    let a = 0;
+    const f = () => {
+      a = 0;
+      const h = Array.from(document.querySelectorAll(`[${fe}]`)).filter(
+        (p) => !nt.some((m) => p.closest("#" + m))
+      ), A = window.innerHeight, k = [];
+      for (const p of h) {
+        const m = p.getBoundingClientRect();
+        m.width < 24 || m.bottom < 0 || m.top > A || k.push({ UID: p.getAttribute(fe) ?? "", nom: rt(p), r: { top: m.top, left: m.left, width: m.width, height: m.height } });
+      }
+      i(k.filter((p) => p.UID));
+      const T = h[h.length - 1], S = T?.parentElement;
+      if (!T || !S) return s(null);
+      const y = h.filter((p) => p.parentElement === S).map((p) => p.getBoundingClientRect()), D = S.getBoundingClientRect(), C = ot(y, { top: D.top, left: D.left, width: D.width, height: D.height });
+      s(C && C.top < A && C.top + C.height > 0 ? C : null);
+    }, u = () => {
+      a || (a = requestAnimationFrame(f));
+    };
+    f();
+    const c = new MutationObserver(u);
+    return c.observe(document.body, { childList: !0, subtree: !0 }), window.addEventListener("scroll", u, { capture: !0, passive: !0 }), window.addEventListener("resize", u), () => {
+      c.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u), a && cancelAnimationFrame(a);
+    };
+  }, [r]), r ? /* @__PURE__ */ v(ue, { children: [
+    o.map((a) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "crayon",
+        style: { top: a.r.top + 8, left: a.r.left + a.r.width - 52 },
+        onClick: () => e(a.UID),
+        "aria-label": "Modifier " + a.nom,
+        title: "Modifier " + a.nom,
+        children: /* @__PURE__ */ v("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+          /* @__PURE__ */ n("path", { d: "M12 20h9" }),
+          /* @__PURE__ */ n("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z" })
+        ] })
+      },
+      a.UID + ":" + a.r.top
+    )),
+    t && /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        className: "tuile-ajout",
+        style: { top: t.top, left: t.left, width: t.width, height: Math.min(t.height, t.width * 1.1) },
+        onClick: () => e("nouveau"),
+        children: [
+          /* @__PURE__ */ n("b", { "aria-hidden": "true", children: "+" }),
+          "Ajouter un bijou"
+        ]
+      }
+    )
+  ] }) : null;
+}
+const at = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function st(r, e) {
+  const o = /* @__PURE__ */ new Map();
+  for (const [i, t] of Object.entries(r))
+    for (const [s, a] of Object.entries(t)) {
+      const f = String(a ?? "").trim();
+      if (f.length < 2 || f.includes("{{")) continue;
+      const u = e(i, s);
+      if (u <= 0) continue;
+      const c = o.get(f);
+      c ? c.push({ ns: i, chemin: s, rang: u }) : o.set(f, [{ ns: i, chemin: s, rang: u }]);
+    }
+  return o;
+}
+function lt(r) {
+  const e = /* @__PURE__ */ new Map(), o = document.body.querySelectorAll("*");
+  for (const i of o) {
+    if (at.some((a) => i.id === a || i.closest("#" + a)) || i.closest("." + ke) || i.closest("[data-lystech-champ]") || i.children.length > 0) continue;
+    const t = (i.textContent ?? "").trim();
+    if (t.length < 2) continue;
+    const s = r.get(t);
+    s && e.set(i, { valeur: t, candidats: s });
+  }
+  return e;
+}
+function ct({
+  source: r,
+  actif: e,
+  pertinence: o,
+  surModification: i
+}) {
+  const t = V(/* @__PURE__ */ new Map()), s = V(null), [a, f] = I(null), u = V(r);
+  u.current = r;
+  const c = V(i);
+  c.current = i;
+  const h = V(o);
+  h.current = o;
+  const A = V(null);
+  return R(() => {
+    if (!e) return;
+    const k = () => {
+      const x = u.current, b = st(
+        x.dictionnaire(x.langueCourante()),
+        h.current
+      );
+      t.current = lt(b);
+    };
+    A.current = k, k();
+    let T;
+    const S = new MutationObserver(() => {
+      s.current || (clearTimeout(T), T = setTimeout(k, 250));
+    });
+    S.observe(document.body, { childList: !0, subtree: !0 });
+    const y = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;", D = (x) => {
+      const b = x.target;
+      !(b instanceof HTMLElement) || s.current || t.current.has(b) && (b.dataset.lysStyleAvant || (b.dataset.lysStyleAvant = b.getAttribute("style") ?? ""), b.setAttribute(
+        "style",
+        (b.dataset.lysStyleAvant ?? "") + y
+      ));
+    }, C = (x) => {
+      const b = x.target;
+      if (!(b instanceof HTMLElement) || s.current?.el === b || b.dataset.lysStyleAvant === void 0) return;
+      const B = b.dataset.lysStyleAvant;
+      delete b.dataset.lysStyleAvant, B ? b.setAttribute("style", B) : b.removeAttribute("style");
+    }, p = (x, b) => {
+      const B = x.getAttribute("style") ?? "";
+      s.current = {
+        el: x,
+        avant: (x.textContent ?? "").trim(),
+        ns: b.ns,
+        chemin: b.chemin,
+        styleAvant: x.dataset.lysStyleAvant ?? B
+      }, x.setAttribute("contenteditable", "plaintext-only"), x.setAttribute(
+        "style",
+        (x.dataset.lysStyleAvant ?? "") + "outline:2px solid #3ba58d;outline-offset:3px;border-radius:3px;"
+      ), x.focus();
+      const Q = window.getSelection(), j = document.createRange();
+      j.selectNodeContents(x), Q?.removeAllRanges(), Q?.addRange(j);
+    }, m = async (x) => {
+      const b = s.current;
+      if (!b) return;
+      s.current = null;
+      const B = (b.el.textContent ?? "").trim();
+      b.el.removeAttribute("contenteditable");
+      const Q = b.el.dataset.lysStyleAvant;
+      if (delete b.el.dataset.lysStyleAvant, Q ? b.el.setAttribute("style", Q) : b.el.removeAttribute("style"), x || B === b.avant) {
+        x && (b.el.textContent = b.avant);
+        return;
+      }
+      const j = u.current.langueCourante();
+      u.current.poser(j, b.ns, b.chemin, B), await c.current(b.ns, b.chemin, j, B);
+    }, w = (x) => {
+      const b = x.target;
+      if (!(b instanceof HTMLElement)) return;
+      if (s.current) {
+        if (s.current.el === b) return;
+        m(!1);
+      }
+      const B = t.current.get(b);
+      if (!B) return;
+      x.preventDefault(), x.stopPropagation();
+      const Q = Math.max(...B.candidats.map(($) => $.rang)), j = B.candidats.filter(($) => $.rang === Q);
+      if (j.length === 1) {
+        p(b, j[0]);
+        return;
+      }
+      f({
+        el: b,
+        candidats: j,
+        x: x.clientX,
+        y: x.clientY
+      });
+    }, E = (x) => {
+      s.current && (x.key === "Escape" ? (x.preventDefault(), m(!0)) : x.key === "Enter" && !x.shiftKey && (x.preventDefault(), m(!1)));
+    }, O = () => {
+      s.current && m(!1);
+    };
+    document.addEventListener("mouseover", D, !0), document.addEventListener("mouseout", C, !0), document.addEventListener("click", w, !0);
+    const Y = (x) => {
+      if (!s.current) return;
+      const b = x.inputType;
+      (b === "insertParagraph" || b === "insertLineBreak") && (x.preventDefault(), m(!1));
+    };
+    return document.addEventListener("beforeinput", Y, !0), document.addEventListener("keydown", E, !0), document.addEventListener("focusout", O, !0), window.__lysChoisir = (x, b) => {
+      f(null), p(b, x);
+    }, () => {
+      A.current = null, clearTimeout(T), S.disconnect(), document.removeEventListener("mouseover", D, !0), document.removeEventListener("mouseout", C, !0), document.removeEventListener("click", w, !0), document.removeEventListener("beforeinput", Y, !0), document.removeEventListener("keydown", E, !0), document.removeEventListener("focusout", O, !0), s.current && m(!0), delete window.__lysChoisir;
+    };
+  }, [e]), R(() => {
+    s.current || A.current?.();
+  }, [o]), a ? /* @__PURE__ */ v(
+    "div",
+    {
+      className: "choix",
+      style: {
+        top: Math.min(a.y + 10, window.innerHeight - 200),
+        left: Math.min(a.x, window.innerWidth - 280)
+      },
+      children: [
+        /* @__PURE__ */ n("p", { className: "choix__titre", children: "Ce texte apparaît à plusieurs endroits." }),
+        /* @__PURE__ */ n("p", { className: "choix__aide", children: "Lequel corrigez-vous ?" }),
+        a.candidats.map((k) => /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "choix__option",
+            onClick: () => window.__lysChoisir?.(k, a.el),
+            children: [
+              /* @__PURE__ */ n("span", { className: "choix__chemin", children: k.chemin }),
+              /* @__PURE__ */ n("span", { className: "choix__ns", children: k.ns })
+            ]
+          },
+          k.ns + ":" + k.chemin
+        )),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: () => f(null),
+            children: "Annuler"
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+const xe = {
+  everyone: "Tout le monde",
+  loggedIn: "Clients connectés",
+  nonMembers: "Non-membres (visiteurs compris)",
+  members: "Tous les membres",
+  plans: "Membres de certains plans"
+}, ve = {
+  everyone: "Tous les visiteurs voient cette section.",
+  loggedIn: "Seuls les clients connectés à leur compte la voient.",
+  nonMembers: "Les visiteurs et les clients sans adhésion active la voient ; les membres non.",
+  members: "Seuls les clients dont l'adhésion est active la voient.",
+  plans: "Seuls les membres actifs des plans cochés la voient."
+};
+function ut({
+  api: r,
+  section: e,
+  apresChangement: o
+}) {
+  const i = e?.audience ?? { mode: "everyone" }, [t, s] = I(i.mode), [a, f] = I(i.mode === "plans" ? i.plans : []), [u, c] = I(null), [h, A] = I(!1), [k, T] = I(null), S = e ? e.UID + JSON.stringify(e.audience ?? null) : "";
+  if (R(() => {
+    const p = e?.audience ?? { mode: "everyone" };
+    s(p.mode), f(p.mode === "plans" ? p.plans : []), T(null);
+  }, [S]), R(() => {
+    let p = !0;
+    return r.optionsAudience().then((m) => p && c(m.plans ?? [])).catch(() => p && c([])), () => {
+      p = !1;
+    };
+  }, [r]), !e?.UID)
+    return /* @__PURE__ */ v("div", { className: "champ", children: [
+      /* @__PURE__ */ n("span", { className: "champ__etiquette", children: "Visible pour" }),
+      /* @__PURE__ */ n("p", { className: "champ__aide", children: "Enregistrez d'abord ce contenu : vous pourrez ensuite choisir qui le voit (membres, clients connectés…)." })
+    ] });
+  const y = t !== i.mode || t === "plans" && JSON.stringify([...a].sort()) !== JSON.stringify(i.mode === "plans" ? [...i.plans].sort() : []), D = async () => {
+    if (t === "plans" && a.length === 0) {
+      T({ ton: "erreur", texte: "Cochez au moins un plan." });
+      return;
+    }
+    A(!0), T(null);
+    try {
+      await r.audience(e.UID, t === "plans" ? { mode: t, plans: a } : { mode: t }), await o(), T({ ton: "ok", texte: "Appliqué. " + ve[t] });
+    } catch {
+      T({ ton: "erreur", texte: "Le changement n'a pas pu être appliqué." });
+    } finally {
+      A(!1);
+    }
+  }, C = u !== null && u.length === 0;
+  return /* @__PURE__ */ v("div", { className: "champ", "data-audience": !0, children: [
+    /* @__PURE__ */ n("label", { className: "champ__etiquette", htmlFor: "lystech-audience", children: "Visible pour" }),
+    /* @__PURE__ */ n(
+      "select",
+      {
+        id: "lystech-audience",
+        value: t,
+        onChange: (p) => s(p.target.value),
+        disabled: h,
+        children: Object.keys(xe).map((p) => /* @__PURE__ */ n("option", { value: p, disabled: p === "plans" && C, children: xe[p] }, p))
+      }
+    ),
+    t === "plans" && /* @__PURE__ */ v("div", { style: { marginTop: 8 }, children: [
+      u === null && /* @__PURE__ */ n("p", { className: "champ__aide", children: "Chargement des plans…" }),
+      u?.map((p) => /* @__PURE__ */ v("label", { style: { display: "flex", gap: 8, alignItems: "center", margin: "4px 0", fontSize: 13 }, children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "checkbox",
+            style: { width: "auto" },
+            checked: a.includes(p.UID),
+            onChange: (m) => f((w) => m.target.checked ? [...w, p.UID] : w.filter((E) => E !== p.UID))
+          }
+        ),
+        p.name ?? "Plan sans nom"
+      ] }, p.UID))
+    ] }),
+    /* @__PURE__ */ v("p", { className: "champ__aide", children: [
+      ve[t],
+      " Le contenu réservé n'est jamais envoyé aux autres visiteurs.",
+      C ? " (Aucun plan d'abonnement dans cette boutique.)" : ""
+    ] }),
+    k && /* @__PURE__ */ n("p", { className: "message message--" + k.ton, children: k.texte }),
+    y && /* @__PURE__ */ n("button", { type: "button", className: "bouton bouton--principal", onClick: D, disabled: h, style: { marginTop: 8 }, children: "Appliquer" })
+  ] });
+}
+const dt = Ce(() => import("./ModuleBoutique-BYBYDBN0.js")), pt = Ce(() => import("./ApercuMobile-RzxSOXyF.js")), K = /^i18n:([^:]+):(.*)$/, le = "commun", ce = "lystech-edit-mode";
+function ye(r, e) {
+  return JSON.stringify(r ?? {}) === JSON.stringify(e ?? {});
+}
+function ft({ api: r, pont: e }) {
+  const [o, i] = I([]), [t, s] = I([]), [a, f] = I(e.page), [u, c] = I(null), [h, A] = I({}), [k, T] = I(!1), [S, y] = I(() => {
+    try {
+      return window.localStorage.getItem(ce) === "circuler" ? "circuler" : "modifier";
+    } catch {
+      return "modifier";
+    }
+  }), D = () => y((l) => {
+    const d = l === "modifier" ? "circuler" : "modifier";
+    try {
+      window.localStorage.setItem(ce, d);
+    } catch {
+    }
+    return d;
+  }), [C, p] = I(!1), [m, w] = I(
+    null
+  ), E = re(() => tt(r.brut), [r]), [O, Y] = I(!1), [x, b] = I(null), [B, Q] = I(!1);
+  R(() => {
+    let l = !0;
+    return E.droits().then((d) => l && Y(d)), () => {
+      l = !1;
+    };
+  }, [E]);
+  const j = W((l) => {
+    b((d) => ({ cible: l, n: (d?.n ?? 0) + 1 })), Q(!1), c(null), T(!1);
+  }, []);
+  R(() => (e.ouvrirBoutique = O ? (l) => (j(l), !0) : void 0, () => {
+    e.ouvrirBoutique = void 0;
+  }), [e, O, j]);
+  const $ = W((l) => {
+    window.dispatchEvent(new CustomEvent(Be, { detail: l }));
+  }, []);
+  R(() => (e.surChangementDePage = (l) => {
+    f(l), c(null), T(!1);
+  }, () => {
+    e.surChangementDePage = void 0;
+  }), [e]);
+  const X = W(async () => {
+    try {
+      const [l, d] = await Promise.all([
+        r.pourPage(a),
+        a === le ? Promise.resolve([]) : r.pourPage(le)
+      ]), g = [...l, ...d];
+      return s(g), g;
+    } catch {
+      return w({
+        ton: "erreur",
+        texte: "Impossible de lire le contenu du site."
+      }), [];
+    }
+  }, [r, a]);
+  R(() => {
+    r.schemas().then(i).catch(() => i([]));
+  }, [r]), R(() => {
+    X();
+  }, [X]);
+  const ne = W(
+    (l, d) => {
+      let g = null, N = -1;
+      for (const M of o) {
+        const L = K.exec(M.blockType);
+        if (!L || L[1] !== l) continue;
+        const _ = L[2];
+        (_ === "" || d === _ || d.startsWith(_ + ".")) && _.length > N && (g = M, N = _.length);
+      }
+      if (!g) return null;
+      const z = K.exec(g.blockType)?.[2] ?? "", P = z ? d.slice(z.length + 1) : d;
+      return { bloc: g, champ: P };
+    },
+    [o]
+  ), Le = W(
+    (l, d) => {
+      const g = ne(l, d);
+      return g ? (g.bloc.pages ?? []).includes(a) ? 2 : 1 : 0;
+    },
+    [ne, a]
+  ), G = W(
+    (l) => o.find((d) => d.blockType === l),
+    [o]
+  ), de = re(
+    () => o.filter((l) => {
+      const d = l.pages ?? [];
+      return d.includes(a) || d.includes(le);
+    }),
+    [o, a]
+  ), q = re(
+    () => t.filter((l) => l.draft && !ye(l.draft, l.data)),
+    [t]
+  );
+  R(() => {
+    if (q.length === 0) return;
+    for (const g of q)
+      K.test(g.blockType) || e.poserApercu(g.blockType, g.draft);
+    const l = q.filter((g) => K.test(g.blockType)), d = e.sourceTexte;
+    l.length && d && import("./sourceTexte-BMPMpNg9.js").then(
+      ({ appliquerAuxTextes: g }) => g(
+        l.map((N) => ({ blockType: N.blockType, data: N.draft })),
+        d
+      )
+    );
+  }, [q, e]);
+  const _e = W(
+    async (l, d, g, N) => {
+      const z = ne(l, d);
+      if (!z) {
+        w({
+          ton: "erreur",
+          texte: `Ce texte (${l}:${d}) n'appartient à aucun bloc déclaré.`
+        });
+        return;
+      }
+      const P = t.find((U) => U.blockType === z.bloc.blockType), M = P?.draft ?? P?.data ?? {}, L = M[z.champ], _ = z.bloc.fields.find((U) => U.key === z.champ), F = (
+        /* `!declare.localized` et non `=== false` : un champ non traduit
+           OMET la cle plutot que de la mettre a faux. Tester l'egalite
+           stricte ne se declenchait donc jamais. */
+        _ && !_.localized ? N : L && typeof L == "object" && !Array.isArray(L) ? { ...L, [g]: N } : { [g]: N }
+      ), H = { ...M, [z.champ]: F };
+      try {
+        if (P?.UID)
+          await r.enregistrerBrouillon(P.UID, H);
+        else {
+          const U = z.bloc.pages?.[0] ?? a;
+          await r.creer(U, z.bloc.blockType, H);
+        }
+        await X(), w(null);
+      } catch {
+        w({
+          ton: "erreur",
+          texte: "Enregistrement impossible. Votre texte est toujours à l'écran."
+        });
+      }
+    },
+    [r, ne, a, X, t]
+  ), De = W(
+    (l, d) => {
+      const g = G(l), N = g?.fields.find((_) => _.key === d);
+      if (!g || !N) return null;
+      const z = t.find((_) => _.blockType === l);
+      let L = {
+        ...e.replis?.[l] ?? {},
+        ...z?.data ?? {},
+        ...z?.draft ?? {}
+      }[d];
+      return N.localized && L && typeof L == "object" && !Array.isArray(L) && (L = L[e.langue]), { libelle: N.label, type: N.type, valeur: L };
+    },
+    [G, t, e]
+  ), ze = W(
+    async (l, d, g) => {
+      const N = G(l), z = N?.fields.find((U) => U.key === d);
+      if (!N || !z) return !1;
+      const P = t.find((U) => U.blockType === l), L = {
+        ...e.replis?.[l] ?? {},
+        ...P?.data ?? {},
+        ...P?.draft ?? {}
+      }, _ = L[d], F = z.localized ? {
+        ..._ && typeof _ == "object" && !Array.isArray(_) ? _ : {},
+        [e.langue]: g
+      } : g, H = { ...L, [d]: F };
+      try {
+        return P?.UID ? await r.enregistrerBrouillon(P.UID, H) : await r.creer(N.pages?.[0] ?? a, l, H), await X(), e.poserApercu(l, H), w(null), !0;
+      } catch {
+        return w({
+          ton: "erreur",
+          texte: "Enregistrement impossible. La valeur en ligne n'a pas changé."
+        }), !1;
+      }
+    },
+    [r, a, e, X, G, t]
+  ), Ie = async () => {
+    if (!q.length) return;
+    p(!0), w(null);
+    const l = q.length;
+    try {
+      for (const d of q) await r.publier(d.UID);
+      await X();
+      for (const d of q) e.poserApercu(d.blockType, null);
+      e.recharger(), w({
+        ton: "ok",
+        texte: l === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${l} modifications publiées.`
+      });
+    } catch {
+      w({
+        ton: "erreur",
+        texte: "La publication a échoué. Rien n'a été mis en ligne."
+      });
+    } finally {
+      p(!1);
+    }
+  }, Oe = async () => {
+    p(!0);
+    try {
+      const l = q.map((g) => g.blockType);
+      for (const g of q) await r.annuler(g.UID);
+      const d = await X();
+      for (const g of l) e.poserApercu(g, null);
+      if (e.sourceTexte) {
+        const { appliquerAuxTextes: g } = await import("./sourceTexte-BMPMpNg9.js");
+        g(
+          d.map((N) => ({ blockType: N.blockType, data: N.data })),
+          e.sourceTexte
+        );
+      }
+      w({
+        ton: "info",
+        texte: "Modifications abandonnées. On est revenu à ce qui est en ligne."
+      });
+    } finally {
+      p(!1);
+    }
+  }, pe = (l) => {
+    const d = t.find((M) => M.blockType === l), g = d?.draft ?? d?.data ?? {}, N = G(l), z = K.exec(l), P = {};
+    if (!z) {
+      const M = e.replis?.[l];
+      M && typeof M == "object" && !Array.isArray(M) && Object.assign(P, M);
+    }
+    if (z && N && e.sourceTexte) {
+      const M = z[1], L = z[2], _ = e.sourceTexte.langues(), F = {};
+      for (const U of _)
+        F[U] = e.sourceTexte.dictionnaire(U)[M] ?? {};
+      const H = e.sourceTexte.langueCourante();
+      for (const U of N.fields) {
+        const oe = L ? L + "." + U.key : U.key;
+        if (!U.localized) {
+          const te = F[H]?.[oe] ?? _.map((J) => F[J]?.[oe]).find((J) => typeof J == "string");
+          typeof te == "string" && (P[U.key] = te);
+          continue;
+        }
+        const ie = {};
+        for (const te of _) {
+          const J = F[te]?.[oe];
+          typeof J == "string" && (ie[te] = J);
+        }
+        Object.keys(ie).length && (P[U.key] = ie);
+      }
+    }
+    for (const [M, L] of Object.entries(g)) {
+      const _ = P[M], F = L && typeof L == "object" && !Array.isArray(L) && _ && typeof _ == "object" && !Array.isArray(_);
+      P[M] = F ? { ..._, ...L } : L;
+    }
+    A(P), c(l), T(!1), w(null);
+  }, Pe = (l, d) => A((g) => ({ ...g, [l]: d })), Me = async () => {
+    if (u) {
+      p(!0);
+      try {
+        const l = t.find((g) => g.blockType === u);
+        if (l?.UID) await r.enregistrerBrouillon(l.UID, h);
+        else {
+          const g = G(u)?.pages?.[0] ?? a;
+          await r.creer(g, u, h);
+        }
+        const d = await X();
+        if (e.sourceTexte) {
+          const { appliquerAuxTextes: g } = await import("./sourceTexte-BMPMpNg9.js");
+          g(
+            d.map((N) => ({ blockType: N.blockType, data: N.draft ?? N.data })),
+            e.sourceTexte
+          );
+        }
+        K.test(u) || e.poserApercu(u, h), w({
+          ton: "ok",
+          texte: "Enregistré. Rien n'a encore changé pour vos visiteurs."
+        });
+      } catch {
+        w({ ton: "erreur", texte: "L'enregistrement a échoué." });
+      } finally {
+        p(!1);
+      }
+    }
+  }, qe = () => {
+    try {
+      window.localStorage.removeItem(ce);
+    } catch {
+    }
+    we();
+  }, Z = u ? G(u) : void 0, ee = !u && !k && !x && !B, Ue = re(
+    () => q.map((l) => ({ blockType: l.blockType, data: l.draft })),
+    [q]
+  );
+  return /* @__PURE__ */ v("div", { className: "calque", children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: "cadre-global" + (S === "circuler" ? " cadre-global--circuler" : ""),
+        "aria-hidden": "true"
+      }
+    ),
+    e.sourceTexte && /* @__PURE__ */ n(
+      ct,
+      {
+        source: e.sourceTexte,
+        actif: ee && !C && S === "modifier",
+        pertinence: Le,
+        surModification: _e
+      }
+    ),
+    /* @__PURE__ */ n(
+      $e,
+      {
+        actif: ee && !C && S === "modifier",
+        lire: De,
+        enregistrer: ze,
+        ouvrirPanneau: pe
+      }
+    ),
+    /* @__PURE__ */ n(
+      it,
+      {
+        actif: O && ee && !C && S === "modifier",
+        ouvrir: j
+      }
+    ),
+    x && /* @__PURE__ */ n(me, { fallback: /* @__PURE__ */ n("div", { className: "panneau", children: /* @__PURE__ */ n("p", { className: "panneau__corps", children: "Chargement de la boutique…" }) }), children: /* @__PURE__ */ n(
+      dt,
+      {
+        api: E,
+        demande: x,
+        signaler: $,
+        surFermer: () => b(null)
+      }
+    ) }),
+    B && /* @__PURE__ */ n(me, { fallback: /* @__PURE__ */ n("div", { className: "apercu", children: /* @__PURE__ */ n("p", { children: "Préparation de l'aperçu…" }) }), children: /* @__PURE__ */ n(pt, { brouillons: Ue, surFermer: () => Q(!1) }) }),
+    ee && /* @__PURE__ */ v("div", { className: "barre", children: [
+      /* @__PURE__ */ n("span", { className: "barre__point" }),
+      /* @__PURE__ */ n("span", { className: "barre__texte", children: S === "modifier" ? "Cliquez un texte pour le corriger" : "Navigation libre — les clics ouvrent les liens" }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton " + (S === "circuler" ? "bouton--principal" : ""),
+          onClick: D,
+          title: S === "modifier" ? "Passer en navigation pour changer de page" : "Revenir a la modification des textes",
+          children: S === "modifier" ? "Circuler" : "Modifier"
+        }
+      ),
+      O && /* @__PURE__ */ v(
+        "button",
+        {
+          type: "button",
+          className: "bouton",
+          onClick: () => j(null),
+          title: "Vos bijoux et vos collections",
+          children: [
+            /* @__PURE__ */ n("span", { "aria-hidden": "true", children: "◇" }),
+            " Boutique"
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--bureau-seul",
+          onClick: () => Q(!0),
+          title: "Voir la page comme sur un téléphone",
+          children: "Mobile"
+        }
+      ),
+      q.length > 0 ? /* @__PURE__ */ v(ue, { children: [
+        /* @__PURE__ */ n("span", { className: "barre__compte", children: q.length === 1 ? "1 texte non publié" : `${q.length} textes non publiés` }),
+        /* @__PURE__ */ v(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--principal",
+            onClick: Ie,
+            disabled: C,
+            "aria-label": `Publier ${q.length} modification${q.length > 1 ? "s" : ""}`,
+            children: [
+              "Publier ",
+              /* @__PURE__ */ n("span", { className: "barre__pastille", children: q.length })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: Oe,
+            disabled: C,
+            children: "Abandonner"
+          }
+        )
+      ] }) : /* @__PURE__ */ n("span", { className: "barre__compte", children: "tout est publié" }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--discret",
+          onClick: () => T(!0),
+          title: "Tous les contenus",
+          "aria-label": "Tous les contenus",
+          children: "⋮"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--sortie",
+          onClick: qe,
+          title: "Quitter le mode édition",
+          "aria-label": "Quitter le mode édition",
+          children: "✕"
+        }
+      )
+    ] }),
+    m && ee && /* @__PURE__ */ n("div", { className: "flottant", children: /* @__PURE__ */ n("p", { className: "message message--" + m.ton, children: m.texte }) }),
+    k && /* @__PURE__ */ v("div", { className: "panneau", role: "dialog", "aria-label": "Tous les contenus", children: [
+      /* @__PURE__ */ v("div", { className: "panneau__tete", children: [
+        /* @__PURE__ */ v("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ n("h2", { className: "panneau__titre", children: "Tous les contenus" }),
+          /* @__PURE__ */ n("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__ */ n(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--icone bouton--discret",
+            onClick: () => T(!1),
+            "aria-label": "Fermer",
+            children: "✕"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ v("div", { className: "panneau__corps", children: [
+        de.length === 0 && /* @__PURE__ */ n("p", { className: "message message--info", children: "Aucun contenu déclaré pour cette page." }),
+        de.map((l) => {
+          const d = t.find((N) => N.blockType === l.blockType), g = d?.draft && !ye(d.draft, d.data);
+          return /* @__PURE__ */ v(
+            "button",
+            {
+              type: "button",
+              className: "rangee",
+              onClick: () => pe(l.blockType),
+              children: [
+                /* @__PURE__ */ n("span", { className: "rangee__nom", children: l.label }),
+                /* @__PURE__ */ n("span", { className: "rangee__info", children: g ? "non publié" : `${l.fields.length} textes` })
+              ]
+            },
+            l.blockType
+          );
+        })
+      ] })
+    ] }),
+    u && Z && /* @__PURE__ */ v(
+      "div",
+      {
+        className: "panneau",
+        role: "dialog",
+        "aria-label": "Modifier " + Z.label,
+        children: [
+          /* @__PURE__ */ v("div", { className: "panneau__tete", children: [
+            /* @__PURE__ */ v("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ n("h2", { className: "panneau__titre", children: Z.label }),
+              Z.description && /* @__PURE__ */ n("p", { className: "panneau__sous", children: Z.description })
+            ] }),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                onClick: () => c(null),
+                "aria-label": "Fermer",
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v("div", { className: "panneau__corps", children: [
+            m && /* @__PURE__ */ n("p", { className: "message message--" + m.ton, children: m.texte }),
+            /* @__PURE__ */ n(
+              ut,
+              {
+                api: r,
+                section: t.find((l) => l.blockType === u) ?? null,
+                apresChangement: async () => {
+                  await X(), e.recharger();
+                }
+              }
+            ),
+            Z.fields.map((l) => /* @__PURE__ */ n(
+              Ee,
+              {
+                champ: l,
+                langue: e.langue,
+                valeur: h[l.key],
+                changer: (d) => Pe(l.key, d)
+              },
+              l.key
+            ))
+          ] }),
+          /* @__PURE__ */ v("div", { className: "panneau__pied", children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--discret",
+                onClick: () => c(null),
+                disabled: C,
+                children: "Fermer"
+              }
+            ),
+            /* @__PURE__ */ n("span", { className: "espace" }),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--principal",
+                onClick: Me,
+                disabled: C,
+                children: "Enregistrer"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const mt = `
+:host {
+  all: initial;
+  --fond: #16181d;
+  --fond-clair: #21242b;
+  --bord: #333844;
+  --texte: #f2f3f5;
+  --texte-doux: #a3a9b6;
+  --accent: #3ba58d;
+  --accent-sombre: #2d8570;
+  --danger: #d9776a;
+  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.45;
+  color: var(--texte);
+}
+
+* { box-sizing: border-box; }
+
+/* LE CALQUE LAISSE PASSER LES CLICS. Un conteneur fixe en plein écran qui
+   intercepte tout rendrait le site inutilisable derrière lui : on ne pourrait
+   plus naviguer, ni même faire défiler correctement. Seuls ses ENFANTS
+   reprennent les clics. */
+.calque {
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 2147483000;
+}
+.calque > * { pointer-events: auto; }
+
+/* ---------------------------------------------------------- CADRES ------ */
+
+.cadre {
+  position: fixed;
+  border: 2px dashed rgba(59, 165, 141, 0.55);
+  border-radius: 6px;
+  pointer-events: none;
+  transition: border-color 120ms ease;
+}
+.cadre--actif { border-color: var(--accent); border-style: solid; }
+
+.pastille {
+  position: fixed;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 10px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--accent);
+  color: #06120e;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.01em;
+  cursor: pointer;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
+}
+.pastille:hover { background: #45bda2; }
+.pastille:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
+
+/* ------------------------------------------------------------ BARRE ----- */
+
+.barre {
+  position: fixed;
+  left: 50%;
+  bottom: 18px;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 9px 14px;
+  border: 1px solid var(--bord);
+  border-radius: 999px;
+  background: var(--fond);
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
+  max-width: calc(100vw - 24px);
+}
+.barre__point {
+  width: 8px; height: 8px; border-radius: 50%;
+  background: var(--accent);
+  flex: none;
+}
+.barre__texte { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.barre__texte b { font-weight: 650; }
+.barre__compte { color: var(--texte-doux); font-size: 12px; white-space: nowrap; }
+
+/* ----------------------------------------------------------- PANNEAU ---- */
+
+.panneau {
+  position: fixed;
+  top: 0; right: 0; bottom: 0;
+  width: min(420px, 100vw);
+  display: flex;
+  flex-direction: column;
+  background: var(--fond);
+  border-left: 1px solid var(--bord);
+  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.4);
+}
+@media (max-width: 520px) {
+  .panneau { top: auto; height: 78vh; border-left: 0; border-top: 1px solid var(--bord); }
+}
+
+.panneau__tete {
+  display: flex; align-items: flex-start; gap: 10px;
+  padding: 16px 16px 12px;
+  border-bottom: 1px solid var(--bord);
+}
+.panneau__titre { font-size: 15px; font-weight: 650; margin: 0; }
+.panneau__sous { margin: 3px 0 0; font-size: 12px; color: var(--texte-doux); }
+.panneau__corps { flex: 1; overflow-y: auto; padding: 14px 16px 18px; }
+.panneau__pied {
+  display: flex; gap: 8px; align-items: center;
+  padding: 12px 16px;
+  border-top: 1px solid var(--bord);
+  background: var(--fond-clair);
+}
+.panneau__pied .espace { flex: 1; }
+
+/* --------------------------------------------------- CONNEXION ---------- */
+
+/* LA CONNEXION EST CLAIRE, AUX COULEURS DE LYSTECH. L'éditeur reste un outil
+   sombre qui s'efface derrière le travail ; la connexion, elle, est l'instant
+   où quelqu'un décide de faire confiance. Il doit y reconnaître Lystech — la
+   fleur, son pétrole et son turquoise, sur du blanc — et non une boîte noire
+   posée sur son site.
+
+   Le thème se redéfinit ICI, sur le voile : les boutons, messages et champs
+   partagés avec l'éditeur suivent ces variables sans une règle de plus, et
+   l'éditeur garde les siennes. Clair quel que soit le thème du système :
+   c'est un choix de marque. */
+.voile {
+  --fond: #ffffff;
+  --fond-clair: #f4f7f8;
+  --bord: #dfe6e9;
+  --texte: #0b1f26;
+  --texte-doux: #52666f;
+  --petrole: #084050;
+  --petrole-survol: #0b5468;
+  --turquoise: #10b8b0;
+  --focus: #0c8f89;
+
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  /* Le voile PREND les clics, lui : une boîte de dialogue qui demande une
+     identité ne doit pas laisser cliquer la page derrière elle. C'est
+     l'exception à la règle du calque, et elle est volontaire. Teinté pétrole
+     plutôt que noir : on assombrit le site sans l'éteindre. */
+  background: rgba(8, 44, 56, 0.34);
+  backdrop-filter: blur(4px) saturate(115%);
+  color: var(--texte);
+}
+
+.fenetre {
+  position: relative;
+  width: min(400px, 100%);
+  max-height: 92vh;
+  overflow-y: auto;
+  padding: 34px 30px 26px;
+  border: 1px solid rgba(8, 64, 80, 0.10);
+  border-radius: 20px;
+  /* La lueur turquoise de la fleur, à peine, en haut de la carte. */
+  background:
+    radial-gradient(90% 60% at 50% -12%, rgba(16, 184, 176, 0.13), transparent 70%),
+    var(--fond);
+  box-shadow:
+    0 1px 2px rgba(8, 64, 80, 0.06),
+    0 28px 64px -18px rgba(8, 44, 56, 0.45);
+  text-align: center;
+}
+
+.fenetre__fermer {
+  position: absolute; top: 14px; right: 14px;
+  width: 32px; height: 32px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: 0; border-radius: 9px;
+  background: transparent; color: var(--texte-doux);
+  font: inherit; font-size: 14px; cursor: pointer;
+}
+.fenetre__fermer:hover { background: var(--fond-clair); color: var(--texte); }
+.fenetre__fermer:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+
+/* ------------------------------------------------------------ MARQUE ---- */
+
+.marque {
+  display: inline-flex; flex-direction: column; align-items: center; gap: 8px;
+  margin-bottom: 18px;
+}
+.marque img {
+  width: 44px; height: 44px; display: block;
+  filter: drop-shadow(0 6px 14px rgba(16, 184, 176, 0.28));
+}
+.marque__mot {
+  font-size: 11.5px; font-weight: 700;
+  letter-spacing: 0.24em; text-transform: uppercase;
+  color: var(--petrole);
+}
+
+.fenetre__titre {
+  margin: 0 0 8px;
+  font-size: 21px; font-weight: 700; letter-spacing: -0.015em;
+  color: var(--texte);
+  text-wrap: balance;
+}
+.fenetre__sous {
+  margin: 0 auto 24px;
+  max-width: 36ch;
+  font-size: 13.5px; line-height: 1.55; color: var(--texte-doux);
+  text-wrap: balance;
+}
+.fenetre__corps { text-align: left; }
+
+/* ------------------------------------------------------ FOURNISSEURS ---- */
+
+.fournisseurs { display: flex; flex-direction: column; gap: 10px; }
+
+.fournisseur {
+  display: flex; align-items: center; justify-content: center; gap: 10px;
+  width: 100%; min-height: 46px; padding: 12px 16px;
+  border: 1px solid transparent; border-radius: 12px;
+  font: inherit; font-size: 14px; font-weight: 600;
+  cursor: pointer;
+  transition: transform 90ms ease, background-color 120ms ease, box-shadow 120ms ease;
+}
+.fournisseur:active { transform: translateY(1px); }
+.fournisseur:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
+.fournisseur[disabled] { opacity: 0.55; cursor: default; transform: 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 reconnaît pas est un bouton sur lequel on
+   hésite à cliquer. */
+.fournisseur--google {
+  background: #fff; color: #1f1f1f; border-color: #dadce0;
+  box-shadow: 0 1px 2px rgba(8, 64, 80, 0.06);
+}
+.fournisseur--google:hover:not([disabled]) { background: #f6f9fa; border-color: #c9d3d8; }
+.fournisseur--facebook { background: #1877f2; color: #fff; }
+.fournisseur--facebook:hover:not([disabled]) { background: #166fe5; }
+
+.bouton--large { width: 100%; padding: 12px 16px; font-size: 14px; }
+
+/* Les boutons et messages PARTAGÉS avec l'éditeur, en version claire. */
+.voile .bouton {
+  min-height: 44px; border-radius: 12px;
+  background: #fff; color: var(--texte); border-color: #cfd9dd;
+}
+.voile .bouton:hover { background: var(--fond-clair); }
+.voile .bouton:focus-visible { outline-color: var(--focus); }
+.voile .bouton--principal { background: var(--petrole); border-color: var(--petrole); color: #fff; }
+.voile .bouton--principal:hover { background: var(--petrole-survol); }
+
+.voile .message { font-size: 13px; line-height: 1.5; border-radius: 10px; }
+.voile .message--erreur { background: #fdf0ee; border-color: #f4c7bf; color: #a3321f; }
+.voile .message--ok { background: #e8f7f5; border-color: #a9e2dc; color: #0a5c57; }
+.voile .message--info { background: var(--fond-clair); border-color: var(--bord); color: #3a5159; }
+
+@media (prefers-reduced-motion: reduce) {
+  .fournisseur { transition: none; }
+}
+
+/* ------------------------------------------------------------ CHAMPS ---- */
+
+.champ { margin-bottom: 16px; }
+.champ__etiquette {
+  display: block; margin-bottom: 5px;
+  font-size: 12px; font-weight: 600; color: var(--texte);
+}
+.champ__aide { margin: 4px 0 0; font-size: 11.5px; color: var(--texte-doux); }
+.champ__langue {
+  display: inline-block; margin: 0 0 4px;
+  font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em;
+  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;
+  border: 1px solid var(--bord);
+  border-radius: 6px;
+  background: var(--fond-clair);
+  color: var(--texte);
+  font: inherit;
+  font-size: 13px;
+}
+textarea { min-height: 92px; resize: vertical; line-height: 1.5; }
+input:focus, select:focus, textarea:focus {
+  outline: none; border-color: var(--accent);
+  box-shadow: 0 0 0 3px rgba(59, 165, 141, 0.18);
+}
+
+.bascule { display: flex; align-items: center; gap: 8px; }
+.bascule input { width: 16px; height: 16px; accent-color: var(--accent); }
+
+.vignette {
+  margin-top: 8px; max-height: 110px; border-radius: 6px;
+  border: 1px solid var(--bord); display: block;
+}
+
+/* --------------------------------------------------------- LISTES ------- */
+
+.liste__item {
+  border: 1px solid var(--bord); border-radius: 8px;
+  padding: 12px; margin-bottom: 10px; background: var(--fond-clair);
+}
+.liste__tete {
+  display: flex; align-items: center; justify-content: space-between;
+  margin-bottom: 8px;
+}
+.liste__rang { font-size: 11px; font-weight: 700; color: var(--texte-doux); }
+
+/* --------------------------------------------------------- BOUTONS ------ */
+
+.bouton {
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+  padding: 8px 14px; border-radius: 7px; border: 1px solid transparent;
+  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
+  background: var(--fond-clair); color: var(--texte); border-color: var(--bord);
+}
+.bouton:hover { background: #2a2e37; }
+.bouton:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.bouton--principal { background: var(--accent); border-color: var(--accent); color: #06120e; }
+.bouton--principal:hover { background: #45bda2; }
+.bouton--discret { background: transparent; border-color: transparent; color: var(--texte-doux); }
+.bouton--discret:hover { background: var(--fond-clair); color: var(--texte); }
+.bouton[disabled] { opacity: 0.5; cursor: default; }
+.bouton--icone { padding: 6px 9px; }
+
+.message {
+  margin: 0 0 12px; padding: 9px 11px; border-radius: 7px;
+  font-size: 12.5px; border: 1px solid;
+}
+.message--erreur { background: rgba(217, 119, 106, 0.12); border-color: rgba(217, 119, 106, 0.4); color: #f0b3a9; }
+.message--ok { background: rgba(59, 165, 141, 0.12); border-color: rgba(59, 165, 141, 0.4); color: #8fd9c6; }
+.message--info { background: var(--fond-clair); border-color: var(--bord); color: var(--texte-doux); }
+
+@media (prefers-reduced-motion: reduce) {
+  * { transition: none !important; animation: none !important; }
+}
+`, bt = `
+/* --------------------------------------------------------- SAISIE ------- */
+
+/* Une valeur marquée par le site (un prix, un numéro) se corrige dans une
+   saisie posée EXACTEMENT dessus, dans la police de la page : on écrit là où
+   on lisait. Le libellé au-dessus dit quel champ on touche — « Séance
+   d'acupuncture », pas « seance ». */
+.saisie {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+.saisie__libelle,
+.saisie__aide,
+.saisie__erreur {
+  padding: 3px 8px;
+  border-radius: 6px;
+  font: 600 11px/1.35 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  white-space: nowrap;
+}
+.saisie__libelle { background: var(--fond); color: var(--texte); }
+.saisie__aide { background: rgba(22, 24, 29, 0.82); color: var(--texte-doux); font-weight: 500; }
+.saisie__erreur { background: #b3261e; color: #fff; }
+.saisie__champ {
+  min-width: 0;
+  padding: 2px 8px;
+  border: 2px solid var(--accent);
+  border-radius: 6px;
+  background: #fff;
+  color: #111;
+  line-height: 1.2;
+  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
+  outline: none;
+}
+.saisie__champ:focus { box-shadow: 0 0 0 3px rgba(59, 165, 141, 0.35), 0 10px 28px rgba(0, 0, 0, 0.28); }
+.saisie__champ:disabled { opacity: 0.7; }
+
+/* --------------------------------------------------------- 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); }
+`, ht = `
+/* 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;
+}
+
+/* EN MODE CIRCULER, le cadre change d'allure. On est toujours connecte — le
+   dire reste necessaire — mais les clics rendent la main aux liens, et rien
+   ne serait plus desagreable que de croire qu'on edite alors qu'on navigue,
+   ou l'inverse. Trait interrompu et plus efface : present, mais en retrait. */
+.cadre-global--circuler {
+  border-style: dashed;
+  border-color: var(--texte-doux);
+  opacity: 0.5;
+}
+
+/* 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); }
+
+.barre__pastille {
+  display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 999px;
+  background: rgba(6, 18, 14, 0.25); font-size: 11px; line-height: 18px; text-align: center;
+}
+
+/* LA BARRE AU TÉLÉPHONE. Une pilule de 600 px ne tient pas dans 390 : elle
+   devient une bande pleine largeur, en bas, et chaque bouton fait au moins
+   44 px — la taille d'un doigt, pas d'un pointeur. On tait ce qui se lit
+   ailleurs (la phrase d'aide, le compte, que la pastille du bouton Publier
+   porte déjà). L'aperçu mobile n'a pas de sens sur un téléphone. */
+@media (max-width: 640px) {
+  .barre {
+    left: 8px; right: 8px; bottom: 8px; transform: none;
+    max-width: none; gap: 6px; padding: 6px;
+    border-radius: 18px; justify-content: space-between;
+    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
+  }
+  .barre .bouton { min-height: 44px; padding: 8px 12px; }
+  .barre .bouton--icone { min-width: 44px; }
+  .barre__texte, .barre__compte, .barre__point, .bouton--bureau-seul { display: none; }
+  .flottant { bottom: 84px; }
+}
+
+/* ------------------------------------------------ BOUTIQUE SUR LA PAGE --- */
+
+/* LE CRAYON d'une carte produit : rond, sombre, 44 px — visible sur toutes
+   les photos, claires comme foncées. */
+.crayon {
+  position: fixed; width: 44px; height: 44px; border-radius: 50%; border: 0;
+  display: grid; place-items: center; cursor: pointer;
+  background: var(--fond); color: #fff;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
+}
+.crayon svg { width: 18px; height: 18px; }
+.crayon:hover, .crayon:focus-visible { background: var(--accent); color: #06120e; outline: 2px solid #fff; outline-offset: 2px; }
+
+/* LA TUILE « + AJOUTER » : là où irait le prochain bijou. */
+.tuile-ajout {
+  position: fixed; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
+  border: 2px dashed var(--accent); border-radius: 14px; cursor: pointer;
+  background: rgba(240, 250, 247, 0.92); color: #1f6f5d;
+  font: 650 13px/1.3 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+}
+.tuile-ajout b { font-size: 32px; font-weight: 400; line-height: 1; }
+.tuile-ajout:hover, .tuile-ajout:focus-visible { background: rgba(220, 244, 237, 0.97); outline: 2px solid var(--accent); outline-offset: 2px; }
+
+/* --------------------------------------------------- APERÇU MOBILE ------ */
+.apercu {
+  position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
+  background: rgba(16, 18, 22, 0.82); backdrop-filter: blur(3px);
+}
+.apercu__barre {
+  display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 14px;
+  background: var(--fond); border: 1px solid var(--bord); border-radius: 999px; font-size: 12.5px;
+}
+.apercu__tel { padding: 12px; border-radius: 44px; background: #0b0c0f; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55); }
+.apercu__tel iframe { display: block; border: 0; border-radius: 32px; background: #fff; }
+`, gt = "lystech-editeur-hote", xt = "lystech-connexion-hote";
+function Se(r) {
+  document.getElementById(r)?.remove();
+  const e = document.createElement("div");
+  e.id = r, e.style.position = "relative", e.style.zIndex = "2147483000", document.body.appendChild(e);
+  const o = e.attachShadow({ mode: "open" }), i = document.createElement("style");
+  i.textContent = mt + bt + ht, o.appendChild(i);
+  const t = document.createElement("div");
+  return o.appendChild(t), { hote: e, point: t };
+}
+function Te(r, e) {
+  let o = r;
+  return () => {
+    const i = o;
+    o = null, setTimeout(() => {
+      i?.unmount(), e.remove();
+    }, 0);
+  };
+}
+function Ct({
+  site: r,
+  apiBaseUrl: e,
+  methodes: o,
+  surJeton: i
+}) {
+  const { hote: t, point: s } = Se(xt), a = Ae(s), f = () => u();
+  a.render(
+    /* @__PURE__ */ n(
+      Xe,
+      {
+        site: r,
+        apiBaseUrl: e,
+        ...o ? { methodes: o } : {},
+        surJeton: (c) => {
+          u(), i(c);
+        },
+        surFermer: f
+      }
+    )
+  );
+  const u = Te(a, t);
+  return u;
+}
+function Et({
+  jeton: r,
+  site: e,
+  apiBaseUrl: o,
+  pont: i
+}) {
+  const { hote: t, point: s } = Se(gt), a = Ae(s);
+  return a.render(
+    /* @__PURE__ */ n(
+      ft,
+      {
+        api: je({
+          jeton: r,
+          site: e,
+          apiBaseUrl: o,
+          surJetonRefuse: we
+        }),
+        pont: i
+      }
+    )
+  ), Te(a, t);
+}
+export {
+  ge as E,
+  Ct as a,
+  Et as b,
+  wt as m
+};