@lystech/sections 0.8.0 → 0.9.0

package/dist/morceaux/index-C_uFDnBO.js

@@ -0,0 +1,2217 @@
+import { jsx as t, jsxs as x, Fragment as Ie } from "react/jsx-runtime";
+import { createRoot as qe } from "react-dom/client";
+import { C as ye, A as ve, a as pe, b as Je, E as Ke, s as Pe } from "./constantes-BAdpe1ss.js";
+import { useState as P, useRef as Y, useEffect as X, memo as $e, useMemo as ce, useCallback as V, Suspense as ke, lazy as Me } from "react";
+function et({
+  jeton: o,
+  site: e,
+  apiBaseUrl: r,
+  surJetonRefuse: a
+}) {
+  const i = {
+    "Content-Type": "application/json",
+    Authorization: "Bearer " + o
+  };
+  function n(u, v) {
+    if (v && (u.status === 401 || u.status === 403) && a(), !u.ok) throw new Error(String(u.status));
+  }
+  async function s(u, v = !0) {
+    const w = await fetch(r + u, {
+      headers: v ? i : void 0
+    });
+    return n(w, v), await w.json();
+  }
+  async function p(u, v, w) {
+    const d = await fetch(r + u, {
+      method: v,
+      headers: i,
+      body: w === void 0 ? void 0 : JSON.stringify(w)
+    });
+    return n(d, !0), await d.json();
+  }
+  async function c(u, v = {}) {
+    const w = new Headers(v.headers);
+    w.set("Authorization", "Bearer " + o), typeof v.body == "string" && !w.has("Content-Type") && w.set("Content-Type", "application/json");
+    const d = await fetch(r + u, { ...v, headers: w });
+    return d.status === 401 && a(), d;
+  }
+  return {
+    brut: c,
+    /** Les blocs que le site a déclaré savoir afficher. Route publique. */
+    schemas: () => s("/site-sections/public/" + encodeURIComponent(e) + "/schemas", !1),
+    /** Ce qui existe sur une page, brouillons compris. */
+    pourPage: (u) => s("/site-sections?page=" + encodeURIComponent(u)),
+    creer: (u, v, w) => p("/site-sections", "POST", { page: u, blockType: v, draft: w }),
+    enregistrerBrouillon: (u, v) => p("/site-sections/" + u + "/draft", "PUT", { draft: v }),
+    publier: (u) => p("/site-sections/" + u + "/publish", "POST"),
+    /** Ramène le brouillon à ce qui est en ligne. */
+    annuler: (u) => p("/site-sections/" + u + "/revert", "POST"),
+    /** Qui peut voir la section. S'applique TOUT DE SUITE (pas de brouillon). */
+    audience: (u, v) => p("/site-sections/" + u + "/audience", "POST", { audience: v }),
+    /** Les plans d'abonnement de la boutique, pour « Visible pour : plans… ». */
+    optionsAudience: () => s("/site-sections/audience-options")
+  };
+}
+const tt = "data:image/png;base64,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", nt = {
+  apiKey: "AIzaSyCpAeHlt1wZvM5KtYg7X7MDVnWVJT86gvc",
+  authDomain: "lystech.firebaseapp.com",
+  projectId: "lystech",
+  storageBucket: "lystech.appspot.com",
+  messagingSenderId: "237347321732",
+  appId: "1:237347321732:web:7f9586d48e488d73ddcfd1"
+};
+function ot() {
+  return /* @__PURE__ */ x("span", { className: "marque", children: [
+    /* @__PURE__ */ t("img", { src: tt, alt: "", width: 22, height: 22 }),
+    /* @__PURE__ */ t("span", { className: "marque__mot", children: "Lystech" })
+  ] });
+}
+function rt() {
+  return /* @__PURE__ */ x("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", focusable: "false", className: "logo", children: [
+    /* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("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 st() {
+  return /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", className: "logo", children: /* @__PURE__ */ t(
+    "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 it({
+  site: o,
+  apiBaseUrl: e,
+  methodes: r = ["google", "facebook"],
+  surJeton: a,
+  surFermer: i
+}) {
+  const [n, s] = P({ nom: "repos" }), p = (w) => {
+    switch (w) {
+      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.";
+    }
+  }, c = async (w, d = !1) => {
+    const S = await fetch(e + "/site-sections/edit-login/third-party", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        site: o,
+        token: w,
+        tokenType: "firebase",
+        demanderAcces: d
+      })
+    });
+    if (S.status === 429) {
+      s({
+        nom: "erreur",
+        texte: "Trop de tentatives. Réessayez dans quelques minutes."
+      });
+      return;
+    }
+    const C = await S.json().catch(() => null);
+    if (C?.ok && C?.token) {
+      a(C.token);
+      return;
+    }
+    switch (C?.raison) {
+      case "sans_acces":
+        s({ nom: "sans-acces", jeton: w });
+        return;
+      case "demande_envoyee":
+        s({ nom: "demande-envoyee" });
+        return;
+      case "trop_de_demandes":
+        s({
+          nom: "erreur",
+          texte: "Trop de demandes aujourd'hui. Réessayez demain."
+        });
+        return;
+      case "aucun_compte":
+        s({ nom: "aucun-compte", adresse: "" });
+        return;
+      case "adresse_non_verifiee":
+        s({
+          nom: "erreur",
+          texte: "Votre fournisseur n'a pas confirmé cette adresse courriel. Vérifiez-la chez lui, puis réessayez."
+        });
+        return;
+      default:
+        s({
+          nom: "erreur",
+          texte: "La connexion a échoué. Réessayez dans un instant."
+        });
+    }
+  }, u = async (w) => {
+    s({ nom: "envoi", quoi: w });
+    try {
+      const [{ initializeApp: d, getApps: S }, C] = await Promise.all([
+        import("./index.esm-B4AB50RA.js"),
+        import("./index.esm-B4hL1FOE.js")
+      ]), A = S().find((y) => y.name === "lystech-edition") ?? d(nt, "lystech-edition"), M = w === "google" ? new C.GoogleAuthProvider() : new C.FacebookAuthProvider(), g = await (await C.signInWithPopup(C.getAuth(A), M)).user.getIdToken();
+      await c(g);
+    } catch (d) {
+      s({ nom: "erreur", texte: p(String(d?.code ?? "")) });
+    }
+  }, v = n.nom === "envoi";
+  return /* @__PURE__ */ t("div", { className: "voile", role: "dialog", "aria-modal": "true", "aria-label": "Modifier ce site", children: /* @__PURE__ */ x("div", { className: "fenetre", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "fenetre__fermer",
+        onClick: i,
+        "aria-label": "Fermer",
+        children: "✕"
+      }
+    ),
+    /* @__PURE__ */ x("div", { className: "fenetre__tete", children: [
+      /* @__PURE__ */ t(ot, {}),
+      /* @__PURE__ */ t("h2", { className: "fenetre__titre", children: "Modifier ce site" }),
+      /* @__PURE__ */ t("p", { className: "fenetre__sous", children: "Vous vous connectez à Lystech. Cet accès ne sert qu'à modifier le contenu de ce site." })
+    ] }),
+    /* @__PURE__ */ x("div", { className: "fenetre__corps", children: [
+      n.nom === "erreur" && /* @__PURE__ */ t("p", { className: "message message--erreur", children: n.texte }),
+      n.nom === "aucun-compte" && /* @__PURE__ */ t("p", { className: "message message--info", children: "Aucun compte Lystech ne correspond à cette adresse. Adressez-vous à la personne responsable du site." }),
+      n.nom === "sans-acces" && /* @__PURE__ */ t("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." }),
+      n.nom === "demande-envoyee" && /* @__PURE__ */ t("p", { className: "message message--ok", children: "Demande envoyée. La personne responsable du site vous répondra." }),
+      n.nom === "sans-acces" ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--principal bouton--large",
+          onClick: () => {
+            c(n.jeton, !0);
+          },
+          children: "Demander l'accès"
+        }
+      ) : n.nom === "demande-envoyee" || n.nom === "aucun-compte" ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--large",
+          onClick: i,
+          children: "Fermer"
+        }
+      ) : /* @__PURE__ */ x("div", { className: "fournisseurs", children: [
+        r.includes("google") && /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--google",
+            disabled: v,
+            onClick: () => {
+              u("google");
+            },
+            children: [
+              /* @__PURE__ */ t(rt, {}),
+              /* @__PURE__ */ t("span", { children: n.nom === "envoi" && n.quoi === "google" ? "Connexion…" : "Continuer avec Google" })
+            ]
+          }
+        ),
+        r.includes("facebook") && /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "fournisseur fournisseur--facebook",
+            disabled: v,
+            onClick: () => {
+              u("facebook");
+            },
+            children: [
+              /* @__PURE__ */ t(st, {}),
+              /* @__PURE__ */ t("span", { children: n.nom === "envoi" && n.quoi === "facebook" ? "Connexion…" : "Continuer avec Facebook" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function at(o, e) {
+  const r = o && typeof o == "object" && !Array.isArray(o) ? Object.keys(o).filter((i) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(i)) : [], a = e.slice(0, 2);
+  return Array.from(/* @__PURE__ */ new Set([a, ...r]));
+}
+function lt(o) {
+  switch (o.type) {
+    case "number":
+      return 0;
+    case "boolean":
+      return !1;
+    case "list":
+      return [];
+    default:
+      return "";
+  }
+}
+function Ee({ champ: o, valeur: e, changer: r }) {
+  switch (o.type) {
+    case "richText":
+      return /* @__PURE__ */ t(
+        "textarea",
+        {
+          value: String(e ?? ""),
+          onChange: (a) => r(a.target.value)
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ t(
+        "input",
+        {
+          type: "number",
+          value: e === "" || e == null ? "" : String(e),
+          onChange: (a) => r(a.target.value === "" ? "" : Number(a.target.value))
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ x("label", { className: "bascule", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            checked: e === !0,
+            onChange: (a) => r(a.target.checked)
+          }
+        ),
+        /* @__PURE__ */ t("span", { children: e === !0 ? "Oui" : "Non" })
+      ] });
+    case "date":
+      return /* @__PURE__ */ t(
+        "input",
+        {
+          type: "date",
+          value: String(e ?? "").slice(0, 10),
+          onChange: (a) => r(a.target.value)
+        }
+      );
+    case "choice":
+      return /* @__PURE__ */ x(
+        "select",
+        {
+          value: String(e ?? ""),
+          onChange: (a) => r(a.target.value),
+          children: [
+            /* @__PURE__ */ t("option", { value: "", children: "—" }),
+            (o.options ?? []).map((a) => /* @__PURE__ */ t("option", { value: a, children: a }, a))
+          ]
+        }
+      );
+    case "url":
+      return /* @__PURE__ */ t(
+        "input",
+        {
+          type: "url",
+          value: String(e ?? ""),
+          onChange: (a) => r(a.target.value),
+          placeholder: "https://"
+        }
+      );
+    case "image":
+      return /* @__PURE__ */ x(Ie, { children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "url",
+            value: String(e ?? ""),
+            onChange: (a) => r(a.target.value),
+            placeholder: "https://…"
+          }
+        ),
+        String(e ?? "").startsWith("http") && /* @__PURE__ */ t("img", { className: "vignette", src: String(e), alt: "" })
+      ] });
+    default:
+      return /* @__PURE__ */ t(
+        "input",
+        {
+          type: "text",
+          value: String(e ?? ""),
+          onChange: (a) => r(a.target.value)
+        }
+      );
+  }
+}
+function ze({ champ: o, valeur: e, changer: r, langue: a }) {
+  if (o.type === "list") {
+    const i = Array.isArray(e) ? e : [], n = o.of ?? [], s = (p, c, u) => {
+      const v = i.map((w, d) => d === p ? { ...w, [c]: u } : w);
+      r(v);
+    };
+    return /* @__PURE__ */ x("div", { className: "champ", children: [
+      /* @__PURE__ */ t("span", { className: "champ__etiquette", children: o.label }),
+      o.help && /* @__PURE__ */ t("p", { className: "champ__aide", children: o.help }),
+      i.map((p, c) => /* @__PURE__ */ x("div", { className: "liste__item", children: [
+        /* @__PURE__ */ x("div", { className: "liste__tete", children: [
+          /* @__PURE__ */ t("span", { className: "liste__rang", children: c + 1 }),
+          /* @__PURE__ */ x("span", { style: { display: "flex", gap: 4 }, children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Monter",
+                disabled: c === 0,
+                onClick: () => {
+                  const u = [...i];
+                  [u[c - 1], u[c]] = [u[c], u[c - 1]], r(u);
+                },
+                children: "↑"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Descendre",
+                disabled: c === i.length - 1,
+                onClick: () => {
+                  const u = [...i];
+                  [u[c], u[c + 1]] = [u[c + 1], u[c]], r(u);
+                },
+                children: "↓"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                title: "Retirer",
+                onClick: () => r(i.filter((u, v) => v !== c)),
+                children: "✕"
+              }
+            )
+          ] })
+        ] }),
+        n.map((u) => /* @__PURE__ */ t(
+          ze,
+          {
+            champ: u,
+            langue: a,
+            valeur: p?.[u.key],
+            changer: (v) => s(c, u.key, v)
+          },
+          u.key
+        ))
+      ] }, c)),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton",
+          onClick: () => r([
+            ...i,
+            Object.fromEntries(n.map((p) => [p.key, lt(p)]))
+          ]),
+          children: "+ Ajouter"
+        }
+      )
+    ] });
+  }
+  if (o.localized) {
+    const i = at(e, a), n = e && typeof e == "object" && !Array.isArray(e) ? e : {};
+    return /* @__PURE__ */ x("div", { className: "champ", children: [
+      /* @__PURE__ */ t("span", { className: "champ__etiquette", children: o.label }),
+      o.help && /* @__PURE__ */ t("p", { className: "champ__aide", children: o.help }),
+      i.map((s) => /* @__PURE__ */ x("div", { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ t("span", { className: "champ__langue", children: s }),
+        /* @__PURE__ */ t(
+          Ee,
+          {
+            champ: o,
+            valeur: n[s],
+            changer: (p) => r({ ...n, [s]: p })
+          }
+        )
+      ] }, s))
+    ] });
+  }
+  return /* @__PURE__ */ x("div", { className: "champ", children: [
+    /* @__PURE__ */ t("label", { className: "champ__etiquette", children: o.label }),
+    /* @__PURE__ */ t(Ee, { champ: o, valeur: e, changer: r }),
+    o.help && /* @__PURE__ */ t("p", { className: "champ__aide", children: o.help })
+  ] });
+}
+const Be = "data-lystech-champ", ct = ["lystech-editeur-hote", "lystech-connexion-hote"], ut = ["number", "text", "url", "date"], dt = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;";
+function fe(o) {
+  if (!(o instanceof Element)) return null;
+  const e = o.closest(`[${Be}]`);
+  return !e || e.closest("." + ye) || ct.some((r) => e.closest("#" + r)) ? null : e;
+}
+function Ne(o) {
+  const e = o.getAttribute(Be) ?? "", r = e.lastIndexOf(":");
+  return r <= 0 || r === e.length - 1 ? null : { blockType: e.slice(0, r), champ: e.slice(r + 1) };
+}
+function me(o) {
+  const e = o.dataset.lysStyleAvant;
+  e !== void 0 && (delete o.dataset.lysStyleAvant, e ? o.setAttribute("style", e) : o.removeAttribute("style"));
+}
+function pt(o, e) {
+  if (o === "number") {
+    const r = e.replace(/\s/g, "").replace(",", "."), a = Number(r);
+    return r === "" || !Number.isFinite(a) ? { ok: !1, erreur: "Un nombre, en chiffres — par exemple 85 ou 85,50." } : { ok: !0, valeur: a };
+  }
+  return { ok: !0, valeur: e.trim() };
+}
+function ft({
+  actif: o,
+  lire: e,
+  enregistrer: r,
+  ouvrirPanneau: a
+}) {
+  const [i, n] = P(null), s = Y(null), p = Y(1), c = Y(null), u = Y(null), v = Y({ lire: e, enregistrer: r, ouvrirPanneau: a });
+  v.current = { lire: e, enregistrer: r, ouvrirPanneau: a }, X(() => {
+    if (!o) {
+      n(null);
+      return;
+    }
+    const A = /* @__PURE__ */ new Set(), M = (k) => {
+      const E = fe(k.target);
+      if (!E) return;
+      const O = Ne(E);
+      !O || !v.current.lire(O.blockType, O.champ) || (E.dataset.lysStyleAvant === void 0 && (E.dataset.lysStyleAvant = E.getAttribute("style") ?? ""), E.setAttribute("style", E.dataset.lysStyleAvant + dt), A.add(E));
+    }, L = (k) => {
+      const E = fe(k.target);
+      if (!E) return;
+      const O = k.relatedTarget;
+      O instanceof Node && E.contains(O) || (me(E), A.delete(E));
+    }, g = (k) => {
+      const E = fe(k.target);
+      if (!E) return;
+      const O = Ne(E);
+      if (!O) return;
+      const U = v.current.lire(O.blockType, O.champ);
+      if (!U) return;
+      if (k.preventDefault(), k.stopPropagation(), me(E), A.delete(E), !ut.includes(U.type)) {
+        v.current.ouvrirPanneau(O.blockType);
+        return;
+      }
+      const m = getComputedStyle(E);
+      n({
+        jeton: p.current++,
+        ...O,
+        info: U,
+        el: E,
+        rect: E.getBoundingClientRect(),
+        police: {
+          fontFamily: m.fontFamily,
+          fontSize: m.fontSize,
+          fontWeight: m.fontWeight,
+          letterSpacing: m.letterSpacing
+        },
+        texte: U.valeur == null ? "" : String(U.valeur),
+        erreur: null,
+        envoi: !1
+      });
+    }, y = () => n((k) => k && { ...k, rect: k.el.getBoundingClientRect() });
+    return document.addEventListener("mouseover", M, !0), document.addEventListener("mouseout", L, !0), document.addEventListener("click", g, !0), window.addEventListener("scroll", y, { capture: !0, passive: !0 }), window.addEventListener("resize", y), () => {
+      document.removeEventListener("mouseover", M, !0), document.removeEventListener("mouseout", L, !0), document.removeEventListener("click", g, !0), window.removeEventListener("scroll", y, { capture: !0 }), window.removeEventListener("resize", y);
+      for (const k of A) me(k);
+    };
+  }, [o]);
+  const w = i?.jeton;
+  if (X(() => {
+    w != null && (s.current?.focus(), s.current?.select());
+  }, [w]), !i) return null;
+  const d = (A) => n((M) => M && M.jeton === A ? null : M);
+  async function S(A) {
+    if (c.current === A.jeton || u.current === A.jeton) return;
+    const M = A.info.valeur == null ? "" : String(A.info.valeur);
+    if (A.texte.trim() === M.trim()) {
+      d(A.jeton);
+      return;
+    }
+    const L = pt(A.info.type, A.texte);
+    if (!L.ok) {
+      n((y) => y && y.jeton === A.jeton ? { ...y, erreur: L.erreur } : y);
+      return;
+    }
+    n((y) => y && y.jeton === A.jeton ? { ...y, envoi: !0, erreur: null } : y), c.current = A.jeton;
+    let g = !1;
+    try {
+      g = await v.current.enregistrer(A.blockType, A.champ, L.valeur);
+    } finally {
+      c.current = null;
+    }
+    g ? d(A.jeton) : n(
+      (y) => y && y.jeton === A.jeton ? { ...y, envoi: !1, erreur: "Enregistrement impossible — la valeur en ligne n'a pas changé." } : y
+    );
+  }
+  const C = Math.max(i.rect.width + 40, 110);
+  return /* @__PURE__ */ x(
+    "form",
+    {
+      className: "saisie",
+      style: { top: i.rect.top - 28, left: i.rect.left - 8 },
+      onSubmit: (A) => {
+        A.preventDefault(), S(i);
+      },
+      children: [
+        /* @__PURE__ */ t("span", { className: "saisie__libelle", children: i.info.libelle }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: s,
+            className: "saisie__champ",
+            style: { ...i.police, width: C },
+            value: i.texte,
+            inputMode: i.info.type === "number" ? "decimal" : void 0,
+            disabled: i.envoi,
+            "aria-label": i.info.libelle,
+            onChange: (A) => {
+              const M = A.target.value;
+              n((L) => L && { ...L, texte: M, erreur: null });
+            },
+            onKeyDown: (A) => {
+              if (A.key === "Enter") {
+                A.preventDefault(), S(i);
+                return;
+              }
+              A.key === "Escape" && (A.preventDefault(), u.current = i.jeton, d(i.jeton));
+            },
+            onBlur: () => {
+              S(i);
+            }
+          }
+        ),
+        i.erreur ? /* @__PURE__ */ t("span", { className: "saisie__erreur", children: i.erreur }) : /* @__PURE__ */ t("span", { className: "saisie__aide", children: "Entrée pour enregistrer · Échap pour annuler" })
+      ]
+    }
+  );
+}
+const jt = (o) => !!o && o.startsWith("brl_");
+class Se extends Error {
+  constructor(e, r, a = {}, i = null) {
+    super(e), this.statut = r, this.erreurs = a, this.raison = i;
+  }
+}
+const mt = "/site-sections/boutique";
+function bt(o) {
+  async function e(n, s = {}) {
+    let p;
+    try {
+      p = await o(mt + n, s);
+    } catch {
+      throw new Se("Pas de connexion au serveur. Vérifiez Internet et réessayez.", 0);
+    }
+    let c = null;
+    try {
+      c = await p.json();
+    } catch {
+      c = null;
+    }
+    if (!p.ok) {
+      const u = c?.error ?? (p.status === 403 ? "La boutique se gère par un administrateur de l'organisation." : p.status === 413 ? "Envoi trop volumineux." : "L'opération a échoué. Réessayez.");
+      throw new Se(u, p.status, c?.erreurs ?? {}, c?.raison ?? null);
+    }
+    return c;
+  }
+  const r = (n, s) => ({
+    method: n,
+    body: JSON.stringify(s)
+  }), a = (n) => "/produits/" + encodeURIComponent(n), i = (n) => "/brouillons/" + encodeURIComponent(n);
+  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: (n) => e(a(n)),
+    creer: (n) => e("/produits", r("POST", n)),
+    modifier: (n, s) => e(a(n), r("PATCH", s)),
+    visible: (n, s) => e(a(n) + "/visible", r("POST", { visible: s })),
+    supprimer: (n) => e(a(n), r("DELETE", { confirmer: !0 })),
+    ajouterPhoto: (n, s, p) => {
+      const c = new FormData();
+      return c.set("photo", s, p), e(a(n) + "/photos", { method: "POST", body: c });
+    },
+    principale: (n, s) => e(a(n) + "/photos/" + encodeURIComponent(s) + "/principale", r("POST", {})),
+    retirerPhoto: (n, s) => e(a(n) + "/photos/" + encodeURIComponent(s), r("DELETE", {})),
+    collections: () => e("/collections"),
+    creerCollection: (n) => e("/collections", r("POST", { nom: n })),
+    modifierCollection: (n, s) => e("/collections/" + encodeURIComponent(n), r("PATCH", s)),
+    garnirCollection: (n, s, p) => e("/collections/" + encodeURIComponent(n) + "/produits", r("POST", { ajouter: s, retirer: p })),
+    /* ------------------------------------------------------ brouillons --- */
+    brouillons: () => e("/brouillons"),
+    /** `cle` : la même clé deux fois (double clic, réseau qui rejoue) ne crée qu'un brouillon. */
+    creerBrouillon: (n, s, p) => e("/brouillons", r("POST", { type: n, donnees: s, cle: p })),
+    modifierBrouillon: (n, s) => e(i(n), r("PATCH", { donnees: s })),
+    supprimerBrouillon: (n) => e(i(n), r("DELETE", { confirmer: !0 })),
+    photoBrouillon: (n, s, p) => {
+      const c = new FormData();
+      return c.set("photo", s, p), e(i(n) + "/photos", { method: "POST", body: c });
+    },
+    principaleBrouillon: (n, s) => e(i(n) + "/photos/" + encodeURIComponent(s) + "/principale", r("POST", {})),
+    retirerPhotoBrouillon: (n, s) => e(i(n) + "/photos/" + encodeURIComponent(s), r("DELETE", {})),
+    /** Publier : chaque élément pour lui-même, un échec n'annule pas les autres. */
+    publier: (n, s) => e("/brouillons/publier", r("POST", { UIDs: n, ouvrir: s }))
+  };
+}
+function Rt(o) {
+  return new Intl.NumberFormat("fr-CA", { style: "currency", currency: "CAD" }).format(o);
+}
+const Ue = ["lystech-editeur-hote", "lystech-connexion-hote"], ht = "data-lystech-ajout";
+function be(o) {
+  return ((o.innerText || "").split(`
+`).map((r) => r.trim()).find((r) => r && !/^\d/.test(r) && r.length > 2) ?? "").slice(0, 60);
+}
+const Te = (o) => o.getClientRects().length > 0, he = (o) => Ue.some((e) => o.closest("#" + e));
+function gt(o) {
+  const e = /* @__PURE__ */ new Map();
+  for (const i of o) {
+    let n = i, s = i.parentElement;
+    for (; s && s !== document.body && !(s.querySelectorAll(`[${ve}]`).length > 1); )
+      n = s, s = s.parentElement;
+    const p = s && s !== document.body ? s : i.parentElement;
+    if (!p) continue;
+    const c = e.get(p);
+    c ? c.n++ : e.set(p, { n: 1, caseModele: o.length === 1 ? i : n });
+  }
+  let r = null, a = 0;
+  for (const [i, { n, caseModele: s }] of e)
+    n > a && (a = n, r = { grille: i, caseModele: s });
+  return r;
+}
+const xt = `
+:host { all: initial; display: block; }
+button {
+  box-sizing: border-box; width: 100%; height: 100%; min-height: 44px;
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
+  padding: 14px; border: 2px dashed #3ba58d; border-radius: 14px; cursor: pointer;
+  background: rgba(240, 250, 247, 0.9); color: #1f6f5d; text-align: center;
+  font: 650 14px/1.3 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+}
+button:hover { background: rgba(220, 244, 237, 0.98); }
+button:focus-visible { outline: 3px solid #3ba58d; outline-offset: 3px; }
+b { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #3ba58d; color: #fff; font-size: 30px; font-weight: 400; line-height: 1; }
+small { font-weight: 500; font-size: 12px; color: #3d7f70; }
+@media (prefers-reduced-motion: no-preference) { button { transition: background .12s; } }
+`;
+function vt(o) {
+  const e = document.createElement("div");
+  e.setAttribute(ht, ""), e.className = ye;
+  const r = e.attachShadow({ mode: "open" });
+  return r.innerHTML = `<style>${xt}</style><button type="button"><b aria-hidden="true">+</b><span class="t"></span><small></small></button>`, r.querySelector("button").addEventListener("click", (a) => {
+    a.preventDefault(), a.stopPropagation(), o();
+  }), e;
+}
+function yt(o, e) {
+  const r = o.shadowRoot.querySelector("button"), a = r.querySelector(".t"), i = r.querySelector("small");
+  a.textContent = "Ajouter un bijou", i.textContent = e ? `à « ${e} »` : "nouveau", r.setAttribute("aria-label", e ? `Ajouter un bijou à la collection ${e}` : "Créer un nouveau bijou");
+}
+function At(o, e, r) {
+  const a = r.getBoundingClientRect(), i = getComputedStyle(e).display.includes("flex"), n = i ? Math.round(a.width) + "px" : "", s = Math.round(Math.max(a.height, 120)) + "px";
+  o.style.width !== n && (o.style.width = n), o.style.minHeight !== s && (o.style.minHeight = s), i && o.style.flex !== "none" && (o.style.flex = "none");
+}
+const Ct = $e(function({
+  crayons: e,
+  carte: r,
+  ouvrirProduit: a,
+  ouvrirAjout: i,
+  ouvrirCollection: n
+}) {
+  const [s, p] = P([]), [c, u] = P([]), v = Y(null), w = Y({ ouvrirAjout: i });
+  return w.current = { ouvrirAjout: i }, X(() => {
+    if (!e && !r) {
+      p([]), u([]);
+      return;
+    }
+    let d = 0, S = "", C = null, A = null;
+    const M = () => {
+      const U = v.current;
+      U && (U.style.transform = `translate3d(${-window.scrollX}px, ${-window.scrollY}px, 0)`);
+    }, L = () => {
+      d = 0;
+      const U = window.scrollX, m = window.scrollY, f = (N) => ({ x: Math.round(N.left + U), y: Math.round(N.top + m), l: Math.round(N.width), h: Math.round(N.height) }), I = Array.from(document.querySelectorAll(`[${ve}]`)).filter((N) => !he(N) && Te(N)), Q = Array.from(document.querySelectorAll(`[${pe}]`)).filter((N) => !he(N) && Te(N)), q = Q.find((N) => N.hasAttribute(Je)) ?? (Q.length === 1 ? Q[0] : void 0);
+      if (A = q ? { UID: q.getAttribute(pe) ?? "", nom: be(q) || "cette collection" } : null, r) {
+        const N = I.length ? gt(I) : null;
+        N ? (C || (C = vt(() => w.current.ouvrirAjout(A))), (C.parentElement !== N.grille || N.grille.lastElementChild !== C) && N.grille.appendChild(C), yt(C, A?.nom ?? null), At(C, N.grille, N.caseModele)) : C && C.remove();
+      }
+      if (!e) {
+        S !== "" && (S = "", p([]), u([]));
+        return;
+      }
+      const H = [];
+      for (const N of I) {
+        const ie = N.getAttribute(ve), ae = N.getBoundingClientRect();
+        !ie || ae.width < 24 || H.push({ UID: ie, nom: be(N) || "ce bijou", p: f(ae) });
+      }
+      const K = (q ? [q] : Q).map((N) => ({ UID: N.getAttribute(pe) ?? "", nom: be(N) || "cette collection", p: f(N.getBoundingClientRect()) })).filter((N) => N.UID), se = JSON.stringify([H, K]);
+      se !== S && (S = se, p(H), u(K)), M();
+    }, g = () => {
+      d || (d = requestAnimationFrame(L));
+    };
+    let y = 0;
+    const k = (U) => {
+      const m = U.target;
+      m === document || m === document.documentElement || m === window ? y || (y = requestAnimationFrame(() => {
+        y = 0, M();
+      })) : m instanceof Element && !he(m) && g();
+    };
+    L();
+    const E = new MutationObserver((U) => {
+      U.every(
+        (f) => [...Array.from(f.addedNodes), ...Array.from(f.removedNodes)].every((I) => I === C || I instanceof Element && Ue.includes(I.id))
+      ) || g();
+    });
+    E.observe(document.body, { childList: !0, subtree: !0 });
+    const O = new ResizeObserver(g);
+    return O.observe(document.body), window.addEventListener("scroll", k, { capture: !0, passive: !0 }), window.addEventListener("resize", g), document.addEventListener("load", g, !0), () => {
+      E.disconnect(), O.disconnect(), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", g), document.removeEventListener("load", g, !0), d && cancelAnimationFrame(d), y && cancelAnimationFrame(y), C?.remove();
+    };
+  }, [e, r]), e ? /* @__PURE__ */ x("div", { ref: v, className: "marques", style: { transform: `translate3d(${-window.scrollX}px, ${-window.scrollY}px, 0)` }, children: [
+    s.map((d) => /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "crayon",
+        style: { top: d.p.y + 8, left: d.p.x + d.p.l - 52 },
+        onClick: () => a(d.UID),
+        "aria-label": "Modifier " + d.nom,
+        title: "Modifier " + d.nom,
+        children: /* @__PURE__ */ t(Le, {})
+      },
+      d.UID
+    )),
+    c.map((d) => {
+      const C = d.p.l < 150 || d.p.h < 60 ? d.p.y - 22 : d.p.y + 6;
+      return /* @__PURE__ */ x("div", { className: "marque-coll", style: { top: Math.max(0, C), left: d.p.x + d.p.l - 100 }, children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "crayon crayon--collection", onClick: () => n(d.UID), "aria-label": `Modifier la collection ${d.nom}`, title: `Modifier la collection « ${d.nom} »`, children: /* @__PURE__ */ t(Le, {}) }),
+        /* @__PURE__ */ t("button", { type: "button", className: "crayon crayon--plus", onClick: () => i({ UID: d.UID, nom: d.nom }), "aria-label": `Ajouter des bijoux à la collection ${d.nom}`, title: `Ajouter des bijoux à « ${d.nom} »`, children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "+" }) })
+      ] }, "c" + d.UID);
+    })
+  ] }) : null;
+});
+function Le() {
+  return /* @__PURE__ */ x("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+    /* @__PURE__ */ t("path", { d: "M12 20h9" }),
+    /* @__PURE__ */ t("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z" })
+  ] });
+}
+const wt = ["lystech-editeur-hote", "lystech-connexion-hote"];
+function kt(o, e) {
+  const r = /* @__PURE__ */ new Map();
+  for (const [a, i] of Object.entries(o))
+    for (const [n, s] of Object.entries(i)) {
+      const p = String(s ?? "").trim();
+      if (p.length < 2 || p.includes("{{")) continue;
+      const c = e(a, n);
+      if (c <= 0) continue;
+      const u = r.get(p);
+      u ? u.push({ ns: a, chemin: n, rang: c }) : r.set(p, [{ ns: a, chemin: n, rang: c }]);
+    }
+  return r;
+}
+function Et(o) {
+  const e = /* @__PURE__ */ new Map(), r = document.body.querySelectorAll("*");
+  for (const a of r) {
+    if (wt.some((s) => a.id === s || a.closest("#" + s)) || a.closest("." + ye) || a.closest("[data-lystech-champ]") || a.children.length > 0) continue;
+    const i = (a.textContent ?? "").trim();
+    if (i.length < 2) continue;
+    const n = o.get(i);
+    n && e.set(a, { valeur: i, candidats: n });
+  }
+  return e;
+}
+function Nt({
+  source: o,
+  actif: e,
+  pertinence: r,
+  surModification: a
+}) {
+  const i = Y(/* @__PURE__ */ new Map()), n = Y(null), [s, p] = P(null), c = Y(o);
+  c.current = o;
+  const u = Y(a);
+  u.current = a;
+  const v = Y(r);
+  v.current = r;
+  const w = Y(null);
+  return X(() => {
+    if (!e) return;
+    const d = () => {
+      const m = c.current, f = kt(
+        m.dictionnaire(m.langueCourante()),
+        v.current
+      );
+      i.current = Et(f);
+    };
+    w.current = d, d();
+    let S;
+    const C = new MutationObserver(() => {
+      n.current || (clearTimeout(S), S = setTimeout(d, 250));
+    });
+    C.observe(document.body, { childList: !0, subtree: !0 });
+    const A = "outline:2px dashed rgba(59,165,141,.85);outline-offset:3px;border-radius:3px;cursor:text;", M = (m) => {
+      const f = m.target;
+      !(f instanceof HTMLElement) || n.current || i.current.has(f) && (f.dataset.lysStyleAvant || (f.dataset.lysStyleAvant = f.getAttribute("style") ?? ""), f.setAttribute(
+        "style",
+        (f.dataset.lysStyleAvant ?? "") + A
+      ));
+    }, L = (m) => {
+      const f = m.target;
+      if (!(f instanceof HTMLElement) || n.current?.el === f || f.dataset.lysStyleAvant === void 0) return;
+      const I = f.dataset.lysStyleAvant;
+      delete f.dataset.lysStyleAvant, I ? f.setAttribute("style", I) : f.removeAttribute("style");
+    }, g = (m, f) => {
+      const I = m.getAttribute("style") ?? "";
+      n.current = {
+        el: m,
+        avant: (m.textContent ?? "").trim(),
+        ns: f.ns,
+        chemin: f.chemin,
+        styleAvant: m.dataset.lysStyleAvant ?? I
+      }, m.setAttribute("contenteditable", "plaintext-only"), m.setAttribute(
+        "style",
+        (m.dataset.lysStyleAvant ?? "") + "outline:2px solid #3ba58d;outline-offset:3px;border-radius:3px;"
+      ), m.focus();
+      const Q = window.getSelection(), q = document.createRange();
+      q.selectNodeContents(m), Q?.removeAllRanges(), Q?.addRange(q);
+    }, y = async (m) => {
+      const f = n.current;
+      if (!f) return;
+      n.current = null;
+      const I = (f.el.textContent ?? "").trim();
+      f.el.removeAttribute("contenteditable");
+      const Q = f.el.dataset.lysStyleAvant;
+      if (delete f.el.dataset.lysStyleAvant, Q ? f.el.setAttribute("style", Q) : f.el.removeAttribute("style"), m || I === f.avant) {
+        m && (f.el.textContent = f.avant);
+        return;
+      }
+      const q = c.current.langueCourante();
+      c.current.poser(q, f.ns, f.chemin, I), await u.current(f.ns, f.chemin, q, I);
+    }, k = (m) => {
+      const f = m.target;
+      if (!(f instanceof HTMLElement)) return;
+      if (n.current) {
+        if (n.current.el === f) return;
+        y(!1);
+      }
+      const I = i.current.get(f);
+      if (!I) return;
+      m.preventDefault(), m.stopPropagation();
+      const Q = Math.max(...I.candidats.map((H) => H.rang)), q = I.candidats.filter((H) => H.rang === Q);
+      if (q.length === 1) {
+        g(f, q[0]);
+        return;
+      }
+      p({
+        el: f,
+        candidats: q,
+        x: m.clientX,
+        y: m.clientY
+      });
+    }, E = (m) => {
+      n.current && (m.key === "Escape" ? (m.preventDefault(), y(!0)) : m.key === "Enter" && !m.shiftKey && (m.preventDefault(), y(!1)));
+    }, O = () => {
+      n.current && y(!1);
+    };
+    document.addEventListener("mouseover", M, !0), document.addEventListener("mouseout", L, !0), document.addEventListener("click", k, !0);
+    const U = (m) => {
+      if (!n.current) return;
+      const f = m.inputType;
+      (f === "insertParagraph" || f === "insertLineBreak") && (m.preventDefault(), y(!1));
+    };
+    return document.addEventListener("beforeinput", U, !0), document.addEventListener("keydown", E, !0), document.addEventListener("focusout", O, !0), window.__lysChoisir = (m, f) => {
+      p(null), g(f, m);
+    }, () => {
+      w.current = null, clearTimeout(S), C.disconnect(), document.removeEventListener("mouseover", M, !0), document.removeEventListener("mouseout", L, !0), document.removeEventListener("click", k, !0), document.removeEventListener("beforeinput", U, !0), document.removeEventListener("keydown", E, !0), document.removeEventListener("focusout", O, !0), n.current && y(!0), delete window.__lysChoisir;
+    };
+  }, [e]), X(() => {
+    n.current || w.current?.();
+  }, [r]), s ? /* @__PURE__ */ x(
+    "div",
+    {
+      className: "choix",
+      style: {
+        top: Math.min(s.y + 10, window.innerHeight - 200),
+        left: Math.min(s.x, window.innerWidth - 280)
+      },
+      children: [
+        /* @__PURE__ */ t("p", { className: "choix__titre", children: "Ce texte apparaît à plusieurs endroits." }),
+        /* @__PURE__ */ t("p", { className: "choix__aide", children: "Lequel corrigez-vous ?" }),
+        s.candidats.map((d) => /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "choix__option",
+            onClick: () => window.__lysChoisir?.(d, s.el),
+            children: [
+              /* @__PURE__ */ t("span", { className: "choix__chemin", children: d.chemin }),
+              /* @__PURE__ */ t("span", { className: "choix__ns", children: d.ns })
+            ]
+          },
+          d.ns + ":" + d.chemin
+        )),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: () => p(null),
+            children: "Annuler"
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+const _e = {
+  everyone: "Tout le monde",
+  loggedIn: "Clients connectés",
+  nonMembers: "Non-membres (visiteurs compris)",
+  members: "Tous les membres",
+  plans: "Membres de certains plans"
+}, De = {
+  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 St({
+  api: o,
+  section: e,
+  apresChangement: r
+}) {
+  const a = e?.audience ?? { mode: "everyone" }, [i, n] = P(a.mode), [s, p] = P(a.mode === "plans" ? a.plans : []), [c, u] = P(null), [v, w] = P(!1), [d, S] = P(null), C = e ? e.UID + JSON.stringify(e.audience ?? null) : "";
+  if (X(() => {
+    const g = e?.audience ?? { mode: "everyone" };
+    n(g.mode), p(g.mode === "plans" ? g.plans : []), S(null);
+  }, [C]), X(() => {
+    let g = !0;
+    return o.optionsAudience().then((y) => g && u(y.plans ?? [])).catch(() => g && u([])), () => {
+      g = !1;
+    };
+  }, [o]), !e?.UID)
+    return /* @__PURE__ */ x("div", { className: "champ", children: [
+      /* @__PURE__ */ t("span", { className: "champ__etiquette", children: "Visible pour" }),
+      /* @__PURE__ */ t("p", { className: "champ__aide", children: "Enregistrez d'abord ce contenu : vous pourrez ensuite choisir qui le voit (membres, clients connectés…)." })
+    ] });
+  const A = i !== a.mode || i === "plans" && JSON.stringify([...s].sort()) !== JSON.stringify(a.mode === "plans" ? [...a.plans].sort() : []), M = async () => {
+    if (i === "plans" && s.length === 0) {
+      S({ ton: "erreur", texte: "Cochez au moins un plan." });
+      return;
+    }
+    w(!0), S(null);
+    try {
+      await o.audience(e.UID, i === "plans" ? { mode: i, plans: s } : { mode: i }), await r(), S({ ton: "ok", texte: "Appliqué. " + De[i] });
+    } catch {
+      S({ ton: "erreur", texte: "Le changement n'a pas pu être appliqué." });
+    } finally {
+      w(!1);
+    }
+  }, L = c !== null && c.length === 0;
+  return /* @__PURE__ */ x("div", { className: "champ", "data-audience": !0, children: [
+    /* @__PURE__ */ t("label", { className: "champ__etiquette", htmlFor: "lystech-audience", children: "Visible pour" }),
+    /* @__PURE__ */ t(
+      "select",
+      {
+        id: "lystech-audience",
+        value: i,
+        onChange: (g) => n(g.target.value),
+        disabled: v,
+        children: Object.keys(_e).map((g) => /* @__PURE__ */ t("option", { value: g, disabled: g === "plans" && L, children: _e[g] }, g))
+      }
+    ),
+    i === "plans" && /* @__PURE__ */ x("div", { style: { marginTop: 8 }, children: [
+      c === null && /* @__PURE__ */ t("p", { className: "champ__aide", children: "Chargement des plans…" }),
+      c?.map((g) => /* @__PURE__ */ x("label", { style: { display: "flex", gap: 8, alignItems: "center", margin: "4px 0", fontSize: 13 }, children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            style: { width: "auto" },
+            checked: s.includes(g.UID),
+            onChange: (y) => p((k) => y.target.checked ? [...k, g.UID] : k.filter((E) => E !== g.UID))
+          }
+        ),
+        g.name ?? "Plan sans nom"
+      ] }, g.UID))
+    ] }),
+    /* @__PURE__ */ x("p", { className: "champ__aide", children: [
+      De[i],
+      " Le contenu réservé n'est jamais envoyé aux autres visiteurs.",
+      L ? " (Aucun plan d'abonnement dans cette boutique.)" : ""
+    ] }),
+    d && /* @__PURE__ */ t("p", { className: "message message--" + d.ton, children: d.texte }),
+    A && /* @__PURE__ */ t("button", { type: "button", className: "bouton bouton--principal", onClick: M, disabled: v, style: { marginTop: 8 }, children: "Appliquer" })
+  ] });
+}
+const Tt = Me(() => import("./ModuleBoutique-CgqcQjIb.js")), Lt = Me(() => import("./ApercuMobile-CSoo4dpM.js")), ne = /^i18n:([^:]+):(.*)$/, ge = "commun", xe = "lystech-edit-mode";
+function Oe(o, e) {
+  return JSON.stringify(o ?? {}) === JSON.stringify(e ?? {});
+}
+function _t({ api: o, pont: e }) {
+  const [r, a] = P([]), [i, n] = P([]), [s, p] = P(e.page), [c, u] = P(null), [v, w] = P({}), [d, S] = P(!1), [C, A] = P(() => {
+    try {
+      return window.localStorage.getItem(xe) === "circuler" ? "circuler" : "modifier";
+    } catch {
+      return "modifier";
+    }
+  }), M = () => A((l) => {
+    const b = l === "modifier" ? "circuler" : "modifier";
+    try {
+      window.localStorage.setItem(xe, b);
+    } catch {
+    }
+    return b;
+  }), [L, g] = P(!1), [y, k] = P(
+    null
+  ), E = ce(() => bt(o.brut), [o]), [O, U] = P(!1), [m, f] = P(null), [I, Q] = P(!1), [q, H] = P(0);
+  X(() => {
+    let l = !0;
+    return E.droits().then((b) => {
+      l && (U(b), b && E.brouillons().then((h) => l && H(h.produits.length + h.collections.length)).catch(() => {
+      }));
+    }), () => {
+      l = !1;
+    };
+  }, [E]);
+  const Z = V((l) => {
+    f((b) => ({ ...l, n: (b?.n ?? 0) + 1 })), Q(!1), u(null), S(!1);
+  }, []), K = V(
+    (l) => Z(l === null ? { vue: "liste" } : l === "nouveau" ? { vue: "nouveau", collection: null } : { vue: "fiche", UID: l }),
+    [Z]
+  ), se = V((l) => Z({ vue: "ajout", collection: l }), [Z]), N = V((l) => Z({ vue: "collection", UID: l }), [Z]), ie = V(() => {
+    f(null), E.brouillons().then((l) => H(l.produits.length + l.collections.length)).catch(() => {
+    });
+  }, [E]);
+  X(() => (e.ouvrirBoutique = O ? (l) => (K(l), !0) : void 0, () => {
+    e.ouvrirBoutique = void 0;
+  }), [e, O, K]);
+  const ae = V((l) => {
+    window.dispatchEvent(new CustomEvent(Ke, { detail: l }));
+  }, []);
+  X(() => (e.surChangementDePage = (l) => {
+    p(l), u(null), S(!1);
+  }, () => {
+    e.surChangementDePage = void 0;
+  }), [e]);
+  const G = V(async () => {
+    try {
+      const [l, b] = await Promise.all([
+        o.pourPage(s),
+        s === ge ? Promise.resolve([]) : o.pourPage(ge)
+      ]), h = [...l, ...b];
+      return n(h), h;
+    } catch {
+      return k({
+        ton: "erreur",
+        texte: "Impossible de lire le contenu du site."
+      }), [];
+    }
+  }, [o, s]);
+  X(() => {
+    o.schemas().then(a).catch(() => a([]));
+  }, [o]), X(() => {
+    G();
+  }, [G]);
+  const le = V(
+    (l, b) => {
+      let h = null, T = -1;
+      for (const R of r) {
+        const _ = ne.exec(R.blockType);
+        if (!_ || _[1] !== l) continue;
+        const D = _[2];
+        (D === "" || b === D || b.startsWith(D + ".")) && D.length > T && (h = R, T = D.length);
+      }
+      if (!h) return null;
+      const z = ne.exec(h.blockType)?.[2] ?? "", j = z ? b.slice(z.length + 1) : b;
+      return { bloc: h, champ: j };
+    },
+    [r]
+  ), Fe = V(
+    (l, b) => {
+      const h = le(l, b);
+      return h ? (h.bloc.pages ?? []).includes(s) ? 2 : 1 : 0;
+    },
+    [le, s]
+  ), $ = V(
+    (l) => r.find((b) => b.blockType === l),
+    [r]
+  ), Ae = ce(
+    () => r.filter((l) => {
+      const b = l.pages ?? [];
+      return b.includes(s) || b.includes(ge);
+    }),
+    [r, s]
+  ), B = ce(
+    () => i.filter((l) => l.draft && !Oe(l.draft, l.data)),
+    [i]
+  );
+  X(() => {
+    if (B.length === 0) return;
+    for (const h of B)
+      ne.test(h.blockType) || e.poserApercu(h.blockType, h.draft);
+    const l = B.filter((h) => ne.test(h.blockType)), b = e.sourceTexte;
+    l.length && b && import("./sourceTexte-BMPMpNg9.js").then(
+      ({ appliquerAuxTextes: h }) => h(
+        l.map((T) => ({ blockType: T.blockType, data: T.draft })),
+        b
+      )
+    );
+  }, [B, e]);
+  const Qe = V(
+    async (l, b, h, T) => {
+      const z = le(l, b);
+      if (!z) {
+        k({
+          ton: "erreur",
+          texte: `Ce texte (${l}:${b}) n'appartient à aucun bloc déclaré.`
+        });
+        return;
+      }
+      const j = i.find((F) => F.blockType === z.bloc.blockType), R = j?.draft ?? j?.data ?? {}, _ = R[z.champ], D = z.bloc.fields.find((F) => F.key === z.champ), W = (
+        /* `!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. */
+        D && !D.localized ? T : _ && typeof _ == "object" && !Array.isArray(_) ? { ..._, [h]: T } : { [h]: T }
+      ), J = { ...R, [z.champ]: W };
+      try {
+        if (j?.UID)
+          await o.enregistrerBrouillon(j.UID, J);
+        else {
+          const F = z.bloc.pages?.[0] ?? s;
+          await o.creer(F, z.bloc.blockType, J);
+        }
+        await G(), k(null);
+      } catch {
+        k({
+          ton: "erreur",
+          texte: "Enregistrement impossible. Votre texte est toujours à l'écran."
+        });
+      }
+    },
+    [o, le, s, G, i]
+  ), Ve = V(
+    (l, b) => {
+      const h = $(l), T = h?.fields.find((D) => D.key === b);
+      if (!h || !T) return null;
+      const z = i.find((D) => D.blockType === l);
+      let _ = {
+        ...e.replis?.[l] ?? {},
+        ...z?.data ?? {},
+        ...z?.draft ?? {}
+      }[b];
+      return T.localized && _ && typeof _ == "object" && !Array.isArray(_) && (_ = _[e.langue]), { libelle: T.label, type: T.type, valeur: _ };
+    },
+    [$, i, e]
+  ), Ye = V(
+    async (l, b, h) => {
+      const T = $(l), z = T?.fields.find((F) => F.key === b);
+      if (!T || !z) return !1;
+      const j = i.find((F) => F.blockType === l), _ = {
+        ...e.replis?.[l] ?? {},
+        ...j?.data ?? {},
+        ...j?.draft ?? {}
+      }, D = _[b], W = z.localized ? {
+        ...D && typeof D == "object" && !Array.isArray(D) ? D : {},
+        [e.langue]: h
+      } : h, J = { ..._, [b]: W };
+      try {
+        return j?.UID ? await o.enregistrerBrouillon(j.UID, J) : await o.creer(T.pages?.[0] ?? s, l, J), await G(), e.poserApercu(l, J), k(null), !0;
+      } catch {
+        return k({
+          ton: "erreur",
+          texte: "Enregistrement impossible. La valeur en ligne n'a pas changé."
+        }), !1;
+      }
+    },
+    [o, s, e, G, $, i]
+  ), Ce = async () => {
+    if (!B.length) return !0;
+    g(!0), k(null);
+    const l = B.length;
+    try {
+      for (const b of B) await o.publier(b.UID);
+      await G();
+      for (const b of B) e.poserApercu(b.blockType, null);
+      return e.recharger(), k({
+        ton: "ok",
+        texte: l === 1 ? "Publié. Vos visiteurs le voient maintenant." : `${l} modifications publiées.`
+      }), !0;
+    } catch {
+      return k({
+        ton: "erreur",
+        texte: "La publication a échoué. Rien n'a été mis en ligne."
+      }), !1;
+    } finally {
+      g(!1);
+    }
+  }, Xe = async () => {
+    g(!0);
+    try {
+      const l = B.map((h) => h.blockType);
+      for (const h of B) await o.annuler(h.UID);
+      const b = await G();
+      for (const h of l) e.poserApercu(h, null);
+      if (e.sourceTexte) {
+        const { appliquerAuxTextes: h } = await import("./sourceTexte-BMPMpNg9.js");
+        h(
+          b.map((T) => ({ blockType: T.blockType, data: T.data })),
+          e.sourceTexte
+        );
+      }
+      k({
+        ton: "info",
+        texte: "Modifications abandonnées. On est revenu à ce qui est en ligne."
+      });
+    } finally {
+      g(!1);
+    }
+  }, we = (l) => {
+    const b = i.find((R) => R.blockType === l), h = b?.draft ?? b?.data ?? {}, T = $(l), z = ne.exec(l), j = {};
+    if (!z) {
+      const R = e.replis?.[l];
+      R && typeof R == "object" && !Array.isArray(R) && Object.assign(j, R);
+    }
+    if (z && T && e.sourceTexte) {
+      const R = z[1], _ = z[2], D = e.sourceTexte.langues(), W = {};
+      for (const F of D)
+        W[F] = e.sourceTexte.dictionnaire(F)[R] ?? {};
+      const J = e.sourceTexte.langueCourante();
+      for (const F of T.fields) {
+        const ue = _ ? _ + "." + F.key : F.key;
+        if (!F.localized) {
+          const re = W[J]?.[ue] ?? D.map((te) => W[te]?.[ue]).find((te) => typeof te == "string");
+          typeof re == "string" && (j[F.key] = re);
+          continue;
+        }
+        const de = {};
+        for (const re of D) {
+          const te = W[re]?.[ue];
+          typeof te == "string" && (de[re] = te);
+        }
+        Object.keys(de).length && (j[F.key] = de);
+      }
+    }
+    for (const [R, _] of Object.entries(h)) {
+      const D = j[R], W = _ && typeof _ == "object" && !Array.isArray(_) && D && typeof D == "object" && !Array.isArray(D);
+      j[R] = W ? { ...D, ..._ } : _;
+    }
+    w(j), u(l), S(!1), k(null);
+  }, He = (l, b) => w((h) => ({ ...h, [l]: b })), We = async () => {
+    if (c) {
+      g(!0);
+      try {
+        const l = i.find((h) => h.blockType === c);
+        if (l?.UID) await o.enregistrerBrouillon(l.UID, v);
+        else {
+          const h = $(c)?.pages?.[0] ?? s;
+          await o.creer(h, c, v);
+        }
+        const b = await G();
+        if (e.sourceTexte) {
+          const { appliquerAuxTextes: h } = await import("./sourceTexte-BMPMpNg9.js");
+          h(
+            b.map((T) => ({ blockType: T.blockType, data: T.draft ?? T.data })),
+            e.sourceTexte
+          );
+        }
+        ne.test(c) || e.poserApercu(c, v), k({
+          ton: "ok",
+          texte: "Enregistré. Rien n'a encore changé pour vos visiteurs."
+        });
+      } catch {
+        k({ ton: "erreur", texte: "L'enregistrement a échoué." });
+      } finally {
+        g(!1);
+      }
+    }
+  }, Ge = () => {
+    try {
+      window.localStorage.removeItem(xe);
+    } catch {
+    }
+    Pe();
+  }, ee = c ? $(c) : void 0, oe = !c && !d && !m && !I, Ze = ce(
+    () => B.map((l) => ({ blockType: l.blockType, data: l.draft })),
+    [B]
+  );
+  return /* @__PURE__ */ x("div", { className: "calque", children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "cadre-global" + (C === "circuler" ? " cadre-global--circuler" : ""),
+        "aria-hidden": "true"
+      }
+    ),
+    e.sourceTexte && /* @__PURE__ */ t(
+      Nt,
+      {
+        source: e.sourceTexte,
+        actif: oe && !L && C === "modifier",
+        pertinence: Fe,
+        surModification: Qe
+      }
+    ),
+    /* @__PURE__ */ t(
+      ft,
+      {
+        actif: oe && !L && C === "modifier",
+        lire: Ve,
+        enregistrer: Ye,
+        ouvrirPanneau: we
+      }
+    ),
+    /* @__PURE__ */ t(
+      Ct,
+      {
+        crayons: O && oe && !L && C === "modifier",
+        carte: O && C === "modifier",
+        ouvrirProduit: K,
+        ouvrirAjout: se,
+        ouvrirCollection: N
+      }
+    ),
+    m && /* @__PURE__ */ t(ke, { fallback: /* @__PURE__ */ t("div", { className: "panneau", children: /* @__PURE__ */ t("p", { className: "panneau__corps", children: "Chargement de la boutique…" }) }), children: /* @__PURE__ */ t(
+      Tt,
+      {
+        api: E,
+        demande: m,
+        signaler: ae,
+        surFermer: ie,
+        textes: B.length,
+        publierTextes: Ce,
+        surCompteBrouillons: H
+      }
+    ) }),
+    I && /* @__PURE__ */ t(ke, { fallback: /* @__PURE__ */ t("div", { className: "apercu", children: /* @__PURE__ */ t("p", { children: "Préparation de l'aperçu…" }) }), children: /* @__PURE__ */ t(Lt, { brouillons: Ze, surFermer: () => Q(!1) }) }),
+    oe && /* @__PURE__ */ x("div", { className: "barre", children: [
+      /* @__PURE__ */ t("span", { className: "barre__point" }),
+      /* @__PURE__ */ t("span", { className: "barre__texte", children: C === "modifier" ? "Cliquez un texte pour le corriger" : "Navigation libre — les clics ouvrent les liens" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton " + (C === "circuler" ? "bouton--principal" : ""),
+          onClick: M,
+          title: C === "modifier" ? "Passer en navigation pour changer de page" : "Revenir a la modification des textes",
+          children: C === "modifier" ? "Circuler" : "Modifier"
+        }
+      ),
+      O && /* @__PURE__ */ x(
+        "button",
+        {
+          type: "button",
+          className: "bouton",
+          onClick: () => K(null),
+          title: "Vos bijoux",
+          "aria-label": "Boutique : vos bijoux et vos collections",
+          children: [
+            /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "◇" }),
+            /* @__PURE__ */ t("span", { className: "barre__libelle", children: " Boutique" })
+          ]
+        }
+      ),
+      O && /* @__PURE__ */ x(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--bureau-seul",
+          onClick: () => Z({ vue: "liste", onglet: "collections" }),
+          title: "Vos collections : les ouvrir, les fermer, les garnir",
+          children: [
+            /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "▦" }),
+            " Collections"
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--bureau-seul",
+          onClick: () => Q(!0),
+          title: "Voir la page comme sur un téléphone",
+          children: "Mobile"
+        }
+      ),
+      B.length + q > 0 ? /* @__PURE__ */ x(Ie, { children: [
+        /* @__PURE__ */ x("span", { className: "barre__compte", children: [
+          [
+            B.length ? B.length === 1 ? "1 texte" : `${B.length} textes` : "",
+            q ? q === 1 ? "1 brouillon" : `${q} brouillons` : ""
+          ].filter(Boolean).join(" · "),
+          " ",
+          "non publiés"
+        ] }),
+        /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--principal",
+            onClick: () => q > 0 ? Z({ vue: "publier" }) : void Ce(),
+            disabled: L,
+            "aria-label": `Publier : ${B.length + q} en attente`,
+            children: [
+              "Publier ",
+              /* @__PURE__ */ t("span", { className: "barre__pastille", children: B.length + q })
+            ]
+          }
+        ),
+        B.length > 0 && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--discret",
+            onClick: Xe,
+            disabled: L,
+            title: "Abandonner les textes non publiés",
+            children: "Abandonner"
+          }
+        )
+      ] }) : /* @__PURE__ */ t("span", { className: "barre__compte", children: "tout est publié" }),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--discret",
+          onClick: () => S(!0),
+          title: "Tous les contenus",
+          "aria-label": "Tous les contenus",
+          children: "⋮"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          className: "bouton bouton--icone bouton--sortie",
+          onClick: Ge,
+          title: "Quitter le mode édition",
+          "aria-label": "Quitter le mode édition",
+          children: "✕"
+        }
+      )
+    ] }),
+    y && oe && /* @__PURE__ */ t("div", { className: "flottant", children: /* @__PURE__ */ t("p", { className: "message message--" + y.ton, children: y.texte }) }),
+    d && /* @__PURE__ */ x("div", { className: "panneau", role: "dialog", "aria-label": "Tous les contenus", children: [
+      /* @__PURE__ */ x("div", { className: "panneau__tete", children: [
+        /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ t("h2", { className: "panneau__titre", children: "Tous les contenus" }),
+          /* @__PURE__ */ t("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__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "bouton bouton--icone bouton--discret",
+            onClick: () => S(!1),
+            "aria-label": "Fermer",
+            children: "✕"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ x("div", { className: "panneau__corps", children: [
+        Ae.length === 0 && /* @__PURE__ */ t("p", { className: "message message--info", children: "Aucun contenu déclaré pour cette page." }),
+        Ae.map((l) => {
+          const b = i.find((T) => T.blockType === l.blockType), h = b?.draft && !Oe(b.draft, b.data);
+          return /* @__PURE__ */ x(
+            "button",
+            {
+              type: "button",
+              className: "rangee",
+              onClick: () => we(l.blockType),
+              children: [
+                /* @__PURE__ */ t("span", { className: "rangee__nom", children: l.label }),
+                /* @__PURE__ */ t("span", { className: "rangee__info", children: h ? "non publié" : `${l.fields.length} textes` })
+              ]
+            },
+            l.blockType
+          );
+        })
+      ] })
+    ] }),
+    c && ee && /* @__PURE__ */ x(
+      "div",
+      {
+        className: "panneau",
+        role: "dialog",
+        "aria-label": "Modifier " + ee.label,
+        children: [
+          /* @__PURE__ */ x("div", { className: "panneau__tete", children: [
+            /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ t("h2", { className: "panneau__titre", children: ee.label }),
+              ee.description && /* @__PURE__ */ t("p", { className: "panneau__sous", children: ee.description })
+            ] }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--icone bouton--discret",
+                onClick: () => u(null),
+                "aria-label": "Fermer",
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ x("div", { className: "panneau__corps", children: [
+            y && /* @__PURE__ */ t("p", { className: "message message--" + y.ton, children: y.texte }),
+            /* @__PURE__ */ t(
+              St,
+              {
+                api: o,
+                section: i.find((l) => l.blockType === c) ?? null,
+                apresChangement: async () => {
+                  await G(), e.recharger();
+                }
+              }
+            ),
+            ee.fields.map((l) => /* @__PURE__ */ t(
+              ze,
+              {
+                champ: l,
+                langue: e.langue,
+                valeur: v[l.key],
+                changer: (b) => He(l.key, b)
+              },
+              l.key
+            ))
+          ] }),
+          /* @__PURE__ */ x("div", { className: "panneau__pied", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--discret",
+                onClick: () => u(null),
+                disabled: L,
+                children: "Fermer"
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "espace" }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "bouton bouton--principal",
+                onClick: We,
+                disabled: L,
+                children: "Enregistrer"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const Dt = `
+: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; }
+}
+`, Ot = `
+/* --------------------------------------------------------- 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); }
+`, It = `
+/* 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, .barre__libelle { display: none; }
+  /* Filet : si un site ajoute de quoi déborder, la barre défile au lieu de
+     pousser « Quitter » hors de l'écran. */
+  .barre { overflow-x: auto; scrollbar-width: none; }
+  .flottant { bottom: 84px; }
+}
+
+/* ------------------------------------------------ BOUTIQUE SUR LA PAGE --- */
+
+/* LA COUCHE DES CRAYONS, aux coordonnées du DOCUMENT : défiler la page ne
+   fait que la déplacer (un transform), sans aucun rendu. */
+.marques { position: absolute; top: 0; left: 0; width: 0; height: 0; will-change: transform; }
+
+/* LE CRAYON d'une carte produit : rond, sombre, 44 px — visible sur toutes
+   les photos, claires comme foncées. */
+.crayon {
+  position: absolute; 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; }
+
+/* CRAYON ET « + » D'UNE COLLECTION, côte à côte. */
+.marque-coll { position: absolute; display: flex; gap: 6px; }
+.marque-coll .crayon { position: static; }
+.crayon--plus { background: var(--accent); color: #06120e; font: 400 26px/1 ui-sans-serif, system-ui, sans-serif; }
+.crayon--plus:hover, .crayon--plus:focus-visible { background: #45bda2; }
+
+/* --------------------------------------------------- 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; }
+`, qt = "lystech-editeur-hote", Pt = "lystech-connexion-hote";
+function je(o) {
+  document.getElementById(o)?.remove();
+  const e = document.createElement("div");
+  e.id = o, e.style.position = "relative", e.style.zIndex = "2147483000", document.body.appendChild(e);
+  const r = e.attachShadow({ mode: "open" }), a = document.createElement("style");
+  a.textContent = Dt + Ot + It, r.appendChild(a);
+  const i = document.createElement("div");
+  return r.appendChild(i), { hote: e, point: i };
+}
+function Re(o, e) {
+  let r = o;
+  return () => {
+    const a = r;
+    r = null, setTimeout(() => {
+      a?.unmount(), e.remove();
+    }, 0);
+  };
+}
+function Ft({
+  site: o,
+  apiBaseUrl: e,
+  methodes: r,
+  surJeton: a
+}) {
+  const { hote: i, point: n } = je(Pt), s = qe(n), p = () => c();
+  s.render(
+    /* @__PURE__ */ t(
+      it,
+      {
+        site: o,
+        apiBaseUrl: e,
+        ...r ? { methodes: r } : {},
+        surJeton: (u) => {
+          c(), a(u);
+        },
+        surFermer: p
+      }
+    )
+  );
+  const c = Re(s, i);
+  return c;
+}
+function Qt({
+  jeton: o,
+  site: e,
+  apiBaseUrl: r,
+  pont: a
+}) {
+  const { hote: i, point: n } = je(qt), s = qe(n);
+  return s.render(
+    /* @__PURE__ */ t(
+      _t,
+      {
+        api: et({
+          jeton: o,
+          site: e,
+          apiBaseUrl: r,
+          surJetonRefuse: Pe
+        }),
+        pont: a
+      }
+    )
+  ), Re(s, i);
+}
+export {
+  Se as E,
+  Ft as a,
+  Qt as b,
+  jt as e,
+  Rt as m
+};