@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections
@@ -385,13 +385,38 @@ template {
 .spw-select__container {
   position: relative;
 }
-.spw-select__arrow {
+.spw-select__icons {
+  display: flex;
+  align-items: center;
   position: absolute;
   top: 50%;
-  transform: translateY(-50%);
   right: 12px;
+  gap: 8px;
   pointer-events: none;
-  color: var(--spw-color-themes-grey-grey-600);
+  transform: translateY(-50%);
+  z-index: 1;
+}
+.spw-select--large .spw-select__icons {
+  right: 24px;
+}
+.spw-select__clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  pointer-events: auto;
+  cursor: pointer;
+  padding: 2px;
+  font-size: 16px;
+  transition: all 0.2s ease-in;
+}
+.spw-select__clear:hover {
+  color: var(--spw-ds-primary);
+}
+.spw-select__arrow {
+  pointer-events: none;
+  color: var(--spw-color-themes-grey-grey-900);
   font-size: 16px;
 }
 .spw-select__field-message {
@@ -413,6 +438,9 @@ template {
   padding: 0 12px;
   padding-right: 40px;
 }
+.spw-select--is-clear .spw-select__trigger {
+  padding-right: 68px;
+}
 .spw-select__trigger:hover {
   outline: 4px solid var(--spw-color-themes-grey-grey-300);
 }

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

@@ -29,6 +29,8 @@ export class SpwSelect {
         this.tooltipDirection = 'top';
         /** Curseur du tooltip */
         this.tooltipCursor = 'help';
+        /** Indique si le champ peut être effacé avec un bouton */
+        this.isClear = false;
         this.defaultValue = null;
     }
     handleItemsChange() {
@@ -160,16 +162,21 @@ export class SpwSelect {
             return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon }, this.warning));
         }
     }
+    handleClear(event) {
+        event.stopPropagation();
+        this.resetSelect();
+    }
     get elementClass() {
         return {
             'spw-select': true,
             [`spw-select--${this.size}`]: true,
             'spw-select--disabled': this.disabled,
             'spw-select--is-error': !!this.error,
+            'spw-select--is-clear': this.isClear && !!this.internalValue,
         };
     }
     render() {
-        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()));
+        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()));
     }
     static get is() { return "spw-select"; }
     static get encapsulation() { return "shadow"; }
@@ -678,6 +685,26 @@ export class SpwSelect {
                 "reflect": false,
                 "attribute": "tooltip-cursor",
                 "defaultValue": "'help'"
+            },
+            "isClear": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Indique si le champ peut \u00EAtre effac\u00E9 avec un bouton"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "is-clear",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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

@@ -27,7 +27,7 @@ export class SpwSeparator {
         };
     }
     render() {
-        return h("div", { key: '668a2dc71a3a97752d56b021ad18007f1c118af9', class: this.elementClass, style: this.style });
+        return h("div", { key: '3d2529505da0f9881cb093a885b0a57e730073e0', 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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '640aa5e1d67cb32afdce0603ad865426bb1a6b15', class: this.classes }, h("div", { key: 'ef96864ec47e7a4d708d14e05cce0c01d22e1f43', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '49cb9b4aa8c011be84968e5864140d5c8ddbab3e' }))));
+        return (h(Host, { key: 'd69beb71bbf29dca2f27e77ebc08f0a74a8cd2f9', class: this.classes }, h("div", { key: '6f733c8b37f72506d374a24afba53b6f8bda8029', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '001c4af4c68959d1afaabe6d3c54b25b1f5443b2' }))));
     }
     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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '87015e8ae9e150f775257ce3415d880dba940cf9', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: 'f93a64218b6494b52834e95345b2dbe92ad3616e', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '42906bfcce37c17ab1f8711a924d5a234feda614', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '7e2222f1ebc56df2e21ea505570a0996629ea30b', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'cd18e232bd9caded802bab82875ac96427940958', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '07ba9a398218100d6f3f3e2dcbb204b153d607a7', 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: '9e3eb9fffb4b1499bdef29e004104763ebf55056', 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: '500dff40c0ef6571667dc8cb3be96a834ca216d9', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'a9ebb61ed27481ee892148170824402654a2a270', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '7385726989771b3181b9879ba1face7460654582' })), this.hasDropdown && (h("div", { key: 'a37ee7fd4e71856b1e374fafadd1e75b2597dc8d', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'b25ebafce8ee7fb516f8825eb41817de6946cef1', icon: "fa-chevron-down" }))), h("slot", { key: 'ed8324111bbbb558fb288cdbe6248d3b25409912', name: "dropdown" }))));
