@supersoniks/concorde 1.1.48 → 2.0.0

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

@@ -6,6 +6,8 @@ declare const Fetch_base: {
         key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
+        lazyLoad?: boolean | undefined;
+        noLoader?: boolean | undefined;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;

package/core/components/functional/if/if.test.js

@@ -1,44 +1,35 @@
-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());
-    });
-};
 import { expect } from "@jest/globals";
 import TestUtils from "@supersoniks/concorde/test-utils/TestUtils";
 import "./if";
 function create() {
     return TestUtils.bootstrap(`<sonic-if>Some Content</sonic-if>`)[0];
 }
-test("shows ''Some Content'' condition = true set by property accessor", () => __awaiter(void 0, void 0, void 0, function* () {
+test("shows ''Some Content'' condition = true set by property accessor", async () => {
     const elt = create();
     elt.condition = true;
-    yield elt.updated();
+    await elt.updated();
     const renderedText = elt.shadowRoot.children[0].assignedNodes()[0].textContent;
     expect(renderedText).toBe("Some Content");
-}));
-test("shows nothing condition = false set by property accessor", () => __awaiter(void 0, void 0, void 0, function* () {
+});
+test("shows nothing condition = false set by property accessor", async () => {
     const elt = create();
     elt.condition = false;
-    yield elt.updated();
+    await elt.updated();
     const children = Array.from(elt.shadowRoot.children).filter((elt) => elt.nodeName.toLowerCase() != "style");
     const length = children.length;
     expect(length).toBe(0);
-}));
-test("shows ''Some Content'' condition = true set by attribute", () => __awaiter(void 0, void 0, void 0, function* () {
+});
+test("shows ''Some Content'' condition = true set by attribute", async () => {
     const elt = create();
     elt.setAttribute("condition", "");
-    yield elt.updated();
+    await elt.updated();
     const renderedText = elt.shadowRoot.children[0].assignedNodes()[0].textContent;
     expect(renderedText).toBe("Some Content");
-}));
-test("shows nothing condition not set", () => __awaiter(void 0, void 0, void 0, function* () {
+});
+test("shows nothing condition not set", async () => {
     const elt = create();
-    yield elt.updated();
+    await elt.updated();
     const children = Array.from(elt.shadowRoot.children).filter((elt) => elt.nodeName.toLowerCase() != "style");
     const length = children.length;
     expect(length).toBe(0);
-}));
+});

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

