@spw-ds/spw-stencil-library 1.2.1 → 1.2.3

package/dist/collection/components/spw-list/spw-list-title/spw-list-title.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:Nunito Sans}.spw-ds-typography-display-1{font-size:56px;font-weight:400;line-height:1.2}@media (min-width:1024px){.spw-ds-typography-display-1{font-size:68px;font-weight:400;line-height:1.1}}.spw-ds-typography-display-2{font-size:40px;font-weight:400;line-height:1.25}@media (min-width:1024px){.spw-ds-typography-display-2{font-size:56px;font-weight:400;line-height:1.2}}.spw-ds-typography-display-3{font-size:32px;font-weight:400;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-display-3{font-size:48px;font-weight:400;line-height:1.2}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width:1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px!important;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-lead-body{font-size:20px;font-weight:400;line-height:1.5}}.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-size:14px;font-weight:700;line-height:1.2}.spw-ds-typography-label{font-size:16px;font-weight:600;line-height:1.2}.spw-ds-typography-date{font-size:16px;font-weight:300;line-height:1}.spw-ds-typography-caption{font-size:14px;font-style:italic;font-weight:300;line-height:1}.spw-ds-typography-link{border-bottom:1px solid var(--spw-ds-primary);color:var(--spw-ds-primary);font-size:inherit;font-weight:700;line-height:1.2}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:active,.spw-ds-typography-link:hover{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-family:monospace;font-size:14px;font-weight:400;line-height:1.2}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.spw-list-title{display:inline-flex;position:relative;transition:all .2s linear}.spw-list-title spw-icon{color:var(--spw-ds-primary);left:-28px;position:absolute;top:4px;transition:all .2s linear}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}.spw-list-title__content-text{border-bottom:1px solid transparent;display:inline;transition:all .2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}.spw-list-title--has-clamp .spw-list-title__content{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:Nunito Sans}.spw-ds-typography-display-1{font-size:56px;font-weight:400;line-height:1.2}@media (min-width:1024px){.spw-ds-typography-display-1{font-size:68px;font-weight:400;line-height:1.1}}.spw-ds-typography-display-2{font-size:40px;font-weight:400;line-height:1.25}@media (min-width:1024px){.spw-ds-typography-display-2{font-size:56px;font-weight:400;line-height:1.2}}.spw-ds-typography-display-3{font-size:32px;font-weight:400;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-display-3{font-size:48px;font-weight:400;line-height:1.2}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width:1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px!important;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-lead-body{font-size:20px;font-weight:400;line-height:1.5}}.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-size:14px;font-weight:700;line-height:1.2}.spw-ds-typography-label{font-size:16px;font-weight:600;line-height:1.2}.spw-ds-typography-date{font-size:16px;font-weight:300;line-height:1}.spw-ds-typography-caption{font-size:14px;font-style:italic;font-weight:300;line-height:1}.spw-ds-typography-link{border-bottom:1px solid var(--spw-ds-primary);color:var(--spw-ds-primary);font-size:inherit;font-weight:700;line-height:1.2}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:active,.spw-ds-typography-link:hover{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-family:monospace;font-size:14px;font-weight:400;line-height:1.2}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.spw-list-title{display:inline-flex;position:relative;transition:all .2s linear}.spw-list-title spw-icon{color:var(--spw-ds-primary);left:-28px;position:absolute;top:4px;transition:all .2s linear}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{border-bottom:1px solid transparent;display:inline;transition:all .2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}

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

@@ -10,7 +10,7 @@ export class SpwListTitle {
         };
     }
     render() {
-        return (h(Host, { key: 'ad14bfcd3bfada1c60232e997dd33652a64fbb4f' }, h("div", { key: 'bcbcec42f4bfaeafccc79f043a15d5367417ccb9', class: this.elementClass }, this.icon && h("spw-icon", { key: '3c9a1c92397cb9d515a33f128ccb4cbdae647d10', icon: this.icon }), h("div", { key: '7750035079b904fd161cc50911726c44387fb9e5', class: "spw-list-title__content" }, h("div", { key: 'd6747d9c5df1fa4fb599d32a21d924353ed39508', class: "spw-list-title__content-text" }, h("slot", { key: '97fd31f8a4ef2824ae0f708d1f295e5be0e7fcd7' }))))));
+        return (h(Host, { key: 'c9c3901f829d7b5f2a3177ca556c018406d6ea73' }, h("div", { key: 'cf79b9d13b1924112e722313bf6047e8dd38a928', class: this.elementClass }, this.icon && h("spw-icon", { key: '8c7c3e1aebad500d2cc9f61397f9aaecce10813a', icon: this.icon }), h("div", { key: 'b4ebd2d41241bf1c3d12e0585967dd49b3b1e16a', class: "spw-list-title__content" }, h("div", { key: '8fa9a3410f155dd978758b25d8265fd2116b5dee', class: "spw-list-title__content-text" }, h("slot", { key: '23e919d7c182a801221cd3bc856e4443b4601795' }))))));
     }
     static get is() { return "spw-list-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,6 +3,24 @@ export class SpwList {
     constructor() {
         /** Spécifie l'écart entre les éléments de liste */
         this.gap = 'medium';
+        /** Permet de choisir la surface d'arrière-plan de la liste */
+        this.surface = 'light';
+    }
+    componentWillLoad() {
+        this.applyVariantToChildren();
+    }
+    slotChanged() {
+        this.applyVariantToChildren();
+    }
+    applyVariantToChildren() {
+        requestAnimationFrame(() => {
+            const variantClass = `--${this.surface}`;
+            const contentElements = this.el.querySelectorAll('spw-list-item');
+            contentElements.forEach(contentElement => {
+                contentElement.classList.add(variantClass);
+                contentElement.setAttribute('surface', this.surface);
+            });
+        });
     }
     get elementClass() {
         return {
@@ -11,7 +29,7 @@ export class SpwList {
         };
     }
     render() {
-        return (h(Host, { key: '86ca7deb432066f7b72a9f0e831f086c83c951e1' }, h("ul", { key: '0f52adae23009c2fc4ceefa8bdb5cde7ff24d1a3', class: this.elementClass }, h("slot", { key: 'cf2221f6fd25097e90110418f7b17c5570e4ea9e' }))));
+        return (h(Host, { key: 'b4148947174922198db9c5d900e0bd3e12dc3463' }, h("ul", { key: '100ab0ec463be6a6c94aa5853c6b4cadc95f8f55', class: this.elementClass }, h("slot", { key: 'b0a7ee73af4a21f35aa90b0eb77522b0d9679e27' }))));
     }
     static get is() { return "spw-list"; }
     static get encapsulation() { return "shadow"; }
@@ -46,8 +64,38 @@ export class SpwList {
                 "attribute": "gap",
                 "reflect": false,
                 "defaultValue": "'medium'"
+            },
+            "surface": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'light' | 'dark'",
+                    "resolved": "\"dark\" | \"light\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de choisir la surface d'arri\u00E8re-plan de la liste"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "surface",
+                "reflect": false,
+                "defaultValue": "'light'"
             }
         };
     }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "slotchange",
