@supersoniks/concorde 1.1.49 → 2.0.0

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

@@ -5,8 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css, nothing } from "lit";
-import { customElement, property, queryAssignedNodes, state, } from "lit/decorators.js";
-import { FormInput, FormElement, Subscriber, TemplatesContainer, } from "@supersoniks/concorde/mixins";
+import { customElement, property, queryAssignedElements, state } from "lit/decorators.js";
+import { FormInput, FormElement, Subscriber, TemplatesContainer } from "@supersoniks/concorde/mixins";
 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";
@@ -14,7 +14,7 @@ import "@supersoniks/concorde/core/components/ui/menu/menu-item";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { PublisherManager } from "@supersoniks/concorde/utils";
 import { customScroll } from "@supersoniks/concorde/core/components/ui/_css/scroll";
-import { ResizeController } from "@lit-labs/observers/resize_controller.js";
+import { ResizeController } from "@lit-labs/observers/resize-controller.js";
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
@@ -32,10 +32,7 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         this.readonly = null;
         this.dataProviderExpression = "";
         this.key = "";
-        /** The parameter name to use in dataProviderExpression route */
         this.searchParameter = "";
-        /** The property name to search in the dataProviderExpression result, use "_self" if result is a string list */
-        this.propertyName = "";
         this.hasInputPrefix = false;
         this._resizeController = new ResizeController(this, {});
         /**
@@ -46,63 +43,33 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         this.queueDataProvider = "";
         this.initQueueDataProvider = "";
         this.lastValidSearch = "";
-        /**
-         * Run when the formDataProvider's field is updated
-         *
-         * @param value
-         */
         this.updateSearchParameter = (value) => {
-            var _a;
             if (value == "") {
                 this.lastValidSearch = "";
                 return;
             }
-            let found = this.queryQueueListItem(this.queueDataProvider, this.findSelection, this.setSearchFromSelection);
-            // Si la liste de this.queueDataProvider est bien initialisée, mais qu'aucun item ne correspond à la recherche
-            // On affiche quand même la valeur dans le champ de recherche, car il provient directement du formDataProvider
-            if (found === false) {
-                this.lastValidSearch = value;
-                (_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.set(this.lastValidSearch);
-            }
+            this.queryQueueListItem(this.queueDataProvider, this.findSelection, this.setSearchFromSelection);
         };
         this.initSearchParameter = () => {
             this.queryQueueListItem(this.initQueueDataProvider, this.findSelection, this.setSearchFromSelection);
         };
         this.selectListItem = (listItem) => {
-            var _a;
-            let value = this.propertyName === "_self"
-                ? listItem
-                : listItem[this.propertyName || this.name];
-            (_a = this.formValuePublisher) === null || _a === void 0 ? void 0 : _a.set(value);
+            this.formValuePublisher?.set(listItem[this.name]);
         };
         this.findSearchedItem = (listItem) => {
-            var _a;
-            let value = this.propertyName === "_self"
-                ? listItem
-                : listItem[this.propertyName || this.searchParameter || this.name];
-            return (value == ((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()));
+            return listItem[this.searchParameter || this.name] == this.searchPublisher?.get();
         };
         this.findSelection = (listItem) => {
-            let value = this.propertyName === "_self"
-                ? listItem
-                : listItem[this.propertyName || this.name];
-            return value == this.value;
+            return listItem[this.name] == this.value;
         };
         this.setSearchFromSelection = (listItem) => {
-            var _a;
-            this.lastValidSearch = this.propertyName === "_self"
-                ? listItem
-                : listItem[this.propertyName || this.searchParameter || this.name];
-            (_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.set(this.lastValidSearch);
+            this.lastValidSearch = listItem[this.searchParameter || this.name];
+            this.searchPublisher?.set(this.lastValidSearch);
         };
         this.updateActiveSelection = () => {
-            var _a, _b, _c;
             this.queryQueueListItem(this.queueDataProvider, this.findSearchedItem, this.selectListItem);
-            if (!this.select &&
-                this.lastValidSearch &&
-                this.lastValidSearch != ((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()) &&
-                ((_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.get())) {
-                (_c = this.formValuePublisher) === null || _c === void 0 ? void 0 : _c.set("");
+            if (!this.select && this.lastValidSearch && this.lastValidSearch != this.searchPublisher?.get() && this.formValuePublisher?.get()) {
+                this.formValuePublisher?.set("");
             }
         };
     }
@@ -110,11 +77,9 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
      * Les fonctions de gestion
      */
     hasSlotOrProps() {
-        var _a;
-        this.hasInputPrefix = !!((_a = this.slotInputPrefixNodes) === null || _a === void 0 ? void 0 : _a.length);
+        this.hasInputPrefix = !!this.slotInputPrefixNodes?.length;
     }
     connectedCallback() {
-        var _a, _b, _c;
         super.connectedCallback();
         /**
          * Nom de la valeur de recherche
@@ -125,8 +90,7 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
          * Nommage des différents dataProviders utilisés
          */
         const formDataProvider = this.getAncestorAttributeValue("formDataProvider");
-        // Create unique provider name with formProvider name + input name
-        const dpPrefix = formDataProvider + "__" + this.name + "__autocomplete";
+        const dpPrefix = formDataProvider + "__autocomplete";
         this.initSearchDataProvider = `${dpPrefix}_init_search__`;
         this.initQueueDataProvider = `${dpPrefix}_init_queue__`;
         this.searchDataProvider = `${dpPrefix}_search__`;
@@ -146,36 +110,28 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         if (this.value) {
             PublisherManager.get(this.initSearchDataProvider)[this.name] = this.value;
         }
-        (_a = this.initCountPublisher) === null || _a === void 0 ? void 0 : _a.onAssign(this.initSearchParameter);
+        this.initCountPublisher?.onAssign(this.initSearchParameter);
         /**
          * Lorsque la sélection change, on met à jour la valeur de recherche
          */
-        (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.onAssign(this.updateSearchParameter);
+        this.formValuePublisher?.onAssign(this.updateSearchParameter);
         /**
          * Lorsque La valeur de recherche change, que le composant n'est pas en mode select
          * et qu'elle est différente de la derniere recherche valide on désactive la selection
          */
-        (_c = this.countPublisher) === null || _c === void 0 ? void 0 : _c.onAssign(this.updateActiveSelection);
+        this.countPublisher?.onAssign(this.updateActiveSelection);
     }
     disconnectedCallback() {
-        var _a, _b, _c;
         super.disconnectedCallback();
-        (_a = this.initCountPublisher) === null || _a === void 0 ? void 0 : _a.offAssign(this.initSearchParameter);
-        (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.offAssign(this.updateSearchParameter);
-        (_c = this.countPublisher) === null || _c === void 0 ? void 0 : _c.offAssign(this.updateActiveSelection);
+        this.initCountPublisher?.offAssign(this.initSearchParameter);
+        this.formValuePublisher?.offAssign(this.updateSearchParameter);
+        this.countPublisher?.offAssign(this.updateActiveSelection);
         const getPublisher = PublisherManager.get;
         getPublisher(this.initSearchDataProvider).delete();
         getPublisher(this.initQueueDataProvider).delete();
         getPublisher(this.searchDataProvider).delete();
         getPublisher(this.queueDataProvider).delete();
     }
-    /**
-     * @param queueDataProvider
-     * @param itemFinder
-     * @param itemMutator
-     *
-     * @return bool|undefined True if item found, false otherwise, undefined if result is not a list
-     */
     queryQueueListItem(queueDataProvider, itemFinder, itemMutator) {
         const queuePublisher = PublisherManager.get(queueDataProvider);
         let listItem;
@@ -193,24 +149,20 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
         }
         if (listItem) {
             itemMutator(listItem);
-            return true;
         }
-        return false;
     }
     setSelectionRange(start, end) {
-        var _a;
-        (_a = this.querySelector("sonic-input")) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end);
+        this.querySelector("sonic-input")?.setSelectionRange(start, end);
     }
     handleHide() {
-        var _a, _b, _c;
         if (!this.select)
             return;
-        if (((_a = this.searchPublisher) === null || _a === void 0 ? void 0 : _a.get()) == "") {
+        if (this.searchPublisher?.get() == "") {
             this.lastValidSearch = "";
-            (_b = this.formValuePublisher) === null || _b === void 0 ? void 0 : _b.set("");
+            this.formValuePublisher?.set("");
             return;
         }
-        (_c = this.searchPublisher) === null || _c === void 0 ? void 0 : _c.set(this.lastValidSearch);
+        this.searchPublisher?.set(this.lastValidSearch);
     }
     render() {
         return html `
@@ -230,28 +182,13 @@ let InputAutocomplete = class InputAutocomplete extends TemplatesContainer(FormI
           inlineContent
           size=${this.size}
         >
-          <slot
-            name="prefix"
-            slot="prefix"
-            @slotchange=${this.hasSlotOrProps}
-          ></slot>
+          <slot name="prefix" slot="prefix" @slotchange=${this.hasSlotOrProps}></slot>
 
           ${this.select
-            ? html `
-                <sonic-icon
-                  slot="suffix"
-                  class="select-chevron"
-                  name="nav-arrow-down"
-                  .size=${this.size}
-                ></sonic-icon>
-              `
+            ? html ` <sonic-icon slot="suffix" class="select-chevron" name="nav-arrow-down" .size=${this.size}></sonic-icon> `
             : nothing}
         </sonic-input>
-        <sonic-menu
-          slot="content"
-          class="custom-scroll"
-          style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}"
-        >
+        <sonic-menu slot="content" class="custom-scroll" style="${this.offsetWidth ? `width: ${this.offsetWidth}px` : ""}">
           <sonic-queue
             dataProvider="${this.queueDataProvider}"
             filteredFields=${this.filteredFields}
@@ -317,10 +254,7 @@ __decorate([
     property({ type: String })
 ], InputAutocomplete.prototype, "searchParameter", void 0);
 __decorate([
-    property({ type: String })
-], InputAutocomplete.prototype, "propertyName", void 0);
-__decorate([
-    queryAssignedNodes({ slot: "prefix" })
+    queryAssignedElements({ slot: "prefix", flatten: true })
 ], InputAutocomplete.prototype, "slotInputPrefixNodes", void 0);
 __decorate([
     state()

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

@@ -26,7 +26,7 @@ export declare class Select extends Select_base {
     set options(options: Array<SelectOption>);
     get options(): Array<SelectOption>;
     hasDoneFirstUpdate: boolean;
-    protected firstUpdated(): void;
+    protected firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
     _value: string;
     set value(value: string);
     get value(): string;

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
+import { customElement, property, queryAssignedElements, 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";
@@ -58,8 +58,9 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
     get options() {
         return this._options;
     }
-    firstUpdated() {
+    firstUpdated(changedProperties) {
         this.hasDoneFirstUpdate = true;
+        super.firstUpdated(changedProperties);
     }
     set value(value) {
         if (value == null && !this.hasDoneFirstUpdate)
@@ -118,15 +119,13 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         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;
+        this.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
+        this.hasSuffix = this.slotSuffixNodes?.length ? true : false;
+        this.hasPrefix = this.slotPrefixNodes?.length ? true : false;
     }
     validateFormElement() {
-        var _a;
-        const select = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("select");
+        const select = this.shadowRoot?.querySelector("select");
         if (!select || select.checkValidity())
             return;
         const formPublisher = this.getFormPublisher();
@@ -143,10 +142,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         //let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
-          name="label"
-          @slotchange=${this.hasSlotOrProps}
-        ></slot
+        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
       ></label>
 
       <div class="form-control ${classMap(slotClasses)}">
@@ -168,9 +164,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
           >
             ${repeat(this.options, (option) => option[this.valueKey], (option) => {
             const isSelected = this.value == option[this.valueKey] ? true : false;
-            return html `<option ?selected=${isSelected} value="${option[this.valueKey]}">
-                  ${option[this.wordingKey]}
-                </option>`;
+            return html `<option ?selected=${isSelected} value="${option[this.valueKey]}">${option[this.wordingKey]}</option>`;
         })}
             <slot></slot>
           </select>
@@ -179,11 +173,7 @@ let Select = class Select extends FormElement(Subscriber(LitElement)) {
         <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>
       </div>
 
-      <slot
-        name="description"
-        @slotchange=${this.hasSlotOrProps}
-        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>
     `;
@@ -272,16 +262,16 @@ __decorate([
     property()
 ], Select.prototype, "label", null);
 __decorate([
-    queryAssignedNodes({ slot: "label" })
+    queryAssignedElements({ slot: "label", flatten: true })
 ], Select.prototype, "slotLabelNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "description" })
+    queryAssignedElements({ slot: "description", flatten: true })
 ], Select.prototype, "slotDescriptionNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "suffix" })
+    queryAssignedElements({ slot: "suffix", flatten: true })
 ], Select.prototype, "slotSuffixNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "prefix" })
+    queryAssignedElements({ slot: "prefix", flatten: true })
 ], Select.prototype, "slotPrefixNodes", void 0);
 __decorate([
     state()

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

@@ -3,14 +3,14 @@ declare const Textarea_base: {
     new (...args: any[]): {
         validateFormElement(): void;
         forceAutoFill: boolean;
-        _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";
+        _type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "time" | "file" | "button" | "url" | "color" | "hidden" | "image" | "text" | "reset" | "submit" | "email" | "tel" | "month" | "week" | "checkbox" | "radio" | "range" | "date" | "datetime-local" | "password";
         _description?: string | undefined;
         description: string | undefined;
         _label?: string | undefined;
         label: string | undefined;
         tabindex?: number | undefined;
-        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        autocomplete?: "url" | "name" | "on" | "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday-day" | "bday-month" | "bday-year" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "new-password" | "one-time-code" | "organization" | "postal-code" | "street-address" | "transaction-amount" | "transaction-currency" | "username" | "email" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "language" | "nickname" | "organization-title" | "cc-additional-name" | "bday" | "sex" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: Event | undefined): void;

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, state, queryAssignedNodes } from "lit/decorators.js";
+import { customElement, property, state, queryAssignedElements } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { formControl, label, description } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import Subscriber from "@supersoniks/concorde/core/mixins/Subscriber";
@@ -35,13 +35,11 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
         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.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
     }
     validateFormElement() {
-        var _a;
-        const textarea = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("textarea");
+        const textarea = this.shadowRoot?.querySelector("textarea");
         if (!textarea || textarea.checkValidity())
             return;
         const formPublisher = this.getFormPublisher();
@@ -54,10 +52,7 @@ let Textarea = class Textarea extends FormInput(FormElement(Subscriber(LitElemen
         // let labelStarSuffix = this.label && this.required && this.label.indexOf("*") == -1 ? " *" : "";
         return html `
       <label for="form-element" class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
-          name="label"
-          @slotchange=${this.hasSlotOrProps}
-        ></slot
+        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
       ></label>
 
       <div class="form-control">
@@ -86,11 +81,7 @@ ${this.value}</textarea
         >
       </div>
 
-      <slot
-        name="description"
-        @slotchange=${this.hasSlotOrProps}
-        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>
     `;
@@ -133,10 +124,10 @@ __decorate([
     property({ type: String })
 ], Textarea.prototype, "placeholder", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "label" })
+    queryAssignedElements({ slot: "label", flatten: true })
 ], Textarea.prototype, "slotLabelNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "description" })
+    queryAssignedElements({ slot: "description", flatten: true })
 ], Textarea.prototype, "slotDescriptionNodes", void 0);
 __decorate([
     state()

package/core/components/ui/group/group.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
-import { customElement, property, state, queryAssignedNodes } from "lit/decorators.js";
+import { customElement, property, state, queryAssignedElements } from "lit/decorators.js";
 import { label, description } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
 import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
@@ -50,26 +50,18 @@ let Group = class Group extends LitElement {
         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.hasLabel = this.label || this.slotLabelNodes?.length ? true : false;
+        this.hasDescription = this.description || this.slotDescriptionNodes?.length ? true : false;
     }
     render() {
         const slotStyle = {
             alignItems: this.alignItems,
         };
         return html `<span class="${this.hasLabel ? "form-label" : "hidden"}"
-        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot
-          name="label"
-          @slotchange=${this.hasSlotOrProps}
-        ></slot
+        >${this.label ? unsafeHTML(this.label /*+ labelStarSuffix*/) : ""}<slot name="label" @slotchange=${this.hasSlotOrProps}></slot
       ></span>
       <slot class="main-slot" style=${styleMap(slotStyle)}></slot>
-      <slot
-        name="description"
-        @slotchange=${this.hasSlotOrProps}
-        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>`;
     }
@@ -109,10 +101,10 @@ __decorate([
     property({ type: String })
 ], Group.prototype, "description", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "label" })
+    queryAssignedElements({ slot: "label", flatten: true })
 ], Group.prototype, "slotLabelNodes", void 0);
 __decorate([
-    queryAssignedNodes({ slot: "description" })
+    queryAssignedElements({ slot: "description", flatten: true })
 ], Group.prototype, "slotDescriptionNodes", void 0);
 __decorate([
     state()

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

@@ -1,4 +1,4 @@
-import { LitElement } from "lit";
+import { LitElement, PropertyValues } from "lit";
 import { DirectiveResult } from "lit/directive";
 import { UnsafeHTMLDirective } from "lit/directives/unsafe-html";
 /**
@@ -7,26 +7,20 @@ import { UnsafeHTMLDirective } from "lit/directives/unsafe-html";
  */
 export declare class Icon extends LitElement {
     static styles: import("lit").CSSResult;
-    renderId: number;
-    updateIcon(): void;
+    updateIcon(): Promise<void>;
     iconText: DirectiveResult<typeof UnsafeHTMLDirective> | string;
     /**
      * Nom identifiant l'icone ex : *info*
      */
-    private _name;
-    get name(): string;
-    set name(newName: string);
+    name: string;
     /**
      * prefix de l'icone si nécessaire ex: *solid*. La valeur par défaut est "" qui est mappée sur *regular*
      */
-    private _prefix;
-    get prefix(): string;
-    set prefix(newPrefix: string);
+    prefix: string;
     /**
      * library de l'icone url vers un dossier en lign conenant des icônes
      */
-    private _library;
-    get library(): string;
-    set library(newLibrary: string);
+    library: string;
+    willUpdate(changedProperties: PropertyValues): void;
     render(): DirectiveResult<typeof UnsafeHTMLDirective>;
 }