@supersoniks/concorde 1.1.7 → 1.1.10

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

@@ -0,0 +1,5 @@
+import { LitElement } from "lit";
+export declare class SonicConfiguration extends LitElement {
+    isSonicConfig: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+let SonicConfiguration = class SonicConfiguration extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.isSonicConfig = true;
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+SonicConfiguration = __decorate([
+    customElement("sonic-configuration")
+], SonicConfiguration);
+export { SonicConfiguration };

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

@@ -7,6 +7,7 @@ export declare class SonicDate extends SonicDate_base {
     get wording_billet_periode_validite(): string;
     set wording_billet_periode_validite(value: string);
     designMode: boolean | null;
+    time_zone: string | null;
     date: number | null;
     date_string: string | null;
     start_date_string: string | null;
@@ -28,7 +29,7 @@ export declare class SonicDate extends SonicDate_base {
     /**
      * Retourne un tableau des différentes parties de la date en fonction des options données, de la date de début et de fin.
      */
-    getDatesParts(start_date: number, end_date: number, options: Intl.DateTimeFormatOptions): any;
+    getDatesParts(start_date: number, end_date: number, options: any): any;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 export {};

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

@@ -17,6 +17,7 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
         this.duAu = [];
         this._wording_billet_periode_validite = "";
         this.designMode = null;
+        this.time_zone = null;
         this.date = null;
         this.date_string = null;
         this.start_date_string = null;
@@ -70,9 +71,10 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
                     }
                 }
             }
