Ajoute une propriété "Ombre portée" (box-shadow), disponible sur tout widget

Nouveau groupe "Ombre" dans le panneau de propriétés, à côté de "Bordure"
(même universalité — voir UNIVERSAL_CONTROLS) : décalage X/Y, flou,
étendue, couleur et opacité, combinés en une seule valeur CSS box-shadow
(couleur+opacité fusionnées en rgba(), un <input type="color"> seul ne
portant pas de canal alpha). Décalages/flou/étendue tous à 0 = pas
d'ombre, même convention que border-width à 0 = pas de bordure.

Nouveau ctype "shadow" (c_shadow.py), suit exactement le même principe
que le ctype "size" déjà existant (size_override_controls.py) : plusieurs
entrées de formulaire pour un seul réglage, composées/décomposées dans
save_element_controls.py et control_value.py plutôt que passées par le
chemin générique clé->valeur.

Ajoute tests/test_shadow_controls.py (présence dans le panneau,
composition de la valeur CSS, aller-retour dans le formulaire, remise à
zéro qui retire l'ombre).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

screens/widgets/control_groups/shadow_controls.py

@@ -0,0 +1,5 @@
+from ..controls.c_shadow import c_shadow
+
+SHADOW_CONTROLS = [
+    c_shadow("box-shadow", "Ombre portée", "style:box-shadow", group="Ombre"),
+]

screens/widgets/control_groups/universal_controls.py

@@ -4,6 +4,7 @@ from .visibility_condition_controls import VISIBILITY_CONDITION_CONTROLS
 from .size_override_controls import SIZE_OVERRIDE_CONTROLS
 from .spacing_controls import SPACING_CONTROLS
 from .border_controls import BORDER_CONTROLS
+from .shadow_controls import SHADOW_CONTROLS
 
 # Le panneau "Survol" (HOVER_CONTROLS) a été retiré du panneau de propriétés :
 # survoler un élément est conceptuellement un DÉCLENCHEUR (voir la Logique de
@@ -12,4 +13,4 @@ from .border_controls import BORDER_CONTROLS
 # et bindHoverTexts() dans play.html) reste fonctionnel pour les éléments qui
 # en avaient déjà un, seul le moyen de le RÉGLER depuis ce panneau disparaît
 # pour l'instant.
-UNIVERSAL_CONTROLS = [VISIBILITY_CONTROL, c_scale()] + SIZE_OVERRIDE_CONTROLS + SPACING_CONTROLS + BORDER_CONTROLS + VISIBILITY_CONDITION_CONTROLS
+UNIVERSAL_CONTROLS = [VISIBILITY_CONTROL, c_scale()] + SIZE_OVERRIDE_CONTROLS + SPACING_CONTROLS + BORDER_CONTROLS + SHADOW_CONTROLS + VISIBILITY_CONDITION_CONTROLS

screens/widgets/control_value.py

@@ -31,6 +31,21 @@ def _control_value(el, control):
             return {"value": float(m.group(1)), "unit": m.group(2)}
         return {"value": control.get("default", 0), "unit": "%"}
 
+    if ctype == "shadow":
+        _kind, name = control["target"].split(":", 1)
+        raw = style.get(name)
+        m = re.match(
+            r"^(-?\d+)px (-?\d+)px (\d+)px (\d+)px rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)$",
+            str(raw or ""),
+        )
+        if m:
+            x, y, blur, spread, r, g, b, a = m.groups()
+            return {
+                "x": int(x), "y": int(y), "blur": int(blur), "spread": int(spread),
+                "color": "#{:02x}{:02x}{:02x}".format(int(r), int(g), int(b)), "opacity": float(a),
+            }
+        return control.get("default", {})
+
     target = control["target"]
     if target == "content":
         return el.get("content") or control.get("default", "")

screens/widgets/controls/c_shadow.py

@@ -0,0 +1,12 @@
+def c_shadow(key, label, target, default=None, group=None):
+    """Ombre portée composée de 6 sous-réglages (décalage X/Y, flou,
+    étendue, couleur, opacité) — voir save_element_controls.py (ctype
+    "shadow") pour comment ils se combinent en une seule valeur CSS
+    "box-shadow", et control_value.py pour comment elle se décompose à
+    nouveau pour l'affichage. Décalages/flou/étendue tous à 0 = pas
+    d'ombre, comme border-width à 0 = pas de bordure."""
+    return {
+        "key": key, "label": label, "type": "shadow", "target": target,
+        "default": default or {"x": 0, "y": 4, "blur": 12, "spread": 0, "color": "#000000", "opacity": 0.4},
+        "group": group,
+    }