@supersoniks/concorde 1.1.30 → 1.1.34

package/core/components/ui/form/fieldset/legend.js

@@ -10,14 +10,37 @@ import "@supersoniks/concorde/core/components/ui/form/fieldset/legend-descriptio
 import { ifDefined } from "lit/directives/if-defined.js";
 const tagName = "sonic-legend";
 let Legend = class Legend extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.forceAutoFill = false;
+    }
+    get description() {
+        return this._description;
+    }
+    set description(value) {
+        if (this.hasAttribute("description") && !this.forceAutoFill)
+            value = this.getAttribute("description");
+        this._description = value;
+        this.requestUpdate();
+    }
+    get label() {
+        return this._label;
+    }
+    set label(value) {
+        if (this.hasAttribute("label") && !this.forceAutoFill)
+            value = this.getAttribute("label");
+        this._label = value;
+        this.requestUpdate();
+    }
     render() {
         return html `<legend part="legend">
       ${this.iconName
             ? html `<div class="icon">
-            <sonic-icon 
-            name=${this.iconName} 
-            prefix=${ifDefined(this.iconPrefix)}
-            library=${ifDefined(this.iconLibrary)}></sonic-icon>
+            <sonic-icon
+              name=${this.iconName}
+              prefix=${ifDefined(this.iconPrefix)}
+              library=${ifDefined(this.iconLibrary)}
+            ></sonic-icon>
           </div>`
             : ""}
 
@@ -67,11 +90,14 @@ Legend.styles = [
     `,
 ];
 __decorate([
-    property({ type: String })
-], Legend.prototype, "description", void 0);
+    property({ type: Boolean })
+], Legend.prototype, "forceAutoFill", void 0);
 __decorate([
-    property({ type: String })
-], Legend.prototype, "label", void 0);
+    property()
+], Legend.prototype, "description", null);
+__decorate([
+    property()
+], Legend.prototype, "label", null);
 __decorate([
     property({ type: String })
 ], Legend.prototype, "iconName", void 0);

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

