@supersoniks/concorde 1.1.23 → 1.1.25

package/core/components/functional/configuration/configuration.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
+const tagName = "sonic-radio";
 let SonicConfiguration = class SonicConfiguration extends LitElement {
     constructor() {
         super(...arguments);
@@ -16,6 +17,6 @@ let SonicConfiguration = class SonicConfiguration extends LitElement {
     }
 };
 SonicConfiguration = __decorate([
-    customElement("sonic-configuration")
+    customElement(tagName)
 ], SonicConfiguration);
 export { SonicConfiguration };

package/core/components/functional/date/date.js

@@ -10,6 +10,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import HTML from "@supersoniks/concorde/core/utils/HTML";
 import Format from "@supersoniks/concorde/core/utils/Format";
 import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
+const tagName = "sonic-date";
 let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement)) {
     constructor() {
         super(...arguments);
@@ -189,6 +190,6 @@ __decorate([
     property({ type: Boolean })
 ], SonicDate.prototype, "renderIf", void 0);
 SonicDate = __decorate([
-    customElement("sonic-date")
+    customElement(tagName)
 ], SonicDate);
 export { SonicDate };

package/core/components/functional/example/example.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+const tagName = "sonic-example"; // For Astro.build
 let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
@@ -20,6 +21,6 @@ __decorate([
     property()
 ], SonicComponent.prototype, "text", void 0);
 SonicComponent = __decorate([
-    customElement("sonic-example")
+    customElement(tagName)
 ], SonicComponent);
 export { SonicComponent };

package/core/components/functional/fetch/fetch.d.ts

@@ -38,37 +38,6 @@ declare const Fetch_base: {
         hasAttribute(attributeName: String): boolean;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-/**
- * ###Fetch charge un contenu via un appel d'api web.
- * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * #### Configuration via les attributs
- *
- * | nom          | sur quelle balise | Description | Exemple de valeur | défaut / requis |
- * | -------------------------------------------------------------------------------------- |
- * | serviceURL   |Fetcher ou un de ses parents | URL de base des services. | http://la-billetterie.net/api/v2 | domain du site |
- * | endpoint   |Fetcher | point d'accès d'un service | user/2 | valeur de l'attribut dataProvider |
- * | dataProvider  |Fetcher ou un de ses parents | Identifiant d'un publisher qui stock les données, voir [subscriber](./?path=/docs/miscallenous-🔔-subscriber--page). | billetterie/user/2 | *REQUIS* |
- * | key  |Fetcher  | extrait une sous propriété de la donnée chargée avant de l'assignée à son publisher | ma.data | null |
- *
- * *Si la données est `{ma:{data:{a:1,b:2}}}` et `key="ma.data"`, la données disponible dans le composant sera `{a:1, b:2}`*
- 
- #### Intégration auto de basic auth (pour tester une api qui nécessite une authentification)
- 
- * Fetch utilise le service pour générer le token et l'ajoute au header de l'appel qui récupère les données.
-
- * | nom           | sur quelle balise | Description | Exemple de valeur | défaut / requis |
- * | -------------------------------------------------------------------------------------- |
- * | userName      | Fetcher ou un de ses parents | Nom de l'utilisateur | DjuDju | null |
- * | password      | Fetcher ou un de ses parents | mot de passe | pom_549 | null |
- * | tokenProvider | Fetcher ou un de ses parents | point d'accès du service fournissant le token | auth | null |
- * | token | Fetcher ou un de ses parents | A fournir à la place des autres attributs si on le possède | q<d34gb | null |
- 
- #### Autres choses utiles
- * * L'attribut *noLoader* du composant permet de désactiver l'affichage du loader par défaut.
- * * On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
- * * endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
- */
 export declare class Fetch extends Fetch_base {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;

package/core/components/functional/fetch/fetch.js

@@ -39,6 +39,7 @@ import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
  * * On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
  * * endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
  */
+const tagName = "sonic-fetch"; // For Astro.build
 let Fetch = class Fetch extends Fetcher(Subscriber(LitElement)) {
     render() {
         return html `<slot></slot>`;
@@ -52,11 +53,11 @@ Fetch.styles = [
     `,
 ];
 Fetch = __decorate([
-    customElement("sonic-fetch")
+    customElement(tagName)
 ], Fetch);
 export { Fetch };
 //Ajout pour custom-elements-manifesy pour storybook notamment
 try {
-    customElements.define("sonic-fetch", Fetch);
+    customElements.define(tagName, Fetch);
 }
 catch (e) { }

package/core/components/functional/if/if.d.ts

@@ -1,7 +1,4 @@
 import { LitElement, nothing } from "lit";
-/**
- * Le composant *sonic-if* affiche son contenu dans le slot principal si sa propriété .condition est évaluée à true
- */
 export declare class SonicIF extends LitElement {
     static styles: import("lit").CSSResult;
     /**

package/core/components/functional/if/if.js

@@ -9,6 +9,7 @@ import { customElement, property } from "lit/decorators.js";
 /**
  * Le composant *sonic-if* affiche son contenu dans le slot principal si sa propriété .condition est évaluée à true
  */
+const tagName = "sonic-if"; // For Astro.build
 let SonicIF = class SonicIF extends LitElement {
     constructor() {
         super(...arguments);
@@ -33,11 +34,11 @@ __decorate([
     property({ type: Boolean })
 ], SonicIF.prototype, "condition", void 0);
 SonicIF = __decorate([
-    customElement("sonic-if")
+    customElement(tagName)
 ], SonicIF);
 export { SonicIF };
 //Ajout pour custom-elements-manifesy pour storybook notamment
 try {
-    customElements.define("sonic-if", SonicIF);
+    customElements.define(tagName, SonicIF);
 }
 catch (e) { }

package/core/components/functional/list/list.d.ts

@@ -40,23 +40,6 @@ declare const List_base: {
         hasAttribute(attributeName: String): boolean;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-/**
- *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
- *
-* Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web.<br>
- * Voir [fetcher](./?path=/docs/core-components-functional-fetch--basic) pour la configuration des autres attributs.
- * * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page).<br>
- *  Un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
- *  Les données de la ligne sont donc disponible pour les élements internes (subscribers, data-binding)
- *  * Lors du chargement un objet loader inline est affiché.
- *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _key_ est ajoutés à la donnée de chaque item. Elle contient l'index dans le cas d'un liste simple ou la clés associée à la valeur si `extractValues` est définit.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
- * *
- */
 export declare class List extends List_base {
     static styles: import("lit").CSSResult[];
     itemPropertyMap: Object | null;

package/core/components/functional/list/list.js

@@ -32,6 +32,7 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
  * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  * *
  */
+const tagName = "sonic-list";
 let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
     constructor() {
         super(...arguments);
@@ -63,7 +64,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
     renderNoResultState() {
         return html `
       <div class="sonic-no-result-container">
-        <sonic-icon prefix="iconoir" name="emoji-think-left" size="lg"></sonic-icon
+        <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
         ><span class="sonic-no-result-text">${this.props}</span>
       </div>`;
     }
@@ -169,11 +170,11 @@ __decorate([
     property({ type: String })
 ], List.prototype, "idKey", void 0);
 List = __decorate([
-    customElement("sonic-list")
+    customElement(tagName)
 ], List);
 export { List };
 //Ajout pour custom-elements-manifest pour storybook notamment
 try {
-    customElements.define("sonic-list", List);
+    customElements.define(tagName, List);
 }
 catch (e) { }

package/core/components/functional/queue/queue.d.ts

@@ -2,14 +2,6 @@ import { LitElement, nothing } from "lit";
 import '@supersoniks/concorde/core/components/functional/list/list';
 import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
 declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-/**
- *### Une Queue charge du contenu par lot selon l'expression renseignée dans l'attribut *dataProviderExpression*.
- * * Chaque lot est chargé par un composant [List](./?path=/docs/core-components-functional-list-list--basic) dont le dataProvider créé à partir de l'attribut dataProviderExpression
- * * A l'initialisation elle regarde l'attribut dataFilterProvider qui donne l'adresse d'un [publisher](./?path=/docs/how-to-🥨-dialogue-inter-composant--page)
- * Si cet attribut est touvé, Queue écoute le publisher fourni et se réinitialise à chaque modification du contenu de celui-ci.
- * Les valeurs renseignées dans ce publisher sont ajoutées en get à chaque requête
- * * la proriété *key* peut être utilisé pour cibler une propriété particulière du retour de l'api.
- */
 export default class Queue extends Queue_base {
     templates: Array<HTMLTemplateElement> | null;
     lastRequestTime: number;
@@ -21,6 +13,7 @@ export default class Queue extends Queue_base {
     targetRequestDuration: number;
     limit: number;
     offset: number;
+    filteredFields: string;
     static instanceCounter: number;
     connectedCallback(): void;
     filterPublisher: PublisherProxy | null;

package/core/components/functional/queue/queue.js

@@ -20,6 +20,7 @@ import '@supersoniks/concorde/core/components/functional/list/list';
  * Les valeurs renseignées dans ce publisher sont ajoutées en get à chaque requête
  * * la proriété *key* peut être utilisé pour cibler une propriété particulière du retour de l'api.
  */
+const tagName = "sonic-queue";
 let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
@@ -37,6 +38,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
          */
         this.limit = 5;
         this.offset = 0;
+        this.filteredFields = "";
         this.filterPublisher = null;
         this.filterTimeoutId = undefined;
         /**
@@ -119,7 +121,10 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         let endpoint = split.shift();
         let searchParams = new URLSearchParams(split.join("?"));
         let filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
+        let filteredFieldsArray = this.filteredFields.split(" ");
         for (let f in filterData) {
+            if (this.filteredFields && !filteredFieldsArray.includes(f))
+                continue;
             searchParams.set(f, filterData[f]);
         }
         dataProvider = endpoint + "?" + searchParams.toString();
@@ -184,6 +189,9 @@ __decorate([
 __decorate([
     property()
 ], Queue.prototype, "offset", void 0);
+__decorate([
+    property()
+], Queue.prototype, "filteredFields", void 0);
 __decorate([
     property({ type: String })
 ], Queue.prototype, "dataProviderExpression", void 0);
@@ -191,11 +199,11 @@ __decorate([
     property({ type: String })
 ], Queue.prototype, "idKey", void 0);
 Queue = Queue_1 = __decorate([
-    customElement("sonic-queue")
+    customElement(tagName)
 ], Queue);
 export default Queue;
 //Ajout pour custom-elements-manifesy pour storybook notamment
 try {
-    customElements.define("sonic-queue", Queue);
+    customElements.define(tagName, Queue);
 }
 catch (e) { }

package/core/components/functional/router/redirect.d.ts

@@ -1,14 +1,5 @@
 import { LitElement } from "lit";
 declare const SonicRedirect_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-/**
- * sonic-redirect permet d'effectuer une redirection.
- * * L'URL de redirection fournie dans l'attribut *to*.
- * * La redirection est effectuée en fonction de la disponibilité d'une donnée issue du publisher à l'adresse fournie par l'attribut dataProvider
- * * La donnée a trouver est renseignées via l'attribut *onData* qui peur repésenter un chemin dans la donnée via la dot syntaxe
- * * Si la données est trouvée et qu'elle peut être évaluée à true alors la redirection est effectuée
- * Par exemple : la données vaut {user:{id:2}} si onData="user.id"la redirection est effectuée.
- * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
- */
 export declare class SonicRedirect extends SonicRedirect_base {
     udpateCallBack: () => void;
     connectedCallback(): void;

package/core/components/functional/router/redirect.js

@@ -18,6 +18,7 @@ import Objects from "@supersoniks/concorde/core/utils/Objects";
  * Par exemple : la données vaut {user:{id:2}} si onData="user.id"la redirection est effectuée.
  * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
  */
+const tagName = "sonic-redirect";
 let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
@@ -47,11 +48,11 @@ let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
     }
 };
 SonicRedirect = __decorate([
-    customElement("sonic-redirect")
+    customElement(tagName)
 ], SonicRedirect);
 export { SonicRedirect };
 //Ajout pour la creation du cem notamment pour Storybook
 try {
-    customElements.define("sonic-redirect", SonicRedirect);
+    customElements.define(tagName, SonicRedirect);
 }
 catch (e) { }

package/core/components/functional/router/router.d.ts

@@ -1,19 +1,5 @@
 import { LitElement } from "lit";
 declare const SonicRouter_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-/**
- * ### Le router observe les modification document.location et met à jour sa vu de la manière suivante :
- * * Il boucle sur ses template enfants et test si la regexp contenue dans l'attribut *data-route* match document.location
- * * Si oui le contenu du template est affiché
- * * Si l'attribut dataProviderExpression est fourni le contenu est entouré d'une div :
- * * L'attribut "dataProvider" de cette div est le resultat de l'appel à la fonction replace sur la propriété location avec comme paramettres la regexpe et dataproviderExpression.
- * * On peut également utiliser les des expressions du type url-pattern pour les paramètres de la route voir les exemples
- * * les subscribers/fetch... du template ser réfèrerons à ce dataProvider
- *
- * **Exemples **
- * Avec location = /youpla/utilisateur/2 :
- * * RegExp : data-route = /utilisateur/(\d+) et dataproviderExpression = /user/$1 l'attribut dataProvider vaudra "/user/2"
- * * url-pattern : /*utilisateur/:id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
- */
 export declare class SonicRouter extends SonicRouter_base {
     templateValueAttribute: string;
     connectedCallback(): void;

package/core/components/functional/router/router.js

@@ -26,6 +26,7 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
  * * RegExp : data-route = /utilisateur/(\d+) et dataproviderExpression = /user/$1 l'attribut dataProvider vaudra "/user/2"
  * * url-pattern : /*utilisateur/:id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
  */
+const tagName = "sonic-router";
 let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitElement)) {
     constructor() {
         super(...arguments);
@@ -94,11 +95,11 @@ __decorate([
     property()
 ], SonicRouter.prototype, "location", null);
 SonicRouter = __decorate([
-    customElement("sonic-router")
+    customElement(tagName)
 ], SonicRouter);
 export { SonicRouter };
 //Ajout pour la creation du cem notamment pour Storybook
 try {
-    customElements.define("sonic-router", SonicRouter);
+    customElements.define(tagName, SonicRouter);
 }
 catch (e) { }

package/core/components/functional/sonic-scope/sonic-scope.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement } from "lit/decorators.js";
+const tagName = "sonic-scope";
 let SonicScope = class SonicScope extends LitElement {
     createRenderRoot() {
         return this;
@@ -15,6 +16,6 @@ let SonicScope = class SonicScope extends LitElement {
     }
 };
 SonicScope = __decorate([
-    customElement("sonic-scope")
+    customElement(tagName)
 ], SonicScope);
 export { SonicScope };

package/core/components/functional/states/states.d.ts

@@ -1,20 +1,5 @@
 import { LitElement } from "lit";
 declare const SonicStates_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
-/**
- * ### sonic-states affiche des états différents en fonction de la valeur d'une sous propriété de son dataProvider (attribut data-path en dot notation):
- * * Il boucle sur ses template enfants et test si la regexp contenue dans l'attribut *data-value* match la valeur de la propriété
- * * Si oui le contenu du template correspontant est affiché comme état.
- * * Si l'attribut dataProviderExpression est fourni le contenu est entouré d'une div :
- * * L'attribut "dataProvider" de cette div est le resultat de l'appel à la fonction replace sur valeur de la propriété avec comme paramettres la regexp et dataproviderExpression.
- * * Les subscribers/fetch... du template se réfèrerons à ce dataProvider
- * * On peut également utiliser les des expressions du type url-pattern pour les paramètres de la route voir les exemples
- *
- * **Exemples**
- * Avec ma.propriete= 2 :
- * * RegExp data-value = (\d+) et dataproviderExpression = /user/$1 l'attribut dataProvider vaudra "/user/2"
- * * url-pattern data-value = :id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
- *
- */
 export declare class SonicStates extends SonicStates_base {
     state: string;
     inverted: Boolean;

package/core/components/functional/states/states.js

@@ -27,6 +27,7 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
  * * url-pattern data-value = :id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
  *
  */
+const tagName = "sonic-states";
 let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitElement)) {
     constructor() {
         super(...arguments);
@@ -129,11 +130,11 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], SonicStates.prototype, "inverted", void 0);
 SonicStates = __decorate([
-    customElement("sonic-states")
+    customElement(tagName)
 ], SonicStates);
 export { SonicStates };
 //Ajout pour custom-elements-manifesy pour storybook notamment
 try {
-    customElements.define("sonic-states", SonicStates);
+    customElements.define(tagName, SonicStates);
 }
 catch (e) { }

package/core/components/functional/submit/submit.d.ts

@@ -2,17 +2,6 @@ import "@supersoniks/concorde/core/components/ui/button/button";
 import API from "@supersoniks/concorde/core/utils/api";
 import { LitElement } from "lit";
 declare const Submit_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-/**
- * ###L'élément submit permet d'envoyer des données en rest
- * * Les données envoyées sont celles présentes dans le publisher dont l'adresse est renseignée via l'attribut *formDataProvider*.
- * Cet attribut est également utilisé par les éléments de form comme *sonic-input*, ou *sonic-select*, qui remplissent ce publisher avec leur attribut *value* en fonction de leur attribut *name*
- * * L'api est configuré à la manière d'un fetcher.
- * * L'attribut *method* permet de choisir la méthode d'envoie : *put/delete/post*, *post* étant la méthode par défaut.
- * * Si l'attribut *onClick* est présent, les données sont envoyées quand on click dans son contenu
- * * Si l'attribut *onEnterKey* est présent, les données sont envoyées quand on appuie sur la touche entrée d'un élément contenu dans le *sonic-submit* ayant le focus
- * * Pendant l'envoi, les éléments *sonic-submit* ayant le même attribut *dataProvider* ont la propriété *disabled="disabled"* ce qui a pour effet de désactiver leur contenu
- * * L'attribut *clearedDataOnSuccess* peut être utilisé pour vider les données des dataProvider correspondants lorsque l'appel à l'api a fourni un résultat.
- */
 export declare class Submit extends Submit_base {
     static styles: import("lit").CSSResult;
     submitResultKey: string | null;

package/core/components/functional/submit/submit.js

@@ -32,6 +32,7 @@ import Objects from "@supersoniks/concorde/core/utils/Objects";
  * * Pendant l'envoi, les éléments *sonic-submit* ayant le même attribut *dataProvider* ont la propriété *disabled="disabled"* ce qui a pour effet de désactiver leur contenu
  * * L'attribut *clearedDataOnSuccess* peut être utilisé pour vider les données des dataProvider correspondants lorsque l'appel à l'api a fourni un résultat.
  */
+const tagName = "sonic-submit";
 let Submit = class Submit extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
@@ -126,11 +127,11 @@ __decorate([
     property({ type: String })
 ], Submit.prototype, "endPoint", void 0);
 Submit = __decorate([
-    customElement("sonic-submit")
+    customElement(tagName)
 ], Submit);
 export { Submit };
 //Ajout pour la creation du cem notamment pour Storybook
 try {
-    customElements.define("sonic-submit", Submit);
+    customElements.define(tagName, Submit);
 }
 catch (e) { }

package/core/components/functional/subscriber/subscriber.d.ts

@@ -1,8 +1,5 @@
 import { LitElement } from "lit";
 declare const SonicSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
-/**
- * Voir la partie dédiée dans *MISCALLENOUS*
- */
 export declare class SonicSubscriber extends SonicSubscriber_base {
     noAutofill: boolean;
     connectedCallback(): void;

package/core/components/functional/subscriber/subscriber.js

@@ -10,6 +10,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 /**
  * Voir la partie dédiée dans *MISCALLENOUS*
  */
+const tagName = "sonic-subscriber";
 let SonicSubscriber = class SonicSubscriber extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
@@ -24,11 +25,11 @@ let SonicSubscriber = class SonicSubscriber extends Subscriber(LitElement) {
     }
 };
 SonicSubscriber = __decorate([
-    customElement("sonic-subscriber")
+    customElement(tagName)
 ], SonicSubscriber);
 export { SonicSubscriber };
 //Ajout pour Storybook
 try {
-    customElements.define("sonic-subscriber", SonicSubscriber);
+    customElements.define(tagName, SonicSubscriber);
 }
 catch (e) { }

package/core/components/ui/alert/alert.js

@@ -13,6 +13,7 @@ const icon = {
     info: "info-empty",
     default: "info-empty",
 };
+const tagName = 'sonic-alert';
 /**
  * Affiche un message en ligne.
  * Soit par ses simples attributs "label" et "text", soit par son slot pour des messages plus complexes.
@@ -35,10 +36,10 @@ let Alert = class Alert extends LitElement {
     render() {
         return html `<div part="alert" class="alert">
                   <div>
-                    ${this.status && html `<sonic-icon prefix="iconoir" name=${icon[this.status]}></sonic-icon>`}
+                    ${this.status && html `<sonic-icon name=${icon[this.status]}></sonic-icon>`}
                   </div>
                   <div >
-                    ${this.label ? html `<span class="alert-title">${this.label} :</span>` : nothing}
+                    ${this.label ? html `<span class="label">${this.label} :</span>` : nothing}
                     ${this.text} <slot><slot>
                   </div>
                 </div>`;
@@ -52,7 +53,7 @@ Alert.styles = [
         --sc-alert-fw: var(--sc-font-weight-base);
         --sc-alert-fst: var(--sc-font-style-base);
         --sc-alert-fs: 1rem;
-        --sc-alert-title-fw: bold;
+        --sc-alert-label-fw: bold;
 
         display: block;
         font-size: var(--sc-alert-fs);
@@ -69,8 +70,8 @@ Alert.styles = [
         border-radius: var(--sc-alert-rounded);
       }
 
-      .alert-title {
-        font-weight: var(--sc-alert-title-fw);
+      .label {
+        font-weight: var(--sc-alert-label-fw);
       }
 
       :host([status="warning"]) {
@@ -102,14 +103,13 @@ Alert.styles = [
         bottom: 0;
         opacity: 0.08;
         border-radius: var(--sc-alert-rounded);
-        pointer-events:none;
+        pointer-events: none;
       }
       :host([background]) > div {
-        z-index:2;
-        position:relative;
+        z-index: 2;
+        position: relative;
       }
 
-
       /*SIZE*/
       :host([size="xs"]) {
         --sc-alert-fs: 0.75rem;
@@ -146,10 +146,10 @@ __decorate([
     property({ type: String, reflect: true })
 ], Alert.prototype, "status", void 0);
 Alert = __decorate([
-    customElement("sonic-alert")
+    customElement(tagName)
 ], Alert);
 export { Alert };
 try {
-    customElements.define("sonic-alert", Alert);
+    customElements.define(tagName, Alert);
 }
 catch (e) { }

package/core/components/ui/badge/badge.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
+const tagName = 'sonic-badge';
 /**
  * Un badge simple avec deux slots, un nommé prefix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
  * * Le badge est comparable au bouton car il possèdent tous les deux les propriétés *type* (primary...), *variant*(outline, ghost), size(xs...)...
@@ -166,11 +167,11 @@ __decorate([
     property({ type: String, reflect: true })
 ], Badge.prototype, "size", void 0);
 Badge = __decorate([
-    customElement("sonic-badge")
+    customElement(tagName)
 ], Badge);
 export { Badge };
 //Ajout pour la creation du cem notamment pour Storybook
 try {
-    customElements.define("sonic-badge", Badge);
+    customElements.define(tagName, Badge);
 }
 catch (e) { }

package/core/components/ui/button/button.d.ts

@@ -9,6 +9,7 @@ declare const Button_base: {
         radio: true | null;
         _checked: true | null;
         checked: true | null;
+        validateFormElement(): void;
         setCheckedValue(checked: true | null): void;
         handleChange(): void;
         getValueForFormPublisher(): any;
@@ -18,12 +19,7 @@ declare const Button_base: {
         updateDataValue(): void;
         error: true | null;
         autofocus: true | null;
-        disabled: true | null; /**
-         * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
-         * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables
-         * * Le bouton est comparable au badge car il possèdent tous les deux les propriétés *type* (primary...), *variant*(outline, ghost), size(xs...)...
-         * * Le bouton possède cependant et notamment une propriété href contrairement à un badge
-         */
+        disabled: true | null;
         required: true | null;
         formDataProvider: string;
         props: any;
@@ -82,7 +78,7 @@ export declare class Button extends Button_base {
     /**
      * Propriété align-items de *flex* appliquée à l'élément contenant les *slots*
      */
-    align: string;
+    alignItems: string;
     /**
      * Propriété justify-content de *flex* appliquée à l'élément contenant les *slots*
      */
@@ -90,7 +86,7 @@ export declare class Button extends Button_base {
     /**
      * Propriété text-align du bouton
      */
-    textAlign: "" | "right" | "left" | "center";
+    align: "" | "right" | "left" | "center";
     /**
      * Propriété min-width du bouton
      */