+                "method": "slotChanged",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=spw-list.js.map

package/dist/collection/components/spw-list/spw-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-list.js","sourceRoot":"","sources":["../../../src/components/spw-list/spw-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,OAAO;IALpB;QAME,mDAAmD;QAC3C,QAAG,GAAkC,QAAQ,CAAC;KAkBvD;IAhBC,IAAY,YAAY;QACtB,OAAO;YACL,UAAU,EAAE,IAAI;YAChB,CAAC,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DAAI,KAAK,EAAE,IAAI,CAAC,YAAY;gBAC1B,8DAAa,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list',\n  styleUrl: 'spw-list.scss',\n  shadow: true,\n})\nexport class SpwList {\n  /** Spécifie l'écart entre les éléments de liste */\n  @Prop() gap?: 'small' | 'medium' | 'large' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-list': true,\n      [`spw-list--${this.gap}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <ul class={this.elementClass}>\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-list.js","sourceRoot":"","sources":["../../../src/components/spw-list/spw-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO1E,MAAM,OAAO,OAAO;IALpB;QAOE,mDAAmD;QAC3C,QAAG,GAAkC,QAAQ,CAAC;QACtD,8DAA8D;QACtD,YAAO,GAAsB,OAAO,CAAC;KAuC9C;IArCC,iBAAiB;QACf,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAGD,WAAW;QACT,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,sBAAsB;QAC5B,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,YAAY,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;YACzC,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YAElE,eAAe,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;gBACvC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBAC3C,cAAc,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAY,YAAY;QACtB,OAAO;YACL,UAAU,EAAE,IAAI;YAChB,CAAC,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI;SAChC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DAAI,KAAK,EAAE,IAAI,CAAC,YAAY;gBAC1B,8DAAa,CACV,CACA,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element, Listen, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-list',\n  styleUrl: 'spw-list.scss',\n  shadow: true,\n})\nexport class SpwList {\n  @Element() el: HTMLSpwListElement;\n  /** Spécifie l'écart entre les éléments de liste */\n  @Prop() gap?: 'small' | 'medium' | 'large' = 'medium';\n  /** Permet de choisir la surface d'arrière-plan de la liste */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.surface}`;\n      const contentElements = this.el.querySelectorAll('spw-list-item');\n\n      contentElements.forEach(contentElement => {\n        contentElement.classList.add(variantClass);\n        contentElement.setAttribute('surface', this.surface);\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-list': true,\n      [`spw-list--${this.gap}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <ul class={this.elementClass}>\n          <slot></slot>\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -5,7 +5,7 @@ export class SpwLoading {
         this.text = 'Chargement...';
     }
     render() {
-        return (h(Host, { key: 'd7bf78c66b4b7c477b0c439ec85f864e6c28a6cc' }, h("div", { key: 'e48efc848ea00b8724c99b3b277c7dcaeedf52aa', class: "spw-loading" }, h("div", { key: 'ab0a1f6a568f9261d02a5d464de961b0919c470e', class: "spw-loading__spinner" }), this.text && h("p", { key: '8af2860d23094700228a131ec1fa011bad79836d', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: '4f25139459e96d0c88ace97a4b72773cf89ab8dd' }, h("div", { key: 'a061aa042e1a61fab4fd7e07d2ac32c4469e994b', class: "spw-loading" }, h("div", { key: 'b7c510eb6e6489e29f975808c12f19e117e965e0', class: "spw-loading__spinner" }), this.text && h("p", { key: '13972bcb613b1d69b2126fa051c4eff7f90b3990', class: "spw-loading__text" }, this.text))));
     }
     static get is() { return "spw-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons ::slotted([slot=buttons]){padding:12px 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:0 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}

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

@@ -114,6 +114,7 @@ export class SpwModal {
         }
     }
     close() {
+        this.stopAllVideos();
         try {
             const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {
                 duration: 200,
@@ -128,6 +129,12 @@ export class SpwModal {
             this.spwModalClose.emit();
         }
     }
+    stopAllVideos() {
+        const iframes = this.hostElement.querySelectorAll('iframe');
+        iframes.forEach(iframe => {
+            iframe.src = iframe.src;
+        });
+    }
     doBeforeClose(trigger) {
         const triggers = [];
         triggers.push(trigger);
@@ -152,7 +159,7 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: 'ef446d6e84161f88485255def8ee494708ec0df2' }, h("div", { key: '9b4e6890821050b91cadbd5a62618fe5adef5e84', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '1f529135feeca79fdff181f1df0b3765ed3e13d7', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '8b66590a0ff6797f4ef30cd2ab54b4474166f3bc', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '0d9347f636fb221c5f64b9ebdf87ca223e1fdd6f', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: 'a7b273cad091dfed171c705c64c89bc9906f014b', class: "spw-modal__content" }, h("div", { key: 'dc4f195d8c84c8cd52c667b60a16d9637be024a0', class: "spw-modal__header" }, h("h2", { key: '4d195c0506a9a27af370fb8788e89a9243e116e0', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: '6fcaae9a6ec5712523d33a06471486c1553ed267', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: 'bf3a82093a70f082995e4d471d42080fb260b212', class: "spw-modal__body" }, h("slot", { key: 'ed2f1e1fac388d4e42528831e8cfecf9d1517458', name: "content" })), h("div", { key: '0f33c657c7233fe1f98dd760fd725c3a12ab034c', class: "spw-modal__buttons" }, h("slot", { key: 'd1aba450ab89283394f7590967508eef80d50a42', name: "buttons" })))), h("div", { key: 'a2f78f2fd167f99abe6438e70ef3f68d24d845c8', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+        return (h(Host, { key: '48c698e01ba5d0545c04246eaddbde29a9cae6b9' }, h("div", { key: 'a82e49fb97ee9d19dd1fc4fcde824e408cbdef09', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '35eb6c15f52d877cf0089904238651f39d66c964', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'cff9c1866bfba1349853f075868ae1cddb8f4a03', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '44c011464dbea7f7e41c33d36c703689f0953dff', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '2b8c969ed7a5d0ff31b1993ba3cf6582dcfd3a4a', class: "spw-modal__content" }, h("div", { key: '9a8857bfae65ab5faa7df24591090a073e7b8a7f', class: "spw-modal__header" }, h("h2", { key: 'adb8a929be3706f248767beac148efd1c5ab02ba', class: "spw-modal__caption" }, this.caption), this.showCloseButton && (h("spw-icon", { key: '0a295da24d9deec49c7cb6dca7c9b02478aaedf8', class: "spw-modal__close-button", ref: el => (this.closeButton = el), icon: "fa-xmark", onClick: () => this.doBeforeClose('CLOSE_BUTTON') }))), h("div", { key: '81a2f2838737c49291eea6c571db70d2c5858141', class: "spw-modal__body" }, h("slot", { key: '2641d4d98bb5e4b3a2bd0b4fcff1587a7e071337', name: "content" })), h("div", { key: '640ae662d1b7e4a9d3fac0abe71a6e548d80a298', class: "spw-modal__buttons" }, h("slot", { key: '1cc48d97165b66e05dc2cce809ac9b66f9893a64', name: "buttons" })))), h("div", { key: 'c6bf055784ae5808d82b0fea5fac6e34ca9d9eca', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     static get is() { return "spw-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-modal/spw-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-modal.js","sourceRoot":"","sources":["../../../src/components/spw-modal/spw-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch, Method } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '@utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '@utils/animation';\n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP' | 'PROGRAMMATIC';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n\n@Component({\n  tag: 'spw-modal',\n  styleUrl: 'spw-modal.scss',\n  shadow: true,\n})\nexport class SpwModal {\n  /** Indique si la modal est ouverte ou fermée, mutable et reflétée dans le DOM */\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n\n  @State() showModal: boolean = this.opened || false;\n\n  /** Titre de la modal */\n  @Prop() caption: string = 'Titre de la modal';\n  /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */\n  @Prop() closeOnOverlayClick: boolean = true;\n  /** Rend les boutons en bas de la modal \"collants\" (toujours visibles) si vrai */\n  @Prop() stickyButtons: boolean = false;\n  /** Événement déclenché lors de l'ouverture de la modal */\n  @Event() spwModalOpen: EventEmitter;\n  /** Événement déclenché lors de la fermeture de la modal */\n  @Event() spwModalClose: EventEmitter;\n  /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */\n  @Prop() size: 'small' | 'medium' | 'large' | 'fluid' = 'small';\n  /** Icône d'alerte à afficher dans la modal */\n  @Prop() alertIcon: string = '';\n\n  @Element() hostElement: HTMLSpwModalElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  /** Indique si le bouton de fermeture est visible */\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLSpwIconElement;\n\n  /**\n   * Méthode publique pour fermer la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est fermée\n   */\n  @Method()\n  async closeModal(): Promise<void> {\n    this.doBeforeClose('PROGRAMMATIC');\n  }\n\n  /**\n   * Méthode publique pour ouvrir la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est ouverte\n   */\n  @Method()\n  async openModal(): Promise<void> {\n    this.opened = true;\n  }\n\n  componentDidLoad() {\n    this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);\n    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-trigger');\n      if (modalId === this.hostElement.id) {\n        this.opened = true;\n      }\n    }\n  };\n\n  private handleClose = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-close');\n      if (modalId === this.hostElement.id) {\n        this.opened = false;\n      }\n    }\n  };\n\n  private getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  private getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  private handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  private handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  private attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => {\n        this.closeButton.focus();\n      });\n      return;\n    }\n\n    setTimeout(() => {\n      element.focus();\n    }, 0);\n  }\n\n  private open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.spwModalOpen.emit();\n      });\n    } catch (err) {\n      this.spwModalOpen.emit();\n    }\n  }\n\n  private close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.spwModalClose.emit();\n      });\n    } catch (err) {\n      this.showModal = false;\n      this.spwModalClose.emit();\n    }\n  }\n\n  private handleKeypress = (event: KeyboardEvent) => {\n    if (this.showModal && event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  private doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some(event => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue: boolean) {\n    newValue === true ? this.open() : this.close();\n  }\n\n  private handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP');\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-modal': true,\n      'spw-modal--opened': this.showModal,\n      'spw-modal--sticky-buttons': this.stickyButtons,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.modalContainer = el)} class={this.elementClass}>\n          <div class=\"spw-modal__overlay\" onClick={() => this.handleOverlayClick()}></div>\n          <div data-focus-trap-edge onFocus={this.handleTopFocus} tabindex=\"0\"></div>\n          <div class={`spw-modal__content-container spw-modal__content-container--${this.size}`} role=\"dialog\" aria-modal=\"true\" aria-label={this.caption}>\n            <div class=\"spw-modal__content\">\n              <div class=\"spw-modal__header\">\n                <h2 class=\"spw-modal__caption\">{this.caption}</h2>\n                {this.showCloseButton && (\n                  <spw-icon class=\"spw-modal__close-button\" ref={el => (this.closeButton = el)} icon=\"fa-xmark\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}></spw-icon>\n                )}\n              </div>\n              <div class=\"spw-modal__body\">\n                <slot name=\"content\" />\n              </div>\n              <div class=\"spw-modal__buttons\">\n                <slot name=\"buttons\"></slot>\n              </div>\n            </div>\n          </div>\n          <div data-focus-trap-edge onFocus={this.handleBottomFocus} tabindex=\"0\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-modal.js","sourceRoot":"","sources":["../../../src/components/spw-modal/spw-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch, Method } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '@utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '@utils/animation';\n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP' | 'PROGRAMMATIC';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n\n@Component({\n  tag: 'spw-modal',\n  styleUrl: 'spw-modal.scss',\n  shadow: true,\n})\nexport class SpwModal {\n  /** Indique si la modal est ouverte ou fermée, mutable et reflétée dans le DOM */\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n\n  @State() showModal: boolean = this.opened || false;\n\n  /** Titre de la modal */\n  @Prop() caption: string = 'Titre de la modal';\n  /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */\n  @Prop() closeOnOverlayClick: boolean = true;\n  /** Rend les boutons en bas de la modal \"collants\" (toujours visibles) si vrai */\n  @Prop() stickyButtons: boolean = false;\n  /** Événement déclenché lors de l'ouverture de la modal */\n  @Event() spwModalOpen: EventEmitter;\n  /** Événement déclenché lors de la fermeture de la modal */\n  @Event() spwModalClose: EventEmitter;\n  /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */\n  @Prop() size: 'small' | 'medium' | 'large' | 'fluid' = 'small';\n  /** Icône d'alerte à afficher dans la modal */\n  @Prop() alertIcon: string = '';\n\n  @Element() hostElement: HTMLSpwModalElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  /** Indique si le bouton de fermeture est visible */\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLSpwIconElement;\n\n  /**\n   * Méthode publique pour fermer la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est fermée\n   */\n  @Method()\n  async closeModal(): Promise<void> {\n    this.doBeforeClose('PROGRAMMATIC');\n  }\n\n  /**\n   * Méthode publique pour ouvrir la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est ouverte\n   */\n  @Method()\n  async openModal(): Promise<void> {\n    this.opened = true;\n  }\n\n  componentDidLoad() {\n    this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);\n    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-trigger');\n      if (modalId === this.hostElement.id) {\n        this.opened = true;\n      }\n    }\n  };\n\n  private handleClose = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-close');\n      if (modalId === this.hostElement.id) {\n        this.opened = false;\n      }\n    }\n  };\n\n  private getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  private getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  private handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  private handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  private attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => {\n        this.closeButton.focus();\n      });\n      return;\n    }\n\n    setTimeout(() => {\n      element.focus();\n    }, 0);\n  }\n\n  private open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.spwModalOpen.emit();\n      });\n    } catch (err) {\n      this.spwModalOpen.emit();\n    }\n  }\n\n  private close() {\n    this.stopAllVideos();\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.spwModalClose.emit();\n      });\n    } catch (err) {\n      this.showModal = false;\n      this.spwModalClose.emit();\n    }\n  }\n\n  private stopAllVideos() {\n    const iframes = this.hostElement.querySelectorAll('iframe');\n    iframes.forEach(iframe => {\n      iframe.src = iframe.src;\n    });\n  }\n\n  private handleKeypress = (event: KeyboardEvent) => {\n    if (this.showModal && event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  private doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some(event => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue: boolean) {\n    newValue === true ? this.open() : this.close();\n  }\n\n  private handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP');\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-modal': true,\n      'spw-modal--opened': this.showModal,\n      'spw-modal--sticky-buttons': this.stickyButtons,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.modalContainer = el)} class={this.elementClass}>\n          <div class=\"spw-modal__overlay\" onClick={() => this.handleOverlayClick()}></div>\n          <div data-focus-trap-edge onFocus={this.handleTopFocus} tabindex=\"0\"></div>\n          <div class={`spw-modal__content-container spw-modal__content-container--${this.size}`} role=\"dialog\" aria-modal=\"true\" aria-label={this.caption}>\n            <div class=\"spw-modal__content\">\n              <div class=\"spw-modal__header\">\n                <h2 class=\"spw-modal__caption\">{this.caption}</h2>\n                {this.showCloseButton && (\n                  <spw-icon class=\"spw-modal__close-button\" ref={el => (this.closeButton = el)} icon=\"fa-xmark\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}></spw-icon>\n                )}\n              </div>\n              <div class=\"spw-modal__body\">\n                <slot name=\"content\" />\n              </div>\n              <div class=\"spw-modal__buttons\">\n                <slot name=\"buttons\"></slot>\n              </div>\n            </div>\n          </div>\n          <div data-focus-trap-edge onFocus={this.handleBottomFocus} tabindex=\"0\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -16,7 +16,7 @@ export class SpwMosaicItem {
         this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${colsDesktop})`);
     }
     render() {
-        return (h(Host, { key: '8365d1a1a94853460fd1f913f4aa921d42b8ad4a' }, h("slot", { key: 'dc72dc456aeb0f362946eb58099cf497b510a1a3' })));
+        return (h(Host, { key: 'c726f2de1d38182ed770c2d04d009c70dd66154a' }, h("slot", { key: 'b3bc026c63f237dbe70c3af28358db7210419a2d' })));
     }
     static get is() { return "spw-mosaic-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,7 +131,7 @@ export class SpwMosaic {
         };
     }
     render() {
-        return (h(Host, { key: 'bc3c436b4a65d6060d443081412198acbeedef49' }, h("div", { key: '144bf0604f5ad620f29258ab5db30c20c218eae4', class: this.elementClass }, h("slot", { key: 'd36edc7d7e4c6de72cdd474d2843097bbeb817f8' }))));
+        return (h(Host, { key: '117e400a488b8924e1a5932a113a2b708ed6d996' }, h("div", { key: 'c8baead6cfd55eb34298997107b85667acbf577f', class: this.elementClass }, h("slot", { key: 'fb8948e5e1db602c7309505660e647e615c1a8f8' }))));
     }
     static get is() { return "spw-mosaic"; }
     static get encapsulation() { return "shadow"; }

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

@@ -146,12 +146,12 @@ export class SpwPagination {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '47f028f4bd7c5ed6ff076213d34d08216d705e90', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '5b6026d032d74e0a7b139b8ae3db760d67aa74b4', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '6466354187f9541cba8793b0509c7e76356557f8', icon: "fa-chevron-left" }), " ", h("span", { key: '095eec25666905fce17e231b3de63ad4f3e523c1', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrow = showNextArrow && (h("li", { key: 'd4ea69bbe44d95006f9d904bb30b8754ad4e4df0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '12887f98896dd8ede65447323fd73f6176c41bad', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'b4c75d6cc0c68f834cbd2294b765682f7014fcac', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '0639db5f0a4c1b25ef3b13c429d2c0175be04eb9', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '5fa323f4800f3f1033212fdc4f9166f8b87b007d', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'd70f07744f63e406601698dfabff490ae76f293d', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '28480655c548fecd15f2885abbc1e0196ccc7ba7', icon: "fa-chevron-left" }), " ", h("span", { key: 'b70c8075628b226dca49c7c2d803813b39a3ee48' }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '4ae05fe2b64002fdf8f7d6b45bbe711861a49e7c', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '6d8ef3a8bf364fb9c9cbd537595537b943d46ed8', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'e882c4c4e286a3dd03b25d27346dbd2bd87c5fb8' }, "Suivant"), " ", h("spw-icon", { key: 'dc8b1339f87ffc4cc0af9cd8d451d904d51961a8', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: 'c20100c57e7c6d3baba08613cbe8a6dd49d24556', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: '98aac82c059aa930d11e6f8039f14e85c7074f57' }, h("div", { key: '9a2b54df66da17db256e2b2a66d7f2455cbd5b7d', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '18042de5a676f31d67520008c3fc84d5737f6958' }, h("ul", { key: 'e09e1a88994f1aae1ec0552d71ee774a0355b55d' }, prevArrow, h("li", { key: 'a3108fbc5474848124d577df75830445ab8dfdc9', class: "spw-pagination__input" }, h("spw-text-field", { key: 'e7610b00f51bdf4e422906ee0c237a887c9fdc9f', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled, style: { width: this.calculateWidth() } })), h("li", { key: '429dc9dc3e816a76f6ea528fe735d987ba6d1e15', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " pages"), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'f05e997578fdfb98dd2b05ca8369e71bf48e0a32' }, h("ul", { key: '6802f35dc7987d01c5a6f13975e9fab358c6ba44' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '23e8fe7cb9bf88f35c1f1f99a3c6bcaa7af2fc96', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '6a647a7f177e3889cdcd190dddbbd5885dccc892', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'd4fae743d7651d8e95dbe7a221275d9be131185b', icon: "fa-chevron-left" }), " ", h("span", { key: '3be1084c190aeb0a9ba59d0ba2068d5eb7dc0e21', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrow = showNextArrow && (h("li", { key: '3256bbafc49646f669217c2d7282eceea1c1ac9c', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '02e3536426a160343e0e0b34f140ae3e457c513c', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '26a62ad836a7131c780963c5ab5e95f178cc2343', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '0431aa80be22ce6585cf68766a225d0a8844aa27', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'b5a3c4e674f893d4c8334dfa477003af35853532', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '13427b7d0284a79d2c832de2dbbce46eb055d300', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'a32885548c3dabefd4907138dc676e9c6c1ef436', icon: "fa-chevron-left" }), " ", h("span", { key: 'c8ec154db3bb084a1cc3fe42de20fdeee18e8050' }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'e85fc334e74d0924f74f1ad6b8f748291917c378', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'b9f9150062da23f9a86651d7e967343781887627', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '6b9cfe60c786a19eacdd8457b82b6182d7cee3ab' }, "Suivant"), " ", h("spw-icon", { key: '0862e8d7e6ae9097e5221643e86638b0e79b5363', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: 'f7efec01971ca4afeedfee572c82f8957c470e2b', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '04b18ee37c26515723429eb4844f1609d587b7e8' }, h("div", { key: '4a8a8484cdf6506f9b6fffd64cba8b433d7f95d6', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '54dedb6e5d280a02aa652f6ca703cfd784c0565f' }, h("ul", { key: '53aa2e0bec339e9f6a0625f8c055637166090933' }, prevArrow, h("li", { key: '92df3c5a2fb15a9e02d3e47be5dbbc65a81e704b', class: "spw-pagination__input" }, h("spw-text-field", { key: '39205d9ce11a9a84b1e75f33efe605e80cd4b409', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled, style: { width: this.calculateWidth() } })), h("li", { key: '6700f9ec12c9311d7bb49feba4674735ac45074f', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " pages"), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '7e1b28fe5ab3d9451b88e90eb7bda30522b305f4' }, h("ul", { key: '4e0c92397b92fd9247db02b3915ea430e40c7001' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }

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

@@ -81,7 +81,7 @@ export class SpwRadio {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '23f27963f198a9c1c41ae51c71c0deaac0bf93ae', class: "spw-radio" }, h("input", { key: '111c694dbd35aa1b43c9a096b9a5aa10fa158e9b', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '1b5788bb6480911de708ea77acba662452c40a7d', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: 'a7cc7972d1540d4246361dbdab1d9d39758f3b49' }))), h("div", { key: '10cae38eb5a9374c8a174133161a7b628d0eac7d', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'f8d86050c3a0074dc24f3b375ef7637da71831e3', class: "spw-radio__circle" }))));
+        return (h("div", { key: 'baa7577a2208b0068e8b645ace6a526097662795', class: "spw-radio" }, h("input", { key: '98eafc01aad495f34f06ddea944315614214deeb', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '12bbed6c31f0ef2e7273ba7ae5a44171f1442b84', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '4212bdb0eb06dfc1f55f29f13b57cb3520a0e9d5' }))), h("div", { key: 'a1b30aec9156411cd9859c514785abbc3b76c6aa', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'eed4894d706357d7f230b89b03ba199dfb85ca6e', class: "spw-radio__circle" }))));
     }
     static get is() { return "spw-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -132,10 +132,10 @@ export class SpwSearchField {
         };
     }
     render() {
-        return (h("div", { key: '037fce48e29e21c5bbbf3ebbc295f373bcedf551', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '852e859d942dd5958414e3d9fd3c11bd3f8a9bd3', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onInput: event => this.handleSearchInput(event), onKeyDown: event => this.handleKeyDown(event) }), this.isOpen && !!this.items && (h("div", { key: '56212d513f96c8a6185b724edb70778a0b4250d7', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '953a63a6b9b1eb2e0b76c0c8d162665d68c8ea19' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'f3cd48c80c32587805de72f3a660e52dffa8e17a', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: 'c26ce464161f090dfc9ea2adb9e365e4bda12919', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onInput: event => this.handleSearchInput(event), onKeyDown: event => this.handleKeyDown(event) }), this.isOpen && !!this.items && (h("div", { key: 'c7ca8245c7c6fcee65897d335234cefd97429409', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '5f80870d7304e8cd3c0a781a77b1c9fcf8eb0592' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '0d01a2ce29dc6192bfd35886546c5525ebaf6b2a', class: "spw-search-field__no-results" }, "Pas de r\u00E9sultats.")))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: 'b1970a37534fed8358ec30cc62d07badc45bff9e', class: "spw-search-field__no-results" }, "Pas de r\u00E9sultats.")))));
     }
     static get is() { return "spw-search-field"; }
     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: 'e2c7eb78fae0851348bd1eb21183485645b5b72e', class: this.elementClass, style: this.style });
+        return h("div", { key: '109c32f1b6daa299ac305a7cfd983164639f2464', 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: '5bb4c4d5d072c8316c10ce3d929f1dcdfe3c5adb', class: this.classes }, h("div", { key: '9899717583b8e8e3781b8b9df3cc6a66a717bc1e', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '30d7fd1508a017b449c3d8935ae27de4aa44c689' }))));
+        return (h(Host, { key: '3856d77e8803085928919315aff1997af803d318', class: this.classes }, h("div", { key: '6ce3b93698efcc4d187a5b49108648735140487d', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'c975c7f2b9e3c57e0d85a53a50f78b87d58e9362' }))));
     }
     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

@@ -91,14 +91,14 @@ export class SpwSidebarNavigationItem {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: 'dabfdd32727f276bdddab2cdde42f4568ec92e06', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '969810425a905e1aec78a1d5d1f66b50b0102201', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '96865d1a920cd4f3246f2be6b3e65c896e942fbd', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '2f9860be47d53d7bfa9be6e901ce515682aed40c', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '740859f0b9ef998cfb5a0412347c6cd0b574e930', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '8ea56c6f135f052bc237df0690ec601f1a5a5744', 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: '6c120ab2da26bf9b82b32af748ad714684ee3c10', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: '743aa1a6b947057a4284f58435340c9fff6e64cc', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'fe53ef13f071f002c9201d72a42f9c3905db9b41', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'dbd51ed71b275a620185115627391cb7809e26c8' })), this.hasDropdown && (h("div", { key: '09962e31d19b0d7712632bffabcfc6995f13f29b', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '4260ee8ed22a8cdefe3869a72cb166196e9237af', icon: "fa-chevron-down" }))), h("slot", { key: 'ba880e8caeb677658f3ff5b958a0ba3e58f667b4', name: "dropdown" }))));
+        return (h(Tag, { key: 'fb6661be9c90aeeba52d5dee1e0d42c32d605ae1', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: 'a8c78fa983e0a2eef8eb76e0a25e25ec431545dd', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '8296bb1500b0a3832c3afd9e52e83a3f60be91d4', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '1d08db1184d912b80b1fc27e852ad46428fcd1a2' })), this.hasDropdown && (h("div", { key: '676a39dbbb3b1b0a7a3f32df2bf43fe7cc644d99', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'b8bfa8d5f5355b5f3e876e232f72ae8464a73600', icon: "fa-chevron-down" }))), h("slot", { key: '1a77b8dc78652576d29da9620eae9450ead62a25', 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: '9030a713fced024824ededbddb86628a0753e032' }, h("spw-separator", { key: '11c9773566b334c2a84445a0d6bf80642e2fd2e9', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '5931190d536fcfad890d75a47587ed301507542a' }, h("spw-separator", { key: '8b1e73c9f463260683c3c3e5dd60640f0165406f', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '3651751da961183a810f074862fa47a590321682', class: this.hostClass }, h("div", { key: '03b54730865f00c70c7bae8d5af95f400f1e7e4e', class: this.elementClass }, h("span", { key: '7b3d27cd5cf4d7c8b55817dc426b723c8cde4ae8', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'cb65ba33614d4148f8f73e70d6321fad0ef91954', icon: "fa-chevron-right" })), h("div", { key: '0f89e4ca758c10bbcb850f70e7cc19a2a5bbae7f', class: "spw-sidebar__content" }, h("slot", { key: 'b69c3fab7919df769a440ca3c0be0db796257c66', name: "navigation-top" }), h("slot", { key: '7d186fabbea93772c5e88fcb5c110c71baca7d8a', name: "navigation-bottom" })), h("div", { key: '9417dd63571253cc2c910d5959221c6096316dff', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'e8b5fe55c0a0bd0bf866cc5cad1da1a8b33ba792', class: this.hostClass }, h("div", { key: 'd9495832225a3008a17de912a79e53602110b5c0', class: this.elementClass }, h("span", { key: 'd5d37ddf70fceee382a5157ac4f468e4923d6a90', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '5bdd17e49970af56834efd8871c6b5d844189e1e', icon: "fa-chevron-right" })), h("div", { key: 'e372d08ee8ba3d55580bca0a63b554ec01a3719d', class: "spw-sidebar__content" }, h("slot", { key: 'a4d65d4fc323a58c5fa8346d79d8a54e304509fa', name: "navigation-top" }), h("slot", { key: '6484ae2e83756f473c7deab3574e3f747eed744f', name: "navigation-bottom" })), h("div", { key: '495e33ae7faf1aa1116412d876d1352a754c6e9b', 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

@@ -42,7 +42,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '22571f5e3a8cad916a57ffc6e99de1299f2e1589' }, h("div", { key: '5ee5bedeb4f6895c9cef3de63b1b2a38aa0a982d', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '04639c72609237bb71cdbc0c23bc31b9633a7754' }))));
+        return (h(Host, { key: 'd09d57159d888a28edca9d579ee00fef11871279' }, h("div", { key: '6220d349418650cfb4dd368e692f85aa1b304b36', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'd830f7f5c7ed120e0aab5f81919947a26357fd5e' }))));
     }
     static get is() { return "spw-skeleton"; }
     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: 'dba03ab06807ec83c0b6d1f2abcf4b3fa0a24f18' }, h("div", { key: '508da633398d08927609a34ac3e112aa1625fbe5', class: "spw-socials" }, h("div", { key: 'a990bb8724780f43f9a1040624867295a61a442e', class: "spw-ds-container" }, h("h2", { key: 'e73388436a17d4e809da35e64a67a33c74cc7be5', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '78535f42efbfa83b57c9a24e36e6901ec5025d51', class: "spw-socials__content" }, h("slot", { key: '56426642f7de50e4cdc0fde40e8962a012936594' }))))));
+        return (h(Host, { key: 'd2c120f651461ddbe1115d8e848b610132d3a287' }, h("div", { key: '200fabf8d9086a1686c5d296f7d456f46622cb27', class: "spw-socials" }, h("div", { key: '5e038715b91cdf5813b3c72d5d1f987ed06a6609', class: "spw-ds-container" }, h("h2", { key: '4d3fc6a5266625ad177c863b49318f89a3d3147f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2d86cbd2650709d0d56df013fda5b02fa7e929ef', class: "spw-socials__content" }, h("slot", { key: '1d911bbdf0cd21be24ed7189e7bd0a544032148d' }))))));
     }
     static get is() { return "spw-socials"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class SpwTableBody {
         });
     }
     render() {
-        return (h("tbody", { key: '9dd89bca859b15b01a6543e67bbaa2a9d32e09e3', part: "tbody" }, h("slot", { key: 'f720f00b5956fa0654827825b902ff8af8c6bd14' })));
+        return (h("tbody", { key: '754040d04173dc5c19de98b2cb403de47eef74d5', part: "tbody" }, h("slot", { key: '03a71f3b518d53314d9e3315b3104be49be0ae01' })));
     }
     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

@@ -33,7 +33,7 @@ export class SpwTableCell {
             attrs.rowSpan = this.rowspan;
         if (this.headers !== undefined)
             attrs.headers = this.headers;
-        return (h("td", Object.assign({ key: 'dade9744a45504b15d94f568c78fde5165569a79' }, attrs), h("slot", { key: '02c04ff3d2d67861513df709dc203e64fba05288' })));
+        return (h("td", Object.assign({ key: '90b5ba037780b40461e2fbfff278fa3e46d4fa79' }, attrs), h("slot", { key: '6e8d211652ff81ec279445597e0d20e9bd783857' })));
     }
     static get is() { return "spw-table-cell"; }
     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("caption", { key: '0928f98db9108f27aeec48e4cfce9d3a3a22ecb3', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: '2c95723b49e7b31fa7a29fb54f757fdb77b953a7', class: "spw-table-footer" }, h("slot", { key: '45e4081fc46280291829c7a026d233860a588934', name: "left" }), h("slot", { key: '652f993105a39f30ea5fc4a02eb87bfb8bff4dc0', name: "center" }), h("slot", { key: '70a250e11378e22782722d3ed132cf7d6807e406', name: "right" }))));
+        return (h("caption", { key: '371360f1cabe50b249ae97f7ef41c0e986911210', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'ff27c3dc299a24afe1e151d3de68ef8b0d71f1b3', class: "spw-table-footer" }, h("slot", { key: '857eaeb3f06c1423e6054a1106b62802668d63f9', name: "left" }), h("slot", { key: '903b67687303e5e10afeab79a08f685d70c9730e', name: "center" }), h("slot", { key: 'db93cf7d801589a9c4bf471257d5f12334c73332', 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: '04940f348f6f4396e1af92dc00848842421bbcda', part: "thead" }, h("slot", { key: '5c5c239ee97e141f81e3d46ddfcffd46934f3e32' })));
+        return (h("thead", { key: '7fd39cbc3b58714346445724888d74a323439236', part: "thead" }, h("slot", { key: '6757983499e293fc47b1a6b216ecac27181b74ab' })));
     }
     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

@@ -35,10 +35,10 @@ export class SpwTableHeader {
         };
     }
     render() {
-        return (h("th", { key: 'c1004cb4a7319622dde3dee458e073886c368d6b', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: '844d23db4a26561d1ca6d95e8b03ee6f26613568', class: {
+        return (h("th", { key: '1dbe8334cf875abe22dfd92d43a5e0e0f2b7d474', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: 'afd24d691ef3cfdcd12c39d272ac55dc52cdb798', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '1a4d019e9eeb71afcebd7173aaaaa143b7cba2ba' }), h("div", { key: '1e4fc85ff6ea667d52aa8a7af66564e248a5dacc', class: "spw-table-header__icons" }, h("slot", { key: '759383fa82980bb4a7411c9e1c1cace1c747b25f', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '525b1ce05e5d46f027925a7fa7ec08be6708e12a', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'bf4da9a5ebd9d3a1d47543f1af3a3a542eefa0df', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '6558000d787b423815e0f6c58c2822895c838bc7', 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: '4092fc819995890db5c8eaecab65113126d03e13' }), h("div", { key: '9794980e48fb08fd415cdac3a8ebbb6734495a31', class: "spw-table-header__icons" }, h("slot", { key: '85407114daf3b3d09711f2c24a9506f5586d7b2a', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'de9654bf47a72d82a3ed3d54b016802f663e6918', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'eaa5ddbb83edb6efbaaecdfb2844a5f9d4cd7368', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '8518bc0342af2e0d8845dc54c2de49f8b6ca5b38', 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

@@ -11,7 +11,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: 'b52a5e009fe86012bf4eb6b3ba9aa2cefc39e249', part: "row" }, h("tr", { key: 'c44a589f82bf615f0ef790d3008011dc8b341967', class: this.elementClass, part: "row" }, h("slot", { key: 'c26e0da3aeb4fc0d4fe3f5000b8b303cfb0c4583' }))));
+        return (h(Host, { key: '82bcb6eecb5b6cc9bf3fb574194e53dbbd09aef0', part: "row" }, h("tr", { key: '9cdb6e60f3205b925ac678ec9de3b4919b358acd', class: this.elementClass, part: "row" }, h("slot", { key: '26d507c09d3e15a7862f7f2467891f393fc88081' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -84,7 +84,7 @@ export class SpwTabsNavigation {
         this.checkOverflow();
     }
     render() {
-        return (h("div", { key: 'e30dd2eeaff721cf907cc90f274fea0e09374704', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: 'd06751d3a971c6fc8a766893a0f20287808e12b6', 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: 'af54fc328d44238155fb8137566c96e45e0a0483', icon: "fa-chevron-left" }))), h("nav", { key: 'ab61a57c0f21cf18a4ad25f2468ac9fe6c56bb24', class: "spw-tabs-navigation" }, h("ul", { key: '8e87fa8b691dc26b7196f2aca9f573cc4e15f294', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '10933f456cb16f0a5f7f1b07fb831fd695a2cb8b' }))), this.showRightArrow && (h("button", { key: '365deb76145d29345b25c48235c82a8dd325a8fc', 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: '0595bfaf9a4dd1bb00e0f0f4a8386c33bdeb8c47', icon: "fa-chevron-right" })))));
+        return (h("div", { key: '6629497ad63c4cdbd1909ac4c2e7b88892c191ec', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: '4a4269d101912ff9ee7c4b6a245263b9709322fd', 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: 'e18c9a63b807b77208e6e9bb188f059af819e330', icon: "fa-chevron-left" }))), h("nav", { key: '885dfe03e15050612c8efe8a4421f9e4bba2cef1', class: "spw-tabs-navigation" }, h("ul", { key: 'f2fdc83d29a5d060dd993f7db0b8d81867c8b432', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'bd14eebcc28b7dc2aeb56cce6709f4155eed7490' }))), this.showRightArrow && (h("button", { key: 'eafa4b51f6bba6382653c76a6880ca2ce1e151f5', 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: '94a175ac9004fb5cf018c8847d26e12088797cee', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }