@supersoniks/concorde 1.1.42 → 1.1.43

package/core/mixins/FormElement.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import { property } from "lit/decorators.js";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 const keyboardLoops = new Map();
@@ -26,9 +26,6 @@ const Form = (superClass) => {
             this.required = false;
             this.forceAutoFill = false;
             this.disabled = null;
-            this.onValueAssign = null;
-            this.onFormValueAssign = null;
-            this.onFormDataInValidate = null;
             this.formDataProvider = "";
             /**
              * Le nom du champ avec des caractéristiques similaire à un input html classique.
@@ -46,7 +43,8 @@ const Form = (superClass) => {
                 this.setFormValueFromPublisher(value);
             };
             this.onFormDataInValidate = () => {
-                if (!this.getFormPublisher().isFormValid.get()) {
+                let formPublisher = this.getFormPublisher();
+                if (!(formPublisher && formPublisher.isFormValid.get())) {
                     return;
                 }
                 this.validateFormElement();
@@ -63,23 +61,23 @@ const Form = (superClass) => {
         }
         validateFormElement() { }
         updateDataValue() {
-            if (this._name) {
+            let name = this.getAttribute("name");
+            if (name) {
                 let formPublisher = this.getFormPublisher();
                 if (formPublisher) {
-                    formPublisher[this._name] = this.getValueForFormPublisher();
-                    this.setFormValueFromPublisher(formPublisher[this.name].get());
+                    formPublisher[name] = this.getValueForFormPublisher();
+                    this.setFormValueFromPublisher(formPublisher[name].get());
                 }
             }
         }
         getFormPublisher() {
-            if (!this.formDataProvider) {
+            if (!this.formDataProvider)
                 this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-            }
             if (this.formDataProvider) {
                 return PublisherManager.get(this.formDataProvider);
             }
-            else
-                return this.publisher;
+            return null;
+            //else return this.publisher;
         }
         /**
          * Mise en forme de la valeur fournie au formPublisher associé au composant
@@ -106,10 +104,13 @@ const Form = (superClass) => {
             return this._value;
         }
         set value(value) {
-            if (Objects.isObject(value) && value.hasOwnProperty("__value") && value.value == undefined)
-                return;
+            if (this.name == "nom" && value && Objects.deepEqual(value, {})) {
+                console.trace(this);
+            }
             if (value == null)
-                return;
+                value = "";
+            if (Objects.isObject(value) && value.hasOwnProperty("__value") && value.value == undefined)
+                value = "";
             if (this._value == value)
                 return;
             this._value = value;
@@ -117,9 +118,12 @@ const Form = (superClass) => {
             this.requestUpdate();
         }
         initPublisher() {
+            let formPublisher = this.getFormPublisher();
+            let value = this.hasAncestorAttribute("initFromPublisher") && this._name && formPublisher[this._name].get()
+                ? formPublisher[this._name].get()
+                : this.getAttribute("value");
             if (this._name && this.publisher)
                 this.publisher[this._name].offAssign(this.onValueAssign);
-            let formPublisher = this.getFormPublisher();
             if (this._name && formPublisher)
                 formPublisher[this._name].offAssign(this.onFormValueAssign);
             super.initPublisher();
@@ -127,15 +131,17 @@ const Form = (superClass) => {
                 this._name = this.getAttribute("name");
             if (!this.value)
                 this._value = this.getAttribute("value");
-            this.updateDataValue();
             if (this.publisher && this._name) {
                 this.publisher[this._name].onAssign(this.onValueAssign);
             }
             formPublisher = this.getFormPublisher();
             if (this._name && formPublisher) {
                 formPublisher[this._name].onAssign(this.onFormValueAssign);
-                formPublisher.onInvalidate((this.onFormDataInValidate));
+                formPublisher.onInvalidate(this.onFormDataInValidate);
             }
+            this.updateDataValue();
+            if (value)
+                this.value = value;
         }
         handleBlur() {
             this.touched = true;
@@ -166,17 +172,20 @@ const Form = (superClass) => {
                     keyboardLoops.set(keyboardLoopId2, []);
                 }
                 let keyboardLoop = keyboardLoops.get(keyboardLoopId2);
-                if (keyboardLoop.indexOf(this) == -1) {
+                if ((keyboardLoop === null || keyboardLoop === void 0 ? void 0 : keyboardLoop.indexOf(this)) == -1) {
                     keyboardLoop.push(this);
                 }
             }
             let keyboardLoop = keyboardLoops.get(keyboardLoopId);
             this.addEventListener("keydown", (e) => {
-                if (!["ArrowDown", "ArrowUp"].includes(e.key))
+                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.filter((el) => {
-                    let child = el.shadowRoot.querySelector(selector);
+                let 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);
                     if (!child)
                         return false;
                     let cpStyle = window.getComputedStyle(child);
@@ -187,7 +196,7 @@ const Form = (superClass) => {
                         child.getBoundingClientRect().width > 0);
                 });
                 let next = null;
-                if (e.key == "ArrowDown") {
+                if (keyboardEvent.key == "ArrowDown" && loop) {
                     let index = loop.indexOf(this);
                     if (index == loop.length - 1) {
                         next = loop[0];
@@ -196,7 +205,7 @@ const Form = (superClass) => {
                         next = loop[index + 1];
                     }
                 }
-                else if (e.key == "ArrowUp") {
+                else if (keyboardEvent.key == "ArrowUp" && loop) {
                     let index = loop.indexOf(this);
                     if (index == 0) {
                         next = loop[loop.length - 1];
@@ -205,14 +214,15 @@ const Form = (superClass) => {
                         next = loop[index - 1];
                     }
                 }
-                let elt = next.shadowRoot.querySelector(selector);
-                if (elt) {
+                let 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();
                 }
             });
         }
         connectedCallback() {
+            this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
             super.connectedCallback();
             this.addKeyboardNavigation();
         }
@@ -245,6 +255,12 @@ const Form = (superClass) => {
     __decorate([
         property({ type: Boolean })
     ], FormElement.prototype, "disabled", void 0);
+    __decorate([
+        property({ type: String, attribute: "data-aria-label" })
+    ], FormElement.prototype, "ariaLabel", void 0);
+    __decorate([
+        property({ type: String, attribute: "data-aria-labelledby" })
+    ], FormElement.prototype, "ariaLabelledby", void 0);
     __decorate([
         property()
     ], FormElement.prototype, "name", null);

package/core/mixins/FormInput.d.ts

@@ -19,16 +19,20 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
-        handleChange(e?: any): void;
-        handleBlur(e?: any): void;
+        handleChange(e?: Event | undefined): void;
+        handleBlur(e?: Event | undefined): void;
         getValueForFormPublisher(): any;
+        focus?: (() => void) | undefined;
+        shadowRoot?: ShadowRoot | undefined;
         error: boolean;
         autofocus: boolean;
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
-        _value: any;
-        value: any;
+        ariaLabelledby?: string | undefined;
+        ariaLabel?: string | undefined;
+        _value: string | null;
+        value: string | null;
         _name: string;
         name: string;
         props: any;

package/core/mixins/FormInput.js

@@ -19,11 +19,12 @@ const Form = (superClass) => {
         }
         validateFormElement() {
             var _a;
-            const that = this;
-            const input = (_a = that.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+            const input = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("input");
             if (!input || input.checkValidity())
                 return;
-            this.getFormPublisher().isFormValid = false;
+            let formPublisher = this.getFormPublisher();
+            if (formPublisher)
+                formPublisher.isFormValid = false;
             input.reportValidity();
         }
         set type(value) {

package/core/mixins/Subscriber.d.ts

@@ -1,19 +1,21 @@
-import { LitElement } from "lit";
 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 {
-    props: any;
+export interface SubscriberInterface<PropsType = any> {
+    props: PropsType | null;
     propertyMap: Object;
     isConnected: boolean;
     getAncestorAttributeValue(attributeName: string): string;
     hasAncestorAttribute(attributeName: string): boolean;
     querySelectorAll(selector: string): NodeListOf<Element>;
-    publisher: any;
+    publisher: TypeAndRecordOfType<PublisherInterface<PropsType>>;
     dataProvider: string | null;
     noShadowDom: string | null;
     debug: HTMLElement | null;
     defferedDebug: boolean | null;
     displayContents: boolean;
+    shadowRoot?: ShadowRoot;
     dispatchEvent(event: Event): void;
     setAttribute(name: string, value: string): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -27,5 +29,5 @@ export interface SubscriberInterface {
     hasAttribute(attributeName: String): boolean;
     disconnectedCallback(): void;
 }
-declare const Subscriber: <T extends Constructor<LitElement>>(superClass: T) => Constructor<SubscriberInterface> & T;
+declare const Subscriber: <PropsType = any, T extends Constructor<LitElement> = any>(superClass: T, type?: PropsType | undefined) => Constructor<SubscriberInterface<PropsType>> & T;
 export default Subscriber;

package/core/mixins/Subscriber.js

@@ -13,12 +13,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
-import { property } from "lit/decorators.js";
 import API from "@supersoniks/concorde/core/utils/api";
-import HTML from "@supersoniks/concorde/core/utils/HTML";
 import DataBindObserver from "@supersoniks/concorde/core/utils/DataBindObserver";
+import HTML from "@supersoniks/concorde/core/utils/HTML";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { property } from "lit/decorators.js";
 let keepDebugOnMouseOut = false;
 let debugs = new Set();
 //Pour référence
@@ -36,13 +36,14 @@ let debugs = new Set();
 //     return this.shadowRoot || this;
 //   }
 // }
-const Subscriber = (superClass) => {
+const Subscriber = (superClass, type) => {
     /**
      * La mixin Subscriber permet lier un composant à un publisher.
      * La liaison à un publisher se fait via l'attribut *dataProvider* du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).
      * les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.
      * Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.
      */
+    type;
     class SubscriberElement extends superClass {
         constructor(...args) {
             super();
@@ -90,8 +91,10 @@ const Subscriber = (superClass) => {
             /**
              * On assign est enregistré car c'est un écouteur du publisher qui doit être délié lorsque l'objet est déconnecté du dom.
              */
-            this.onAssign = null;
-            this.args = args;
+            this.onAssign = (v) => {
+                this.props = v;
+            };
+            args;
         }
         /**
          * va de parent en parent pour trouver un attribut
@@ -107,11 +110,10 @@ const Subscriber = (superClass) => {
          * @returns valeur de l'attribut ou null si l'attribut n'est pas trouvé
          */
         getAncestorAttributeValue(attributeName) {
-            let node = this;
-            return HTML.getAncestorAttributeValue(node, attributeName);
+            return HTML.getAncestorAttributeValue(this, attributeName);
         }
         get props() {
-            if (!this.publisher)
+            if (this._props !== null || !this.publisher)
                 return this._props;
             return this.publisher.get();
         }
@@ -119,12 +121,11 @@ const Subscriber = (superClass) => {
             if (typeof value == "string" && ["{", "["].includes(value.trim().charAt(0))) {
                 value = JSON.parse(value);
             }
-            if (value == null || value === "")
-                value = {};
-            if (!this.publisher)
-                this.initPublisher();
+            if (value == this._props)
+                return;
             this._props = value;
-            if (this.publisher) {
+            // if (!this.publisher) this.initPublisher();
+            if (this.publisher && this.publisher.get() != value) {
                 this.publisher.set(value);
             }
             this.requestUpdate();
@@ -165,18 +166,20 @@ const Subscriber = (superClass) => {
             SubscriberElement.instanceCounter++;
         }
         disconnectedCallback() {
+            var _a;
             this.removeDebugger();
             super.disconnectedCallback();
             if (this.publisher) {
                 this.publisher.stopTemplateFilling(this);
-                this.publisher.offInternalMutation(this.requestUpdate());
+                this.publisher.offInternalMutation(this.requestUpdate);
             }
             if (this.wordingPublisher)
                 this.wordingPublisher.stopTemplateFilling(this);
             if (this.onAssign)
-                this.publisher.offAssign(this.onAssign);
+                (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offAssign(this.onAssign);
         }
         addDebugger() {
+            var _a;
             if (this.hasAttribute("debug") && !this.defferedDebug) {
                 if (!this.debug) {
                     this.debug = document.createElement("div");
@@ -195,10 +198,11 @@ const Subscriber = (superClass) => {
                     style.zIndex = "99999999";
                     style.maxHeight = "calc(100vh - 32px)";
                     style.fontFamily = "Consolas, monospace";
-                    style.maxWidth = "50vw";
+                    style.maxWidth = "min(50vw,25rem)";
                     style.fontSize = "12px";
                     style.minWidth = "300px";
                     style.overflowWrap = "break-word";
+                    style.resize = "vertical";
                 }
                 this.addEventListener("click", (e) => {
                     if (!e.ctrlKey)
@@ -207,8 +211,7 @@ const Subscriber = (superClass) => {
                     keepDebugOnMouseOut = !keepDebugOnMouseOut;
                 });
                 if (this.dataProvider) {
-                    let win = window;
-                    win[this.dataProvider] = this.publisher;
+                    window[this.dataProvider] = this.publisher;
                 }
                 this.addEventListener("mouseover", () => {
                     if (!keepDebugOnMouseOut)
@@ -220,13 +223,14 @@ const Subscriber = (superClass) => {
                     if (!keepDebugOnMouseOut)
                         this.removeDebugger();
                 });
-                this.publisher.onInternalMutation(() => {
+                (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.onInternalMutation(() => {
+                    var _a;
                     this.debug.innerHTML = `🤖 DataProvider : "<b style="font-weight:bold;color:#fff;">${this.dataProvider}</b>"<br>
           <div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px;">
             Variable disponible dans la console<br>
             ctrl + Clique : épingler / désépingler
            </div>
-          <pre style="margin-top:10px;background:transparent;padding:0;font-size:inherit;color:inherit;">${JSON.stringify(this.publisher.get(), null, "  ")}</pre>`;
+          <pre style="margin-top:10px;background:transparent;padding:0;font-size:inherit;color:inherit;">${JSON.stringify((_a = this.publisher) === null || _a === void 0 ? void 0 : _a.get(), null, "  ")}</pre>`;
                 });
             }
         }
@@ -244,6 +248,7 @@ const Subscriber = (superClass) => {
          */
         getApiConfiguration() {
             const token = this.getAncestorAttributeValue("token");
+            let addHTTPResponse = this.getAncestorAttributeValue("addHTTPResponse") != null;
             let serviceURL = this.getAncestorAttributeValue("serviceURL");
             let userName = null;
             let password = null;
@@ -253,7 +258,8 @@ const Subscriber = (superClass) => {
                 password = this.getAncestorAttributeValue("password");
                 tokenProvider = this.getAncestorAttributeValue("tokenProvider");
             }
-            return { serviceURL, token, userName, password, tokenProvider };
+            let credentials = this.getAncestorAttributeValue("credentials") || undefined;
+            return { serviceURL, token, userName, password, tokenProvider, addHTTPResponse, credentials };
         }
         initWording() {
             return __awaiter(this, void 0, void 0, function* () {
@@ -339,17 +345,14 @@ const Subscriber = (superClass) => {
                 this.publisher = pub;
             }
             if (this.publisher) {
-                this.onAssign = () => {
-                    this.requestUpdate();
-                };
-                this.publisher.onAssign(this.onAssign);
+                if (this._props) {
+                    this.publisher.set(this._props);
+                }
                 if (!this.noAutoFill)
                     this.publisher.startTemplateFilling(this);
                 if (this.renderOnPropsInternalChange)
                     this.publisher.onInternalMutation(this.requestUpdate);
-                if (this._props) {
-                    this.publisher.set(this._props);
-                }
+                this.publisher.onAssign(this.onAssign);
             }
         }
     }
@@ -381,6 +384,5 @@ const Subscriber = (superClass) => {
     return SubscriberElement;
 };
 export default Subscriber;
-let win = window;
-if (!win.SonicPublisherManager)
-    win.SonicPublisherManager = PublisherManager;
+if (!window.SonicPublisherManager)
+    window.SonicPublisherManager = PublisherManager;

package/core/utils/Arrays.d.ts

@@ -2,19 +2,19 @@ declare class Arrays {
     /**
      * Vérifie si les deux tableaux ont le même contenu
      */
-    static areEqual(array1: Array<any>, array2: Array<any>): boolean;
+    static areEqual<U>(array1: Array<U>, array2: Array<U>): boolean;
     /**
      * Fournie une fonction to1D qui transforme un tableau 2D en un tableau 1D par concaténation
      */
-    static from2d(source: Array<Array<Record<string, any>>>): {
+    static from2d(source: any): {
         to1D: () => {
             /**Obtenir le tableau final*/
-            get: () => Record<string, any>[];
+            get: () => any;
             everyItem: () => {
                 has: () => {
                     same: () => {
                         value: () => {
-                            forKey: (key: string) => boolean;
+                            forKey: (key: string) => any;
                         };
                     };
                 };
@@ -28,10 +28,10 @@ declare class Arrays {
                 };
             };
             map: (f: (elt: Record<string, any>) => any) => any;
-            filter: (f: (elt: Record<string, any>) => any) => any;
-            find: (f: (elt: Record<string, any>) => any) => Record<string, any> | undefined;
-            some: (f: (elt: Record<string, any>) => any) => boolean;
-            every: (f: (elt: Record<string, any>) => any) => boolean;
+            filter: (f: (elt: any) => any) => any;
+            find: (f: (elt: Record<string, any>) => any) => any;
+            some: (f: (elt: Record<string, any>) => any) => any;
+            every: (f: (elt: Record<string, any>) => any) => any;
             group: () => {
                 byKey: (key: string) => any;
             };
@@ -54,14 +54,14 @@ declare class Arrays {
      * puis data.everyItem().has().same().value().forkey("key");
      * Peu mieux faire. ou voir a remplacer un jour par loadHash par exemple.
      **/
-    static from(source: Array<Record<string, any>>): {
+    static from(source: any): {
         /**Obtenir le tableau final*/
-        get: () => Record<string, any>[];
+        get: () => any;
         everyItem: () => {
             has: () => {
                 same: () => {
                     value: () => {
-                        forKey: (key: string) => boolean;
+                        forKey: (key: string) => any;
                     };
                 };
             };
@@ -75,10 +75,10 @@ declare class Arrays {
             };
         };
         map: (f: (elt: Record<string, any>) => any) => any;
-        filter: (f: (elt: Record<string, any>) => any) => any;
-        find: (f: (elt: Record<string, any>) => any) => Record<string, any> | undefined;
-        some: (f: (elt: Record<string, any>) => any) => boolean;
-        every: (f: (elt: Record<string, any>) => any) => boolean;
+        filter: (f: (elt: any) => any) => any;
+        find: (f: (elt: Record<string, any>) => any) => any;
+        some: (f: (elt: Record<string, any>) => any) => any;
+        every: (f: (elt: Record<string, any>) => any) => any;
         group: () => {
             byKey: (key: string) => any;
         };

package/core/utils/DataBindObserver.d.ts

@@ -1,12 +1,19 @@
+import { PublisherInterface, PublisherContentType } from "@supersoniks/concorde/core/_types/types";
+import { SearchableDomElement } from "@supersoniks/concorde/core/utils/HTML";
 declare type BindedVariablesDescriptor = {
-    expression: String;
+    expression: string;
     variables: Array<Array<string>>;
 };
 declare type DataBindItem = {
     propertyToUpdate: string;
     bindedVariablesDescriptor: BindedVariablesDescriptor;
 };
+declare type PublisherListenerConfig<ValueType extends PublisherContentType = any> = {
+    publisher: PublisherInterface<ValueType>;
+    onAssign: (value?: ValueType) => void;
+};
 /**
+ *
  * En appelant DataBindObserver.observe(HTMLElement) sun un élément html, tout les éléments peuvent être liés à au publisher a l'adresse déterminée parl'attribut dataProvider de l'un de ses ancêtres.
  * Pour cela un MutationObserver est créé pour observer les changements d'attributs de l'élément.
  * On peut alors ecrire ce genre de choses de manière a lier dynamiquement les données du publisher à l'élément html.
@@ -18,28 +25,28 @@ export default class DataBindObserver {
     /**
      * Maintient la liste des éléments observés de manière à pouvoir les désinscrire quand ils sont supprimés.
      */
-    static observedElements: Map<Node, MutationObserver>;
+    static observedElements: Map<SearchableDomElement, MutationObserver>;
     /**
      * Commencer à observer un élément html.
      */
     static enabled: boolean;
     static disable(): void;
-    static observe(element: HTMLElement): void;
+    static observe(element: SearchableDomElement): void;
     /**
      * Arrêter à observer un élément html.
      */
-    static unObserve(element: HTMLElement): void;
+    static unObserve(element: SearchableDomElement): void;
     static onAdded(elt: HTMLElement): void;
     static onRemoved(elt: HTMLElement): void;
     /**
      * Callback appelé par le MutationObserver
      */
     static onMutation(list: MutationRecord[]): void;
-    static publisherListeners: Map<HTMLElement, any[]>;
+    static publisherListeners: Map<SearchableDomElement, PublisherListenerConfig[]>;
     /**
      * La liaison avec le publisher supprimée ici.
      */
-    static removePublisherListeners(target: HTMLElement): void;
+    static removePublisherListeners(target: SearchableDomElement): void;
     /**
      *
      * Cette fonction prend l'expression fournie et trouves toutes les occurences du type $.clef1.clef2.clef3 ou $a.b par exemple.
@@ -59,18 +66,18 @@ export default class DataBindObserver {
      *   Cela représente la propriété à mettre à jour sur l'élément lors de la modification d'une des variables liées dans le publicheur.
      * * Propriété "bindedVariablesDescriptor" du DataBindItem : voir la fonction getVariablesDescriptor
      */
-    static getDataBindItems(element: HTMLElement): DataBindItem[];
+    static getDataBindItems(element: SearchableDomElement): DataBindItem[];
     /**
      * Cette fonction récuperer le (sous) publisher a l'adresse donnée.
      * Si l'une des clef de l'adresse est _self_, on garde le publisher courant et on passe à la suite.
      * Ceci est un cas spécial, c'est pour ça qu'on utilisa pes Objects.traverse.
      * Il y a toujours un publisher quelque soit l'adresse ce qui permet de cibler des valeurs qui n'existent pas encore
      */
-    static getSubPublisher(pub: any, pathArray: string[]): any;
+    static getSubPublisher<T extends PublisherContentType>(pub: PublisherInterface<T>, pathArray?: string[]): any;
     /**
      * La liaison avec le publisher est faite ici.
      * TODO Sans doute factoriser
      */
-    static addPublisherListeners(target: HTMLElement): void;
+    static addPublisherListeners(target: SearchableDomElement): void;
 }
 export {};