@supersoniks/concorde 1.1.42 → 1.1.43

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

@@ -13,7 +13,6 @@ import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 import { ifDefined } from "lit/directives/if-defined.js";
 /**
- * TODO Améliorer et valider le fonctionnement avec JB et Julien. Puis possiblement merger sur concorde
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
  * La valeur de cet input est ensuite retransmit au premier via un dataProvider.
@@ -67,12 +66,13 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(Subsc
         return html `
       <sonic-pop toggle="false" style="display:block;">
         <sonic-input
-          type="text"
+          type="search"
           data-keyboard-nav="nav-autocomplete"
           label="${ifDefined(this.label)}"
           description="${ifDefined(this.description)}"
           name="${ifDefined(this.name)}"
           value="${ifDefined(this.value)}"
+          autocomplete="off"
           clearable
         ></sonic-input>
         <sonic-menu slot="content">
@@ -131,7 +131,3 @@ InputAutocomplete = __decorate([
     customElement("sonic-input-autocomplete")
 ], InputAutocomplete);
 export { InputAutocomplete };
-// //Ajout pour custom-elements-manifest pour storybook notamment
-// try {
-// 	customElements.define("sonic-input-autocomplete", InputAutocomplete);
-// } catch (e) {}

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

@@ -1,4 +1,10 @@
 import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
+/**
+ * ### Le composant sonic-radio étend sonic-checkbox en assignant sa propriété radio à true.
+ *
+ * * Le type d'input html utilisé passe également de checkbox à radio.
+ * * Le comportement est donc similaire à un bouton radio classique mais avec les fonctionnalités de sonic-checkbox (ie : Subscriber / FormElement / FormCheckable).
+ */
 export declare class Radio extends Checkbox {
     static styles: (import("lit").CSSResult | import("lit").CSSResultGroup[])[];
     constructor();

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

@@ -7,13 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css } from "lit";
 import { customElement } from "lit/decorators.js";
 import { Checkbox } from "@supersoniks/concorde/core/components/ui/form/checkbox/checkbox";
+const tagName = "sonic-radio";
 /**
  * ### Le composant sonic-radio étend sonic-checkbox en assignant sa propriété radio à true.
  *
  * * Le type d'input html utilisé passe également de checkbox à radio.
  * * Le comportement est donc similaire à un bouton radio classique mais avec les fonctionnalités de sonic-checkbox (ie : Subscriber / FormElement / FormCheckable).
  */
