@supersoniks/concorde 1.1.43 → 1.1.44

package/core/_types/types.d.ts

@@ -6,7 +6,7 @@ export interface ConcordeWindow extends Window {
     PasswordCredential: new (options: {
         id: string;
         password: string;
-    }) => any;
+    }) => Credential;
     grecaptcha: {
         ready: (handler: () => void) => void;
         execute: (key: string, options: {
@@ -17,10 +17,15 @@ export interface ConcordeWindow extends Window {
     SonicToast: any;
     [key: string]: any;
 }
-export declare type CoreJSType = Object | string | number | boolean | BigInt | undefined | null | symbol;
-export declare type PublisherContentType = CoreJSType & {
-    __value?: any;
-} & Record<string, any>;
-export declare type PublisherInterface<T extends PublisherContentType = any> = Publisher<T> & any;
-export declare type TypeAndRecordOfType<U> = U & Record<string, U>;
-export declare type HTMLFormControl = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type MixinArgsType = any;
+export type PrimitiveType = string | number | boolean | bigint | undefined | null | symbol;
+export type PublisherInterface<T = PublisherContentType> = Publisher<T> & any;
+export type CoreJSType = string | number | boolean | null | {
+    [property: string]: CoreJSType;
+} | CoreJSType[];
+export type TypeAndRecordOfType<U> = U & Record<string | number, U>;
+export type PublisherContentType = CoreJSType & {
+    __value?: CoreJSType;
+    _key_?: number;
+};
+export type HTMLFormControl = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;

package/core/_types/types.js

@@ -1 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any*/
 export {};

package/core/components/functional/date/date.d.ts

@@ -1,11 +1,11 @@
 import { LitElement, nothing } from "lit";
-declare type DateTimeFormatPartExtended = {
+type DateTimeFormatPartExtended = {
     hidden?: boolean;
     source?: string;
     type: string;
     value: string;
 };
-declare const SonicDate_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
+declare const SonicDate_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
 export declare class SonicDate extends SonicDate_base {
     pageLanguage: string;
     private duAu;

package/core/components/functional/date/date.js

@@ -59,11 +59,11 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
      * Retourne un tableau des différentes parties de la date en fonction des options données, de la date de début et de fin.
      */
     getDatesParts(start_date, end_date, options) {
-        let start = this.startDateObject;
+        const start = this.startDateObject;
         start.setTime(start_date * 1000);
         let parts = [];
         if (end_date > 0) {
-            let end = this.endDateObject;
+            const end = this.endDateObject;
             end.setTime(end_date * 1000);
             //
             //on affiche pas l'heure si les dates sont les mêmes
@@ -72,7 +72,7 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
                 delete options.hour;
                 delete options.minute;
             }
-            let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
+            const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatRangeToParts(start, end);
             //En mode  design on cache les ","
             if (this.designMode) {
@@ -80,7 +80,7 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
             }
             //on affiche du au uniquement si on a deux dates différentes
             if (!isSameDay) {
-                let to = parts.find((part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0);
+                const to = parts.find((part) => part.type == "literal" && part.source == "shared" && part.value.trim().length > 0);
                 if (to) {
                     to.value = " " + this.duAu[1] + " ";
                     to.type = "to";
@@ -90,7 +90,7 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
             }
         }
         else {
-            let format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
+            const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatToParts(start);
         }
         parts[0].value = Format.ucFirst(parts[0].value);
@@ -125,7 +125,7 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
         /* *
          * gestion des options d'affichage des dates
          * */
-        let options = {
+        const options = {
             year: this.year,
             month: this.month,
             day: this.day,
@@ -143,12 +143,12 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
         /**
          * On récupère les différentes partie affichées en vu de l'injection dans le template
          */
-        let parts = this.getDatesParts(this.start_date, this.end_date, options);
+        const parts = this.getDatesParts(this.start_date, this.end_date, options);
         return html `${parts.map((part) => {
-            let template = this.templateParts[part.type];
+            const template = this.templateParts[part.type];
             if (template) {
-                var clone = document.importNode(template.content, true);
-                let child = clone.children[0];
+                const clone = document.importNode(template.content, true);
+                const child = clone.children[0];
                 if (child.innerText.trim() == "")
                     child.innerText = part.value;
                 return clone;

package/core/components/functional/example/example.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare const SonicComponent_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicComponent_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class SonicComponent extends SonicComponent_base {
     text: string;
     render(): import("lit-html").TemplateResult<1>;

package/core/components/functional/fetch/fetch.d.ts

@@ -2,14 +2,15 @@
 import { LitElement } from "lit";
 declare const Fetch_base: {
     new (...args: any[]): {
-        api: import("../../../utils/api").default<any, any> | null;
-        key: String;
+        api: import("../../../utils/api").default | null;
+        key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (import("../../../_types/types").PublisherContentType & import("../../../utils/api").ResultTypeInterface) | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -20,9 +21,10 @@ declare const Fetch_base: {
         connectedCallback(): void;
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: any;
-        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>;
@@ -42,9 +44,9 @@ declare const Fetch_base: {
         getApiConfiguration(): import("../../../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * ###Fetch charge un contenu via un appel d'api web.
  * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)

package/core/components/functional/list/list.d.ts

@@ -7,14 +7,15 @@ import { TemplateContentDirective } from "lit/directives/template-content.js";
 import { TemplateResult } from "lit";
 declare const List_base: {
     new (...args: any[]): {
-        api: import("../../../utils/api").default<any, any> | null;
-        key: String;
+        api: import("../../../utils/api").default | null;
+        key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
         _endPoint: string;
+        props: (import("../../../_types/types").PublisherContentType & import("../../../utils/api").ResultTypeInterface) | null;
         endPoint: string;
         requestId: number;
         refetchEveryMs: number;
@@ -25,9 +26,10 @@ declare const List_base: {
         connectedCallback(): void;
         firstUpdated(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
-        props: any;
-        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>;
@@ -47,9 +49,9 @@ declare const List_base: {
         getApiConfiguration(): import("../../../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
+} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
 /**
  *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
  *
@@ -68,7 +70,7 @@ declare const List_base: {
  * *
  */
 export declare class List extends List_base {
-    itemPropertyMap?: Object;
+    itemPropertyMap?: object;
     /**
      * La propriété templateKey contient le nom de la propriété qui sera utilisé pour identifier le template à utiliser dans la donnée de la ligne.
      * Par exemple si templateIdentifier = "name" et que la donnée de la ligne est {name: "myTemplate" ... }, alors le template possédant l'attribut data-value="myTemplate" sera utilisé.
@@ -81,7 +83,13 @@ export declare class List extends List_base {
     connectedCallback(): void;
     renderLoadingState(): DirectiveResult<typeof TemplateContentDirective> | TemplateResult;
     renderNoResultState(): TemplateResult<1>;
-    formatProps(): any;
+    formatProps(): (import("../../../_types/types").CoreJSType[] & {
+        __value?: import("../../../_types/types").CoreJSType | undefined;
+        _key_?: number | undefined;
+    } & {
+        _sonic_http_response_?: Response | undefined;
+        text?: string | undefined;
+    }) | null;
     render(): DirectiveResult<typeof TemplateContentDirective>;
 }
 export {};

package/core/components/functional/list/list.js

@@ -74,8 +74,11 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
     }
     formatProps() {
         let props = this.props;
-        let response = props._sonic_http_response_;
-        let extractValues = this.hasAttribute("extractValues");
+        if (props == null) {
+            return null;
+        }
+        const response = props._sonic_http_response_;
+        const extractValues = this.hasAttribute("extractValues");
         //si props n'est pas un tableau on l'adapte
         if (!Array.isArray(props)) {
             if (extractValues) {
@@ -116,11 +119,11 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         /**
          * On format les props pour les rendre compatibles avec le fonctionnement du rendu en fonction du paramétrage du composant (cf : "extractValues" )
          */
-        let props = this.formatProps();
+        const props = this.formatProps();
         /**
          *  On peut définir un template spécifique si le résultat est un tableau vide
          */
-        if (props.length == 0 && this.templateParts["no-item"]) {
+        if (((props === null || props === void 0 ? void 0 : props.length) || 0) == 0 && this.templateParts["no-item"]) {
             return templateContent(this.templateParts["no-item"]);
         }
         /**
@@ -130,19 +133,28 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         let counter = -1;
         const extractValues = this.hasAttribute("extractValues");
         const separator = this.templateParts["separator"];
-        const length = props.length;
+        const length = (props === null || props === void 0 ? void 0 : props.length) || 0;
         return html `
-      ${props.map((item, index) => {
-            let templatePartName = item[this.templateKey];
-            let hasCustomTemplate = templatePartName && this.templateParts[templatePartName];
-            let key = extractValues ? item === null || item === void 0 ? void 0 : item[this.idKey] : index;
+      ${props === null || props === void 0 ? void 0 : props.map((item, index) => {
+            if (item == null)
+                return nothing;
+            if (typeof item != "object" || Array.isArray(item))
+                return nothing;
+            const templatePartName = item[this.templateKey];
+            let templatePart = null;
+            if (templatePartName && typeof templatePartName == "string") {
+                templatePart = this.templateParts[templatePartName];
+            }
+            const key = extractValues ? item === null || item === void 0 ? void 0 : item[this.idKey] : index;
             if (key == "_sonic_http_response_")
                 return nothing;
-            let pub = this.publisher[key];
+            if (typeof key != "string" && typeof key != "number")
+                return nothing;
+            const pub = this.publisher[key];
             pub._key_ = key + "";
             counter++;
             const isNotLast = index < length - 1;
-            if (hasCustomTemplate)
+            if (templatePart)
                 counter = -1;
             return (item &&
                 html `
@@ -154,8 +166,8 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
               .propertyMap?=${this.itemPropertyMap}
               dataProvider="${this.dataProvider}/list-item/${key}"
             >
-              ${hasCustomTemplate
-                    ? templateContent(this.templateParts[templatePartName])
+              ${templatePart
+                    ? templateContent(templatePart)
                     : templateContent(this.templateList[counter % templateCount])}
             </sonic-subscriber>
             ${separator && isNotLast ? templateContent(separator) : nothing}

package/core/components/functional/mix/mix.d.ts

@@ -1,22 +1,22 @@
 import { LitElement } from "lit";
 import { PublisherInterface, PublisherContentType } from "@supersoniks/concorde/core/_types/types";
-declare type Composition = Record<string, Object | string>;
-declare type Listener = {
+type Composition = Record<string, object | string>;
+type Listener = {
     publisher: PublisherInterface;
     subscriber: <T>(v: T) => void;
 };
-declare const SonicMix_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicMix_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;
 export default class SonicMix extends SonicMix_base {
+    static styles: import("lit").CSSResult[];
     private _composition;
     get composition(): Composition;
-    static styles: import("lit").CSSResult[];
     set composition(value: Composition);
     connectedCallback(): void;
     disconnectedCallback(): void;
     updateComposition(): void;
     listeners: Listener[];
     removePublisherListeners(): void;
-    parseComposition<T extends PublisherContentType = any>(composition: Composition, publisher: PublisherInterface<T>): void;
+    parseComposition<T extends PublisherContentType = PublisherContentType>(composition: Composition, publisher: PublisherInterface<T>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/core/components/functional/mix/mix.js

@@ -38,7 +38,7 @@ let SonicMix = class SonicMix extends Subscriber(LitElement) {
         this.parseComposition(this.composition, this.publisher);
     }
     removePublisherListeners() {
-        let listeners = this.listeners;
+        const listeners = this.listeners;
         this.listeners = [];
         listeners.forEach((listener) => {
             this.publisher.offAssign(listener.subscriber);
@@ -47,13 +47,16 @@ let SonicMix = class SonicMix extends Subscriber(LitElement) {
     parseComposition(composition, publisher) {
         if (!composition)
             return;
-        for (let z in composition) {
-            let value = composition[z];
+        for (const z in composition) {
+            const value = composition[z];
             if (typeof value === "string") {
-                let split = value.split(".");
-                let publisherSource = PublisherManager.get(split.shift());
+                const split = value.split(".");
+                const first = split.shift();
+                if (!first)
+                    continue;
+                let publisherSource = PublisherManager.get(first);
                 publisherSource = Objects.traverse(publisherSource, split);
-                let publisherSubscriber = {
+                const publisherSubscriber = {
                     publisher: publisherSource,
                     subscriber: (v) => {
                         publisher[z] = v;
@@ -65,9 +68,9 @@ let SonicMix = class SonicMix extends Subscriber(LitElement) {
             }
             else {
                 this.publisher[z] = {};
-                let newPublisher = new PublisherProxy({}, publisher);
+                const newPublisher = new PublisherProxy({}, publisher);
                 publisher._proxies_.set(z, newPublisher);
-                let publisherSubscriber = {
+                const publisherSubscriber = {
                     publisher: newPublisher,
                     subscriber: (v) => {
                         publisher[z] = v;

package/core/components/functional/queue/queue.d.ts

@@ -1,7 +1,16 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/functional/list/list";
 import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
-declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+type QueueItem = {
+    id: string;
+    dataProvider: string;
+    offset: number;
+    limit: number;
+};
+type QueueProps = QueueItem[] & {
+    resultCount?: number;
+};
+declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<QueueProps>) & typeof LitElement;
 /**
  *### Une Queue charge du contenu par lot selon l'expression renseignée dans l'attribut *dataProviderExpression*.
  * * Chaque lot est chargé par un composant [List](./?path=/docs/core-components-functional-list-list--basic) dont le dataProvider créé à partir de l'attribut dataProviderExpression
@@ -13,8 +22,8 @@ declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde
 export default class Queue extends Queue_base {
     templates: Array<HTMLTemplateElement> | null;
     lastRequestTime: number;
-    key: String;
-    itemPropertyMap: Object | null;
+    key: string;
+    itemPropertyMap: object | null;
     /**
      * Durée cible en ms d'une requête pour afficher 1 lot.
      */

package/core/components/functional/queue/queue.js

@@ -21,7 +21,7 @@ const tagName = "sonic-queue";
  * Les valeurs renseignées dans ce publisher sont ajoutées en get à chaque requête
  * * la proriété *key* peut être utilisé pour cibler une propriété particulière du retour de l'api.
  */
-let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
+let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
     constructor() {
         super(...arguments);
         this.templates = null;
@@ -56,7 +56,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         this.nextHadEvent = false;
     }
     disconnectedCallback() {
-        for (let dataProvider of this.listDataProviders) {
+        for (const dataProvider of this.listDataProviders) {
             PublisherManager.delete(dataProvider);
         }
         super.disconnectedCallback();
@@ -77,11 +77,12 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         if (!this.templates)
             this.templates = Array.from(this.querySelectorAll("template"));
         this.lastRequestTime = new Date().getTime();
-        this.next();
+        let func = window.requestAnimationFrame;
+        func(() => this.next());
     }
     configFilter() {
         var _a;
-        let dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
+        const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
         if (!dataFilterProvider)
             return;
         this.filterPublisher = PublisherManager.getInstance().get(dataFilterProvider);
@@ -97,31 +98,34 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         /**
          * On ne lance la recherche que si le hash de recherche est différent
          */
-        let dataProvider = this.dataProviderExpression;
-        let split = dataProvider.split("?");
+        const dataProvider = this.dataProviderExpression;
+        const split = dataProvider.split("?");
         split.shift();
         let searchParams = new URLSearchParams(split.join("?"));
         let filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
         let filteredFieldsArray = this.filteredFields.split(" ");
         for (let f in filterData) {
-            if ((this.filteredFields && !filteredFieldsArray.includes(f)) || filterData[f] == null)
+            let value = filterData[f];
+            if (Array.isArray(value))
+                value = value.filter((v) => v !== null);
+            if ((this.filteredFields && !filteredFieldsArray.includes(f)) || value == null || value.toString() === "")
                 continue;
-            searchParams.set(f, filterData[f]);
+            searchParams.set(f, filterData[f].toString());
         }
-        let searchHash = searchParams.toString();
+        const searchHash = searchParams.toString();
         if (searchHash == this.searchHash)
             return;
         this.searchHash = searchHash;
         /**
          * on reset les données avant de lancer la requète
          */
-        for (let dataProvider of this.listDataProviders) {
+        for (const dataProvider of this.listDataProviders) {
             PublisherManager.delete(dataProvider);
         }
         this.listDataProviders = [];
         clearTimeout(this.filterTimeoutId);
         this.filterTimeoutId = setTimeout(() => {
-            let count = this.resultCount;
+            const count = this.resultCount;
             this.props = null;
             //On garde le décompte au cas ou il n'y aurait pas rechargement
             this.resultCount = count;
@@ -155,7 +159,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
             }
         }
         if (!Array.isArray(this.props)) {
-            let newProps = [];
+            const newProps = [];
             newProps.resultCount = this.resultCount;
             this.props = newProps;
         }
@@ -171,20 +175,22 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         if (this.limit > 15)
             this.limit = 15;
         let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
-        let split = dataProvider.split("?");
-        let endpoint = split.shift();
-        let searchParams = new URLSearchParams(split.join("?"));
-        let filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
-        let filteredFieldsArray = this.filteredFields.split(" ");
-        for (let f in filterData) {
+        const split = dataProvider.split("?");
+        const endpoint = split.shift();
+        const searchParams = new URLSearchParams(split.join("?"));
+        const filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
+        const filteredFieldsArray = this.filteredFields.split(" ");
+        for (const f in filterData) {
             if ((this.filteredFields && !filteredFieldsArray.includes(f)) || filterData[f] == null)
                 continue;
             searchParams.set(f, filterData[f]);
         }
+        if (!this.searchHash)
+            this.searchHash = searchParams.toString();
         dataProvider = endpoint + "?" + searchParams.toString();
         this.listDataProviders.push(dataProvider);
         this.currentScrollPosition = (_b = document.scrollingElement) === null || _b === void 0 ? void 0 : _b.scrollTop;
-        let newProps = [
+        const newProps = [
             ...this.props,
             {
                 id: searchParams.toString() + "/" + this.props.length,
@@ -200,7 +206,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
     render() {
         if (this.currentScrollPosition) {
             window.requestAnimationFrame(() => {
-                if (document.scrollingElement)
+                if (document.scrollingElement && this.currentScrollPosition != undefined)
                     document.scrollingElement.scrollTop = this.currentScrollPosition;
                 this.currentScrollPosition = undefined;
             });
@@ -210,14 +216,14 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         return html `
       ${repeat(this.props, (item) => item.id, (item, index) => {
             var _a;
-            let templates = index == 0 ? this.templates : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter((elt) => elt.getAttribute("data-value") != "no-item");
+            const templates = index == 0 ? this.templates : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter((elt) => elt.getAttribute("data-value") != "no-item");
             return html `
             <sonic-list
               fetch
               displayContents
               lazyload
               requestId=${this.requestId}
-              ?itemPropertyMap=${this.itemPropertyMap}
+              .itemPropertyMap=${this.itemPropertyMap}
               ?debug=${this.defferedDebug === true}
               @load=${this.next}
               key=${this.key}

package/core/components/functional/router/redirect.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare const SonicRedirect_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicRedirect_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * sonic-redirect permet d'effectuer une redirection.
  * * L'URL de redirection fournie dans l'attribut *to*.
@@ -10,7 +10,7 @@ declare const SonicRedirect_base: (new (...args: any[]) => import("@supersoniks/
  * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
  */
 export declare class SonicRedirect extends SonicRedirect_base {
-    udpateCallBack: () => void;
+    udpateCallBack?: VoidFunction;
     connectedCallback(): void;
     disconnectedCallback(): void;
     update(): void;

package/core/components/functional/router/redirect.js

@@ -20,10 +20,6 @@ const tagName = "sonic-redirect";
  * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
  */
 let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.udpateCallBack = () => { };
-    }
     connectedCallback() {
         this.noShadowDom = "";
         this.style.display = "none";
@@ -44,8 +40,8 @@ let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
         }
         if (!this.props)
             return;
-        let onDataPath = this.getAttribute("onData").split(".");
-        let searchedData = Objects.traverse(this.props, onDataPath);
+        const onDataPath = this.getAttribute("onData").split(".");
+        const searchedData = Objects.traverse(this.props, onDataPath);
         if (searchedData && !(Objects.isObject(searchedData) && searchedData)) {
             LocationHandler.changeFromComponent(this);
         }

package/core/components/functional/router/router.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare const SonicRouter_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
+declare const SonicRouter_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
 /**
  * ### Le router observe les modification document.location et met à jour sa vu de la manière suivante :
  * * Il boucle sur ses template enfants et test si la regexp contenue dans l'attribut *data-route* match document.location

package/core/components/functional/router/router.js

@@ -50,11 +50,11 @@ let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitEle
         return this._location;
     }
     render() {
-        let templates = [];
-        for (let t of this.templatePartsList) {
-            let path = t.getAttribute(this.templateValueAttribute);
-            let regexp = new RegExp(path);
-            let urlPattern = new UrlPattern(path);
+        const templates = [];
+        for (const t of this.templatePartsList) {
+            const path = t.getAttribute(this.templateValueAttribute) || "";
+            const regexp = new RegExp(path);
+            const urlPattern = new UrlPattern(path);
             if (regexp.test(this.location)) {
                 templates.push(t);
             }
@@ -72,17 +72,17 @@ let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitEle
                 document.title = template.title;
             if (template.hasAttribute("dataProviderExpression")) {
                 let dataProvider = "";
-                let dataProviderExpression = template.getAttribute("dataProviderExpression");
+                const dataProviderExpression = template.getAttribute("dataProviderExpression") || "";
                 if (template.getAttribute("mode") == "patternMatching") {
-                    const matcher = new UrlPattern(template.getAttribute(this.templateValueAttribute));
+                    const matcher = new UrlPattern(template.getAttribute(this.templateValueAttribute) || "");
                     const filler = new UrlPattern(dataProviderExpression);
                     dataProvider = filler.stringify(matcher.match(this.location));
                 }
                 else {
-                    const regexp = new RegExp(template.getAttribute(this.templateValueAttribute));
-                    let match = (this.location + "").match(regexp);
+                    const regexp = new RegExp(template.getAttribute(this.templateValueAttribute) || "");
+                    const match = (this.location + "").match(regexp);
                     if (match) {
-                        dataProvider = (_a = match.shift()) === null || _a === void 0 ? void 0 : _a.replace(regexp, dataProviderExpression);
+                        dataProvider = ((_a = match.shift()) === null || _a === void 0 ? void 0 : _a.replace(regexp, dataProviderExpression)) || "";
                     }
                 }
                 return html `<div style="display:contents" dataProvider="${dataProvider}">${templateContent(template)}</div>`;