-            if (parts.some((part) => part.source == "endRange")) {
+            const isSameDay = start.getFullYear() == end.getFullYear() && start.getMonth() == end.getMonth() && start.getDate() == end.getDate();
+            if (parts.some((part) => part.source == "endRange") && !isSameDay) {
                 for (let part of parts) {
-                    if (part.type == "literal" && part.source == "shared" && part.value.trim().length > 0) {
+                    if (part.type == "literal" && part.source == "shared" && part.value.trim().length > 0 && !isSameDay) {
                         part.value = " " + this.duAu[1] + " ";
                         part.type = "to";
                         break;
@@ -116,6 +118,8 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
             options.minute = this.minute;
         if (this.era)
             options.era = this.era;
+        if (this.time_zone)
+            options.timeZone = this.time_zone;
         let parts = this.getDatesParts(this.start_date, this.end_date, options);
         return html `${parts.map((part) => {
             let template = this.templateParts[part.type];
@@ -136,6 +140,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], SonicDate.prototype, "designMode", void 0);
+__decorate([
+    property({ type: String })
+], SonicDate.prototype, "time_zone", void 0);
 __decorate([
     property({ type: Number })
 ], SonicDate.prototype, "date", void 0);

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

@@ -23,7 +23,6 @@ declare const Fetch_base: {
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
-        makeShadow(props: Record<string, any>, value: any): any;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -38,17 +37,35 @@ declare const Fetch_base: {
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
 /**
  * ###Fetch charge un contenu via un appel d'api web.
- * * Fetch etendsles mixins Fetcher et Subscriber
- * * On indique notamment la route de l'api avec l'attribut `endpoint` dans la balise du composant.
- * * Si l'attribut `endpoint` n'est pas disponible le composant utilise la valeur de `dataProvider` "ancêtre" le plus proche.
- * * L'attribut `key` peut être renseigné pour cibler une sous partie de la donnée chargée.
- * Par exemple si la données est `{ma:{data:{a:1,b:2}}}` on peut ecrire `key="ma.data"`. Dans ce cas la données disponible dans le composant sera `{a:1, b:2}`
- * * Les propriétés réactives de tout composants étendant [subscriber](./?path=/docs/miscallenous-🔔-subscriber--page) avec le même dataProvider seront renseignées avec les propriétés de l'objet chargé via l'api.
- * * L'affichage du loader peut être désactivé en ajoutant l'attribut *noLoader* à la balise du composant.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
+ * 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.
  */
 export declare class Fetch extends Fetch_base {
-    noAutofill: boolean;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -10,20 +10,35 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
 /**
  * ###Fetch charge un contenu via un appel d'api web.
- * * Fetch etendsles mixins Fetcher et Subscriber
- * * On indique notamment la route de l'api avec l'attribut `endpoint` dans la balise du composant.
- * * Si l'attribut `endpoint` n'est pas disponible le composant utilise la valeur de `dataProvider` "ancêtre" le plus proche.
- * * L'attribut `key` peut être renseigné pour cibler une sous partie de la donnée chargée.
- * Par exemple si la données est `{ma:{data:{a:1,b:2}}}` on peut ecrire `key="ma.data"`. Dans ce cas la données disponible dans le composant sera `{a:1, b:2}`
- * * Les propriétés réactives de tout composants étendant [subscriber](./?path=/docs/miscallenous-🔔-subscriber--page) avec le même dataProvider seront renseignées avec les propriétés de l'objet chargé via l'api.
- * * L'affichage du loader peut être désactivé en ajoutant l'attribut *noLoader* à la balise du composant.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
+ * 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.
  */
 let Fetch = class Fetch extends Fetcher(Subscriber(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.noAutofill = true;
-    }
     render() {
         return html `<slot></slot>`;
     }

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

@@ -8,4 +8,5 @@ import "./submit/submit";
 import "./router/router";
 import "./router/redirect";
 import "./states/states";
+import "./sonic-scope/sonic-scope";
 import "./example/example";

package/core/components/functional/functional.js

@@ -8,4 +8,5 @@ import "./submit/submit";
 import "./router/router";
 import "./router/redirect";
 import "./states/states";
+import "./sonic-scope/sonic-scope";
 import "./example/example";

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

@@ -25,7 +25,6 @@ declare const List_base: {
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
-        makeShadow(props: Record<string, any>, value: any): any;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -41,16 +40,19 @@ declare const List_base: {
 /**
  *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
  *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web comme le fait [fetch](./?path=/docs/core-components-functional-fetch--basic)
- *  * La proriété *key* (issue du fetcher) permet de cibler une propriété particulière du retour de l'api.
- *  * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *  un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
+* 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.
+ *  * 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[];
@@ -65,6 +67,9 @@ export declare class List extends List_base {
      */
     idKey: string;
     connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
+    renderLoadingState(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/template-content").TemplateContentDirective>;
+    renderNoResultState(): import("lit-html").TemplateResult<1>;
+    formatProps(): any;
+    render(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/template-content").TemplateContentDirective>;
 }
 export {};

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

@@ -18,16 +18,19 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
 /**
  *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
  *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web comme le fait [fetch](./?path=/docs/core-components-functional-fetch--basic)
- *  * La proriété *key* (issue du fetcher) permet de cibler une propriété particulière du retour de l'api.
- *  * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *  un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
+* 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.
+ *  * 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
+ * *
  */
 let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
     constructor() {
@@ -48,22 +51,23 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         this.defferedDebug = this.hasAttribute("debug") || null;
         this.isDefaultLoaderEnabled = false;
         this.isFetchEnabled = this.hasAttribute("fetch");
+        if (this.isFetchEnabled)
+            this.isLoading = true;
         super.connectedCallback();
     }
-    render() {
-        if (this.isLoading && !Array.isArray(this.props))
-            return html `<sonic-loader mode="inline"></sonic-loader>`;
-        // si props est une string on considère qu'il n'y a pas de résultats
-        if (typeof this.props == "string") {
-            return html `<div class="sonic-no-result-container">
+    renderLoadingState() {
+        return this.templateParts["skeleton"]
+            ? templateContent(this.templateParts["skeleton"])
+            : html `<sonic-loader mode="inline"></sonic-loader>`;
+    }
+    renderNoResultState() {
+        return html `
+      <div class="sonic-no-result-container">
         <sonic-icon prefix="iconoir" name="emoji-think-left" size="lg"></sonic-icon
         ><span class="sonic-no-result-text">${this.props}</span>
       </div>`;
-        }
-        // si props est un objet mais qu'il n'y a pas de contenu on retourn une div vide (nécessaire pour le lazyload)
-        if (!Objects.isObject(this.props) || Object.keys(this.props).length == 0) {
-            return html `<div></div>`;
-        }
+    }
+    formatProps() {
         let props = this.props;
         let extractValues = this.hasAttribute("extractValues");
         //si props n'est pas un tableau on l'adapte
@@ -75,9 +79,43 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                 props = [props];
             }
         }
-        // Resultats
+        return props;
+    }
+    render() {
+        /**
+         * Loading
+         */
+        const isLoadingState = this.isLoading && !Array.isArray(this.props);
+        if (isLoadingState)
+            return this.renderLoadingState();
+        /**
+         * Si props est une string on considère qu'il n'y a pas de résultats
+         */
+        const isString = typeof this.props === "string";
+        if (isString)
+            return this.renderNoResultState();
+        /**
+         * si props mal formé ou null on retourne une div vide (nécessaire pour le lazyload)
+         */
+        const propsIsBaddlyFormatted = !Objects.isObject(this.props);
+        if (propsIsBaddlyFormatted)
+            return html `<div></div>`;
+        /**
+         * On format les props pour les rendre compatibles avec le fonctionnement du rendu en fonction du paramétrage du composant (cf : "extractValues" )
+         */
+        let props = this.formatProps();
+        /**
+         *  On peut définir un template spécifique si le résultat est un tableau vide
+         */
+        if (props.length == 0 && this.templateParts["no-item"]) {
+            return templateContent(this.templateParts["no-item"]);
+        }
+        /**
+         * Rendu des lignes
+         *  */
         let templateCount = this.templateList.length;
         let counter = -1;
+        let extractValues = this.hasAttribute("extractValues");
         return html `
       ${repeat(props, (item, index) => item[this.idKey] || index, (item, index) => {
             let templatePartName = item[this.templateKey];

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

@@ -146,7 +146,10 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         if (!Array.isArray(this.props))
             return nothing;
         return html `
-      ${repeat(this.props, (item) => item.id, (item) => html `
+      ${repeat(this.props, (item) => item.id, (item, index) => {
+            var _a;
+            let templates = index == 0 ? this.templates : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter(elt => elt.getAttribute("data-value") != "no-item");
+            return html `
             <sonic-list
               fetch
               .itemPropertyMap=${this.itemPropertyMap}
@@ -156,10 +159,11 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
               @loading=${this.resetDuration}
               dataProvider="${item.dataProvider}"
               idKey=${this.idKey}
-              .templates=${this.templates}
+              .templates=${templates}
             >
             </sonic-list>
-          `)}
+          `;
+        })}
     `;
     }
 };

package/core/components/functional/sonic-scope/sonic-scope.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from "lit";
+export declare class SonicScope extends LitElement {
+    protected createRenderRoot(): Element | ShadowRoot;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+let SonicScope = class SonicScope extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+SonicScope = __decorate([
+    customElement("sonic-scope")
+], SonicScope);
+export { SonicScope };

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

@@ -37,7 +37,6 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
     }
     connectedCallback() {
         super.connectedCallback();
-        console.log("BB");
         if (this.hasAttribute("data-path")) {
             this.statePath = this.getAttribute("data-path");
         }
@@ -65,7 +64,6 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
         if ((!Array.isArray(state) && Objects.isObject(state)) || state === undefined) {
             state = "";
         }
-        console.log(state);
         for (let t of this.templatePartsList) {
             let path = t.getAttribute(this.templateValueAttribute);
             let stateToMatch = state;

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

@@ -15,7 +15,9 @@ declare const Submit_base: (new (...args: any[]) => import("@supersoniks/concord
  */
 export declare class Submit extends Submit_base {
     static styles: import("lit").CSSResult;
+    submitResultKey: string | null;
     disabled: boolean;
+    endPoint: string | null;
     api: API | null;
     connectedCallback(): void;
     submit(): Promise<void>;

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

@@ -20,6 +20,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import API from "@supersoniks/concorde/core/utils/api";
 import { Loader } from "@supersoniks/concorde/core/components/ui/loader/loader";
 import { css, html, LitElement } from "lit";
+import Objects from "@supersoniks/concorde/core/utils/Objects";
 /**
  * ###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*.
@@ -34,17 +35,21 @@ import { css, html, LitElement } from "lit";
 let Submit = class Submit extends Subscriber(LitElement) {
     constructor() {
         super(...arguments);
+        this.submitResultKey = null;
         this.disabled = false;
+        this.endPoint = null;
         this.api = null;
     }
     connectedCallback() {
-        if (this.hasAttribute("onClick"))
+        if (this.hasAttribute("onClick")) {
             this.addEventListener("click", () => this.submit());
-        if (this.hasAttribute("onEnterKey"))
+        }
+        if (this.hasAttribute("onEnterKey")) {
             this.addEventListener("keydown", (e) => {
                 if (e.key === "Enter")
                     this.submit();
             });
+        }
         super.connectedCallback();
         this.api = new API(this.getApiConfiguration());
     }
@@ -55,20 +60,21 @@ let Submit = class Submit extends Subscriber(LitElement) {
             let method = ((_a = this.getAttribute("method")) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "post";
             let postData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("formDataProvider")).get();
             let result = null;
-            let dp = this.getAncestorAttributeValue("dataProvider");
+            let dataProvider = this.getAncestorAttributeValue("dataProvider");
+            let endPoint = this.endPoint || dataProvider;
             Loader.show();
             switch (method) {
                 case "put":
-                    result = yield ((_b = this.api) === null || _b === void 0 ? void 0 : _b.put(dp, postData));
+                    result = yield ((_b = this.api) === null || _b === void 0 ? void 0 : _b.put(endPoint, postData));
                     break;
                 case "delete":
-                    result = yield ((_c = this.api) === null || _c === void 0 ? void 0 : _c.delete(dp, postData));
+                    result = yield ((_c = this.api) === null || _c === void 0 ? void 0 : _c.delete(endPoint, postData));
                     break;
                 case "get":
-                    result = yield ((_d = this.api) === null || _d === void 0 ? void 0 : _d.get(dp));
+                    result = yield ((_d = this.api) === null || _d === void 0 ? void 0 : _d.get(endPoint));
                     break;
                 default:
-                    result = yield ((_e = this.api) === null || _e === void 0 ? void 0 : _e.post(dp, postData));
+                    result = yield ((_e = this.api) === null || _e === void 0 ? void 0 : _e.post(endPoint, postData));
                     break;
             }
             Loader.hide();
@@ -76,7 +82,10 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 result = { messages: [{ content: "Network Error", status: "error" }] };
             let clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
             if (clearedDataProvider) {
-                clearedDataProvider.split(" ").forEach(dataProvider => PublisherManager.getInstance().get(dataProvider).set({}));
+                clearedDataProvider.split(" ").forEach(dataProvider => PublisherManager.get(dataProvider).set({}));
+            }
+            if (this.submitResultKey) {
+                result = Objects.traverse(result, this.submitResultKey.split("."), true);
             }
             PublisherManager.getInstance().get(this.getAncestorAttributeValue("submitResultDataProvider")).set(result);
             this.publisher.disabled = false;
@@ -93,9 +102,15 @@ Submit.styles = css `
       user-select: none;
     }
   `;
+__decorate([
+    property({ type: String })
+], Submit.prototype, "submitResultKey", void 0);
 __decorate([
     property({ type: Boolean })
 ], Submit.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], Submit.prototype, "endPoint", void 0);
 Submit = __decorate([
     customElement("sonic-submit")
 ], Submit);

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

@@ -44,7 +44,6 @@ Badge.styles = [
         --sc-badge-py: 0.15em;
         --sc-badge-px: 0.66em;
         --sc-badge-fs: 1rem;
-        --sc-badge-fw: 1rem;
 
         --sc-badge-color: var(--sc-base-content, #1f2937);
         --sc-badge-bg: var(--sc-base-200, #e5e7eb);

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

@@ -18,7 +18,12 @@ declare const Button_base: {
         updateDataValue(): void;
         error: true | null;
         autofocus: true | null;
-        disabled: 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
+         */
         required: true | null;
         formDataProvider: string;
         props: any;
@@ -30,7 +35,6 @@ declare const Button_base: {
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
-        makeShadow(props: Record<string, any>, value: any): any;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -99,6 +103,10 @@ export declare class Button extends Button_base {
     hasSuffix: boolean;
     prefixes: HTMLElement[];
     suffixes: HTMLElement[];
+    /**
+     * target
+     */
+    target: "_self" | "_blank" | null;
     /**
      * L'url
      */

package/core/components/ui/button/button.js

@@ -11,6 +11,7 @@ import { styleMap } from "lit/directives/style-map.js";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormCheckable from "@supersoniks/concorde/core/mixins/FormCheckable";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
+import { ifDefined } from "lit/directives/if-defined.js";
 /**
  * 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
@@ -65,6 +66,10 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         this.loading = false;
         this.hasPrefix = false;
         this.hasSuffix = false;
+        /**
+         * target
+         */
+        this.target = null;
         /**
          * L'url
          */
@@ -155,7 +160,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
       </button>
     `;
         return this.href
-            ? html `<a href="${this.href}" @click=${this.pushState ? this.handlePushState : null}>${btn}</a>`
+            ? html `<a href="${this.href}" target=${ifDefined(this.target)} @click=${this.pushState ? this.handlePushState : null}>${btn}</a>`
             : html `${btn}`;
     }
     onSlotChange() {
@@ -205,13 +210,13 @@ Button.styles = [
 
       :host a {
         display: contents;
+        color:unset;
       }
 
       :host button {
         display: flex;
         flex: 1;
         box-sizing: border-box;
-        flex-wrap: wrap;
         align-items: center;
         justify-content: center;
 
@@ -540,6 +545,9 @@ __decorate([
 __decorate([
     queryAssignedElements({ flatten: true, slot: 'suffix' })
 ], Button.prototype, "suffixes", void 0);
+__decorate([
+    property({ type: String })
+], Button.prototype, "target", void 0);
 __decorate([
     property({ type: String })
 ], Button.prototype, "href", null);

package/core/components/ui/card/card-footer.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from "lit";
+export declare class CardFooter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}