Mutation observer - Observateur de mutations

Interface fine et déclarative à l'API MutationObserver

 

Component checklist

Status

The component has a health status indicated

Healthy

Repository

Includes a link to an external code repository

Storybook

Dernière version de modification

2.5.0

Disponible depuis la version

2.5.0

Usage


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-mutation-observer></dsa-mutation-observer>
                                                                                                                                                        
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/mutation-observer/mutation-observer.js';
                                                                                                                                                          import type { DSAMutationObserver } from '@ds-autonomie/web-components';
                                                                                                                                                        </script>
                                                                                                                                                        
                                                                                                                                                            

Code HTML à implémenter pour utiliser l'élément

 


API

Attributs et propriétés


Propriété

attribut

Description

Type

Valeur par défaut

attr

Surveille les modifications apportées aux attributs. Pour surveiller uniquement des attributs spécifiques, séparez-les par un espace, par exemple : attr="class id title". Pour surveiller tous les attributs, utilisez *.

string

-

attrOldValue attr-old-value

Indique si la valeur précédente du texte du nœud doit être enregistrée ou non.

boolean

false

charData char-data

 

Surveille les modifications apportées aux données de caractère contenues dans le nœud

boolean

false

charDataOldValue char-data-old-value

Indique si la valeur précédente du texte du nœud doit être enregistrée ou non.

boolean

false

childList child-list

Surveille l'ajout ou la suppression de nouveaux nœuds enfants.

boolean

false

disabled

Désactive l'observateur

boolean

false

Méthodes

Slots

Nom

Description

(defaut)

Le contenu à surveiller pour les mutations.

Événements

Nom

Description

dsa-mutation

{{ entries: MutationObserverEntry[] }} Émis lorsqu'une mutation se produit.