@supersoniks/concorde 1.1.45 → 1.1.47

package/core/_types/types.d.ts

@@ -26,6 +26,5 @@ export type CoreJSType = string | number | boolean | null | {
 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/components/functional/date/date.js

@@ -45,7 +45,9 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
     }
     set wording_billet_periode_validite(value) {
         this._wording_billet_periode_validite = value;
-        this.duAu = this.wording_billet_periode_validite.split("%s").map((str) => str.trim());
+        this.duAu = this.wording_billet_periode_validite
+            .split("%s")
+            .map((str) => str.trim());
         this.duAu.pop();
         this.requestUpdate();
     }
@@ -74,25 +76,31 @@ let SonicDate = class SonicDate extends Subscriber(TemplatesContainer(LitElement
             }
             const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatRangeToParts(start, end);
-            //En mode  design on cache les ","
-            if (this.designMode) {
-                parts.forEach((part) => (part.hidden = part.value.trim() == ","));
-            }
             //on affiche du au uniquement si on a deux dates différentes
             if (!isSameDay) {
-                const 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";
                 }
                 if (!this.designMode)
-                    parts.unshift({ type: "from", value: this.duAu[0] + " ", source: "shared" });
+                    parts.unshift({
+                        type: "from",
+                        value: this.duAu[0] + " ",
+                        source: "shared",
+                    });
             }
         }
         else {
             const format = new Intl.DateTimeFormat(this.language || this.pageLanguage, options);
             parts = format.formatToParts(start);
         }
+        //En mode  design on cache les ","
+        if (this.designMode) {
+            parts.forEach((part) => (part.hidden = part.value.trim() == ","));
+        }
         parts[0].value = Format.ucFirst(parts[0].value);
         return parts.filter((p) => p.hidden !== true);
     }

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