@@ -2,7 +2,13 @@ import { LitElement } from "lit";
 declare const Input_base: {
     new (...args: any[]): {
         validateFormElement(): void;
+        forceAutoFill: boolean;
+        _type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
         type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
         tabindex?: number | undefined;
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
@@ -59,8 +65,6 @@ export declare class Input extends Input_base {
     minlength?: number;
     maxlength?: number;
     src?: string;
-    label?: string;
-    description?: string;
     inlineContent: boolean;
     slotLabelNodes: Array<Node>;
     slotDescriptionNodes: Array<Node>;

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from "lit";
 import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
-import { query } from 'lit/decorators/query.js';
+import { query } from "lit/decorators/query.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { formControl } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
@@ -49,7 +49,7 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         var _a;
         if (!this.inlineContent)
             return;
-        console.log('oypouaze');
+        console.log("oypouaze");
         (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
@@ -99,10 +99,7 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
     `;
     }
 };
-Input.styles = [
-    fontSize,
-    formControl
-];
+Input.styles = [fontSize, formControl];
 __decorate([
     property({ type: String, reflect: true })
 ], Input.prototype, "size", void 0);
@@ -136,12 +133,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Input.prototype, "src", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], Input.prototype, "description", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Input.prototype, "inlineContent", void 0);
@@ -158,7 +149,7 @@ __decorate([
     queryAssignedNodes({ slot: "prefix" })
 ], Input.prototype, "slotPrefixNodes", void 0);
 __decorate([
-    query('input')
+    query("input")
 ], Input.prototype, "input", void 0);
 __decorate([
     state()

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

@@ -15,8 +15,13 @@ export declare class Select extends Select_base {
     get value(): string;
     set value(value: string);
     connectedCallback(): void;
-    label?: string;
-    description?: string;
+    forceAutoFill: boolean;
+    _description?: string;
+    get description(): string | undefined;
+    set description(value: string | undefined);
+    _label?: string;
+    get label(): string | undefined;
+    set label(value: string | undefined);
     slotLabelNodes: Array<Node>;
     slotDescriptionNodes: Array<Node>;
     slotSuffixNodes: Array<Node>;

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

@@ -30,6 +30,11 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         this.multiple = false;
         this._options = [];
         this._value = "";
+        /*
+         * TODO
+         * Mutualiser avec le composant textarea / input
+         */
+        this.forceAutoFill = false;
         this.hasDescription = false;
         this.hasLabel = false;
         this.hasSuffix = false;
@@ -75,6 +80,24 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
             });
         }
     }
+    get description() {
+        return this._description;
+    }
+    set description(value) {
+        if (this.hasAttribute("description") && !this.forceAutoFill)
+            value = this.getAttribute("description");
+        this._description = value;
+        this.requestUpdate();
+    }
+    get label() {
+        return this._label;
+    }
+    set label(value) {
+        if (this.hasAttribute("label") && !this.forceAutoFill)
+            value = this.getAttribute("label");
+        this._label = value;
+        this.requestUpdate();
+    }
     updated() {
         var _a, _b, _c, _d;
         this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
@@ -126,7 +149,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         })}
             <slot></slot>
           </select>
-          <sonic-icon  class="select-chevron" name="nav-arrow-down" size="${this.size}"></sonic-icon>
+          <sonic-icon class="select-chevron" name="nav-arrow-down" size="${this.size}"></sonic-icon>
         </div>
         <slot name="suffix" @slotchange=${this.onSlotChange}></slot>
       </div>
@@ -155,7 +178,7 @@ Select.styles = [
         top: 50%;
         pointer-events: none;
         transform: translateY(-50%);
-        color:var(--sc-input-color);
+        color: var(--sc-input-color);
       }
 
       option {
@@ -163,7 +186,6 @@ Select.styles = [
         color: var(--sc-base-content);
         background: var(--sc-base);
       }
-      
     `,
 ];
 __decorate([
@@ -188,11 +210,14 @@ __decorate([
     property()
 ], Select.prototype, "value", null);
 __decorate([
-    property({ type: String })
-], Select.prototype, "label", void 0);
+    property({ type: Boolean })
+], Select.prototype, "forceAutoFill", void 0);
 __decorate([
-    property({ type: String })
-], Select.prototype, "description", void 0);
+    property()
+], Select.prototype, "description", null);
+__decorate([
+    property()
+], Select.prototype, "label", null);
 __decorate([
     queryAssignedNodes({ slot: "label" })
 ], Select.prototype, "slotLabelNodes", void 0);

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

@@ -2,7 +2,13 @@ import { LitElement } from "lit";
 declare const Textarea_base: {
     new (...args: any[]): {
         validateFormElement(): void;
+        forceAutoFill: boolean;
+        _type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
         type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
         tabindex?: number | undefined;
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
@@ -53,8 +59,6 @@ export declare class Textarea extends Textarea_base {
     wrap?: "hard" | "soft";
     readonly: boolean;
     placeholder?: string;
-    label?: string;
-    description?: string;
     slotLabelNodes: Array<Node>;
     slotDescriptionNodes: Array<Node>;
     slotSuffixNodes: Array<Node>;

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

@@ -70,7 +70,8 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
           wrap=${ifDefined(this.wrap)}
           placeholder="${this.placeholder}"
           class="form-element textarea custom-scroll"
-        >${this.value}</textarea
+        >
+${this.value}</textarea
         >
       </div>
 
@@ -113,12 +114,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], Textarea.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: String })
-], Textarea.prototype, "label", void 0);
-__decorate([
-    property({ type: String })
-], Textarea.prototype, "description", void 0);
 __decorate([
     queryAssignedNodes({ slot: "label" })
 ], Textarea.prototype, "slotLabelNodes", void 0);

package/core/components/ui/taxonomy/taxonomy.js

@@ -10,6 +10,7 @@ import { repeat } from "lit/directives/repeat.js";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
 import "@supersoniks/concorde/core/components/ui/badge/badge";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 const tagName = "sonic-taxonomy";
 /**
  * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
@@ -61,7 +62,7 @@ let Taxonomy = class Taxonomy extends LitElement {
         this.style.removeProperty("display");
         return html `
       <sonic-badge type=${this.type} variant=${this.variant} size=${this.size}>
-        <sonic-icon slot="prefix" name=${this.icon.name} prefix=${this.icon.prefix}></sonic-icon>
+        <sonic-icon slot="prefix" library=${ifDefined(this.icon.library)} prefix=${ifDefined(this.icon.prefix)} name=${ifDefined(this.icon.name)} ></sonic-icon>
         <span class="taxonomy-list">
           ${repeat(taxo, (item) => item[this.key + "_id"], (item) => {
             return html `<span> ${item[this.key + "_name"]}</span

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

@@ -1,4 +1,5 @@
 import { LitElement } from "lit";
+export declare const tailwind: import("lit").CSSResult;
 export declare class Theme extends LitElement {
     static styles: import("lit").CSSResult[];
     theme: string;

package/core/components/ui/theme/theme.js

@@ -5,11 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var Theme_1;
-import { html, LitElement, css } from "lit";
+import { html, LitElement, css, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { coreVariables } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/core-variables";
 import { light } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/light";
 import { dark } from "@supersoniks/concorde/core/components/ui/theme/theme-collection/dark";
+import tailwindImport from "./css/tailwind.css?inline";
+export const tailwind = css `
+  ${unsafeCSS(tailwindImport)}
+`;
 const tagName = "sonic-theme";
 let Theme = Theme_1 = class Theme extends LitElement {
     constructor() {

package/core/components/ui/toast/toast-item.js

@@ -46,7 +46,7 @@ let SonicToastItem = class SonicToastItem extends LitElement {
     >
     
     <button aria-label="Close" class="sonic-toast-close" @click=${() => this.hide()}>
-    <sonic-icon  name="cancel" size="lg"></sonic-icon>
+      <sonic-icon  name="cancel" size="lg"></sonic-icon>
     </button>
     <div class="sonic-toast-content custom-scroll"  style="max-height: ${this.maxHeight} ;">
       
@@ -55,8 +55,8 @@ let SonicToastItem = class SonicToastItem extends LitElement {
         
           
           <div class="sonic-toast-text">
-          ${this.title ? html `<div class="sonic-toast-title">${this.title}</div>` : ""}
-          ${this.text ? unsafeHTML(this.text) : ""}
+            ${this.title ? html `<div class="sonic-toast-title">${this.title}</div>` : ""}
+            ${this.text ? unsafeHTML(this.text) : ""}
           <slot></slot>
           </div>
           
@@ -136,15 +136,32 @@ SonicToastItem.styles = [
         margin-top: auto;
         margin-bottom: auto;
         max-width:70ch;
+        line-height: 1.2;
       }
 
-      ::slotted(a),
+      ::slotted(a:not(.btn)),
       .sonic-toast-text a {
-        color: inherit;
-        text-decoration: underline;
+        color: inherit !important;
+        text-decoration: underline !important;
         text-underline-offset: 0.15rem;
       }
 
+      ::slotted(:is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6)),
+      .sonic-toast-text :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6) {
+        margin: 0 0 0.3em !important;
+      }
+
+      ::slotted(li),
+      .sonic-toast-text li {
+        margin-bottom: .15em !important;
+      }
+
+      ::slotted( :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child),
+      .sonic-toast-text > :is(p, ul, ol, hr, h1, h2, h3, h4, h5, h6):last-child {
+        margin-bottom: 0 !important;
+      } 
+
+
       /*BUTTON CLOSE*/
       .sonic-toast-close {
         all: unset;
@@ -183,6 +200,7 @@ SonicToastItem.styles = [
         font-weight: bold;
         font-size: 1.15rem;
         margin: 0.15em 0 0.25em;
+        line-height: 1.2;
       }
 
       /*STATUS*/

package/core/components/ui/toast/toast.js

@@ -10,6 +10,7 @@ import { repeat } from "lit/directives/repeat.js";
 import { animate } from "@lit-labs/motion";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { styleMap } from "lit/directives/style-map.js";
 import "@supersoniks/concorde/core/components/ui/toast/toast-item";
@@ -39,10 +40,12 @@ let SonicToast = class SonicToast extends LitElement {
         return html `<div aria-live="polite" style=${styleMap(styles)}>
       ${repeat(this.toasts, (item) => item.id, (item) => html `
           <sonic-toast-item maxHeight=${isIframe ? 'none' : '10rem'}
-            status=${item.status}
+            status=${ifDefined(item.status)}
+            title=${ifDefined(item.title)}
             ?ghost=${item.ghost}
             ?dismissForever=${item.dismissForever}
-            ?preserve=${item.preserve} id=${item.id}
+            ?preserve=${item.preserve} 
+            id=${ifDefined(item.id)}
             @hide=${() => this.removeItem(item)}
             ${animate({
             keyframeOptions: {
@@ -61,6 +64,7 @@ let SonicToast = class SonicToast extends LitElement {
             stabilizeOut: true,
         })}
           >
+            <!-- Le texte est passé dans le slot et non pas en propriété pour contrer des problèmatiques de shadow-dom et d'appel exterieur (exemple: fancybox) -->
             ${item.text ? unsafeHTML(item.text) : ""}
           </sonic-toast-item>
         `)}

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

@@ -27,3 +27,4 @@ import "./pop/pop";
 import "./divider/divider";
 import "./card/card";
 import "./table/table";
+import "./captcha/captcha";

package/core/components/ui/ui.js

@@ -36,3 +36,4 @@ import "./pop/pop";
 import "./divider/divider";
 import "./card/card";
 import "./table/table";
+import "./captcha/captcha";

package/core/mixins/Fetcher.js

@@ -86,6 +86,7 @@ const Fetcher = (superClass) => {
                     Loader.show();
                 let headerData = PublisherManager.getInstance().get(this.getAncestorAttributeValue("headersDataProvider")).get();
                 data = yield this.api.get(this.endPoint || this.dataProvider || "", headerData);
+                // Je garde ça mais normalement ça n'arrive jamais
                 if (!data) {
                     SonicToast.add({ text: "Network Error", status: "error" });
                     this.isLoading = false;
@@ -96,7 +97,10 @@ const Fetcher = (superClass) => {
                 if (hasLoader)
                     Loader.hide();
                 if (this.key) {
+                    let response = data._sonic_http_response_;
                     data = Objects.traverse(data, this.key.split("."), false);
+                    if (data)
+                        data._sonic_http_response_ = response;
                 }
                 this.props = data;
                 this.dispatchEvent(new CustomEvent("load", { detail: this }));

package/core/mixins/FormCheckable.d.ts

@@ -7,11 +7,7 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
          */
         _value: string | null;
         value: string | null;
-        /**
-         * Voir  la mixin FormElement
-         */
-        _name: string;
-        name: string;
+        forceAutoFill: boolean;
         /**
          * comme radio,mais peut être désélectionné après sélection
          */
@@ -48,6 +44,8 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
+        _name: string;
+        name: string;
         props: any;
         isConnected: boolean;
         getAncestorAttributeValue(attributeName: string): string;
@@ -68,9 +66,6 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: String): boolean;
-        /**
-         * comme radio,mais peut être désélectionné après sélection
-         */
         disconnectedCallback(): void;
     };
 } & T;

package/core/mixins/FormCheckable.js

@@ -21,10 +21,7 @@ const Form = (superClass) => {
              *  Voir  la mixin FormElement.
              */
             this._value = "";
-            /**
-             * Voir  la mixin FormElement
-             */
-            this._name = "";
+            this.forceAutoFill = false;
             /**
              * comme radio,mais peut être désélectionné après sélection
              */
@@ -42,7 +39,7 @@ const Form = (superClass) => {
             return this._value;
         }
         set value(value) {
-            if (this.hasAttribute("value"))
+            if (this.hasAttribute("value") && !this.forceAutoFill)
                 value = this.getAttribute("value");
             if (this._value == value)
                 return;
@@ -50,14 +47,6 @@ const Form = (superClass) => {
             this.updateDataValue();
             this.requestUpdate();
         }
-        get name() {
-            return this._name;
-        }
-        set name(value) {
-            if (this.hasAttribute("name"))
-                value = this.getAttribute("name");
-            this._name = value;
-        }
         get checked() {
             return this._checked;
         }
@@ -71,7 +60,7 @@ const Form = (superClass) => {
             if (!input || input.checkValidity())
                 return;
             let value = this.getFormPublisher()[this.name].get();
-            if ((this.unique || this.radio) && (value !== null && value.toString().length > 0))
+            if ((this.unique || this.radio) && value !== null && value.toString().length > 0)
                 return;
             this.getFormPublisher().isFormValid = false;
             input.reportValidity();
@@ -144,7 +133,7 @@ const Form = (superClass) => {
     ], FormCheckable.prototype, "value", null);
     __decorate([
         property()
-    ], FormCheckable.prototype, "name", null);
+    ], FormCheckable.prototype, "forceAutoFill", void 0);
     __decorate([
         property({ type: Boolean })
     ], FormCheckable.prototype, "unique", void 0);

package/core/mixins/FormElement.js

@@ -24,6 +24,7 @@ const Form = (superClass) => {
             this.error = false;
             this.autofocus = false;
             this.required = false;
+            this.forceAutoFill = false;
             this.disabled = null;
             this.onValueAssign = null;
             this.onFormValueAssign = null;
@@ -55,7 +56,10 @@ const Form = (superClass) => {
             return this._name;
         }
         set name(value) {
+            if (this.hasAttribute("name") && !this.forceAutoFill)
+                value = this.getAttribute("name");
             this._name = value;
+            this.requestUpdate();
         }
         validateFormElement() { }
         updateDataValue() {
@@ -235,6 +239,9 @@ const Form = (superClass) => {
     __decorate([
         property({ type: Boolean })
     ], FormElement.prototype, "required", void 0);
+    __decorate([
+        property()
+    ], FormElement.prototype, "forceAutoFill", void 0);
     __decorate([
         property({ type: Boolean })
     ], FormElement.prototype, "disabled", void 0);

package/core/mixins/FormInput.d.ts

@@ -1,13 +1,20 @@
 import { FormElementInterface } from "@supersoniks/concorde/core/mixins/FormElement";
 declare type Constructor<T> = new (...args: any[]) => T;
+declare type Type = "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
 declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T) => {
     new (...args: any[]): {
         validateFormElement(): void;
+        forceAutoFill: boolean;
         /**
          * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
          * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
          */
-        type: "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
+        _type: Type;
+        type: Type;
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
         tabindex?: number | undefined;
         autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
@@ -20,20 +27,12 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
-        /**
-         * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
-         * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
-         */
         _value: any;
         value: any;
         _name: string;
         name: string;
         props: any;
         isConnected: boolean;
-        /**
-         * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
-         * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
-         */
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;