+        return (h(Tag, { key: '2dded95a05074a0b7390fa03d92ddfef7158f86c', 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: 'a29556b5e803dfc5dbf3ef8799de5817e96b3016', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'ed6ca23fead9c0d16c4803293a8d1a6501f2f6c5', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '3cca452ee652b864f1db48b695c37939e080c438' })), this.hasDropdown && (h("div", { key: 'd315c0333584080ff8230a46ac00ca794c66f767', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'd9cfa65d7453bf20c870d58d1e5c96ce0b71651c', icon: "fa-chevron-down" }))), h("slot", { key: '471fa81985d0fdf7b04ecdaf435e81dddd09b87a', 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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '4950cb0e0b54c6590da69a38f32c47936ba1ccd3' }, h("spw-separator", { key: 'd75edfd5b7a7f8bdbfa16d00ce6d0a8aea300e2c', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '19fa83d65c6cb739063ee5497ea57c7c86d938b3' }, h("spw-separator", { key: 'a9e1e81d8d38185485b123119bdbedb709865ad9', 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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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

@@ -76,7 +76,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '930f06073c4484acf164e707fd8d3ea90bdb4d4f', class: this.hostClass }, h("div", { key: '749a9b740553e2e8609562bb3659208c5757596a', class: this.elementClass }, h("span", { key: 'c53dfb494cfe4660ca598b0026ea16261475cd06', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'cf5e6e5162fe9be433873663cbe9807fe3cfab77', icon: "fa-chevron-right" })), h("div", { key: '4a82c3d26c0d142805c8d259f30fff55982e6faf', class: "spw-sidebar__content" }, h("slot", { key: 'c06770e45552b1b800e6d62659cbb24a8042f064', name: "navigation-top" }), h("slot", { key: '3bd3738c9bea915013a9fcdabdfe87895e5b899b', name: "navigation-bottom" })), h("div", { key: '969e1b80d600aad1273950883728aca627a046d8', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'f0df3f268b787b5ac29047fa58a2e73a2126da85', class: this.hostClass }, h("div", { key: '4b4ce2b34006841b5a6b942822f7ea49d0025522', class: this.elementClass }, h("span", { key: '3652eeee352c0f4cb4551a121f303f5814b717ff', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '5aa408fa6250f8f74807d4752a354989d3175705', icon: "fa-chevron-right" })), h("div", { key: 'e353f1766f1b8bdeeb199f25d298c8f3d3af0da3', class: "spw-sidebar__content" }, h("slot", { key: 'b60b898ba094322d0c5f966c79a018c49376836a', name: "navigation-top" }), h("slot", { key: '3e943a264ffe3b546e8cbb9ac768a56901cc7f64', name: "navigation-bottom" })), h("div", { key: '930d4e79a049412856454fd3f0e6b8b84a20025e', 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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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

@@ -44,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '3acf0c911c34ec645527dfe4151ddb4d6daccf25' }, h("div", { key: 'ce4907d208ee75c7162a0fe58195a9b4d9095b8a', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'ccd659cce9d41dd54bb7433120689adf0f27ca68' }))));
+        return (h(Host, { key: 'bdb56ac10d582bfcea5392a300ea0dd9fb06335d' }, h("div", { key: '810b470fc53a865dbae39464ac6a731fbfa9a05b', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'd29fb62ebc55fccc3a2b4fc76c996b8cb3be08d1' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '9e65273b68a32451ec023757dd0d85fd978949fd' }, h("div", { key: '4e7cf6123e9fbd66ec6a3fe15a808e363213bbce', class: "spw-slider-item" }, h("slot", { key: '5ba70318b10a31f18576e74f970b965ccd418575' }))));
+        return (h(Host, { key: '25f3459e0d1756a7767f2516208cd042971a9f31' }, h("div", { key: '74ea10bba42bdf12c9b0c35233695617a42e3776', class: "spw-slider-item" }, h("slot", { key: '3956d60420ea2f2c2959e1079048fa976b23fc70' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections
@@ -391,6 +391,10 @@ template {
 .spw-slider--arrows-outside {
   padding: 0 56px;
 }
+.spw-slider:focus-visible {
+  outline: 2px solid black;
+  outline-offset: 2px;
+}
 
 .spw-slider__track {
   position: relative;

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

@@ -17,6 +17,8 @@ export class SpwSlider {
         this.arrowsPosition = 'inside';
         /** Texte aria-label pour la slide suivante */
         this.nextSlideText = 'Slide suivante';
+        /** Texte aria-label du slider */
+        this.accAriaLabel = 'Slider de contenu';
         /** Texte aria-label pour la slide précédente */
         this.previousSlideText = 'Slide précédente';
         /** Fixe la hauteur du slider à la hauteur de la slide la plus haute */
@@ -31,6 +33,7 @@ export class SpwSlider {
         this.isAutoplayActive = false;
         /** Position de départ du swipe/drag */
         this.startX = 0;
+        this.startY = 0;
         /** Position actuelle du swipe/drag */
         this.currentX = 0;
         /** Est en train de swiper/dragger */
@@ -155,6 +158,12 @@ export class SpwSlider {
             this.totalSlides = this.slides.length;
             this.slides.forEach((slide, index) => {
                 slide.style.transform = `translateX(${index * 100}%)`;
+                if (index === this.activeIndex) {
+                    slide.removeAttribute('inert');
+                }
+                else {
+                    slide.setAttribute('inert', '');
+                }
             });
             if (this.resizeObserver) {
                 this.slides.forEach(slide => {
@@ -273,6 +282,12 @@ export class SpwSlider {
             const offset = (i - this.activeIndex) * 100;
             slide.style.transition = 'transform 0.3s ease-in-out';
             slide.style.transform = `translateX(${offset}%)`;
+            if (i === this.activeIndex) {
+                slide.removeAttribute('inert');
+            }
+            else {
+                slide.setAttribute('inert', '');
+            }
         });
         this.scheduleHeightUpdate(0);
         this.scheduleHeightUpdate(320);
@@ -283,6 +298,7 @@ export class SpwSlider {
     }
     handleTouchStart(event) {
         this.startX = event.touches[0].clientX;
+        this.startY = event.touches[0].clientY;
         this.currentX = this.startX;
         this.isDragging = true;
         if (this.isAutoplayActive) {
@@ -301,6 +317,11 @@ export class SpwSlider {
     handleTouchMove(event) {
         if (!this.isDragging)
             return;
+        const dx = event.touches[0].clientX - this.startX;
+        const dy = event.touches[0].clientY - this.startY;
+        if (Math.abs(dx) > Math.abs(dy)) {
+            event.preventDefault();
+        }
         this.currentX = event.touches[0].clientX;
     }
     handleMouseMove(event) {
@@ -319,6 +340,16 @@ export class SpwSlider {
             this.handleDragEnd();
         }
     }
+    handleKeyDown(event) {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            this.handlePrevious();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            this.handleNext();
+        }
+    }
     handleDragEnd() {
         if (!this.isDragging)
             return;
@@ -346,10 +377,10 @@ export class SpwSlider {
         };
     }
     render() {
-        return (h(Host, { key: 'c6863e180b54d0bf5cc26ea1883955c0c0925c1c' }, h("div", { key: '43870fa57c6b78af8b21af910bcfe88cdc4e5d59', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: '5b8f77a6395743a7eb75800df509a0236168fed3', class: "spw-slider__track" }, h("slot", { key: '93e11c5d40f490bc2bfd765391a9936cb8d93141' })), this.showArrows && (h("div", { key: '81594144b0ce15e410b556efea3ed9d6940cf46a', class: "spw-slider__navigation" }, h("button", { key: '2b111417fd0f13e322610361220e089d8ea9739e', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'e9ca0e08186926618fdcbe70b26208e710e1abed', icon: "fa-chevron-left" })), h("button", { key: 'c6d371f75367f1f6ee706a53262c4a69b81a92ce', 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: '531ba5452710d9ca05aee9496e35a1fd3520eefb', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: '1c7e8313e350a54803e6338e222d22b1519b05f8', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+        return (h(Host, { key: '1805d82cf65e9b3a182de593cf1032539c23e7e7' }, h("div", { key: 'dd671240f1ab226c2621e58be8182a5f5e9aeae7', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: '2fca0f3957edceaaf42c48e02cf0f83ae1eb5774', class: "spw-slider__track" }, h("slot", { key: '22c0591c2335165cd586502aa0c8279f7c81962d' })), this.showArrows && (h("div", { key: '497860e091f5a63c90900e880a8e1385bff276be', class: "spw-slider__navigation" }, h("button", { key: '7a935561945089600d4a8d0d9ad1d80e215daa9b', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'b18e5cdf255f70bc6ec2209194937f53f4ce2452', icon: "fa-chevron-left" })), h("button", { key: 'fa06d5ff7c58562756720433a52507469fbd6109', 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: 'b28e6ff11502d2a0bc783781f0e699db73482e24', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'e69181a3e922309ce8022098f6648926f1330eb9', 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: 'df5c164e3537c8283352efb329a0d6cb04541b88', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '1446faf45acb590b47ec613cb02971cc74f93948', 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: '75b609a431a3bd560002adc6676dae37feaa5853', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: 'd62dc7a17a594c50c8430f1e7b58b0a6dc923650', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }
@@ -525,6 +556,26 @@ export class SpwSlider {
                 "attribute": "next-slide-text",
                 "defaultValue": "'Slide suivante'"
             },
+            "accAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texte aria-label du slider"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "acc-aria-label",
+                "defaultValue": "'Slider de contenu'"
+            },
             "previousSlideText": {
                 "type": "string",
                 "mutable": false,
@@ -594,7 +645,7 @@ export class SpwSlider {
                 "method": "handleTouchMove",
                 "target": undefined,
                 "capture": false,
-                "passive": true
+                "passive": false
             }, {
                 "name": "mousemove",
                 "method": "handleMouseMove",
@@ -619,6 +670,12 @@ export class SpwSlider {
                 "target": undefined,
                 "capture": false,
                 "passive": true
+            }, {
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: 'd005bc6c7218424cd7be9d3a79b9acf8b91a268d' }, h("div", { key: '0b5fccd50c264383203d988e0213b8f568f2e7ee', class: "spw-socials" }, h("div", { key: 'd6530f3f54755586d7d4537b274501fd11807f1e', class: "spw-ds-container" }, h("h2", { key: '9de7d1380f92750106bc74649d6ed010cf762258', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'f37e3e884487058d727c4324f6faa12dbc8b9b8b', class: "spw-socials__content" }, h("slot", { key: 'b4637700c995152c3de7e18591250325cf520a88' }))))));
+        return (h(Host, { key: 'ba213a60946d962a7896f53d44ae9a3e133e049e' }, h("div", { key: 'b7596cb5e11ad3e7fc90f1a841a7d5cffc098ce5', class: "spw-socials" }, h("div", { key: '037875e60436a5eb1133ecc290d76e899a9847ba', class: "spw-ds-container" }, h("h2", { key: '7c42071ec027c5f00dd483322388fca6af4ac63a', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '7fe3dc734b744a5078570a2d73073182f67bdbd4', class: "spw-socials__content" }, h("slot", { key: '86a061aa027df352fc00f5e69bf0400d8dd03033' }))))));
     }
     static get is() { return "spw-socials"; }
     static get originalStyleUrls() {

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '1979c67fa591e9b2b5e0330bcebd0c662d2adcfb', part: "tbody" }, h("slot", { key: '2efb486c9419d8172f58945557e2ff9b965a7bf3' })));
+        return (h("tbody", { key: '8bfbb71997f0f41742aaeab837e9c1f2262c6fd2', part: "tbody" }, h("slot", { key: '1a416c098339d9dfe1b27064c4963719127505b8' })));
     }
     static get is() { return "spw-table-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '7d749880a84e8965e5997bdb4cf6dc0af5f35c54' }, attrs), h("slot", { key: '0aa5075eb7fb56fe782d44683b19185ed50f6aa9' })));
+        return (h("td", Object.assign({ key: '390d896f82da4cc73f7066687fb9a8d734c1866a' }, attrs), h("slot", { key: '9d6413548bf882e1cae858ec7b4c2a366071c17d' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '00b05fc2baab54a6e33ce4bc2ad5cfe010a4b884' }, h("div", { key: 'e05c2ad62172a77341fab476d7dfaec571479e37', class: "spw-table-container" }, h("slot", { key: '7ae04aa763a8253f74f52ddb6a466464b6232036' }))));
+        return (h(Host, { key: '03b8177a985e57dcd29fee00a4c7094d5138fbf9' }, h("div", { key: '60661a361fbee91617826961fb11bda99c249b7d', class: "spw-table-container" }, h("slot", { key: 'cb397e4bc67763e8e5938f82916d4126ab5f49d5' }))));
     }
     static get is() { return "spw-table-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '54b80576e954b74d04991c59a08ee2124bdd1bac', class: "spw-table-footer" }, h("slot", { key: 'c4536026ac5c404af3665a8f4ef147f026b7e7a6', name: "left" }), h("slot", { key: '78617658bf68b10504bdb12fdf545bf8b66f2a02', name: "center" }), h("slot", { key: '4b2b319fb844777abef8ae325422aab1b025882f', name: "right" })));
+        return (h("div", { key: '2b45994703b91aa579985e1f7032e7880437d1cf', class: "spw-table-footer" }, h("slot", { key: '1904137fb99aabfa3305a47af1137b55823054bd', name: "left" }), h("slot", { key: 'b8b57d6f280e5e664074634344a4c949e4b9ed8e', name: "center" }), h("slot", { key: '470e1cf4b605004d0a5c51e9c50b612d31a09ad2', 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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '1db6efce92caf51080258d565a4253711405de0b', part: "thead" }, h("slot", { key: 'c4c78b69603b29d11a8a3168c1e3f3e37cb058bb' })));
+        return (h("thead", { key: '69e677b18087b15e512261a0963917c08da47ea6', part: "thead" }, h("slot", { key: 'ba511f7cb85b2f0965e631a6bb1a94897096e955' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: 'eefe057982c3c174139ce2b4c6106e51b8d27d8f' }, attrs), h("div", { key: 'a99b55a7abeb487b2e3ee85a70b03ce5b6a33be5', class: {
+        return (h("th", Object.assign({ key: 'b23a40a8444f3d39b9c6482a3482a6e70beef732' }, attrs), h("div", { key: '100b6b5ab817571848a0d06f55682c1df42c96db', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '52467dd1ba4fb10f637fda862d621b12b52626a5' }), h("div", { key: 'b20d8268d8da62256473c60551c1063ac536d9ad', class: "spw-table-header__icons" }, h("slot", { key: 'd25f17abe624156bd1f1b4f4971a5cc842b030ee', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '986665a99cad21f94d43d7acdcc7630c62b4019c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'd841b83852114c8ed981ce2a6be0e6d5cdcce1d9', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'beab4788c9cc492d1137efe36fbe3339bb80184c', 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: 'ce7aeac0dcc6fe16beb8029892fe935c369b6678' }), h("div", { key: '738cf681efccd2cf17aa16e232ed73c536db077d', class: "spw-table-header__icons" }, h("slot", { key: '951e9105bdda07082efbdec9d186d075660efe7e', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '913a9f74d3fed09ec1293dd67e2059cf8e49f27c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '4ab6825811b4a13a8fdd10c945783bddc2c8b084', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'becc9c6aecd5f3783421cd243a109dad3d39fa06', 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.css

@@ -38,7 +38,7 @@ ul {
 :host *::before,
 :host *::after {
   box-sizing: inherit;
-  font-family: "Nunito Sans";
+  font-family: var(--spw-ds-font-main);
 }
 
 /* Sections

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: '2e72212cb89a9057b87c23ff379e64276ab269eb', part: "row" }, h("tr", { key: 'a0a5e85827db9ebf189bb9e945b5d98fa753145a', class: this.elementClass, part: "row" }, h("slot", { key: '1199849e415772fb2323938acf97e05672020877' }))));
+        return (h(Host, { key: '79af15a70e1908b0849cbf058c8c161fd0a9188f', part: "row" }, h("tr", { key: '00518d1bf171da829b4af91911bad84a280d1cd9', class: this.elementClass, part: "row" }, h("slot", { key: '63f9606bc0c3b4ee23fe213a352ab1c678fc8ce1' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }