@supersoniks/concorde 1.1.42 → 1.1.44

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

@@ -4,17 +4,16 @@ 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 { html, LitElement, css, nothing } from "lit";
+import { html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import Fetcher from "@supersoniks/concorde/core/mixins/Fetcher";
-import { repeat } from "lit/directives/repeat.js";
 import { templateContent } from "lit/directives/template-content.js";
 import "@supersoniks/concorde/core/components/ui/loader/loader";
 import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
-import { ifDefined } from "lit/directives/if-defined.js";
 import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
+const tagName = "sonic-list";
 /**
  *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
  *
@@ -32,11 +31,9 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
  * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  * *
  */
-const tagName = "sonic-list";
 let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
     constructor() {
         super(...arguments);
-        this.itemPropertyMap = null;
         /**
          * 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é.
@@ -62,14 +59,26 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             : html `<sonic-loader mode="inline"></sonic-loader>`;
     }
     renderNoResultState() {
-        return html ` <div class="sonic-no-result-container">
-      <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon><span class="sonic-no-result-text">${this.props}</span>
+        return html ` <div
+      style="color: var(--sc-base-400);
+    font-size: 1.5em;
+    margin: 4rem 0;
+    display: flex;
+    gap: 0.5rem;"
+    >
+      <sonic-icon name="emoji-puzzled" size="lg"></sonic-icon
+      ><span class="sonic-no-result-text"
+        >${typeof this.props === "string" && this.props == "" ? "Aucun résultat" : this.props}</span
+      >
     </div>`;
     }
     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) {
@@ -83,7 +92,9 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                 }
             }
         }
-        props._sonic_http_response_ = response;
+        props = props.filter((e) => e != null);
+        if (response)
+            props._sonic_http_response_ = response;
         return props;
     }
     render() {
@@ -108,64 +119,63 @@ 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"]);
         }
         /**
          * Rendu des lignes
          *  */
-        let templateCount = this.templateList.length;
+        const templateCount = this.templateList.length;
         let counter = -1;
-        let extractValues = this.hasAttribute("extractValues");
+        const extractValues = this.hasAttribute("extractValues");
+        const separator = this.templateParts["separator"];
+        const length = (props === null || props === void 0 ? void 0 : props.length) || 0;
         return html `
-      ${repeat(props, (item, index) => item[this.idKey] || index, (item, index) => {
-            let templatePartName = item[this.templateKey];
-            let hasCustomTemplate = templatePartName && this.templateParts[templatePartName];
-            let key = extractValues ? item.key : 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++;
-            if (hasCustomTemplate)
+            const isNotLast = index < length - 1;
+            if (templatePart)
                 counter = -1;
             return (item &&
                 html `
-              <sonic-subscriber
-                debug=${ifDefined(this.defferedDebug)}
-                .bindPublisher=${function () {
+            <sonic-subscriber
+              ?debug=${this.defferedDebug === true}
+              .bindPublisher=${function () {
                     return pub;
                 }}
-                .propertyMap=${ifDefined(this.itemPropertyMap)}
-                dataProvider="${this.dataProvider}/list-item/${index}"
-              >
-                ${hasCustomTemplate
-                    ? templateContent(this.templateParts[templatePartName])
+              .propertyMap?=${this.itemPropertyMap}
+              dataProvider="${this.dataProvider}/list-item/${key}"
+            >
+              ${templatePart
+                    ? templateContent(templatePart)
                     : templateContent(this.templateList[counter % templateCount])}
-              </sonic-subscriber>
-            `);
+            </sonic-subscriber>
+            ${separator && isNotLast ? templateContent(separator) : nothing}
+          `);
         })}
     `;
     }
 };
-List.styles = [
-    css `
-      .sonic-no-result-container {
-        color: var(--sc-base-400);
-        font-size: 1.65rem;
-      }
-      sonic-icon {
-        margin-right: 0.25em;
-      }
-      span {
-        vertical-align: middle;
-      }
-    `,
-];
 __decorate([
     property({ type: Object })
 ], List.prototype, "itemPropertyMap", void 0);
@@ -179,8 +189,3 @@ List = __decorate([
     customElement(tagName)
 ], List);
 export { List };
-//Ajout pour custom-elements-manifest pour storybook notamment
-try {
-    customElements.define(tagName, List);
-}
-catch (e) { }

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

@@ -0,0 +1,22 @@
+import { LitElement } from "lit";
+import { PublisherInterface, PublisherContentType } from "@supersoniks/concorde/core/_types/types";
+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<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;
+    set composition(value: Composition);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updateComposition(): void;
+    listeners: Listener[];
+    removePublisherListeners(): 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

@@ -0,0 +1,102 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { Objects, PublisherManager } from "@supersoniks/concorde/utils";
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+let SonicMix = class SonicMix extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this._composition = {};
+        this.listeners = [];
+    }
+    get composition() {
+        return this._composition;
+    }
+    set composition(value) {
+        this._composition = value;
+        this.updateComposition();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateComposition();
+    }
+    disconnectedCallback() {
+        this.removePublisherListeners();
+        super.disconnectedCallback();
+    }
+    updateComposition() {
+        this.removePublisherListeners();
+        if (!this.publisher)
+            return;
+        this.publisher.set({});
+        this.parseComposition(this.composition, this.publisher);
+    }
+    removePublisherListeners() {
+        const listeners = this.listeners;
+        this.listeners = [];
+        listeners.forEach((listener) => {
+            this.publisher.offAssign(listener.subscriber);
+        });
+    }
+    parseComposition(composition, publisher) {
+        if (!composition)
+            return;
+        for (const z in composition) {
+            const value = composition[z];
+            if (typeof value === "string") {
+                const split = value.split(".");
+                const first = split.shift();
+                if (!first)
+                    continue;
+                let publisherSource = PublisherManager.get(first);
+                publisherSource = Objects.traverse(publisherSource, split);
+                const publisherSubscriber = {
+                    publisher: publisherSource,
+                    subscriber: (v) => {
+                        publisher[z] = v;
+                    },
+                };
+                this.listeners.push(publisherSubscriber);
+                publisherSource.onAssign(publisherSubscriber.subscriber);
+                publisher._proxies_.set(z, publisherSource);
+            }
+            else {
+                this.publisher[z] = {};
+                const newPublisher = new PublisherProxy({}, publisher);
+                publisher._proxies_.set(z, newPublisher);
+                const publisherSubscriber = {
+                    publisher: newPublisher,
+                    subscriber: (v) => {
+                        publisher[z] = v;
+                    },
+                };
+                this.listeners.push(publisherSubscriber);
+                newPublisher.onAssign(publisherSubscriber.subscriber);
+                this.parseComposition(value, newPublisher);
+            }
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+SonicMix.styles = [
+    css `
+      :host {
+        display: contents;
+      }
+    `,
+];
+__decorate([
+    property({ type: Object })
+], SonicMix.prototype, "composition", null);
+SonicMix = __decorate([
+    customElement("sonic-mix")
+], SonicMix);
+export default SonicMix;

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

@@ -1,24 +1,45 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/functional/list/list";
-import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
-declare const Queue_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
+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
+ * * A l'initialisation elle regarde l'attribut dataFilterProvider qui donne l'adresse d'un [publisher](./?path=/docs/how-to-🥨-dialogue-inter-composant--page)
+ * Si cet attribut est touvé, Queue écoute le publisher fourni et se réinitialise à chaque modification du contenu de celui-ci.
+ * 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.
+ */
 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.
      */
     targetRequestDuration: number;
     limit: number;
     offset: number;
+    resultCount: number;
     filteredFields: string;
+    disconnectedCallback(): void;
     static instanceCounter: number;
     connectedCallback(): void;
     filterPublisher: PublisherProxy | null;
     configFilter(): void;
-    filterTimeoutId: any;
+    filterTimeoutId?: ReturnType<typeof setTimeout>;
+    searchHash: string;
+    requestId: number;
     updateFilteredContent(): void;
     /**
      * Cette expression est utilisée comme modèle par le composant Queue pour renseigngner le dataProvider de la [liste](./?path=/docs/core-components-functional-list-list--basic) créée.
@@ -31,6 +52,7 @@ export default class Queue extends Queue_base {
     currentScrollPosition: number | undefined;
     resetDuration(): void;
     listDataProviders: string[];
+    nextHadEvent: boolean;
     next(e?: CustomEvent): void;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }

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

@@ -9,9 +9,10 @@ import { html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import { repeat } from "lit/directives/repeat.js";
-import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
-import { ifDefined } from "lit/directives/if-defined.js";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import "@supersoniks/concorde/core/components/functional/list/list";
+import { HTML } from "@supersoniks/concorde/utils";
+const tagName = "sonic-queue";
 /**
  *### 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
@@ -20,8 +21,7 @@ import "@supersoniks/concorde/core/components/functional/list/list";
  * 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.
  */
-const tagName = "sonic-queue";
-let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
+let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
     constructor() {
         super(...arguments);
         this.templates = null;
@@ -38,9 +38,11 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
          */
         this.limit = 5;
         this.offset = 0;
+        this.resultCount = 0;
         this.filteredFields = "";
         this.filterPublisher = null;
-        this.filterTimeoutId = undefined;
+        this.searchHash = "";
+        this.requestId = 0;
         /**
          * Cette expression est utilisée comme modèle par le composant Queue pour renseigngner le dataProvider de la [liste](./?path=/docs/core-components-functional-list-list--basic) créée.
          * * l'expression *$offset* est alors remplacée par le numéro de l'élément à partir duquel démarrer
@@ -51,10 +53,22 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         this.idKey = "id";
         this.currentScrollPosition = undefined;
         this.listDataProviders = [];
+        this.nextHadEvent = false;
+    }
+    disconnectedCallback() {
+        for (const dataProvider of this.listDataProviders) {
+            PublisherManager.delete(dataProvider);
+        }
+        super.disconnectedCallback();
+        return;
     }
     connectedCallback() {
         this.noShadowDom = "";
         this.defferedDebug = this.hasAttribute("debug") || null;
+        /**Compat avec states et routing **/
+        if (!this.dataProviderExpression) {
+            this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
+        }
         if (!this.dataProvider)
             this.dataProvider = "sonic-queue-" + Queue_1.instanceCounter++;
         this.configFilter();
@@ -63,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);
@@ -79,13 +94,42 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         });
     }
     updateFilteredContent() {
-        for (let dataProvider of this.listDataProviders) {
+        var _a;
+        /**
+         * On ne lance la recherche que si le hash de recherche est différent
+         */
+        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) {
+            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].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 (const dataProvider of this.listDataProviders) {
             PublisherManager.delete(dataProvider);
         }
         this.listDataProviders = [];
         clearTimeout(this.filterTimeoutId);
         this.filterTimeoutId = setTimeout(() => {
+            const count = this.resultCount;
             this.props = null;
+            //On garde le décompte au cas ou il n'y aurait pas rechargement
+            this.resultCount = count;
+            this.requestId++;
             this.next();
         }, 250);
     }
@@ -97,13 +141,27 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
         let offset = this.offset;
         const newTime = new Date().getTime();
         const requestDuration = newTime - this.lastRequestTime;
+        /**
+         * Le rechargement n'est pas garanti si pas de changement dans les filtres
+         * Un ne repasse donc à 0 qu'à partir du premier chargement.
+         * */
+        if (!this.nextHadEvent && e) {
+            this.resultCount = 0;
+        }
+        this.nextHadEvent = !!e;
         if (e) {
+            if (e.detail.requestId != this.requestId)
+                return;
+            this.resultCount += e.detail.props.length;
             if (!e.detail.isFirstLoad || !e.detail.props.length || this.dataProviderExpression.indexOf("$offset") == -1) {
+                this.publisher.resultCount = this.resultCount;
                 return;
             }
         }
         if (!Array.isArray(this.props)) {
-            this.props = [];
+            const newProps = [];
+            newProps.resultCount = this.resultCount;
+            this.props = newProps;
         }
         else {
             const props = this.props;
@@ -117,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) {
-            if (this.filteredFields && !filteredFieldsArray.includes(f))
+        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;
-        this.props = [
+        const newProps = [
             ...this.props,
             {
                 id: searchParams.toString() + "/" + this.props.length,
@@ -139,12 +199,14 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement) {
                 limit: this.limit,
             },
         ];
+        newProps.resultCount = this.resultCount;
+        this.props = newProps;
         this.lastRequestTime = new Date().getTime();
     }
     render() {
         if (this.currentScrollPosition) {
             window.requestAnimationFrame(() => {
-                if (document.scrollingElement)
+                if (document.scrollingElement && this.currentScrollPosition != undefined)
                     document.scrollingElement.scrollTop = this.currentScrollPosition;
                 this.currentScrollPosition = undefined;
             });
@@ -154,13 +216,15 @@ 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=${this.displayContents}
+              displayContents
+              lazyload
+              requestId=${this.requestId}
               .itemPropertyMap=${this.itemPropertyMap}
-              debug=${ifDefined(this.defferedDebug)}
+              ?debug=${this.defferedDebug === true}
               @load=${this.next}
               key=${this.key}
               @loading=${this.resetDuration}
@@ -190,6 +254,9 @@ __decorate([
 __decorate([
     property()
 ], Queue.prototype, "offset", void 0);
+__decorate([
+    property()
+], Queue.prototype, "resultCount", void 0);
 __decorate([
     property()
 ], Queue.prototype, "filteredFields", void 0);
@@ -203,8 +270,3 @@ Queue = Queue_1 = __decorate([
     customElement(tagName)
 ], Queue);
 export default Queue;
-//Ajout pour custom-elements-manifesy pour storybook notamment
-try {
-    customElements.define(tagName, Queue);
-}
-catch (e) { }

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

@@ -1,7 +1,16 @@
 import { LitElement } from "lit";
-declare const SonicRedirect_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & 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*.
+ * * La redirection est effectuée en fonction de la disponibilité d'une donnée issue du publisher à l'adresse fournie par l'attribut dataProvider
+ * * La donnée a trouver est renseignées via l'attribut *onData* qui peur repésenter un chemin dans la donnée via la dot syntaxe
+ * * Si la données est trouvée et qu'elle peut être évaluée à true alors la redirection est effectuée
+ * Par exemple : la données vaut {user:{id:2}} si onData="user.id"la redirection est effectuée.
+ * * 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

@@ -9,6 +9,7 @@ import { customElement } from "lit/decorators.js";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import LocationHandler from "@supersoniks/concorde/core/utils/LocationHandler";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
+const tagName = "sonic-redirect";
 /**
  * sonic-redirect permet d'effectuer une redirection.
  * * L'URL de redirection fournie dans l'attribut *to*.
@@ -18,12 +19,7 @@ import Objects from "@supersoniks/concorde/core/utils/Objects";
  * Par exemple : la données vaut {user:{id:2}} si onData="user.id"la redirection est effectuée.
  * * Si l'attribut pushState est défini, alors la redirection est effectuée via pushState, sinon c'est document.location qui est modifié.
  */
-const tagName = "sonic-redirect";
 let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.udpateCallBack = () => { };
-    }
     connectedCallback() {
         this.noShadowDom = "";
         this.style.display = "none";
@@ -38,10 +34,14 @@ let SonicRedirect = class SonicRedirect extends Subscriber(LitElement) {
         super.disconnectedCallback();
     }
     update() {
+        if (this.hasAttribute("onAdded")) {
+            LocationHandler.changeFromComponent(this);
+            return;
+        }
         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);
         }
@@ -51,8 +51,3 @@ SonicRedirect = __decorate([
     customElement(tagName)
 ], SonicRedirect);
 export { SonicRedirect };
-//Ajout pour la creation du cem notamment pour Storybook
-try {
-    customElements.define(tagName, SonicRedirect);
-}
-catch (e) { }