@spw-ds/spw-stencil-library 1.15.0 → 1.17.0

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: 'f242ce7e1550c4a49580fa591b4a6c9b61a3193d', part: "thead" }, h("slot", { key: '25b91ffa697555d2f02a9211d81ef490572b2448' })));
+        return (h("thead", { key: '9ec8ad801e891674cb91fa2115daa6313a7050f1', part: "thead" }, h("slot", { key: 'ef1ff2951d7988c3d77ac804fd6f079f0795067d' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,10 +65,10 @@ export class SpwTableHeader {
             }
             attrs.style = stickyStyles;
         }
-        return (h("th", Object.assign({ key: 'ce7cc74eed9c6938e861a8a0d655136d26a06aa7' }, attrs), h("div", { key: '083f10b3048ac936f2bb75880550093bd98c1155', class: {
+        return (h("th", Object.assign({ key: 'c96b8e0732bbe18ba3eedfa06bfb4ae3a73de540' }, attrs), h("div", { key: '34ae0d5a2fbd7e93aa305b332fcb58c40f20e716', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '4613e31e43c8614664f44415ee08ac516dae162b' }), h("div", { key: '35472e4873913118019d977ce34f1712946b975d', class: "spw-table-header__icons" }, h("slot", { key: 'a7fba819781c4934f310957d4b45bef79b0f76ea', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '5f3fc7ac464ff405e7cc806e7e5f05caadda089c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'f5b37045e1747cad5a6ea2e7a1479959a67d7d37', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'ee41a3e217eea013939681a48def032d6aebac45', 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: 'f844a5f239ed5255492dffd6e064dea78d466a78' }), h("div", { key: '711f86026809f0d858b17ac138d0d69cb05584e5', class: "spw-table-header__icons" }, h("slot", { key: 'd6402e00b5c8ba5053af927215682a13e636cea7', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '3080be068c69098c9682dc6d1ad34b936c32517d', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'b73522b0f1ae52b1f55e8ac90aa4f256860e3ca3', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '92f6b44fceffa12cdec3f692283700c710975e2a', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get is() { return "spw-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: 'd63972338e3a369fcf4283785dcb0a6c9a951bca', part: "row" }, h("tr", { key: 'b0360654aff1fa225205e1d14559d4c870ee2d4b', class: this.elementClass, part: "row" }, h("slot", { key: '2a13f9383b5edf0ba26e6666cb81f5c7cc1d38bb' }))));
+        return (h(Host, { key: 'ef85e30b6faee845cbf6db79117c53e098e99a5a', part: "row" }, h("tr", { key: '0e76eada2017642d143d438c86f29a9e604c8afe', class: this.elementClass, part: "row" }, h("slot", { key: 'b93e4e25e54448fb460719423ba2f4d0e607aea6' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,7 +123,7 @@ export class SpwTableSidebar {
     }
     render() {
         const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
-        return (h(Host, { key: 'e4a9d1a354e32ef75efd8ef35f43c762b076e870', style: style, class: this.hostClass }, h("nav", { key: 'bb90239cc30b9eca49ebf0c894aa49e5b58c6aef', class: this.elementClass }, h("span", { key: '156cb5e97301822b609b589976cea3863fdb7b54', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '8fc362d585fbcc5a5665794fea821cbcb96caaa7', icon: "fa-chevron-left" })), h("div", { key: '7482227bda0933747f31f9b22619ed38a6a3079f', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '4a83771c96c9c27f23cb4b1679894875fd644530', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '60bad1c24dee5c603ac3ec6fbe853ecced481cc2', class: "spw-table-sidebar__content" }, h("div", { key: '1a638e4991e67185a86417792f4454da4a145451', class: "spw-table-sidebar__header" }, h("span", { key: 'fc0f7b5a002d3fd73bd1a5991048c90dece45398', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: '86dae93102277fc63cc260f3d3d28fa538d07eb9', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '97f4c00f9c1ca32d01292261c661134c7e86ee5a', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '88281ad76c136273bde8e9ac8217503cfd10eaca', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'd37272c7272d51abe6c972882809bad6b4ffe7fd' })), h("div", { key: '65eb9775f2c0a53797ee59bda9a134e3551f6fd1', class: "spw-table-sidebar__footer" }, h("slot", { key: '62999f25d68bc356b3033c3bd4943d0a79611740', name: "sidebar-footer" }))))));
+        return (h(Host, { key: '0e0e7237879e061033c214e6ba44ec20ce0cfaa0', style: style, class: this.hostClass }, h("nav", { key: 'd8bce9a96e6e7dd985879c259b5d16f290d3de7e', class: this.elementClass }, h("span", { key: '4f07b91f8c5d93d9eef7c7c68bba09ddfad4417d', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'b3a0feebb78062a2d185ea55c2a1ae986bfe665d', icon: "fa-chevron-left" })), h("div", { key: 'd14f2ebd001188ef6edc200ad2817e1ec55a0e4e', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '718aa5704a6a7e5bcd85492abe40f31f1ce00842', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '138a2aabbe55682ae3b411242591a40d1c2fc162', class: "spw-table-sidebar__content" }, h("div", { key: 'c84392125d283e0d330875c4fa1026597336d28d', class: "spw-table-sidebar__header" }, h("span", { key: '820d3b63f481bebbccb6a611b48dc3be3fcb7be0', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'ed32ded914de3d9199909e8d85d4184c7af87923', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '5b7fa07306c572ded7a28cd5ead4d27245516847', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: 'dc6b37b9a1a6921ddb3462cfe055851f1a25e9ae', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'fec62db7642e1a7998feef12917f6f6fa40c81e2' })), h("div", { key: 'f012224dd279b2c5f92227abf0cfb70ba98ac2b0', class: "spw-table-sidebar__footer" }, h("slot", { key: '8ef26eec47a4bbe7739d7bf75c3aa54358b1be32', name: "sidebar-footer" }))))));
     }
     static get is() { return "spw-table-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -102,7 +102,7 @@ export class SpwTabsNavigation {
             'spw-tabs-navigation__list--vertical-on-mobile': this.isVerticalOnMobile,
             'spw-tabs-navigation__list--centered': this.isCentered && !this.hasOverflow,
         };
-        return (h("div", { key: '08654a87ffbca2483e7ba8d06e66c3acfa7451af', class: containerClass }, this.showLeftArrow && (h("button", { key: 'd65d96c9cea2f377c3c3a87c97a86c6de5a49657', 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: '8796f9bdb3b676075019cb5394405e93b59ceb5d', icon: "fa-chevron-left" }))), h("nav", { key: '695e3d495ad17b0b04f54b2f6129839dc534647d', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'f09a3444ba343b2276ed776bcc7c9afec626b5c7', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'df732f63ab39e30a6c4674d7e5314636b49976ae' }))), this.showRightArrow && (h("button", { key: '0e7cae5c151ecbdb30054da1bcd94481305e7101', 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: '306b468cbc6a1befd79db4e44b4e92bffe8573ad', icon: "fa-chevron-right" })))));
+        return (h("div", { key: '0adb38f7e049a4193dd9ccf9339c264182e35102', class: containerClass }, this.showLeftArrow && (h("button", { key: '3216c361c65b16d20b1e802f088d6682c430f5f7', 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: '10ad5f02999ae842182a00d577f82e3ea07ef846', icon: "fa-chevron-left" }))), h("nav", { key: '6b9c5b61686efcb08d3bdb7c00948f829bbb8e11', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '9b12145c2c1e83ef30f410355d6e63df48b5dce8', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '5b1b3c24cbb788037f59b43822b9e9d526667c28' }))), this.showRightArrow && (h("button", { key: '61715a66a54fa8d7d9b92ab98b618336ac9fd385', 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: '33c810bf8e4fad017313973f3833cc7fb4dc5d52', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class SpwTabsNavigationItem {
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
         const tagElement = this.tagText ? (h("spw-tag", { size: "small", "has-icon": this.tagIcon ? 'true' : 'false', variant: this.tagVariant }, this.tagText)) : null;
-        return (h(Host, { key: '8a6ab7177120da7cfeaa6df17b4702b77280158c', class: this.active ? '--active' : '' }, h("li", { key: '059aa9439e4782abbfcf1be19bd643507e38597f', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'a409e234a4fae3f7d1f4fd4d1e11dfc374021afe', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: 'e517fa9a8a021881b97ce9503a1e8ea63dc2257a' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '99b80b94b52376f53e0d52e25d574280a290cd1d' }, iconPosition === 'left' && iconElement, h("slot", { key: 'ea54c06d2b5be6190bd8118d8168a95c7a6099fc' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '5445b05a864444ca81bc825ee52d4727b8c760ee', class: "bubble" }))));
+        return (h(Host, { key: '4b62700a4d2e49968423ab063c0c0aeb7c244d48', class: this.active ? '--active' : '' }, h("li", { key: '0f536a2f72074420a65ef5bd8e0557590d784527', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.accAriaLabel || this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '2cb56424e3de368f48ba4730e380f2d920ccd79a', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '59b23a03f00ecc47e49e03977c9c39f8aa39fea4' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '6c5905313497084503d4b206c49debccad662868' }, iconPosition === 'left' && iconElement, h("slot", { key: '75ee1db82675348e3710c68ba2f279833db6f954' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '39cf06bdd61e7f10e7b6c2a06ece9dc778c17f89', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,7 +167,7 @@ export class SpwTabs {
         };
     }
     render() {
-        return (h("div", { key: '7e118680d9abcc148c3ec800194d3ce8a18f4178', class: this.elementClass }, h("slot", { key: '7a5c3ecbbf5673b04c892e9acf9e9d472e50e0ee', name: "navigation" }), h("slot", { key: '9bb53a4d2111087ce6fe378861ead015bfcb525f', name: "content" })));
+        return (h("div", { key: 'b6310eb87661de2bf83768ff6cc7d3fc9d6a9669', class: this.elementClass }, h("slot", { key: '57a152f6a6cb53cacd6ef72b374c3428fdd1a69b', name: "navigation" }), h("slot", { key: 'dab20dbc1ba59308580a499bd562890d06315a60', name: "content" })));
     }
     static get is() { return "spw-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SpwTag {
             };
         const iconToDisplay = this.icon || this.getIcon(this.variant);
         const iconElement = this.hasIcon ? h("spw-icon", { variant: this.iconVariant, icon: iconToDisplay }) : null;
-        return (h(Host, { key: 'b3d137d06f23bbc00e32c2b4f4d0d80872f0bd0f' }, h(TagType, Object.assign({ key: '856fc1cf018cb5b81bb75486aa0504436d80d16e' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: 'e3565bbe9c857973b4dcbd6aad56ad10a3558bb2' }), this.iconPosition === 'right' && iconElement)));
+        return (h(Host, { key: '5bbea711fe7b238e190819b7fc90c4751ca21a13' }, h(TagType, Object.assign({ key: '1122317d82979d80fd995ac4861869f685ec93ce' }, attrs, { class: this.elementClass }), this.iconPosition === 'left' && iconElement, h("slot", { key: '3617ec897e76d86a58e970711b0861329124c36f' }), this.iconPosition === 'right' && iconElement)));
     }
     static get is() { return "spw-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -582,6 +582,12 @@ template {
   height: 60px;
   font-size: 18px;
 }
+.spw-text-field--disabled .spw-text-field__number-btn {
+  border-color: var(--spw-color-themes-grey-grey-400);
+}
+.spw-text-field--is-error .spw-text-field__number-btn {
+  border-color: var(--spw-colors-states-error-error-300);
+}
 .spw-text-field--has-controls .spw-text-field__input {
   border-radius: 0;
   border-left: none;

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

@@ -247,25 +247,22 @@ export class SpwTextField {
         }
         return result;
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
-        }
+    // isExpandable (details slot) est rendu uniquement sur le dernier message
+    // affiché — sinon on aurait un bouton "Plus d'informations" par message.
+    renderMessages() {
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error, showIcon: this.showErrorIcon });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint, showIcon: this.showHintIcon });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success, showIcon: this.showSuccessIcon });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning, showIcon: this.showWarningIcon });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && h("slot", { name: "details", slot: "details" })));
+        });
     }
     get elementClass() {
         const isNumber = this.type === 'number';
@@ -282,7 +279,7 @@ export class SpwTextField {
         };
     }
     render() {
-        return (h("div", { key: '5869c33237fa6f602e1e14952e5907c84f033cc3', class: this.elementClass }, this.label && (h("spw-field-label", { key: '45aa105846bb5e410ed0c6eed3d7b885c85e2e80', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '2291b70d8173c62784789acfc3fe33444f537a71', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'd94f8a1a1330ac41e5005f39e6895a73758db0a9', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: '22f2bf66c017b29250754153a1fe1c92c974e392', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '0b4e07fe06704629a758657b71ef05a97192579b', icon: "fa-minus" }))), h("div", { key: 'a68d68dbca4b903824d9e3c281865288ac1e964c', class: "spw-text-field__input-container" }, h("input", { key: 'f5bd3a5e1995dbb1a6fa35b09e1b6f22683ff710', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'text' : this.type, inputMode: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.step : undefined, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'd6b12c440ed633c0f332a7f8fb4a241fca505016', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '98a87e1ce6d02571796116aa7588378a0c34eebb', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '2a4b6cebc5fe099e3d5375d308332267d86dec59', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '5e3838098d4bd150306215ce71d247d48e611a01', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'd1bbf030d7769d8afa31e43b2c2d5769f7588c55', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '790f1e3032a95b06de87d6deb9c77adf0fb69ad7', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '47baef8589df4aa6e6d065f19d7d3732bb49ed75', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: 'c4b681cca4a413ddf96171b5dd2d3eaf7aa80c47', icon: "fa-plus" }))), this.indicator && h("div", { key: 'e66969d09f31e4a15139ff02d721a4e4827d6dc9', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: 'eac95d9044c5233a1eb4db8f93c85593521160df', class: this.elementClass }, this.label && (h("spw-field-label", { key: '605e3ca1d5e46ef44e36e4386905e8aefd02bb9f', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: 'd0226be53d3efb860c7270af3f175e472b853831', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'deb7a861a993fa17ce7414f6f8ff4e45599fcbfa', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'a086085956f44ee9f947b09f0fdc741d214941be', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '25bf35e3b7163e1a026788a78bd61378800c7315', icon: "fa-minus" }))), h("div", { key: 'b44136077e9857835fd6c77f232af93fd94c7755', class: "spw-text-field__input-container" }, h("input", { key: '37310e16d288b6e5557d4d0b0c6003764371527f', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'text' : this.type, inputMode: this.type === 'number' && (this.decimalPrecision != null || this.mask != null) ? 'decimal' : undefined, min: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.min : undefined, max: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.max : undefined, step: this.type === 'number' && this.decimalPrecision == null && this.mask == null ? this.step : undefined, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'c79b5880f91b6f0c1e56fe892e4a050608d44882', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '669dc7c54ff811af1d967b078d20feedb0c5bd5a', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '16bfdfb005fcae12024c69d4104b1b7ed8416fcd', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: '68491038bc146623f90aebc29dd1435d9684d7b2', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'cbd2ea1a3df8cceab6e214ef961eddbfa216fa55', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '90b903d8a4a620d0b45270a4730facc602e63c94', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '71cc50996b225e21090e510a466bc5a7accdcd61', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: 'c34cb66bdac07bf3517a9413d077bb46831e303d', icon: "fa-plus" }))), this.indicator && h("div", { key: 'c666a77985ef4b825e50c65db3c4e2fff55ee942', class: "spw-text-field__indicator" }, this.indicator)), this.renderMessages()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,25 +68,21 @@ export class SpwTextarea {
         this.internals.setFormValue(this.internalValue ? this.internalValue : null);
         this.valueChanged.emit(this.internalValue);
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
-        }
+    // isExpandable (details slot) uniquement sur le dernier message affiché
+    renderMessages() {
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error, showIcon: this.showErrorIcon });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint, showIcon: this.showHintIcon });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success, showIcon: this.showSuccessIcon });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning, showIcon: this.showWarningIcon });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && h("slot", { name: "details", slot: "details" })));
+        });
     }
     get elementClass() {
         return {
@@ -97,7 +93,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: '83625aa979ac1eb4d28c656dad54b105ff481be7', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f0783d52a5ff1b3972588672314c117bdf3e5396', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: 'a914637fb2443731874d2d924e93812d131be6b3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '6493f6c3a7ac951bd0ab0d921297edd6188ad250', class: "spw-textarea__container" }, h("textarea", { key: '53a1ee705c79dfb677088ae6dbacdd74bcf51ae9', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '58b00a1e00ae56c3115b4be83bc35a2d8355c30a', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'f7438e1adda1cf10217158e34427d8e87a222403', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '2f260e15e9950101c33c4839bd3c555c89918599', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '822faad0673a8f0389f369e89928ad3d36eb4701', class: "spw-textarea__container" }, h("textarea", { key: 'b4236aabf1878b6df18ec52069c90dca3ab85aa6', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderMessages()));
     }
     static get is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class SpwThemeProvider {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: 'f3b357211e37d7e3442e042ef33068df5b2683e2', class: `spw-theme-${this.theme}` }, h("slot", { key: 'e6bdb0c0710b6441b35f705888656aa2a4c53e4b' })));
