@supersoniks/concorde 1.1.39 → 1.1.41

package/core/components/ui/form/input/input.js

@@ -14,6 +14,7 @@ import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormInput from "@supersoniks/concorde/core/mixins/FormInput";
 import { classMap } from "lit/directives/class-map.js";
 import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
 /**
  * ### Le composent sonic-input étend les mixins FormInput, FormElement et Subscriber
  * **FormElement :**
@@ -42,6 +43,20 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         this.hasSuffix = ((_c = this.slotSuffixNodes) === null || _c === void 0 ? void 0 : _c.length) ? true : false;
         this.hasPrefix = ((_d = this.slotPrefixNodes) === null || _d === void 0 ? void 0 : _d.length) ? true : false;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasAttribute("sameValueAs")) {
+            this.sameValueAsName = this.getAttribute("sameValueAs");
+            this.sameValueAsHandle = (v) => (this.pattern = v);
+            this.getFormPublisher()[this.sameValueAsName].onAssign(this.sameValueAsHandle);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.hasAttribute("sameValueAs") && this.sameValueAsName) {
+            this.getFormPublisher()[this.sameValueAsName].offAssign(this.sameValueAsHandle);
+        }
+    }
     onSlotChange() {
         this.requestUpdate();
     }
@@ -49,7 +64,6 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         var _a;
         if (!this.inlineContent)
             return;
-        console.log("oypouaze");
         (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
@@ -57,9 +71,13 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
             "has-prefix": this.hasPrefix,
             "has-suffix": this.hasSuffix,
         };
+        let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? this.label : ""}<slot name="label" @slotchange=${this.onSlotChange}></slot
+        >${this.label ? unsafeHTML(this.label + labelStarSuffix) : ""}<slot
+          name="label"
+          @slotchange=${this.onSlotChange}
+        ></slot
       ></label>
 
       <div @click=${this.inlineContentFocus} class="form-control ${classMap(slotClasses)}">
@@ -93,8 +111,8 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
           <slot name="suffix" @slotchange=${this.onSlotChange}></slot>
         </div>
       </div>
-      <slot name="description" class=" ${this.hasDescription ? "form-description" : "hidden"}">
-        ${this.description ? html `${this.description}` : ""}
+      <slot name="description" class="${this.hasDescription ? "form-description" : "hidden"}">
+        ${this.description ? html `${unsafeHTML(this.description)}` : ""}
       </slot>
     `;
     }

package/core/components/ui/form/input/password-helper.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, nothing } from "lit";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare class SonicComponent extends SonicComponent_base {
+    name?: string;
+    minChars: number;
+    hasNoChar: boolean;
+    hasEnoughChars: boolean;
+    hasMinuscule: boolean;
+    hasMajuscule: boolean;
+    hasNumber: boolean;
+    hasSpecialChar: boolean;
+    checkValue?: (v: string) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    getIcon(test: boolean): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+export {};

package/core/components/ui/form/input/password-helper.js

@@ -0,0 +1,96 @@
+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 { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+const tagName = "sonic-password-helper"; // For Astro.build
+console.log("HEY");
+let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.minChars = 8;
+        this.hasNoChar = true;
+        this.hasEnoughChars = false;
+        this.hasMinuscule = false;
+        this.hasMajuscule = false;
+        this.hasNumber = false;
+        this.hasSpecialChar = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.name) {
+            this.checkValue = (v) => {
+                if (v) {
+                    this.hasNoChar = v.length == 0;
+                    this.hasEnoughChars = v.length > this.minChars;
+                }
+                else {
+                    this.hasNoChar = true;
+                    this.hasEnoughChars = false;
+                }
+                this.hasMinuscule = /[a-z]/.test(v);
+                this.hasMajuscule = /[A-Z]/.test(v);
+                this.hasNumber = /[0-9]/.test(v);
+                this.hasSpecialChar = /[!"#$%&'()*+,\-\.\/:;<=>?@[\]^_`{|}~]/.test(v);
+            };
+            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
+        }
+    }
+    disconnectedCallback() {
+        if (this.checkValue && this.name) {
+            PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].offAssign(this.checkValue);
+        }
+    }
+    getIcon(test) {
+        return test
+            ? html `<sonic-icon library="heroicons" , name="face-smile"></sonic-icon>`
+            : html `<sonic-icon library="heroicons" , name="x-circle"></sonic-icon>`;
+    }
+    //TODO Multilangue
+    render() {
+        if (this.hasNoChar)
+            return nothing;
+        return html `
+      <div>Le mot de passe doit contenir au moins :</div>
+      <div>${this.getIcon(this.hasEnoughChars)} 8 caractères</div>
+      <div>${this.getIcon(this.hasMinuscule)} 1 minuscule</div>
+      <div>${this.getIcon(this.hasMajuscule)} 1 majuscule</div>
+      <div>${this.getIcon(this.hasNumber)} 1 chiffre</div>
+      <div>${this.getIcon(this.hasSpecialChar)} 1 caractère spécial parmi !"#$%&'()*+,-./:;<=>?@[]^_\`{|}~</div>
+    `;
+    }
+};
+__decorate([
+    property()
+], SonicComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "minChars", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNoChar", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasEnoughChars", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasMinuscule", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasMajuscule", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNumber", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasSpecialChar", void 0);
+SonicComponent = __decorate([
+    customElement(tagName)
+], SonicComponent);
+export { SonicComponent };

package/core/components/ui/form/input/same-value-helper.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, nothing } from "lit";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare class SonicComponent extends SonicComponent_base {
+    name?: string;
+    sameValueAs?: string;
+    descriptionWhenEqual: string;
+    descriptionWhenNotEqual: string;
+    areEqual: boolean;
+    hasNoChar: boolean;
+    checkValue?: (v: string) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}
+export {};

package/core/components/ui/form/input/same-value-helper.js

@@ -0,0 +1,76 @@
+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 { html, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { Subscriber } from "@supersoniks/concorde/mixins";
+import { PublisherManager } from "@supersoniks/concorde/utils";
+import "@supersoniks/concorde/core/components/ui/icon/icon";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+const tagName = "sonic-same-value-helper"; // For Astro.build
+let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.descriptionWhenEqual = "Correspondance : oui";
+        this.descriptionWhenNotEqual = "Correspondance : non";
+        this.areEqual = false;
+        this.hasNoChar = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+        if (this.name && this.sameValueAs) {
+            this.checkValue = (v) => {
+                if (v)
+                    this.hasNoChar = v.length == 0;
+                else
+                    this.hasNoChar = true;
+                if (this.name && this.sameValueAs) {
+                    this.areEqual = formDataProvider[this.name].get() == formDataProvider[this.sameValueAs].get();
+                }
+            };
+            formDataProvider[this.name].onAssign(this.checkValue);
+            formDataProvider[this.sameValueAs].onAssign(this.checkValue);
+        }
+    }
+    disconnectedCallback() {
+        if (this.checkValue && this.name && this.sameValueAs) {
+            let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+            formDataProvider[this.name].offAssign(this.checkValue);
+            formDataProvider[this.sameValueAs].offAssign(this.checkValue);
+        }
+    }
+    //TODO Multilangue
+    render() {
+        if (this.hasNoChar)
+            return nothing;
+        return html `
+      <span> ${this.areEqual ? unsafeHTML(this.descriptionWhenEqual) : unsafeHTML(this.descriptionWhenNotEqual)} </span>
+    `;
+    }
+};
+__decorate([
+    property()
+], SonicComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "sameValueAs", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "descriptionWhenEqual", void 0);
+__decorate([
+    property()
+], SonicComponent.prototype, "descriptionWhenNotEqual", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "areEqual", void 0);
+__decorate([
+    state()
+], SonicComponent.prototype, "hasNoChar", void 0);
+SonicComponent = __decorate([
+    customElement(tagName)
+], SonicComponent);
+export { SonicComponent };

package/core/components/ui/form/select/select.js

@@ -14,6 +14,7 @@ import { formControl } from "@supersoniks/concorde/core/components/ui/form/css/f
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
 /**
  * #### FormElement :
  * * La propriété value est remplie automatiquement a l'aide de l'attribut name renseigné, ceci en prenant la valeur de la propriété du même nom dans les données du dataprovider associé.
@@ -122,9 +123,13 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
             "has-prefix": this.hasPrefix,
             "has-suffix": this.hasSuffix,
         };
+        let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? this.label : ""}<slot name="label" @slotchange=${this.onSlotChange}></slot
+        >${this.label ? unsafeHTML(this.label + labelStarSuffix) : ""}<slot
+          name="label"
+          @slotchange=${this.onSlotChange}
+        ></slot
       ></label>
 
       <div class="form-control ${classMap(slotClasses)}">
@@ -155,7 +160,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
       </div>
 
       <slot name="description" class=" ${this.hasDescription ? "form-description" : "hidden"}">
-        ${this.description ? html `${this.description}` : ""}
+        ${this.description ? html `${unsafeHTML(this.description)}` : ""}
       </slot>
     `;
     }

package/core/components/ui/form/textarea/textarea.d.ts

@@ -36,6 +36,7 @@ declare const Textarea_base: {
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/core/components/ui/form/textarea/textarea.js

@@ -12,6 +12,7 @@ import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormInput from "@supersoniks/concorde/core/mixins/FormInput";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
 const tagName = "sonic-textarea";
 let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElement))) {
     constructor() {
@@ -47,9 +48,13 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
         textarea.reportValidity();
     }
     render() {
+        let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? this.label : ""}<slot name="label" @slotchange=${this.onSlotChange}></slot
+        >${this.label ? unsafeHTML(this.label + labelStarSuffix) : ""}<slot
+          name="label"
+          @slotchange=${this.onSlotChange}
+        ></slot
       ></label>
 
       <div class="form-control">
@@ -76,7 +81,7 @@ ${this.value}</textarea
       </div>
 
       <slot name="description" class=" ${this.hasDescription ? "form-description" : "hidden"}">
-        ${this.description ? html `${this.description}` : ""}
+        ${this.description ? html `${unsafeHTML(this.description)}` : ""}
       </slot>
     `;
     }

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

@@ -4,6 +4,8 @@ import "./button/button";
 import "./link/link";
 import "./progress/progress";
 import "./form/input/input";
+import "./form/input/password-helper";
+import "./form/input/same-value-helper";
 import "./form/checkbox/checkbox";
 import "./form/radio/radio";
 import "./form/select/select";

package/core/components/ui/ui.js

@@ -7,6 +7,8 @@ import "./link/link";
 import "./progress/progress";
 // FORMS
 import "./form/input/input";
+import "./form/input/password-helper";
+import "./form/input/same-value-helper";
 import "./form/checkbox/checkbox";
 import "./form/radio/radio";
 import "./form/select/select";

package/core/mixins/Fetcher.d.ts

@@ -62,6 +62,7 @@ declare const Fetcher: <T extends Constructor<SubscriberInterface>>(superClass:
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/core/mixins/Fetcher.js

@@ -86,14 +86,18 @@ const Fetcher = (superClass) => {
                     Loader.show();
                 let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
                 data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
-                // Si data est vide OU si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
-                if (!data || (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1)) {
+                // Je garde ça mais normalement ça n'arrive jamais
+                if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;
                     if (hasLoader)
                         Loader.hide();
                     return;
                 }
+                // Si data ne contient que la réponse HTTP, avec un statut not ok, on affiche un message
+                else if (data._sonic_http_response_ && !data._sonic_http_response_.ok && Object.keys(data).length === 1) {
+                    SonicToast.add({ text: "Network Error", status: "error" });
+                }
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {

package/core/mixins/FormCheckable.d.ts

@@ -57,6 +57,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -64,9 +65,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         removeAttribute(name: string): void;
         getApiConfiguration(): import("../utils/api").APIConfiguration;
         connectedCallback(): void;
-        requestUpdate(): void; /**
-          Active le mode radio
-         */
+        requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: String): boolean;
         disconnectedCallback(): void;

