@supersoniks/concorde 1.1.43 → 1.1.45

package/core/mixins/FormCheckable.d.ts

@@ -1,7 +1,8 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
-declare type Constructor<T> = new (...args: any[]) => T;
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
-    new (...args: any[]): {
+    new (...args: MixinArgsType[]): {
         /**
          *  Voir  la mixin FormElement.
          */
@@ -56,9 +57,11 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         ariaLabel?: string | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        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>;
@@ -77,7 +80,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         getApiConfiguration(): import("../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & T;
 export default Form;

package/core/mixins/FormCheckable.js

@@ -37,9 +37,9 @@ const Form = (superClass) => {
              */
             this._checked = null;
             this.updateAllChecked = () => {
-                let name = this.getAttribute("name");
-                let checkAllPublisher = this.getCheckAllPublisher();
-                let formPublisher = this.getFormPublisher();
+                const name = this.getAttribute("name");
+                const checkAllPublisher = this.getCheckAllPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (!(checkAllPublisher === null || checkAllPublisher === void 0 ? void 0 : checkAllPublisher.hasCheckAll.get())) {
                     return;
                 }
@@ -54,11 +54,11 @@ const Form = (superClass) => {
                     else if (checkAllPublisher.checkMode.get() == "noneChecked" || checkAllPublisher.checkMode.get() == null) {
                         checkAllPublisher.checkMode = "someUnchecked";
                     }
-                    let currentValues = formPublisher[name].get();
-                    let allValues = checkAllPublisher.values.get();
+                    const currentValues = formPublisher[name].get();
+                    const allValues = checkAllPublisher.values.get();
                     if (allValues && allValues.length) {
                         let checkedCount = allValues.length;
-                        for (let p of allValues) {
+                        for (const p of allValues) {
                             if (currentValues.indexOf(p) == -1) {
                                 checkedCount -= 1;
                             }
@@ -108,7 +108,7 @@ const Form = (superClass) => {
             if (!this.value)
                 return;
             // On check l'élément si il est cheched dans le formPublisher
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher && this.name) {
                 let currentValue = formPublisher[this.name].get();
                 if (this.radio || this.unique) {
@@ -131,13 +131,13 @@ const Form = (superClass) => {
         set checked(checked) {
             this.setCheckedValue(checked);
             if (this.checksAll()) {
-                let checkAllPublisher = this.getCheckAllPublisher();
+                const checkAllPublisher = this.getCheckAllPublisher();
                 if (checkAllPublisher) {
                     if (this.checked === true)
                         checkAllPublisher.checkMode = "allChecked";
                     else if (this.checked === null) {
                         checkAllPublisher.checkMode = "noneChecked";
-                        let formPublisher = this.getFormPublisher();
+                        const formPublisher = this.getFormPublisher();
                         if (formPublisher) {
                             formPublisher[this.name] = [];
                         }
@@ -151,9 +151,9 @@ const Form = (superClass) => {
             const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
             if (!input || input.checkValidity())
                 return;
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher) {
-                let value = formPublisher[this.name].get();
+                const value = formPublisher[this.name].get();
                 if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
                     return;
                 formPublisher.isFormValid = false;
@@ -187,7 +187,7 @@ const Form = (superClass) => {
          * Le comportement est ici modifié fonction de son mode (checkbox, radio, unique)
          */
         getValueForFormPublisher() {
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (!formPublisher)
                 return null;
             let currentValue = formPublisher[this.name].get();
@@ -201,7 +201,7 @@ const Form = (superClass) => {
                 currentValue = [];
             }
             currentValue = currentValue.slice(0);
-            let idx = currentValue.indexOf(this.value);
+            const idx = currentValue.indexOf(this.value);
             if (this.checked === true && idx === -1 && !this.checksAll())
                 currentValue.push(this.value);
             if (this.checked === null && idx !== -1) {
@@ -230,7 +230,7 @@ const Form = (superClass) => {
             if (!this.formDataProvider)
                 this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
             const formDataProvider = this.formDataProvider;
-            let name = this.getAttribute("name");
+            const name = this.getAttribute("name");
             if (!formDataProvider || !name) {
                 return null;
             }
@@ -238,11 +238,11 @@ const Form = (superClass) => {
         }
         disconnectedCallback() {
             super.disconnectedCallback();
-            let checkAllPublisher = this.getCheckAllPublisher();
+            const checkAllPublisher = this.getCheckAllPublisher();
             if (checkAllPublisher) {
                 checkAllPublisher.checkMode.offAssign(this.onChecksAllRequest);
                 if (!this.checksAll()) {
-                    let values = checkAllPublisher.values.get().slice(0);
+                    const values = checkAllPublisher.values.get().slice(0);
                     const idx = values.indexOf(this.value);
                     if (idx != -1) {
                         values.splice(idx, 1);
@@ -256,12 +256,14 @@ const Form = (superClass) => {
             super.connectedCallback();
             const formPublisher = this.getFormPublisher();
             if (formPublisher && this.name) {
-                let publisherValueForName = formPublisher[this.name].get();
-                if (publisherValueForName && publisherValueForName.indexOf(this.value) !== -1) {
+                const publisherValueForName = formPublisher[this.name].get();
+                if (publisherValueForName &&
+                    Array.isArray(publisherValueForName) &&
+                    publisherValueForName.indexOf(this.value) !== -1) {
                     this.checked = true;
                 }
             }
-            let checkAllPublisher = this.getCheckAllPublisher();
+            const checkAllPublisher = this.getCheckAllPublisher();
             if (checkAllPublisher) {
                 checkAllPublisher.checkMode.onAssign(this.onChecksAllRequest);
                 if (this.checksAll()) {

package/core/mixins/FormElement.d.ts

@@ -1,12 +1,15 @@
 import { SubscriberInterface } from "@supersoniks/concorde/core/mixins/Subscriber";
-import { PublisherInterface } from "../_types/types";
-declare type Constructor<T> = new (...args: any[]) => T;
+import { PublisherInterface, CoreJSType } from "../_types/types";
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+type FormElementValue = string | string[] | object | null | undefined;
 export interface FormElementInterface extends SubscriberInterface {
     getFormPublisher(): PublisherInterface;
     updateDataValue(): void;
     handleChange(e?: Event): void;
     handleBlur(e?: Event): void;
-    getValueForFormPublisher(): any;
+    getValueForFormPublisher(): FormElementValue;
+    validateFormElement(): void;
     focus?: () => void;
     shadowRoot?: ShadowRoot;
     error: boolean;
@@ -16,12 +19,12 @@ export interface FormElementInterface extends SubscriberInterface {
     formDataProvider: string;
     ariaLabelledby?: string;
     ariaLabel?: string;
-    _value: string | null;
-    get value(): string | null;
-    set value(value: string | null);
+    _value: FormElementValue;
+    get value(): FormElementValue;
+    set value(value: FormElementValue);
     _name: string;
     get name(): string;
     set name(value: string);
 }
-declare const Form: <T extends Constructor<SubscriberInterface<any>>>(superClass: T) => Constructor<FormElementInterface> & T;
+declare const Form: <T extends Constructor<SubscriberInterface<CoreJSType>>>(superClass: T) => Constructor<FormElementInterface> & T;
 export default Form;

package/core/mixins/FormElement.js

@@ -43,7 +43,7 @@ const Form = (superClass) => {
                 this.setFormValueFromPublisher(value);
             };
             this.onFormDataInValidate = () => {
-                let formPublisher = this.getFormPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (!(formPublisher && formPublisher.isFormValid.get())) {
                     return;
                 }
@@ -59,11 +59,13 @@ const Form = (superClass) => {
             this._name = value;
             this.requestUpdate();
         }
-        validateFormElement() { }
+        validateFormElement() {
+            //Implémentation dans une sous classe
+        }
         updateDataValue() {
-            let name = this.getAttribute("name");
+            const name = this.getAttribute("name");
             if (name) {
-                let formPublisher = this.getFormPublisher();
+                const formPublisher = this.getFormPublisher();
                 if (formPublisher) {
                     formPublisher[name] = this.getValueForFormPublisher();
                     this.setFormValueFromPublisher(formPublisher[name].get());
@@ -104,12 +106,11 @@ const Form = (superClass) => {
             return this._value;
         }
         set value(value) {
-            if (this.name == "nom" && value && Objects.deepEqual(value, {})) {
-                console.trace(this);
-            }
             if (value == null)
                 value = "";
-            if (Objects.isObject(value) && value.hasOwnProperty("__value") && value.value == undefined)
+            if (Objects.isObject(value) &&
+                Object.prototype.hasOwnProperty.call(value, "__value") &&
+                value._value == undefined)
                 value = "";
             if (this._value == value)
                 return;
@@ -119,7 +120,7 @@ const Form = (superClass) => {
         }
         initPublisher() {
             let formPublisher = this.getFormPublisher();
-            let value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get()
+            const value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get()
                 ? formPublisher[this._name].get()
                 : this.getAttribute("value");
             if (this._name && this.publisher)
@@ -160,35 +161,35 @@ const Form = (superClass) => {
          * En appuyant sur la touche "Up", le déplacement inverse est effectué.
          */
         addKeyboardNavigation() {
-            let keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
+            const keyboardLoopIds = this.getAncestorAttributeValue("data-keyboard-nav");
             if (!keyboardLoopIds)
                 return;
-            let split = keyboardLoopIds.split(" ");
-            let keyboardLoopId = split[0];
+            const split = keyboardLoopIds.split(" ");
+            const keyboardLoopId = split[0];
             if (!keyboardLoopId)
                 return;
-            for (let keyboardLoopId2 of split) {
+            for (const keyboardLoopId2 of split) {
                 if (!keyboardLoops.has(keyboardLoopId2)) {
                     keyboardLoops.set(keyboardLoopId2, []);
                 }
-                let keyboardLoop = keyboardLoops.get(keyboardLoopId2);
+                const keyboardLoop = keyboardLoops.get(keyboardLoopId2);
                 if ((keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.indexOf(this)) == -1) {
                     keyboardLoop.push(this);
                 }
             }
-            let keyboardLoop = keyboardLoops.get(keyboardLoopId);
+            const keyboardLoop = keyboardLoops.get(keyboardLoopId);
             this.addEventListener("keydown", (e) => {
                 var _a;
                 const keyboardEvent = e;
                 if (!["ArrowDown", "ArrowUp"].includes(keyboardEvent.key))
                     return;
-                let selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
-                let loop = keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.filter((el) => {
+                const selector = "input:not([disabled]), button:not([disabled]), select:not([disabled]), textarea:not([disabled])";
+                const loop = keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.filter((el) => {
                     var _a;
-                    let child = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                    const child = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
                     if (!child)
                         return false;
-                    let cpStyle = window.getComputedStyle(child);
+                    const cpStyle = window.getComputedStyle(child);
                     return (cpStyle.display !== "none" &&
                         cpStyle.display !== "" &&
                         cpStyle.pointerEvents != "none" &&
@@ -197,7 +198,7 @@ const Form = (superClass) => {
                 });
                 let next = null;
                 if (keyboardEvent.key == "ArrowDown" && loop) {
-                    let index = loop.indexOf(this);
+                    const index = loop.indexOf(this);
                     if (index == loop.length - 1) {
                         next = loop[0];
                     }
@@ -206,7 +207,7 @@ const Form = (superClass) => {
                     }
                 }
                 else if (keyboardEvent.key == "ArrowUp" && loop) {
-                    let index = loop.indexOf(this);
+                    const index = loop.indexOf(this);
                     if (index == 0) {
                         next = loop[loop.length - 1];
                     }
@@ -214,7 +215,7 @@ const Form = (superClass) => {
                         next = loop[index - 1];
                     }
                 }
-                let elt = (_a = next === null || next === void 0 ? void 0 : next.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                const elt = (_a = next === null || next === void 0 ? void 0 : next.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
                 if (elt && elt.focus) {
                     elt.focus();
                     e.preventDefault();
@@ -230,7 +231,7 @@ const Form = (superClass) => {
             super.disconnectedCallback();
             if (this._name && this.publisher)
                 this.publisher[this._name].offAssign(this.onValueAssign);
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (this._name && formPublisher) {
                 formPublisher[this._name].offAssign(this.onFormValueAssign);
                 formPublisher.offInvalidate(this.onFormDataInValidate);

package/core/mixins/FormInput.d.ts

@@ -1,8 +1,9 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
-declare type Constructor<T> = new (...args: any[]) => T;
-declare type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
-    new (...args: any[]): {
+    new (...args: MixinArgsType[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
         /**
@@ -21,7 +22,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): any;
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;
         error: boolean;
@@ -31,15 +32,20 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         formDataProvider: string;
         ariaLabelledby?: string | undefined;
         ariaLabel?: string | undefined;
-        _value: string | null;
-        value: string | null;
+        _value: string | object | string[] | null | undefined;
+        value: string | object | string[] | null | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
-        hasAncestorAttribute(attributeName: string): boolean;
+        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
+         */
         querySelectorAll(selector: string): NodeListOf<Element>;
         publisher: any;
         dataProvider: string | null;
@@ -57,7 +63,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormInput.js

@@ -22,7 +22,7 @@ const Form = (superClass) => {
             const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
             if (!input || input.checkValidity())
                 return;
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (formPublisher)
                 formPublisher.isFormValid = false;
             input.reportValidity();

package/core/mixins/Subscriber.d.ts

@@ -1,11 +1,13 @@
 import { APIConfiguration } from "@supersoniks/concorde/core/utils/api";
 import { LitElement } from "lit";
-import { PublisherInterface, TypeAndRecordOfType } from "@supersoniks/concorde/core/_types/types";
-declare type Constructor<T> = new (...args: any[]) => T;
-export interface SubscriberInterface<PropsType = any> {
+import { PublisherInterface, TypeAndRecordOfType, MixinArgsType, CoreJSType } from "@supersoniks/concorde/core/_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
+export interface SubscriberInterface<PropsType = CoreJSType> {
     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>;
@@ -26,8 +28,8 @@ export interface SubscriberInterface<PropsType = any> {
     connectedCallback(): void;
     requestUpdate(): void;
     getAttribute(name: string): string;
-    hasAttribute(attributeName: String): boolean;
+    hasAttribute(attributeName: string): boolean;
     disconnectedCallback(): void;
 }
-declare const Subscriber: <PropsType = any, T extends Constructor<LitElement> = any>(superClass: T, type?: PropsType | undefined) => Constructor<SubscriberInterface<PropsType>> & T;
+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

@@ -54,7 +54,7 @@ const Subscriber = (superClass, type) => {
             this.noAutoFill = false;
             this.forceAutoFill = false;
             /**
-             *
+             * Passer ce paramètre à true permet de ne pas mettre à jour le composant lors d'un changement de interne de la propriété nommé props.
              */
             this.renderOnPropsInternalChange = false;
             /**
@@ -132,8 +132,9 @@ const Subscriber = (superClass, type) => {
         }
         updated(_changedProperties) {
             super.updated(_changedProperties);
-            let ref = this.shadowRoot || this;
-            let display = this.displayContents ? "contents" : ref.children.length == 0 ? "none" : null;
+            const ref = this.shadowRoot || this;
+            const children = [...ref.children].filter((child) => child.tagName != "STYLE");
+            const display = this.displayContents ? "contents" : children.length == 0 ? "none" : null;
             if (display)
                 this.style.display = display;
             else
@@ -141,12 +142,12 @@ const Subscriber = (superClass, type) => {
         }
         connectedCallback() {
             if (this.hasAttribute("lazyRendering")) {
-                let options = {
+                const options = {
                     root: null,
                     rootMargin: Math.max(window.innerWidth * 0.1, window.innerHeight * 0.1) + "px",
                 };
                 let firstView = true;
-                let iObserver = new IntersectionObserver((entries) => {
+                const iObserver = new IntersectionObserver((entries) => {
                     for (const e of entries) {
                         if (firstView && e.isIntersecting) {
                             firstView = false;
@@ -183,7 +184,7 @@ const Subscriber = (superClass, type) => {
             if (this.hasAttribute("debug") && !this.defferedDebug) {
                 if (!this.debug) {
                     this.debug = document.createElement("div");
-                    let style = this.debug.style;
+                    const style = this.debug.style;
                     style.position = "fixed";
                     style.top = "0";
                     style.right = "0";
@@ -248,24 +249,24 @@ const Subscriber = (superClass, type) => {
          */
         getApiConfiguration() {
             const token = this.getAncestorAttributeValue("token");
-            let addHTTPResponse = this.getAncestorAttributeValue("addHTTPResponse") != null;
-            let serviceURL = this.getAncestorAttributeValue("serviceURL");
+            const addHTTPResponse = this.getAncestorAttributeValue("addHTTPResponse") != null;
+            const serviceURL = this.getAncestorAttributeValue("serviceURL");
             let userName = null;
             let password = null;
-            let tokenProvider = null;
+            const tokenProvider = this.getAncestorAttributeValue("tokenProvider");
+            const authToken = this.getAncestorAttributeValue("eventsApiToken");
             if (!token) {
                 userName = this.getAncestorAttributeValue("userName");
                 password = this.getAncestorAttributeValue("password");
-                tokenProvider = this.getAncestorAttributeValue("tokenProvider");
             }
-            let credentials = this.getAncestorAttributeValue("credentials") || undefined;
-            return { serviceURL, token, userName, password, tokenProvider, addHTTPResponse, credentials };
+            const credentials = this.getAncestorAttributeValue("credentials") || undefined;
+            return { serviceURL, token, userName, password, authToken, tokenProvider, addHTTPResponse, credentials };
         }
         initWording() {
             return __awaiter(this, void 0, void 0, function* () {
                 let hasWording = false;
                 const propNames = Object.getOwnPropertyNames(this.constructor.prototype);
-                for (let p of propNames) {
+                for (const p of propNames) {
                     if (p.indexOf("wording_") == 0) {
                         hasWording = true;
                         break;
@@ -273,15 +274,15 @@ const Subscriber = (superClass, type) => {
                 }
                 if (!hasWording)
                     return;
-                let publisher = PublisherManager.getInstance().get("sonic-wording");
-                let wordingProvider = this.getAncestorAttributeValue("wordingProvider");
+                const publisher = PublisherManager.getInstance().get("sonic-wording");
+                const wordingProvider = this.getAncestorAttributeValue("wordingProvider");
                 const api = new API(this.getApiConfiguration());
                 if (wordingProvider) {
-                    let wordings = [];
-                    let wordingsAll = [];
-                    for (let p of propNames) {
+                    const wordings = [];
+                    const wordingsAll = [];
+                    for (const p of propNames) {
                         if (p.indexOf("wording_") == 0) {
-                            let p8 = p.substring(8);
+                            const p8 = p.substring(8);
                             if (!publisher.get()[p]) {
                                 publisher[p] = "...";
                                 wordings.push(p8);
@@ -290,8 +291,8 @@ const Subscriber = (superClass, type) => {
                         }
                     }
                     if (wordings.length > 0) {
-                        let result = yield api.post(wordingProvider, { labels: wordings });
-                        for (let elt in result) {
+                        const result = (yield api.post(wordingProvider, { labels: wordings }));
+                        for (const elt in result) {
                             publisher["wording_" + elt] = result[elt];
                         }
                     }
@@ -309,7 +310,7 @@ const Subscriber = (superClass, type) => {
             if (this.noShadowDom === "" || this.getAttribute("noShadowDom") === "") {
                 return this;
             }
-            let shadowRoot = super.createRenderRoot();
+            const shadowRoot = super.createRenderRoot();
             DataBindObserver.observe(shadowRoot);
             return shadowRoot;
         }
@@ -336,7 +337,7 @@ const Subscriber = (superClass, type) => {
                 let pub = mng.get(publisherId);
                 this.dataProvider = publisherId;
                 if (this.hasAttribute("subDataProvider")) {
-                    let dataPath = this.getAttribute("subDataProvider");
+                    const dataPath = this.getAttribute("subDataProvider");
                     this.dataProvider = publisherId + "/" + dataPath;
                     pub = Objects.traverse(pub, dataPath.split("."));
                     mng.set(this.dataProvider, pub);

package/core/mixins/TemplatesContainer.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from "lit";
-declare type Constructor<T> = new (...args: any[]) => T;
+import { MixinArgsType } from "../_types/types";
+type Constructor<T> = new (...args: MixinArgsType[]) => T;
 export declare class TemplatesContainerInterface extends LitElement {
     connectedCallback(): void;
     templateParts: Record<string, HTMLTemplateElement>;

package/core/mixins/TemplatesContainer.js

@@ -39,8 +39,8 @@ const TemplatesContainer = (superClass) => {
             this.templatePartsList = [];
         }
         connectedCallback() {
-            let templates = this.templates || [...this.querySelectorAll("template")];
-            for (let t of templates) {
+            const templates = this.templates || [...this.querySelectorAll("template")];
+            for (const t of templates) {
                 if (t.hasAttribute(this.templateValueAttribute)) {
                     this.templateParts[t.getAttribute(this.templateValueAttribute)] = t;
                     this.templatePartsList.push(t);

package/core/utils/Arrays.js

@@ -16,6 +16,7 @@ class Arrays {
     /**
      * Fournie une fonction to1D qui transforme un tableau 2D en un tableau 1D par concaténation
      */
+    /*eslint-disable @typescript-eslint/no-explicit-any*/
     static from2d(source) {
         return {
             to1D: () => {
@@ -25,6 +26,7 @@ class Arrays {
             },
         };
     }
+    /*eslint-enable @typescript-eslint/no-explicit-any*/
     /**
      * Fournie des méthodes pour manipuler un tableau
      * A l'écriture cela permet d'avoir des phrases du type:
@@ -32,6 +34,7 @@ class Arrays {
      * puis data.everyItem().has().same().value().forkey("key");
      * Peu mieux faire. ou voir a remplacer un jour par loadHash par exemple.
      **/
+    /*eslint-disable @typescript-eslint/no-explicit-any*/
     static from(source) {
         return {
             /**Obtenir le tableau final*/
@@ -47,7 +50,7 @@ class Arrays {
                                             forKey: (key) => {
                                                 if (source.length < 1)
                                                     return true;
-                                                let first = (source[0] || {})[key];
+                                                const first = (source[0] || {})[key];
                                                 return source.every((item) => (item || {})[key] == first);
                                             },
                                         };
@@ -89,14 +92,14 @@ class Arrays {
             group: () => {
                 return {
                     byKey: (key) => {
-                        let result = [];
-                        let keys = new Map();
-                        for (let item of source) {
-                            let value = item[key];
+                        const result = [];
+                        const keys = new Map();
+                        for (const item of source) {
+                            const value = item[key];
                             if (!keys.has(value)) {
-                                let idx = result.length;
+                                const idx = result.length;
                                 keys.set(value, idx);
-                                let pushable = { items: [] };
+                                const pushable = { items: [] };
                                 pushable[key] = value;
                                 result.push(pushable);
                             }
@@ -111,7 +114,7 @@ class Arrays {
                     duplicates: () => {
                         return {
                             forKey: (key) => {
-                                let set = [...new Set(source.map((item) => item[key]))];
+                                const set = [...new Set(source.map((item) => item[key]))];
                                 return Arrays.from(set.map((value) => source.find((item) => item[key] == value)));
                             },
                         };
@@ -121,7 +124,7 @@ class Arrays {
                             havingSameValue: () => {
                                 return {
                                     forKey: (key) => {
-                                        let areValuesDifferentForKey = (compared1, key) => (compared2) => compared1[key] != compared2[key];
+                                        const areValuesDifferentForKey = (compared1, key) => (compared2) => compared1[key] != compared2[key];
                                         return Arrays.from(source.filter((elt) => toRemoveFromSource.every(areValuesDifferentForKey(elt, key))));
                                     },
                                 };