Référence des Composants (Web Components)

HAL utilise des Web Components natifs pour encapsuler des fonctionnalités complexes. Ils sont situés dans src/js/webcomponents.

Ecommerce

h-cart-counter

Affiche le nombre d'articles dans le panier. Écoute les événements de mise à jour du panier pour se rafraîchir automatiquement.

h-product-form

Gère la soumission du formulaire d'ajout au panier (états de chargement, erreurs, ouverture du panier).

h-variants-form-*

Famille de composants pour gérer la sélection de variantes (Selects, Radios). Met à jour l'URL et le formulaire principal lors du changement de variante.

UI / Layout

h-drawer

Un panneau latéral glissant (tiroir).

• Attributs : data-active-class, @lock-body, @disable-page-overlay.
• Méthodes : open(), close(), toggle().

apt-tabs

Système d'onglets simple avec triggers et contenus.

apt-video-player

Lecteur vidéo personnalisé avec contrôles, autoplay au scroll et gestion du son.

h-sticky-header

En-tête qui devient collant (sticky) au scroll ou se cache/révèle selon la direction du scroll.