package/core/mixins/FormInput.d.ts

@@ -42,6 +42,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/core/mixins/Subscriber.d.ts

@@ -13,6 +13,7 @@ export interface SubscriberInterface {
     noShadowDom: string | null;
     debug: HTMLElement | null;
     defferedDebug: boolean | null;
+    displayContents: boolean;
     dispatchEvent(event: Event): void;
     setAttribute(name: string, value: string): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;

package/core/mixins/Subscriber.js

@@ -46,6 +46,7 @@ const Subscriber = (superClass) => {
     class SubscriberElement extends superClass {
         constructor(...args) {
             super();
+            this.displayContents = false;
             /**
              * noAutoFill permet de désactiver le remplissage automatique des propriétés par le publisher dans le cas ou on utilise "props" seulement ou le dataBinding par exemple
              */
@@ -130,18 +131,12 @@ const Subscriber = (superClass) => {
         }
         updated(_changedProperties) {
             super.updated(_changedProperties);
-            if (this.shadowRoot) {
-                if (this.shadowRoot.children.length == 0)
-                    this.style.display = "none";
-                else
-                    this.style.removeProperty("display");
-            }
-            else {
-                if (this.children.length == 0)
-                    this.style.display = "none";
-                else
-                    this.style.removeProperty("display");
-            }
+            let ref = this.shadowRoot || this;
+            let display = this.displayContents ? "contents" : ref.children.length == 0 ? "none" : null;
+            if (display)
+                this.style.display = display;
+            else
+                this.style.removeProperty("display");
         }
         connectedCallback() {
             if (this.hasAttribute("lazyRendering")) {
@@ -359,6 +354,9 @@ const Subscriber = (superClass) => {
         }
     }
     SubscriberElement.instanceCounter = 0;
+    __decorate([
+        property({ type: Boolean })
+    ], SubscriberElement.prototype, "displayContents", void 0);
     __decorate([
         property({ type: Boolean })
     ], SubscriberElement.prototype, "noAutoFill", void 0);

package/core/utils/HTML.d.ts

@@ -10,5 +10,13 @@ declare class HTML {
      * @returns valeur de l'attribut ou null si l'attribut n'est pas trouvé
      */
     static getAncestorAttributeValue(node: any, attributeName: string): string | null;
+    /**
+     * Lance le chargement d'un js et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadJS(src: string): Promise<unknown>;
+    /**
+     * Lance le chargement d'un css et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadCSS(src: string): Promise<unknown>;
 }
 export default HTML;

package/core/utils/HTML.js

@@ -1,3 +1,12 @@
+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());
+    });
+};
 class HTML {
     /**
      * retourne la langue de la page courante telle que défini via l'attribut lang de la balise html
@@ -29,5 +38,37 @@ class HTML {
         }
         return node.getAttribute(attributeName);
     }
+    /**
+     * Lance le chargement d'un js et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadJS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                let script = document.createElement("script");
+                script.src = src;
+                script.onload = () => resolve(true);
+                script.onerror = () => resolve(true);
+                document.head.appendChild(script);
+            }));
+            return p;
+        });
+    }
+    /**
+     * Lance le chargement d'un css et retourne une promise qui resoud à true lorsque le chargement à réussi et à false, sinon.
+     * */
+    static loadCSS(src) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const p = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                var cssnode = document.createElement("link");
+                cssnode.type = "text/css";
+                cssnode.rel = "stylesheet";
+                cssnode.href = src;
+                cssnode.onload = () => resolve(true);
+                cssnode.onerror = () => resolve(true);
+                document.head.appendChild(cssnode);
+            }));
+            return p;
+        });
+    }
 }
 export default HTML;

