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

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: 'c72615f242fff8c5449364813af9d0ce76a430ab', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '268ec591b87384591acbf36b43c64fada75279f5', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'c6d4769bb3c896eac18c7bd1cd3c21fb51e000eb', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '87015e8ae9e150f775257ce3415d880dba940cf9', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'f93a64218b6494b52834e95345b2dbe92ad3616e', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '42906bfcce37c17ab1f8711a924d5a234feda614', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const 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: 'af73ac00d272851359bebdbf5d1b88163b8559c5', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '31ffebcdfe5e6cb18103b7e642b64892e0ed31a1', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '0f423c7f58da80a8910a60431cd4bd46d532c54c', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'e0d9dfbdd4ffb326c9bab041a16532710fc25736' })), this.hasDropdown && (h("div", { key: '8ffdf79acdbddde363dee472b8f5a16652ad5738', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '91bd17af34139418f504a0634c271028473c05bc', icon: "fa-chevron-down" }))), h("slot", { key: '1eba58341a40863c64108968799b5f1b3987983f', name: "dropdown" }))));
+        return (h(Tag, { key: '9e3eb9fffb4b1499bdef29e004104763ebf55056', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '500dff40c0ef6571667dc8cb3be96a834ca216d9', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'a9ebb61ed27481ee892148170824402654a2a270', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '7385726989771b3181b9879ba1face7460654582' })), this.hasDropdown && (h("div", { key: 'a37ee7fd4e71856b1e374fafadd1e75b2597dc8d', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'b25ebafce8ee7fb516f8825eb41817de6946cef1', icon: "fa-chevron-down" }))), h("slot", { key: 'ed8324111bbbb558fb288cdbe6248d3b25409912', name: "dropdown" }))));
     }
     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: '1b330eedff1f01de1b1ec103b989f766003a262a' }, h("spw-separator", { key: '73b7b99c01dc92265d372fb310e716fa7a39775f', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '4950cb0e0b54c6590da69a38f32c47936ba1ccd3' }, h("spw-separator", { key: 'd75edfd5b7a7f8bdbfa16d00ce6d0a8aea300e2c', 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: 'edee01243e0911d48e015ec2498a86ad9641497b', class: this.hostClass }, h("div", { key: '4fa44fbf1a1518a66dfa4c650c113841f76943fa', class: this.elementClass }, h("span", { key: '7cd08e5b683f3dde669199a15014113524be6bc1', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '25c5d5c69cdc5329dfe226b78e45dee0eb4312d2', icon: "fa-chevron-right" })), h("div", { key: 'e2f88d47e9fd12bc73dbb50c4e793b10fa1542c5', class: "spw-sidebar__content" }, h("slot", { key: 'b0941cfba3e36c64629fdef24d645cfb7dae4ab1', name: "navigation-top" }), h("slot", { key: '4f6d720d7dc445199b8baf305f662d1e62bec1df', name: "navigation-bottom" })), h("div", { key: '1b2c3a48557f7a4165e959e23f4a332883836cde', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '930f06073c4484acf164e707fd8d3ea90bdb4d4f', class: this.hostClass }, h("div", { key: '749a9b740553e2e8609562bb3659208c5757596a', class: this.elementClass }, h("span", { key: 'c53dfb494cfe4660ca598b0026ea16261475cd06', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'cf5e6e5162fe9be433873663cbe9807fe3cfab77', icon: "fa-chevron-right" })), h("div", { key: '4a82c3d26c0d142805c8d259f30fff55982e6faf', class: "spw-sidebar__content" }, h("slot", { key: 'c06770e45552b1b800e6d62659cbb24a8042f064', name: "navigation-top" }), h("slot", { key: '3bd3738c9bea915013a9fcdabdfe87895e5b899b', name: "navigation-bottom" })), h("div", { key: '969e1b80d600aad1273950883728aca627a046d8', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     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: 'f673c7eb5f129f65245e50344b6c3fd042b1ed00' }, h("div", { key: 'ce611e77df624757b090df60b01e2db61f24b0c2', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '3b09a48ea991fa129a6ba2649e1e8f204ad7f207' }))));
+        return (h(Host, { key: '3acf0c911c34ec645527dfe4151ddb4d6daccf25' }, h("div", { key: 'ce4907d208ee75c7162a0fe58195a9b4d9095b8a', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'ccd659cce9d41dd54bb7433120689adf0f27ca68' }))));
     }
     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: 'edf7a577c830cfc40ff092c4cd7d4318d63269b8' }, h("div", { key: '98fad89b46e00a06f00609bfd05baf955adb6756', class: "spw-slider-item" }, h("slot", { key: '5bcb51ee29dcd4fff680706d5b6d14892b9900ab' }))));
+        return (h(Host, { key: '9e65273b68a32451ec023757dd0d85fd978949fd' }, h("div", { key: '4e7cf6123e9fbd66ec6a3fe15a808e363213bbce', class: "spw-slider-item" }, h("slot", { key: '5ba70318b10a31f18576e74f970b965ccd418575' }))));
     }
     static get is() { return "spw-slider-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -346,10 +346,10 @@ export class SpwSlider {
         };
     }
     render() {
-        return (h(Host, { key: '0fb8c3e4ecd2676483134b88ab9b71cd31826b2f' }, h("div", { key: 'dfc50276f4dbae51a58e424ec50d48556939097c', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: '88334592f1af2e051b1aa89cd62ddf2af8a46c0f', class: "spw-slider__track" }, h("slot", { key: 'f41b00678f2badae20ec693517e29ed1475ea584' })), this.showArrows && (h("div", { key: 'f0ef2d4d4ad4f77becd87ac9b455f15a016ab10f', class: "spw-slider__navigation" }, h("button", { key: '44bdac63f7e03355ef39e43ef37c3c0ee6973ba5', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: '8c93d6bf9a252daf73927e7b4ca9f829c7e87d3d', icon: "fa-chevron-left" })), h("button", { key: '20d7737bd34fbd35a923646b84a08c97f6c537d0', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: 'e765f00b0232acd980470aa6747d7ce51510d8fb', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'ea48189d83ab197f94caeedc4e64bcad88ca3c25', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+        return (h(Host, { key: 'c6863e180b54d0bf5cc26ea1883955c0c0925c1c' }, h("div", { key: '43870fa57c6b78af8b21af910bcfe88cdc4e5d59', class: this.elementClass, style: { height: `${this.currentHeight}px` } }, h("div", { key: '5b8f77a6395743a7eb75800df509a0236168fed3', class: "spw-slider__track" }, h("slot", { key: '93e11c5d40f490bc2bfd765391a9936cb8d93141' })), this.showArrows && (h("div", { key: '81594144b0ce15e410b556efea3ed9d6940cf46a', class: "spw-slider__navigation" }, h("button", { key: '2b111417fd0f13e322610361220e089d8ea9739e', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": this.previousSlideText }, h("spw-icon", { key: 'e9ca0e08186926618fdcbe70b26208e710e1abed', icon: "fa-chevron-left" })), h("button", { key: 'c6d371f75367f1f6ee706a53262c4a69b81a92ce', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": this.nextSlideText }, h("spw-icon", { key: '531ba5452710d9ca05aee9496e35a1fd3520eefb', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: '1c7e8313e350a54803e6338e222d22b1519b05f8', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
                 '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: '39642284b131da481c3d155e2608f72c09b6b527', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '8c75dc5426bb1a8dacfc787f21b6d82de1a92df5', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' })))))), this.showAutoplayToggle && (h("div", { key: 'df5c164e3537c8283352efb329a0d6cb04541b88', class: "spw-slider__autoplay-toggle" }, h("spw-checkbox", { key: '1446faf45acb590b47ec613cb02971cc74f93948', variant: "toggle", checked: this.isAutoplayActive, onSpwChange: this.handleAutoplayToggle }, this.autoplayText)))));
     }
     static get is() { return "spw-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class SpwSocials {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'f6329e89c55434076154d3ca151103335ac10577' }, h("div", { key: '96903e6ae33c1af1e0d2d652c752150f28d97615', class: "spw-socials" }, h("div", { key: '03a14fc25b2c26023d129edc870a8542eed2bf23', class: "spw-ds-container" }, h("h2", { key: 'fa458965e8fd226dc0fbb561f6ac1bc13845a17c', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2d8734db8d0b044a44e623d44e487c7838d032c3', class: "spw-socials__content" }, h("slot", { key: 'e7385e4821761f0bb3a61986986be7cf6b69986f' }))))));
+        return (h(Host, { key: 'd005bc6c7218424cd7be9d3a79b9acf8b91a268d' }, h("div", { key: '0b5fccd50c264383203d988e0213b8f568f2e7ee', class: "spw-socials" }, h("div", { key: 'd6530f3f54755586d7d4537b274501fd11807f1e', class: "spw-ds-container" }, h("h2", { key: '9de7d1380f92750106bc74649d6ed010cf762258', class: "spw-socials__title" }, this.mainTitle), h("div", { key: 'f37e3e884487058d727c4324f6faa12dbc8b9b8b', class: "spw-socials__content" }, h("slot", { key: 'b4637700c995152c3de7e18591250325cf520a88' }))))));
     }
     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: '1e2cae36132ae92bc0401e293d8798577d8fbb2e', part: "tbody" }, h("slot", { key: '8a371389eb6d233289d46f46b22ed2dfcde4416a' })));
+        return (h("tbody", { key: '1979c67fa591e9b2b5e0330bcebd0c662d2adcfb', part: "tbody" }, h("slot", { key: '2efb486c9419d8172f58945557e2ff9b965a7bf3' })));
     }
     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: 'effc0c4a624da06f9475d28cd28bd974962fe61d' }, attrs), h("slot", { key: 'e74f8400d40469d6cd8ba7f6c046907ebd8b5b95' })));
+        return (h("td", Object.assign({ key: '7d749880a84e8965e5997bdb4cf6dc0af5f35c54' }, attrs), h("slot", { key: '0aa5075eb7fb56fe782d44683b19185ed50f6aa9' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwTableContainer {
     render() {
-        return (h(Host, { key: '0adc4afcdbfb3f89e4bbb9a0d4c9274bbeef8f97' }, h("div", { key: '68ee988b6cae0e7900f9d34c0cd52c3f1f80fca2', class: "spw-table-container" }, h("slot", { key: '09dedd4d844ef35c8cd9ff88248045d971074b70' }))));
+        return (h(Host, { key: '00b05fc2baab54a6e33ce4bc2ad5cfe010a4b884' }, h("div", { key: 'e05c2ad62172a77341fab476d7dfaec571479e37', class: "spw-table-container" }, h("slot", { key: '7ae04aa763a8253f74f52ddb6a466464b6232036' }))));
     }
     static get is() { return "spw-table-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableFooter {
     render() {
-        return (h("div", { key: '6ec3dc032589d602ddac46208f4fca63efc0116d', class: "spw-table-footer" }, h("slot", { key: '71a3c50b2d0ebd5109ed6f3b6b19ae50d0760ae9', name: "left" }), h("slot", { key: 'aa94ae8ca5042211242b75a55c83644d65de9f7f', name: "center" }), h("slot", { key: '1f0131a94677df657889a7e2f091ffda4d5f4397', name: "right" })));
+        return (h("div", { key: '54b80576e954b74d04991c59a08ee2124bdd1bac', class: "spw-table-footer" }, h("slot", { key: 'c4536026ac5c404af3665a8f4ef147f026b7e7a6', name: "left" }), h("slot", { key: '78617658bf68b10504bdb12fdf545bf8b66f2a02', name: "center" }), h("slot", { key: '4b2b319fb844777abef8ae325422aab1b025882f', name: "right" })));
     }
     static get is() { return "spw-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableHead {
     render() {
-        return (h("thead", { key: '8e941ae7cc42e8dd3630d6cea439941391701b7a', part: "thead" }, h("slot", { key: '75c939d2b0091ce625d3f01412b650a0b74f22dd' })));
+        return (h("thead", { key: '1db6efce92caf51080258d565a4253711405de0b', part: "thead" }, h("slot", { key: 'c4c78b69603b29d11a8a3168c1e3f3e37cb058bb' })));
     }
     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: '6823d8f55ca12333dc0a049067eb53ca67280628' }, attrs), h("div", { key: 'a053db61837ae38e3edcb237550ff811cfda9921', class: {
+        return (h("th", Object.assign({ key: 'eefe057982c3c174139ce2b4c6106e51b8d27d8f' }, attrs), h("div", { key: 'a99b55a7abeb487b2e3ee85a70b03ce5b6a33be5', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '644ed96a6988b8c76124a522848c63cc3875a1df' }), h("div", { key: 'aea568a3a423d8e65a137daa38b448f9f1dd42fc', class: "spw-table-header__icons" }, h("slot", { key: '5ecc61fc2536c6c1c005b5904cdccc5d92804e53', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '2370f77fc6565238898be7176dcd8d1d2577a3ea', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: '52734794cc0155a53b8deb276e71815d50c979ce', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '85ee24968fc3b32e7b1d7697d7dcd1f1eea1c619', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '52467dd1ba4fb10f637fda862d621b12b52626a5' }), h("div", { key: 'b20d8268d8da62256473c60551c1063ac536d9ad', class: "spw-table-header__icons" }, h("slot", { key: 'd25f17abe624156bd1f1b4f4971a5cc842b030ee', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '986665a99cad21f94d43d7acdcc7630c62b4019c', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'd841b83852114c8ed981ce2a6be0e6d5cdcce1d9', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'beab4788c9cc492d1137efe36fbe3339bb80184c', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     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: 'f63ad778d14f814e4f94361ccafc3d21caf0730d', part: "row" }, h("tr", { key: '91290fc8f4093c369a2b2f7c3ebdc414aefc6273', class: this.elementClass, part: "row" }, h("slot", { key: '4e81f9559b52af7a6e1d037182e8dee6c0b01c25' }))));
+        return (h(Host, { key: '2e72212cb89a9057b87c23ff379e64276ab269eb', part: "row" }, h("tr", { key: 'a0a5e85827db9ebf189bb9e945b5d98fa753145a', class: this.elementClass, part: "row" }, h("slot", { key: '1199849e415772fb2323938acf97e05672020877' }))));
     }
     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: 'b7770826357e1f9c792058c74f33971b5141b6b7', style: style, class: this.hostClass }, h("nav", { key: '8b6f8c6979f172df49c71c026d4832f420978a25', class: this.elementClass }, h("span", { key: '5c6d6c9d360ecd75afa49fc7cbdab43dfe27193f', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1fd4e0f1184f26d8bebe4fe6ba180231ada225f1', icon: "fa-chevron-left" })), h("div", { key: '822e75b8a90a164207f7e5b73892c05292c4f05c', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '826cb2e5c5159b79987a2151133d9091897382d5', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '26c2a901507ae1fb158209b50047e67e87b4dd02', class: "spw-table-sidebar__content" }, h("div", { key: '1d6ac0e21e60c250ae19e12f0e9f0f55fbe0a7f6', class: "spw-table-sidebar__header" }, h("span", { key: '234e710f9c0b8e2c5e4f2be4b1f68a6571f3f326', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'fb2f5ca022f796c7bb4166326ef1cf3eaf5ff63f', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: '474c22bebe4ba08c5063a4ffdd535f4165c2784f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '8b4eac3de21b9a85292cf7680882077e3dc02f0e', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: '12f90dcc38bccbe725efcbd6596c068d0ac6ec23' })), h("div", { key: 'ab8945abd0eb4a97e16e7177319362075b4f5bc6', class: "spw-table-sidebar__footer" }, h("slot", { key: '6525b536072bf059dadbd3f10c88cca36424c0a5', name: "sidebar-footer" }))))));
+        return (h(Host, { key: '41e1ca2772f06d3352193592d9c60eabb1b28df0', style: style, class: this.hostClass }, h("nav", { key: 'b9a687def02952d55c0c9bf51a2d40f634b37140', class: this.elementClass }, h("span", { key: '155f42be72405d3232fdb409de9fd9a064527f26', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '1b65516fb495a66ce2e9e14e51e0e1ad52af1cf0', icon: "fa-chevron-left" })), h("div", { key: 'd2b4123d0659ba7da2d9c1dd42e15254d0783a86', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, h("spw-icon", { key: '5efa5a16b8aac116dc41f4ec9ef47b9de7c89ed8', icon: this.sidebarIcon, variant: "fa-regular" })), h("div", { key: '29d12671a967caa15efa15f0f6fd522b954ce373', class: "spw-table-sidebar__content" }, h("div", { key: '6c259f64578fb45a74c34ca0ba38e63bd7356c3d', class: "spw-table-sidebar__header" }, h("span", { key: 'f6e5378584671647e07adb45f2e69da9524e72f3', class: "spw-table-sidebar__header-title" }, h("spw-icon", { key: 'f75861c1edaf5ccdc8cf32ecc60b067d54d0681b', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (h("spw-button", { key: 'b5242c6beff212bcc31d273035e534b2c7e2ec98', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), h("div", { key: '345d3f868770e4b505b5cbfff04681b8ee295886', class: "spw-table-sidebar__scrollable-content" }, h("slot", { key: 'c65753f9cc14c37ed587068afaa18af8b7dbbeab' })), h("div", { key: 'fee007e0d9c8e44eb960bcff52f37dd03892f346', class: "spw-table-sidebar__footer" }, h("slot", { key: '0b47ad0b7ec74abad89e72bc7092224649a6f333', 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: 'd9526de6f73de6dd9639f07ec8f011b423e74c8b', class: containerClass }, this.showLeftArrow && (h("button", { key: 'bafd1300feb72ba7c9641e91f7f09c26285740c0', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'cd4b80d6c91d2f39beed32ab99a8b3017c06faaa', icon: "fa-chevron-left" }))), h("nav", { key: 'a8cf03c8b7eb3ae4e29e55137cc3bb7e00a6b5ac', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: 'c2926b88df483fae68841b955a0fc8d2b770142e', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '151bded4bb89abfb04aa12d5161ee8330369653d' }))), this.showRightArrow && (h("button", { key: 'c7bc47a722ead9d6799205dbadacd697b405d619', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '14162defe5b196e984022ea87c7ac38600131c8a', icon: "fa-chevron-right" })))));
+        return (h("div", { key: '9e249a01c64c742e71e54b1ae8e4ad39ea01f0ad', class: containerClass }, this.showLeftArrow && (h("button", { key: 'c30d813657adfb3972f7e3fd649c613b977d18a7', 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: '900a622da17d6302eaf207afbac16c0cf25a8560', icon: "fa-chevron-left" }))), h("nav", { key: '1deaaf1263bf6b928f8b37b480c20e52b3424bee', class: navClass, "aria-label": this.accAriaLabel || 'Navigation' }, h("ul", { key: '73ae5241fe6956fd8a1f9d101d22cb594054dcae', class: listClass, role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: '66af59b106093b6c4b880fec68fc6f0e221d7a4e' }))), this.showRightArrow && (h("button", { key: '0e398e48b56e2f91c908867b68c0d05448c4bfb1', 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: 'db0e36d7c83ce20390b6983e2189135795a3616c', 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.css

@@ -377,10 +377,15 @@ template {
 
 :host {
   display: contents;
+  /** @prop --spw-tabs-max-width-text: Largeur maximale du texte de l'onglet */
   --spw-tabs-max-width-text: 200px;
+  /** @prop --spw-tabs-border-radius: Rayon de bordure de l'onglet */
   --spw-tabs-border-radius: 4px 4px 0 0;
+  /** @prop --spw-tabs-margin-left: Marge gauche de l'onglet */
   --spw-tabs-margin-left: 0;
+  /** @prop --spw-tabs-width: Largeur de l'onglet */
   --spw-tabs-width: auto;
+  /** @prop --spw-tabs-text-align: Alignement du texte de l'onglet */
   --spw-tabs-text-align: left;
 }
 

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

@@ -1,7 +1,7 @@
 import { h, Fragment, Host } from "@stencil/core";
 export class SpwTabsNavigationItem {
     constructor() {
-        /** Définit si le tab est actif ou non */
+        /** Définit si le tab est actif ou non (hérité du parent, pas modifiable directement) */
         this.active = false;
         /** Définit si le tab est disabled ou non */
         this.disabled = false;
@@ -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: 'cc1de6eee027ca562b1dc2bd55a80dcdc1600234', class: this.active ? '--active' : '' }, h("li", { key: 'ce2860b2a031033770c4f98945a64f8d08cb8b8c', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'c647fc05687386b8bc916650be8e24f22df6955b', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '371c462ea78a5e8c5b51a0aaf8cfa519d87e05ba' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '713343285c3180fd8bd594731224a713a8d7e2a0' }, iconPosition === 'left' && iconElement, h("slot", { key: 'e2cc0edb04b9eb36cd4db2180e1060ebc622e89b' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '318c6d8a068ddd6ad35988fa217c991c08e63f33', class: "bubble" }))));
+        return (h(Host, { key: '153b04007e54e0cf19b9013416c285508ee84b53', class: this.active ? '--active' : '' }, h("li", { key: '0406b0fcf50f6f7aadbbb17e54bfe3ef0edb5bec', 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: '1e876fed3ad23281a64fafb324fc115413a2c6e4', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '95aaac904eb2273620667d5704f1c6a7ae7c0709' }), iconPosition === 'right' && iconElement, tagElement)), !this.hasEllipsis && (h(Fragment, { key: '9e05ad32b79238e9bcbe8b03cc026456e491c473' }, iconPosition === 'left' && iconElement, h("slot", { key: '6fa65e0886d44de13e5d10ecf7da82e26d594b99' }), iconPosition === 'right' && iconElement, tagElement)), ' ', this.bubble && h("span", { key: '03b983f1d39a8439a2d3064a6975704365d87e00', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }
@@ -110,7 +110,7 @@ export class SpwTabsNavigationItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "D\u00E9finit si le tab est actif ou non"
+                    "text": "D\u00E9finit si le tab est actif ou non (h\u00E9rit\u00E9 du parent, pas modifiable directement)"
                 },
                 "getter": false,
                 "setter": false,
@@ -273,6 +273,25 @@ export class SpwTabsNavigationItem {
                 "reflect": false,
                 "attribute": "tag-icon",
                 "defaultValue": "false"
+            },
+            "accAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Remplit l'attribut aria-label, utilis\u00E9 \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "acc-aria-label"
             }
         };
     }

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

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

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

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

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

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -377,12 +378,19 @@ template {
 
 :host {
   display: block;
+  /** @prop --spw-input-height: Hauteur du champ de saisie */
   --spw-input-height: 40px;
+  /** @prop --spw-input-padding: Padding interne du champ de saisie */
   --spw-input-padding: 0 12px;
+  /** @prop --spw-input-text-align: Alignement du texte dans le champ */
   --spw-input-text-align: left;
+  /** @prop --spw-input-font-size: Taille de police du champ de saisie */
   --spw-input-font-size: 16px;
+  /** @prop --spw-input-radius: Rayon de bordure du champ */
   --spw-input-radius: 4px;
+  /** @prop --spw-input-icon-search-color: Couleur de l'icône de recherche */
   --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);
+  /** @prop --spw-input-border: Couleur de la bordure du champ */
   --spw-input-border: var(--spw-color-themes-grey-grey-800);
 }
 
@@ -518,6 +526,35 @@ template {
   color: var(--spw-color-themes-grey-grey-900);
   font-size: 12px;
 }
+.spw-text-field__submit {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: var(--spw-input-icon-search-color);
+  font-size: 18px;
+}
+.spw-text-field__submit:focus, .spw-text-field__submit:focus-visible {
+  outline: 1px solid white;
+  outline-offset: 0;
+  box-shadow: 0 0 0 3px black;
+}
+.spw-text-field--large .spw-text-field__submit {
+  width: 36px;
+  height: 36px;
+  font-size: 24px;
+}
+.spw-text-field--disabled .spw-text-field__submit {
+  cursor: not-allowed;
+  color: var(--spw-color-themes-grey-grey-500);
+}
 .spw-text-field__number-btn {
   display: inline-flex;
   align-items: center;

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

@@ -35,6 +35,8 @@ export class SpwTextField {
         this.accAriaLabelDecrement = 'Décrémenter';
         /** Si true, affiche les boutons +/- pour les champs numériques */
         this.hasControls = true;
+        /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */
+        this.hasSubmitButton = false;
         /** Positionnement du tooltip */
         this.tooltipDirection = 'top';
         /** Curseur du tooltip */
@@ -91,6 +93,18 @@ export class SpwTextField {
     handleClear() {
         this.setValue('');
     }
+    handleKeyDown(event) {
+        if (event.key === 'Enter' && this.hasSubmitButton) {
+            event.preventDefault();
+            this.handleSubmit();
+        }
+    }
+    handleSubmit() {
+        const form = this.el.closest('form');
+        if (form) {
+            form.requestSubmit();
+        }
+    }
     increment() {
         var _a;
         if (this.disabled)
@@ -165,6 +179,9 @@ export class SpwTextField {
                 rawIndex++;
             }
             else {
+                if (rawIndex >= rawChars.length) {
+                    break;
+                }
                 result += p;
             }
         }
@@ -199,11 +216,12 @@ export class SpwTextField {
             'spw-text-field--is-clear': this.isClearIconVisible,
             'spw-text-field--is-number': this.type === 'number',
             'spw-text-field--has-controls': this.type === 'number' && this.hasControls,
+            'spw-text-field--has-submit-button': this.hasSubmitButton,
             'spw-text-field--disabled': this.disabled,
         };
     }
     render() {
-        return (h("div", { key: '5f9bad3bcbea0645272e470ffbd7c1a25b4cab72', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'df91a364e9b0b876fa0a7aed1046dc0da5bd0707', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '0777be50edbd86b4251a616394d57913e02a7a16', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2877173b8a5e49c254c524f9f58ed7da1a4376bd', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'c5159db988b7a72c6ded3f11d45eb1f1a1b678dd', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--decrement", onClick: () => this.decrement(), disabled: this.disabled || (this.min != null && Number(this.value) <= this.min), "aria-label": this.accAriaLabelDecrement }, h("spw-icon", { key: '9492a498fb609422cb0042882e2dadd7421bfb54', icon: "fa-minus" }))), h("div", { key: '2107598e963c47b9881678a4ca5a863c9f0e04a5', class: "spw-text-field__input-container" }, h("input", { key: '857a418398634c5f37dfefd03aea11d4106faa00', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: '843320806ff186497a9ad486ffd7ef600e7dd520', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'c247f7f38e24ebe468ed03bb52530cc380e98130', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '8b3fd6b131747b9aa50762d4b570c94daa9214af', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: 'bb929a1cbf096b159edc56eb4a5ae9f460905cac', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.type === 'number' && this.hasControls && (h("button", { key: '269524620433e27a9ba93cef1fe43b1df848fde6', type: "button", class: "spw-text-field__number-btn spw-text-field__number-btn--increment", onClick: () => this.increment(), disabled: this.disabled || (this.max != null && Number(this.value) >= this.max), "aria-label": this.accAriaLabelIncrement }, h("spw-icon", { key: '13a126a032d8ea356dca6b7d03b90890aab039e0', icon: "fa-plus" }))), this.indicator && h("div", { key: 'c28c4357b50eb28f0fafee26c98e680562fb9b3e', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: 'bd80e50c6f81ed54d2c36d77cf3cc40f03fb578d', class: this.elementClass }, this.label && (h("spw-field-label", { key: '9b40064cf478bc217fe9451499f6765af066ed0b', 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: 'a2421f2f1684b9ce7747471c529e210ac3bfc4b9', class: "spw-text-field__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'c152993b95fd693eca0b443d3fc93f6c13962fdb', class: "spw-text-field__container" }, this.type === 'number' && this.hasControls && (h("button", { key: 'c4de4193ac98851a9c9a495db7a91e754dc9aa6c', 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: '27f738696799ede01e7d0577d59d5c58b4a3059e', icon: "fa-minus" }))), h("div", { key: '7e77acbd0dac7511919872829ce3f9c197a94791', class: "spw-text-field__input-container" }, h("input", { key: '1b65248118782238d0885fd93dae3dff29c809c0', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, "aria-label": this.accAriaLabel || this.name, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event), onKeyDown: event => this.handleKeyDown(event) }), (this.isSearch || this.isClearIconVisible) && (h("div", { key: 'c2eead1b26d0694466b30e586f6cd30572bfc94e', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '471dba3abb7610c186df7b78af1b0ac96c2095ad', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '7d6ae7a4c4f5e3bbed6c1d802dae21cb6915721d', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && !this.hasSubmitButton && h("spw-icon", { key: 'c13d78f2adf23b35062e2c9348c7f89e05762a48', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" }), this.hasSubmitButton && (h("button", { key: 'af5144d1cdb679263776fd25fa3fed843e22226f', type: "button", class: "spw-text-field__submit", onClick: () => this.handleSubmit(), "aria-label": "Rechercher" }, h("spw-icon", { key: '4a9004e07d7c7bf79b3deebcb52a124005b0b0b2', icon: "fa-magnifying-glass" })))))), this.type === 'number' && this.hasControls && (h("button", { key: '5ce4328749677c8bb2098a630d289d60b2589163', 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: 'b65e9978beb12159718b582e5a5efbef755c2356', icon: "fa-plus" }))), this.indicator && h("div", { key: '153b22c9452298947a8281e23452a5ba4e487608', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }
@@ -788,6 +806,26 @@ export class SpwTextField {
                 "attribute": "has-controls",
                 "defaultValue": "true"
             },
+            "hasSubmitButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Affiche un bouton submit (loupe) qui d\u00E9clenche le submit du formulaire parent"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "has-submit-button",
+                "defaultValue": "false"
+            },
             "mask": {
                 "type": "string",
                 "mutable": false,

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

@@ -98,7 +98,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: '969bf413d0e2bc908abdda0f7c9f4b92bdcd505c', class: this.elementClass }, this.label && (h("spw-field-label", { key: '37e58083253f1ffde80a93ed3a56405162d007e3', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '978c654bafc30aae7c0e83a795fcb5636db1a4ac', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2a1646f7916b20b966874d27f89861aacb59bf22', class: "spw-textarea__container" }, h("textarea", { key: 'ec3bd7bbad34d1b94260583bf67a313d52cd5709', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '313f4460b65a2a5794cca225a75cc15b81d58da5', class: this.elementClass }, this.label && (h("spw-field-label", { key: '454f5acb92e6d445d64e11bbbb0685e0a112995f', 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: '4993960de18edf756a35ac22f818dbb93a6e31d3', class: "spw-textarea__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '592ed938c390f2bb97291474fb938649c9bb77e1', class: "spw-textarea__container" }, h("textarea", { key: '96ef4a1d90546ad6764ba517c1b8d0ad8fd34ca4', class: "spw-textarea__input", ref: el => (this.textareaElement = el), value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: '34dab4b95a4b324bd4b32c7095f7296f9d42b6e3', class: "spw-tile-description" }, h("slot", { key: '0bb4cba6ad7eb171b1f414e2f9670fd82a078c62' })));
+        return (h("div", { key: 'd7d9482375c4826fe98f270c8c9c9122c962c21b', class: "spw-tile-description" }, h("slot", { key: '2114c67b9a8061a84a91a3ead4a10584752a6721' })));
     }
     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: '4cd81ba30ebbfb8e71504f9b8af31e8fa6c8e069', class: "spw-tile-title" }, h("slot", { key: '1429b145f5cb480cb59676a7ad438f59c397f03b' })));
+        return (h("h3", { key: '05d6dbd338858f5107c57c8a171b4f7575d91201', class: "spw-tile-title" }, h("slot", { key: 'aefb5939acf89286bef5e4c03acbdef82d1a1309' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class SpwTile {
                 href,
                 target,
             };
-        return (h(Host, { key: 'ce17a046ffc7af1dd73d2be5e4a2cbc75f6b65bc' }, h(TagType, Object.assign({ key: '7232f8621b41cf2f2aa5b5caa8cfe1e5e36d4f76' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '8d78c26e3da36ee9e9182d96535c4d63f6b54dfa' }, h("div", { key: '3b0a50fefc5cae8e7949bf615c935f4c66e1391b', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: '0eaa5160263ee25bdcdbce3d7951f95e59c095f3', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '0a6b3a71d7f695e3808da759bb7ba346a3ec609a', class: "spw-tile__content" }, h("slot", { key: '5ee97714e813619e9207481562bded7c59cef376' }), this.href && this.variant === 'big' && (h("span", { key: '7f5770cf91270ff02ff6c4fdd684086ae244a983', class: "spw-tile__button" }, h("spw-icon", { key: 'a6f31be8ccf762d5196f0e894edd38c637a52359', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: 'bfe89bf6bbc024ba24728c3dc8bd93a6c2686cd2' }, h(TagType, Object.assign({ key: '08a626018b6ce7a7625f59e7014d260bbfd469f2' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'd10e37e2f568ea8a37765005f8c034e3797548cf' }, h("div", { key: '1a8125f848769c9434d312377a98e0af1e255b96', class: "spw-tile__overlay", style: { opacity: `${this.overlayOpacity / 100}` } }), h("img", { key: '8e4ee3105ed60254ab3dd63e1e11a12b108f3c86', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '4a29a2762059920b30c8c8f9c263db7e0ac4ddb4', class: "spw-tile__content" }, h("slot", { key: '4b0c4829fba48f8933e9912a183512fda123244c' }), this.href && this.variant === 'big' && (h("span", { key: '62e241193a6e110d28d7b23a7b4fd5efa0335bd1', class: "spw-tile__button" }, h("spw-icon", { key: '302f3e38734bab17dd70f89e1d036ac8c0a210fd', icon: "fa-chevron-right" })))))));
     }
     static get is() { return "spw-tile"; }
     static get encapsulation() { return "shadow"; }

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: 'eea4b780707ec30b9bec058e21c27cfdd391fa32' }, h("div", { key: '7fb00469f5b66d3cff9ebf5f0d3b0c249f81bec8', class: this.elementClass }, h("div", { key: '8bc45719a7a6b0f60e026510bd360cd661390ebf', class: "spw-timeline-item__step" }, h("div", { key: 'a3f21228e1dcdba6d1db209c516b9f559ecba37b', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: 'dc38e5da464a8fb6542efeecb19d500b4a18b8c0', class: "spw-timeline-item__connector" })), h("div", { key: '4b0face773acaf988b08734f9b3b663f9a4aa7f3', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: 'f487adb6ceff4c47459baa2a0bb05b0698a071e5', class: "spw-timeline-item__description-wrapper" }, h("div", { key: '7e876c056214dc2750d33ca0828c5878b20cfa23', ref: el => (this.descriptionRef = el), class: {
+        return (h(Host, { key: '53dbbe5fa4b236b8cb5f65470008c0ecd579c770' }, h("div", { key: '71bb24a3e108320df0531e0aa8a4266cca248eef', class: this.elementClass }, h("div", { key: '086bf781e6ad6b162aaa5c561ac19b2990beed47', class: "spw-timeline-item__step" }, h("div", { key: '5d146d5bcb09d3276ffa5e56123f22d9293b1747', class: "spw-timeline-item__icon" }), showConnector && h("div", { key: '3452c57384ec4f338d967a5af04910f067417267', class: "spw-timeline-item__connector" })), h("div", { key: 'c36f2037548b5186c7b7eb8a69f8281066713202', class: "spw-timeline-item__content" }, this.renderLabel(), this.description && (h("div", { key: '7cd1fa2cef9c56b38f210b97a60552438172f772', class: "spw-timeline-item__description-wrapper" }, h("div", { key: '92bd48fb4a24b599499dec90046fa104173b7504', ref: el => (this.descriptionRef = el), class: {
                 'spw-timeline-item__description': true,
                 'spw-timeline-item__description--collapsed': !this.isDescriptionExpanded,
-            } }, this.description))), h("slot", { key: '0539fb5171b861bdccc09ad49c16f7d9dc00bdd0' })))));
+            } }, this.description))), h("slot", { key: 'f5b72cbe99f59013f8f4c222cfd4145a263dbfc9' })))));
     }
     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: '39ebf44aa43b199be50af9c9c5b93bfc87b7a820' }, h("div", { key: '28fbcc60470a9ed7075808aaccfa8de4d4dcd499', class: this.elementClass }, h("slot", { key: '6ab62cdbdf5b039819f27917aa6b4bf9d718b712' })), this.shouldShowToggleButton() && (h("div", { key: 'ca97ab7d4276354850656c10fc78ae914214a950', class: {
+        return (h(Host, { key: 'ea13c5ce5fa1e33f26a6e3de6b812f8088e4c9db' }, h("div", { key: '82eba85ca6700a791cf9b6ec25daaab8ccc2e9c7', class: this.elementClass }, h("slot", { key: '0f0353e7fcc8afdefd65ff19b8f541b723abc490' })), this.shouldShowToggleButton() && (h("div", { key: '9e4d3b2576e956bc27454cb37648da0ae3463f5b', class: {
                 'spw-timeline__toggle': true,
                 'spw-timeline__toggle--more': !this.showAll,
                 'spw-timeline__toggle--less': this.showAll,
-            } }, h("span", { key: '0ac62e34c86f84a28679a984743e975fa75b2e51', class: "spw-timeline__toggle-btn", onClick: this.handleToggle }, this.showAll ? this.showLessText : this.showMoreText)))));
+            } }, h("span", { key: '9a1d3851fc7f1ac0968964b828d39426f435f4fe', 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: '381c4b1de4e72123c4db8a2db15118b7ecea6e2e' }, h("slot", { key: 'f13752e389c2364aaa999650bb13c79b7787afbd' })));
+        return (h(Host, { key: '8b90d59d3d764448636a8cd909bc5efd7abca656' }, h("slot", { key: '9bcda884219f6b3f21281db81c9676eae958bd0e' })));
     }
     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: 'e7c7a440c3c3b950ccac854476aefb9c4f929199', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: '3906e80dfb2c4a2bf232177b639ec789882091f8' })));
+        return (h("div", { key: '527f005c9921c6e122ddb9aac4d56afc5031a6c6', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, h("slot", { key: 'ec5e7e9884dee44f5a030671d20508f96b1bb21d' })));
     }
     static get is() { return "spw-tooltip"; }
     static get encapsulation() { return "shadow"; }