@supersoniks/concorde 1.1.43 → 1.1.45

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

@@ -13,7 +13,6 @@ let Pop = Pop_1 = class Pop extends LitElement {
     constructor() {
         super(...arguments);
         this.open = false;
-        this.toggle = "true";
         this.noToggle = false;
         this.inline = false;
         /**
@@ -22,15 +21,16 @@ let Pop = Pop_1 = class Pop extends LitElement {
         this.shadow = "lg";
         this.placement = "bottom";
         this.positioningRuns = false;
-        this.lastContentX = Number.NaN;
-        this.lastContentY = Number.NaN;
+        this.lastContentX = 0;
+        this.lastContentY = 0;
+        this.resizeObserver = new ResizeObserver(() => this.computePosition(this.placement));
     }
-    runPositioning() {
+    runPositioningLoop() {
         if (!this.positioningRuns)
             return;
         this.positioningRuns = true;
-        this._setUpMenu(this.placement);
-        window.requestAnimationFrame(() => this.runPositioning());
+        this.computePosition(this.placement);
+        window.requestAnimationFrame(() => this.runPositioningLoop());
     }
     _toggle(e) {
         if (this.open && this.noToggle)
@@ -42,13 +42,14 @@ let Pop = Pop_1 = class Pop extends LitElement {
         this.open ? this._show() : this._hide();
     }
     _show() {
+        this.popContent.style.removeProperty("display");
         this.open = true;
         this.popContent.setAttribute("tabindex", "0");
         if (this.popBtn && this.popContent && !this.positioningRuns) {
             this.positioningRuns = true;
-            this.lastContentX = Number.NaN;
-            this.lastContentY = Number.NaN;
-            this.runPositioning();
+            this.lastContentX = 0;
+            this.lastContentY = 0;
+            this.runPositioningLoop();
         }
     }
     _hide() {
@@ -57,8 +58,8 @@ let Pop = Pop_1 = class Pop extends LitElement {
         this.positioningRuns = false;
     }
     _handleClosePop(e) {
-        let path = e.composedPath();
-        let target = path[0];
+        const path = e.composedPath();
+        const target = path[0];
         Pop_1.pops.forEach((pop) => {
             const popContainsTarget = path.includes(pop);
             const popContentContainsTarget = path.includes(pop.querySelector('[slot="content"]'));
@@ -78,6 +79,14 @@ let Pop = Pop_1 = class Pop extends LitElement {
         }
         Pop_1.pops.add(this);
     }
+    // /*
+    //   On attends le premier rendu pour observer les changements de taille car popup content n'est pas encore défini sinon
+    // */
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.resizeObserver.observe(this.popContent);
+        this.computePosition(this.placement);
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         Pop_1.pops.delete(this);
@@ -85,23 +94,21 @@ let Pop = Pop_1 = class Pop extends LitElement {
             document.removeEventListener("pointerdown", this._handleClosePop);
             document.removeEventListener("click", this._handleClosePop);
         }
+        this.resizeObserver.unobserve(this.popContent);
     }
-    _setUpMenu(placement) {
-        var _a;
-        const contentRect = (_a = this.popContent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    computePosition(placement) {
+        var _a, _b, _c;
+        let contentRect = (_a = this.popContent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         const padding = 8;
-        const shiftPadding = 20;
+        const shiftPadding = 5;
         const thisRect = this.getBoundingClientRect();
-        if (!this.offsetParent)
-            return;
-        let bodyRect = this.offsetParent.getBoundingClientRect();
-        let x0 = thisRect.left - bodyRect.left;
-        let y0 = thisRect.top - bodyRect.top;
+        const x0 = thisRect.left;
+        const y0 = thisRect.top;
         let x = x0, y = y0;
-        let yTop = y0 - contentRect.height - padding;
-        let xLeft = x0 - contentRect.width - 2 * padding;
-        let xRight = x0 + thisRect.width + 2 * padding;
-        let yBottom = y0 + thisRect.height + padding;
+        const yTop = y0 - contentRect.height - padding;
+        const xLeft = x0 - contentRect.width - padding;
+        const xRight = x0 + thisRect.width + padding;
+        const yBottom = y0 + thisRect.height + padding;
         switch (placement) {
             case "bottom":
                 y = yBottom;
@@ -116,27 +123,53 @@ let Pop = Pop_1 = class Pop extends LitElement {
                 x = xRight;
                 break;
         }
-        let dxRight = window.innerWidth - xRight - bodyRect.left - contentRect.width - shiftPadding;
-        if (dxRight < 0 && placement === "right")
-            x = xLeft;
-        if (dxRight < 0 && ["top", "bottom"].includes(placement))
-            x = Math.max(x + dxRight, xLeft + thisRect.width);
-        let dxLeft = -bodyRect.left - xLeft;
-        if (dxLeft > shiftPadding && placement === "left")
+        // const dxRight = window.innerWidth - xRight - bodyRect.left - contentRect.width - shiftPadding;
+        // if (dxRight < 0 && placement === "right") x = xLeft;
+        // if (dxRight < 0 && ["top", "bottom"].includes(placement)) x = Math.max(x + dxRight, xLeft + thisRect.width);
+        // const dxLeft = -bodyRect.left - xLeft;
+        // if (dxLeft > shiftPadding && placement === "left") x = xRight;
+        // const dyBottom = window.innerHeight - yBottom - bodyRect.top - contentRect.height - shiftPadding;
+        // if (dyBottom < 0 && placement === "bottom") y = yTop;
+        // if (dyBottom < 0 && ["left", "right"].includes(placement)) y = Math.max(y + dyBottom, yTop + thisRect.height);
+        // const dyTop = -bodyRect.top - yTop;
+        // if (dyTop > -shiftPadding && placement === "top") y = yBottom;
+        this.lastContentX += x - contentRect.x;
+        this.lastContentY += y - contentRect.y;
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        contentRect = (_b = this.popContent) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+        if (contentRect.x < shiftPadding && placement == "left")
             x = xRight;
-        let dyBottom = window.innerHeight - yBottom - bodyRect.top - contentRect.height - shiftPadding;
-        if (dyBottom < 0 && placement === "bottom")
-            y = yTop;
-        if (dyBottom < 0 && ["left", "right"].includes(placement))
-            y = Math.max(y + dyBottom, yTop + thisRect.height);
-        let dyTop = -bodyRect.top - yTop;
-        if (dyTop > -shiftPadding && placement === "top")
+        if (contentRect.y < shiftPadding && placement == "top")
             y = yBottom;
-        this.lastContentX = x;
-        this.lastContentY = y;
+        if (contentRect.x + contentRect.width > window.innerWidth - shiftPadding && placement == "right")
+            x = xLeft;
+        if (contentRect.y + contentRect.height > window.innerHeight - shiftPadding && placement == "bottom")
+            y = yTop;
+        this.lastContentX += x - contentRect.x;
+        this.lastContentY += y - contentRect.y;
         Object.assign(this.popContent.style, {
-            left: `${x}px`,
-            top: `${y}px`,
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        contentRect = (_c = this.popContent) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
+        if (contentRect.x < 0) {
+            this.lastContentX += -contentRect.x;
+        }
+        if (contentRect.y < 0) {
+            this.lastContentY += -contentRect.y;
+        }
+        if (contentRect.x + contentRect.width > window.innerWidth) {
+            this.lastContentX += window.innerWidth - (contentRect.x + contentRect.width);
+        }
+        if (contentRect.y + contentRect.height > window.innerHeight) {
+            this.lastContentY += window.innerHeight - (contentRect.y + contentRect.height);
+        }
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
         });
     }
     render() {
@@ -174,7 +207,7 @@ Pop.styles = [
         border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
       }
 
-      slot[name="content"].is-open {
+      slot[name="content"].is-open:not(.is-empty) {
         transform: translateY(0) scale(1);
         opacity: 1;
         pointer-events: auto;
@@ -215,9 +248,6 @@ __decorate([
 __decorate([
     query("slot[name=content]")
 ], Pop.prototype, "popContent", void 0);
-__decorate([
-    property({ type: String })
-], Pop.prototype, "toggle", void 0);
 __decorate([
     property({ type: Boolean })
 ], Pop.prototype, "noToggle", void 0);

package/core/components/ui/table/table-tbody.js

@@ -9,7 +9,7 @@ import { customElement } from "lit/decorators.js";
 const tagName = "sonic-tbody";
 let TableTbody = class TableTbody extends LitElement {
     render() {
-        return html `<tbody>
+        return html `<tbody part="tbody">
       <slot></slot>
     </tbody>`;
     }

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

@@ -27,9 +27,9 @@ let Theme = Theme_1 = class Theme extends LitElement {
     postCSSVars() {
         const stylesheets = document.styleSheets;
         const ssLength = stylesheets.length;
-        let fontUrls = [];
+        const fontUrls = [];
         for (let i = 0; i < ssLength; i++) {
-            let ss = stylesheets[i];
+            const ss = stylesheets[i];
             if (ss.href && (ss.href.includes("googleapis") || ss.href.includes("typekit.net")))
                 fontUrls.push(ss.href);
         }
@@ -43,34 +43,36 @@ let Theme = Theme_1 = class Theme extends LitElement {
         });
     }
     receiveMessage(event) {
-        let data = event.data;
+        const data = event.data;
         if (!data.type || data.type != "GetSonicTheme")
             return;
         this.postCSSVars();
     }
     getCssVariables() {
-        let names = [];
-        let stylesheets = [...Theme_1.styles.map((s) => s.styleSheet), ...Array.from(document.styleSheets)];
-        for (let stylesheet of stylesheets) {
+        const names = [];
+        const stylesheets = [...Theme_1.styles.map((s) => s.styleSheet), ...Array.from(document.styleSheets)];
+        for (const stylesheet of stylesheets) {
             try {
                 if (!stylesheet)
                     continue;
-                let rules = stylesheet.cssRules;
-                for (let rule of rules) {
+                const rules = stylesheet.cssRules;
+                for (const rule of rules) {
                     if (!("style" in rule))
                         continue;
-                    let style = rule.style;
-                    for (let name of style) {
+                    const style = rule.style;
+                    for (const name of style) {
                         if (names.includes(name) || name.indexOf("--sc") !== 0)
                             continue;
                         names.push(name);
                     }
                 }
             }
-            catch (e) { }
+            catch (e) {
+                console.log("Erreur lors de la récupération des variables CSS");
+            }
         }
-        let style = window.getComputedStyle(this);
-        let result = {};
+        const style = window.getComputedStyle(this);
+        const result = {};
         names.forEach((name) => (result[name] = style.getPropertyValue(name)));
         return result;
     }

package/core/components/ui/toast/message-subscriber.d.ts

@@ -1,11 +1,14 @@
 import { LitElement } from "lit";
-import { ToastStatus } from "@supersoniks/concorde/core/components/ui/toast/types";
-declare type Message = {
-    type: string;
-    content: string;
-    status: ToastStatus;
+import { Message } from "@supersoniks/concorde/la-billetterie/_types/swagger";
+type APIResult = {
+    data?: object | string;
+    message?: string;
+    public_message?: string;
+    success?: boolean;
+    messages?: Message[];
+    status?: boolean;
 };
-declare const MessageSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const MessageSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<APIResult>) & typeof LitElement;
 export declare class MessageSubscriber extends MessageSubscriber_base {
     _messages: Array<Message>;
     success: boolean | null;
@@ -15,9 +18,9 @@ export declare class MessageSubscriber extends MessageSubscriber_base {
     _message: string;
     get message(): string;
     set message(value: string);
-    _data: Object | string;
-    get data(): string | Object;
-    set data(value: string | Object);
+    _data: object | string;
+    get data(): string | object;
+    set data(value: string | object);
     render(): symbol;
 }
 export {};

package/core/components/ui/toast/message-subscriber.js

@@ -10,7 +10,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { SonicToast } from "@supersoniks/concorde/core/components/ui/toast/toast";
 const tagName = "sonic-toast-message-subscriber";
 //Superbe mix de multples versions d'api.
-let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
+let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement, {}) {
     constructor() {
         super(...arguments);
         this._messages = [];
@@ -28,19 +28,20 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
             return;
         value.forEach((message) => {
             if (message.type == "public")
-                SonicToast.add({ text: message.content, status: message.status });
+                SonicToast.add({ text: message.content || "", status: message.status });
         });
     }
     get message() {
         return this._message;
     }
     set message(value) {
+        var _a, _b;
         this._message = value;
         if (!this.message)
             return;
-        if (this.props.success !== false)
+        if (((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) !== false)
             return;
-        if (this.props.public_message)
+        if ((_b = this.props) === null || _b === void 0 ? void 0 : _b.public_message)
             return;
         //OUi OUi il faut afficher "message" que si success est parfaitement égal à false et qu'il n'y a rien dans public_message.
         SonicToast.add({ text: this.message, status: "error" });
@@ -49,15 +50,16 @@ let MessageSubscriber = class MessageSubscriber extends Subscriber(LitElement) {
         return this._data;
     }
     set data(value) {
+        var _a, _b, _c, _d;
         this._data = value;
         const toastOptions = { text: "Votre produit a bien été ajouté", status: "success" };
-        if (Array.isArray(this.data) && this.props.success === true)
+        if (Array.isArray(this.data) && ((_a = this.props) === null || _a === void 0 ? void 0 : _a.success) === true)
             SonicToast.add(toastOptions);
-        if (this.data == "" && this.props.status === true)
+        if (this.data == "" && ((_b = this.props) === null || _b === void 0 ? void 0 : _b.status) === true)
             SonicToast.add(toastOptions);
-        if (this.props.success !== false)
+        if (((_c = this.props) === null || _c === void 0 ? void 0 : _c.success) !== false)
             return;
-        if (this.props.public_message)
+        if ((_d = this.props) === null || _d === void 0 ? void 0 : _d.public_message)
             return;
         SonicToast.add({ text: this.data, status: "error" });
     }

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

@@ -11,7 +11,7 @@ export declare class SonicToast extends LitElement {
         id: number;
         text: string;
         title: string | undefined;
-        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus | undefined;
+        status: import("@supersoniks/concorde/core/components/ui/toast/types").ToastStatus;
         preserve: boolean | undefined;
         ghost: boolean | undefined;
         dismissForever: boolean | undefined;

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

@@ -72,7 +72,7 @@ let SonicToast = class SonicToast extends LitElement {
     </div>`;
     }
     static removeAll() {
-        let toastComponent = document.querySelector("sonic-toast");
+        const toastComponent = document.querySelector("sonic-toast");
         if (!toastComponent)
             return;
         toastComponent.toasts = toastComponent.toasts.filter((item) => item.ghost);
@@ -82,12 +82,12 @@ let SonicToast = class SonicToast extends LitElement {
         var _a;
         // Init toast area si absente (au <sonic-theme> ou <body< à défaut)
         if (!document.querySelector("sonic-toast")) {
-            let toastComponent = document.createElement("sonic-toast");
-            let container = document.querySelector("sonic-theme") || document.body;
+            const toastComponent = document.createElement("sonic-toast");
+            const container = document.querySelector("sonic-theme") || document.body;
             container.prepend(toastComponent);
         }
         // Ajoute le toast à la liste
-        let toastComponent = document.querySelector("sonic-toast");
+        const toastComponent = document.querySelector("sonic-toast");
         const nextId = (_a = conf.id) !== null && _a !== void 0 ? _a : new Date().valueOf();
         const interactiveRegExp = new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>");
         const hasInteractive = interactiveRegExp.test(conf.text);
@@ -109,9 +109,9 @@ let SonicToast = class SonicToast extends LitElement {
             }
         }
         if (toastComponent.toasts.length > 0) {
-            let toastA = Object.assign({}, currentToast);
+            const toastA = Object.assign({}, currentToast);
             for (const toast of toastComponent.toasts) {
-                let toastB = Object.assign({}, toast);
+                const toastB = Object.assign({}, toast);
                 toastA.id = toastB.id = 0;
                 if ( /*!currentToast.preserve && */Objects.shallowEqual(toastA, toastB)) {
                     return null;
@@ -122,10 +122,9 @@ let SonicToast = class SonicToast extends LitElement {
         return currentToast;
     }
     static removeItem(toastToRemove) {
-        let toastComponent = document.querySelector("sonic-toast");
+        const toastComponent = document.querySelector("sonic-toast");
         if (!toastComponent)
             return;
-        console.log(toastToRemove);
         toastComponent.removeItem(toastToRemove);
     }
     // Remove Toast

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

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

package/core/components/ui/tooltip/tooltip.js

@@ -14,7 +14,7 @@ let Tooltip = class Tooltip extends LitElement {
         this.disabled = false;
     }
     render() {
-        let disabledClass = this.disabled || this.label == "" ? "disabled" : "";
+        const disabledClass = this.disabled || this.label == "" ? "disabled" : "";
         return html `<div data-tooltip-text="${this.label.trim().replace("&nbsp;", " ")}" class="tooltip ${disabledClass}">
       <slot></slot>
     </div>`;
@@ -38,14 +38,14 @@ Tooltip.styles = [
         opacity: 0;
         pointer-events: none;
         background: var(--sc-base-content, #111827);
-        padding: 0.25rem;
-        border-radius: 0.25rem;
+        padding: 0.32rem 0.25rem;
+        border-radius: var(--sc-rounded);
         color: var(--sc-base, #fff);
         z-index: 999;
         display: none;
         line-height: 1.1;
         width: max-content;
-        max-width: 20rem;
+        max-width: 18rem;
         white-space: pre-line;
         font-weight: var(--sc-tooltip-fw);
       }

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

@@ -19,7 +19,7 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "./taxonomy/taxonomy";
+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,7 @@ import "./group/group";
 import "./icon/icon";
 import "./image/image";
 import "./loader/loader";
-import "./taxonomy/taxonomy";
+import "../../../la-billetterie/components/event/atoms/taxonomy/taxonomy";
 //Menu
 import "./menu/menu";
 // Misc

package/core/mixins/Fetcher.d.ts

@@ -2,15 +2,18 @@
 import "@supersoniks/concorde/core/components/ui/button/button";
 import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
 import API from "@supersoniks/concorde/core/utils/api";
-declare type Constructor<T> = new (...args: any[]) => T;
-declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterface<PropsType>> = any>(superClass: T, propsType?: PropsType | undefined) => {
-    new (...args: any[]): {
+import { PublisherContentType } from "../_types/types";
+import { MixinArgsType } from "../_types/types";
+import { ResultTypeInterface } from "@supersoniks/concorde/core/utils/api";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+declare const Fetcher: <T extends Constructor<SubscriberInterface<PropsType>>, PropsType extends PublisherContentType = PublisherContentType>(superClass: T, propsType?: PropsType | undefined) => {
+    new (...args: MixinArgsType[]): {
         api: API | null;
         /**
          * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
          * C'est cette donnée cible qui est injectée dans les pros et donc disponible via le publisher disponible globalement via PublisherManager.get(dataProvider)
          */
-        key: String;
+        key: string;
         /**
          * isFirstLoad vaut true jusqu'au premier chargement de données
          */
@@ -33,6 +36,7 @@ declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterfa
          */
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (PropsType & ResultTypeInterface) | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -52,36 +56,30 @@ declare const Fetcher: <PropsType = any, T extends Constructor<SubscriberInterfa
          */
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: PropsType | null;
-        propertyMap: Object;
+        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; /**
-         * isFirstLoad vaut true jusqu'au premier chargement de données
-         */
+        noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
         displayContents: boolean;
-        shadowRoot?: ShadowRoot | undefined; /**
-         * isLoading vaut true pendant le chargement des données
-         */
+        shadowRoot?: ShadowRoot | undefined;
         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; /**
-         * On peut désactiver le fetch programmatiquement via cette propriété.
-         * Cela est le cas pour le composant sonic-list qui ne fetch que si l'attribut fetch est renseigné
-         */
+        initPublisher(): void;
         getApiConfiguration(): import("@supersoniks/concorde/core/utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export default Fetcher;

package/core/mixins/Fetcher.js

@@ -58,6 +58,12 @@ const Fetcher = (superClass, propsType) => {
             args;
             this.dataProvider = "";
         }
+        get props() {
+            return super.props;
+        }
+        set props(value) {
+            super.props = value;
+        }
         set endPoint(value) {
             this._endPoint = value;
             if (this.isConnected)
@@ -83,12 +89,13 @@ const Fetcher = (superClass, propsType) => {
                 this.dispatchEvent(new CustomEvent("loading", { detail: this }));
                 this.isLoading = true;
                 this.requestUpdate();
-                let data;
-                let hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
+                const hasLoader = this.isDefaultLoaderEnabled && !this.hasAttribute("noLoader");
                 if (hasLoader)
                     Loader.show();
-                let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
-                data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
+                const headerData = PublisherManager.getInstance()
+                    .get(this.getAncestorAttributeValue("headersDataProvider"))
+                    .get();
+                let 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" });
@@ -104,7 +111,7 @@ const Fetcher = (superClass, propsType) => {
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {
-                    let response = data._sonic_http_response_;
+                    const response = data._sonic_http_response_;
                     /* preserveOtherKeys s'exprime lorsque le paramètre "key" est défini
                      * Conserve les autres propriétés de l'objet reçu, en plus des propriétés définies sous "key"
                      */
@@ -155,18 +162,17 @@ const Fetcher = (superClass, propsType) => {
             if (lazyLoad === null) {
                 return;
             }
-            let options = {
+            const options = {
                 root: null,
                 rootMargin: Math.max(window.innerWidth, window.innerHeight) + "px",
             };
             this.iObserver = new IntersectionObserver((entries) => this.onIntersection(entries), options);
-            let that = this;
-            let elt = this.shadowRoot ? this.shadowRoot.children[0] : that.children[0];
+            let elt = this.shadowRoot ? this.shadowRoot.children[0] : this.children[0];
             if (elt && elt.nodeName.toLocaleLowerCase() == "slot")
                 elt = elt.children[0];
             if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
                 elt = document.createElement("span");
-                that.appendChild(elt);
+                this.appendChild(elt);
             }
             if (elt) {
                 this.iObserver.observe(elt);
@@ -183,6 +189,9 @@ const Fetcher = (superClass, propsType) => {
             }
         }
     }
+    __decorate([
+        property()
+    ], FetcherElement.prototype, "props", null);
     __decorate([
         property({ type: String })
     ], FetcherElement.prototype, "endPoint", null);
@@ -192,6 +201,6 @@ const Fetcher = (superClass, propsType) => {
     __decorate([
         property({ type: Number })
     ], FetcherElement.prototype, "refetchEveryMs", void 0);
-    return FetcherElement; // as Constructor<SubscriberInterface> & T;
+    return FetcherElement; //as Constructor<SubscriberInterface> & T;
 };
 export default Fetcher;