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

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

@@ -382,9 +382,6 @@ template {
   outline: none;
   height: 100%;
 }
-:host:hover .spw-lightbox-item__img {
-  opacity: 0.85;
-}
 
 .spw-lightbox-item__wrapper {
   position: relative;
@@ -415,22 +412,51 @@ template {
 }
 
 .spw-lightbox-item__wrapper--hoverable {
-  transition: box-shadow 0.2s ease;
+  transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
 }
 .spw-lightbox-item__wrapper--hoverable:hover {
-  box-shadow: var(--spw-effect-elevation-7);
+  box-shadow: var(--spw-effect-elevation-4);
+  transform: translateY(-5px);
 }
 
 .spw-lightbox-item__hover-overlay {
   position: absolute;
-  inset: 0;
+  z-index: 2;
   display: flex;
-  align-items: center;
+  visibility: hidden;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  color: white;
   justify-content: center;
-  background: rgba(255, 255, 255, 0.15);
+  align-items: center;
   opacity: 0;
-  transition: opacity 0.2s ease;
+  transition: all 0.3s ease;
 }
+.spw-lightbox-item__hover-overlay:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.4;
+}
+.spw-lightbox-item__hover-overlay spw-icon {
+  position: relative;
+  z-index: 1;
+  font-size: 30px;
+  font-weight: 300;
+  transform: scale(1.5);
+  transition: all 0.3s ease;
+}
+
 :host(:hover) .spw-lightbox-item__hover-overlay {
+  visibility: visible;
   opacity: 1;
+}
+:host(:hover) .spw-lightbox-item__hover-overlay spw-icon {
+  transform: scale(1);
 }

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

@@ -13,6 +13,8 @@ export class SpwLightboxItem {
         this.textOpenImage = "Ouvrir l'image";
         /** Affiche une icône de loupe en superposition au survol */
         this.isHover = true;
+        /** Icône affichée au survol de l'image (référence Font Awesome) */
+        this.hoverIcon = 'fa-magnifying-glass';
     }
     getIndex() {
         const parent = this.hostElement.closest('spw-lightbox');
@@ -37,7 +39,7 @@ export class SpwLightboxItem {
         }
     }
     render() {
-        return (h(Host, { key: 'c384e663df3571a37b24a04233b06ffd31877f56' }, h("div", { key: 'cdd3b40c697ca4265737f20722fdf0baaec3f880', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, h("slot", { key: '21055288e6ed4acd8e6a83923dff8031d1b8255e' }, h("img", { key: '471164f2a425be0e91bbd5301f73255b959984b4', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '47993f41570edab49ac52cc224ea6693c41aac9a', class: "spw-lightbox-item__hover-overlay" }, h("spw-button", { key: 'a9efcd48cf7b38a58e0d4cbd748393945b53f58e', variant: "secondary", icon: "fa-magnifying-glass", "is-icon-only": true, "acc-aria-label": this.textOpenImage }))))));
+        return (h(Host, { key: 'a1485280ce1d717a812436f5d224c47d318e82dc' }, h("div", { key: '808d96afeecc8dac7f25653eafda50ecac1eada3', class: { 'spw-lightbox-item__wrapper': true, 'spw-lightbox-item__wrapper--hoverable': this.isHover }, role: "button", tabindex: "0", "aria-label": this.alt || this.textOpenImage, onClick: () => this.handleClick(), onKeyDown: (e) => this.handleKeydown(e) }, h("slot", { key: 'eba2c8bfa1597e4cb48cd444840448c7e1389913' }, h("img", { key: '62b551ff93e925616db814771c778ae532c6a8e3', class: "spw-lightbox-item__img", src: this.src, alt: this.alt, loading: "lazy" })), this.isHover && (h("div", { key: '15639999fb71f18bbb728ae3a8245db9a9b495cd', class: "spw-lightbox-item__hover-overlay" }, h("spw-icon", { key: '21e91249bfa31456acdfd6756a27dce43014fec3', icon: this.hoverIcon }))))));
     }
     static get is() { return "spw-lightbox-item"; }
     static get encapsulation() { return "shadow"; }
@@ -267,6 +269,26 @@ export class SpwLightboxItem {
                 "reflect": false,
                 "attribute": "is-hover",
                 "defaultValue": "true"
+            },
+            "hoverIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Ic\u00F4ne affich\u00E9e au survol de l'image (r\u00E9f\u00E9rence Font Awesome)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hover-icon",
+                "defaultValue": "'fa-magnifying-glass'"
             }
         };
     }

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

