@supersoniks/concorde 1.1.43 → 1.1.45

package/core/components/functional/states/states.js

@@ -40,14 +40,15 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
         };
     }
     connectedCallback() {
+        this.noShadowDom = "";
         super.connectedCallback();
         if (this.hasAttribute("data-path")) {
             this.statePath = this.getAttribute("data-path");
         }
         if (this.statePath) {
             this.statePublisher = this.publisher;
-            let split = this.statePath.split(".");
-            for (let s of split) {
+            const split = this.statePath.split(".");
+            for (const s of split) {
                 this.statePublisher = this.statePublisher[s];
             }
             this.statePublisher.onAssign(this.onAssign);
@@ -60,12 +61,12 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
         super.disconnectedCallback();
     }
     render() {
-        let templates = [];
+        const templates = [];
         let state = this.state;
         if ((!Array.isArray(state) && Objects.isObject(state)) || state === undefined) {
             state = "";
         }
-        for (let t of this.templatePartsList) {
+        for (const t of this.templatePartsList) {
             let path = t.getAttribute(this.templateValueAttribute);
             let stateToMatch = state;
             if (this.inverted) {
@@ -74,13 +75,13 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
             }
             if (path == "")
                 path = this.inverted ? ".*?" : "^$";
-            let regexp = new RegExp(path);
+            const regexp = new RegExp(path);
             if (regexp.test(stateToMatch)) {
                 templates.push(t);
                 t.removeAttribute("mode");
             }
             else {
-                let urlPattern = new UrlPattern(path);
+                const urlPattern = new UrlPattern(path);
                 if (urlPattern.names.length > 0 && urlPattern.match(stateToMatch)) {
                     t.setAttribute("mode", "patternMatching");
                     templates.push(t);
@@ -95,7 +96,7 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
             if (template.title)
                 document.title = template.title;
             if (template.hasAttribute("dataProviderExpression")) {
-                let dataProviderExpression = template.getAttribute("dataProviderExpression");
+                const dataProviderExpression = template.getAttribute("dataProviderExpression");
                 let dataProvider = "";
                 let stateToMatch = state;
                 let path = template.getAttribute(this.templateValueAttribute);
@@ -112,7 +113,7 @@ let SonicStates = class SonicStates extends Subscriber(TemplatesContainer(LitEle
                 }
                 else {
                     const regexp = new RegExp(path);
-                    let match = (stateToMatch + "").match(regexp);
+                    const match = (stateToMatch + "").match(regexp);
                     if (match) {
                         dataProvider = (_a = match.shift()) === null || _a === void 0 ? void 0 : _a.replace(regexp, dataProviderExpression);
                     }

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

@@ -1,7 +1,7 @@
 import "@supersoniks/concorde/core/components/ui/button/button";
 import API from "@supersoniks/concorde/core/utils/api";
 import { LitElement } from "lit";
-declare const Submit_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const Submit_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;
 /**
  * ###L'élément submit permet d'envoyer des données en rest
  * * Les données envoyées sont celles présentes dans le publisher dont l'adresse est renseignée via l'attribut *formDataProvider*.

package/core/components/functional/submit/submit.js

@@ -62,7 +62,7 @@ let Submit = class Submit extends Subscriber(LitElement) {
         if (!form)
             return;
         const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        let formData = PublisherManager.get(formDataProvider).get();
+        const formData = PublisherManager.get(formDataProvider).get();
         for (const name in formData) {
             if (name == "isFormValid")
                 continue;
@@ -84,7 +84,7 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 control.value = value;
             }
         }
-        let submitButton = document.createElement("input");
+        const submitButton = document.createElement("input");
         submitButton.name = this.name;
         submitButton.style.display = "none";
         submitButton.value = this.value;
@@ -107,16 +107,16 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 this.publisher.disabled = true;
             formPublisher.isFormValid;
             // support native html form
-            let native = this.hasAttribute("native");
+            const native = this.hasAttribute("native");
             if (native) {
                 this.submitNativeForm();
                 return;
             }
             //
             //Recup données
-            let method = ((_a = this.getAttribute("method")) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "post";
-            let sendAsFormData = this.hasAttribute("sendAsFormData");
-            let formData = formPublisher.get();
+            const method = ((_a = this.getAttribute("method")) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) || "post";
+            const sendAsFormData = this.hasAttribute("sendAsFormData");
+            const formData = formPublisher.get();
             delete formData.isFormValid;
             const headesDataProvider = this.getAncestorAttributeValue("headersDataProvider");
             const headerPublisher = headesDataProvider ? PublisherManager.getInstance().get(headesDataProvider) : null;
@@ -124,10 +124,10 @@ let Submit = class Submit extends Subscriber(LitElement) {
             if (headerPublisher)
                 headerData = headerPublisher.get();
             let result = null;
-            let dataProvider = this.getAncestorAttributeValue("dataProvider");
-            let endPoint = this.endPoint || dataProvider;
+            const dataProvider = this.getAncestorAttributeValue("dataProvider");
+            const endPoint = this.endPoint || dataProvider;
             Loader.show();
-            let sendData = () => __awaiter(this, void 0, void 0, function* () {
+            const sendData = () => __awaiter(this, void 0, void 0, function* () {
                 var _d, _e, _f, _g, _h, _j, _k;
                 //
                 //envoi données
@@ -156,25 +156,25 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 // Si result ne contient que la réponse HTTP, avec un status not ok, on ajoute un message
                 else if (result._sonic_http_response_ && !result._sonic_http_response_.ok && Object.keys(result).length === 1)
                     result.messages = [{ content: "Network Error", status: "error" }];
-                let clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
+                const clearedDataProvider = this.getAncestorAttributeValue("clearedDataOnSuccess");
                 if (clearedDataProvider) {
                     clearedDataProvider.split(" ").forEach((dataProvider) => PublisherManager.get(dataProvider).set({}));
                 }
-                let username_key = this.hasAttribute("usernameKey") ? this.getAttribute("usernameKey") : "username";
-                let password_key = this.hasAttribute("passwordKey") ? this.getAttribute("passwordKey") : "password";
+                const username_key = this.hasAttribute("usernameKey") ? this.getAttribute("usernameKey") : "username";
+                const password_key = this.hasAttribute("passwordKey") ? this.getAttribute("passwordKey") : "password";
                 if (((_k = (_j = this.api) === null || _j === void 0 ? void 0 : _j.lastResult) === null || _k === void 0 ? void 0 : _k.ok) && formData[username_key] && formData[password_key]) {
                     this.saveCredentials(formData[username_key], formData[password_key]);
                 }
                 if (this.submitResultKey) {
                     result = Objects.traverse(result, this.submitResultKey.split("."), true);
                 }
-                let submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
+                const submitResultDataProvider = this.getAncestorAttributeValue("submitResultDataProvider");
                 if (submitResultDataProvider)
                     PublisherManager.get(submitResultDataProvider).set(result);
                 if (this.publisher)
                     this.publisher.disabled = null;
             });
-            let captchaPublisher = (headerPublisher === null || headerPublisher === void 0 ? void 0 : headerPublisher.needsCaptchaValidation.get())
+            const captchaPublisher = (headerPublisher === null || headerPublisher === void 0 ? void 0 : headerPublisher.needsCaptchaValidation.get())
                 ? headerPublisher
                 : formPublisher.needsCaptchaValidation.get()
                     ? formPublisher
@@ -184,7 +184,7 @@ let Submit = class Submit extends Subscriber(LitElement) {
                 captchaPublisher.captchaAction =
                     (_c = (_b = dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.split("?")[0]) !== null && _b !== void 0 ? _b : this.getAncestorAttributeValue("formDataProvider")) !== null && _c !== void 0 ? _c : "submit";
                 captchaPublisher.captchaToken = "request_token";
-                let captchaAssign = (token) => {
+                const captchaAssign = (token) => {
                     if (token != "request_token") {
                         sendData();
                         // Après l'envoie des données, on supprime ce onAssign.
@@ -203,7 +203,7 @@ let Submit = class Submit extends Subscriber(LitElement) {
         return __awaiter(this, void 0, void 0, function* () {
             // Check if the browser supports password credentials (and the Credential Management API)
             if ("PasswordCredential" in window) {
-                let credential = new window.PasswordCredential({
+                const credential = new window.PasswordCredential({
                     id: username,
                     // name: "Carina Anand", // In case of a login, the name comes from the server.
                     password: password,

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

@@ -1,5 +1,5 @@
 import { LitElement, PropertyValues } from "lit";
-declare const SonicSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicSubscriber_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Voir la partie dédiée dans *MISCALLENOUS*
  */

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

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-declare const SonicValue_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicValue_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class SonicValue extends SonicValue_base {
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;

package/core/components/functional/value/value.js

@@ -15,9 +15,10 @@ let SonicValue = class SonicValue extends Subscriber(LitElement) {
         super.connectedCallback();
     }
     render() {
-        if (typeof this.props !== "string")
+        if (typeof this.props === "object" || this.props === undefined)
             return html `<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
-        return html `${unsafeHTML(this.props)}<slot name="prefix"></slot><slot></slot><slot name="suffix"></slot>`;
+        return html `${unsafeHTML(this.props.toString())}<slot name="prefix"></slot><slot></slot
+      ><slot name="suffix"></slot>`;
     }
 };
 SonicValue = __decorate([

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

@@ -1,2 +1,2 @@
-export declare type Size = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type Size = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 export declare const fontSize: import("lit").CSSResult;

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

@@ -34,9 +34,11 @@ declare const Button_base: {
         ariaLabel?: string | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../../../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -55,9 +57,9 @@ declare const Button_base: {
         getApiConfiguration(): import("../../../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
  * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables

package/core/components/ui/button/button.js

@@ -102,7 +102,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
         LocationHandler.changeFromComponent(this);
     }
     handleChange(e) {
-        super.handleChange(e);
+        super.handleChange();
         if (this.pushState || this.goBack !== null) {
             e === null || e === void 0 ? void 0 : e.preventDefault();
             e === null || e === void 0 ? void 0 : e.stopPropagation();
@@ -113,7 +113,7 @@ let Button = class Button extends FormCheckable(FormElement(Subscriber(LitElemen
              * On on veut pouvoir rest un autre form que celui qui contient le bouton
              */
             const resetDataProvider = this.getAttribute("reset");
-            let formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
+            const formPublisher = resetDataProvider ? PublisherManager.get(resetDataProvider) : this.getFormPublisher();
             if (formPublisher)
                 formPublisher.set({});
         }
@@ -198,14 +198,14 @@ Button.styles = [
         --sc-btn-ff: var(--sc-btn-font-family);
 
         --sc-btn-height: var(--sc-form-height);
-        --sc-btn-color: var(--sc-base-content);
-        --sc-btn-bg: var(--sc-base-100);
+        --btn-color: var(--sc-btn-color, var(--sc-base-content));
+        --btn-bg: var(--sc-btn-bg, var(--sc-base-100));
 
         --sc-btn-border-style: solid;
-        --sc-btn-border-with: var(--sc-form-border-width);
+        --sc-btn-border-width: var(--sc-form-border-width);
         --sc-btn-border-color: transparent;
 
-        --sc-btn-outline-bg-hover: var(--sc-base-100);
+        --btn-outline-bg-hover: var(--sc-btn-outline-bg-hover, var(--sc-base-100));
         --sc-btn-ghost-bg-hover: var(--sc-base-100);
 
         --sc-btn-active-color: var(--sc-base);
@@ -246,15 +246,15 @@ Button.styles = [
         border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br)
           var(--sc-item-rounded-bl);
 
-        background: var(--sc-btn-bg);
-        color: var(--sc-btn-color);
+        background: var(--btn-bg);
+        color: var(--btn-color);
 
         padding-top: var(--sc-btn-py);
         padding-bottom: var(--sc-btn-py);
         padding-left: var(--sc-btn-px);
         padding-right: var(--sc-btn-px);
 
-        border: var(--sc-btn-border-with) var(--sc-btn-border-style) var(--sc-btn-border-color);
+        border: var(--sc-btn-border-width) var(--sc-btn-border-style) var(--sc-btn-border-color);
         min-height: var(--sc-btn-height);
       }
 
@@ -273,33 +273,37 @@ Button.styles = [
 
       /*TYPES*/
       :host([type="default"]) button {
-        --sc-btn-color: var(--sc-base-content);
-        --sc-btn-bg: var(--sc-base-100);
+        --btn-color: var(--sc-base-content);
+        --btn-bg: var(--sc-base-100);
       }
 
       :host([type="primary"]) button {
-        --sc-btn-color: var(--sc-primary-content);
-        --sc-btn-bg: var(--sc-primary);
+        --btn-color: var(--sc-primary-content);
+        --btn-bg: var(--sc-primary);
       }
       :host([type="warning"]) button {
-        --sc-btn-color: var(--sc-warning-content);
-        --sc-btn-bg: var(--sc-warning);
+        --btn-color: var(--sc-warning-content);
+        --btn-bg: var(--sc-warning);
       }
       :host([type="danger"]) button {
-        --sc-btn-color: var(--sc-danger-content);
-        --sc-btn-bg: var(--sc-danger);
+        --btn-color: var(--sc-danger-content);
+        --btn-bg: var(--sc-danger);
       }
       :host([type="info"]) button {
-        --sc-btn-color: var(--sc-info-content);
-        --sc-btn-bg: var(--sc-info);
+        --btn-color: var(--sc-info-content);
+        --btn-bg: var(--sc-info);
       }
       :host([type="success"]) button {
-        --sc-btn-color: var(--sc-success-content);
-        --sc-btn-bg: var(--sc-success);
+        --btn-color: var(--sc-success-content);
+        --btn-bg: var(--sc-success);
       }
       :host([type="neutral"]) button {
-        --sc-btn-color: var(--sc-base);
-        --sc-btn-bg: var(--sc-base-600);
+        --btn-color: var(--sc-base);
+        --btn-bg: var(--sc-base-600);
+      }
+      :host([type="custom"]) button {
+        --btn-color: var(--sc-btn-custom-color);
+        --btn-bg: var(--sc-btn-custom-bg);
       }
 
       /*UNSTYLED*/
@@ -324,12 +328,12 @@ Button.styles = [
 
       /*GHOST*/
       :host([variant="ghost"][type]) button {
-        color: var(--sc-btn-bg);
+        color: var(--btn-bg);
         background: transparent;
       }
 
       :host([variant="ghost"][type="default"]) button {
-        color: var(--sc-btn-color);
+        color: var(--btn-color);
         background: transparent;
       }
 
@@ -350,8 +354,8 @@ Button.styles = [
 
       /*OUTLINE*/
       :host([variant="outline"][type]) button {
-        border-color: var(--sc-btn-bg);
-        color: var(--sc-btn-bg);
+        border-color: var(--btn-bg);
+        color: var(--btn-bg);
         background: transparent;
       }
 
@@ -363,7 +367,7 @@ Button.styles = [
 
       /*:host([variant="outline"]) button:focus,*/
       :host([variant="outline"]) button:hover {
-        background: var(--sc-btn-outline-bg-hover);
+        background: var(--btn-outline-bg-hover);
       }
 
       /*OUTLINE*/
@@ -388,7 +392,7 @@ Button.styles = [
       }
 
       :host([variant="link"][type]) button {
-        color: var(--sc-btn-bg);
+        color: var(--btn-bg);
       }
       :host([variant="link"][type="default"]) button {
         color: inherit;
@@ -408,7 +412,7 @@ Button.styles = [
       :host([shape="square"]) button {
         width: var(--sc-btn-height);
         height: var(--sc-btn-height);
-        overflow: hidden;
+        /*overflow: hidden;*/ /* fix bug #42622 */
         padding: 0;
         align-items: center;
         justify-content: 0;

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

@@ -1,8 +1,8 @@
 import { LitElement } from "lit";
-declare type AssignListener = {
+type AssignListener = {
     onAssign: (listener: (value: string) => void) => void;
 };
-declare const Captcha_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const Captcha_base: (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("@supersoniks/concorde/core/_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Un bouton simple avec deux slots, un nommé préfix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
  * * L'objet et ses slot sont en display flex avec direction / alignement et justifications configurables

package/core/components/ui/captcha/captcha.js

@@ -43,8 +43,8 @@ let Captcha = class Captcha extends Subscriber(LitElement) {
             return;
         // On récupère l'action liée au recaptcha,
         // et on vérifie qu'il ne contienne que des caractères alpha-numériques, underscore et slash
-        let action = ((_c = (_a = this.action) !== null && _a !== void 0 ? _a : (_b = this.formPublisher.captchaAction) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : "submit").replace(/[^\w_\/]/g, "_");
-        let method = ((_e = (_d = this.formPublisher.captchaMethod) === null || _d === void 0 ? void 0 : _d.get()) !== null && _e !== void 0 ? _e : "POST").toUpperCase();
+        const action = ((_c = (_a = this.action) !== null && _a !== void 0 ? _a : (_b = this.formPublisher.captchaAction) === null || _b === void 0 ? void 0 : _b.get()) !== null && _c !== void 0 ? _c : "submit").replace(/[^\w_/]/g, "_");
+        const method = ((_e = (_d = this.formPublisher.captchaMethod) === null || _d === void 0 ? void 0 : _d.get()) !== null && _e !== void 0 ? _e : "POST").toUpperCase();
         delete this.formPublisher.captchaAction;
         delete this.formPublisher.captchaMethod;
         window.grecaptcha.ready(() => {

package/core/components/ui/card/card-header.js

@@ -35,7 +35,11 @@ CardHeader.styles = [
         --sc-card-header-family: var(--sc-headings-font-family);
         --sc-card-header-line-height: var(--sc-headings-line-height);
       }
-
+      @media print {
+        :host {
+          --sc-card-header-font-size: 1.45rem;
+        }
+      }
       .header {
         display: flex;
         align-items: flex-start;

package/core/components/ui/card/card.js

@@ -28,6 +28,9 @@ let Card = class Card extends LitElement {
 };
 Card.styles = [
     css `
+      * {
+        box-sizing: border-box;
+      }
       :host {
         --sc-card-padding: 1.5rem;
         --sc-card-color: var(--sc-base-content);
@@ -38,15 +41,14 @@ Card.styles = [
       }
 
       @media print {
-        :host {
+        .card {
+          page-break-inside: avoid;
           break-inside: avoid;
+          box-shadow: none !important;
+          border: 1px solid var(--sc-base-200);
         }
       }
 
-      * {
-        box-sizing: border-box;
-      }
-
       .card {
         padding: var(--sc-card-padding);
         background-color: var(--sc-card-bg);

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

@@ -35,9 +35,11 @@ declare const Checkbox_base: {
         ariaLabel?: string | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../../../../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -56,14 +58,14 @@ declare const Checkbox_base: {
         getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
     };
 } & {
     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";
+        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
@@ -74,7 +76,27 @@ declare const Checkbox_base: {
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): any;
+        /**
+         * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
+         * **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é.
+         * * Par défault lorsque modifie l'input, la valeur est également mise à jour via le même dataprovider
+         * * On peut cependant décider de mettre à jour la donnée à une autre adresse en renseigne l'attribut *formDataProvider*.
+         * * Par conséquent on peut par exemple le lier à un composant *queue* (via sa propriété *dataFilterProvider*) de manière à appeller en auto une api avec des filtres.
+         * * **FormInput **
+         * Uniquement des propriétés classiques d'un input HTML. La prise en compte est ici partielle, par exemple les propriétés *placeholder*, *readonly*, *pattern*, *min* et *max* n'ont pas de sens pour un checkbox.
+         * **FormCheckable :**
+         * * La propriété checked mise à true si la valeur de la propriété du même nom dans les données du dataprovider associé contient un propriété checked.
+         * **Comportements :**
+         * * multiple (par défaut):
+         * - on peut cocher plusieurs checkbox ayant le même *name*.
+         * - la valeur enregistrée dans la propriété nommé du même nom dans formDataProvider est un tableau avec les *value* des cases cochées ayant le même *name*.
+         * * unique (Ajouter l'attribute unique au composant a l'intégration):
+         * - on ne peut cocher qu'une seule checkbox ayant le même *name*.
+         * * radio (Ajouter l'attribute radio au composant a l'intégration):
+         * Comme unique, mais on ne peut pas décocher la case sauf en en cochant une autre, comme un bouton radio.
+         */
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;
         error: boolean;
@@ -84,13 +106,15 @@ declare const Checkbox_base: {
         formDataProvider: string;
         ariaLabelledby?: string | undefined;
         ariaLabel?: string | undefined;
-        _value: string | null;
-        value: string | null;
+        _value: string | object | string[] | null | undefined;
+        value: string | object | string[] | null | undefined;
         _name: string;
         name: string;
-        props: any;
-        propertyMap: Object;
+        props: import("../../../../_types/types").CoreJSType;
+        propertyMap: object;
         isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
         getAncestorAttributeValue(attributeName: string): string;
         hasAncestorAttribute(attributeName: string): boolean;
         querySelectorAll(selector: string): NodeListOf<Element>;
@@ -110,10 +134,10 @@ declare const Checkbox_base: {
         connectedCallback(): void;
         requestUpdate(): void;
         getAttribute(name: string): string;
-        hasAttribute(attributeName: String): boolean;
+        hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
     };
-} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * ### Le composent sonic-checkbox étend les mixins FormCheckable, FormInput, FormElement et Subscriber
  * **FormElement :**

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

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import "./legend";
-declare const Fieldset_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const Fieldset_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class Fieldset extends Fieldset_base {
     static styles: import("lit").CSSResult[];
     /**

package/core/components/ui/form/form-layout/form-layout.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import { ResizeController } from "@lit-labs/observers/resize_controller.js";
-declare const FormLayout_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const FormLayout_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class FormLayout extends FormLayout_base {
     static styles: import("lit").CSSResult[];
     _resizeController: ResizeController<unknown>;