@supersoniks/concorde 1.1.30 → 1.1.31

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

@@ -57,13 +57,17 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
      * 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, end_date, options) {
-        const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
         let start = this.startDateObject;
         start.setTime(start_date * 1000);
         let parts = null;
         if (end_date > 0) {
             let end = this.endDateObject;
             end.setTime(end_date * 1000);
+            if (start.toJSON().substring(0, 10) != end.toJSON().substring(0, 10)) {
+                delete options.hour;
+                delete options.minute;
+            }
+            let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatRangeToParts(start, end);
             if (this.designMode) {
                 for (let part of parts) {
@@ -85,8 +89,10 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
                     parts.unshift({ type: "from", value: this.duAu[0] + " ", source: "shared" });
             }
         }
-        else
+        else {
+            let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatToParts(start);
+        }
         parts[0].value = Format.ucFirst(parts[0].value);
         parts = parts.filter((p) => p.hidden !== true);
         return parts;

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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, css } from "lit";
+import { html, LitElement, css, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
@@ -18,7 +18,7 @@ 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.
  *
-* Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
+ * 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.
@@ -62,14 +62,13 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             : html `<sonic-loader mode="inline"></sonic-loader>`;
     }
     renderNoResultState() {
-        return html `
-      <div class="sonic-no-result-container">
-        <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
-        ><span class="sonic-no-result-text">${this.props}</span>
-      </div>`;
+        return html ` <div class="sonic-no-result-container">
+      <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon><span class="sonic-no-result-text">${this.props}</span>
+    </div>`;
     }
     formatProps() {
         let props = this.props;
+        let response = props._sonic_http_response_;
         let extractValues = this.hasAttribute("extractValues");
         //si props n'est pas un tableau on l'adapte
         if (!Array.isArray(props)) {
@@ -77,9 +76,14 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                 props = Object.entries(props).map(([k, v]) => ({ key: k, value: v }));
             }
             else {
-                props = [props];
+                if (!response || response.ok)
+                    props = [props];
+                else {
+                    props = [];
+                }
             }
         }
+        props._sonic_http_response_ = response;
         return props;
     }
     render() {
@@ -121,12 +125,14 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
       ${repeat(props, (item, index) => item[this.idKey] || index, (item, index) => {
             let templatePartName = item[this.templateKey];
             let hasCustomTemplate = templatePartName && this.templateParts[templatePartName];
-            counter++;
-            if (hasCustomTemplate)
-                counter = -1;
             let key = extractValues ? item.key : index;
+            if (key == "_sonic_http_response_")
+                return nothing;
             let pub = this.publisher[key];
             pub._key_ = key + "";
+            counter++;
+            if (hasCustomTemplate)
+                counter = -1;
             return (item &&
                 html `
               <sonic-subscriber

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

@@ -55,16 +55,17 @@ let Submit = class Submit extends Subscriber(LitElement) {
         this.api = new API(this.getApiConfiguration());
     }
     submit() {
-        var _a, _b, _c, _d, _e;
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const formPublisher = PublisherManager.getInstance().get(this.getAncestorAttributeValue("formDataProvider"));
             //
-            // Validation du formulaire 
+            // Validation du formulaire
             formPublisher.isFormValid = true;
             formPublisher.invalidate();
             if (!formPublisher.isFormValid.get())
                 return;
-            this.publisher.disabled = true;
+            if (this.publisher)
+                this.publisher.disabled = true;
             formPublisher.isFormValid;
             //
             //Recup données
@@ -76,34 +77,49 @@ let Submit = class Submit extends Subscriber(LitElement) {
             let dataProvider = this.getAncestorAttributeValue("dataProvider");
             let endPoint = this.endPoint || dataProvider;
             Loader.show();
-            //
-            //envoi données
-            switch (method) {
-                case "put":
-                    result = yield ((_b = this.api) === null || _b === void 0 ? void 0 : _b.put(endPoint, postData, headerData));
-                    break;
-                case "delete":
-                    result = yield ((_c = this.api) === null || _c === void 0 ? void 0 : _c.delete(endPoint, postData, headerData));
-                    break;
-                case "get":
-                    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(endPoint, postData, headerData));
-                    break;
-            }
-            Loader.hide();
-            if (!result)
-                result = { messages: [{ content: "Network Error", status: "error" }] };
-            let clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
-            if (clearedDataProvider) {
-                clearedDataProvider.split(" ").forEach(dataProvider => PublisherManager.get(dataProvider).set({}));
+            let sendData = () => __awaiter(this, void 0, void 0, function* () {
+                var _b, _c, _d, _e;
+                //
+                //envoi données
+                switch (method) {
+                    case "put":
+                        result = yield ((_b = this.api) === null || _b === void 0 ? void 0 : _b.put(endPoint, postData, headerData));
+                        break;
+                    case "delete":
+                        result = yield ((_c = this.api) === null || _c === void 0 ? void 0 : _c.delete(endPoint, postData, headerData));
+                        break;
+                    case "get":
+                        result = yield ((_d = this.api) === null || _d === void 0 ? void 0 : _d.get(endPoint, headerData));
+                        break;
+                    default:
+                        result = yield ((_e = this.api) === null || _e === void 0 ? void 0 : _e.post(endPoint, postData, headerData));
+                        break;
+                }
+                Loader.hide();
+                //Je garde ça, mais normalement il y a toujours quelquechose
+                if (!result)
+                    result = { messages: [{ content: "Network Error", status: "error" }] };
+                let clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
+                if (clearedDataProvider) {
+                    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);
+                if (this.publisher)
+                    this.publisher.disabled = false;
+            });
+            if (formPublisher.needsCaptchaValidation.get()) {
+                formPublisher.captchaToken = "request_token";
+                formPublisher.captchaToken.onAssign((token) => {
+                    if (token != "request_token")
+                        sendData();
+                });
             }
-            if (this.submitResultKey) {
-                result = Objects.traverse(result, this.submitResultKey.split("."), true);
+            else {
+                sendData();
             }
-            PublisherManager.getInstance().get(this.getAncestorAttributeValue("submitResultDataProvider")).set(result);
-            this.publisher.disabled = false;
         });
     }
     render() {
@@ -111,7 +127,7 @@ let Submit = class Submit extends Subscriber(LitElement) {
     }
 };
 Submit.styles = css `
-    [data-disabled]{
+    [data-disabled] {
       opacity: 0.3;
       pointer-events: none;
       user-select: none;

package/core/components/ui/_css/size.js

@@ -1,26 +1,26 @@
 import { css } from "lit";
-export const fontSize = css `
-  /*SIZES*/
-  :host {
-    --sc-fs: 1rem;
-    font-size: var(--sc-fs);
-  }
-  :host([size="2xs"]) {
-    --sc-fs: 0.68rem;
-  }
-  :host([size="xs"]) {
-    --sc-fs: 0.75rem;
-  }
-  :host([size="sm"]) {
-    --sc-fs: 0.875rem;
-  }
-  :host([size="lg"]) {
-    --sc-fs: 1.125rem;
-  }
-  :host([size="xl"]) {
-    --sc-fs: 1.25rem;
-  }
-  :host([size="2xl"]) {
-    --sc-fs: 1.5rem;
-  }
+export const fontSize = css `
+  /*SIZES*/
+  :host {
+    --sc-fs: 1rem;
+    font-size: var(--sc-fs);
+  }
+  :host([size="2xs"]) {
+    --sc-fs: 0.68rem;
+  }
+  :host([size="xs"]) {
+    --sc-fs: 0.75rem;
+  }
+  :host([size="sm"]) {
+    --sc-fs: 0.875rem;
+  }
+  :host([size="lg"]) {
+    --sc-fs: 1.125rem;
+  }
+  :host([size="xl"]) {
+    --sc-fs: 1.25rem;
+  }
+  :host([size="2xl"]) {
+    --sc-fs: 1.5rem;
+  }
 `;

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

@@ -67,7 +67,7 @@ Alert.styles = [
         line-height: 1.2;
         border-radius: var(--sc-alert-rounded);
       }
-
+z
       .label {
         font-weight: var(--sc-alert-label-fw);
       }

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

@@ -0,0 +1,16 @@
+import { LitElement } from "lit";
+declare const Captcha_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+/**
+ * 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
+ */
+export declare class Captcha extends Captcha_base {
+    key: string;
+    formPublisher: any;
+    connectedCallback(): void;
+    requestToken(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/core/components/ui/captcha/captcha.js

@@ -0,0 +1,54 @@
+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 { Subscriber } from "@supersoniks/concorde/mixins";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+const tagName = "sonic-captcha";
+/**
+ * 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
+ */
+let Captcha = class Captcha extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.key = "";
+    }
+    connectedCallback() {
+        const script = document.createElement("script");
+        script.src = "https://www.google.com/recaptcha/api.js?render=" + this.key;
+        document.head.appendChild(script);
+        super.connectedCallback();
+        this.formPublisher = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+        this.formPublisher.needsCaptchaValidation = true;
+        this.formPublisher.captchaToken.onAssign((v) => {
+            if (v == "request_token") {
+                this.requestToken();
+            }
+        });
+    }
+    requestToken() {
+        const win = window;
+        win.grecaptcha.ready(() => {
+            win.grecaptcha.execute(this.key, { action: "submit" }).then((token) => {
+                this.formPublisher.captchaToken = token;
+            });
+        });
+    }
+    render() {
+        return html ` <slot></slot> `;
+    }
+};
+__decorate([
+    property()
+], Captcha.prototype, "key", void 0);
+Captcha = __decorate([
+    customElement(tagName)
+], Captcha);
+export { Captcha };

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -24,7 +24,26 @@ declare const Checkbox_base: {
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
-        props: any;
+        props: any; /**
+         * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
+         * **FormElement :**
+         * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
+         * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
+         * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
+         * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
+         * * **FormInput **
+         * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
+         * **FormCheckable :**
+         * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
+         * **Comportements :**
+         * * multiple (par défaut):
+         * - on peut cocher plusieurs checkbox ayant le même *name*.
+         * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
+         * * unique (Ajouter l'attribute unique au composant a l'intégration):
+         * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
+         * * radio (Ajouter l'attribute radio au composant a l'intégration):
+         * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
+         */
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
@@ -66,7 +85,26 @@ declare const Checkbox_base: {
         value: any;
         _name: string;
         name: string;
-        props: any;
+        props: any; /**
+         * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
+         * **FormElement :**
+         * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
+         * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
+         * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
+         * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
+         * * **FormInput **
+         * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
+         * **FormCheckable :**
+         * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
+         * **Comportements :**
+         * * multiple (par défaut):
+         * - on peut cocher plusieurs checkbox ayant le même *name*.
+         * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
+         * * unique (Ajouter l'attribute unique au composant a l'intégration):
+         * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
+         * * radio (Ajouter l'attribute radio au composant a l'intégration):
+         * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
+         */
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;

package/core/components/ui/taxonomy/taxonomy.js

@@ -10,6 +10,7 @@ import { repeat } from "lit/directives/repeat.js";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
 import "@supersoniks/concorde/core/components/ui/badge/badge";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 const tagName = "sonic-taxonomy";
 /**
  * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
@@ -61,7 +62,7 @@ let Taxonomy = class Taxonomy extends LitElement {
         this.style.removeProperty("display");
         return html `
       <sonic-badge type=${this.type} variant=${this.variant} size=${this.size}>
-        <sonic-icon slot="prefix" name=${this.icon.name} prefix=${this.icon.prefix}></sonic-icon>
+        <sonic-icon slot="prefix" library=${ifDefined(this.icon.library)} prefix=${ifDefined(this.icon.prefix)} name=${ifDefined(this.icon.name)} ></sonic-icon>
         <span class="taxonomy-list">
           ${repeat(taxo, (item) => item[this.key + "_id"], (item) => {
             return html `<span> ${item[this.key + "_name"]}</span

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

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+export declare const tailwind: import("lit").CSSResult;
 export declare class Theme extends LitElement {
     static styles: import("lit").CSSResult[];
     theme: string;

package/core/components/ui/theme/theme.js

@@ -5,11 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var Theme_1;
-import { html, LitElement, css } from "lit";
+import { html, LitElement, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { coreVariables } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/core-variables";
 import { light } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/light";
 import { dark } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/dark";
+import tailwindImport from "./css/tailwind.css?inline";
+export const tailwind = css `
+  ${unsafeCSS(tailwindImport)}
+`;
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {

package/core/components/ui/toast/toast-item.js

@@ -46,7 +46,7 @@ let SonicToastItem = class SonicToastItem extends LitElement {
     >
     
     <button aria-label="Close" class="sonic-toast-close" @click=${() => this.hide()}>
-    <sonic-icon  name="cancel" size="lg"></sonic-icon>
+      <sonic-icon  name="cancel" size="lg"></sonic-icon>
     </button>
     <div class="sonic-toast-content custom-scroll"  style="max-height: ${this.maxHeight} ;">
       
@@ -55,8 +55,8 @@ let SonicToastItem = class SonicToastItem extends LitElement {
         
           
           <div class="sonic-toast-text">
-          ${this.title ? html `<div class="sonic-toast-title">${this.title}</div>` : ""}
-          ${this.text ? unsafeHTML(this.text) : ""}
+            ${this.title ? html `<div class="sonic-toast-title">${this.title}</div>` : ""}
+            ${this.text ? unsafeHTML(this.text) : ""}
           <slot></slot>
           </div>
           
@@ -136,15 +136,32 @@ SonicToastItem.styles = [
         margin-top: auto;
         margin-bottom: auto;
         max-width:70ch;
+        line-height: 1.2;
       }
 
-      ::slotted(a),
+      ::slotted(a:not(.btn)),
       .sonic-toast-text a {
-        color: inherit;
-        text-decoration: underline;
+        color: inherit !important;
+        text-decoration: underline !important;
         text-underline-offset: 0.15rem;
       }
 
+      ::slotted(:is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6)),
+      .sonic-toast-text :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6) {
+        margin: 0 0 0.3em !important;
+      }
+
+      ::slotted(li),
+      .sonic-toast-text li {
+        margin-bottom: .15em !important;
+      }
+
+      ::slotted( :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child),
+      .sonic-toast-text > :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child {
+        margin-bottom: 0 !important;
+      } 
+
+
       /*BUTTON CLOSE*/
       .sonic-toast-close {
         all: unset;
@@ -183,6 +200,7 @@ SonicToastItem.styles = [
         font-weight: bold;
         font-size: 1.15rem;
         margin: 0.15em 0 0.25em;
+        line-height: 1.2;
       }
 
       /*STATUS*/

package/core/components/ui/toast/toast.js

@@ -10,6 +10,7 @@ import { repeat } from "lit/directives/repeat.js";
 import { animate } from "@lit-labs/motion";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { styleMap } from "lit/directives/style-map.js";
 import "@supersoniks/concorde/core/components/ui/toast/toast-item";
@@ -39,10 +40,12 @@ let SonicToast = class SonicToast extends LitElement {
         return html `<div aria-live="polite" style=${styleMap(styles)}>
       ${repeat(this.toasts, (item) => item.id, (item) => html `
           <sonic-toast-item maxHeight=${isIframe ? 'none' : '10rem'}
-            status=${item.status}
+            status=${ifDefined(item.status)}
+            title=${ifDefined(item.title)}
             ?ghost=${item.ghost}
             ?dismissForever=${item.dismissForever}
-            ?preserve=${item.preserve} id=${item.id}
+            ?preserve=${item.preserve} 
+            id=${ifDefined(item.id)}
             @hide=${() => this.removeItem(item)}
             ${animate({
             keyframeOptions: {
@@ -61,6 +64,7 @@ let SonicToast = class SonicToast extends LitElement {
             stabilizeOut: true,
         })}
           >
+            <!-- Le texte est passé dans le slot et non pas en propriété pour contrer des problèmatiques de shadow-dom et d'appel exterieur (exemple: fancybox) -->
             ${item.text ? unsafeHTML(item.text) : ""}
           </sonic-toast-item>
         `)}

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

@@ -27,3 +27,4 @@ import "./pop/pop";
 import "./divider/divider";
 import "./card/card";
 import "./table/table";
+import "./captcha/captcha";

package/core/components/ui/ui.js

@@ -36,3 +36,4 @@ import "./pop/pop";
 import "./divider/divider";
 import "./card/card";
 import "./table/table";
+import "./captcha/captcha";

package/core/mixins/Fetcher.js

@@ -86,6 +86,7 @@ const Fetcher = (superClass) => {
                     Loader.show();
                 let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
                 data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
+                // Je garde ça mais normalement ça n'arrive jamais
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;
@@ -96,7 +97,10 @@ const Fetcher = (superClass) => {
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {
+                    let response = data._sonic_http_response_;
                     data = Objects.traverse(data, this.key.split("."), false);
+                    if (data)
+                        data._sonic_http_response_ = response;
                 }
                 this.props = data;
                 this.dispatchEvent(new CustomEvent("load", { detail: this }));

package/core/mixins/FormCheckable.d.ts

@@ -68,9 +68,6 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: String): boolean;
-        /**
-         * comme radio,mais peut être désélectionné après sélection
-         */
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormInput.d.ts

@@ -30,10 +30,6 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         name: string;
         props: any;
         isConnected: boolean;
-        /**
-         * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
-         * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
-         */
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;

package/core/utils/PublisherProxy.d.mts

@@ -85,7 +85,7 @@ export class PublisherProxy {
  * Utilitaires de gestion des Publisher
  * Obtenir, replacer ou supprimer un Publisher
  *
-*/
+ */
 export class PublisherManager {
     static instance: null;
     /**

package/core/utils/PublisherProxy.mjs

@@ -199,7 +199,7 @@ export class PublisherProxy {
          * Si il s'agit d'une valeur primitive (un entier, une chaine ) la valeure en renseignée par un objet contenant la vaeur {__value}
          * On publie juste et on sen va.
          */
-        const isPrimitiveValue = (this._value_.hasOwnProperty("__value"));
+        const isPrimitiveValue = this._value_.hasOwnProperty("__value");
         if (isPrimitiveValue) {
             this._publishAssignement_(lockInternalMutationsTransmission);
             return true;
@@ -222,7 +222,7 @@ export class PublisherProxy {
          * Si la donnée est complexe (objet, tableau)
          * on crée les proxys pour les sous-éléments qui n'en on pas
          * On renseigne les nouvelles valeurs internes des proxies
-        */
+         */
         if (isComplex(this._value_)) {
             for (let key in this._value_) {
                 let v = newValue[key];
@@ -258,7 +258,7 @@ export class PublisherProxy {
  * Utilitaires de gestion des Publisher
  * Obtenir, replacer ou supprimer un Publisher
  *
-*/
+ */
 export class PublisherManager {
     constructor() {
         if (PublisherManager.instance != null)