first commit

screens/rendering/render_overlay.py

@@ -0,0 +1,54 @@
+import html as html_lib
+
+from .visible_attrs import _visible_attrs
+from .style_string import _style_string
+from .render_children import _render_children
+
+
+def _render_overlay(el, meta, slug, children_map=None, ctx=None, parent_flex_direction=None):
+    """3.4 (Confort) — overlay/modale réutilisable : une boîte de dialogue
+    prête à l'emploi, par-dessus TOUT le reste de l'écran, fermeture
+    manuelle uniquement (aucun clic-en-dehors-pour-fermer volontairement,
+    conformément au manque documenté). Contrairement aux autres widgets, sa
+    position ne dépend PAS de x/y/width/height (glissé-déposé sur le
+    canevas) : `position:fixed; inset:0` la fait toujours couvrir tout
+    l'écran, quel que soit l'endroit où elle a été posée dans l'éditeur —
+    seul un voile semi-transparent + une boîte centrée, contenant les
+    éléments posés à l'intérieur (comme un conteneur normal).
+
+    Ouverture/fermeture : PAS de mécanisme dédié — elle réutilise l'action
+    existante "Modifier un élément → Visibilité" (masquer/rendre visible),
+    exactement comme n'importe quel autre élément. C'est pour ça qu'on
+    fusionne le style de positionnement fixe ci-dessous AVEC le style normal
+    de l'élément (_style_string) : si l'élément est réglé "Masqué" dans ses
+    propriétés, ou si une action "Modifier un élément" le cache plus tard,
+    ce masquage continue de fonctionner normalement."""
+    attrs_raw = el.get("attributes") or {}
+    box_color = attrs_raw.get("_couleur_boite") or "#1f2430"
+    radius = attrs_raw.get("_arrondi") or "12"
+
+    attrs = _visible_attrs(el, meta, ctx)
+    base_overlay_style = (
+        "position:fixed; inset:0; z-index:9999; display:flex; "
+        "align-items:center; justify-content:center; background:rgba(0,0,0,0.6);"
+    )
+    style = base_overlay_style + " " + _style_string(el, parent_flex_direction=parent_flex_direction)
+
+    attr_parts = [f'style="{html_lib.escape(style)}"']
+    for k, v in attrs.items():
+        if v in (None, "", False):
+            continue
+        attr_parts.append(
+            html_lib.escape(str(k)) if v is True else f'{html_lib.escape(str(k))}="{html_lib.escape(str(v))}"'
+        )
+
+    box_style = (
+        f"background:{html_lib.escape(str(box_color))}; border-radius:{html_lib.escape(str(radius))}px; "
+        "padding:24px; max-width:90%; max-height:90%; overflow:auto; box-sizing:border-box;"
+    )
+    child_html = _render_children(el, slug, children_map, ctx)
+    return (
+        f'<div {" ".join(attr_parts)}>'
+        f'<div class="forgeOverlayBox" style="{html_lib.escape(box_style)}">{child_html}</div>'
+        f"</div>"
+    )