@supersoniks/concorde 1.1.43 → 1.1.44

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/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({});
         }

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>;

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

@@ -3,8 +3,8 @@ 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";
+        _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;
@@ -15,7 +15,7 @@ declare const Input_base: {
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;
         handleBlur(e?: Event | undefined): void;
-        getValueForFormPublisher(): any;
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
         focus?: (() => void) | undefined;
         shadowRoot?: ShadowRoot | undefined;
         error: boolean;
@@ -25,13 +25,15 @@ declare const Input_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>;
@@ -48,13 +50,16 @@ declare const Input_base: {
         removeAttribute(name: string): void;
         initPublisher(): void;
         getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
+        /**
+         * Taille du composant, implique notamment des modifications de typo et de marge interne
+         */
         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;
 export declare class Input extends Input_base {
     static styles: import("lit").CSSResult[];
     /**

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

@@ -43,7 +43,7 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         if (this.hasAttribute("sameValueAs")) {
             this.sameValueAsName = this.getAttribute("sameValueAs");
             this.sameValueAsHandle = (v) => (this.pattern = v);
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (!formPublisher)
                 return;
             formPublisher[this.sameValueAsName].onAssign(this.sameValueAsHandle);
@@ -52,7 +52,7 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
     disconnectedCallback() {
         super.disconnectedCallback();
         if (this.hasAttribute("sameValueAs") && this.sameValueAsName) {
-            let formPublisher = this.getFormPublisher();
+            const formPublisher = this.getFormPublisher();
             if (!formPublisher)
                 return;
             formPublisher[this.sameValueAsName].offAssign(this.sameValueAsHandle);

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

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class SonicComponent extends SonicComponent_base {
     name?: string;
     minChars: number;

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

@@ -42,7 +42,7 @@ let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
                 this.hasMinuscule = /[a-z]/.test(v);
                 this.hasMajuscule = /[A-Z]/.test(v);
                 this.hasNumber = /[0-9]/.test(v);
-                this.hasSpecialChar = /[!"#$%&'()*+,\-\.\/:;<=>?@[\]^_`{|}~]/.test(v);
+                this.hasSpecialChar = /[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~]/.test(v);
             };
             PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"))[this.name].onAssign(this.checkValue);
         }

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

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const SonicComponent_base: (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class SonicComponent extends SonicComponent_base {
     name?: string;
     sameValueAs?: string;

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

@@ -21,7 +21,7 @@ let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
     }
     connectedCallback() {
         super.connectedCallback();
-        let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+        const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
         if (this.name && this.sameValueAs) {
             this.checkValue = (v) => {
                 if (v)
@@ -38,7 +38,7 @@ let SonicComponent = class SonicComponent extends Subscriber(LitElement) {
     }
     disconnectedCallback() {
         if (this.checkValue && this.name && this.sameValueAs) {
-            let formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
+            const formDataProvider = PublisherManager.get(this.getAncestorAttributeValue("formDataProvider"));
             formDataProvider[this.name].offAssign(this.checkValue);
             formDataProvider[this.sameValueAs].offAssign(this.checkValue);
         }

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

@@ -3,7 +3,7 @@ import "@supersoniks/concorde/core/components/ui/form/input/input";
 import "@supersoniks/concorde/core/components/ui/pop/pop";
 import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.

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

@@ -1,12 +1,13 @@
 import { LitElement, PropertyValues } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-export declare type SelectOption = {
+import { Size } from "@supersoniks/concorde/core/components/ui/_css/size";
+export type SelectOption = {
     value?: string;
     wording?: string;
     selected?: boolean;
     hasAttribute?: (value: string) => boolean;
 } & Record<string, string>;
-declare const Select_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
+declare const Select_base: (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;
 /**
  * #### 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é.
@@ -19,13 +20,13 @@ export declare class Select extends Select_base {
     valueKey: string;
     wordingKey: string;
     multiple: boolean;
-    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    size?: Size;
     selectSize?: number;
     private _options;
     set options(options: Array<SelectOption>);
     get options(): Array<SelectOption>;
     hasDoneFirstUpdate: boolean;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected firstUpdated(): void;
     _value: string;
     set value(value: string);
     get value(): string;

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

@@ -49,7 +49,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
                 this.value = option.value || "";
             }
         }
-        let value = this.value || this.getAttribute("value");
+        const value = this.value || this.getAttribute("value");
         if (!value && this._options.length > 0) {
             this.value = this._options[0][this.valueKey];
         }
@@ -58,7 +58,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
     get options() {
         return this._options;
     }
-    firstUpdated(_changedProperties) {
+    firstUpdated() {
         this.hasDoneFirstUpdate = true;
     }
     set value(value) {
@@ -76,7 +76,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         return this._value;
     }
     updateFormPublisherValue() {
-        let formPublisher = this.getFormPublisher();
+        const formPublisher = this.getFormPublisher();
         if (formPublisher) {
             formPublisher[this.name] = this.value;
         }
@@ -84,7 +84,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
     connectedCallback() {
         super.connectedCallback();
         this.hasSlotOrProps();
-        let options = this.querySelectorAll("option");
+        const options = this.querySelectorAll("option");
         if (options.length > 0) {
             this.options = Array.from(options).map((option) => {
                 return {
@@ -129,7 +129,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         const select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
         if (!select || select.checkValidity())
             return;
-        let formPublisher = this.getFormPublisher();
+        const formPublisher = this.getFormPublisher();
         if (formPublisher) {
             formPublisher.isFormValid = false;
         }
@@ -156,7 +156,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
             id="form-element"
             @change=${this.handleChange}
             @blur=${this.handleBlur}
-            ?disabled=${ifDefined(this.disabled)}
+            ?disabled=${this.disabled}
             ?required=${this.required}
             ?multiple=${this.multiple}
             size=${ifDefined(this.selectSize)}
@@ -167,8 +167,8 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
             aria-labelledby=${ifDefined(this.ariaLabelledby)}
           >
             ${repeat(this.options, (option) => option[this.valueKey], (option) => {
-            const isSelected = this.value == option[this.valueKey] ? "selected" : null;
-            return html `<option selected=${ifDefined(isSelected)} value="${option[this.valueKey]}">
+            const isSelected = this.value == option[this.valueKey] ? true : false;
+            return html `<option ?selected=${isSelected} value="${option[this.valueKey]}">
                   ${option[this.wordingKey]}
                 </option>`;
         })}