Concorde functional component — Subscriber. La mixin Subscriber permet lier un composant à un publisher. Doc ID: core/components/functional/subscriber/subscriber. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html.
Subscriber
La mixin Subscriber permet lier un composant à un publisher. La liaison à un publisher se fait via l'attribut dataProvider du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).
Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.
Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.
DataProvider
Id of the dataProvider that the component will subscribe to
<sonic-subscriber dataProvider="id_that_the_subsriber_will_subscribe_to" debug>
<sonic-button> custom dataProvider id</sonic-button>
</sonic-subscriber>
<sonic-subscriber debug>
<sonic-button> default id : pageHTML</sonic-button>
</sonic-subscriber>
Props
Data object (json) that will be passed to the dataProvider
<sonic-subscriber props='{"data":"Hello world"}' debug>
<sonic-button> Hover to see the data</sonic-button>
</sonic-subscriber>
Debug
Helper, display the data held by the dataProvider in a floating div
<sonic-subscriber debug>
<sonic-button> see the dataProvider'data </sonic-button>
</sonic-subscriber>
NoAutofill
PropertyMap
Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée
BindPublisher
On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.
instanceCounter
Publisher
Args
NoShadowDom
Par défaut on crée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.
Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.
Other attributes gathered from subscriber.stories.ts
styles ??
title ??
_props ??
onAssign ??
defferedDebug ??