@@ -566,7 +566,7 @@ template {
 
 .spw-lightbox__thumbnails {
   display: flex;
-  justify-content: center;
+  justify-content: safe center;
   gap: 8px;
   flex-wrap: nowrap;
   overflow-x: auto;

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

@@ -129,6 +129,12 @@ export class SpwLightbox {
             this.currentAnimation = null;
         }
     }
+    scrollToActiveThumbnail() {
+        if (!this.thumbnailsEl)
+            return;
+        const thumb = this.thumbnailsEl.querySelectorAll('.spw-lightbox__thumb')[this.activeIndex];
+        thumb === null || thumb === void 0 ? void 0 : thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });
+    }
     onOpen() {
         var _a;
         this.cancelCurrentAnimation();
@@ -140,12 +146,14 @@ export class SpwLightbox {
                 var _a;
                 this.currentAnimation = null;
                 (_a = this.closeButtonEl) === null || _a === void 0 ? void 0 : _a.focus();
+                this.scrollToActiveThumbnail();
                 this.spwLightboxOpen.emit({ index: this.activeIndex });
             });
         }
         catch (_b) {
             this.currentAnimation = null;
             (_a = this.closeButtonEl) === null || _a === void 0 ? void 0 : _a.focus();
+            this.scrollToActiveThumbnail();
             this.spwLightboxOpen.emit({ index: this.activeIndex });
         }
     }
@@ -199,6 +207,9 @@ export class SpwLightbox {
             return;
         this.activeIndex = (this.activeIndex + direction + this.items.length) % this.items.length;
     }
