@spw-ds/spw-stencil-library 1.7.0 → 1.8.0

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

@@ -169,7 +169,7 @@ export class SpwSelect {
         };
     }
     render() {
-        return (h(Host, { key: 'e347bd2993b6a03bae07ffe9937d4f0cda8dfbe9' }, h("div", { key: '5ff541c67d3343755cbfb761f8b4ac17f25b9a26', class: this.elementClass }, this.label && (h("spw-field-label", { key: '4c4c1dbf8a5d1c3ab140779e3e37a208da752568', 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: '31fbd1daaaa8fc298947122745feb613b04a219e', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '02fc4ff38beeebc21c3692cadccf25acfc8a6dd2', class: "spw-select__container" }, h("select", { key: '3c0d243777b7ec613fe0b8000f297262b97d7648', 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: 'cb41796215ddb04f0a38e8c4b6f77a223f32a23b', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("spw-icon", { key: 'ad0e97fa7a7d892f88b447f0070e4fdfbf4d05c6', class: "spw-select__arrow", icon: "fa-chevron-down" })), !this.items && h("slot", { key: 'cb66054ef5b74b0cbea37d0b8e061fcb2257943e' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h(Host, { key: '8c7a58a3a0312216bd8d17a993099d1328fe5a6b' }, h("div", { key: 'f3f780753613ae92ba38074183a8d0cabf040864', class: this.elementClass }, this.label && (h("spw-field-label", { key: '24eae10e6e1ad23f81cdcb363057356432c918fd', 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: 'b285c1279d5437e84a78a8dd958129738ff9c26e', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'b6ba159b31ca77a8fe7051c79ba7b9e3f8bfc227', class: "spw-select__container" }, h("select", { key: '65d4a0ea61e98d1d316854c40ada4e47d24bb56b', 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: '2c4c6df4599e4f070697b6e7fef336f57b725582', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("spw-icon", { key: '96825fece4d3bf0771d4d6ca1df5379ef1bd9b52', class: "spw-select__arrow", icon: "fa-chevron-down" })), !this.items && h("slot", { key: '0059a77ed0fe3ad6cac1935218f3e1b8ce2210ee' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class SpwSeparator {
         };
     }
     render() {
-        return h("div", { key: '47b13506dcecedc7e77362b23dca52fff147c5fe', class: this.elementClass, style: this.style });
+        return h("div", { key: 'c5755fe0253ac4f80156723b51943bbe13480bd0', 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: 'c06e29943cd508004c206c603ac0dc3993afda2e', class: this.classes }, h("div", { key: 'ce131fb4ec9cef897da9cef1739bd0a6452887e8', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'd8657e92ad35600640dcc15ffe3636abd5f17926' }))));
+        return (h(Host, { key: 'f61d1a81d0e931179393629694b63502aa961060', class: this.classes }, h("div", { key: '13766b38650ec769fca09806a476b478402b7b1e', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'f86fa88582f121af4be1a13fda520b7c6d0244db' }))));
     }
     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: 'fcae8c2cf3d06fee7f29a682013e3a591b91fac2', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '4222b54d177be85b85ca6940916b063de8896d2c', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'd9a2d45949a7465066a16d1946f00c9c9dfe1ab0', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: 'c72615f242fff8c5449364813af9d0ce76a430ab', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '268ec591b87384591acbf36b43c64fada75279f5', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'c6d4769bb3c896eac18c7bd1cd3c21fb51e000eb', 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: '519d0516f8fd4417fac56f0e526249ba915fb16a', 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: 'ac50a926211e76fcec7e52acbf8b834f4b6458b9', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'abc81e68c50240753440535edf711256563e23f4', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '2b6d07d4c3b1d1594f40868db2f84e81c4b8bfde' })), this.hasDropdown && (h("div", { key: '85d9fcd42dc0751bc49edd942f66cc330b4ba45c', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '656eca80acd8508bbf3d7e6bf132d03ff66d32a2', icon: "fa-chevron-down" }))), h("slot", { key: '36d2b29ee2dd788eab5fa52cb81902843a5c3c86', name: "dropdown" }))));
+        return (h(Tag, { key: 'af73ac00d272851359bebdbf5d1b88163b8559c5', 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: '31ffebcdfe5e6cb18103b7e642b64892e0ed31a1', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '0f423c7f58da80a8910a60431cd4bd46d532c54c', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'e0d9dfbdd4ffb326c9bab041a16532710fc25736' })), this.hasDropdown && (h("div", { key: '8ffdf79acdbddde363dee472b8f5a16652ad5738', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '91bd17af34139418f504a0634c271028473c05bc', icon: "fa-chevron-down" }))), h("slot", { key: '1eba58341a40863c64108968799b5f1b3987983f', 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: '565e42b3b1fb055b34e0873c7b88d1b17b327a75' }, h("spw-separator", { key: 'fd9cf3272fff2595b2fe4167d40a31517fb7d37d', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '1b330eedff1f01de1b1ec103b989f766003a262a' }, h("spw-separator", { key: '73b7b99c01dc92265d372fb310e716fa7a39775f', 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.css

@@ -390,7 +390,7 @@ template {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 9999;
+  z-index: 800;
 }
 @media (min-width: 1024px) {
   .spw-sidebar {

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

@@ -76,7 +76,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: 'be7aea1e84a6bbf1d7affee84023906bd51cff9f', class: this.hostClass }, h("div", { key: '9df4b3ef28244b86de63cafeea38b32d24755ec0', class: this.elementClass }, h("span", { key: '3b1cbe7b5d9214198dfd70a9c903a7b8783db296', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '3317ed273d23430e51122fdd4883260ad012f6bd', icon: "fa-chevron-right" })), h("div", { key: '5df01a3f03c0e58545834a76fa57f06896e9bd5f', class: "spw-sidebar__content" }, h("slot", { key: 'bd168b105e38ba87e162a268dbdfdfab3ea528b5', name: "navigation-top" }), h("slot", { key: '6cb92a278ad9b61ce476b7a08d272de46823a976', name: "navigation-bottom" })), h("div", { key: 'dae6c6c1134889e4299c698baaa2c7f1b865cb8d', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'edee01243e0911d48e015ec2498a86ad9641497b', class: this.hostClass }, h("div", { key: '4fa44fbf1a1518a66dfa4c650c113841f76943fa', class: this.elementClass }, h("span", { key: '7cd08e5b683f3dde669199a15014113524be6bc1', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '25c5d5c69cdc5329dfe226b78e45dee0eb4312d2', icon: "fa-chevron-right" })), h("div", { key: 'e2f88d47e9fd12bc73dbb50c4e793b10fa1542c5', class: "spw-sidebar__content" }, h("slot", { key: 'b0941cfba3e36c64629fdef24d645cfb7dae4ab1', name: "navigation-top" }), h("slot", { key: '4f6d720d7dc445199b8baf305f662d1e62bec1df', name: "navigation-bottom" })), h("div", { key: '1b2c3a48557f7a4165e959e23f4a332883836cde', 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: '523e6b7bc892bd66631b70a2e6ed282467fc3107' }, h("div", { key: '9ff0b89ae13233f5d2ad87323d462a0521f87659', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '5f663b78786949b85a2e840a4ff84e4480a0f9a1' }))));
+        return (h(Host, { key: 'f673c7eb5f129f65245e50344b6c3fd042b1ed00' }, h("div", { key: 'ce611e77df624757b090df60b01e2db61f24b0c2', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '3b09a48ea991fa129a6ba2649e1e8f204ad7f207' }))));
     }
     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: 'ba11b7fa5f5e9bdd65b15bee94982ca23e249a3b' }, h("div", { key: 'b561e59477e5a7f6795f33ec4a1fe37a20efaf2c', class: "spw-slider-item" }, h("slot", { key: 'd5fdd743327d5531e1b2936fe1ac33b8e0a03997' }))));
+        return (h(Host, { key: 'edf7a577c830cfc40ff092c4cd7d4318d63269b8' }, h("div", { key: '98fad89b46e00a06f00609bfd05baf955adb6756', class: "spw-slider-item" }, h("slot", { key: '5bcb51ee29dcd4fff680706d5b6d14892b9900ab' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -181,6 +181,19 @@ export class SpwSlider {
         }
         if (maxHeight > 0) {
             this.currentHeight = maxHeight;
+            this.applyFixedHeightToHeroes(maxHeight);
+        }
+    }
+    applyFixedHeightToHeroes(height) {
+        var _a, _b, _c;
+        for (const slide of this.slides) {
+            const slotContent = (_b = (_a = slide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+            if ((slotContent === null || slotContent === void 0 ? void 0 : slotContent.tagName.toLowerCase()) === 'spw-hero') {
+                const heroElement = (_c = slotContent.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.spw-hero');
+                if (heroElement) {
+                    heroElement.style.height = `${height}px`;
+                }
+            }
         }
     }
     async updateActiveSlideHeight() {
@@ -333,10 +346,10 @@ export class SpwSlider {
         };
     }
     render() {
-        return (h(Host, { key: '0f8bc5b05874222f6cde1d08c037e0ae68130304' }, h("div", { key: 'a887c4733dd28b42d7f02f6a932c684c1cd32bad', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: '2a4494dfeda2124783b4df1606eaf5d7f89e907d', class: "spw-slider__track" }, h("slot", { key: 'a56613deea7639ad35f5e6c666322d906f0ec896' })), this.showArrows && (h("div", { key: '6f704ec38591d6b6750664243c15fe57fccdc4ce', class: "spw-slider__navigation" }, h("button", { key: '5df00428b4c6be449c766cb0ac1e5ba01d8bcbf9', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '524112c8eb37558bca420b52a435b2defbdb0c72', icon: "fa-chevron-left" })), h("button", { key: 'fb416b804a154298b8bdb015f04f0d6a3f1d71b0', 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: 'c7154ee8189605888586d13fe89ccfae5a7e00f8', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'd22a702aabf20a5e66f08fc4b7cd8df6f474b407', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+        return (h(Host, { key: '0fb8c3e4ecd2676483134b88ab9b71cd31826b2f' }, h("div", { key: 'dfc50276f4dbae51a58e424ec50d48556939097c', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: '88334592f1af2e051b1aa89cd62ddf2af8a46c0f', class: "spw-slider__track" }, h("slot", { key: 'f41b00678f2badae20ec693517e29ed1475ea584' })), this.showArrows && (h("div", { key: 'f0ef2d4d4ad4f77becd87ac9b455f15a016ab10f', class: "spw-slider__navigation" }, h("button", { key: '44bdac63f7e03355ef39e43ef37c3c0ee6973ba5', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '8c93d6bf9a252daf73927e7b4ca9f829c7e87d3d', icon: "fa-chevron-left" })), h("button", { key: '20d7737bd34fbd35a923646b84a08c97f6c537d0', 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: 'e765f00b0232acd980470aa6747d7ce51510d8fb', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'ea48189d83ab197f94caeedc4e64bcad88ca3c25', class: "spw-slider__dots" }, 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: '4934de68336923c2503e48e1a5151a19e89de6f4', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'ab39d05758ca1565c3545f32f8eb7bef71c143f5', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '39642284b131da481c3d155e2608f72c09b6b527', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '8c75dc5426bb1a8dacfc787f21b6d82de1a92df5', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }

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: 'abc1a947c6d6992ccb9c294c0242912264dd1078' }, h("div", { key: 'f28cf5177cef893c49b0187fa4616296c1c1db23', class: "spw-socials" }, h("div", { key: 'd03a1e16d3a505bd3ef8bec61f6a314c45ad9e67', class: "spw-ds-container" }, h("h2", { key: '37a8151d8dd8176c4b422057e022aa122d23e119', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '9f92a94e2b32ebccf85745f1693623227f839652', class: "spw-socials__content" }, h("slot", { key: 'd0b76acafe17729845bf53724875981264f4e6a0' }))))));
+        return (h(Host, { key: 'f6329e89c55434076154d3ca151103335ac10577' }, h("div", { key: '96903e6ae33c1af1e0d2d652c752150f28d97615', class: "spw-socials" }, h("div", { key: '03a14fc25b2c26023d129edc870a8542eed2bf23', class: "spw-ds-container" }, h("h2", { key: 'fa458965e8fd226dc0fbb561f6ac1bc13845a17c', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2d8734db8d0b044a44e623d44e487c7838d032c3', class: "spw-socials__content" }, h("slot", { key: 'e7385e4821761f0bb3a61986986be7cf6b69986f' }))))));
     }
     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: 'e33792c2ec06c5ec8e8a0980dd3aaf2a13b38f6a', part: "tbody" }, h("slot", { key: 'a44428911d29a93c4d53e7ee68af8d7c0413c046' })));
+        return (h("tbody", { key: '1e2cae36132ae92bc0401e293d8798577d8fbb2e', part: "tbody" }, h("slot", { key: '8a371389eb6d233289d46f46b22ed2dfcde4416a' })));
     }
     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: '8c9f61a9549feb2b511a28f5b3876745771f020a' }, attrs), h("slot", { key: 'b7a1227ba5bf57665986ad13c2772627858758ed' })));
+        return (h("td", Object.assign({ key: 'effc0c4a624da06f9475d28cd28bd974962fe61d' }, attrs), h("slot", { key: 'e74f8400d40469d6cd8ba7f6c046907ebd8b5b95' })));
     }
     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: 'ac0f228ed42acb74774c1276061e881db19be44a' }, h("div", { key: 'bc780945c4aec1ff39651b3f505d98e07168df9a', class: "spw-table-container" }, h("slot", { key: 'efe2ce2ee4b72b8dade3da98c205815a8a03f92e' }))));
+        return (h(Host, { key: '0adc4afcdbfb3f89e4bbb9a0d4c9274bbeef8f97' }, h("div", { key: '68ee988b6cae0e7900f9d34c0cd52c3f1f80fca2', class: "spw-table-container" }, h("slot", { key: '09dedd4d844ef35c8cd9ff88248045d971074b70' }))));
     }
     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: '9740866a2dc38ac53c7bee665d802c9be5ff8598', class: "spw-table-footer" }, h("slot", { key: '5d4cfdad244391b2ba755de992906c4c16c56aec', name: "left" }), h("slot", { key: '9a8f3bb460b39ac75828fd3adbed4a5ad1006960', name: "center" }), h("slot", { key: '4357392f25cdcfdf51409a1070f4f3e115b2bd38', name: "right" })));
+        return (h("div", { key: '6ec3dc032589d602ddac46208f4fca63efc0116d', class: "spw-table-footer" }, h("slot", { key: '71a3c50b2d0ebd5109ed6f3b6b19ae50d0760ae9', name: "left" }), h("slot", { key: 'aa94ae8ca5042211242b75a55c83644d65de9f7f', name: "center" }), h("slot", { key: '1f0131a94677df657889a7e2f091ffda4d5f4397', 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: 'b178596fbe0be3e8d486b17ad3f0c1a00d24bde6', part: "thead" }, h("slot", { key: 'a9690c3e41e23d52719476d259c65d858fe4232a' })));
+        return (h("thead", { key: '8e941ae7cc42e8dd3630d6cea439941391701b7a', part: "thead" }, h("slot", { key: '75c939d2b0091ce625d3f01412b650a0b74f22dd' })));
     }
     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: 'a3bb6aa7ad66a94b7c20e809353056674e474a57' }, attrs), h("div", { key: 'bce3fb266714b5a59458da45def737e59b021f92', class: {
+        return (h("th", Object.assign({ key: '6823d8f55ca12333dc0a049067eb53ca67280628' }, attrs), h("div", { key: 'a053db61837ae38e3edcb237550ff811cfda9921', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '5df413b7bbbbb8d9e265d241a63442aaca2ca36d' }), h("div", { key: 'f8e6751b88957876ab6ea28d87146c6cfaccf2cb', class: "spw-table-header__icons" }, h("slot", { key: '6938119e0db10ede4b3832d7aa2a560db6b7381b', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'ddbfd6478fbb6ad2e78653dfd9374068bd72057e', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'feca25169fc8394e5ca87556ebd79f2f437c0dfd', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '2d2f432f1d7918e1917bf8f55a9c467690b8ff30', 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: '644ed96a6988b8c76124a522848c63cc3875a1df' }), h("div", { key: 'aea568a3a423d8e65a137daa38b448f9f1dd42fc', class: "spw-table-header__icons" }, h("slot", { key: '5ecc61fc2536c6c1c005b5904cdccc5d92804e53', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '2370f77fc6565238898be7176dcd8d1d2577a3ea', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '52734794cc0155a53b8deb276e71815d50c979ce', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '85ee24968fc3b32e7b1d7697d7dcd1f1eea1c619', 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: 'f10bb93146ee27815dbba9edbf9f3e42694e96dd', part: "row" }, h("tr", { key: '9add9811988a8c73dfaf460146e5e5348af1021a', class: this.elementClass, part: "row" }, h("slot", { key: '7b646e76b72581cab9572ad901d6fc2982457e64' }))));
+        return (h(Host, { key: 'f63ad778d14f814e4f94361ccafc3d21caf0730d', part: "row" }, h("tr", { key: '91290fc8f4093c369a2b2f7c3ebdc414aefc6273', class: this.elementClass, part: "row" }, h("slot", { key: '4e81f9559b52af7a6e1d037182e8dee6c0b01c25' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,7 @@ export class SpwTableSidebar {
     }
     render() {
         const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
-        return (h(Host, { key: '7be3398b2b1a2068913c9c3dddd7304119c448e3', style: style, class: this.hostClass }, h("nav", { key: 'bc4c085cd42b9e86d2f1c0f64236110910c9aedd', class: this.elementClass }, h("span", { key: '0c342dc83da83a7e67575f20705ce1bf480bd225', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'bc56f2ea8664305568159dd983582fa92f985163', icon: "fa-chevron-left" })), h("div", { key: '73529a8e44bc15bbfefad9b5823ee3bb8b52c9fc', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '17a31dbf4f58bfb56feca012ada7912bcdf1ba94', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '5fdc990597dc1d4a94aa8666b5c41af5d3c24d63', class: "spw-table-sidebar__content" }, h("div", { key: '64312586607dbf8d9a3ea0590f4a95d5ef486d2c', class: "spw-table-sidebar__header" }, h("span", { key: '97384639a399cad34e43dc9b4e6b7559e61ae382', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '39b0a0102c68152ff19a07e0410c20351b8d3d61', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '0dd560ef7b03d6504ad8e0f4f8270dc9ee2d4f14', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'fd839db008ec5353fdd9fad3220eedaef008560a', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'f8b6003f90fb0f226fcf2835e1a57169be9b0f14' })), h("div", { key: 'dcc25bd1f5b06493e5bcbe5936f58dac4d01407e', class: "spw-table-sidebar__footer" }, h("slot", { key: 'f58be681c70ebcc5143e3b9d505f7d03cce932b4', name: "sidebar-footer" }))))));
+        return (h(Host, { key: 'b7770826357e1f9c792058c74f33971b5141b6b7', style: style, class: this.hostClass }, h("nav", { key: '8b6f8c6979f172df49c71c026d4832f420978a25', class: this.elementClass }, h("span", { key: '5c6d6c9d360ecd75afa49fc7cbdab43dfe27193f', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1fd4e0f1184f26d8bebe4fe6ba180231ada225f1', icon: "fa-chevron-left" })), h("div", { key: '822e75b8a90a164207f7e5b73892c05292c4f05c', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '826cb2e5c5159b79987a2151133d9091897382d5', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '26c2a901507ae1fb158209b50047e67e87b4dd02', class: "spw-table-sidebar__content" }, h("div", { key: '1d6ac0e21e60c250ae19e12f0e9f0f55fbe0a7f6', class: "spw-table-sidebar__header" }, h("span", { key: '234e710f9c0b8e2c5e4f2be4b1f68a6571f3f326', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'fb2f5ca022f796c7bb4166326ef1cf3eaf5ff63f', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '474c22bebe4ba08c5063a4ffdd535f4165c2784f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '8b4eac3de21b9a85292cf7680882077e3dc02f0e', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: '12f90dcc38bccbe725efcbd6596c068d0ac6ec23' })), h("div", { key: 'ab8945abd0eb4a97e16e7177319362075b4f5bc6', class: "spw-table-sidebar__footer" }, h("slot", { key: '6525b536072bf059dadbd3f10c88cca36424c0a5', name: "sidebar-footer" }))))));
     }
     static get is() { return "spw-table-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -366,10 +366,10 @@ export class SpwTable {
         return this.formatSize(this.maxHeight);
     }
     render() {
-        return (h(Host, { key: '9241a735b07dd8d485efd1c78bda7e7ee48584e4', style: {
+        return (h(Host, { key: 'a27f522386f56b7e986ab0c2e694b21d890e72c7', style: {
                 '--spw-table-max-height': this.getMaxHeight(),
                 '--spw-table-min-width': this.formatSize(this.minWidth),
-            } }, h("div", { key: '4cd90a943fab8dd671949b6950b57e0e07a60654', class: this.containerClass }, h("slot", { key: '5a68fd7743ad0713ff07f60cccef0f342ef24881', name: "table-sidebar" }, " "), h("div", { key: '6241673fd1bf7fc2b2b5c909b0ffb19fa2fdd138', class: "spw-table-wrapper" }, h("table", { key: '6157ae6e7e58aa9554ed7cd542a6cc1689d6ce6f', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: '16518f0b35c03550c34b731b5f50d14c0bf9b827' })))), this.resizable && (h("div", { key: '77a9178055fd136c226a419527734ed83fab1170', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, h("div", { key: 'b0e4e50372688967c1a06950610be5b42cccdfdf', class: "spw-table-resize-handle__bar" }))), h("slot", { key: '1819e78bd5746a7a557f8032b8c57e4cd90672d0', name: "table-footer" })));
+            } }, h("div", { key: '54d2ef193caa29248a92da922ac1d0c8ace241a0', class: this.containerClass }, h("slot", { key: '1c6e1f056002c53b92be2a4bd3a04ffe0f7421bc', name: "table-sidebar" }, " "), h("div", { key: 'd71a94727cfb9a8274cc9c6c876f748bbeba2402', class: "spw-table-wrapper" }, h("table", { key: '77988b645320f208f8562788c8fe14560d4e790d', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: 'f4fac5291a4c24b9dc11a483109a10396b005f75' })))), this.resizable && (h("div", { key: 'f1505abcc482f662054ff5829b42f889c0e3865c', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, h("div", { key: '87f6d4a3598c1b6a8f8fccd48a0bb6b0f66ba71c', class: "spw-table-resize-handle__bar" }))), h("slot", { key: 'b65d66501d648a4dc14e990d97d8262994ae170f', name: "table-footer" })));
     }
     static get is() { return "spw-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.css

@@ -433,6 +433,11 @@ template {
     border-bottom: none;
   }
 }
+@media (min-width: 768px) {
+  .spw-tabs-navigation__list--centered {
+    justify-content: center;
+  }
+}
 :host(.--box) .spw-tabs-navigation__list {
   gap: 0;
   border-bottom: 0;

package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js

@@ -3,8 +3,11 @@ export class SpwTabsNavigation {
     constructor() {
         /** Définit si la navigation doit être verticale sur mobile (à utiliser avec le variant default) */
         this.isVerticalOnMobile = false;
+        /** Si true, centre les items horizontalement */
+        this.isCentered = false;
         this.showLeftArrow = false;
         this.showRightArrow = false;
+        this.hasOverflow = false;
         this.scrollPercentage = 30;
         this.resizeObserver = null;
         this.mutationObserver = null;
@@ -49,9 +52,9 @@ export class SpwTabsNavigation {
             const containerWidth = this.ulElement.clientWidth;
             const contentWidth = this.ulElement.scrollWidth;
             const scrollLeft = this.ulElement.scrollLeft;
-            const hasOverflow = contentWidth > containerWidth;
-            this.showLeftArrow = hasOverflow && scrollLeft > 0;
-            this.showRightArrow = hasOverflow && scrollLeft < contentWidth - containerWidth - 1;
+            this.hasOverflow = contentWidth > containerWidth;
+            this.showLeftArrow = this.hasOverflow && scrollLeft > 0;
+            this.showRightArrow = this.hasOverflow && scrollLeft < contentWidth - containerWidth - 1;
         };
         this.scrollLeft = () => {
             if (!this.ulElement)
@@ -97,8 +100,9 @@ export class SpwTabsNavigation {
         const listClass = {
             'spw-tabs-navigation__list': true,
             'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
+            'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
         };
-        return (h("div", { key: '395d50e8901664bcdf9e6554866b394341acd39c', class: containerClass }, this.showLeftArrow && (h("button", { key: 'bdf781064e475b8a423e7b5341386c99c94e1362', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '1e843d44189f77696df4ec70c38abf5355781897', icon: "fa-chevron-left" }))), h("nav", { key: 'a0c7c4b9a48302c609cc8c03b107dd9e3285883a', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '03ba014c505a547156e6b1ba06ff034e164b5aad', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'bb6808f13b627deee014fb3290353556346c855e' }))), this.showRightArrow && (h("button", { key: '09cf74c79030819d8f06411b2d4efcea9a083c6f', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: 'd6a3ad3f6a3d3b2b51c67f75980ecc1c7392602e', icon: "fa-chevron-right" })))));
+        return (h("div", { key: 'd9526de6f73de6dd9639f07ec8f011b423e74c8b', class: containerClass }, this.showLeftArrow && (h("button", { key: 'bafd1300feb72ba7c9641e91f7f09c26285740c0', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'cd4b80d6c91d2f39beed32ab99a8b3017c06faaa', icon: "fa-chevron-left" }))), h("nav", { key: 'a8cf03c8b7eb3ae4e29e55137cc3bb7e00a6b5ac', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'c2926b88df483fae68841b955a0fc8d2b770142e', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '151bded4bb89abfb04aa12d5161ee8330369653d' }))), this.showRightArrow && (h("button", { key: 'c7bc47a722ead9d6799205dbadacd697b405d619', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '14162defe5b196e984022ea87c7ac38600131c8a', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }
@@ -152,13 +156,34 @@ export class SpwTabsNavigation {
                 "reflect": false,
                 "attribute": "is-vertical-on-mobile",
                 "defaultValue": "false"
+            },
+            "isCentered": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si true, centre les items horizontalement"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-centered",
+                "defaultValue": "false"
             }
         };
     }
     static get states() {
         return {
             "showLeftArrow": {},
-            "showRightArrow": {}
+            "showRightArrow": {},
+            "hasOverflow": {}
         };
     }
     static get elementRef() { return "hostElement"; }

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

@@ -63,7 +63,7 @@ export class SpwTabsNavigationItem {
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
         const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
-        return (h(Host, { key: '6a0f8573e01873792a4429ead207af1d9fbbe071', class: this.active ? '--active' : '' }, h("li", { key: '2bf49b6ded7e45efdfb30579a1baecca5424419c', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '9f7f9aa0acb5342b88ec1c3580d7825c1cc080f7', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'f354e3e8870fd085797b6851d2b6fdcc5b887e1f' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '6cd5cd838f7846f587148ddcce94c70594c45925' }, iconPosition === 'left' && iconElement, h("slot", { key: 'bb24c6e08596442083fc005a21d29d3b05378f41' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '4a3f7ee0667744ed26b3b9a420deefd70deed059', class: "bubble" }))));
+        return (h(Host, { key: 'cc1de6eee027ca562b1dc2bd55a80dcdc1600234', class: this.active ? '--active' : '' }, h("li", { key: 'ce2860b2a031033770c4f98945a64f8d08cb8b8c', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'c647fc05687386b8bc916650be8e24f22df6955b', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '371c462ea78a5e8c5b51a0aaf8cfa519d87e05ba' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '713343285c3180fd8bd594731224a713a8d7e2a0' }, iconPosition === 'left' && iconElement, h("slot", { key: 'e2cc0edb04b9eb36cd4db2180e1060ebc622e89b' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '318c6d8a068ddd6ad35988fa217c991c08e63f33', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,7 +167,7 @@ export class SpwTabs {
         };
     }
     render() {
-        return (h("div", { key: '18a57056a40fce56bfdd363135c6a890924d9395', class: this.elementClass }, h("slot", { key: '10f521e0f7d17045db458946b03418d55c79aa8b', name: "navigation" }), h("slot", { key: 'dfe7cb41593080af6dfbbab469cb4cb6423c7b3f', name: "content" })));
+        return (h("div", { key: 'fda1a1eaf9bf2fa9a05e02eb703a882b3c6df09d', class: this.elementClass }, h("slot", { key: '64a8c81a9c28e2fe215cf10ef1d1872080228ca2', name: "navigation" }), h("slot", { key: '25de82acee3e062486fd5f0be64983bac0b037c2', name: "content" })));
     }
     static get is() { return "spw-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -395,7 +395,7 @@ template {
   transition: all linear 0.2s;
 }
 .spw-tag--hoverable:hover {
-  transform: translateY(-5px);
+  transform: translateY(-3px);
 }
 
 .spw-tag--default {

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

@@ -46,7 +46,7 @@ export class SpwTag {
                 target,
             };
         const iconToDisplay = this.icon || this.getIcon(this.variant);
-        return (h(Host, { key: 'b7a61c246053725038e8cbceb57959003c1d5a12' }, h(TagType, Object.assign({ key: '4bfdb8d5f10b185845b8fdf1cc8bd7aa3f52825e' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: '8917b12dab755c8239225dcd3a37992875b0bbfb', variant: this.iconVariant, icon: iconToDisplay }), h("slot", { key: '14f27d389be0663cda039def60c04e76741c9474' }))));
+        return (h(Host, { key: 'a71cd2cfd193b71bfe10b72f93f0e66b4e203467' }, h(TagType, Object.assign({ key: '3eb52d629c02c8285e40b695fa82c0b88e436a4f' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: '68e3f695a9a943f0fb8b9ab09675016504142f9c', variant: this.iconVariant, icon: iconToDisplay }), h("slot", { key: '2c5cad5116522b333ced94f8634a290bc9392695' }))));
     }
     static get is() { return "spw-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -419,7 +419,6 @@ template {
   -webkit-appearance: none;
   appearance: none;
   margin: 0;
-  text-align: center;
 }
 .spw-text-field__input[type=number]::-webkit-outer-spin-button, .spw-text-field__input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -560,8 +559,9 @@ template {
   height: 60px;
   font-size: 18px;
 }
-.spw-text-field--is-number .spw-text-field__input {
+.spw-text-field--has-controls .spw-text-field__input {
   border-radius: 0;
   border-left: none;
   border-right: none;
+  text-align: center;
 }

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

@@ -33,6 +33,8 @@ export class SpwTextField {
         this.accAriaLabelIncrement = 'Incrémenter';
         /** Aria-label pour le bouton de décrémentation (input number) */
         this.accAriaLabelDecrement = 'Décrémenter';
+        /** Si true, affiche les boutons +/- pour les champs numériques */
+        this.hasControls = true;
         /** Positionnement du tooltip */
         this.tooltipDirection = 'top';
         /** Curseur du tooltip */
@@ -49,13 +51,13 @@ export class SpwTextField {
     }
     async setValue(newVal) {
         const formatted = this.mask ? this.applyMask(newVal) : newVal;
+        if (this.inputElement && this.inputElement.value !== formatted) {
+            this.inputElement.value = formatted;
+        }
         if (this.value === formatted) {
             return;
         }
         this.value = formatted;
-        if (this.inputElement && this.inputElement.value !== formatted) {
-            this.inputElement.value = formatted;
-        }
         const emitValue = this.getTypedValue(formatted);
         this.internals.setFormValue(emitValue ? String(emitValue) : null);
         this.isClearIconVisible = this.isClear && !!formatted;
@@ -196,11 +198,12 @@ export class SpwTextField {
             'spw-text-field--is-error': !!this.error,
             'spw-text-field--is-clear': this.isClearIconVisible,
             'spw-text-field--is-number': this.type === 'number',
+            'spw-text-field--has-controls': this.type === 'number' && this.hasControls,
             'spw-text-field--disabled': this.disabled,
         };
     }
     render() {
-        return (h("div", { key: 'b11665fb896860fe4d79a471949d0a89c38d3bd8', class: this.elementClass }, this.label && (h("spw-field-label", { key: '5bb094deba051ae99a60c2c17a661c519dd6719d', 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: '7774e718bc751b944fcdfa30e0725f78db5c502b', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '3ad332ffcc8b50c4ac9aff10a255b2d5f8497127', class: "spw-text-field__container" }, this.type === 'number' && (h("button", { key: '97f2756eefa566c22b83ce18d3db191c23b35c73', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '2a5ef7cbefd4032c1572ef25596b5f1e81e9651f', icon: "fa-minus" }))), h("div", { key: 'a026ce5cab9b6a1ec7255ad5aea33eb5479c0734', class: "spw-text-field__input-container" }, h("input", { key: 'ec1bce41ae2046fbb8adad9853d44b67f36393a4', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '77e08772a0c45595513392f84467ce698967981c', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'd95bf391bc70a3c0320476e23f8974b12dc9637f', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '1d6637b8ed077d8982cb9caa72fae5f4ba6a97d3', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '4d808df963969cb28e8f527abdbaf05dc538d2be', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.type === 'number' && (h("button", { key: 'c7387829c31b14cebeb99255c21b8db00a9bf214', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: '2fd7b61611b45d3d9257255de00cd01dc204fbf7', icon: "fa-plus" }))), this.indicator && h("div", { key: 'd7494677e61db71f0db9d2c916ec2e44203862f4', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '5f9bad3bcbea0645272e470ffbd7c1a25b4cab72', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'df91a364e9b0b876fa0a7aed1046dc0da5bd0707', 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: '0777be50edbd86b4251a616394d57913e02a7a16', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2877173b8a5e49c254c524f9f58ed7da1a4376bd', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'c5159db988b7a72c6ded3f11d45eb1f1a1b678dd', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '9492a498fb609422cb0042882e2dadd7421bfb54', icon: "fa-minus" }))), h("div", { key: '2107598e963c47b9881678a4ca5a863c9f0e04a5', class: "spw-text-field__input-container" }, h("input", { key: '857a418398634c5f37dfefd03aea11d4106faa00', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '843320806ff186497a9ad486ffd7ef600e7dd520', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'c247f7f38e24ebe468ed03bb52530cc380e98130', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '8b3fd6b131747b9aa50762d4b570c94daa9214af', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: 'bb929a1cbf096b159edc56eb4a5ae9f460905cac', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.type === 'number' && this.hasControls && (h("button", { key: '269524620433e27a9ba93cef1fe43b1df848fde6', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: '13a126a032d8ea356dca6b7d03b90890aab039e0', icon: "fa-plus" }))), this.indicator && h("div", { key: 'c28c4357b50eb28f0fafee26c98e680562fb9b3e', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }
@@ -765,6 +768,26 @@ export class SpwTextField {
                 "attribute": "acc-aria-label-decrement",
                 "defaultValue": "'D\u00E9cr\u00E9menter'"
             },
+            "hasControls": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si true, affiche les boutons +/- pour les champs num\u00E9riques"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "has-controls",
+                "defaultValue": "true"
+            },
             "mask": {
                 "type": "string",
                 "mutable": false,

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

@@ -98,7 +98,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: '524c32b0f0f852de24026604a066f95c1d7ccbfb', class: this.elementClass }, this.label && (h("spw-field-label", { key: '40ad0dc2b496e937513137835a776de853c41ed0', 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: '040e4e5c352e5faacc84dcfa6b78bbf0b05e6f31', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '23cff2acf17177df93ce45b9ba71fb573b79b7d4', class: "spw-textarea__container" }, h("textarea", { key: '4d21f0a5fea8f1708bc994a4a662c76b765cfd2b', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '969bf413d0e2bc908abdda0f7c9f4b92bdcd505c', class: this.elementClass }, this.label && (h("spw-field-label", { key: '37e58083253f1ffde80a93ed3a56405162d007e3', 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: '978c654bafc30aae7c0e83a795fcb5636db1a4ac', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2a1646f7916b20b966874d27f89861aacb59bf22', class: "spw-textarea__container" }, h("textarea", { key: 'ec3bd7bbad34d1b94260583bf67a313d52cd5709', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-theme-provider/spw-theme-provider.js

@@ -24,7 +24,7 @@ export class SpwThemeProvider {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: '6675471af86e993a46b03fb7dd3764f71ef216de', class: `spw-theme-${this.theme}` }, h("slot", { key: '4162f51f4981730116a60b1ecaa12b173df1fb1c' })));
+        return (h("main", { key: '45cb055af292aff8ad9717cdbf9a4bd13245f0fe', class: `spw-theme-${this.theme}` }, h("slot", { key: 'b6a5cb62b67f553a9b8a7cb762353581d8943f8f' })));
     }
     static get is() { return "spw-theme-provider"; }
     static get properties() {

package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: 'f71bb2c8959df38f893f4fdaaf04fd0222036271', class: "spw-tile-description" }, h("slot", { key: 'f761676118bc7ccd8b591a4d885f0349d96a24fc' })));
+        return (h("div", { key: '34dab4b95a4b324bd4b32c7095f7296f9d42b6e3', class: "spw-tile-description" }, h("slot", { key: '0bb4cba6ad7eb171b1f414e2f9670fd82a078c62' })));
     }
     static get is() { return "spw-tile-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileTitle {
     render() {
-        return (h("h3", { key: '7e286fc26ee16dbef6c7714833f73d29e594f366', class: "spw-tile-title" }, h("slot", { key: 'd0f0b424eaba35e19ccfdfe0f31f8dc48b6cd3be' })));
+        return (h("h3", { key: '4cd81ba30ebbfb8e71504f9b8af31e8fa6c8e069', class: "spw-tile-title" }, h("slot", { key: '1429b145f5cb480cb59676a7ad438f59c397f03b' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class SpwTile {
                 href,
                 target,
             };
-        return (h(Host, { key: '14543fde4d542a92278866c211def81ac05c2c2e' }, h(TagType, Object.assign({ key: 'c45b51b480c106ade3de8562be667cab5931f1b1' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '8c21ae31c1b09d6f7b1f91269083835fb775763f' }, h("div", { key: 'c44692a80293e66ae72238999fc4e9be4c85cd70', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: 'ff893ebc63779b0c7e8162e485881797cc1e9aaf', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '3bb24e0023078ee353ff32c1d9b364322376972a', class: "spw-tile__content" }, h("slot", { key: 'c1c8d57434f4bde771af4b697217260e7455a31b' }), this.href && this.variant === 'big' && (h("span", { key: '67e45259437402b775d945721179b5e9e88d9838', class: "spw-tile__button" }, h("spw-icon", { key: 'ea0a08e65183dc4960f3a7062a49f261008e83e4', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: 'ce17a046ffc7af1dd73d2be5e4a2cbc75f6b65bc' }, h(TagType, Object.assign({ key: '7232f8621b41cf2f2aa5b5caa8cfe1e5e36d4f76' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '8d78c26e3da36ee9e9182d96535c4d63f6b54dfa' }, h("div", { key: '3b0a50fefc5cae8e7949bf615c935f4c66e1391b', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: '0eaa5160263ee25bdcdbce3d7951f95e59c095f3', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '0a6b3a71d7f695e3808da759bb7ba346a3ec609a', class: "spw-tile__content" }, h("slot", { key: '5ee97714e813619e9207481562bded7c59cef376' }), this.href && this.variant === 'big' && (h("span", { key: '7f5770cf91270ff02ff6c4fdd684086ae244a983', class: "spw-tile__button" }, h("spw-icon", { key: 'a6f31be8ccf762d5196f0e894edd38c637a52359', icon: "fa-chevron-right" })))))));
     }
     static get is() { return "spw-tile"; }
     static get encapsulation() { return "shadow"; }