@supersoniks/concorde 1.1.42 → 1.1.44

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

@@ -1,5 +1,19 @@
 import { LitElement } from "lit";
-declare const SonicRouter_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & (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
+ * * Si oui le contenu du template est affiché
+ * * Si l'attribut dataProviderExpression est fourni le contenu est entouré d'une div :
+ * * L'attribut "dataProvider" de cette div est le resultat de l'appel à la fonction replace sur la propriété location avec comme paramettres la regexpe et dataproviderExpression.
+ * * On peut également utiliser les des expressions du type url-pattern pour les paramètres de la route voir les exemples
+ * * les subscribers/fetch... du template ser réfèrerons à ce dataProvider
+ *
+ * **Exemples **
+ * Avec location = /youpla/utilisateur/2 :
+ * * RegExp : data-route = /utilisateur/(\d+) et dataproviderExpression = /user/$1 l'attribut dataProvider vaudra "/user/2"
+ * * url-pattern : /*utilisateur/:id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
+ */
 export declare class SonicRouter extends SonicRouter_base {
     templateValueAttribute: string;
     connectedCallback(): void;

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

@@ -12,6 +12,7 @@ import LocationHandler from "@supersoniks/concorde/core/utils/LocationHandler";
 import { repeat } from "lit/directives/repeat.js";
 import UrlPattern from "url-pattern";
 import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
+const tagName = "sonic-router";
 /**
  * ### 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
@@ -26,7 +27,6 @@ import TemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesConta
  * * RegExp : data-route = /utilisateur/(\d+) et dataproviderExpression = /user/$1 l'attribut dataProvider vaudra "/user/2"
  * * url-pattern : /*utilisateur/:id et dataproviderExpression = /user/:id l'attribut dataProvider vaudra "/user/2"
  */
-const tagName = "sonic-router";
 let SonicRouter = class SonicRouter extends Subscriber(TemplatesContainer(LitElement)) {
     constructor() {
         super(...arguments);
@@ -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>`;
@@ -98,8 +98,3 @@ SonicRouter = __decorate([
     customElement(tagName)
 ], SonicRouter);
 export { SonicRouter };
-//Ajout pour la creation du cem notamment pour Storybook
-try {
-    customElements.define(tagName, SonicRouter);
-}
-catch (e) { }

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

@@ -1,7 +1,6 @@
 import { SDUINode, SDUITransformDescription, SDUITransformAction, SDUITransformList, SDUIDescriptor } from "@supersoniks/concorde/core/components/functional/sdui/types";
 export default class SDUIDescriptorTransformer {
     sduiDescriptor?: SDUIDescriptor;
-    constructor();
     /**
      * Tranform un SDUIDescriptor via une SDUITransformDescription
      * Attention fonction non pure :  la sduiDescriptor est modifiée en place.
@@ -32,7 +31,7 @@ export default class SDUIDescriptorTransformer {
     /**
      * Pour chaque élément de la liste, remplace l'élément par ses enfants
      */
-    unWrap(transformAction: SDUITransformAction, list: SDUITransformList): void;
+    unwrap(transformAction: SDUITransformAction, list: SDUITransformList): void;
     /**
      * Regroupe tous les éléments de la liste dans l'élément fourni via la prop `ui` de transformAction
      * L'élément créé est inséré en lieu et place du premier élément de la liste

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

@@ -8,7 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 export default class SDUIDescriptorTransformer {
-    constructor() { }
     /**
      * Tranform un SDUIDescriptor via une SDUITransformDescription
      * Attention fonction non pure :  la sduiDescriptor est modifiée en place.
@@ -21,11 +20,11 @@ export default class SDUIDescriptorTransformer {
         return __awaiter(this, void 0, void 0, function* () {
             this.sduiDescriptor = sduiDescriptor;
             if (this.sduiDescriptor.library) {
-                for (let key in transformDescriptor.library) {
+                for (const key in transformDescriptor.library) {
                     this.sduiDescriptor.library[key] = transformDescriptor.library[key];
                 }
             }
-            for (let item of transformDescriptor.transforms) {
+            for (const item of transformDescriptor.transforms) {
                 this.transformAction(item);
             }
         });
@@ -36,7 +35,7 @@ export default class SDUIDescriptorTransformer {
      * Voir le détail des actions de transformations dns les fonctions appellées dans le switch.
      */
     transformAction(transformAction) {
-        let uis = this.getNodesMatchingPatterns(transformAction.patterns, this.sduiDescriptor);
+        const uis = this.getNodesMatchingPatterns(transformAction.patterns, this.sduiDescriptor);
         this[transformAction.action](transformAction, uis);
     }
     /**
@@ -47,13 +46,13 @@ export default class SDUIDescriptorTransformer {
             return [];
         if (!node)
             return [];
-        let nodes = node.nodes;
+        const nodes = node.nodes;
         if (!nodes)
             return [];
         let result = [];
         let index = 0;
-        for (let pattern of patterns) {
-            for (let child of nodes) {
+        for (const pattern of patterns) {
+            for (const child of nodes) {
                 if (this.nodeMatchesPattern(pattern, child)) {
                     result.push({ parent: node, child: child, index: index });
                 }
@@ -73,21 +72,21 @@ export default class SDUIDescriptorTransformer {
      * Return true si le pattern match avec le noeud, false sinon.
      */
     nodeMatchesPattern(pattern, node) {
-        let patternDynamic = pattern;
-        let nodeDynamic = node;
-        let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
-        for (let key of keys) {
+        const patternDynamic = pattern;
+        const nodeDynamic = node;
+        const keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+        for (const key of keys) {
             if (!this.stringMatchesExpression(nodeDynamic[key], patternDynamic[key])) {
                 return false;
             }
         }
-        let patternAttributes = pattern.attributes;
-        let nodeAttributes = node.attributes;
+        const patternAttributes = pattern.attributes;
+        const nodeAttributes = node.attributes;
         if (patternAttributes && !nodeAttributes)
             return false;
         if (patternAttributes) {
-            for (let name in patternAttributes) {
-                if (!this.stringMatchesExpression(nodeAttributes[name], patternAttributes[name])) {
+            for (const name in patternAttributes) {
+                if (!nodeAttributes || !this.stringMatchesExpression(nodeAttributes[name], patternAttributes[name])) {
                     return false;
                 }
             }
@@ -97,10 +96,10 @@ export default class SDUIDescriptorTransformer {
     /**
      * Pour chaque élément de la liste, remplace l'élément par ses enfants
      */
-    unWrap(transformAction, list) {
+    unwrap(transformAction, list) {
         var _a, _b;
         transformAction;
-        for (let item of list) {
+        for (const item of list) {
             (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.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);
@@ -112,22 +111,22 @@ 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;
-        let wrapper = Object.assign({}, transformAction.ui);
+        var _a, _b, _c, _d, _e, _f;
+        const wrapper = Object.assign({}, transformAction.ui);
         if (!wrapper.nodes)
             wrapper.nodes = [];
         let i = 0;
-        for (let item of list) {
+        for (const item of list) {
             (_a = wrapper.nodes) === null || _a === void 0 ? void 0 : _a.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);
             }
             i++;
         }
-        let idx = (_c = list[0].parent.nodes) === null || _c === void 0 ? void 0 : _c.indexOf(list[0].child);
+        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);
         if (idx) {
-            (_d = list[0].parent.nodes) === null || _d === void 0 ? void 0 : _d.splice(idx, 1);
-            (_e = list[0].parent.nodes) === null || _e === void 0 ? void 0 : _e.splice(idx, 0, wrapper);
+            (_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);
         }
     }
     /**
@@ -135,12 +134,16 @@ export default class SDUIDescriptorTransformer {
      */
     move(transformAction, list) {
         var _a, _b;
-        for (let item of list) {
+        for (const item of list) {
             (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(item.parent.nodes.indexOf(item.child), 1);
-            let positionType = transformAction.after ? "after" : "before";
-            let element = this.getNodesMatchingPatterns([transformAction[positionType]], this.sduiDescriptor)[0];
+            let list = [];
+            if (transformAction.after)
+                list = this.getNodesMatchingPatterns([transformAction.after], this.sduiDescriptor);
+            if (transformAction.before)
+                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) + (positionType == "after" ? 1 : 0), 0, item.child);
+                (_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);
             }
         }
     }
@@ -150,36 +153,35 @@ export default class SDUIDescriptorTransformer {
      */
     remap(transformAction, list) {
         var _a, _b, _c;
-        console.log(list);
-        for (let item of list) {
-            let newUI = Object.assign({}, transformAction.ui);
+        for (const item of list) {
+            const newUI = Object.assign({}, transformAction.ui);
             if (!newUI.attributes) {
                 newUI.attributes = {};
             }
-            let childAttributes = item.child.attributes;
+            const childAttributes = item.child.attributes;
             if (childAttributes) {
-                for (let key in childAttributes) {
-                    if (!newUI.attributes.hasOwnProperty("key"))
+                for (const key in childAttributes) {
+                    if (!Object.prototype.hasOwnProperty.call(newUI.attributes, "key"))
                         newUI.attributes[key] = childAttributes[key];
                 }
             }
-            let keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
-            let childDynamic = item.child;
-            let newUIDynamic = newUI;
-            for (let key of keys) {
-                if (!newUI.hasOwnProperty(key) && childDynamic[key])
+            const keys = ["libraryKey", "innerHTML", "prefix", "suffix", "markup"];
+            const childDynamic = item.child;
+            const newUIDynamic = newUI;
+            for (const key of keys) {
+                if (!Object.prototype.hasOwnProperty.call(newUI, key) && childDynamic[key])
                     newUIDynamic[key] = childDynamic[key];
             }
             if (!newUI.nodes) {
                 newUI.nodes = [];
             }
-            let childNodes = item.child.nodes;
+            const childNodes = item.child.nodes;
             if (childNodes) {
-                for (let node of childNodes) {
+                for (const node of childNodes) {
                     newUI.nodes.push(node);
                 }
             }
-            let idx = ((_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.indexOf(item.child)) || -1;
+            const idx = ((_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.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);
@@ -192,7 +194,7 @@ export default class SDUIDescriptorTransformer {
     delete(transformAction, list) {
         var _a;
         transformAction;
-        for (let item of list) {
+        for (const item of list) {
             (_a = item.parent.nodes) === null || _a === void 0 ? void 0 : _a.splice(item.parent.nodes.indexOf(item.child), 1);
         }
     }
@@ -202,9 +204,18 @@ export default class SDUIDescriptorTransformer {
      */
     insert(transformAction, list) {
         var _a;
-        list;
-        let positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
-        let node = this.getNodesMatchingPatterns([transformAction[positionType]], this.sduiDescriptor)[0];
+        const positionType = transformAction.after ? "after" : transformAction.before ? "before" : "in";
+        list = [];
+        if (transformAction.after) {
+            list = this.getNodesMatchingPatterns([transformAction.after], this.sduiDescriptor);
+        }
+        else if (transformAction.before) {
+            list = this.getNodesMatchingPatterns([transformAction.before], this.sduiDescriptor);
+        }
+        else if (transformAction.in) {
+            list = this.getNodesMatchingPatterns([transformAction.in], this.sduiDescriptor);
+        }
+        const node = list[0];
         if (node) {
             if (positionType == "in") {
                 if (!node.child.nodes)

package/core/components/functional/sdui/default-library.json

@@ -0,0 +1,108 @@
+{
+    "checkbox": {
+        "tagName": "sonic-checkbox"
+    },
+    "date": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "type": "date"
+        }
+    },
+    "fieldset": {
+        "tagName": "sonic-fieldset",
+        "nodes": [{ "libraryKey": "formLayout" }],
+        "contentElementSelector": "sonic-form-layout"
+    },
+    "managed_file": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "variant": "ghost",
+            "type": "file"
+        }
+    },
+    "password": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "type": "password"
+        }
+    },
+    "radio": {
+        "tagName": "sonic-radio"
+    },
+    "select": {
+        "tagName": "sonic-select"
+    },
+    "textarea": {
+        "tagName": "sonic-textarea"
+    },
+    "textfield": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "type": "text"
+        }
+    },
+    "hidden": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "type": "hidden"
+        }
+    },
+    "button": {
+        "tagName": "sonic-button"
+    },
+    "form": {
+        "tagName": "sonic-submit",
+        "attributes": {
+            "onEnterKey": true
+        }
+    },
+    "submit": {
+        "tagName": "sonic-submit",
+        "attributes": {
+            "onClick": true
+        },
+        "contentElementSelector": "sonic-button",
+        "nodes": [
+            {
+                "libraryKey": "button",
+                "attributes": { "type": "success" },
+                "nodes": [
+                    {
+                        "tagName": "sonic-icon",
+                        "attributes": {
+                            "name": "check",
+                            "slot": "prefix"
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    "email": {
+        "tagName": "sonic-input",
+        "attributes": {
+            "type": "email"
+        }
+    },
+    "formItemContainer": {
+        "tagName": "div",
+        "attributes": {
+            "class": "form-item-container"
+        }
+    },
+    "formLayout": {
+        "tagName": "sonic-form-layout"
+    },
+    "formActions": {
+        "tagName": "sonic-form-actions"
+    },
+    "passwordHelper": {
+        "tagName": "sonic-password-helper"
+    },
+    "sameValueHelper": {
+        "tagName": "sonic-same-value-helper"
+    },
+    "divider": {
+        "tagName": "sonic-divider"
+    }
+}

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

@@ -0,0 +1,5 @@
+import { SDUINode } from "./types";
+export default class SDUIUtils {
+    static toJson(nodes: HTMLCollection): string;
+    static parseNode(node: Node): SDUINode | null;
+}

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

@@ -0,0 +1,63 @@
+export default class SDUIUtils {
+    static toJson(nodes) {
+        const desc = {};
+        desc.nodes = [];
+        for (const node of nodes) {
+            const parsedChild = SDUIUtils.parseNode(node);
+            if (parsedChild) {
+                desc.nodes.push(parsedChild);
+            }
+        }
+        const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(desc, null, 2));
+        const dlAnchorElem = document.createElement("a");
+        dlAnchorElem.setAttribute("href", dataStr);
+        dlAnchorElem.setAttribute("download", "sdui.json");
+        document.body.appendChild(dlAnchorElem);
+        dlAnchorElem.click();
+        dlAnchorElem.remove();
+        return JSON.stringify(desc, null, 4);
+    }
+    static parseNode(node) {
+        const sdui = {};
+        const nodeType = node.nodeType;
+        if (nodeType == Node.ELEMENT_NODE) {
+            const name = node.nodeName.toLowerCase();
+            sdui.tagName = name;
+            const element = node;
+            sdui.attributes = {};
+            const attributes = element.attributes;
+            const attrLength = attributes.length;
+            for (let i = 0; i < attrLength; i++) {
+                const attribute = attributes.item(i);
+                if (attribute)
+                    sdui.attributes[attribute.name] = attribute.value;
+            }
+            let childNodes = element.childNodes;
+            let children = element.children;
+            if (name == "template") {
+                const template = node;
+                childNodes = template.content.childNodes;
+                children = template.content.children;
+            }
+            if (children.length > 0) {
+                sdui.nodes = [];
+                for (const ch of childNodes) {
+                    const parsedChild = SDUIUtils.parseNode(ch);
+                    if (parsedChild) {
+                        sdui.nodes.push(parsedChild);
+                    }
+                }
+            }
+            else if (element.innerHTML) {
+                sdui.innerHTML = element.innerHTML;
+            }
+        }
+        if (nodeType == Node.TEXT_NODE) {
+            const content = (node.textContent || "").trim();
+            if (!content)
+                return null;
+            sdui.markup = content;
+        }
+        return sdui;
+    }
+}

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

@@ -1,25 +1,30 @@
-import { LitElement } from "lit";
-import { SDUIDescriptor } from "@supersoniks/concorde/core/components/functional/sdui/types";
+/// <reference types="node" />
+import { LitElement, PropertyValues } from "lit";
 declare const SonicSDUI_base: {
     new (...args: any[]): {
         api: import("../../../utils/api").default | null;
-        key: String;
+        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;
+        refetchTimeOutId?: NodeJS.Timeout | undefined;
         _fetchData(): Promise<void>;
-        onInvalidate: any;
+        onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         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>;
@@ -29,6 +34,7 @@ declare const SonicSDUI_base: {
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
         displayContents: boolean;
+        shadowRoot?: ShadowRoot | undefined;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -38,9 +44,9 @@ declare const SonicSDUI_base: {
         getApiConfiguration(): import("../../../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
-} & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+} & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  *  ### sonic-sdui (Server Driven User Interface) est un fetcher chargant un JSON décrivant une interface utilisateur
  *
@@ -60,13 +66,15 @@ declare const SonicSDUI_base: {
  */
 export declare class SonicSDUI extends SonicSDUI_base {
     connectedCallback(): void;
+    sduiKey?: string;
+    messagesKey?: string;
+    private sduiDescriptor;
     /**
      * On peut passer la description sous form de props, sinon il faut utiliser l'attribut fetch
      */
-    get props(): SDUIDescriptor;
-    set props(value: SDUIDescriptor);
+    willUpdate(changedProperties: PropertyValues): void;
     /**
-     * updateContents est déclenché quand les props sont renseignées
+     * updateContents est déclenché quand les sduiDescriptor sont renseignées
      * Le contenu du composant est regénéré en fonction du descripteur fourni
      */
     updateContents(): Promise<void>;
@@ -79,7 +87,7 @@ export declare class SonicSDUI extends SonicSDUI_base {
      **/
     private loadAssets;
     /**
-     * Transformation de la data fournie via props si il y a un attribut transformation
+     * Transformation de la data fournie via sduiDescriptor si il y a un attribut transformation
      * */
     private transformSDUIDescriptor;
     /**
@@ -95,7 +103,7 @@ export declare class SonicSDUI extends SonicSDUI_base {
      */
     private parseChild;
     /**
-     * Si le noeud courant a des propriétés prefix et ou suffix il est entouré des markups fournis dans ces props.
+     * Si le noeud courant a des propriétés prefix et ou suffix il est entouré des markups fournis dans ces sduiDescriptor.
      * Le tout est inclu dans une div en display contents
      */
     private handlePrefixSuffix;