+    onActiveIndexChange() {
+        this.scrollToActiveThumbnail();
+    }
     handleBackdropClick() {
         if (this.closeOnBackdropClick) {
             this.doClose();
@@ -210,10 +221,10 @@ export class SpwLightbox {
     }
     render() {
         const { opened, activeItem, items, activeIndex } = this;
-        return (h(Host, { key: '1938343e505ee52ac7e780225db6b4cc2b1eed83' }, h("div", { key: '748b0ae43ce48f4c8d996e93c7cd4b7f70f77e2f', inert: opened || undefined }, h("slot", { key: 'ec5477549469ed7e1019cf34abe5430f23336e1e' })), h("div", { key: '15cadd910ab98fc05c2fcb59c86ceceee49b981b', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, h("div", { key: 'b45d88a0272eed9e278b5fa568ebc98c88759bd7', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: '5e4df34115f2478e9a8cc23d45a5b83fd101c884', class: "spw-lightbox__container" }, h("div", { key: '71cbcd5e9b257778778d67d62d0e999cdedf4fb2', class: "spw-lightbox__toolbar" }, h("span", { key: 'c093161f61fb7529435ee8941a2b64ba37f177e0', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: '2e0d54652579036b3af92da9d0332d334b5656b3', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
+        return (h(Host, { key: '82f09859f985e2ced84a3c23a6d9556d23fdfac3' }, h("div", { key: '07ccb0969c57164634b593244e7bdbbd77624118', inert: opened || undefined }, h("slot", { key: '703697fe06bb4e35233b45af1440333ed2907eef' })), h("div", { key: '83f8fc36eff6467eb93bfff20c7a985e8707fe20', ref: el => (this.lightboxContainer = el), class: { 'spw-lightbox': true, 'spw-lightbox--opened': opened }, role: "dialog", "aria-modal": "true", "aria-label": this.textDialogLabel }, h("div", { key: '010c22cfc2d327f22e939ddf64927f4e9d080c2b', class: "spw-lightbox__backdrop", onClick: () => this.handleBackdropClick(), "aria-hidden": "true" }), h("div", { key: '7bb393d0aac7d026fd67846ce70eef245de6d62f', class: "spw-lightbox__container" }, h("div", { key: '3cfad6891f1f3dbf61ac3873bbb59b0539e017c2', class: "spw-lightbox__toolbar" }, h("span", { key: 'a629606363df7d34e622f66fea4c9c4f3b540360', class: "spw-lightbox__counter", "aria-live": "polite" }, items.length > 0 ? `${activeIndex + 1} / ${items.length}` : ''), h("div", { key: '6f7dccb6fc628d76469b2acd370d15a78cecf91d', ref: el => (this.closeButtonEl = el), class: "spw-lightbox__close", tabIndex: 0, role: "button", onClick: () => this.doClose(), onKeyDown: (e) => {
                 if (e.key === 'Enter' || e.key === ' ')
                     this.doClose();
-            } }, h("spw-link", { key: '2aa7776a8079ec77f3cbff9c3f91f491e2259baa', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: 'b89051c4b0d8ff26f4ea8c1a7aeae762d71220a0', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '3e80f4bd0dc7c3490427348f23a879994ddcee01', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), h("div", { key: 'b2f1001ae7cce44c6d405a9d1e52ddd402185cff', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: '04d8179c54bc38f4a1ac8148289fa96f05145476', class: "spw-lightbox__image-frame" }, h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (h("div", { key: 'c9f97d3de306c06495b40a0c51024c9a3e67e01b', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: '80ff4b856339c0ec2fde305fbd0ee6f2d03e1bd4', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: '69f54a56ee0385895f8a6b094283fbc13dadd69f', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '17856ca949137c785863314a5c17c81b37c7d841', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: '620027d16cb62e063de6552a6579ad5939a3e842', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (h("spw-button", { key: 'f6fe5ee61beb306f86525611c2acdb9d3796b0f1', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (h("div", { key: '9a7cbac505d091072490fe2dc3d558c0caad895e', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel }, items.map((item, index) => (h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index === activeIndex }, onClick: () => (this.activeIndex = index), "aria-selected": String(index === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index + 1)) }, h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
+            } }, h("spw-link", { key: 'eec6d31fb305140765ef0c6642072b6908b9f847', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText))), h("div", { key: '82ee2aad1c7cb153ca077bf83c00c8684bd54314', class: "spw-lightbox__stage" }, items.length > 1 && (h("spw-button", { key: '726defc5d1930802c24c94cbc0aa6cd659426e1d', class: "spw-lightbox__nav spw-lightbox__nav--prev", "is-icon-only": true, icon: "fa-chevron-left", "acc-aria-label": this.textPrevious, variant: "secondary", onClick: () => this.navigate(-1) })), h("div", { key: '6f7582b0733bd3091cbafd9a0c07c1d86184668c', class: "spw-lightbox__image-wrapper", ref: el => (this.imageWrapperEl = el) }, activeItem && (h("div", { key: 'be5aa3822872fab8608a225ebd526c71f52e7c37', class: "spw-lightbox__image-frame" }, h("img", { class: "spw-lightbox__image", src: activeItem.src, alt: activeItem.alt || '', key: activeItem.src }), ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionTitle) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.captionText) || (activeItem === null || activeItem === void 0 ? void 0 : activeItem.copyrightText)) && (h("div", { key: '6bf0226b1ff9741ffb15d0981f17ba61db257e55', class: "spw-lightbox__caption", "aria-live": "polite" }, h("div", { key: '23f6a32908f30dcbd024283013e08760d58a0507', class: "spw-lightbox__caption-content" }, activeItem.captionTitle && h("strong", { key: '90500406e8fefe23f013d581670005d287c00ea6', class: "spw-lightbox__caption-title" }, activeItem.captionTitle), activeItem.captionText && h("span", { key: '5be08c1459ee6c6fa3be9fe8a854d0fc6967288b', class: "spw-lightbox__caption-text" }, activeItem.captionText)), activeItem.copyrightText && (h("spw-tag", { key: '3e1b3bff55708e34ba97a502ac4a65fe5bdd0448', size: "small", "icon-variant": activeItem.copyrightIconVariant, class: "spw-lightbox__copyright", icon: activeItem.copyrightIcon, href: activeItem.copyrightHref || undefined, target: activeItem.copyrightHref ? activeItem.copyrightTarget : undefined }, activeItem.copyrightText))))))), items.length > 1 && (h("spw-button", { key: 'c94feeca844f367c141bb48e23bbdb96f41e9566', class: "spw-lightbox__nav spw-lightbox__nav--next", "is-icon-only": true, icon: "fa-chevron-right", "acc-aria-label": this.textNext, variant: "secondary", onClick: () => this.navigate(1) }))), this.showThumbnails && items.length > 1 && (h("div", { key: 'c06cf2a19b7b64702180ef0303b1cc32bf85151c', class: "spw-lightbox__thumbnails", role: "tablist", "aria-label": this.textThumbnailsLabel, ref: el => (this.thumbnailsEl = el) }, items.map((item, index) => (h("button", { key: item.src, role: "tab", class: { 'spw-lightbox__thumb': true, 'spw-lightbox__thumb--active': index === activeIndex }, onClick: () => (this.activeIndex = index), "aria-selected": String(index === activeIndex), "aria-label": item.alt || this.textThumbnailItem.replace('{index}', String(index + 1)) }, h("img", { src: item.src, alt: item.alt || '', loading: "lazy" }))))))))));
     }
     static get is() { return "spw-lightbox"; }
     static get encapsulation() { return "shadow"; }
@@ -497,6 +508,9 @@ export class SpwLightbox {
         return [{
                 "propName": "opened",
                 "methodName": "onOpenedChange"
+            }, {
+                "propName": "activeIndex",
+                "methodName": "onActiveIndexChange"
             }];
     }
     static get listeners() {

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

@@ -34,7 +34,7 @@ export class SpwLink {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (h("a", Object.assign({ key: '39d18ad3bb54b75ed1b60c7a12d6d7b0b17d0303', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: '976d78c39fd800646a4f9049f0a47d9345c6276e', class: "spw-link__inner" }, h("slot", { key: 'a58e01cbfa8de3ebd9edfd978124e8acd525f729' })), iconPosition === 'right' && iconElement));
+        return (h("a", Object.assign({ key: '899f64c682ce6ee3236a36b795df7eb1804a0810', href: disabled ? undefined : href, rel: rel, download: download, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, h("div", { key: 'c87bb64a8b4055991dea51d3f95bc1e5fdbee0b7', class: "spw-link__inner" }, h("slot", { key: 'faa097c523da01a5311075c3a6a1e25897a07efd' })), iconPosition === 'right' && iconElement));
     }
     static get is() { return "spw-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class SpwListDescription {
         };
     }
     render() {
-        return (h(Host, { key: '9377f16f49367ddd589d33ffea0b52fc3885b2a8' }, h("div", { key: '945db11e609fe64fc34912ac17647ea3e9e667b6', class: this.elementClass }, h("slot", { key: '9d96948949e5b3e1f4b45529a85f8005f38df8da' }))));
+        return (h(Host, { key: 'b4b72cc7427baab592a63fa96d94648916e15194' }, h("div", { key: '64b8ba560fb842051c84266a987e5784bc69e5a0', class: this.elementClass }, h("slot", { key: 'c104a9a85823c9a6f5d7526f2dd3594816895c16' }))));
     }
     static get is() { return "spw-list-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -106,7 +106,7 @@ export class SpwListItem {
                 href,
                 target,
             };
-        return (h(Host, { key: 'b1a520886bab4b67b808bae5b2d778abd6bf319a' }, h("li", { key: '0278aeed4bc95cda27cff2deda3f42b7f400ed5e', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: 'ebc69b91d1228652e03ddc9d4ce7b1881e16a908', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '7f6205505adcbc1e3563d31818477e2ef67c64af', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'edbd8ecc22acf3373791f5ed6beae3dc5c509a38' }, attrs), h("slot", { key: '86efb112b3ff76116e044ee24569c1aa9b9c225a' })), h("slot", { key: 'cd52c5f2f60bb6d17466c19509e2faf97f23d3b2', name: "buttons" }))));
+        return (h(Host, { key: '8c807f37bef2f056b0e5e33031c36e99ee74b3a3' }, h("li", { key: '203903edb02ba2d244b9d9375f24428e459e3a47', role: "listitem", class: this.elementClass }, this.category && (h("span", { key: '80e567a90fe0a06ac2523d74731d0fc607592045', class: this.elementCatClass, onClick: () => this.handleClick() }, this.categoryIcon && h("spw-icon", { key: '2ecb923c0fed03840648777d480f66aea1291fdf', icon: this.categoryIcon }), " ", this.category)), h(TagType, Object.assign({ key: 'e86f4f394260b3a396b1f04a34df4abbc28e55ea' }, attrs), h("slot", { key: '577415c2ea250cad41364c018cbadb192954d994' })), h("slot", { key: '9b1be1bfae9fcd009c8769eb504b2208e7ab82fe', name: "buttons" }))));
     }
     static get is() { return "spw-list-item"; }
     static get encapsulation() { return "shadow"; }

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: '1a4dff064537db053ff74400f07fae03f8860ab3' }, h("div", { key: '1c303ebec9e677f7e09113f18877af83e08a55a4', class: this.elementClass }, this.icon && h("spw-icon", { key: '1edacbb96a839e7cade15c5e9ac78ce1d73c7cd3', icon: this.icon }), h("div", { key: 'd4172072bc95bbbd4a05a375a8e6e49a9f95b760', class: "spw-list-title__content" }, h("div", { key: '3225657ccc2d6bf17e8e3836d0295dca244eedf7', class: "spw-list-title__content-text" }, h("slot", { key: '05ea71bfcaaac93d8959de4a19e160c5cebae79c' }))))));
+        return (h(Host, { key: '96b5bac8e6721db88297b4881fe67424415c0227' }, h("div", { key: '719182fd51fb67dd24915bd5a8b612e1b63dd112', class: this.elementClass }, this.icon && h("spw-icon", { key: '6f96398057f175024fbdb512a8f81bfa5fc4e6ac', icon: this.icon }), h("div", { key: '27fe08ce105bcd6f80f25bcee410cc44f685a06d', class: "spw-list-title__content" }, h("div", { key: '1fda7233de36d1b92ce9abfbf8768ffab64eac20', class: "spw-list-title__content-text" }, h("slot", { key: '6a47e207887b8d60619f31ad17a3353ae85cbf4c' }))))));
     }
     static get is() { return "spw-list-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class SpwList {
         };
     }
     render() {
-        return (h(Host, { key: '59cb20dd0fb77109f041943951554c91fa5d853b' }, h("ul", { key: '44e97d691ed782f29245f350461d5c00784628f8', role: "list", class: this.elementClass }, h("slot", { key: '4118b190a7028f8e2151200eb94db2abf875dbe6' }))));
+        return (h(Host, { key: '437fb36977c9791f1c64020a28b56fa57127509e' }, h("ul", { key: '8c117fa57f2f8ccaaaf4fc4c7247bc57910979fe', role: "list", class: this.elementClass }, h("slot", { key: '400e532fbece3f626b96c8bf44701c583cfb0784' }))));
     }
     static get is() { return "spw-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class SpwLoading {
         };
     }
     render() {
-        return (h(Host, { key: '8223676257632db2676efee4beb20c6d1593c664' }, h("div", { key: '07110520dd1a07e695cd86c0283f91ece0f3192d', class: this.loadingClasses }, h("div", { key: '9126247936e0554a7a7a60debd882c3ac0bf5692', class: "spw-loading__spinner" }), this.text && h("p", { key: '592543ecf83b94033a92100d040494efb444e636', class: "spw-loading__text" }, this.text))));
+        return (h(Host, { key: '2ae810f9bac688bb2ef02ab611b4143769f5fa2e' }, h("div", { key: '822c5236811d5361e562b6efea9c8437e59e39b4', class: this.loadingClasses }, h("div", { key: '99e0addc754c008e37f0c99799244790565cbae0', class: "spw-loading__spinner" }), this.text && h("p", { key: '674e6b700e1a8b9a7816eb014344e49e38781d9e', 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.js

@@ -166,13 +166,13 @@ export class SpwModal {
         };
     }
     render() {
-        return (h(Host, { key: 'ed21ac55584f0c58d22f8329655f360940b508d3' }, h("div", { key: 'a3a0520fd4845f3708a1361f019b52c521b60d7c', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '5728a7016c59957cad7b58224aaf49c036d90816', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '76728b1af5ca12baedc3d8b33d34cf5b8f8fc5af', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '87d8675acbad782ed2c48c654fb4e4b91f98a7d9', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '94ffb2bbf3749e4f7fec2187210e4f779c601c43', class: "spw-modal__header" }, h("div", { key: '9f55b5c2cfee63c50682120da8cd860b7ddff219', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: '3d8dafe1c73ef780985c8fc7ce79df82c505961e', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '4efc4301418bd1c9cbef442c6d5353ec3b7743f8', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: 'fdba5f4d701166752b220c01adb68e658bf97942', class: {
+        return (h(Host, { key: 'c157646646bcdc2336f4b91b657f20bec00df4dc' }, h("div", { key: 'ecd8f315db80d19e433391a9ffe7deefc9736bd5', ref: el => (this.modalContainer = el), class: this.elementClass }, h("div", { key: '519205765483e2739404bbe70e2e59b6c2f28b75', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '4b3c34065c64c272ef71ede849cdf5987ebd5453', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, h("div", { key: '7bcc2f2747f6fcc70249de6913f9751e97e12a6b', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, h("div", { key: '80ece3a351c1e0a6eb1345b70478edf1f4c7cab7', class: "spw-modal__header" }, h("div", { key: '64cb2a0695bf11a1295fae8350a62fa9ca355eff', class: "spw-modal__title-container" }, this.alertIcon && h("spw-icon", { key: 'adb258fbcba9dd8c3659dc47ef51f7c2b41e8b72', class: "spw-modal__alert-icon", icon: this.alertIcon }), h("h2", { key: '778b74582a8660dec60e345fb0136a06aa5aa1a2', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (h("div", { key: 'da8ea051072980ff579caa2556fd73bcf59ed221', class: {
                 'spw-modal__close-button': true,
                 'spw-modal__close-button--sticky': this.isCloseButtonSticky,
-            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: '5d12f3d60d85de219273b96fb98582e399c73155', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'f4994d45855aebf668956654bc0db3b76059f0d5', class: "spw-modal__body" }, h("slot", { key: 'e6a977e29ccd8782e32b163ee2e4e5d95e8ba9f7', name: "content" })), h("div", { key: 'bcfe2b19f366a1dbe7be9de6628bee5ac8d9aecc', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: 'ad5b04e4df33ee90f0e356b2e599b85b48eb588c', name: "buttons", onSlotchange: (e) => {
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, h("spw-link", { key: 'd9a440db7d4d25fbea422f4138695bc709894233', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), h("div", { key: 'fc1f867b109b5e9d34a40141a0d063ad530aadac', class: "spw-modal__body" }, h("slot", { key: '6a048196c218df1d3e0145f2c27695853b5e6178', name: "content" })), h("div", { key: '57c9a3144e2c27c1e90a556c423faa230aa1bd60', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, h("slot", { key: 'b8c04462cae8435332af8769650c0bd58f950bb3', name: "buttons", onSlotchange: (e) => {
                 const slot = e.target;
                 this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
-            } })))), h("div", { key: '679e49272ce4b28f7c1824fccd2b5111b84dee83', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            } })))), h("div", { key: '07522150f05d312d3773f3dd3497e41cab4015bd', "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-mosaic/spw-mosaic-item/spw-mosaic-item.js

@@ -45,7 +45,7 @@ export class SpwMosaicItem {
         }
     }
     render() {
-        return (h(Host, { key: 'a36cb3b48cf6395c5a35412fcea238f1d5308fea' }, h("slot", { key: '219b0fe9f531f0a930b64d7d26c556d1010d9ef3' })));
+        return (h(Host, { key: '00e72c7c829603bb27cabe751fdcd504dc0c3890' }, h("slot", { key: '2d10aedf1a608b19e016f2b280448f810927afa6' })));
     }
     static get is() { return "spw-mosaic-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -136,7 +136,7 @@ export class SpwMosaic {
         };
     }
     render() {
-        return (h(Host, { key: '5c7b2898ea640ee51f52561ebbeca1f3980acefd' }, h("div", { key: '83c7f8c40fc201b28e03a7c79680717bc51fec69', class: this.elementClass }, h("slot", { key: 'd6bc487a7f2dad43417b4c45a1b45d18683b7dc9' }))));
+        return (h(Host, { key: '8b547bf3289b4fd36266004b56dbd4e27302f217' }, h("div", { key: 'f9156b6debf0d4cdd35d4a97e19a818ca383c6ca', class: this.elementClass }, h("slot", { key: '74e30d3012df0c9d702e5e347155c0a0b07ec84a' }))));
     }
     static get is() { return "spw-mosaic"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,12 +167,12 @@ export class SpwPagination {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '3be58601d099b80bbe2ac8b52d27c961278ddace', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: 'a155d4c07d063f135232291413299eb228d43574', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '1d57b0eac677bb064710d4e056621358f8f3c8c0', icon: "fa-chevron-left" }), " ", h("span", { key: '0dfe8068e94cc52bc3d83420f70784575e9edb69', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (h("li", { key: '46b1a044e63f3f1a5e01392322de4511f957e8b0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '24efc6b1b9c3acfc06ec849bbaae55736f73ad70', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '40f524b43fbb5a3dae2ba786ab376cc9a945efa1', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '6a51c07ace8b2e14c81d1573fadb9cb4d5dec4ee', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'f904a9377fe53e18337645f3ff2bb0cfe07d2898', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '715726f155cd8a44cf377381bf8049ada7e055d6', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '2cda6893bbebddeb3ab23bee702a196f676ffeda', icon: "fa-chevron-left" }), " ", h("span", { key: 'bee785dc1ce752fa1d2002848ddb7c54861e0eb6' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'dc9dea0daf430d08e4148c66169e321b7e8cf561', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '7de0f8e727b10c85d832e77f7c2dcd6550063a06', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '1bd49abc9d644d7b4990fb6ce877964015c4cac6' }, this.nextButtonText), " ", h("spw-icon", { key: 'b72b4cd2686b1ad437469d816687ea3d2a80d4ec', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: '4444865a9c0b2717b11cd5ff584c6b79131de0be', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: '3561ff2dae44020c6b0f09708ca8e64e77f70703' }, h("div", { key: 'b14002374e4defab6f7283cf59888895913ab900', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '36b5ca0bbf77af904d9901098d92e16951f6df8a' }, h("ul", { key: '5c0c9d0d6214d77be59f37e1c5eaeac85c22043b' }, prevArrow, h("li", { key: 'd13588e422f791ff3dc82172548b3c97c3d0ac1b', class: "spw-pagination__input" }, h("spw-text-field", { key: '48f88bdb544091ed88c0fa3e5f2c5a4045eedfb9', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'f0ab8531cd57b6d755cd17a14d286e9ab927b983', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '3ac5b728f5ff827615eea3a2b2c4033de0f0258b' }, h("ul", { key: '4abef0513bbbad4fe9fd1f99f7e8bf2526352203' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '7fc856727713395a435fc1cc18da91f0acd85995', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '9bb71a89efa59d0e11f747889160b88dbf1ec2fc', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'f18fc97f30b9e96a2d65a37ed9e1a39081d1a6e7', icon: "fa-chevron-left" }), " ", h("span", { key: '3f95dc39a955a461ea6cb2399ce025156df71d00', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (h("li", { key: '92ba98937967a1911e929a5da5a1b4349b55d764', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '64cd348de2aaca15eb6289677f218cd37e41f83f', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '81d3955b3289a4fe51a0e04d8bb378c2d4130485', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", h("spw-icon", { key: '1ac7c8bb319a3381d6daccbc8cd27c4c3a3ea7c7', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'b299142a522b5bb76c4e049622b8cf10921edf4e', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'c46710f48cf19d5eaba12bd83dab27376ccd8a3d', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'cb993ccafb6d54fb0a47c359277baa2dc2403de5', icon: "fa-chevron-left" }), " ", h("span", { key: '566619f3b1e682b5b9c0e468589919bba09a609e' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'b14fed63757479d6e214957a6769fae410e25341', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'de198170a661439ce3a875dca6df19f368f54d1c', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'd30054736d102ea0d63a5a8de734a5641e3ab586' }, this.nextButtonText), " ", h("spw-icon", { key: 'c753c82e71a422e2bab74682951b5bd97b8769e8', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: 'a828a3aaad60fe42a0b6f4e7d0a9b9c849050486', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: 'ce2247c999c821b89da71c94fc106e0fee90d3b0' }, h("div", { key: '4c7b9c4ba546225d2f6fcb4088b8450e233fd7a3', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: 'bf895feed84c1553d1305352565f4651f6c6fe3d' }, h("ul", { key: 'de7c60b8809e820be93b02f2363b1981fe987cb8' }, prevArrow, h("li", { key: '478d507d688eff029e0b59ae6e0a3c483c093d51', class: "spw-pagination__input" }, h("spw-text-field", { key: '2a13cd04c4fbe018cb742645c60704189f092406', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), h("li", { key: 'ac0309292eaf38f8ba8de98e52df93181f43f3bb', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '6c78bea5d758d2f35cec8a25dc9793ecc66f6794' }, h("ul", { key: '7f38bb32925d01d260194b2b31c527cf824f2fad' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }

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

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

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

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

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

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

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

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

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

@@ -169,14 +169,14 @@ export class SpwSidebarNavigationItem {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '4e429bdabcf50ea0f1de574908241f5e8cbfb4a5', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '9a426daba6b369769ae02761344b7d17cddde591', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'c5a465e61e51e0d92f0b71092351763fa8f89c32', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '42a63e213de4e53aa9235dad75fce325cfa37b30', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'eed54df9bc775ced921b5c1712edd8dda7646f1b', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'ea3064849a84505f07a9a3bfda0c4878300b9fed', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (h(Tag, { key: 'a571fe5374963999bca79dc4190a0ea88fe0951f', 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: 'e5fbdcaee4a0095ac962ddb5cac6e5dd9e11c382', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'ee61f90d419672159fc5ce7c7f26d0b9ab8ee5ab', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '6a17d7d4d6227d89354a7c994219264942c5e69a' })), this.hasDropdown && (h("div", { key: '526958d3c15f97b7dd76a27989849bd55a17ae5e', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'dbb8e13fae5b23a0b1cea9b0311cfb1e28049c0e', icon: "fa-chevron-down" }))), h("slot", { key: '5a5d30dbcf2d0bbc1da2116a11be376615e066d5', name: "dropdown" }))));
+        return (h(Tag, { key: '13df8f8842f6462b3f8edd21516f7f39cc432426', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: 'af85cbcfef4a88528375c3f86742f37d03a1176e', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'd287f9f10de41c50dab16fa41af099c29a5403af', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '768ecdf1c6c7c01b17cbcd530078afcda3ffee94' })), this.hasDropdown && (h("div", { key: '359b560748ef0405200c6ee2e72162a3cf04d4e8', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '6073faa5bcbe95fc52961b82f302fb4376497d51', icon: "fa-chevron-down" }))), h("slot", { key: '5a987a9bb1674f518913152b98473ea35cb8e8bb', name: "dropdown" }))));
     }
     static get is() { return "spw-sidebar-navigation-item"; }
     static get originalStyleUrls() {

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

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

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

@@ -76,7 +76,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '72a2f89a98e5cbc00503e069868ae36cf0240bc3', class: this.hostClass }, h("div", { key: '463a912062098bf740ad9a84f9b74189ac93db90', class: this.elementClass }, h("span", { key: '9780e3d315a4db368cc72212e28b4dce59bf985a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '7ba5560ce536fa666e33bf4ebf6bd8984bd1b92f', icon: "fa-chevron-right" })), h("div", { key: '5cab2c94c2e88a2f6e0c5760c0476452269ee10b', class: "spw-sidebar__content" }, h("slot", { key: '76befd343e9630d637caa7e1efbab66f91c4f6f3', name: "navigation-top" }), h("slot", { key: '1ba0460ed74fc397a246ab23150f550c36073233', name: "navigation-bottom" })), h("div", { key: '7423dc45bf425e186f974d51fca35366ca4275f6', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '46250ef2a149749f3d0a96f56e2498c7458a1153', class: this.hostClass }, h("div", { key: 'a5631cfa7283ac399bfdf2500ac95058d4ac46ea', class: this.elementClass }, h("span", { key: 'd075af3a76768d86d5fda59b6eaf8e5368e53d9a', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '235e9cf448dde333f03b9c59c7530b68b48fd930', icon: "fa-chevron-right" })), h("div", { key: '5dc0f608646776401f3d0e2e6666e6970a8a2944', class: "spw-sidebar__content" }, h("slot", { key: '997b8095ef8a6c0b1795bc02fa4bae75adff1fda', name: "navigation-top" }), h("slot", { key: '8c268454179aca288142733cfb0215431367dc02', name: "navigation-bottom" })), h("div", { key: '376a037cd6624a6e178e8d35695045dd29d4a7f2', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -15,6 +15,8 @@ export class SpwSlider {
         this.autoplayText = 'Défilement automatique';
         /** Position des flèches gauche/droite */
         this.arrowsPosition = 'inside';
+        /** Position des dots de navigation */
+        this.dotsPosition = 'inside';
         /** Texte aria-label pour la slide suivante */
         this.nextSlideText = 'Slide suivante';
         /** Texte aria-label du slider */
@@ -380,13 +382,19 @@ export class SpwSlider {
         return {
             'spw-slider': true,
             [`spw-slider--arrows-${this.arrowsPosition}`]: true,
+            [`spw-slider--dots-${this.dotsPosition}`]: true,
         };
     }
-    render() {
-        return (h(Host, { key: 'abf01413788f9dd90d581dfbbc59b5c904890e25' }, h("div", { key: '749ffdf945277e2462cb3925ea1bb0d69b3221a6', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: '9062f815c35a83e5691e153c5767d662a0e807e3', class: "spw-slider__track" }, h("slot", { key: 'b3469f67963fec6bdb208423dcc63be8ef53cd0a' })), this.showArrows && (h("div", { key: '4d25f8cf56edbdb9bcf59aec8386d6900a960d04', class: "spw-slider__navigation" }, h("button", { key: '0524e356e557221dfaaffafdaab09206a5506e7a', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '02bd61dbfa49e3d243bddd6713e760f679d0e136', icon: "fa-chevron-left" })), h("button", { key: '981037fcfaa7d6f750be1240f4bdf117a304036e', 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: '6c5f8dc8da391f4d423ad1b258dbb9f70f6c3da2', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: '54027cdf4b6bc1468b4c4be1da2aeac0933cfbf7', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+    renderDots() {
+        if (!this.showDots || this.totalSlides <= 1)
+            return null;
+        return (h("div", { class: { 'spw-slider__dots': true, 'spw-slider__dots--outside': this.dotsPosition === 'outside' } }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
                 'spw-slider__dot': true,
                 'spw-slider__dot--active': i === this.activeIndex,
-            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: '8c942c9464d2c2c56bfc373598705a8f1deb89a9', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '7b5bf5926021a941c6c846046efceff88e6b3580', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))));
+    }
+    render() {
+        return (h(Host, { key: '9758082446f0a3b3e65bac691f6e34d15833bc4b' }, h("div", { key: 'cf0d29a8ec559358c2f906e39d2eb90eef9eb514', class: this.elementClass, style: { height: `${this.currentHeight}px` }, tabindex: "0", role: "region", "aria-label": this.accAriaLabel }, h("div", { key: 'd240ff65359231b569ea3e04dbcb958179852a98', class: "spw-slider__track" }, h("slot", { key: '8ddacc2a7c985fc671c173530049ae02f39b9d49' })), this.showArrows && (h("div", { key: '2904694c4940ddb3fcc5e384fc779d7211cf79d4', class: "spw-slider__navigation" }, h("button", { key: '619aad83d4734e286baa8dfa478b731b26eae91b', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'b293d9ddb5aa1320a4cfea56b03f323d01e05a2f', icon: "fa-chevron-left" })), h("button", { key: '8c81743bb19a79a5bdcdae5f18b0924ad12c1625', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: 'd39683b36b137d1a9a91204ffb72d1f30a9e2d4a', icon: "fa-chevron-right" })))), this.dotsPosition === 'inside' && this.renderDots()), this.dotsPosition === 'outside' && (h("div", { key: 'a90199d4a4af6c19e57ec64d8b7896c3f88e30d5', class: "spw-slider__dots-container" }, this.renderDots())), this.showAutoplayToggle && (h("div", { key: '11c54e1c6a794172b12db93b158abde1f895d9d0', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '5f089b0c2885dce6885631c61ba0b58cfce4a30d', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }
@@ -542,6 +550,26 @@ export class SpwSlider {
                 "attribute": "arrows-position",
                 "defaultValue": "'inside'"
             },
+            "dotsPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'inside' | 'outside'",
+                    "resolved": "\"inside\" | \"outside\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Position des dots de navigation"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dots-position",
+                "defaultValue": "'inside'"
+            },
             "nextSlideText": {
                 "type": "string",
                 "mutable": false,

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: '337b0c9e93db0e607bb4ffc9e1515e50fc719c61' }, h("div", { key: '7d231ffd3a47cd506a1951dcf8425eaf7878d83c', class: "spw-socials" }, h("div", { key: '29ed1d1e2dfc4e92b422d6a7971e50b0e563b209', class: "spw-ds-container" }, h("h2", { key: 'da07a1b7bde7d79543f3a03f76c17ab2942a840f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'effedaf219140d1dd79a17a98eb023cac347524e', class: "spw-socials__content" }, h("slot", { key: '8f10a19574f867d486407e7eacbc08a7be964bd9' }))))));
+        return (h(Host, { key: 'ef2efe65705a05744f53b418910e453beb834dca' }, h("div", { key: 'd0f404f5c5be2576318ed1642858aabea4802d38', class: "spw-socials" }, h("div", { key: '84433f0219b6c80c9499a25a450934b7fc7fcb42', class: "spw-ds-container" }, h("h2", { key: 'c2866d48c91e18c9b58afedd33cf75557461d9d9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'c454151009e9aab4e3e7f4d454014186325bfeb5', class: "spw-socials__content" }, h("slot", { key: '0aaa6216c6d09e3d0b8399fc49255838a15a8bc0' }))))));
     }
     static get is() { return "spw-socials"; }
     static get originalStyleUrls() {

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

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

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

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