-const tagName = "sonic-radio";
 let Radio = class Radio extends Checkbox {
     constructor() {
         super();
@@ -35,12 +35,12 @@ Radio.styles = [
       :host sonic-icon {
         border-radius: 50%;
         overflow: hidden;
-        background-color:var(--sc-primary-content);
-        line-height:0;
-        display:block;
-        font-size:0;
-        height:10px;
-        width:10px;
+        background-color: var(--sc-primary-content);
+        line-height: 0;
+        display: block;
+        font-size: 1em;
+        height: 0.6em;
+        width: 0.6em;
       }
     `,
 ];
@@ -48,8 +48,3 @@ Radio = __decorate([
     customElement(tagName)
 ], Radio);
 export { Radio };
-//Ajout pour Storybook
-try {
-    customElements.define(tagName, Radio);
-}
-catch (e) { }

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

@@ -1,6 +1,19 @@
-import { LitElement } from "lit";
+import { LitElement, PropertyValues } from "lit";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-declare const Select_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface) & typeof LitElement;
+export declare 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;
+/**
+ * #### 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 l'on édite 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.
+ */
 export declare class Select extends Select_base {
     static styles: import("lit").CSSResult[];
     valueKey: string;
@@ -9,11 +22,14 @@ export declare class Select extends Select_base {
     size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     selectSize?: number;
     private _options;
-    set options(value: Array<any>);
-    get options(): Array<any>;
+    set options(options: Array<SelectOption>);
+    get options(): Array<SelectOption>;
+    hasDoneFirstUpdate: boolean;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     _value: string;
-    get value(): string;
     set value(value: string);
+    get value(): string;
+    updateFormPublisherValue(): void;
     connectedCallback(): void;
     forceAutoFill: boolean;
     _description?: string;
@@ -30,8 +46,8 @@ export declare class Select extends Select_base {
     hasLabel: boolean;
     hasSuffix: boolean;
     hasPrefix: boolean;
-    updated(): void;
-    onSlotChange(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    hasSlotOrProps(): void;
     validateFormElement(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -4,17 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy.mjs";
 import { html, LitElement, css } from "lit";
 import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { repeat } from "lit/directives/repeat.js";
-import { formControl } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
+import { formControl, label, description } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
+const tagName = "sonic-select";
 /**
  * #### 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é.
@@ -22,7 +23,6 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
  * * 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.
  */
-const tagName = "sonic-select";
 let Select = class Select extends FormElement(Subscriber(LitElement)) {
     constructor() {
         super(...arguments);
@@ -30,6 +30,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         this.wordingKey = "wording";
         this.multiple = false;
         this._options = [];
+        this.hasDoneFirstUpdate = false;
         this._value = "";
         /*
          * TODO
@@ -41,9 +42,15 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         this.hasSuffix = false;
         this.hasPrefix = false;
     }
-    set options(value) {
-        this._options = value;
-        if (!this.value && this._options.length > 0) {
+    set options(options) {
+        this._options = options;
+        for (const option of options) {
+            if (option.selected) {
+                this.value = option.value || "";
+            }
+        }
+        let value = this.value || this.getAttribute("value");
+        if (!value && this._options.length > 0) {
             this.value = this._options[0][this.valueKey];
         }
         this.requestUpdate();
@@ -51,32 +58,39 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
     get options() {
         return this._options;
     }
-    get value() {
-        return this._value;
+    firstUpdated(_changedProperties) {
+        this.hasDoneFirstUpdate = true;
     }
     set value(value) {
-        if (!value)
+        if (value == null && !this.hasDoneFirstUpdate)
             return;
+        if (!value)
+            value = "";
         if (this._value == value)
             return;
         this._value = value;
-        if (!this.formDataProvider)
-            this.formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        if (this.formDataProvider) {
-            PublisherManager.getInstance().get(this.formDataProvider)[this._name] = value;
-        }
-        else if (this.publisher)
-            this.publisher[this._name] = value;
+        this.updateFormPublisherValue();
         this.requestUpdate();
     }
+    get value() {
+        return this._value;
+    }
+    updateFormPublisherValue() {
+        let formPublisher = this.getFormPublisher();
+        if (formPublisher) {
+            formPublisher[this.name] = this.value;
+        }
+    }
     connectedCallback() {
         super.connectedCallback();
+        this.hasSlotOrProps();
         let options = this.querySelectorAll("option");
         if (options.length > 0) {
             this.options = Array.from(options).map((option) => {
                 return {
                     value: option.value,
                     wording: option.text,
+                    selected: option.hasAttribute("selected"),
                 };
             });
         }
@@ -99,23 +113,26 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         this._label = value;
         this.requestUpdate();
     }
-    updated() {
+    willUpdate(changedProperties) {
+        this.hasSlotOrProps();
+        super.willUpdate(changedProperties);
+    }
+    hasSlotOrProps() {
         var _a, _b, _c, _d;
         this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
         this.hasDescription = this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
         this.hasSuffix = ((_c = this.slotSuffixNodes) === null || _c === void 0 ? void 0 : _c.length) ? true : false;
         this.hasPrefix = ((_d = this.slotPrefixNodes) === null || _d === void 0 ? void 0 : _d.length) ? true : false;
     }
-    onSlotChange() {
-        this.requestUpdate();
-    }
     validateFormElement() {
         var _a;
-        const that = this;
-        const select = (_a = that.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
+        const select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
         if (!select || select.checkValidity())
             return;
-        this.getFormPublisher().isFormValid = false;
+        let formPublisher = this.getFormPublisher();
+        if (formPublisher) {
+            formPublisher.isFormValid = false;
+        }
         select.reportValidity();
     }
     render() {
@@ -128,23 +145,26 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
         >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
           name="label"
-          @slotchange=${this.onSlotChange}
+          @slotchange=${this.hasSlotOrProps}
         ></slot
       ></label>
 
       <div class="form-control ${classMap(slotClasses)}">
-        <slot name="prefix" @slotchange=${this.onSlotChange}></slot>
+        <slot name="prefix" @slotchange=${this.hasSlotOrProps}></slot>
         <div class="form-select-wrapper">
           <select
+            id="form-element"
             @change=${this.handleChange}
             @blur=${this.handleBlur}
-            disabled=${ifDefined(this.disabled)}
+            ?disabled=${ifDefined(this.disabled)}
             ?required=${this.required}
             ?multiple=${this.multiple}
             size=${ifDefined(this.selectSize)}
             ?autofocus=${this.autofocus}
             .value="${this.value}"
             class="form-element"
+            aria-label=${ifDefined(this.ariaLabel)}
+            aria-labelledby=${ifDefined(this.ariaLabelledby)}
           >
             ${repeat(this.options, (option) => option[this.valueKey], (option) => {
             const isSelected = this.value == option[this.valueKey] ? "selected" : null;
@@ -154,24 +174,40 @@ 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>
+        <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
       </div>
 
-      <slot name="description" class=" ${this.hasDescription ? "form-description" : "hidden"}">
+      <slot
+        name="description"
+        @slotchange=${this.hasSlotOrProps}
+        class="${this.hasDescription ? "form-description" : "hidden"}"
+      >
         ${this.description ? html `${unsafeHTML(this.description)}` : ""}
       </slot>
     `;
     }
 };
 Select.styles = [
+    fontSize,
     formControl,
+    label,
+    description,
     css `
       .form-element {
         appearance: none;
-        padding-right: 2.5em;
       }
+
+      :host([disabled]) sonic-icon {
+        opacity: 0;
+      }
+
+      /* Désactive padding right pour les sélecteur désactivé avec une option*/
+      :host(:not([disabled])) .form-element:not(:has(option:only-child)) {
+        padding-right: max(1em, calc(0.8 * var(--sc-input-px)));
+      }
+
       .form-select-wrapper {
         position: relative;
         width: 100%;
@@ -179,11 +215,11 @@ Select.styles = [
 
       sonic-icon {
         position: absolute;
-        right: 1em;
+        right: calc(0.8 * var(--sc-input-px));
         top: 50%;
         pointer-events: none;
         transform: translateY(-50%);
-        color: var(--sc-input-color);
+        color: var(--sc-input-c);
       }
 
       option {
@@ -212,7 +248,7 @@ __decorate([
     property({ type: Array })
 ], Select.prototype, "options", null);
 __decorate([
-    property()
+    property({ reflect: true })
 ], Select.prototype, "value", null);
 __decorate([
     property({ type: Boolean })
@@ -251,8 +287,3 @@ Select = __decorate([
     customElement(tagName)
 ], Select);
 export { Select };
-//Ajout pour Storybook
-try {
-    customElements.define(tagName, Select);
-}
-catch (e) { }

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

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement, PropertyValues } from "lit";
 declare const Textarea_base: {
     new (...args: any[]): {
         validateFormElement(): void;
@@ -13,16 +13,20 @@ declare const Textarea_base: {
         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;
         updateDataValue(): void;
-        handleChange(e?: any): void;
-        handleBlur(e?: any): void;
+        handleChange(e?: Event | undefined): void;
+        handleBlur(e?: Event | undefined): void;
         getValueForFormPublisher(): any;
+        focus?: (() => void) | undefined;
+        shadowRoot?: ShadowRoot | undefined;
         error: boolean;
         autofocus: boolean;
         required: boolean;
         disabled: true | null;
         formDataProvider: string;
-        _value: any;
-        value: any;
+        ariaLabelledby?: string | undefined;
+        ariaLabel?: string | undefined;
+        _value: string | null;
+        value: string | null;
         _name: string;
         name: string;
         props: any;
@@ -50,7 +54,7 @@ declare const Textarea_base: {
         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) & typeof LitElement;
+} & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<any>) & typeof LitElement;
 export declare class Textarea extends Textarea_base {
     static styles: import("lit").CSSResult[];
     size: "" | "xs" | "sm" | "lg";
@@ -63,15 +67,11 @@ export declare class Textarea extends Textarea_base {
     placeholder?: string;
     slotLabelNodes: Array<Node>;
     slotDescriptionNodes: Array<Node>;
-    slotSuffixNodes: Array<Node>;
-    slotPrefixNodes: Array<Node>;
     hasDescription: boolean;
     hasLabel: boolean;
-    hasSuffix: boolean;
-    hasPrefix: boolean;
-    slotClasses: {};
-    updated(): void;
-    onSlotChange(): void;
+    connectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    hasSlotOrProps(): void;
     validateFormElement(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -7,12 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, LitElement, css } from "lit";
 import { customElement, property, state, queryAssignedNodes } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-import { formControl } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
+import { formControl, label, description } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
 import FormElement from "@supersoniks/concorde/core/mixins/FormElement";
 import FormInput from "@supersoniks/concorde/core/mixins/FormInput";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
 const tagName = "sonic-textarea";
 let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElement))) {
     constructor() {
@@ -24,27 +25,29 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
         this.readonly = false;
         this.hasDescription = false;
         this.hasLabel = false;
-        this.hasSuffix = false;
-        this.hasPrefix = false;
-        this.slotClasses = {};
     }
-    updated() {
-        var _a, _b, _c, _d;
+    connectedCallback() {
+        super.connectedCallback();
+        this.hasSlotOrProps();
+    }
+    willUpdate(changedProperties) {
+        this.hasSlotOrProps();
+        super.willUpdate(changedProperties);
+    }
+    hasSlotOrProps() {
+        var _a, _b;
         this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
         this.hasDescription = this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
-        this.hasSuffix = ((_c = this.slotSuffixNodes) === null || _c === void 0 ? void 0 : _c.length) ? true : false;
-        this.hasPrefix = ((_d = this.slotPrefixNodes) === null || _d === void 0 ? void 0 : _d.length) ? true : false;
-    }
-    onSlotChange() {
-        this.requestUpdate();
     }
     validateFormElement() {
         var _a;
-        const that = this;
-        const textarea = (_a = that.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
+        const textarea = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
         if (!textarea || textarea.checkValidity())
             return;
-        this.getFormPublisher().isFormValid = false;
+        let formPublisher = this.getFormPublisher();
+        if (formPublisher) {
+            formPublisher.isFormValid = false;
+        }
         textarea.reportValidity();
     }
     render() {
@@ -53,12 +56,13 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
         >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
           name="label"
-          @slotchange=${this.onSlotChange}
+          @slotchange=${this.hasSlotOrProps}
         ></slot
       ></label>
 
       <div class="form-control">
         <textarea
+          id="form-element"
           @input=${this.handleChange}
           @blur=${this.handleBlur}
           disabled=${ifDefined(this.disabled)}
@@ -75,19 +79,28 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
           wrap=${ifDefined(this.wrap)}
           placeholder="${this.placeholder}"
           class="form-element textarea custom-scroll"
+          aria-label=${ifDefined(this.ariaLabel)}
+          aria-labelledby=${ifDefined(this.ariaLabelledby)}
         >
 ${this.value}</textarea
         >
       </div>
 
-      <slot name="description" class=" ${this.hasDescription ? "form-description" : "hidden"}">
+      <slot
+        name="description"
+        @slotchange=${this.hasSlotOrProps}
+        class="${this.hasDescription ? "form-description" : "hidden"}"
+      >
         ${this.description ? html `${unsafeHTML(this.description)}` : ""}
       </slot>
     `;
     }
 };
 Textarea.styles = [
+    fontSize,
     formControl,
+    label,
+    description,
     customScroll,
     css `
       textarea {
@@ -125,33 +138,13 @@ __decorate([
 __decorate([
     queryAssignedNodes({ slot: "description" })
 ], Textarea.prototype, "slotDescriptionNodes", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "suffix" })
-], Textarea.prototype, "slotSuffixNodes", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "prefix" })
-], Textarea.prototype, "slotPrefixNodes", void 0);
 __decorate([
     state()
 ], Textarea.prototype, "hasDescription", void 0);
 __decorate([
     state()
 ], Textarea.prototype, "hasLabel", void 0);
-__decorate([
-    state()
-], Textarea.prototype, "hasSuffix", void 0);
-__decorate([
-    state()
-], Textarea.prototype, "hasPrefix", void 0);
-__decorate([
-    property()
-], Textarea.prototype, "slotClasses", void 0);
 Textarea = __decorate([
     customElement(tagName)
 ], Textarea);
 export { Textarea };
-//Ajout pour Storybook
-try {
-    customElements.define(tagName, Textarea);
-}
-catch (e) { }

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

@@ -1,6 +1,16 @@
-import { LitElement } from "lit";
+import { LitElement, PropertyValues } from "lit";
 export declare class Group extends LitElement {
+    alignItems: string;
+    label?: string;
+    description?: string;
+    slotLabelNodes: Array<Node>;
+    slotDescriptionNodes: Array<Node>;
+    hasDescription: boolean;
+    hasLabel: boolean;
     static styles: import("lit").CSSResult[];
     updated(): void;
+    connectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    hasSlotOrProps(): void;
     render(): import("lit-html").TemplateResult<1>;
 }