@@ -43,6 +43,8 @@ declare const List_base: {
         key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
+        lazyLoad?: boolean | undefined;
+        noLoader?: boolean | undefined;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;
@@ -101,6 +103,8 @@ export declare class List extends List_base {
      * La propriété idKey est utilisé repérer les lignes de manière unique si pour les item de la liste item[this.idKey] n'existe pas, alors l'index est utilisé
      */
     idKey: string;
+    limit: number;
+    offset: number;
     connectedCallback(): void;
     disconnectedCallback(): void;
     renderLoadingState(): DirectiveResult<typeof TemplateContentDirective> | TemplateResult;

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

@@ -26,6 +26,8 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
          * La propriété idKey est utilisé repérer les lignes de manière unique si pour les item de la liste item[this.idKey] n'existe pas, alors l'index est utilisé
          */
         this.idKey = "id";
+        this.limit = Number.POSITIVE_INFINITY;
+        this.offset = 0;
     }
     connectedCallback() {
         this.noShadowDom = "";
@@ -53,9 +55,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
     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
-      >
+      ><span class="sonic-no-result-text">${typeof this.props === "string" && this.props == "" ? "Aucun résultat" : this.props}</span>
     </div>`;
     }
     formatProps() {
@@ -109,7 +109,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
         /**
          *  On peut définir un template spécifique si le résultat est un tableau vide
          */
-        if (((props === null || props === void 0 ? void 0 : props.length) || 0) == 0 && this.templateParts["no-item"]) {
+        if ((props?.length || 0) == 0 && this.templateParts["no-item"]) {
             return templateContent(this.templateParts["no-item"]);
         }
         /**
@@ -119,9 +119,10 @@ 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 === null || props === void 0 ? void 0 : props.length) || 0;
+        const length = props?.length || 0;
+        const items = props?.slice(this.offset, this.offset + this.limit);
         return html `
-      ${props === null || props === void 0 ? void 0 : props.map((item, index) => {
+      ${items?.map((item, index) => {
             if (item == null)
                 return nothing;
             let templatePart = null;
@@ -132,7 +133,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
                     templatePart = this.templateParts[templatePartName];
                 }
                 if (extractValues)
-                    key = item === null || item === void 0 ? void 0 : item["key"];
+                    key = item?.["key"];
             }
             if (key == "_sonic_http_response_")
                 return nothing;
@@ -147,7 +148,15 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
             //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 });
+            childPublisher._metadata_ = {
+                ...childPublisher._metadata_.get(),
+                key: key,
+                even: indexMod2 == 0,
+                odd: indexMod2 == 1,
+                onlyChild: length == 1,
+                firstChild: index == 0,
+                lastChild: isLastChild,
+            };
             counter++;
             if (templatePart)
                 counter = -1;
@@ -161,9 +170,7 @@ let List = class List extends Fetcher(Subscriber(TemplatesContainer(LitElement))
               .propertyMap?=${this.itemPropertyMap}
               dataProvider="${this.dataProvider}/list-item/${key}"
             >
-              ${templatePart
-                    ? templateContent(templatePart)
-                    : templateContent(this.templateList[counter % templateCount])}
+              ${templatePart ? templateContent(templatePart) : templateContent(this.templateList[counter % templateCount])}
             </sonic-subscriber>
             ${separator && !isLastChild ? templateContent(separator) : nothing}
           `);
@@ -180,6 +187,12 @@ __decorate([
 __decorate([
     property({ type: String })
 ], List.prototype, "idKey", void 0);
+__decorate([
+    property()
+], List.prototype, "limit", void 0);
+__decorate([
+    property()
+], List.prototype, "offset", void 0);
 List = __decorate([
     customElement(tagName)
 ], List);

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

@@ -4,15 +4,6 @@ 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";
@@ -77,53 +68,38 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         super.disconnectedCallback();
         return;
     }
-    connectedCallback() {
-        const _super = Object.create(null, {
-            connectedCallback: { get: () => super.connectedCallback }
-        });
-        return __awaiter(this, void 0, void 0, function* () {
-            this.instanceId = Queue_1.instanceCounter++;
-            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-" +
-                            this.instanceId +
-                            "-" +
-                            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();
-        });
+    async connectedCallback() {
+        this.instanceId = Queue_1.instanceCounter++;
+        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-" + this.instanceId + "-" + Math.random().toString(36).substring(7);
+        if (!this.dataProviderExpression) {
+            this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
+        }
+        super.connectedCallback();
+        this.key = this.getAttribute("key");
+        if (!this.templates)
+            this.templates = Array.from(this.querySelectorAll("template"));
+        this.lastRequestTime = new Date().getTime();
+        await PublisherManager.getInstance().isLocalStrorageReady;
+        this.configFilter();
     }
     configFilter() {
-        var _a;
         const dataFilterProvider = this.getAncestorAttributeValue("dataFilterProvider");
         if (!dataFilterProvider) {
             this.next();
             return;
         }
-        this.filterPublisher =
-            PublisherManager.getInstance().get(dataFilterProvider);
-        (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.onInternalMutation(() => {
+        this.filterPublisher = PublisherManager.getInstance().get(dataFilterProvider);
+        this.filterPublisher?.onInternalMutation(() => {
             this.updateFilteredContent();
         });
     }
     updateFilteredContent() {
-        var _a;
         /**
          * On ne lance la recherche que si le hash de recherche est différent
          */
@@ -131,15 +107,13 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         const split = dataProvider.split("?");
         split.shift();
         const searchParams = new URLSearchParams(split.join("?"));
-        const filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
+        const filterData = this.filterPublisher?.get();
         const filteredFieldsArray = this.filteredFields.split(" ");
         for (const 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() === "")
+            if ((this.filteredFields && !filteredFieldsArray.includes(f)) || value == null || value.toString() === "")
                 continue;
             searchParams.set(f, filterData[f].toString());
         }
@@ -155,22 +129,22 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         }
         this.listDataProviders = [];
         clearTimeout(this.filterTimeoutId);
-        this.filterTimeoutId = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+        this.filterTimeoutId = setTimeout(async () => {
             const count = this.resultCount;
             this.props = null;
             //On garde le décompte au cas ou il n'y aurait pas rechargement
             this.requestId++;
             this.resultCount = count;
-            yield PublisherManager.getInstance().isLocalStrorageReady;
+            await PublisherManager.getInstance().isLocalStrorageReady;
             window.requestAnimationFrame(() => this.next());
-        }), this.isFirstRequest ? 0 : 400);
+        }, this.isFirstRequest ? 0 : 400);
         this.isFirstRequest = false;
     }
     resetDuration() {
         this.lastRequestTime = new Date().getTime();
     }
     next(e) {
-        var _a;
+        console.log("next", e);
         let offset = this.offset;
         const newTime = new Date().getTime();
         const requestDuration = newTime - this.lastRequestTime;
@@ -186,14 +160,15 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         if (e) {
             if (e.detail.requestId < this.requestId)
                 return;
+            console.log("next 2");
             this.resultCount += e.detail.props.length;
-            if (!e.detail.isFirstLoad ||
-                !e.detail.props.length ||
-                this.dataProviderExpression.indexOf("$offset") == -1) {
+            if (!e.detail.isFirstLoad || !e.detail.props.length || this.dataProviderExpression.indexOf("$offset") == -1) {
                 this.publisher.resultCount = this.resultCount;
                 return;
             }
+            console.log("next 3");
         }
+        console.log("next 4");
         if (!Array.isArray(this.props)) {
             const newProps = [];
             newProps.resultCount = this.resultCount;
@@ -202,27 +177,23 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         else {
             const props = this.props;
             const item = props[props.length - 1];
-            offset =
-                parseInt(item.offset.toString()) + parseInt(item.limit.toString());
+            offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
         }
-        if (requestDuration > 0 && e && !this.localStorage)
+        if (requestDuration > 0 && e && !this.localStorage) {
             this.limit = Math.round((this.limit / requestDuration) * this.targetRequestDuration);
+        }
         if (this.limit < 1)
             this.limit = 1;
         if (this.limit > 15)
             this.limit = 15;
-        let dataProvider = this.dataProviderExpression
-            .replace("$offset", offset + "")
-            .replace("$limit", this.limit + "");
+        let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
         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 filterData = this.filterPublisher?.get();
         const filteredFieldsArray = this.filteredFields.split(" ");
         for (const f in filterData) {
-            if ((this.filteredFields && filteredFieldsArray.includes(f)) ||
-                filterData[f] == null ||
-                filterData[f] == "")
+            if ((this.filteredFields && filteredFieldsArray.includes(f)) || filterData[f] == null || filterData[f] == "")
                 continue;
             searchParams.set(f, filterData[f]);
         }
@@ -264,10 +235,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         }
         return html `
       ${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");
+            const templates = index == 0 ? this.templates : this.templates?.filter((elt) => elt.getAttribute("data-value") != "no-item");
             return html `
           <sonic-list
             fetch

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

@@ -76,7 +76,6 @@ let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitEle
             template;
             return index + new Date().getTime();
         }, (template) => {
-            var _a;
             if (template.title)
                 document.title = template.title;
             if (template.hasAttribute("dataProviderExpression")) {
@@ -91,7 +90,7 @@ let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitEle
                     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 = match.shift()?.replace(regexp, dataProviderExpression) || "";
                     }
                 }
                 return html `<div style="display:contents" dataProvider="${dataProvider}">${templateContent(template)}</div>`;

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

@@ -1,12 +1,3 @@
-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());
-    });
-};
 export default class SDUIDescriptorTransformer {
     /**
      * Tranform un SDUIDescriptor via une SDUITransformDescription
@@ -16,18 +7,16 @@ export default class SDUIDescriptorTransformer {
      * * Ensuite des actions de transformations sont menées sur les nodes du SDUIDescriptor
      *
      */
-    transform(sduiDescriptor, transformDescriptor) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.sduiDescriptor = sduiDescriptor;
-            if (this.sduiDescriptor.library) {
-                for (const key in transformDescriptor.library) {
-                    this.sduiDescriptor.library[key] = transformDescriptor.library[key];
-                }
-            }
-            for (const item of transformDescriptor.transforms) {
-                this.transformAction(item);
+    async transform(sduiDescriptor, transformDescriptor) {
+        this.sduiDescriptor = sduiDescriptor;
+        if (this.sduiDescriptor.library) {
+            for (const key in transformDescriptor.library) {
+                this.sduiDescriptor.library[key] = transformDescriptor.library[key];
             }
-        });
+        }
+        for (const item of transformDescriptor.transforms) {
+            this.transformAction(item);
+        }
     }
     /**
      * Effectue une actions de transformation sur les noeuds (nodes) de la sduiDescriptor (SDUIDescriptor)
@@ -97,12 +86,11 @@ export default class SDUIDescriptorTransformer {
      * Pour chaque élément de la liste, remplace l'élément par ses enfants
      */
     unwrap(transformAction, list) {
-        var _a, _b;
         transformAction;
         for (const item of list) {
-            (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(item.parent.nodes.indexOf(item.child), 1);
+            item.parent.nodes?.splice(item.parent.nodes.indexOf(item.child), 1);
             if (item.child.nodes) {
-                (_b = item.parent.nodes) === null || _b === void 0 ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 0, ...item.child.nodes);
+                item.parent.nodes?.splice(item.parent.nodes.indexOf(item.child), 0, ...item.child.nodes);
             }
         }
     }
@@ -111,31 +99,29 @@ export default class SDUIDescriptorTransformer {
      * L'élément créé est inséré en lieu et place du premier élément de la liste
      */
     wrap(transformAction, list) {
-        var _a, _b, _c, _d, _e, _f;
-        const wrapper = Object.assign({}, transformAction.ui);
+        const wrapper = { ...transformAction.ui };
         if (!wrapper.nodes)
             wrapper.nodes = [];
         let i = 0;
         for (const item of list) {
-            (_a = wrapper.nodes) === null || _a === void 0 ? void 0 : _a.push(item.child);
+            wrapper.nodes?.push(item.child);
             if (i > 0) {
-                (_b = item.parent.nodes) === null || _b === void 0 ? void 0 : _b.splice(item.parent.nodes.indexOf(item.child), 1);
+                item.parent.nodes?.splice(item.parent.nodes.indexOf(item.child), 1);
             }
             i++;
         }
-        const idx = (_d = (_c = list[0]) === null || _c === void 0 ? void 0 : _c.parent.nodes) === null || _d === void 0 ? void 0 : _d.indexOf(list[0].child);
+        const idx = list[0]?.parent.nodes?.indexOf(list[0].child);
         if (idx) {
-            (_e = list[0].parent.nodes) === null || _e === void 0 ? void 0 : _e.splice(idx, 1);
-            (_f = list[0].parent.nodes) === null || _f === void 0 ? void 0 : _f.splice(idx, 0, wrapper);
+            list[0].parent.nodes?.splice(idx, 1);
+            list[0].parent.nodes?.splice(idx, 0, wrapper);
         }
     }
     /**
      * Déplace tous les noeuds de la liste avant ou après le noeuds sélectionné par pattern matching via l'attribut correspondant `before` ou `after`
      */
     move(transformAction, list) {
-        var _a, _b;
         for (const item of list) {
-            (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(item.parent.nodes.indexOf(item.child), 1);
+            item.parent.nodes?.splice(item.parent.nodes.indexOf(item.child), 1);
             let list = [];
             if (transformAction.after)
                 list = this.getNodesMatchingPatterns([transformAction.after], this.sduiDescriptor);
@@ -143,7 +129,7 @@ export default class SDUIDescriptorTransformer {
                 list = this.getNodesMatchingPatterns([transformAction.before], this.sduiDescriptor);
             const element = list[0];
             if (element) {
-                (_b = element.parent.nodes) === null || _b === void 0 ? void 0 : _b.splice(element.parent.nodes.indexOf(element.child) + (transformAction.after ? 1 : 0), 0, item.child);
+                element.parent.nodes?.splice(element.parent.nodes.indexOf(element.child) + (transformAction.after ? 1 : 0), 0, item.child);
             }
         }
     }
@@ -152,9 +138,8 @@ export default class SDUIDescriptorTransformer {
      * Les props attributs et autre props de chaque élément sont conservés si non remapés
      */
     remap(transformAction, list) {
-        var _a, _b, _c;
         for (const item of list) {
-            const newUI = Object.assign({}, transformAction.ui);
+            const newUI = { ...transformAction.ui };
             if (!newUI.attributes) {
                 newUI.attributes = {};
             }
@@ -181,10 +166,10 @@ export default class SDUIDescriptorTransformer {
                     newUI.nodes.push(node);
                 }
             }
-            const idx = ((_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.indexOf(item.child)) || -1;
+            const idx = item.parent.nodes?.indexOf(item.child) || -1;
             if (idx != -1) {
-                (_b = item.parent.nodes) === null || _b === void 0 ? void 0 : _b.splice(idx, 1);
-                (_c = item.parent.nodes) === null || _c === void 0 ? void 0 : _c.splice(idx, 0, newUI);
+                item.parent.nodes?.splice(idx, 1);
+                item.parent.nodes?.splice(idx, 0, newUI);
             }
         }
     }
@@ -192,10 +177,9 @@ export default class SDUIDescriptorTransformer {
      * Supprime tous les éléments de la liste.
      */
     delete(transformAction, list) {
-        var _a;
         transformAction;
         for (const item of list) {
-            (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(item.parent.nodes.indexOf(item.child), 1);
+            item.parent.nodes?.splice(item.parent.nodes.indexOf(item.child), 1);
         }
     }
     /**
@@ -203,7 +187,6 @@ export default class SDUIDescriptorTransformer {
      * La positione st déterminée par l'attribute before ou after ou in qui est un pattern permettant la sélection de l'élément de référence pur l'ajout
      */
     insert(transformAction, list) {
-        var _a;
         const positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
         list = [];
         if (transformAction.after) {
@@ -220,10 +203,12 @@ export default class SDUIDescriptorTransformer {
             if (positionType == "in") {
                 if (!node.child.nodes)
                     node.child.nodes = [];
-                node.child.nodes.push(Object.assign({}, transformAction.ui));
+                node.child.nodes.push({ ...transformAction.ui });
             }
             else {
-                (_a = node.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(node.parent.nodes.indexOf(node.child) + (positionType == "after" ? 1 : 0), 0, Object.assign({}, transformAction.ui));
+                node.parent.nodes?.splice(node.parent.nodes.indexOf(node.child) + (positionType == "after" ? 1 : 0), 0, {
+                    ...transformAction.ui,
+                });
             }
         }
     }

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

@@ -6,6 +6,8 @@ declare const SonicSDUI_base: {
         key: string;
         isFirstLoad: boolean;
         isLoading: boolean;
+        lazyLoad?: boolean | undefined;
+        noLoader?: boolean | undefined;
         iObserver: IntersectionObserver | null;
         isDefaultLoaderEnabled: boolean;
         isFetchEnabled: boolean;