@supersoniks/concorde 1.1.46 → 1.1.48

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { customElement, property, queryAssignedNodes, state, } from "lit/decorators.js";
 import { FormInput, FormElement, Subscriber, TemplatesContainer, } from "@supersoniks/concorde/mixins";
 import "@supersoniks/concorde/core/components/ui/form/input/input";
 import "@supersoniks/concorde/core/components/ui/pop/pop";
@@ -13,6 +13,8 @@ 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";
+import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
+import { ResizeController } from "@lit-labs/observers/resize_controller.js";
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
@@ -31,6 +33,8 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         this.dataProviderExpression = "";
         this.key = "";
         this.searchParameter = "";
+        this.hasInputPrefix = false;
+        this._resizeController = new ResizeController(this, {});
         /**
          * Les dataProviders
          */
@@ -39,9 +43,6 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         this.queueDataProvider = "";
         this.initQueueDataProvider = "";
         this.lastValidSearch = "";
-        /**
-         * Les fonctions de gestion
-         */
         this.updateSearchParameter = (value) => {
             if (value == "") {
                 this.lastValidSearch = "";
@@ -79,6 +80,13 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
             }
         };
     }
+    /**
+     * Les fonctions de gestion
+     */
+    hasSlotOrProps() {
+        var _a;
+        this.hasInputPrefix = !!((_a = this.slotInputPrefixNodes) === null || _a === void 0 ? void 0 : _a.length);
+    }
     connectedCallback() {
         var _a, _b, _c;
         super.connectedCallback();
@@ -145,7 +153,6 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
             if (!Array.isArray(list))
                 continue;
             listItem = list.find(itemFinder);
-            console.log(listItem);
             if (listItem) {
                 break;
             }
@@ -173,7 +180,6 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         return html `
       <sonic-pop noToggle style="display:block;" @hide=${this.handleHide}>
         <sonic-input
-          debug
           dataProvider="${this.initSearchDataProvider + Math.random()}"
           formDataProvider="${this.searchDataProvider}"
           type="search"
@@ -188,6 +194,12 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
           inlineContent
           size=${this.size}
         >
+          <slot
+            name="prefix"
+            slot="prefix"
+            @slotchange=${this.hasSlotOrProps}
+          ></slot>
+
           ${this.select
             ? html `
                 <sonic-icon
@@ -199,7 +211,11 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
               `
             : nothing}
         </sonic-input>
-        <sonic-menu slot="content">
+        <sonic-menu
+          slot="content"
+          class="custom-scroll"
+          style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}"
+        >
           <sonic-queue
             dataProvider="${this.queueDataProvider}"
             filteredFields=${this.filteredFields}
@@ -226,10 +242,18 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
     }
 };
 InputAutocomplete.styles = [
+    customScroll,
     css `
       :host {
         display: block;
       }
+
+      sonic-menu {
+        display: block;
+        max-height: clamp(20rem, 55vh, 35rem);
+        min-width: 14rem;
+        width: 100%;
+      }
     `,
 ];
 __decorate([
@@ -256,6 +280,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], InputAutocomplete.prototype, "searchParameter", void 0);
+__decorate([
+    queryAssignedNodes({ slot: "prefix" })
+], InputAutocomplete.prototype, "slotInputPrefixNodes", void 0);
+__decorate([
+    state()
+], InputAutocomplete.prototype, "hasInputPrefix", void 0);
 InputAutocomplete = __decorate([
     customElement("sonic-input-autocomplete")
 ], InputAutocomplete);

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

@@ -56,6 +56,10 @@ declare const Textarea_base: {
         hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class Textarea extends Textarea_base {

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/modal/modal.d.ts

@@ -11,6 +11,8 @@ declare type ModalCreateOptions = {
     paddingY?: string;
     width?: string;
     maxWidth?: string;
+    height?: string;
+    maxHeight?: string;
     removeOnHide?: boolean;
 };
 declare const Modal_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;

package/core/components/ui/modal/modal.js

@@ -41,6 +41,10 @@ let Modal = class Modal extends Subscriber(LitElement) {
             modal.maxWidth = options === null || options === void 0 ? void 0 : options.maxWidth;
         if (options.width)
             modal.width = options === null || options === void 0 ? void 0 : options.width;
+        if (options.maxHeight)
+            modal.maxHeight = options === null || options === void 0 ? void 0 : options.maxHeight;
+        if (options.height)
+            modal.height = options === null || options === void 0 ? void 0 : options.height;
         if (options.paddingX)
             modal.style.setProperty("--sc-modal-px", options === null || options === void 0 ? void 0 : options.paddingX);
         if (options.paddingY)
@@ -48,8 +52,7 @@ let Modal = class Modal extends Subscriber(LitElement) {
         if (options.zIndex)
             modal.style.setProperty("--sc-modal-z-index", options === null || options === void 0 ? void 0 : options.zIndex);
         // inner content
-        modal.innerHTML =
-            `<sonic-modal-close></sonic-modal-close><sonic-modal-content>${options.content}</sonic-modal-content>` || "";
+        modal.innerHTML = `<sonic-modal-close></sonic-modal-close><sonic-modal-content>${options.content}</sonic-modal-content>` || "";
         const container = document.querySelector("sonic-theme") || document.body;
         container.appendChild(modal);
         modal.show();
@@ -182,7 +185,7 @@ Modal.styles = [
         --sc-modal-py: 2.5rem;
         --sc-modal-px: 1.5rem;
         --sc-modal-max-w: min(100vw, 64ch);
-        --sc-modal-max-h: 80vh;
+        --sc-modal-max-h: 85vh;
         --sc-modal-rounded: var(--sc-rounded-lg);
         --sc-modal-z-index: 990;
       }

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/decorators/Subscriber.d.ts

@@ -0,0 +1,3 @@
+export declare function bind(value: string): (target: any, propertyKey: string) => void;
+export declare function onAssign(values: Array<string>): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => void;
+export declare function autoFill(value: string): (target: any) => void;

package/core/decorators/Subscriber.js

@@ -0,0 +1,78 @@
+import { Objects, PublisherManager } from "@supersoniks/concorde/utils";
+export function bind(value) {
+    const split = value.split(".");
+    if (split.length == 0) {
+        return function () {
+            //Empty def function
+        };
+    }
+    const dataProvider = split.shift() || "";
+    let publisher = PublisherManager.get(dataProvider);
+    publisher = Objects.traverse(publisher, split);
+    return function (target, propertyKey) {
+        let onAssign;
+        target.onConnected((component) => {
+            onAssign = (value) => {
+                component[propertyKey] = value;
+            };
+            publisher.onAssign(onAssign);
+        });
+        target.onDisconnected(() => {
+            publisher.offAssign(onAssign);
+        });
+    };
+}
+export function onAssign(values) {
+    const onAssignValues = [];
+    const confs = [];
+    let callback;
+    for (let i = 0; i < values.length; i++) {
+        const value = values[i];
+        const split = value.split(".");
+        if (split.length == 0) {
+            continue;
+        }
+        const dataProvider = split.shift() || "";
+        let publisher = PublisherManager.get(dataProvider);
+        publisher = Objects.traverse(publisher, split);
+        const onAssign = (value) => {
+            onAssignValues[i] = value;
+            if (onAssignValues.filter((v) => v !== null).length == values.length)
+                callback(...onAssignValues);
+        };
+        confs.push({ publisher, onAssign });
+    }
+    return function (target, propertyKey, descriptor) {
+        propertyKey;
+        target.onConnected((component) => {
+            callback = descriptor.value.bind(component);
+            for (const conf of confs) {
+                conf.publisher.onAssign(conf.onAssign);
+            }
+        });
+        target.onDisconnected(() => {
+            for (const conf of confs) {
+                conf.publisher.offAssign(conf.onAssign);
+            }
+        });
+    };
+}
+export function autoFill(value) {
+    const split = value.split(".");
+    if (split.length == 0) {
+        return function () {
+            //Empty def function
+        };
+    }
+    const dataProvider = split.shift() || "";
+    let publisher = PublisherManager.get(dataProvider);
+    publisher = Objects.traverse(publisher, split);
+    return function (target) {
+        target.prototype.connectedCallbackCalls.add((component) => {
+            publisher.startTemplateFilling(component);
+        });
+        target.prototype.disconnectedCallbackCalls.add((component) => {
+            publisher.stopTemplateFilling(component);
+        });
+    };
+}

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;
@@ -69,7 +70,9 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, P
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
         displayContents: boolean;
-        shadowRoot?: ShadowRoot | undefined;
+        shadowRoot?: ShadowRoot | undefined; /**
+         * isFirstLoad vaut true jusqu'au premier chargement de données
+         */
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -81,6 +84,10 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, P
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & T;
 export default Fetcher;

package/core/mixins/Fetcher.js

@@ -173,9 +173,6 @@ const Fetcher = (superClass, propsType) => {
                 this.handleLazyLoad();
             }
         }
-        /**
-         * Première update, le comportement de lazyload est géré ici a l'aide d'un intersection observer.
-         */
         handleLazyLoad() {
             const lazyLoad = this.getAttribute("lazyload");
             if (lazyLoad === null) {
@@ -192,15 +189,15 @@ const Fetcher = (superClass, propsType) => {
                 rootMargin: Math.max(window.innerWidth * boundsRatio, window.innerHeight * boundsRatio) + "px",
             };
             this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
-            /**
-             * on retire cette partie car finalement on mets systématiquement un span pour la détection de l'intersection
-             */
             let elt = (this.shadowRoot ? this.shadowRoot.children[0] : this.children[0]);
-            if (elt && elt.nodeName.toLocaleLowerCase() == "slot")
+            if ((elt === null || elt === void 0 ? void 0 : elt.nodeName.toLocaleLowerCase()) == "slot")
                 elt = elt.children[0];
             if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
                 elt = document.createElement("span");
-                // const elt = document.createElement("span");
+                const style = elt.style;
+                style.position = "absolute";
+                style.pointerEvents = "none";
+                this.lazyLoadSpan = elt;
                 this.appendChild(elt);
             }
             if (elt) {
@@ -211,11 +208,13 @@ const Fetcher = (superClass, propsType) => {
             }
         }
         onIntersection(entries) {
-            var _a;
+            var _a, _b;
             for (const e of entries) {
                 if (e.isIntersecting && this.isFirstLoad) {
                     this._fetchData();
-                    (_a = this.iObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+                    (_a = this.lazyLoadSpan) === null || _a === void 0 ? void 0 : _a.remove();
+                    this.lazyLoadSpan = undefined;
+                    (_b = this.iObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
                     break;
                 }
             }

package/core/mixins/FormCheckable.d.ts

@@ -82,6 +82,10 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & T;
 export default Form;

package/core/mixins/FormInput.d.ts

@@ -42,10 +42,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         children: HTMLCollection;
         appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): 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
-         */
+        hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
         dataProvider: string | null;
@@ -66,6 +63,10 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & T;
 export default Form;

package/core/mixins/Subscriber.d.ts

@@ -31,6 +31,10 @@ export interface SubscriberInterface<PropsType = CoreJSType> {
     hasAttribute(attributeName: string): boolean;
     disconnectedCallback(): void;
     getBoundingClientRect(): DOMRect;
+    onConnected(callback: (component: any) => void): void;
+    offConnected(callback: (component: any) => void): void;
+    onDisconnected(callback: (component: any) => void): void;
+    offDisconnected(callback: (component: any) => void): void;
 }
 declare const Subscriber: <PropsType = CoreJSType, T extends Constructor<LitElement> = Constructor<LitElement>>(superClass: T, type?: PropsType | undefined) => Constructor<SubscriberInterface<PropsType>> & T;
 export default Subscriber;

package/core/mixins/Subscriber.js

@@ -96,6 +96,26 @@ const Subscriber = (superClass, type) => {
             };
             args;
         }
+        onConnected(callback) {
+            if (!this.connectedCallbackCalls)
+                this.connectedCallbackCalls = new Set();
+            this.connectedCallbackCalls.add(callback);
+        }
+        onDisconnected(callback) {
+            if (!this.disconnectedCallbackCalls)
+                this.disconnectedCallbackCalls = new Set();
+            this.disconnectedCallbackCalls.add(callback);
+        }
+        offConnected(callback) {
+            if (!this.connectedCallbackCalls)
+                this.connectedCallbackCalls = new Set();
+            this.connectedCallbackCalls.delete(callback);
+        }
+        offDisconnected(callback) {
+            if (!this.disconnectedCallbackCalls)
+                this.disconnectedCallbackCalls = new Set();
+            this.disconnectedCallbackCalls.delete(callback);
+        }
         /**
          * va de parent en parent pour trouver un attribut
          * @param attributeName nom de l'attribut
@@ -141,6 +161,7 @@ const Subscriber = (superClass, type) => {
                 this.style.removeProperty("display");
         }
         connectedCallback() {
+            var _a;
             SubscriberElement.instanceCounter++;
             if (this.hasAttribute("lazyRendering")) {
                 const options = {
@@ -168,9 +189,11 @@ const Subscriber = (superClass, type) => {
                 this.addDebugger();
             }
             super.connectedCallback();
+            (_a = this.connectedCallbackCalls) === null || _a === void 0 ? void 0 : _a.forEach((cb) => cb(this));
         }
         disconnectedCallback() {
-            var _a;
+            var _a, _b;
+            (_a = this.disconnectedCallbackCalls) === null || _a === void 0 ? void 0 : _a.forEach((cb) => cb(this));
             this.removeDebugger();
             super.disconnectedCallback();
             if (this.publisher) {
@@ -180,7 +203,7 @@ const Subscriber = (superClass, type) => {
             if (this.wordingPublisher)
                 this.wordingPublisher.stopTemplateFilling(this);
             if (this.onAssign)
-                (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offAssign(this.onAssign);
+                (_b = this.publisher) === null || _b === void 0 ? void 0 : _b.offAssign(this.onAssign);
         }
         addDebugger() {
             var _a;
@@ -278,7 +301,8 @@ const Subscriber = (superClass, type) => {
                 }
                 if (!hasWording)
                     return;
-                const publisher = PublisherManager.get("sonic-wording");
+                const publisher = PublisherManager.get("sonic-wording", { localStorageMode: "enabled" });
+                yield PublisherManager.getInstance().isLocalStrorageReady;
                 const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
                 const api = new API(this.getApiConfiguration());
                 if (wordingProvider) {
@@ -296,7 +320,9 @@ const Subscriber = (superClass, type) => {
                         }
                     }
                     if (wordings.length > 0) {
-                        const result = (yield api.post(wordingProvider, { labels: wordings }));
+                        const calledURL = wordingProvider + "?labels[]=" + wordings.join("&labels[]=");
+                        // const result = (await api.post(wordingProvider, {labels: wordings})) as Record<string, string>;
+                        const result = (yield api.get(calledURL));
                         for (const elt in result) {
                             publisher["wording_" + elt] = result[elt];
                         }

package/core/utils/LocationHandler.js

@@ -56,7 +56,9 @@ export default class LocationHandler {
             const origin = document.location.origin;
             const urlDest = goBack || origin;
             const isHTTP = referrer.indexOf("http") == 0;
-            const isNotSameOrigin = isHTTP ? new URL(referrer).origin != origin : false;
+            const isNotSameOrigin = isHTTP
+                ? new URL(referrer).origin != origin
+                : false;
             const isReferrerEmpty = referrer == "";
             const isFirstPage = history.length < 3; // imparfait mais variabsle selon les situations
             const isFallbackNoReferer = isReferrerEmpty && isFirstPage; // fallback pour ff qui a parfois un referer nulle ex : drupal 9
@@ -109,14 +111,18 @@ export default class LocationHandler {
      * Ajoute l'attribut "active" à l'élément si l'url correspond à la location en donction du mode d'activation
      */
     static updateComponentActiveState(component) {
-        if (component.autoActive == "disabled")
+        if (component.autoActive == "disabled") {
             return;
+        }
         if (component.href && component.href.indexOf("http") != 0) {
             const url1 = new URL(component.href, document.location.href);
             const url2 = new URL(component.location || "", document.location.origin);
             let isActive = false;
             if (component.autoActive == "strict") {
-                isActive = url1.pathname == url2.pathname && url1.hash == url2.hash && url1.search == url2.search;
+                isActive =
+                    url1.pathname == url2.pathname &&
+                        url1.hash == url2.hash &&
+                        url1.search == url2.search;
             }
             else
                 isActive = url2.href.indexOf(url1.href) == 0;

package/core/utils/PublisherProxy.d.ts

@@ -16,7 +16,6 @@ export declare class PublisherProxy<T = any> {
     static instancesCounter: number;
     _proxies_: Map<string, PublisherProxy>;
     _value_: T;
-    _key_: string;
     _is_savable_: boolean;
     _invalidateListeners_: Set<VoidFunction>;
     _assignListeners_: Set<(value: T) => void>;

package/core/utils/PublisherProxy.js

@@ -17,7 +17,6 @@ function isComplex(value) {
 export class PublisherProxy {
     constructor(target, parentProxPub) {
         this._proxies_ = new Map();
-        this._key_ = "";
         this._is_savable_ = false;
         this._invalidateListeners_ = new Set();
         this._assignListeners_ = new Set();