package/mixins.d.ts

@@ -26,6 +26,7 @@ export declare const Fetcher: <T extends new (...args: any[]) => mySubscriber.Su
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -74,6 +75,7 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
@@ -126,6 +128,7 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         noShadowDom: string | null;
         debug: HTMLElement | null;
         defferedDebug: boolean | null;
+        displayContents: boolean;
         dispatchEvent(event: Event): void;
         setAttribute(name: string, value: string): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.39",
+  "version": "1.1.41",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -46,8 +46,12 @@
     "./functional/router/redirect": "./core/components/functional/router/redirect.js",
     "./core/components/functional/router/router": "./core/components/functional/router/router.js",
     "./functional/router": "./core/components/functional/router/router.js",
+    "./core/components/functional/sdui/SDUIDescriptorTransformer": "./core/components/functional/sdui/SDUIDescriptorTransformer.js",
+    "./functional/sdui/SDUIDescriptorTransformer": "./core/components/functional/sdui/SDUIDescriptorTransformer.js",
     "./core/components/functional/sdui/sdui": "./core/components/functional/sdui/sdui.js",
     "./functional/sdui": "./core/components/functional/sdui/sdui.js",
+    "./core/components/functional/sdui/types": "./core/components/functional/sdui/types.js",
+    "./functional/sdui/types": "./core/components/functional/sdui/types.js",
     "./core/components/functional/sonic-scope/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope.js",
     "./functional/sonic-scope": "./core/components/functional/sonic-scope/sonic-scope.js",
     "./core/components/functional/states/states": "./core/components/functional/states/states.js",
@@ -98,6 +102,10 @@
     "./ui/form/form-layout": "./core/components/ui/form/form-layout/form-layout.js",
     "./core/components/ui/form/input/input": "./core/components/ui/form/input/input.js",
     "./ui/form/input": "./core/components/ui/form/input/input.js",
+    "./core/components/ui/form/input/password-helper": "./core/components/ui/form/input/password-helper.js",
+    "./ui/form/input/password-helper": "./core/components/ui/form/input/password-helper.js",
+    "./core/components/ui/form/input/same-value-helper": "./core/components/ui/form/input/same-value-helper.js",
+    "./ui/form/input/same-value-helper": "./core/components/ui/form/input/same-value-helper.js",
     "./core/components/ui/form/radio/radio": "./core/components/ui/form/radio/radio.js",
     "./ui/form/radio": "./core/components/ui/form/radio/radio.js",
     "./core/components/ui/form/select/select": "./core/components/ui/form/select/select.js",