+        return (h("main", { key: '065ca382d4d58c36416002ba5dc4dcfb50c1794f', class: `spw-theme-${this.theme}` }, h("slot", { key: '91ec689d709422359646952b736404a79d4ca178' })));
     }
     static get is() { return "spw-theme-provider"; }
     static get properties() {

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

@@ -362,6 +362,40 @@ template {
 
 :host {
   display: block;
+  overflow: hidden;
+}
+
+:host(.--light),
+:host(.--big) {
+  margin-top: 6px;
+}
+
+@media (max-width: 1023px) {
+  :host(.--reveal-on-hover) {
+    display: none;
+  }
+}
+@media (min-width: 1024px) {
+  :host(.--reveal-on-hover) {
+    display: grid;
+    grid-template-rows: 0fr;
+    margin-top: 0;
+    opacity: 0;
+    transition: grid-template-rows 0.25s ease-in, margin-top 0.25s ease-in, opacity 0.35s 0.05s ease-in;
+  }
+}
+
+@media (min-width: 1024px) {
+  :host(.--reveal-on-hover.--revealed) {
+    grid-template-rows: 1fr;
+    margin-top: 6px;
+    opacity: 1;
+  }
+}
+
+:host(.--reveal-on-hover) .spw-tile-description {
+  min-height: 0;
+  overflow: hidden;
 }
 
 :host(.--icon) .spw-tile-description {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: '10111f6125a54c499de83df1059af7068196fb91', class: "spw-tile-description" }, h("slot", { key: 'c496445be46a2b21a053d1cba9d3cda1996d0bac' })));
