@supersoniks/concorde 1.1.46 → 1.1.47

package/core/components/ui/form/input-autocomplete/input-autocomplete.d.ts

@@ -3,67 +3,7 @@ import "@supersoniks/concorde/core/components/ui/form/input/input";
 import "@supersoniks/concorde/core/components/ui/pop/pop";
 import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-import { Size } from "../../_css/size";
-type ListItem = Record<string, string>;
-declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & {
-    new (...args: any[]): {
-        validateFormElement(): void;
-        forceAutoFill: boolean;
-        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
-        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
-        _description?: string | undefined;
-        description: string | undefined;
-        _label?: string | undefined;
-        label: string | undefined;
-        tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
-        getFormPublisher(): any;
-        updateDataValue(): void;
-        handleChange(e?: Event | undefined): void;
-        handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): string | object | string[] | null | undefined;
-        focus?: (() => void) | undefined;
-        shadowRoot?: ShadowRoot | undefined;
-        error: boolean;
-        autofocus: boolean;
-        required: boolean;
-        disabled: true | null;
-        formDataProvider: string;
-        ariaLabelledby?: string | undefined;
-        ariaLabel?: string | undefined;
-        _value: string | object | string[] | null | undefined;
-        value: string | object | string[] | null | undefined;
-        _name: string;
-        name: string;
-        props: import("../../../../_types/types").CoreJSType;
-        propertyMap: object;
-        isConnected: boolean;
-        children: HTMLCollection;
-        appendChild(node: Node): Node;
-        getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
-        querySelectorAll(selector: string): NodeListOf<Element>;
-        publisher: any;
-        dataProvider: string | null;
-        noShadowDom: string | null;
-        debug: HTMLElement | null;
-        defferedDebug: boolean | null;
-        displayContents: boolean;
-        dispatchEvent(event: Event): void;
-        setAttribute(name: string, value: string): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        removeAttribute(name: string): void;
-        initPublisher(): void;
-        getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
-        connectedCallback(): void;
-        requestUpdate(): void;
-        getAttribute(name: string): string;
-        hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void;
-        getBoundingClientRect(): DOMRect;
-    };
-} & (new (...args: any[]) => import("../../../../mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
+declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
@@ -71,44 +11,24 @@ declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../
  */
 export declare class InputAutocomplete extends InputAutocomplete_base {
     static styles: import("lit").CSSResult[];
-    /**
-     * Possibles mutualisation avec text
-     */
-    size: Size;
+    _name: string;
+    get name(): string;
+    set name(value: string);
+    forceAutoFill: boolean;
+    _description?: string;
+    get description(): string | undefined;
+    set description(value: string | undefined);
+    _label?: string;
+    get label(): string | undefined;
+    set label(value: string | undefined);
     placeholder: string;
     filteredFields: string;
     readonly: boolean | null;
     dataProviderExpression: string;
-    select?: boolean;
     key: string;
-    searchParameter: string;
-    /**
-     * Les dataProviders
-     */
-    private searchDataProvider;
-    private initSearchDataProvider;
-    private queueDataProvider;
-    private initQueueDataProvider;
-    private lastValidSearch;
-    private searchPublisher?;
-    private countPublisher?;
-    private initCountPublisher?;
-    private formValuePublisher?;
-    /**
-     * Les fonctions de gestion
-     */
-    private updateSearchParameter;
-    private initSearchParameter;
-    private selectListItem;
-    private findSearchedItem;
-    private findSelection;
-    private setSearchFromSelection;
-    private updateActiveSelection;
+    value: string;
     connectedCallback(): void;
-    disconnectedCallback(): void;
-    queryQueueListItem(queueDataProvider: string, itemFinder: (listItem: ListItem) => boolean, itemMutator: (listItem: ListItem) => void): void;
-    setSelectionRange(start: number, end: number): void;
-    handleHide(): void;
+    formDataProvider: string;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/core/components/ui/form/input-autocomplete/input-autocomplete.js

@@ -4,222 +4,87 @@ 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, nothing } from "lit";
+import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { FormInput, FormElement, Subscriber, TemplatesContainer, } from "@supersoniks/concorde/mixins";
+import { Subscriber, TemplatesContainer } from "@supersoniks/concorde/mixins";
 import "@supersoniks/concorde/core/components/ui/form/input/input";
 import "@supersoniks/concorde/core/components/ui/pop/pop";
 import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { PublisherManager } from "@supersoniks/concorde/utils";
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
  * La valeur de cet input est ensuite retransmit au premier via un dataProvider.
  */
-let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormInput(FormElement(Subscriber(LitElement)))) {
+let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(Subscriber(LitElement)) {
     constructor() {
         super(...arguments);
-        /**
-         * Possibles mutualisation avec text
-         */
-        this.size = "md";
+        // Filtering input
+        this._name = "";
+        this.forceAutoFill = false;
         this.placeholder = "";
         this.filteredFields = "";
         this.readonly = null;
         this.dataProviderExpression = "";
         this.key = "";
-        this.searchParameter = "";
-        /**
-         * Les dataProviders
-         */
-        this.searchDataProvider = "";
-        this.initSearchDataProvider = "";
-        this.queueDataProvider = "";
-        this.initQueueDataProvider = "";
-        this.lastValidSearch = "";
-        /**
-         * Les fonctions de gestion
-         */
-        this.updateSearchParameter = (value) => {
-            if (value == "") {
-                this.lastValidSearch = "";
-                return;
-            }
-            this.queryQueueListItem(this.queueDataProvider, this.findSelection, this.setSearchFromSelection);
-        };
-        this.initSearchParameter = () => {
-            this.queryQueueListItem(this.initQueueDataProvider, this.findSelection, this.setSearchFromSelection);
-        };
-        this.selectListItem = (listItem) => {
-            var _a;
-            (_a = this.formValuePublisher) === null || _a === void 0 ? void 0 : _a.set(listItem[this.name]);
-        };
-        this.findSearchedItem = (listItem) => {
-            var _a;
-            return (listItem[this.searchParameter || this.name] == ((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()));
-        };
-        this.findSelection = (listItem) => {
-            return listItem[this.name] == this.value;
-        };
-        this.setSearchFromSelection = (listItem) => {
-            var _a;
-            this.lastValidSearch = listItem[this.searchParameter || this.name];
-            (_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.set(this.lastValidSearch);
-        };
-        this.updateActiveSelection = () => {
-            var _a, _b, _c;
-            this.queryQueueListItem(this.queueDataProvider, this.findSearchedItem, this.selectListItem);
-            if (!this.select &&
-                this.lastValidSearch &&
-                this.lastValidSearch != ((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()) &&
-                ((_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.get())) {
-                (_c = this.formValuePublisher) === null || _c === void 0 ? void 0 : _c.set("");
-            }
-        };
+        this.value = "";
+        this.formDataProvider = "";
     }
-    connectedCallback() {
-        var _a, _b, _c;
-        super.connectedCallback();
-        /**
-         * Nom de la valeur de recherche
-         * Si non défini, on utilise name
-         **/
-        const searchParameter = this.searchParameter || this.name;
-        /**
-         * Nommage des différents dataProviders utilisés
-         */
-        const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        const dpPrefix = formDataProvider + "__autocomplete";
-        this.initSearchDataProvider = `${dpPrefix}_init_search__`;
-        this.initQueueDataProvider = `${dpPrefix}_init_queue__`;
-        this.searchDataProvider = `${dpPrefix}_search__`;
-        this.queueDataProvider = `${dpPrefix}_queue__`;
-        /**
-         * Les publishers utilisés plusieurs fois dans la classe son miss en propriétés privées de la classe
-         */
-        const getPublisher = PublisherManager.get;
-        this.searchPublisher = getPublisher(this.searchDataProvider)[searchParameter];
-        this.formValuePublisher = getPublisher(formDataProvider)[this.name];
-        this.countPublisher = getPublisher(this.queueDataProvider).resultCount;
-        this.initCountPublisher = getPublisher(this.initQueueDataProvider).resultCount;
-        /**
-         * Si une valeur est fourrnie a l'initialisation, un queue spécifique appelle le service avec le name founi en paramètre
-         * Pour récupérer la valeur de searchParameter correspondante et renseigner l'input
-         **/
-        if (this.value) {
-            PublisherManager.get(this.initSearchDataProvider)[this.name] = this.value;
-        }
-        (_a = this.initCountPublisher) === null || _a === void 0 ? void 0 : _a.onAssign(this.initSearchParameter);
-        /**
-         * Lorsque la sélection change, on met à jour la valeur de recherche
-         */
-        (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.onAssign(this.updateSearchParameter);
-        /**
-         * Lorsque La valeur de recherche change, que le composant n'est pas en mode select
-         * et qu'elle est différente de la derniere recherche valide on désactive la selection
-         */
-        (_c = this.countPublisher) === null || _c === void 0 ? void 0 : _c.onAssign(this.updateActiveSelection);
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        if (this.hasAttribute("name") && !this.forceAutoFill)
+            value = this.getAttribute("name");
+        this._name = value;
+        this.requestUpdate();
     }
-    disconnectedCallback() {
-        var _a, _b, _c;
-        super.disconnectedCallback();
-        (_a = this.initCountPublisher) === null || _a === void 0 ? void 0 : _a.offAssign(this.initSearchParameter);
-        (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.offAssign(this.updateSearchParameter);
-        (_c = this.countPublisher) === null || _c === void 0 ? void 0 : _c.offAssign(this.updateActiveSelection);
-        const getPublisher = PublisherManager.get;
-        getPublisher(this.initSearchDataProvider).delete();
-        getPublisher(this.initQueueDataProvider).delete();
-        getPublisher(this.searchDataProvider).delete();
-        getPublisher(this.queueDataProvider).delete();
+    get description() {
+        return this._description;
     }
-    queryQueueListItem(queueDataProvider, itemFinder, itemMutator) {
-        const queuePublisher = PublisherManager.get(queueDataProvider);
-        let listItem;
-        const listsDescriptors = queuePublisher.get();
-        if (!Array.isArray(listsDescriptors))
-            return;
-        for (const listDescriptor of listsDescriptors) {
-            const list = PublisherManager.get(listDescriptor.dataProvider).get();
-            if (!Array.isArray(list))
-                continue;
-            listItem = list.find(itemFinder);
-            console.log(listItem);
-            if (listItem) {
-                break;
-            }
-        }
-        if (listItem) {
-            itemMutator(listItem);
-        }
+    set description(value) {
+        if (this.hasAttribute("description") && !this.forceAutoFill)
+            value = this.getAttribute("description");
+        this._description = value;
+        this.requestUpdate();
     }
-    setSelectionRange(start, end) {
-        var _a;
-        (_a = this.querySelector("sonic-input")) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end);
+    get label() {
+        return this._label;
     }
-    handleHide() {
-        var _a, _b, _c;
-        if (!this.select)
-            return;
-        if (((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()) == "") {
-            this.lastValidSearch = "";
-            (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.set("");
-            return;
-        }
-        (_c = this.searchPublisher) === null || _c === void 0 ? void 0 : _c.set(this.lastValidSearch);
+    set label(value) {
+        if (this.hasAttribute("label") && !this.forceAutoFill)
+            value = this.getAttribute("label");
+        this._label = value;
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
+        super.connectedCallback();
     }
     render() {
         return html `
-      <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
+      <sonic-pop noToggle style="display:block;">
         <sonic-input
-          debug
-          dataProvider="${this.initSearchDataProvider + Math.random()}"
-          formDataProvider="${this.searchDataProvider}"
           type="search"
-          data-keyboard-nav="${this.getAttribute("data-keyboard-nav") || ""}"
+          data-keyboard-nav="nav-autocomplete"
           label="${ifDefined(this.label)}"
           description="${ifDefined(this.description)}"
-          name="${ifDefined(this.searchParameter || this.name)}"
-          placeholder="${ifDefined(this.placeholder)}"
-          ?readonly="${this.readonly}"
+          name="${ifDefined(this.name)}"
+          value="${ifDefined(this.value)}"
           autocomplete="off"
           clearable
-          inlineContent
-          size=${this.size}
-        >
-          ${this.select
-            ? html `
-                <sonic-icon
-                  slot="suffix"
-                  class="select-chevron"
-                  name="nav-arrow-down"
-                  .size=${this.size}
-                ></sonic-icon>
-              `
-            : nothing}
-        </sonic-input>
+        ></sonic-input>
         <sonic-menu slot="content">
           <sonic-queue
-            dataProvider="${this.queueDataProvider}"
             filteredFields=${this.filteredFields}
             dataProviderExpression="${this.dataProviderExpression}"
-            dataFilterProvider="${this.searchDataProvider}"
+            dataFilterProvider="${this.formDataProvider}"
             key="${this.key}"
             .templates=${this.templateList}
             displayContents
           >
           </sonic-queue>
-          <sonic-queue
-            noLazyload
-            dataProvider="${this.initQueueDataProvider}"
-            filteredFields=${this.filteredFields}
-            dataProviderExpression="${this.dataProviderExpression}"
-            dataFilterProvider="${this.initSearchDataProvider}"
-            key="${this.key}"
-            displayContents
-          >
-          </sonic-queue>
         </sonic-menu>
       </sonic-pop>
     `;
@@ -233,8 +98,17 @@ InputAutocomplete.styles = [
     `,
 ];
 __decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "size", void 0);
+    property()
+], InputAutocomplete.prototype, "name", null);
+__decorate([
+    property()
+], InputAutocomplete.prototype, "forceAutoFill", void 0);
+__decorate([
+    property()
+], InputAutocomplete.prototype, "description", null);
+__decorate([
+    property()
+], InputAutocomplete.prototype, "label", null);
 __decorate([
     property({ type: String })
 ], InputAutocomplete.prototype, "placeholder", void 0);
@@ -247,15 +121,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], InputAutocomplete.prototype, "dataProviderExpression", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputAutocomplete.prototype, "select", void 0);
 __decorate([
     property({ type: String })
 ], InputAutocomplete.prototype, "key", void 0);
 __decorate([
     property({ type: String })
-], InputAutocomplete.prototype, "searchParameter", void 0);
+], InputAutocomplete.prototype, "value", void 0);
 InputAutocomplete = __decorate([
     customElement("sonic-input-autocomplete")
 ], InputAutocomplete);

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

@@ -5,9 +5,11 @@ export declare class Image extends LitElement {
     src: string;
     alt: string;
     loading: "eager" | "lazy";
+    transition?: "fade" | "fade-scale-out";
     ratio: string;
     objectPosition: string;
     imageRendering: string;
     cover: boolean;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/core/components/ui/image/image.js

@@ -20,6 +20,17 @@ let Image = class Image extends LitElement {
         this.imageRendering = "auto";
         this.cover = false;
     }
+    firstUpdated() {
+        var _a;
+        if (this.transition) {
+            const img = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("img");
+            if (!img)
+                return;
+            img.onload = function () {
+                img.classList.add("loaded");
+            };
+        }
+    }
     render() {
         const imgStyles = {
             aspectRatio: this.cover ? "auto" : this.ratio,
@@ -93,6 +104,20 @@ Image.styles = [
         height: 100% !important;
         width: 100% !important;
       }
+
+      :host([transition]) img {
+        opacity: 0;
+        transition: 0.25s;
+      }
+
+      :host([transition="fade-scale-out"]) img {
+        scale: 1.08;
+        transition: opacity 0.3s linear, scale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+      }
+      :host([transition]) img.loaded {
+        opacity: 1;
+        scale: 1;
+      }
     `,
 ];
 __decorate([
@@ -107,6 +132,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Image.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Image.prototype, "transition", void 0);
 __decorate([
     property({ type: String })
 ], Image.prototype, "ratio", void 0);

package/core/components/ui/pop/pop.js

@@ -51,13 +51,11 @@ let Pop = Pop_1 = class Pop extends LitElement {
             this.lastContentY = 0;
             this.runPositioningLoop();
         }
-        this.dispatchEvent(new CustomEvent("show"));
     }
     _hide() {
         this.open = false;
         this.popContent.setAttribute("tabindex", "-1");
         this.positioningRuns = false;
-        this.dispatchEvent(new CustomEvent("hide"));
     }
     _handleClosePop(e) {
         const path = e.composedPath();
@@ -68,8 +66,7 @@ let Pop = Pop_1 = class Pop extends LitElement {
             const isCloseManual = HTML.getAncestorAttributeValue(target, "data-on-select") === "keep";
             if (e.type == "pointerdown" && popContainsTarget)
                 return;
-            if (e.type == "click" &&
-                ((popContainsTarget && isCloseManual) || !popContentContainsTarget))
+            if (e.type == "click" && ((popContainsTarget && isCloseManual) || !popContentContainsTarget))
                 return;
             pop._hide();
         });
@@ -146,11 +143,9 @@ let Pop = Pop_1 = class Pop extends LitElement {
             x = xRight;
         if (contentRect.y < shiftPadding && placement == "top")
             y = yBottom;
-        if (contentRect.x + contentRect.width > window.innerWidth - shiftPadding &&
-            placement == "right")
+        if (contentRect.x + contentRect.width > window.innerWidth - shiftPadding && placement == "right")
             x = xLeft;
-        if (contentRect.y + contentRect.height > window.innerHeight - shiftPadding &&
-            placement == "bottom")
+        if (contentRect.y + contentRect.height > window.innerHeight - shiftPadding && placement == "bottom")
             y = yTop;
         this.lastContentX += x - contentRect.x;
         this.lastContentY += y - contentRect.y;
@@ -166,12 +161,10 @@ let Pop = Pop_1 = class Pop extends LitElement {
             this.lastContentY += -contentRect.y;
         }
         if (contentRect.x + contentRect.width > window.innerWidth) {
-            this.lastContentX +=
-                window.innerWidth - (contentRect.x + contentRect.width);
+            this.lastContentX += window.innerWidth - (contentRect.x + contentRect.width);
         }
         if (contentRect.y + contentRect.height > window.innerHeight) {
-            this.lastContentY +=
-                window.innerHeight - (contentRect.y + contentRect.height);
+            this.lastContentY += window.innerHeight - (contentRect.y + contentRect.height);
         }
         Object.assign(this.popContent.style, {
             left: `${this.lastContentX}px`,
@@ -180,11 +173,7 @@ let Pop = Pop_1 = class Pop extends LitElement {
     }
     render() {
         return html `
-      <slot
-        @click=${this._toggle}
-        @keydown=${this._toggle}
-        class="contents"
-      ></slot>
+      <slot @click=${this._toggle} @keydown=${this._toggle} class="contents"></slot>
       <slot
         name="content"
         tabindex="-1"

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

@@ -10,6 +10,7 @@ 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 { PublisherManager } from "@supersoniks/concorde/utils";
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {
@@ -25,6 +26,7 @@ let Theme = Theme_1 = class Theme extends LitElement {
         this.postCSSVars();
     }
     postCSSVars() {
+        var _a;
         const stylesheets = document.styleSheets;
         const ssLength = stylesheets.length;
         const fontUrls = [];
@@ -34,13 +36,14 @@ let Theme = Theme_1 = class Theme extends LitElement {
                 (ss.href.includes("googleapis") || ss.href.includes("typekit.net")))
                 fontUrls.push(ss.href);
         }
+        const theme = {
+            variables: this.getCssVariables(),
+            fonts: fontUrls,
+        };
+        (_a = PublisherManager.get("sonic-theme")) === null || _a === void 0 ? void 0 : _a.set(theme);
         document.querySelectorAll("iframe").forEach((elt) => {
             var _a;
-            return (_a = elt.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
-                type: "SonicTheme",
-                variables: this.getCssVariables(),
-                fonts: fontUrls,
-            }, "*");
+            return (_a = elt.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(Object.assign({ type: "SonicTheme" }, theme), "*");
         });
     }
     receiveMessage(event) {
@@ -55,7 +58,6 @@ let Theme = Theme_1 = class Theme extends LitElement {
             ...Theme_1.styles.map((s) => s.styleSheet),
             ...Array.from(document.styleSheets),
         ];
-        console.log(stylesheets);
         for (const stylesheet of stylesheets) {
             try {
                 if (!stylesheet)

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

@@ -8,7 +8,7 @@ export declare class SonicToast extends LitElement {
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static removeAll(): void;
     static add(conf: Toast): {
-        id: number;
+        id: string | number;
         text: string;
         title: string | undefined;
         status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus;

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

@@ -1,7 +1,7 @@
 import { Message } from "@supersoniks/concorde/la-billetterie/_types/swagger";
 export type ToastStatus = Message["status"] | "" | "success";
 export type Toast = {
-    id?: number;
+    id?: string | number;
     text: string;
     title?: string;
     status?: ToastStatus;

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

@@ -19,7 +19,6 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "../../../la-billetterie/components/event/atoms/taxonomy/taxonomy";
 import "./menu/menu";
 import "./modal/modal";
 import "./alert/alert";

package/core/components/ui/ui.js

@@ -23,7 +23,6 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "../../../la-billetterie/components/event/atoms/taxonomy/taxonomy";
 //Menu
 import "./menu/menu";
 // Misc

package/core/mixins/Fetcher.d.ts

@@ -54,6 +54,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, P
         /**
          * Première update, le comportement de lazyload est géré ici a l'aide d'un intersection observer.
          */
+        lazyLoadSpan?: HTMLSpanElement | undefined;
         handleLazyLoad(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         propertyMap: object;