@@ -19,7 +19,8 @@ declare const Fetch_base: {
         onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         connectedCallback(): void;
-        firstUpdated(): void;
+        lazyLoadSpan?: HTMLSpanElement | undefined;
+        handleLazyLoad(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         propertyMap: object;
         isConnected: boolean;
@@ -45,6 +46,7 @@ declare const Fetch_base: {
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
+        getBoundingClientRect(): DOMRect;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**

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

@@ -5,6 +5,38 @@ import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
 import { DirectiveResult } from "lit/directive";
 import { TemplateContentDirective } from "lit/directives/template-content.js";
 import { TemplateResult } from "lit";
+/**
+ *  ### List boucle sur sa propriété "props" et crée des éléments a partir des données en bouclant également sur ses templates.
+ *
+ * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
+ *
+ * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web.<br>
+ * Voir [fetcher](./?path=/docs/core-components-functional-fetch--basic) pour la configuration des autres attributs.
+ * * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page).<br>
+ *  Un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
+ *  Les données de la ligne sont donc disponible pour les élements internes (subscribers, data-binding)
+ *  * Lors du chargement un objet loader inline est affiché.
+ *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
+ * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
+ * * La propriété _metadata_ est ajoutés à la donnée de chaque item. Elle contient les informations suivantes :
+ * * key : l'index de l'item dans la liste
+ * * even : true si l'index est pair
+ * * odd : true si l'index est impair
+ * * onlyChild : true si la liste ne contient qu'un seul item
+ * * firstChild : true si l'item est le premier de la liste
+ * * lastChild : true si l'item est le dernier de la liste
+ * * Si la liste ne contient aucun item, le template "no-item" est utilisé si il est défini.
+ * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
+ * *
+ */
+export type ListItemMetadata = {
+    key?: string;
+    even?: boolean;
+    odd?: boolean;
+    onlyChild?: boolean;
+    firstChild?: boolean;
+    lastChild?: boolean;
+};
 declare const List_base: {
     new (...args: any[]): {
         api: import("../../../utils/api").default | null;
@@ -24,7 +56,8 @@ declare const List_base: {
         onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         connectedCallback(): void;
-        firstUpdated(): void;
+        lazyLoadSpan?: HTMLSpanElement | undefined;
+        handleLazyLoad(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         propertyMap: object;
         isConnected: boolean;
@@ -50,25 +83,9 @@ declare const List_base: {
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
+        getBoundingClientRect(): DOMRect;
     };
 } & (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.
- *
- * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web.<br>
- * Voir [fetcher](./?path=/docs/core-components-functional-fetch--basic) pour la configuration des autres attributs.
- * * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page).<br>
- *  Un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
- *  Les données de la ligne sont donc disponible pour les élements internes (subscribers, data-binding)
- *  * Lors du chargement un objet loader inline est affiché.
- *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _key_ est ajoutés à la donnée de chaque item. Elle contient l'index dans le cas d'un liste simple ou la clés associée à la valeur si `extractValues` est définit.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
- * *
- */
 export declare class List extends List_base {
     itemPropertyMap?: object;
     /**
@@ -81,11 +98,11 @@ export declare class List extends List_base {
      */
     idKey: string;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     renderLoadingState(): DirectiveResult<typeof TemplateContentDirective> | TemplateResult;
     renderNoResultState(): TemplateResult<1>;
     formatProps(): (import("../../../_types/types").CoreJSType[] & {
         __value?: import("../../../_types/types").CoreJSType | undefined;
-        _key_?: number | undefined;
     } & {
         _sonic_http_response_?: Response | undefined;
         text?: string | undefined;

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

@@ -14,23 +14,6 @@ import "@supersoniks/concorde/core/components/functional/subscriber/subscriber";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 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.
- *
- * Extends mixins : Fetcher, [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page)
- *
- * * Si le composant possède un attribut *fetch*, il charge un contenu via un appel d'api web.<br>
- * Voir [fetcher](./?path=/docs/core-components-functional-fetch--basic) pour la configuration des autres attributs.
- * * Chaque élément créé est englobé dans un objet [Subscriber](./?path=/docs/miscallenous-🔔-subscriber--page).<br>
- *  Un dataProvider y est associé a l'adresse suivante *dataProvider-de-la-liste$/*index-de-la-ligne-courante*
- *  Les données de la ligne sont donc disponible pour les élements internes (subscribers, data-binding)
- *  * Lors du chargement un objet loader inline est affiché.
- *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _key_ est ajoutés à la donnée de chaque item. Elle contient l'index dans le cas d'un liste simple ou la clés associée à la valeur si `extractValues` est définit.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
- * *
- */
 let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))) {
     constructor() {
         super(...arguments);
@@ -53,6 +36,9 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             this.isLoading = true;
         super.connectedCallback();
     }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
     renderLoadingState() {
         return this.templateParts["skeleton"]
             ? templateContent(this.templateParts["skeleton"])
@@ -150,13 +136,19 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             }
             if (key == "_sonic_http_response_")
                 return nothing;
-            ;
             if (typeof key != "string" && typeof key != "number")
                 return nothing;
-            const pub = this.publisher[key];
-            pub._key_ = key + "";
+            const isLastChild = index >= length - 1;
+            const indexMod2 = index % 2;
+            const childPublisher = this.publisher[key];
+            /**
+             * Ajout de metatdonnées au publisher de l'enfant
+             */
+            //La prop key est gardée pour le moment pour compatibilité
+            //TODO : supprimer la prop key cquand c'est ok côté covoit.
+            childPublisher._key_ = key + "";
+            childPublisher._metadata_ = Object.assign(Object.assign({}, childPublisher._metadata_.get()), { key: key, even: indexMod2 == 0, odd: indexMod2 == 1, onlyChild: length == 1, firstChild: index == 0, lastChild: isLastChild });
             counter++;
-            const isNotLast = index < length - 1;
             if (templatePart)
                 counter = -1;
             return (item &&
@@ -164,7 +156,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             <sonic-subscriber
               ?debug=${this.defferedDebug === true}
               .bindPublisher=${function () {
-                    return pub;
+                    return childPublisher;
                 }}
               .propertyMap?=${this.itemPropertyMap}
               dataProvider="${this.dataProvider}/list-item/${key}"
@@ -173,7 +165,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                     ? templateContent(templatePart)
                     : templateContent(this.templateList[counter % templateCount])}
             </sonic-subscriber>
-            ${separator && isNotLast ? templateContent(separator) : nothing}
+            ${separator && !isLastChild ? templateContent(separator) : nothing}
           `);
         })}
     `;

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

@@ -27,19 +27,24 @@ export default class Queue extends Queue_base {
     /**
      * Durée cible en ms d'une requête pour afficher 1 lot.
      */
+    cache: RequestCache;
     targetRequestDuration: number;
     limit: number;
+    lazyBoundsRatio: number;
     offset: number;
     resultCount: number;
+    noLazyload: boolean;
     filteredFields: string;
     disconnectedCallback(): void;
     static instanceCounter: number;
-    connectedCallback(): void;
+    localStorage: string;
+    connectedCallback(): Promise<void>;
     filterPublisher: PublisherProxy | null;
     configFilter(): void;
     filterTimeoutId?: ReturnType<typeof setTimeout>;
     searchHash: string;
     requestId: number;
+    isFirstRequest: boolean;
     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.

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

@@ -4,11 +4,20 @@ 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;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var Queue_1;
 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 { map } from "lit/directives/map.js";
 import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
 import "@supersoniks/concorde/core/components/functional/list/list";
 import { HTML } from "@supersoniks/concorde/utils";
@@ -31,18 +40,23 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         /**
          * Durée cible en ms d'une requête pour afficher 1 lot.
          */
+        this.cache = "default";
         this.targetRequestDuration = 500;
         /*
          * Quantité d'éléments devant être chargés dans le premier lot.
          * Cette valeur est mise à jour ensuite par Queue pour chauq lot pour se rapprocher tanque possible de *targetRequestDuration*
          */
         this.limit = 5;
+        this.lazyBoundsRatio = 1;
         this.offset = 0;
         this.resultCount = 0;
+        this.noLazyload = false;
         this.filteredFields = "";
+        this.localStorage = "disabled";
         this.filterPublisher = null;
         this.searchHash = "";
         this.requestId = 0;
+        this.isFirstRequest = true;
         /**
          * 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
@@ -63,33 +77,40 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         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();
-        super.connectedCallback();
-        this.key = this.getAttribute("key");
-        if (!this.templates)
-            this.templates = Array.from(this.querySelectorAll("template"));
-        this.lastRequestTime = new Date().getTime();
-        const func = window.requestAnimationFrame;
-        func(() => this.next());
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            this.localStorage = this.getAttribute("localStorage") || this.localStorage;
+            this.removeAttribute("localStorage");
+            this.noShadowDom = "";
+            this.defferedDebug = this.hasAttribute("debug") || null;
+            /**Compat avec states et routing **/
+            if (!this.dataProvider)
+                this.dataProvider =
+                    this.dataProviderExpression ||
+                        "sonic-queue-" + Queue_1.instanceCounter++ + "-" + Math.random().toString(36).substring(7);
+            if (!this.dataProviderExpression) {
+                this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
+            }
+            _super.connectedCallback.call(this);
+            this.key = this.getAttribute("key");
+            if (!this.templates)
+                this.templates = Array.from(this.querySelectorAll("template"));
+            this.lastRequestTime = new Date().getTime();
+            yield PublisherManager.getInstance().isLocalStrorageReady;
+            this.configFilter();
+        });
     }
     configFilter() {
         var _a;
         const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
-        if (!dataFilterProvider)
+        if (!dataFilterProvider) {
+            this.next();
             return;
+        }
         this.filterPublisher = PublisherManager.getInstance().get(dataFilterProvider);
         (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.onInternalMutation(() => {
-            var _a;
-            if (Object.keys((_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get()).length == 0)
-                return;
             this.updateFilteredContent();
         });
     }
@@ -113,7 +134,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             searchParams.set(f, filterData[f].toString());
         }
         const searchHash = searchParams.toString();
-        if (searchHash == this.searchHash)
+        if (searchHash == this.searchHash && !this.isFirstRequest)
             return;
         this.searchHash = searchHash;
         /**
@@ -124,20 +145,22 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         }
         this.listDataProviders = [];
         clearTimeout(this.filterTimeoutId);
-        this.filterTimeoutId = setTimeout(() => {
+        this.filterTimeoutId = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
             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);
+            this.resultCount = count;
+            yield PublisherManager.getInstance().isLocalStrorageReady;
+            window.requestAnimationFrame(() => this.next());
+        }), this.isFirstRequest ? 0 : 400);
+        this.isFirstRequest = false;
     }
     resetDuration() {
         this.lastRequestTime = new Date().getTime();
     }
     next(e) {
-        var _a, _b;
+        var _a;
         let offset = this.offset;
         const newTime = new Date().getTime();
         const requestDuration = newTime - this.lastRequestTime;
@@ -150,7 +173,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         }
         this.nextHadEvent = !!e;
         if (e) {
-            if (e.detail.requestId != this.requestId)
+            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) {
@@ -168,7 +191,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             const item = props[props.length - 1];
             offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
         }
-        if (requestDuration > 0 && e)
+        if (requestDuration > 0 && e && !this.localStorage)
             this.limit = Math.round((this.limit / requestDuration) * this.targetRequestDuration);
         if (this.limit < 1)
             this.limit = 1;
@@ -189,7 +212,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             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.currentScrollPosition = document.scrollingElement?.scrollTop;
         const newProps = [
             ...this.props,
             {
@@ -204,36 +227,42 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         this.lastRequestTime = new Date().getTime();
     }
     render() {
-        if (this.currentScrollPosition) {
-            window.requestAnimationFrame(() => {
-                if (document.scrollingElement && this.currentScrollPosition != undefined)
-                    document.scrollingElement.scrollTop = this.currentScrollPosition;
-                this.currentScrollPosition = undefined;
-            });
-        }
+        /**
+         * supression du retablisment de la scroll pos.
+         **/
+        // if (this.currentScrollPosition) {
+        //   window.requestAnimationFrame(() => {
+        //     if (document.scrollingElement && this.currentScrollPosition != undefined)
+        //       document.scrollingElement.scrollTop = this.currentScrollPosition;
+        //     this.currentScrollPosition = undefined;
+        //   });
+        // }
         if (!Array.isArray(this.props))
             return nothing;
         return html `
-      ${repeat(this.props, (item) => item.id, (item, index) => {
+      ${map(this.props, (item, index) => {
             var _a;
             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}
-              ?debug=${this.defferedDebug === true}
-              @load=${this.next}
-              key=${this.key}
-              @loading=${this.resetDuration}
-              dataProvider="${item.dataProvider}"
-              idKey=${this.idKey}
-              .templates=${templates}
-            >
-            </sonic-list>
-          `;
+          <sonic-list
+            fetch
+            cache=${this.cache}
+            displayContents
+            lazyBoundsRatio=${this.lazyBoundsRatio}
+            ?lazyload=${!this.noLazyload}
+            localStorage=${this.localStorage}
+            requestId=${this.requestId}
+            .itemPropertyMap=${this.itemPropertyMap}
+            ?debug=${this.defferedDebug === true}
+            @load=${this.next}
+            key=${this.key}
+            @loading=${this.resetDuration}
+            dataProvider="${item.dataProvider}"
+            idKey=${this.idKey}
+            .templates=${templates}
+          >
+          </sonic-list>
+        `;
         })}
     `;
     }
@@ -245,18 +274,27 @@ __decorate([
 __decorate([
     property({ type: Object })
 ], Queue.prototype, "itemPropertyMap", void 0);
+__decorate([
+    property()
+], Queue.prototype, "cache", void 0);
 __decorate([
     property()
 ], Queue.prototype, "targetRequestDuration", void 0);
 __decorate([
     property()
 ], Queue.prototype, "limit", void 0);
+__decorate([
+    property()
+], Queue.prototype, "lazyBoundsRatio", void 0);
 __decorate([
     property()
 ], Queue.prototype, "offset", void 0);
 __decorate([
     property()
 ], Queue.prototype, "resultCount", void 0);
+__decorate([
+    property({ type: Boolean })
+], Queue.prototype, "noLazyload", void 0);
 __decorate([
     property()
 ], Queue.prototype, "filteredFields", void 0);

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

@@ -19,7 +19,8 @@ declare const SonicSDUI_base: {
         onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         connectedCallback(): void;
-        firstUpdated(): void;
+        lazyLoadSpan?: HTMLSpanElement | undefined;
+        handleLazyLoad(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         propertyMap: object;
         isConnected: boolean;
@@ -45,6 +46,7 @@ declare const SonicSDUI_base: {
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
+        getBoundingClientRect(): DOMRect;
     };
 } & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
@@ -59,9 +61,6 @@ declare const SonicSDUI_base: {
  * Son format est décrit par le type SDUITransformDescription
  *
  *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _key_ est ajoutés à la donnée de chaque item. Elle contient l'index dans le cas d'un liste simple ou la clés associée à la valeur si `extractValues` est définit.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  * *
  */
 export declare class SonicSDUI extends SonicSDUI_base {

package/core/components/functional/sdui/sdui.js

@@ -32,9 +32,6 @@ const tagName = "sonic-sdui"; // For Astro.build
  * Son format est décrit par le type SDUITransformDescription
  *
  *  * Si le résultat de la requête est un objet, il est imbriqué dans un tableau pour garantir le fonctionnement.<br>
- * Cependant, si l'attribut `extractValues` est présent, les valeurs des propriétés de l'objet sont mises dans  dans un tableau pour le rendu.
- * * La propriété _key_ est ajoutés à la donnée de chaque item. Elle contient l'index dans le cas d'un liste simple ou la clés associée à la valeur si `extractValues` est définit.
- * * On peut appler la methode invalidate() sur son publishe pour declencher le rechargement des données
  * *
  */
 let SonicSDUI = class SonicSDUI extends Fetcher(Subscriber(LitElement)) {

package/core/components/ui/_css/type.js

@@ -1,8 +1,8 @@
 import { css } from "lit";
 export const typeColor = css `
-  :host{
-    --sc-color:inherit;
-    color:var(--sc-color);
+  :host {
+    --sc-color: inherit;
+    color: var(--sc-color);
   }
 
   :host([type="primary"]) {
@@ -21,16 +21,16 @@ export const typeColor = css `
     --sc-color: var(--sc-success);
   }
 
-  .inherit-color{
-    color:var(--sc-color);
+  .inherit-color {
+    color: var(--sc-color);
   }
 `;
 export const typesBg = css `
-  :host{
-    --sc-color:inherit;
-    --sc-bg:inherit;
-    color:var(--sc-color);
-    background:var(--sc-bg);
+  :host {
+    --sc-color: inherit;
+    --sc-bg: inherit;
+    color: var(--sc-color);
+    background: var(--sc-bg);
   }
 
   :host([type="primary"]) {
@@ -54,7 +54,7 @@ export const typesBg = css `
     --sc-bg: var(--sc-success);
   }
 
-  .inherit-bg{
-    color:inherit;
+  .inherit-bg {
+    color: inherit;
   }
 `;

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

@@ -9,12 +9,15 @@ export declare class Alert extends LitElement {
      * Titre du message d'erreur
      */
     label: string;
+    noIcon: boolean;
     /**
      * Peut être renseigné dans le slot pour créer des messages plus complexes
      */
     text: string;
     size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    dismissible: boolean;
     background: boolean;
     status: "default" | "error" | "warning" | "primary" | "info";
     render(): import("lit-html").TemplateResult<1>;
+    close(): void;
 }