+        return (h("div", { key: '944b6f3e11877aa6c2d932ef76eb8fd559e2958e', class: "spw-tile-description" }, h("slot", { key: '8ae1d62726bd878a2881ac54faa3ce4460eb8d54' })));
     }
     static get is() { return "spw-tile-description"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileTitle {
     render() {
-        return (h("h3", { key: 'f99caa90ebcbb8e1cc6523a5d78b6bd549bd3b78', class: "spw-tile-title" }, h("slot", { key: '553527800ce162bc3d7d7350f47784d0bf80ca1d' })));
+        return (h("h3", { key: '32bfa3e58b35ac3028e67c22ccccf3024b374818', class: "spw-tile-title" }, h("slot", { key: 'b0b39bf7e7a25f4fe603d6085e1a4b1d85290269' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -415,9 +415,6 @@ template {
   height: 100%;
   z-index: 2;
 }
-.spw-tile--big:hover:before, .spw-tile--light:hover:before {
-  opacity: 0.3;
-}
 .spw-tile__overlay, .spw-tile__image {
   position: absolute;
   width: 100%;
@@ -427,55 +424,68 @@ template {
 }
 .spw-tile__overlay {
   z-index: 2;
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%);
+  height: calc(100% + 48px);
+  bottom: 0;
+  top: auto;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--shades-alpha-dark-alpha-dark-alpha-900, rgba(0, 0, 0, 0.87)) 100%);
 }
 .spw-tile__image {
   z-index: 1;
   object-fit: cover;
 }
 .spw-tile__button {
-  background: white;
+  position: absolute;
+  bottom: 24px;
+  right: 24px;
+  background: transparent;
   width: 48px;
   height: 48px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: var(--spw-ds-primary);
+  color: white;
   border-radius: 50%;
   transition: all 0.2s ease-in;
-  border: 2px solid transparent;
+  border: 3px solid white;
   font-size: 20px;
   margin-top: 12px;
+  z-index: 2;
 }
 .spw-tile:hover .spw-tile__button {
-  border-color: white;
-  color: white;
-  background: transparent;
+  background: rgba(0, 0, 0, 0.5);
 }
 
-.spw-tile--icon .spw-tile__content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0 12px;
-  text-align: center;
-}
-.spw-tile--icon .spw-tile__content ::slotted(spw-icon) {
-  font-size: 32px;
-  color: var(--spw-ds-primary);
-}
 .spw-tile--light .spw-tile__content, .spw-tile--big .spw-tile__content {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 0;
   padding: 24px;
   bottom: 0;
   left: 0;
   width: 100%;
 }
+.spw-tile--big.spw-tile--hoverable .spw-tile__content {
+  padding-right: 84px;
+}
 .spw-tile--light .spw-tile__content {
   text-align: center;
   padding-bottom: 24px;
+}
+.spw-tile__content-inner {
+  position: relative;
+  z-index: 3;
+  flex: 1;
+}
+.spw-tile--icon .spw-tile__content-inner {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 12px;
+  text-align: center;
+}
+.spw-tile--icon .spw-tile__content-inner ::slotted(spw-icon) {
+  font-size: 32px;
+  color: var(--spw-ds-primary);
 }

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

@@ -9,23 +9,24 @@ export class SpwTile {
         this.target = '_self';
         /** Texte alternatif de l'image de fond */
         this.imageAlt = '';
-        /** Opacité de l'overlay (valeur entre 0 et 100) */
-        this.overlayOpacity = 100;
+        /** Masque la spw-tile-description et la révèle au hover (uniquement pour la variante light et big - masquée en mobile) */
+        this.revealDescription = true;
     }
-    componentWillLoad() {
+    componentDidLoad() {
         this.applyVariantToChildren();
     }
     slotChanged() {
         this.applyVariantToChildren();
     }
     applyVariantToChildren() {
-        requestAnimationFrame(() => {
-            const variantClass = `--${this.variant}`;
-            const titleElement = this.el.querySelector('spw-tile-title');
-            const descriptionElement = this.el.querySelector('spw-tile-description');
-            titleElement && titleElement.classList.add(variantClass);
-            descriptionElement && descriptionElement.classList.add(variantClass);
-        });
+        const variantClass = `--${this.variant}`;
+        const titleElement = this.el.querySelector('spw-tile-title');
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        titleElement && titleElement.classList.add(variantClass);
+        if (descriptionElement) {
+            descriptionElement.classList.add(variantClass);
+            descriptionElement.classList.toggle('--reveal-on-hover', this.revealDescription && (this.variant === 'light' || this.variant === 'big'));
+        }
     }
     get elementClass() {
         return {
@@ -33,6 +34,7 @@ export class SpwTile {
             'spw-tile--hoverable': !!this.href,
             [`spw-tile--${this.variant}`]: true,
             [`spw-tile--height-${this.height}`]: true,
+            'spw-tile--reveal-description': this.revealDescription && (this.variant === 'light' || this.variant === 'big'),
         };
     }
     onMouseEnter() {
@@ -46,6 +48,10 @@ export class SpwTile {
         if (titleElement && this.href) {
             titleElement.classList.toggle('--hovered', isHovered);
         }
+        const descriptionElement = this.el.querySelector('spw-tile-description');
+        if (descriptionElement && this.revealDescription && (this.variant === 'light' || this.variant === 'big')) {
+            descriptionElement.classList.toggle('--revealed', isHovered);
+        }
     }
     render() {
         const { href, target } = this;
@@ -56,7 +62,7 @@ export class SpwTile {
                 href,
                 target,
             };
-        return (h(Host, { key: '89a1d7890f33b4277fe290561b4478b283532c2c' }, h(TagType, Object.assign({ key: '23faf83b253d66ba49ca510a3a46eace74fa52fa' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'ef2de37dddbed6327ccbfe8477b4c9d298e30004' }, h("div", { key: 'ec4a36c628552e8e98a01e35eea34d7a79e75767', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: 'ef410c766d41b6e441b0005324a0c5adf1323ff7', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: 'e23849e31aec483c8ad27b2bf06bc87cfbdb1b5c', class: "spw-tile__content" }, h("slot", { key: 'ff78c1e5b5547cf69ac606a1408d06ead6b3998e' }), this.href && this.variant === 'big' && (h("span", { key: '2a16455c519cd52fd95697392bab1f2bd6f7bc23', class: "spw-tile__button" }, h("spw-icon", { key: 'fa1aca41ab16723c6a8f3bca5d1cbed78b8f56d1', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: '47d126723548d4e61eb62c45bc54df8f5640e04b' }, h(TagType, Object.assign({ key: '6db6092e45a6fff706a0ebb09e5b28b0b64d711d' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'ae87a702acf8af7b257cb264e298415bc9e905a0' }, h("img", { key: '37326948d66ab97d957e6b4d9c400849fc185a3b', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '445e2ea0648de8dc8d1f0ed9005ee1dc03495446', class: "spw-tile__content" }, (this.variant === 'big' || this.variant === 'light') && h("div", { key: '750f9ab2f21b3391498c169fa887b015a1bee9b8', class: "spw-tile__overlay" }), h("div", { key: 'a335517b65ed3f4fc4e193171f24a0157ee270c6', class: "spw-tile__content-inner" }, h("slot", { key: '18e841ecae0d9925db3d53613c7bdf76ded3505c' })), this.href && this.variant === 'big' && (h("span", { key: '26fc0265dd0d721691264b117435fe15dc730e07', class: "spw-tile__button" }, h("spw-icon", { key: 'aa387116c58abd58e3b9c701a6faf630dd420acc', icon: "fa-chevron-right" })))))));
     }
     static get is() { return "spw-tile"; }
     static get encapsulation() { return "shadow"; }
@@ -190,25 +196,25 @@ export class SpwTile {
                 "attribute": "image-alt",
                 "defaultValue": "''"
             },
-            "overlayOpacity": {
-                "type": "number",
+            "revealDescription": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "number",
-                    "resolved": "number",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Opacit\u00E9 de l'overlay (valeur entre 0 et 100)"
+                    "text": "Masque la spw-tile-description et la r\u00E9v\u00E8le au hover (uniquement pour la variante light et big - masqu\u00E9e en mobile)"
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "overlay-opacity",
-                "defaultValue": "100"
+                "attribute": "reveal-description",
+                "defaultValue": "true"
             }
         };
     }

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

@@ -55,10 +55,10 @@ export class SpwTimelineItem {
     }
     render() {
         const showConnector = this.isLast === 'false';
-        return (h(Host, { key: '3411a4dad7b254fb64ec6e495cddfb0a3e96bf12' }, h("div", { key: '17add3871d75777fb208e0460cefd44bd438ac70', class: this.elementClass }, h("div", { key: 'f0e0bdc7bca68101f84517cfa8acc81cbee5a708', class: "spw-timeline-item__step" }, h("div", { key: '7b240a6afcc7370957cb68fd2415d723e117faa7', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: 'ad54ebc763fbc4a22de6609545086e13a1721e4c', class: "spw-timeline-item__connector" })), h("div", { key: '07b50deacbe371184a7be1d75b234b11e91d4501', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: 'e09d96371e0ea9db29d5cd4c4485bd9902246a84', class: "spw-timeline-item__description-wrapper" }, h("div", { key: 'ec9797e7065e7f23915e4364f95e7ced7411ca3d', ref: el => (this.descriptionRef = el), class: {
+        return (h(Host, { key: '3fed9e49527fe08bd1ae7fb0a135487855597ab4' }, h("div", { key: '625842141c30cd19b812ed10c25054095b87ac80', class: this.elementClass }, h("div", { key: 'de965a59fdf9132967188ddb69e5fbde16550a88', class: "spw-timeline-item__step" }, h("div", { key: 'd7b97454d9c99a99dd79964e80a38c1165d0fe94', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: '047b2c6161bebbd3ceef26ea3cdde932574b5c2b', class: "spw-timeline-item__connector" })), h("div", { key: 'ab2c65952ea083472ff67be02f9b1da762d0ad93', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: 'c4580ce71d4bad8e97896b7085557d27cbe51a75', class: "spw-timeline-item__description-wrapper" }, h("div", { key: '605805d80b31a8cc8f2752c45c2d256f456231bb', ref: el => (this.descriptionRef = el), class: {
                 'spw-timeline-item__description': true,
                 'spw-timeline-item__description--collapsed': !this.isDescriptionExpanded,
-            } }, this.description))), h("slot", { key: 'fe602e230db5f2efebe1700db6f0481d288b6a7d' })))));
+            } }, this.description))), h("slot", { key: '6397705468624fa23149897385f2a0437e5f9583' })))));
     }
     static get is() { return "spw-timeline-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class SpwTimeline {
         return this.visibleItems > 0 && items.length > this.visibleItems;
     }
     render() {
-        return (h(Host, { key: '94575a043ff4fefe87b983b66e25f477f86f02ab' }, h("div", { key: '3d7f1892904295b1b1bd0639b6ae8fdf6c1bdcb7', class: this.elementClass }, h("slot", { key: 'bf6ba37f13409a35622c2c9a75b9395112be9e03' })), this.shouldShowToggleButton() && (h("div", { key: '95a25963f5ddcbd7412fa62caebf8602841c8bb4', class: {
+        return (h(Host, { key: 'e8f70bae5de172315e31463385f05bdb4ed597e2' }, h("div", { key: '0357d027e9ef9f775329571cd456864bd016387b', class: this.elementClass }, h("slot", { key: 'bd8b414d850e7e2035a8fbb0708c63261c77d441' })), this.shouldShowToggleButton() && (h("div", { key: 'f8748d28486d0149979dd60ea9b573de4ffc0caf', class: {
                 'spw-timeline__toggle': true,
                 'spw-timeline__toggle--more': !this.showAll,
                 'spw-timeline__toggle--less': this.showAll,
-            } }, h("span", { key: 'aaf21e84cef26ca8ef8dafde2873a518df1d36b1', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
+            } }, h("span", { key: '9671a83ddedce1d59cd9d41a3762c34bbc7ea483', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
     }
     static get is() { return "spw-timeline"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwToc {
     render() {
-        return (h(Host, { key: '0da3d965a85d76a4edf76e1305c076c7cc62e682' }, h("slot", { key: '98b1635f3a8a78d5014db5b1429eb2e3fcdc88da' })));
+        return (h(Host, { key: '1a2e6a6a7e62d0f6869c502e1bd81971c3958be0' }, h("slot", { key: 'b61d833d3ad49b5c676e6cff415a1d1ef65f30b8' })));
     }
     static get is() { return "spw-toc"; }
     static get originalStyleUrls() {

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

@@ -127,7 +127,7 @@ export class SpwTooltip {
         };
     }
     render() {
-        return (h("div", { key: '8a2170ec05946de72f633b9ab7238e326ac7aed4', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'f437419938515fee4a3ab73eeca1a7f132280f02' })));
+        return (h("div", { key: 'dcdf0a4a2a20b67a8ee8e7afa34b00cd6f6e0bb1', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: '08c755da2d1ae451b1ff40b5ac0bebb6e1cc30b2' })));
     }
     static get is() { return "spw-tooltip"; }
     static get encapsulation() { return "shadow"; }