@spw-ds/spw-stencil-library 1.10.2 → 1.12.0

package/dist/collection/components/spw-pagination/spw-pagination.js

@@ -167,12 +167,12 @@ export class SpwPagination {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '36dc0f15f8b60823cc443a93f04007f81d66cfe9', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'b75766afe1e095977ddcc7f998ed9b6f47a8a2f0', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '6e4c64915b7fe928b4e6acad1c0b301f40145a31', icon: "fa-chevron-left" }), " ", h("span", { key: 'b5c013de788a7bcea5807f664f4a68b552098e7d', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (h("li", { key: 'c49a86b29517227a316e077e6a4da656a0bc87cc', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'b112038f0c94a2744745e8158ab8b2f1d54abdc8', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '08c7b11e91f1d9832451f396c57c0fd997c190dc', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: 'be0746b0ae46c9c4939d5c6a26cb57ff7eebd195', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'e3aeeec8862cc71cfc4ff77ab0648758ad188aaf', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '2d2111fe350efeab8dd34ac6aec28e8bdbd6c7c4', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'f1fe873974cbf113ebad88186f41378acabbaadc', icon: "fa-chevron-left" }), " ", h("span", { key: '7837d571ca38e7a14a7987d236c38e6b47f3840e' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'd953b87791d3ba2c086ec2784d23adaf7fb8a41b', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '89c22edc23642a709575c20b9f5878421d294773', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'eaa497173b02c5fad39ced208b430dbd3d6541cb' }, this.nextButtonText), " ", h("spw-icon", { key: 'cfa79f87751ed06ae8d7f7f098d6d13efc634eb2', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: '0b5b8a85df6ca8d4e8838315c8687e8bd31c8131', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: '2db1c75169cb0e757c339f0eef504a15052fe340' }, h("div", { key: '2e28ea032b57f57fc80867dfe33f0d528022a0b0', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '6f99f2845e4e52ce22fad5e3f91de9a47a85d86a' }, h("ul", { key: '40db0da6d68bc7c7032683c9daec717fc4298117' }, prevArrow, h("li", { key: '994f6dee3053efc706ec61f0ef32d18b199ca391', class: "spw-pagination__input" }, h("spw-text-field", { key: '76e3bc9ea44e859095c7e97da16fdd190053baa4', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'b3244c1d3ef3ec8d7e67547de457e45c77bea3c0', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'ac81aab66f2a112a6e596604949e4aa648ddf1c9' }, h("ul", { key: 'e4fbbdc9c2d63e76448f99213211294e3fcfcf69' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '7fc856727713395a435fc1cc18da91f0acd85995', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '9bb71a89efa59d0e11f747889160b88dbf1ec2fc', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'f18fc97f30b9e96a2d65a37ed9e1a39081d1a6e7', icon: "fa-chevron-left" }), " ", h("span", { key: '3f95dc39a955a461ea6cb2399ce025156df71d00', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (h("li", { key: '92ba98937967a1911e929a5da5a1b4349b55d764', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '64cd348de2aaca15eb6289677f218cd37e41f83f', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '81d3955b3289a4fe51a0e04d8bb378c2d4130485', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '1ac7c8bb319a3381d6daccbc8cd27c4c3a3ea7c7', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'b299142a522b5bb76c4e049622b8cf10921edf4e', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'c46710f48cf19d5eaba12bd83dab27376ccd8a3d', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'cb993ccafb6d54fb0a47c359277baa2dc2403de5', icon: "fa-chevron-left" }), " ", h("span", { key: '566619f3b1e682b5b9c0e468589919bba09a609e' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'b14fed63757479d6e214957a6769fae410e25341', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'de198170a661439ce3a875dca6df19f368f54d1c', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'd30054736d102ea0d63a5a8de734a5641e3ab586' }, this.nextButtonText), " ", h("spw-icon", { key: 'c753c82e71a422e2bab74682951b5bd97b8769e8', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: 'a828a3aaad60fe42a0b6f4e7d0a9b9c849050486', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: 'ce2247c999c821b89da71c94fc106e0fee90d3b0' }, h("div", { key: '4c7b9c4ba546225d2f6fcb4088b8450e233fd7a3', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: 'bf895feed84c1553d1305352565f4651f6c6fe3d' }, h("ul", { key: 'de7c60b8809e820be93b02f2363b1981fe987cb8' }, prevArrow, h("li", { key: '478d507d688eff029e0b59ae6e0a3c483c093d51', class: "spw-pagination__input" }, h("spw-text-field", { key: '2a13cd04c4fbe018cb742645c60704189f092406', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'ac0309292eaf38f8ba8de98e52df93181f43f3bb', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '6c78bea5d758d2f35cec8a25dc9793ecc66f6794' }, h("ul", { key: '7f38bb32925d01d260194b2b31c527cf824f2fad' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }

package/dist/collection/components/spw-radio/spw-radio.js

@@ -92,7 +92,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '2bbf6929de882b2466de1da4b6fe39bb10fe1e9f', class: "spw-radio" }, h("input", { key: 'd4338a307b92f8bf781ca9ae50302b3845e11d20', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '07180d1f8a47b6c6efef3d1ff6fc03b46837998f', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '92b2fa210c57cbaac042a3d83736d44e7c607db8' }))), h("div", { key: '28c213a82490bdd7be665fb9eef690cdb70fab9b', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '3c27eb7d6c3db828d20907db7881caee032d42c4', class: "spw-radio__circle" }))));
+        return (h("div", { key: '47efe59c76a4f954ce5d26a3216191dd29afd9df', class: "spw-radio" }, h("input", { key: '5f59504f0f33ad7d0766cf7de98447a0eb647409', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'f4d11ee58a38639ffc1b0498861a049740b17918', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, h("slot", { key: '93c35db720d1a72c4e3ecb2176cb519a497df536' }))), h("div", { key: 'abfa13ceab33fe73666dbecfdbf374b8f6e7d305', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && h("span", { key: '404be653243de6f143b9e6bd35b636c37590fdc4', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-scrolltop/spw-scrolltop.js

@@ -73,7 +73,7 @@ export class SpwScrolltop {
         };
     }
     render() {
-        return (h(Host, { key: '3fa2c61ede0cbe5a0843f4c3a93be1189797489e', class: this.hostClass }, h("spw-button", { key: '638f8e5bafcc909cb722a6b9c64ba3ab3a279d00', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
+        return (h(Host, { key: '08b90aa1778356f75e37f706967d87df2e0a2fb0', class: this.hostClass }, h("spw-button", { key: '8876a5e6a33275b96bb398f91b1c8214825a6815', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
     }
     static get is() { return "spw-scrolltop"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-search-field/spw-search-field.css

@@ -395,17 +395,20 @@ template {
 .spw-search-field--has-submit-button spw-text-field {
   --spw-input-padding-right: 56px;
 }
+.spw-search-field__container {
+  position: relative;
+}
 .spw-search-field__category {
   font-style: italic;
 }
 
 .spw-search-field__submit {
   position: absolute;
-  right: 0;
+  right: 8px;
   top: 50%;
   transform: translateY(-50%);
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
   border: none;
   border-radius: 50%;
   background: transparent;

package/dist/collection/components/spw-search-field/spw-search-field.js

@@ -17,6 +17,8 @@ export class SpwSearchField {
         this.required = false;
         /** Texte du lien pour voir tous les résultats */
         this.viewAllResults = 'Voir plus de résultats';
+        /** Soumet le formulaire parent au clic sur le lien "voir tous les résultats" */
+        this.viewAllResultsSubmit = false;
         /** Texte à afficher si pas de résultats */
         this.noResults = 'Pas de résultats.';
         /** Texte à afficher pendant le chargement */
@@ -27,6 +29,8 @@ export class SpwSearchField {
         this.minCharacters = 3;
         /** Indique si le champ est en cours de chargement */
         this.isLoading = false;
+        /** Indique si le dropdown de résultats doit être affiché */
+        this.showDropdown = true;
         /** Positionnement du tooltip */
         this.tooltipDirection = 'top';
         /** Curseur du tooltip */
@@ -82,6 +86,7 @@ export class SpwSearchField {
     }
     componentWillLoad() {
         this.parseItems(this.items);
+        this.defaultValue = this.value;
         this.initializeFromValue(this.value);
     }
     componentDidLoad() {
@@ -123,8 +128,9 @@ export class SpwSearchField {
     }
     /** Réinitialise le champ de recherche */
     async resetInput() {
-        this.searchText = '';
-        this.value = '';
+        this.value = this.defaultValue || '';
+        this.initializeFromValue(this.value);
+        this.updateHiddenInput();
         this.isOpen = false;
         this.focusedItemIndex = null;
         this.valueChanged.emit(this.value);
@@ -256,10 +262,10 @@ export class SpwSearchField {
         };
     }
     render() {
-        return (h("div", { key: '51599b513c0178d6983a723ca882c89740d61d3a', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '807e9c9a3a64561fd1f60d5b35e3823b8ff59a25', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '01fff64f62b2a3334852aa0e3ff28a49602e6cd8', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: '73de738b0b2c208a91c8cb14dac96038f0242184', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '18210a13ef860aad3e19d07a3f438adff217c91f' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: '076b7ca803432ab6fdc57df341cd9abb9d0746e8', ref: el => (this.hostElement = el), class: this.elementClass }, this.label && (h("spw-field-label", { key: '32933e534c615bbde3ba37b143671eee73ba3142', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onClick: () => { var _a; return (_a = this.textFieldElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } })), h("div", { key: '8ff899f01a391d50d02fa819ca0bc878de9c768b', class: "spw-search-field__container" }, h("spw-text-field", { key: 'e830cecde53e76169008c8dc7b56fb01f6bff559', ref: el => (this.textFieldElement = el), placeholder: this.placeholder, name: this.name, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '016e6095352a366eae19838bf5feb35d5cbd6f70', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" })), this.showDropdown && this.isOpen && !!this.items && (h("div", { key: '1a4e5e67653ea0f7dc07b5117ff476ddfa1cc7ee', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: 'f95f895b631f09a8efc3598d8143972c546c119f' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '054b14de7652da86f93a7fa536f7595b60e39ba7', class: "spw-search-field__loading" }, h("spw-loading", { key: '633ebf0e27133b1f2edd3b6f2099dc775f7f3877', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '88bdf945ca70bc298f21b1c05cb144ca92b6b7c1', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: 'e238b73c101a59253b839012a99eca8379156a6a', class: "spw-search-field__view-all" }, h("a", { key: '12a7a84f24c2a53b595dda394f611ce95bbb0519', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '7679c58fac57e43cd18684da8d545ad6896de1d6', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: '63f2c76aa53c4f844be0c26f370c67bdb4fb7fda', class: "spw-search-field__loading" }, h("spw-loading", { key: 'c3632d6cd30b4ab090c2ca2ab35d1db0d2d24dd4', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '0fb0c74396d607b923a42e3b0dba92e068a35274', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && (h("p", { key: '337e629631228c1ebe3310d3fdf88955e76a075b', class: "spw-search-field__view-all" }, h("a", { key: '6494019b819efefa1959d9590a82c8a675006afb', href: this.viewAllResultsLink, onClick: this.viewAllResultsSubmit ? this.handleSubmit : undefined }, this.viewAllResults, " ", h("spw-icon", { key: '24c124d0d2b378e233474cb97da05b54020b96f8', icon: "fa-arrow-right" }))))))));
     }
     static get is() { return "spw-search-field"; }
     static get encapsulation() { return "shadow"; }
@@ -469,7 +475,7 @@ export class SpwSearchField {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Texte d'assistance affich\u00E9 sous le champ de recherche"
+                    "text": "Texte d'assistance affich\u00E9 sous le label"
                 },
                 "getter": false,
                 "setter": false,
@@ -515,6 +521,26 @@ export class SpwSearchField {
                 "reflect": false,
                 "attribute": "view-all-results-link"
             },
+            "viewAllResultsSubmit": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Soumet le formulaire parent au clic sur le lien \"voir tous les r\u00E9sultats\""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "view-all-results-submit",
+                "defaultValue": "false"
+            },
             "noResults": {
                 "type": "string",
                 "mutable": false,
@@ -615,6 +641,26 @@ export class SpwSearchField {
                 "attribute": "is-loading",
                 "defaultValue": "false"
             },
+            "showDropdown": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Indique si le dropdown de r\u00E9sultats doit \u00EAtre affich\u00E9"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-dropdown",
+                "defaultValue": "true"
+            },
             "tooltipTitle": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/spw-select/spw-select.js

@@ -176,7 +176,7 @@ export class SpwSelect {
         };
     }
     render() {
-        return (h(Host, { key: 'abde63912926aa834fc9de6b0f7dcc14ed9fbaa1' }, h("div", { key: '6e2976ff523f20413aa138d94e1004319e63b811', class: this.elementClass }, this.label && (h("spw-field-label", { key: '30ace5cacbeafb7af7cbdf7c05c5c9dd19186661', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '1499168bcf3804b168b18701367a9fb89108203e', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '0998ae98ed592bb690406a53653def7a2964a0fa', class: "spw-select__container" }, h("select", { key: '29a37ddf4a6994d44be798240e8c2629d4565a70', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: 'e10d3495c23886b9c1f0e66d3fd9c34e0cced9bf', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("div", { key: 'f0c5f6472de27ec317e7f196f6854bf93bba24d5', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (h("span", { key: 'b00a8b3c3608f1c49b16cc98621db31c810cc11f', class: "spw-select__clear", onClick: event => this.handleClear(event) }, h("spw-icon", { key: '173d104c6970a202f47ec5ab19ef7f3b7ef955c0', icon: "fa-xmark" }))), h("spw-icon", { key: '74f9fe0254863dcc7412876bf6d438e369201f62', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && h("slot", { key: '691bdb485a22b69a8513750983187bb073462b95' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h(Host, { key: '81b442a4a808d22e864b0ae86e596394ed2e4138' }, h("div", { key: 'ec9981cddfe018e48fd37e891826c2057d6b06b7', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'ed31b2aea9498dd32a89b3bb67759cfa76620201', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '0515f6a86938f9df94e35a184501fe1cb1b911ad', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'dcea546070211670b8e1af0b6e97c1564f7e8bd0', class: "spw-select__container" }, h("select", { key: '44a6c19e9b485fb11ca13137f339ddf97e3fcd61', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: '0126406f9e6b9046c86063eadc283278266f36d6', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("div", { key: '9743ab039baf9d35591681f3767bbee018257d56', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (h("span", { key: '3779eea44d77795a42eb030dda1af776c5f02b9c', class: "spw-select__clear", onClick: event => this.handleClear(event) }, h("spw-icon", { key: 'b22e5e2aa2c81eeb1f0c34fbeaadba4f9f8e4827', icon: "fa-xmark" }))), h("spw-icon", { key: 'd9631b9b8f57f3e9184fdca81de6e83fcf5cd343', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && h("slot", { key: '35913f6a392f1f7ec0d2794c5253054df88ee421' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-select"; }
     static get encapsulation() { return "shadow"; }
@@ -342,7 +342,7 @@ export class SpwSelect {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Texte d'assistance affich\u00E9 sous le champ de s\u00E9lection"
+                    "text": "Texte d'assistance affich\u00E9 sous le label"
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/spw-separator/spw-separator.js

@@ -27,7 +27,7 @@ export class SpwSeparator {
         };
     }
     render() {
-        return h("div", { key: '620379c824cd2d74c18972568d7872f1f845e785', class: this.elementClass, style: this.style });
+        return h("div", { key: 'cb9f9352e8fe63d8590f2684783008a7bd5bc3af', class: this.elementClass, style: this.style });
     }
     static get is() { return "spw-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-dropdown/spw-sidebar-navigation-dropdown.js

@@ -11,7 +11,7 @@ export class SpwSidebarNavigationDropdown {
         };
     }
     render() {
-        return (h(Host, { key: 'fcac5acb2efdfcac5e8fc4bb9f1a0648de77391f', class: this.classes }, h("div", { key: 'a307ff7eb4021a513806623a33f6c8df4bdbcf51', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'd7b52653800f167ccc3e6e7667daee3bbc12ad17' }))));
+        return (h(Host, { key: 'a09832033f54944847f3f205320c33a111737e0c', class: this.classes }, h("div", { key: '4e2c094cdfd6bf277a147a1d9c7b423c5cb66692', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'c220e66a00c6b8fa1c84c6ed96fe006325993b91' }))));
     }
     static get is() { return "spw-sidebar-navigation-dropdown"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js

@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '8a4cd2e5abf76a00183844fef171073693e16e0a', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '24d48c006acc3bf199addfefb7a95d5276b5d8ac', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'cc4e6520ca78624a1d60c12660a47d5350288724', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '42a63e213de4e53aa9235dad75fce325cfa37b30', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'eed54df9bc775ced921b5c1712edd8dda7646f1b', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'ea3064849a84505f07a9a3bfda0c4878300b9fed', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (h(Tag, { key: 'fd2edc0a6c89ae6920909d3082ad508fc9e8ba13', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '51af41cf64cd313641d386fb874455957b5405b8', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '5cf23700d94945c731b461334a48498d1ddc4981', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '8ae9ebead4406250c548de03252a83b9e16e3ab7' })), this.hasDropdown && (h("div", { key: 'd41774ae2f5c1ab247a5235aa9bbd394b1bb7d93', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '2f0cc2e24a174a69cf893f870e993d3f1ace7a21', icon: "fa-chevron-down" }))), h("slot", { key: '0005a05a864e688af9c3652aa8453fbae6b9d546', name: "dropdown" }))));
+        return (h(Tag, { key: '13df8f8842f6462b3f8edd21516f7f39cc432426', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: 'af85cbcfef4a88528375c3f86742f37d03a1176e', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'd287f9f10de41c50dab16fa41af099c29a5403af', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '768ecdf1c6c7c01b17cbcd530078afcda3ffee94' })), this.hasDropdown && (h("div", { key: '359b560748ef0405200c6ee2e72162a3cf04d4e8', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '6073faa5bcbe95fc52961b82f302fb4376497d51', icon: "fa-chevron-down" }))), h("slot", { key: '5a987a9bb1674f518913152b98473ea35cb8e8bb', name: "dropdown" }))));
     }
     static get is() { return "spw-sidebar-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSidebarNavigationSeparator {
     render() {
-        return (h(Host, { key: 'd4b58d39391ee7e32a2e2e9e69ab4b9dc55c298b' }, h("spw-separator", { key: 'b8ee91913f9da7b9c321369f9dd66dd4bac21ab0', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'a5f50817adf56657396cf202011494ad5c2fd592' }, h("spw-separator", { key: '1163508fd0a7ac043f8a7064b8d8c9f8fece49eb', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.js

@@ -76,7 +76,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '9e64bec120686c1144bd67d4a8f8898dd8271633', class: this.hostClass }, h("div", { key: '0a30b02e34595aa0d4aeb5a920b369175accd504', class: this.elementClass }, h("span", { key: 'adf1d7c2e168e2321205fc4cf796fcf3925a90eb', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'ae98f91f8f6fcc25a63f626dac3a72ae858ff04f', icon: "fa-chevron-right" })), h("div", { key: '278cd57707fb5a423944049c67568a1094310b2a', class: "spw-sidebar__content" }, h("slot", { key: '27c4602aa0c74fe4349c4fee842733971f3f396a', name: "navigation-top" }), h("slot", { key: '72318ea54e945990a15dd02273db1e6379e39105', name: "navigation-bottom" })), h("div", { key: '3cdf615aefc8411f521a3de7984b6e38418fae81', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '46250ef2a149749f3d0a96f56e2498c7458a1153', class: this.hostClass }, h("div", { key: 'a5631cfa7283ac399bfdf2500ac95058d4ac46ea', class: this.elementClass }, h("span", { key: 'd075af3a76768d86d5fda59b6eaf8e5368e53d9a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '235e9cf448dde333f03b9c59c7530b68b48fd930', icon: "fa-chevron-right" })), h("div", { key: '5dc0f608646776401f3d0e2e6666e6970a8a2944', class: "spw-sidebar__content" }, h("slot", { key: '997b8095ef8a6c0b1795bc02fa4bae75adff1fda', name: "navigation-top" }), h("slot", { key: '8c268454179aca288142733cfb0215431367dc02', name: "navigation-bottom" })), h("div", { key: '376a037cd6624a6e178e8d35695045dd29d4a7f2', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-skeleton/spw-skeleton.js

@@ -44,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '2b2f6c5a22ca9b00976624fd147d247c14dbed6e' }, h("div", { key: 'c69e6e6bffd42e411e4d19ec83950abe0dbae16c', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '5d461754078fc92aeb69013d30de5ea6f8b0b6c4' }))));
+        return (h(Host, { key: '591d7c8fee3a91892216a183c18b6ec745676a8b' }, h("div", { key: '6261ca275de6a92fccc52aedd3d4890583741ee8', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '1da18a6c628ea8cf70619e311de25cbf7ddbbf32' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider-item/spw-slider-item.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSliderItem {
     render() {
-        return (h(Host, { key: 'e1429ab5f8c87eb132e76389c3c2b6911e621a12' }, h("div", { key: '373b094c2200429fbb0113280ae1c213c358ffaf', class: "spw-slider-item" }, h("slot", { key: 'dfe862bd7bf786620761b915fd655d5c98bec8ad' }))));
+        return (h(Host, { key: '8064f405d8ad567f5c33aa11455f014309ab4a00' }, h("div", { key: '71edca59cf563786b07c6c0085f5e9fb70e6ab37', class: "spw-slider-item" }, h("slot", { key: '196685792983ba66371a07ea9202293438f732c0' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-slider/spw-slider.css

@@ -474,6 +474,15 @@ template {
   padding: 8px;
   border-radius: 999px;
 }
+.spw-slider__dots--outside {
+  position: relative;
+  bottom: auto;
+  left: auto;
+  transform: none;
+  box-shadow: none;
+  display: inline-flex;
+  border: 1px solid var(--spw-color-themes-grey-grey-300);
+}
 
 .spw-slider__dot {
   width: 12px;
@@ -496,6 +505,12 @@ template {
   outline-offset: 2px;
 }
 
+.spw-slider__dots-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+}
+
 .spw-slider__autoplay-toggle {
   margin-top: 12px;
 }

package/dist/collection/components/spw-slider/spw-slider.js

@@ -15,6 +15,8 @@ export class SpwSlider {
         this.autoplayText = 'Défilement automatique';
         /** Position des flèches gauche/droite */
         this.arrowsPosition = 'inside';
+        /** Position des dots de navigation */
+        this.dotsPosition = 'inside';
         /** Texte aria-label pour la slide suivante */
         this.nextSlideText = 'Slide suivante';
         /** Texte aria-label du slider */
@@ -49,12 +51,12 @@ export class SpwSlider {
         };
         this.handlePrevious = () => {
             if (this.activeIndex > 0) {
-                this.goToSlide(this.activeIndex - 1);
+                this.goToSlide(this.activeIndex - 1, 'previous');
             }
         };
         this.handleNext = () => {
             if (this.activeIndex < this.totalSlides - 1) {
-                this.goToSlide(this.activeIndex + 1);
+                this.goToSlide(this.activeIndex + 1, 'next');
             }
         };
         this.handleDotClick = (index) => {
@@ -64,7 +66,7 @@ export class SpwSlider {
             this.stopAutoplay();
             this.autoplayTimer = window.setInterval(() => {
                 const nextIndex = this.activeIndex < this.totalSlides - 1 ? this.activeIndex + 1 : 0;
-                this.goToSlide(nextIndex);
+                this.goToSlide(nextIndex, 'next');
             }, this.autoplayInterval);
         };
         this.stopAutoplay = () => {
@@ -274,10 +276,16 @@ export class SpwSlider {
             }
         }, 100 * (attempt + 1));
     }
-    goToSlide(index) {
+    goToSlide(index, direction) {
         if (index < 0 || index >= this.totalSlides)
             return;
+        const previousIndex = this.activeIndex;
         this.activeIndex = index;
+        this.spwSliderChange.emit({ index, previousIndex });
+        if (direction === 'next')
+            this.spwSliderNext.emit({ index });
+        if (direction === 'previous')
+            this.spwSliderPrevious.emit({ index });
         this.slides.forEach((slide, i) => {
             const offset = (i - this.activeIndex) * 100;
             slide.style.transition = 'transform 0.3s ease-in-out';
@@ -374,13 +382,19 @@ export class SpwSlider {
         return {
             'spw-slider': true,
             [`spw-slider--arrows-${this.arrowsPosition}`]: true,
+            [`spw-slider--dots-${this.dotsPosition}`]: true,
         };
     }
-    render() {
-        return (h(Host, { key: '5aaba106eb8b7100708d45f52ab5d4430c6227d1' }, h("div", { key: '54e2a013cf234e746913b9d200374a400842a35d', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'e2bda3bdeb564d8207253aca82c404f20b6311af', class: "spw-slider__track" }, h("slot", { key: 'e2b35a33a2b256e26ecfd9089c707bdcd1e1540d' })), this.showArrows && (h("div", { key: '07ec3db826d7e3da97b7124ed67e27d12c4f0581', class: "spw-slider__navigation" }, h("button", { key: '04cf484ffa1f8cf6408ad3bbabaa8d291a7dd622', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'e20315abc17e812b10f2364715ce0866219d0b54', icon: "fa-chevron-left" })), h("button", { key: '42e92676fe778c9dc5e310c2f63d4cd5cb5a6afa', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '18e08c6c7122cf2d04100866611ab321fb403842', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'a48d6f81da1884aaff89ef89625719c5ddd0776c', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+    renderDots() {
+        if (!this.showDots || this.totalSlides <= 1)
+            return null;
+        return (h("div", { class: { 'spw-slider__dots': true, 'spw-slider__dots--outside': this.dotsPosition === 'outside' } }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
                 'spw-slider__dot': true,
                 'spw-slider__dot--active': i === this.activeIndex,
-            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '2fd9bcb900d782e7885c8c5da1d3741de9c665e2', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'f47b60d2ca6cffc8f75436b0808276664607b4ba', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
+    }
+    render() {
+        return (h(Host, { key: '9758082446f0a3b3e65bac691f6e34d15833bc4b' }, h("div", { key: 'cf0d29a8ec559358c2f906e39d2eb90eef9eb514', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'd240ff65359231b569ea3e04dbcb958179852a98', class: "spw-slider__track" }, h("slot", { key: '8ddacc2a7c985fc671c173530049ae02f39b9d49' })), this.showArrows && (h("div", { key: '2904694c4940ddb3fcc5e384fc779d7211cf79d4', class: "spw-slider__navigation" }, h("button", { key: '619aad83d4734e286baa8dfa478b731b26eae91b', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'b293d9ddb5aa1320a4cfea56b03f323d01e05a2f', icon: "fa-chevron-left" })), h("button", { key: '8c81743bb19a79a5bdcdae5f18b0924ad12c1625', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: 'd39683b36b137d1a9a91204ffb72d1f30a9e2d4a', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: 'a90199d4a4af6c19e57ec64d8b7896c3f88e30d5', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: '11c54e1c6a794172b12db93b158abde1f895d9d0', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '5f089b0c2885dce6885631c61ba0b58cfce4a30d', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }
@@ -536,6 +550,26 @@ export class SpwSlider {
                 "attribute": "arrows-position",
                 "defaultValue": "'inside'"
             },
+            "dotsPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'inside' | 'outside'",
+                    "resolved": "\"inside\" | \"outside\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Position des dots de navigation"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dots-position",
+                "defaultValue": "'inside'"
+            },
             "nextSlideText": {
                 "type": "string",
                 "mutable": false,
@@ -626,6 +660,54 @@ export class SpwSlider {
             "isAutoplayActive": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "spwSliderChange",
+                "name": "spwSliderChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00C9mis lors du changement de slide (index pr\u00E9c\u00E9dent et nouvel index)"
+                },
+                "complexType": {
+                    "original": "{ index: number; previousIndex: number }",
+                    "resolved": "{ index: number; previousIndex: number; }",
+                    "references": {}
+                }
+            }, {
+                "method": "spwSliderNext",
+                "name": "spwSliderNext",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00C9mis lors du passage \u00E0 la slide suivante"
+                },
+                "complexType": {
+                    "original": "{ index: number }",
+                    "resolved": "{ index: number; }",
+                    "references": {}
+                }
+            }, {
+                "method": "spwSliderPrevious",
+                "name": "spwSliderPrevious",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u00C9mis lors du passage \u00E0 la slide pr\u00E9c\u00E9dente"
+                },
+                "complexType": {
+                    "original": "{ index: number }",
+                    "resolved": "{ index: number; }",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
     static get listeners() {
         return [{

package/dist/collection/components/spw-socials/spw-socials.js

@@ -5,7 +5,7 @@ export class SpwSocials {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'b00efedea057618ea07ec6a369daf09aba44673f' }, h("div", { key: '6f4a30566790808ab9fdc1b1f3fb212cb47d4cda', class: "spw-socials" }, h("div", { key: 'ce42f7f5554f7cbc7444bf2efe0952f1b2612962', class: "spw-ds-container" }, h("h2", { key: '0d66a27720b0d8d49e5c3a1e1a7a67a226e72e51', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'e97f5fdb77cdb1b1eb81f14f03aceb04f39ba661', class: "spw-socials__content" }, h("slot", { key: '3631e9683ddd9c65515f93acd3e1d72c56459571' }))))));
+        return (h(Host, { key: 'ef2efe65705a05744f53b418910e453beb834dca' }, h("div", { key: 'd0f404f5c5be2576318ed1642858aabea4802d38', class: "spw-socials" }, h("div", { key: '84433f0219b6c80c9499a25a450934b7fc7fcb42', class: "spw-ds-container" }, h("h2", { key: 'c2866d48c91e18c9b58afedd33cf75557461d9d9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'c454151009e9aab4e3e7f4d454014186325bfeb5', class: "spw-socials__content" }, h("slot", { key: '0aaa6216c6d09e3d0b8399fc49255838a15a8bc0' }))))));
     }
     static get is() { return "spw-socials"; }
     static get originalStyleUrls() {

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js

@@ -33,7 +33,7 @@ export class SpwTableBody {
         });
     }
     render() {
-        return (h("tbody", { key: 'e089319dfd612c15ad8f10cddf97c3c0aff7a564', part: "tbody" }, h("slot", { key: '75b21412f0a8d5ce8137b26bcd3ee0e4abcb93a1' })));
+        return (h("tbody", { key: 'bf9fbba708af2fbc4d6374c4a7a26c508360b263', part: "tbody" }, h("slot", { key: 'eb966739f52c7070acd2ac9ab55c5e4da0d7dc83' })));
     }
     static get is() { return "spw-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js

@@ -87,7 +87,7 @@ export class SpwTableCell {
             }
             attrs.style = stickyStyles;
         }
-        return (h("td", Object.assign({ key: 'bd72c9fd7c296fb462ee6aa15259e1ec43fdef26' }, attrs), h("slot", { key: '10e95493f296a2f8aa23f51057daeddf88a55f38' })));
+        return (h("td", Object.assign({ key: '179dc46eb3062f62e3a868434f5676e88d6237f5' }, attrs), h("slot", { key: '8c074ae9a64ff660bbee3a7000f8605f8610a631' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-container/spw-table-container.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwTableContainer {
     render() {
-        return (h(Host, { key: 'e3fee90b64f94fedaff3044a2bb86a840530f3c7' }, h("div", { key: '6fcb80aad011fb34a78c95b5df31f9240c5fa6a4', class: "spw-table-container" }, h("slot", { key: '28032a25e930853d72f8fd0b819481c5ab1cea45' }))));
+        return (h(Host, { key: '89dbe58eca79bd7a8becd5a12af39add4b49017e' }, h("div", { key: '70adccfce0d8b19c67d8808f1a3a2736acb406ea', class: "spw-table-container" }, h("slot", { key: '9513aa7f023af4364a05584a0d66eef575d1112e' }))));
     }
     static get is() { return "spw-table-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableFooter {
     render() {
-        return (h("div", { key: '40c9c43665460d31ace901b3e6fb8f869c1630da', class: "spw-table-footer" }, h("slot", { key: '54337c4d25619ac53eb5ba1b7b1453a07aa2f947', name: "left" }), h("slot", { key: '4403572af062ccd25039f25078847f3d3f493df4', name: "center" }), h("slot", { key: '1424d35286e7ac148dbfca102baa5e19157defb9', name: "right" })));
+        return (h("div", { key: '0414c3bfa765609fcca5addb49e0497a49a59292', class: "spw-table-footer" }, h("slot", { key: 'acf67cd987912fef0c37bc141e82268f6dbfcaf6', name: "left" }), h("slot", { key: '55122f3ced5454401f58493d741fd6e3bc445249', name: "center" }), h("slot", { key: '8ba409967bdbe88e4b36948dec9120d1f2772590', name: "right" })));
     }
     static get is() { return "spw-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableHead {
     render() {
-        return (h("thead", { key: '3d08dab3e62d88d6f84e14b6d6e920e3f9f4247a', part: "thead" }, h("slot", { key: '883b7e93579d5ef4803e0202cd373fdbd99e1970' })));
+        return (h("thead", { key: '0e50e842f54d7ac286cc7f36411f08cb803d3a07', part: "thead" }, h("slot", { key: '38ce3c2e3f388145c6f822793aa8a638a13d3ebc' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js

@@ -65,10 +65,10 @@ export class SpwTableHeader {
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: 'fb346ce6c11802bf65d38889110984538cce0b65' }, attrs), h("div", { key: '1a5d90c46ff32808e15a453b9a6f2e14e91cd544', class: {
+        return (h("th", Object.assign({ key: '5a216e13ba07e3c170c8ab1b20a13b01487c77e3' }, attrs), h("div", { key: '56192724e2c91f8de0462e8767102d18a5a08174', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '128710df609131bdb58b2494e8397c96eb1e854e' }), h("div", { key: '0e2ab5de55af609c3e7679a0832f355b5a7e39ba', class: "spw-table-header__icons" }, h("slot", { key: 'f295b8aac73720c900b66029a80ce5f6636facaa', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'bf47b20e406697de677ad90846f4e2361cc9227e', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '552a84c7d07dc7627632867364fbc7e395f7938c', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'e0cb664b2cdeb747f9305deae60856554bdc081e', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '569ed1133d78732d333977b7b5313a42b7457bb4' }), h("div", { key: 'fad625f2f429cd4d8d4ac0bb4ba44465299b8811', class: "spw-table-header__icons" }, h("slot", { key: 'cb70cdf5fbf7f92497959461174f44814ed8ec96', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '39148393bc871406598e2f64f1a233507ad99024', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '86c02494c5d72899a3dfeedefa6d9be9928da248', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'a90592ca0ba390a4e535c15c6708544c18d167f6', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get is() { return "spw-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js

@@ -49,7 +49,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: 'ea2856a07af1696ff3c41cb4efe46629e708c7f6', part: "row" }, h("tr", { key: '50b3656a5f577e3ec4716d51477ac7812983ca8c', class: this.elementClass, part: "row" }, h("slot", { key: 'dbbf052e9166f5b1b9e88280666ddfe78ec7a527' }))));
+        return (h(Host, { key: '8a7207563406e15e71267985745ab2ef778afadc', part: "row" }, h("tr", { key: '33e4354906057d34695be0d4cd81243bf0ce2d36', class: this.elementClass, part: "row" }, h("slot", { key: '22e29e750519bf984192ddba36c6a21df5714fc6' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }