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

package/dist/esm/spw-sidebar-navigation-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, g as getElement } from './index-CvfVJV8a.js';
 
-const spwSidebarNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:\"\";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:700}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:#fff;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}";
+const spwSidebarNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:\"\";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:700}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:#fff;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item.spw-sidebar-navigation-item--active>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{color:var(--spw-ds-primary);font-weight:700}";
 
 const SpwSidebarNavigationItem = class {
     constructor(hostRef) {
@@ -11,9 +11,12 @@ const SpwSidebarNavigationItem = class {
         this.disabled = false;
         /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */
         this.iconVariant = 'fa-regular';
+        /** A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique) */
+        this.openOnClick = false;
         this.hasDropdown = false;
         this.dropdownOpen = false;
         this.navExpanded = false;
+        this.hasActiveChild = false;
         this.checkNavExpanded = () => {
             this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');
         };
@@ -35,12 +38,58 @@ const SpwSidebarNavigationItem = class {
                 this.dropdownOpen = dropdown.open;
             }
         };
+        this.handleItemClick = (event) => {
+            if (this.disabled)
+                return;
+            if (this.openOnClick && this.hasDropdown) {
+                const clickedElement = event.target;
+                const isChildNavigationItem = clickedElement.closest('spw-sidebar-navigation-item') !== this.el;
+                if (isChildNavigationItem) {
+                    return;
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                if (!this.navExpanded) {
+                    document.body.classList.add('spw-sidebar-expanded');
+                    setTimeout(() => {
+                        this.openDropdown();
+                    }, 300);
+                }
+                else {
+                    this.toggleDropdown();
+                }
+            }
+        };
+        this.openDropdown = () => {
+            var _a;
+            const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown');
+            if (dropdown) {
+                dropdown.open = true;
+                (_a = dropdown.setAttribute) === null || _a === void 0 ? void 0 : _a.call(dropdown, 'open', '');
+                this.dropdownOpen = true;
+            }
+        };
+        this.toggleDropdown = () => {
+            var _a, _b;
+            const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown');
+            if (dropdown) {
+                dropdown.open = !dropdown.open;
+                if (dropdown.open) {
+                    (_a = dropdown.setAttribute) === null || _a === void 0 ? void 0 : _a.call(dropdown, 'open', '');
+                }
+                else {
+                    (_b = dropdown.removeAttribute) === null || _b === void 0 ? void 0 : _b.call(dropdown, 'open');
+                }
+                this.dropdownOpen = dropdown.open;
+            }
+        };
     }
     componentDidLoad() {
         this.checkForDropdown();
         this.setupMutationObserver();
         this.checkNavExpanded();
         this.setupBodyClassObserver();
+        this.propagateActiveStateToParents();
     }
     componentDidUpdate() {
         this.checkForDropdown();
@@ -84,25 +133,54 @@ const SpwSidebarNavigationItem = class {
             attributeFilter: ['class'],
         });
     }
+    propagateActiveStateToParents() {
+        if (this.active) {
+            this.activateParentItems();
+        }
+        const childItems = this.el.querySelectorAll('spw-sidebar-navigation-item');
+        const hasActiveDescendant = Array.from(childItems).some((child) => child.active === true || child.getAttribute('active') === 'true');
+        if (hasActiveDescendant) {
+            this.hasActiveChild = true;
+            this.openDropdown();
+        }
+    }
+    activateParentItems() {
+        let parent = this.el.parentElement;
+        while (parent) {
+            const parentItem = parent.closest('spw-sidebar-navigation-item');
+            if (parentItem && parentItem !== this.el) {
+                parentItem.hasActiveChild = true;
+                const dropdown = parentItem.querySelector(':scope > spw-sidebar-navigation-dropdown');
+                if (dropdown) {
+                    dropdown.open = true;
+                    dropdown.setAttribute('open', '');
+                }
+                parent = parentItem.parentElement;
+            }
+            else {
+                break;
+            }
+        }
+    }
     get classes() {
         return {
             'spw-sidebar-navigation-item': true,
-            'spw-sidebar-navigation-item--active': this.active,
+            'spw-sidebar-navigation-item--active': this.active || this.hasActiveChild,
             'spw-sidebar-navigation-item--disabled': this.disabled,
             'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,
             'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,
         };
     }
     render() {
-        const Tag = this.href && !this.disabled ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '2f9860be47d53d7bfa9be6e901ce515682aed40c', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '740859f0b9ef998cfb5a0412347c6cd0b574e930', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '8ea56c6f135f052bc237df0690ec601f1a5a5744', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
+        const iconContent = h("spw-icon", { key: '551dd344206c2a0a747505c215bbdcb8630e70af', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '033a5245bad2cb52ac940e798e2ac50696134c90', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '00b15c2081a53f8175390da5c15d5fd015497698', 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: 'fb6661be9c90aeeba52d5dee1e0d42c32d605ae1', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: 'a8c78fa983e0a2eef8eb76e0a25e25ec431545dd', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '8296bb1500b0a3832c3afd9e52e83a3f60be91d4', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '1d08db1184d912b80b1fc27e852ad46428fcd1a2' })), this.hasDropdown && (h("div", { key: '676a39dbbb3b1b0a7a3f32df2bf43fe7cc644d99', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'b8bfa8d5f5355b5f3e876e232f72ae8464a73600', icon: "fa-chevron-down" }))), h("slot", { key: '1a77b8dc78652576d29da9620eae9450ead62a25', name: "dropdown" }))));
+        return (h(Tag, { key: 'b67e6b8a6918b209fd5f589bc63c2ea141c23ecd', 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: '321ea3fb1f0142f08eb8e9181e946b40603df3b7', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '5aa95a61305bfe337cfdae0e7709a1f4a7280e94', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'a73d04cbda3c6dbdfec620dacd6a9e93080f8892' })), this.hasDropdown && (h("div", { key: 'b8ea2990ace408c4896bf9c494b7083cd5fcd6f3', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '94d525e89c6a052311a493419404c2d5a3f3e2c5', icon: "fa-chevron-down" }))), h("slot", { key: 'd418e150102a23a27e3e473888ecbe832a9f4f78', name: "dropdown" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-sidebar-navigation-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-sidebar-navigation-item.entry.js","sources":["src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.scss?tag=spw-sidebar-navigation-item","src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-sidebar-navigation-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: start;\n  color: inherit;\n  text-decoration: none;\n  padding-right: 16px;\n  font-size: 16px;\n  width: var(--spw-ds-bo-sidebar-expanded-width);\n  color: var(--spw-colors-support-grey-grey-900);\n  transition: all 0.2s ease;\n  margin: 8px 0;\n  .spw-sidebar-navigation-dropdown & {\n    width: auto;\n    margin: 0;\n  }\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n  }\n  &--active,\n  &--active:hover {\n    .spw-sidebar-navigation-item__icon {\n      color: var(--spw-ds-primary);\n    }\n  }\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.3;\n  }\n  spw-sidebar-navigation-dropdown & {\n    padding-right: 0;\n  }\n  spw-tooltip {\n    line-height: 1;\n  }\n  &__bubble {\n    position: absolute;\n    top: 0;\n    left: 32px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 12;\n    width: 20px;\n    height: 20px;\n    font-size: 10px;\n    line-height: 1;\n    border: 3px solid white;\n    border-radius: 50%;\n    background-color: var(--spw-ds-primary);\n    color: white;\n  }\n  &__icon {\n    position: relative;\n    min-width: var(--spw-ds-bo-sidebar-width);\n    width: var(--spw-ds-bo-sidebar-width);\n    padding: 12px 0;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 18px;\n    .--expanded & {\n      position: static;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      transition: all 0.2s ease;\n      .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover & {\n        width: 40px;\n        height: 40px;\n        background-color: var(--spw-colors-support-grey-grey-200);\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .spw-sidebar-navigation-item--dropdown-opened &,\n      .spw-sidebar-navigation-item--dropdown-opened:hover & {\n        width: 0;\n        height: 0;\n        background-color: var(--spw-colors-support-grey-grey-100) !important;\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .--expanded & {\n        transition: background-color 0.2s ease;\n        border-radius: 4px;\n      }\n    }\n    spw-icon {\n      position: relative;\n      z-index: 2;\n    }\n  }\n  &__content {\n    padding: 12px 0;\n    flex: 1;\n    z-index: 2;\n    max-width: calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);\n    .spw-sidebar-navigation-dropdown & {\n      max-width: 100%;\n      padding: 8px;\n    }\n    &-label {\n      white-space: nowrap;\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n      .--expanded & {\n        white-space: normal;\n        overflow: visible;\n        text-overflow: none;\n      }\n      .spw-sidebar-navigation-dropdown & {\n        font-size: 14px;\n      }\n    }\n  }\n  &__dropdown-toggle {\n    position: absolute;\n    right: 16px;\n    top: 10px;\n    width: 24px;\n    height: 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 10;\n    transition: background-color 0.2s ease;\n\n    .spw-sidebar-navigation-dropdown & {\n      right: 8px;\n      top: 5px;\n    }\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n      .spw-sidebar-navigation-dropdown & {\n        background-color: var(--spw-colors-support-grey-grey-400);\n      }\n    }\n\n    spw-icon {\n      font-size: 14px;\n      position: relative;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  spw-sidebar-navigation-dropdown {\n    .--collapsed & {\n      display: none;\n    }\n  }\n}\n\n.spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  font-weight: bold;\n}\n\n.spw-sidebar-navigation-item--has-dropdown > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  padding-right: 32px;\n}\n\n.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content {\n  background: white;\n  border-radius: 4px;\n}\n\n.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item {\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-300);\n  }\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} tabIndex={this.disabled ? -1 : 0}>\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,2BAA2B,GAAG,0uOAA0uO;;MCOjwO,wBAAwB,GAAA,MAAA;AALrC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAaU,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;;AAEvB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAMzB,QAAA,IAAW,CAAA,WAAA,GAA4C,YAAY;AAElE,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAC7B,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAiD7B,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC;AAC7E,SAAC;AAsBO,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,KAAiB,KAAI;;YACnD,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YAEvB,IAAI,IAAI,CAAC,QAAQ;gBAAE;YAEnB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iCAAiC,CAAQ;YAEhF,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI;AAC9B,gBAAA,IAAI,QAAQ,CAAC,IAAI,EAAE;AACjB,oBAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAG,MAAM,EAAE,EAAE,CAAC;;qBAC9B;AACL,oBAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,eAAe,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,QAAA,EAAA,MAAM,CAAC;;AAEpC,gBAAA,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI;;AAErC,SAAC;AA+CF;IApIC,gBAAgB,GAAA;QACd,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,sBAAsB,EAAE;;IAG/B,kBAAkB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;;AAEpC,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;;;IAI/B,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YAChD,IAAI,CAAC,gBAAgB,EAAE;AACzB,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;AACrC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,MAAM,CAAC;AAC1B,SAAA,CAAC;;IAGI,gBAAgB,GAAA;;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iCAAiC,CAAQ;AAChF,QAAA,IAAI,CAAC,WAAW,GAAG,QAAQ,KAAK,IAAI;QAEpC,IAAI,QAAQ,EAAE;AACZ,YAAA,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,YAAY,yDAAG,MAAM,CAAC,CAAA;;aACjE;AACL,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK;;;IAQrB,sBAAsB,GAAA;AAC5B,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YACjD,IAAI,CAAC,gBAAgB,EAAE;AACzB,SAAC,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;AAC5C,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;AAC3B,SAAA,CAAC;;AAGJ,IAAA,IAAY,OAAO,GAAA;QACjB,OAAO;AACL,YAAA,6BAA6B,EAAE,IAAI;YACnC,qCAAqC,EAAE,IAAI,CAAC,MAAM;YAClD,uCAAuC,EAAE,IAAI,CAAC,QAAQ;YACtD,2CAA2C,EAAE,IAAI,CAAC,WAAW;YAC7D,8CAA8C,EAAE,IAAI,CAAC,YAAY;SACvC;;IAsB9B,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,KAAK;QAErD,MAAM,WAAW,GAAG,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa;AAErF,QAAA,MAAM,OAAO,IACX,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC3C,IAAI,CAAC,MAAM,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAE,EAAA,IAAI,CAAC,MAAM,CAAQ,EACrF,WAAW,CACR,CACP;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,IACtC,CAAa,CAAA,aAAA,EAAA,EAAA,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS,EAAA,eAAA,EAAiB,IAAI,CAAC,YAAY,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,IAAI,CAAC,WAAW,EACxI,EAAA,OAAO,CACI,KAEd,OAAO,CACR;AAED,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,8CAA8C,EAAE,IAAI;YACpD,oDAAoD,EAAE,IAAI,CAAC,YAAY;SAC7C;AAE5B,QAAA,QACE,CAAC,CAAA,GAAG,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,EAC3H,IAAI,CAAC,IAAI,IAAI,cAAc,EAE5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAC/C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4CAA4C,EAAA,EACrD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EAEL,IAAI,CAAC,WAAW,KACf,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,EAC7F,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACxC,CACP,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,CACF;;;;;;;;"}
+{"version":3,"file":"spw-sidebar-navigation-item.entry.js","sources":["src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.scss?tag=spw-sidebar-navigation-item","src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-sidebar-navigation-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: start;\n  color: inherit;\n  text-decoration: none;\n  padding-right: 16px;\n  font-size: 16px;\n  width: var(--spw-ds-bo-sidebar-expanded-width);\n  color: var(--spw-colors-support-grey-grey-900);\n  transition: all 0.2s ease;\n  margin: 8px 0;\n  .spw-sidebar-navigation-dropdown & {\n    width: auto;\n    margin: 0;\n  }\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n  }\n  &--active,\n  &--active:hover {\n    .spw-sidebar-navigation-item__icon {\n      color: var(--spw-ds-primary);\n    }\n  }\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.3;\n  }\n  spw-sidebar-navigation-dropdown & {\n    padding-right: 0;\n  }\n  spw-tooltip {\n    line-height: 1;\n  }\n  &__bubble {\n    position: absolute;\n    top: 0;\n    left: 32px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 12;\n    width: 20px;\n    height: 20px;\n    font-size: 10px;\n    line-height: 1;\n    border: 3px solid white;\n    border-radius: 50%;\n    background-color: var(--spw-ds-primary);\n    color: white;\n  }\n  &__icon {\n    position: relative;\n    min-width: var(--spw-ds-bo-sidebar-width);\n    width: var(--spw-ds-bo-sidebar-width);\n    padding: 12px 0;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    font-size: 18px;\n    .--expanded & {\n      position: static;\n    }\n    &:before {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n      transition: all 0.2s ease;\n      .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover & {\n        width: 40px;\n        height: 40px;\n        background-color: var(--spw-colors-support-grey-grey-200);\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .spw-sidebar-navigation-item--dropdown-opened &,\n      .spw-sidebar-navigation-item--dropdown-opened:hover & {\n        width: 0;\n        height: 0;\n        background-color: var(--spw-colors-support-grey-grey-100) !important;\n        .--expanded & {\n          width: calc(100% - 16px);\n          height: 100%;\n        }\n      }\n      .--expanded & {\n        transition: background-color 0.2s ease;\n        border-radius: 4px;\n      }\n    }\n    spw-icon {\n      position: relative;\n      z-index: 2;\n    }\n  }\n  &__content {\n    padding: 12px 0;\n    flex: 1;\n    z-index: 2;\n    max-width: calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);\n    .spw-sidebar-navigation-dropdown & {\n      max-width: 100%;\n      padding: 8px;\n    }\n    &-label {\n      white-space: nowrap;\n      overflow: hidden;\n      display: block;\n      text-overflow: ellipsis;\n      .--expanded & {\n        white-space: normal;\n        overflow: visible;\n        text-overflow: none;\n      }\n      .spw-sidebar-navigation-dropdown & {\n        font-size: 14px;\n      }\n    }\n  }\n  &__dropdown-toggle {\n    position: absolute;\n    right: 16px;\n    top: 10px;\n    width: 24px;\n    height: 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 10;\n    transition: background-color 0.2s ease;\n\n    .spw-sidebar-navigation-dropdown & {\n      right: 8px;\n      top: 5px;\n    }\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n      .spw-sidebar-navigation-dropdown & {\n        background-color: var(--spw-colors-support-grey-grey-400);\n      }\n    }\n\n    spw-icon {\n      font-size: 14px;\n      position: relative;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n  spw-sidebar-navigation-dropdown {\n    .--collapsed & {\n      display: none;\n    }\n  }\n}\n\n.spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  font-weight: bold;\n}\n\n.spw-sidebar-navigation-item--has-dropdown > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n  padding-right: 32px;\n}\n\n.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened > .spw-sidebar-navigation-item__content {\n  background: white;\n  border-radius: 4px;\n}\n\n.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item {\n  border-radius: 4px;\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-300);\n  }\n  &.spw-sidebar-navigation-item--active {\n    > .spw-sidebar-navigation-item__content > .spw-sidebar-navigation-item__content-label {\n      color: var(--spw-ds-primary);\n      font-weight: bold;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n  /** A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique) */\n  @Prop() openOnClick: boolean = false;\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n  @State() hasActiveChild: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n    this.propagateActiveStateToParents();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private propagateActiveStateToParents() {\n    if (this.active) {\n      this.activateParentItems();\n    }\n\n    const childItems = this.el.querySelectorAll('spw-sidebar-navigation-item');\n    const hasActiveDescendant = Array.from(childItems).some((child: any) => child.active === true || child.getAttribute('active') === 'true');\n\n    if (hasActiveDescendant) {\n      this.hasActiveChild = true;\n      this.openDropdown();\n    }\n  }\n\n  private activateParentItems() {\n    let parent = this.el.parentElement;\n\n    while (parent) {\n      const parentItem = parent.closest('spw-sidebar-navigation-item');\n\n      if (parentItem && parentItem !== this.el) {\n        (parentItem as any).hasActiveChild = true;\n\n        const dropdown = parentItem.querySelector(':scope > spw-sidebar-navigation-dropdown') as any;\n        if (dropdown) {\n          dropdown.open = true;\n          dropdown.setAttribute('open', '');\n        }\n\n        parent = parentItem.parentElement;\n      } else {\n        break;\n      }\n    }\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active || this.hasActiveChild,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  private handleItemClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    if (this.openOnClick && this.hasDropdown) {\n      const clickedElement = event.target as HTMLElement;\n      const isChildNavigationItem = clickedElement.closest('spw-sidebar-navigation-item') !== this.el;\n\n      if (isChildNavigationItem) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!this.navExpanded) {\n        document.body.classList.add('spw-sidebar-expanded');\n        setTimeout(() => {\n          this.openDropdown();\n        }, 300);\n      } else {\n        this.toggleDropdown();\n      }\n    }\n  };\n\n  private openDropdown = () => {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    if (dropdown) {\n      dropdown.open = true;\n      dropdown.setAttribute?.('open', '');\n      this.dropdownOpen = true;\n    }\n  };\n\n  private toggleDropdown = () => {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag\n        class={this.classes}\n        href={this.openOnClick ? undefined : this.href}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        tabIndex={this.disabled ? -1 : 0}\n        onClick={this.openOnClick ? this.handleItemClick : undefined}\n      >\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/spw-sidebar-navigation-separator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwSidebarNavigationSeparatorCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-separator{margin:12px auto;width:calc(100% - 16px)}";
 
@@ -7,7 +7,7 @@ const SpwSidebarNavigationSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '5931190d536fcfad890d75a47587ed301507542a' }, h("spw-separator", { key: '8b1e73c9f463260683c3c3e5dd60640f0165406f', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '93da5418115a91bd8a45a0b8de207d4d91a9c706' }, h("spw-separator", { key: '7c5cc350ddaf479ed0af22be5f2014b4183c98f2', class: "spw-sidebar-navigation-separator" })));
     }
 };
 SpwSidebarNavigationSeparator.style = spwSidebarNavigationSeparatorCss;

package/dist/esm/spw-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CvfVJV8a.js';
 
 const spwSidebarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;height:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar{background:#fff;border-right:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width .2s ease;width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar--with-topbar{height:calc(100% - var(--spw-ds-bo-topbar-height));top:var(--spw-ds-bo-topbar-height)}.spw-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;flex-basis:auto;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:67px;transform:translateX(50%);width:20px;z-index:20}.spw-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:16px 0}.spw-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar--expanded{width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar--collapsed{width:var(--spw-ds-bo-sidebar-width)}.spw-sidebar__resize-border{align-items:center;background:transparent;cursor:col-resize;display:none;height:100%;justify-content:center;position:absolute;right:0;top:0;transform:translateX(50%);width:10px;z-index:10}";
 
@@ -16,6 +16,13 @@ const SpwSidebar = class {
         this.checkTopbarClass = () => {
             this.hasTopbar = document.body.classList.contains('has-topbar');
         };
+        this.checkExpandedState = () => {
+            // Synchronise l'état interne avec la classe body
+            const bodyHasExpandedClass = document.body.classList.contains(this.BODY_CLASS);
+            if (this.expanded !== bodyHasExpandedClass) {
+                this.expanded = bodyHasExpandedClass;
+            }
+        };
     }
     componentWillLoad() {
         this.expanded = this.defaultExpanded;
@@ -33,6 +40,7 @@ const SpwSidebar = class {
     observeBodyClassChanges() {
         this.observer = new MutationObserver(() => {
             this.checkTopbarClass();
+            this.checkExpandedState();
         });
         this.observer.observe(document.body, {
             attributes: true,
@@ -54,7 +62,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (h(Host, { key: 'e8b5fe55c0a0bd0bf866cc5cad1da1a8b33ba792', class: this.hostClass }, h("div", { key: 'd9495832225a3008a17de912a79e53602110b5c0', class: this.elementClass }, h("span", { key: 'd5d37ddf70fceee382a5157ac4f468e4923d6a90', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '5bdd17e49970af56834efd8871c6b5d844189e1e', icon: "fa-chevron-right" })), h("div", { key: 'e372d08ee8ba3d55580bca0a63b554ec01a3719d', class: "spw-sidebar__content" }, h("slot", { key: 'a4d65d4fc323a58c5fa8346d79d8a54e304509fa', name: "navigation-top" }), h("slot", { key: '6484ae2e83756f473c7deab3574e3f747eed744f', name: "navigation-bottom" })), h("div", { key: '495e33ae7faf1aa1116412d876d1352a754c6e9b', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'ddffbd455cbc2710867a69ee8b7591b2f73b6599', class: this.hostClass }, h("div", { key: 'ee150c9244aa861c978c5008efd28c04b8e8c868', class: this.elementClass }, h("span", { key: '873736c218af40bb9a3c2aadb5891420d8b8f674', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '6c47d4c931c5e1932b06824e2809e77147229eb0', icon: "fa-chevron-right" })), h("div", { key: 'c2894503c4ab71bc570209c9fac1963e13b3ca06', class: "spw-sidebar__content" }, h("slot", { key: 'fb3d4146487654157da34e715c382194dcb4dc5c', name: "navigation-top" }), h("slot", { key: 'bcd036895810de895cfe78e654a3bb584f9d0480', name: "navigation-bottom" })), h("div", { key: 'b0ffe9b397e6a9535acbabd319fc8a37eabeef54', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-sidebar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-sidebar.entry.js","sources":["src/components/spw-sidebar/spw-sidebar.scss?tag=spw-sidebar&encapsulation=shadow","src/components/spw-sidebar/spw-sidebar.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.spw-sidebar {\n  height: 100%;\n  width: var(--spw-ds-bo-sidebar-width);\n  transition: width 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-right: 1px solid var(--spw-colors-support-grey-grey-300);\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  &--with-topbar {\n    top: var(--spw-ds-bo-topbar-height);\n    height: calc(100% - var(--spw-ds-bo-topbar-height));\n  }\n\n  &__toggle {\n    position: absolute;\n    right: 0;\n    top: 67px;\n    flex-basis: auto;\n    width: 20px;\n    padding: 6px 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    box-shadow: var(--spw-effect-elevation-6);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    cursor: pointer;\n    font-size: 13px;\n    z-index: 20;\n    transform: translateX(50%);\n    background: white;\n    line-height: 1;\n    spw-icon {\n      position: relative;\n      transition: transform 0.15s 0.2s ease;\n      .spw-sidebar--expanded & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: 16px 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n  }\n\n  &--expanded {\n    width: var(--spw-ds-bo-sidebar-expanded-width);\n  }\n\n  &--collapsed {\n    width: var(--spw-ds-bo-sidebar-width);\n  }\n\n  &__resize-border {\n    display: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 10px;\n    height: 100%;\n    transform: translateX(50%);\n    cursor: col-resize;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    z-index: 10;\n  }\n}\n","import { Component, h, Host, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar',\n  styleUrl: 'spw-sidebar.scss',\n  shadow: true,\n})\nexport class SpwSidebar {\n  @Element() el!: HTMLElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = false;\n\n  @State() expanded: boolean;\n  @State() hasTopbar: boolean = false;\n\n  private readonly BODY_CLASS = 'spw-sidebar-expanded';\n  private observer: MutationObserver;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n    if (this.expanded) {\n      document.body.classList.add(this.BODY_CLASS);\n    }\n\n    this.checkTopbarClass();\n    this.observeBodyClassChanges();\n  }\n\n  disconnectedCallback() {\n    document.body.classList.remove(this.BODY_CLASS);\n    this.observer?.disconnect();\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n    document.body.classList.toggle(this.BODY_CLASS, this.expanded);\n  };\n\n  private checkTopbarClass = () => {\n    this.hasTopbar = document.body.classList.contains('has-topbar');\n  };\n\n  private observeBodyClassChanges() {\n    this.observer = new MutationObserver(() => {\n      this.checkTopbarClass();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-sidebar': true,\n      'spw-sidebar--expanded': this.expanded,\n      'spw-sidebar--collapsed': !this.expanded,\n      'spw-sidebar--with-topbar': this.hasTopbar,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.hostClass}>\n        <div class={this.elementClass}>\n          <span class=\"spw-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n          </span>\n          <div class=\"spw-sidebar__content\">\n            <slot name=\"navigation-top\"></slot>\n            <slot name=\"navigation-bottom\"></slot>\n          </div>\n          <div class=\"spw-sidebar__resize-border\" onClick={this.toggleSidebar}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-sidebar.entry.js","sources":["src/components/spw-sidebar/spw-sidebar.scss?tag=spw-sidebar&encapsulation=shadow","src/components/spw-sidebar/spw-sidebar.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.spw-sidebar {\n  height: 100%;\n  width: var(--spw-ds-bo-sidebar-width);\n  transition: width 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  background: white;\n  border-right: 1px solid var(--spw-colors-support-grey-grey-300);\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  &--with-topbar {\n    top: var(--spw-ds-bo-topbar-height);\n    height: calc(100% - var(--spw-ds-bo-topbar-height));\n  }\n\n  &__toggle {\n    position: absolute;\n    right: 0;\n    top: 67px;\n    flex-basis: auto;\n    width: 20px;\n    padding: 6px 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    box-shadow: var(--spw-effect-elevation-6);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    cursor: pointer;\n    font-size: 13px;\n    z-index: 20;\n    transform: translateX(50%);\n    background: white;\n    line-height: 1;\n    spw-icon {\n      position: relative;\n      transition: transform 0.15s 0.2s ease;\n      .spw-sidebar--expanded & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: 16px 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n  }\n\n  &--expanded {\n    width: var(--spw-ds-bo-sidebar-expanded-width);\n  }\n\n  &--collapsed {\n    width: var(--spw-ds-bo-sidebar-width);\n  }\n\n  &__resize-border {\n    display: none;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 10px;\n    height: 100%;\n    transform: translateX(50%);\n    cursor: col-resize;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    z-index: 10;\n  }\n}\n","import { Component, h, Host, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar',\n  styleUrl: 'spw-sidebar.scss',\n  shadow: true,\n})\nexport class SpwSidebar {\n  @Element() el!: HTMLElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = false;\n\n  @State() expanded: boolean;\n  @State() hasTopbar: boolean = false;\n\n  private readonly BODY_CLASS = 'spw-sidebar-expanded';\n  private observer: MutationObserver;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n    if (this.expanded) {\n      document.body.classList.add(this.BODY_CLASS);\n    }\n\n    this.checkTopbarClass();\n    this.observeBodyClassChanges();\n  }\n\n  disconnectedCallback() {\n    document.body.classList.remove(this.BODY_CLASS);\n    this.observer?.disconnect();\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n    document.body.classList.toggle(this.BODY_CLASS, this.expanded);\n  };\n\n  private checkTopbarClass = () => {\n    this.hasTopbar = document.body.classList.contains('has-topbar');\n  };\n\n  private checkExpandedState = () => {\n    // Synchronise l'état interne avec la classe body\n    const bodyHasExpandedClass = document.body.classList.contains(this.BODY_CLASS);\n    if (this.expanded !== bodyHasExpandedClass) {\n      this.expanded = bodyHasExpandedClass;\n    }\n  };\n\n  private observeBodyClassChanges() {\n    this.observer = new MutationObserver(() => {\n      this.checkTopbarClass();\n      this.checkExpandedState();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-sidebar': true,\n      'spw-sidebar--expanded': this.expanded,\n      'spw-sidebar--collapsed': !this.expanded,\n      'spw-sidebar--with-topbar': this.hasTopbar,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.hostClass}>\n        <div class={this.elementClass}>\n          <span class=\"spw-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n          </span>\n          <div class=\"spw-sidebar__content\">\n            <slot name=\"navigation-top\"></slot>\n            <slot name=\"navigation-bottom\"></slot>\n          </div>\n          <div class=\"spw-sidebar__resize-border\" onClick={this.toggleSidebar}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/spw-skeleton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwSkeletonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-skeleton__article-image,.spw-skeleton__button,.spw-skeleton__line,.spw-skeleton__text-block{animation:shimmer 5s linear infinite;background:linear-gradient(90deg,#fff 0,var(--spw-color-themes-grey-grey-300) 50%,#fff 100%);background-size:200% 100%}.spw-skeleton{display:flex;flex-direction:column;gap:1rem}.spw-skeleton__line{border-radius:4px;height:1rem;width:100%}.spw-skeleton__line--even{width:85%}.spw-skeleton__line--last{width:50%!important}.spw-skeleton__buttons{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.spw-skeleton__button{border-radius:40px;height:40px;width:200px}.spw-skeleton__article-image{border-radius:8px;height:170px;margin-bottom:24px}.spw-skeleton__text-block{border-radius:4px;height:60px;margin:24px 0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}";
 
@@ -15,9 +15,11 @@ const SpwSkeleton = class {
             const isLast = index === this.blocks - 1;
             const isEven = index % 2 === 1;
             const isOdd = index % 2 === 0;
+            const isOnly = this.blocks === 1;
             return (h("div", { class: {
                     'spw-skeleton__line': true,
-                    'spw-skeleton__line--last': isLast,
+                    'spw-skeleton__line--only': isOnly,
+                    'spw-skeleton__line--last': !isOnly && isLast,
                     'spw-skeleton__line--even': !isLast && isEven,
                     'spw-skeleton__line--odd': !isLast && isOdd,
                 } }));
@@ -46,7 +48,7 @@ const SpwSkeleton = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd09d57159d888a28edca9d579ee00fef11871279' }, h("div", { key: '6220d349418650cfb4dd368e692f85aa1b304b36', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'd830f7f5c7ed120e0aab5f81919947a26357fd5e' }))));
+        return (h(Host, { key: 'e7062026d9545a347b6fbcf89d1d34f703e0c283' }, h("div", { key: '1d663e0cd802f50a72186239fcade5e6a808ac76', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '8cbd37e477730c2dd41acba2ac56ec66522379eb' }))));
     }
 };
 SpwSkeleton.style = spwSkeletonCss;

package/dist/esm/spw-skeleton.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-skeleton.entry.js","sources":["src/components/spw-skeleton/spw-skeleton.scss?tag=spw-skeleton&encapsulation=shadow","src/components/spw-skeleton/spw-skeleton.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%animation {\n  background: linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);\n  background-size: 200% 100%;\n  animation: shimmer 5s infinite linear;\n}\n\n.spw-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  &__line {\n    height: 1rem;\n    width: 100%;\n    border-radius: 4px;\n    @extend %animation;\n  }\n\n  &__line--even {\n    width: 85%;\n  }\n\n  &__line--last {\n    width: 50% !important;\n  }\n\n  &__buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 24px;\n    gap: 24px;\n  }\n\n  &__button {\n    width: 200px;\n    height: 40px;\n    border-radius: 40px;\n    @extend %animation;\n  }\n\n  &__article {\n    &-image {\n      margin-bottom: 24px;\n      border-radius: 8px;\n      height: 170px;\n      @extend %animation;\n    }\n  }\n\n  &__text {\n    &-block {\n      margin: 24px 0;\n      border-radius: 4px;\n      height: 60px;\n      @extend %animation;\n    }\n  }\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-skeleton',\n  styleUrl: 'spw-skeleton.scss',\n  shadow: true,\n})\nexport class SpwSkeleton {\n  /** Nombre de répétitions du skeleton (uniquement valable pour la variante lines) */\n  @Prop() blocks: number = 1;\n\n  /** Type de skeleton à afficher */\n  @Prop() variant: 'lines' | 'text' | 'article' | 'layout' = 'lines';\n\n  private renderLines() {\n    return Array.from({ length: this.blocks }, (_, index) => {\n      const isLast = index === this.blocks - 1;\n      const isEven = index % 2 === 1;\n      const isOdd = index % 2 === 0;\n\n      return (\n        <div\n          class={{\n            'spw-skeleton__line': true,\n            'spw-skeleton__line--last': isLast,\n            'spw-skeleton__line--even': !isLast && isEven,\n            'spw-skeleton__line--odd': !isLast && isOdd,\n          }}\n        ></div>\n      );\n    });\n  }\n\n  private renderText() {\n    return (\n      <div class=\"spw-skeleton__text\">\n        <spw-skeleton variant=\"lines\" blocks={5}></spw-skeleton>\n        <div class=\"spw-skeleton__text-block\"></div>\n        <spw-skeleton variant=\"lines\" blocks={2}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderArticle() {\n    return (\n      <div class=\"spw-skeleton__article\">\n        <div class=\"spw-skeleton__article-image\"></div>\n        <spw-skeleton variant=\"lines\" blocks={7}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderTextButtons() {\n    return (\n      <div class=\"spw-skeleton__text-buttons\">\n        <spw-skeleton variant=\"lines\" blocks={3}></spw-skeleton>\n        <div class=\"spw-skeleton__buttons\">\n          <div class=\"spw-skeleton__button\"></div>\n          <div class=\"spw-skeleton__button\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderVariant() {\n    switch (this.variant) {\n      case 'text':\n        return this.renderText();\n      case 'article':\n        return this.renderArticle();\n      case 'layout':\n        return this.renderTextButtons();\n      case 'lines':\n      default:\n        return this.renderLines();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-skeleton\">\n          {this.renderVariant()}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-skeleton.entry.js","sources":["src/components/spw-skeleton/spw-skeleton.scss?tag=spw-skeleton&encapsulation=shadow","src/components/spw-skeleton/spw-skeleton.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%animation {\n  background: linear-gradient(90deg, white 0%, var(--spw-color-themes-grey-grey-300) 50%, white 100%);\n  background-size: 200% 100%;\n  animation: shimmer 5s infinite linear;\n}\n\n.spw-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  &__line {\n    height: 1rem;\n    width: 100%;\n    border-radius: 4px;\n    @extend %animation;\n  }\n\n  &__line--even {\n    width: 85%;\n  }\n\n  &__line--last {\n    width: 50% !important;\n  }\n\n  &__buttons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 24px;\n    gap: 24px;\n  }\n\n  &__button {\n    width: 200px;\n    height: 40px;\n    border-radius: 40px;\n    @extend %animation;\n  }\n\n  &__article {\n    &-image {\n      margin-bottom: 24px;\n      border-radius: 8px;\n      height: 170px;\n      @extend %animation;\n    }\n  }\n\n  &__text {\n    &-block {\n      margin: 24px 0;\n      border-radius: 4px;\n      height: 60px;\n      @extend %animation;\n    }\n  }\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-skeleton',\n  styleUrl: 'spw-skeleton.scss',\n  shadow: true,\n})\nexport class SpwSkeleton {\n  /** Nombre de répétitions du skeleton (uniquement valable pour la variante lines) */\n  @Prop() blocks: number = 1;\n\n  /** Type de skeleton à afficher */\n  @Prop() variant: 'lines' | 'text' | 'article' | 'layout' = 'lines';\n\n  private renderLines() {\n    return Array.from({ length: this.blocks }, (_, index) => {\n      const isLast = index === this.blocks - 1;\n      const isEven = index % 2 === 1;\n      const isOdd = index % 2 === 0;\n      const isOnly = this.blocks === 1;\n\n      return (\n        <div\n          class={{\n            'spw-skeleton__line': true,\n            'spw-skeleton__line--only': isOnly,\n            'spw-skeleton__line--last': !isOnly && isLast,\n            'spw-skeleton__line--even': !isLast && isEven,\n            'spw-skeleton__line--odd': !isLast && isOdd,\n          }}\n        ></div>\n      );\n    });\n  }\n\n  private renderText() {\n    return (\n      <div class=\"spw-skeleton__text\">\n        <spw-skeleton variant=\"lines\" blocks={5}></spw-skeleton>\n        <div class=\"spw-skeleton__text-block\"></div>\n        <spw-skeleton variant=\"lines\" blocks={2}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderArticle() {\n    return (\n      <div class=\"spw-skeleton__article\">\n        <div class=\"spw-skeleton__article-image\"></div>\n        <spw-skeleton variant=\"lines\" blocks={7}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderTextButtons() {\n    return (\n      <div class=\"spw-skeleton__text-buttons\">\n        <spw-skeleton variant=\"lines\" blocks={3}></spw-skeleton>\n        <div class=\"spw-skeleton__buttons\">\n          <div class=\"spw-skeleton__button\"></div>\n          <div class=\"spw-skeleton__button\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderVariant() {\n    switch (this.variant) {\n      case 'text':\n        return this.renderText();\n      case 'article':\n        return this.renderArticle();\n      case 'layout':\n        return this.renderTextButtons();\n      case 'lines':\n      default:\n        return this.renderLines();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-skeleton\">\n          {this.renderVariant()}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,g6GAAg6G;;MCO16G,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAW,CAAC;;AAGlB,QAAA,IAAO,CAAA,OAAA,GAA4C,OAAO;AA8EnE;IA5ES,WAAW,GAAA;AACjB,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;YACtD,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC;AACxC,YAAA,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AAC9B,YAAA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,CAAC;AAEhC,YAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE;AACL,oBAAA,oBAAoB,EAAE,IAAI;AAC1B,oBAAA,0BAA0B,EAAE,MAAM;AAClC,oBAAA,0BAA0B,EAAE,CAAC,MAAM,IAAI,MAAM;AAC7C,oBAAA,0BAA0B,EAAE,CAAC,MAAM,IAAI,MAAM;AAC7C,oBAAA,yBAAyB,EAAE,CAAC,MAAM,IAAI,KAAK;iBAC5C,EAAA,CACI;AAEX,SAAC,CAAC;;IAGI,UAAU,GAAA;QAChB,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,cAAA,EAAA,EAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,EAAiB,CAAA,EACxD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0BAA0B,EAAO,CAAA,EAC5C,CAAc,CAAA,cAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,EAAA,CAAiB,CACpD;;IAIF,aAAa,GAAA;AACnB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,6BAA6B,EAAO,CAAA,EAC/C,CAAc,CAAA,cAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,EAAA,CAAiB,CACpD;;IAIF,iBAAiB,GAAA;AACvB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAA,EACrC,CAAA,CAAA,cAAA,EAAA,EAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,EAAiB,CAAA,EACxD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAO,CAAA,EACxC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,GAAO,CACpC,CACF;;IAIF,aAAa,GAAA;AACnB,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE;AAC1B,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,IAAI,CAAC,aAAa,EAAE;AAC7B,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE;AACjC,YAAA,KAAK,OAAO;AACZ,YAAA;AACE,gBAAA,OAAO,IAAI,CAAC,WAAW,EAAE;;;IAI/B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,aAAa,EAAE,EACrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/esm/spw-socials.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-BYM_CUUH.js';
+import { r as registerInstance, h, H as Host } from './index-CvfVJV8a.js';
 
 const spwSocialsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-socials{padding:32px 0;text-align:center}.spw-socials__title{color:var(--spw-color-shades-base-black);font-size:20px;font-weight:700;margin-bottom:16px}.spw-socials__content{display:flex;gap:24px;justify-content:center}.spw-socials ::slotted(a){color:var(--spw-color-shades-base-black);font-size:24px}.spw-socials ::slotted(a:hover){color:var(--spw-color-shades-base-black)!important;opacity:.7}.spw-socials ::slotted(a:focus-visible){box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-socials ::slotted(a:active){color:var(--spw-color-shades-base-black)!important;opacity:.9}";
 
@@ -9,7 +9,7 @@ const SpwSocials = class {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'd2c120f651461ddbe1115d8e848b610132d3a287' }, h("div", { key: '200fabf8d9086a1686c5d296f7d456f46622cb27', class: "spw-socials" }, h("div", { key: '5e038715b91cdf5813b3c72d5d1f987ed06a6609', class: "spw-ds-container" }, h("h2", { key: '4d3fc6a5266625ad177c863b49318f89a3d3147f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2d86cbd2650709d0d56df013fda5b02fa7e929ef', class: "spw-socials__content" }, h("slot", { key: '1d911bbdf0cd21be24ed7189e7bd0a544032148d' }))))));
+        return (h(Host, { key: 'cc2f013bf881c62e70cf8cb91510a5365a633c5c' }, h("div", { key: 'c5f6d4e900ffb335ed9f42ae079faae0a32d19d3', class: "spw-socials" }, h("div", { key: '736f58dbacfceb1e9496649419387f30b004e0ec', class: "spw-ds-container" }, h("h2", { key: 'b0f6cef192dc8bcd3341ec77e175b8c65af212a9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '50f458edcbd2b916b2af17f44183da7f51b85814', class: "spw-socials__content" }, h("slot", { key: 'bb7295144384b95b711ac790b2d6d4acd6bac1cb' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss;

package/dist/esm/spw-stencil-library.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-BYM_CUUH.js';
-export { s as setNonce } from './index-BYM_CUUH.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-CvfVJV8a.js';
+export { s as setNonce } from './index-CvfVJV8a.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,7 +17,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"isZebra\":[4,\"is-zebra\"],\"currentSort\":[32]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]]]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32],\"resetInput\":[64]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1537],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64],\"updateConstraints\":[64],\"resetInput\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"],\"minDate\":[\"watchMinDate\"],\"maxDate\":[\"watchMaxDate\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32],\"resetSelect\":[64]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"openOnClick\":[4,\"open-on-click\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32],\"hasActiveChild\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-dropdown-item\",[[4,\"spw-dropdown-item\",{\"href\":[1],\"disabled\":[4],\"icon\":[1],\"iconVariant\":[1,\"icon-variant\"],\"hasSubItems\":[32],\"subItemsOpen\":[32]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-wizard-item\",[[1,\"spw-wizard-item\",{\"label\":[1],\"description\":[1],\"additionalInfo\":[1,\"additional-info\"],\"icon\":[1],\"state\":[1],\"status\":[1],\"isLast\":[1,\"is-last\"],\"stepNumber\":[2,\"step-number\"],\"variant\":[1],\"isClickable\":[1,\"is-clickable\"],\"isBeforeCurrent\":[1,\"is-before-current\"],\"isAfterCurrent\":[1,\"is-after-current\"],\"isCurrent\":[1,\"is-current\"]}]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-dropdown-container\",[[1,\"spw-dropdown-container\"]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"tableLayout\":[1,\"table-layout\"],\"isZebra\":[4,\"is-zebra\"],\"disableSort\":[4,\"disable-sort\"],\"currentSort\":[1040]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]],{\"currentSort\":[\"onCurrentSortChange\"],\"isSticky\":[\"onIsStickyChange\"]}]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1],\"state\":[1],\"sticky\":[4],\"stickyPosition\":[1,\"sticky-position\"],\"stickyOffset\":[2,\"sticky-offset\"],\"isFirst\":[32]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1],\"padding\":[1]},[[0,\"slotchange\",\"slotChanged\"]],{\"state\":[\"onStateChange\"],\"padding\":[\"onPaddingChange\"]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-wizard\",[[1,\"spw-wizard\",{\"currentStep\":[1026,\"current-step\"],\"variant\":[1],\"setStep\":[64]},[[0,\"slotchange\",\"slotChanged\"],[0,\"wizardItemClick\",\"handleStepClick\"]]]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32],\"setPage\":[64]},null,{\"totalItems\":[\"calculateTotalPages\",\"onTotalItemsChange\"],\"itemsPerPage\":[\"calculateTotalPages\",\"onItemsPerPageChange\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
 });
 //# sourceMappingURL=spw-stencil-library.js.map