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

package/dist/esm/spw-search-field.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkNryMko.js';
 
 const spwSearchFieldCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__container{position:relative}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}`;
 
@@ -177,8 +177,18 @@ const SpwSearchField = class {
             this.filteredItems = [];
             return;
         }
-        const normalizedSearchText = this.normalizeString(this.searchText);
-        this.filteredItems = this.parsedItems.filter(item => !item.disabled && this.normalizeString(item.label).includes(normalizedSearchText));
+        const terms = this.normalizeString(this.searchText).split(/\s+/).filter(Boolean);
+        if (!terms.length) {
+            this.filteredItems = this.parsedItems.filter(item => !item.disabled);
+            return;
+        }
+        this.filteredItems = this.parsedItems.filter(item => {
+            var _a, _b;
+            if (item.disabled)
+                return false;
+            const haystack = this.normalizeString(`${item.label} ${(_a = item.searchableText) !== null && _a !== void 0 ? _a : ''} ${(_b = item.category) !== null && _b !== void 0 ? _b : ''}`);
+            return terms.every(term => haystack.includes(term));
+        });
     }
     normalizeString(str) {
         return str
@@ -245,14 +255,56 @@ const SpwSearchField = class {
         }
     }
     highlightMatch(item) {
-        const normalizedSearchText = this.normalizeString(this.searchText);
-        const normalizedItem = this.normalizeString(item);
-        const startIndex = normalizedItem.indexOf(normalizedSearchText);
-        if (startIndex === -1 || !this.searchText) {
+        var _a;
+        const terms = this.normalizeString(this.searchText).split(/\s+/).filter(Boolean);
+        if (!terms.length)
+            return item;
+        const normalizedChars = Array.from(item).map(ch => this.normalizeString(ch));
+        const normalizedItem = normalizedChars.join('');
+        const normalizedToOriginal = [];
+        normalizedChars.forEach((n, i) => {
+            for (let j = 0; j < n.length; j++)
+                normalizedToOriginal.push(i);
+        });
+        const ranges = [];
+        for (const term of terms) {
+            if (!term)
+                continue;
+            let from = 0;
+            while (from <= normalizedItem.length - term.length) {
+                const idx = normalizedItem.indexOf(term, from);
+                if (idx === -1)
+                    break;
+                const startOrig = normalizedToOriginal[idx];
+                const endOrig = ((_a = normalizedToOriginal[idx + term.length - 1]) !== null && _a !== void 0 ? _a : item.length - 1) + 1;
+                ranges.push([startOrig, endOrig]);
+                from = idx + term.length;
+            }
+        }
+        if (!ranges.length)
             return item;
+        ranges.sort((a, b) => a[0] - b[0]);
+        const merged = [ranges[0]];
+        for (let i = 1; i < ranges.length; i++) {
+            const last = merged[merged.length - 1];
+            if (ranges[i][0] <= last[1]) {
+                last[1] = Math.max(last[1], ranges[i][1]);
+            }
+            else {
+                merged.push(ranges[i]);
+            }
+        }
+        const parts = [];
+        let cursor = 0;
+        for (const [start, end] of merged) {
+            if (start > cursor)
+                parts.push(item.slice(cursor, start));
+            parts.push(h("strong", null, item.slice(start, end)));
+            cursor = end;
         }
-        const endIndex = startIndex + normalizedSearchText.length;
-        return (h("span", null, item.slice(0, startIndex), h("strong", null, item.slice(startIndex, endIndex)), item.slice(endIndex)));
+        if (cursor < item.length)
+            parts.push(item.slice(cursor));
+        return h("span", null, parts);
     }
     get elementClass() {
         return {
@@ -264,10 +316,10 @@ const SpwSearchField = class {
         };
     }
     render() {
-        return (h("div", { key: '5837b60701c5adffa83e5ce64b2404c5d053c161', ref: el => (this.hostElement = el), class: this.elementClass }, this.label && (h("spw-field-label", { key: '1ef0c03b22c5aaa411c5f8e066cb09e1534b9e9d', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onClick: () => { var _a; return (_a = this.textFieldElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } })), h("div", { key: 'c3e4353df5ede82c0724535c93e38e54a360e13b', class: "spw-search-field__container" }, h("spw-text-field", { key: '7c8651c36d9d37929782972c02f7361095a9c584', ref: el => (this.textFieldElement = el), placeholder: this.placeholder, name: this.name, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '7bfed3b469a2bd50f08b7c071ace067641e3d173', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" })), this.showDropdown && this.isOpen && !!this.items && (h("div", { key: '9505e7903d1ab159afd59264e5c3c9cfdfd14c07', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '9655a5877ce3adc25703f44b7abb2a0f8c4b3a1e' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'f116af8760acd3e30009afc64ee7a4ae50b6a484', ref: el => (this.hostElement = el), class: this.elementClass }, this.label && (h("spw-field-label", { key: '9f03ed16fd4cc4b37da0397d717be45a967ab1f5', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onClick: () => { var _a; return (_a = this.textFieldElement) === null || _a === void 0 ? void 0 : _a.setFocus(); } })), h("div", { key: 'a719b41f82dd87ce011c5b089341b22f81e3e2d0', class: "spw-search-field__container" }, h("spw-text-field", { key: '104bf733e3aa472625ef0f33ba98e55bf8cea02c', ref: el => (this.textFieldElement = el), placeholder: this.placeholder, name: this.name, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && h("button", { key: '0e75f4d042f435b6f551fff620cce28018fd456f', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" })), this.showDropdown && this.isOpen && !!this.items && (h("div", { key: '9c3e059418f401d05ff2bdd91b15e4345e9eb8f2', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '3b1d0269339792aecc8279a460635d3d96a13c8b' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: 'ca7c114f02d66f03803edd7ba38e248da7319f9d', class: "spw-search-field__loading" }, h("spw-loading", { key: 'ca1d7ba8f7997fffdc94d38210ab45672fe275ca', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: 'a3c9452107ec03b68ca1523544fa0f9075423452', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && (h("p", { key: 'ed530b7e1b28ca9e809031a94c86138603a85902', class: "spw-search-field__view-all" }, h("a", { key: 'c2b9e5605e4dc849b1c715e9ae66830062884495', href: this.viewAllResultsLink, onClick: this.viewAllResultsSubmit ? this.handleSubmit : undefined }, this.viewAllResults, " ", h("spw-icon", { key: 'f5dae623c2204783d04f9ad45b8c89909b447be6', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (h("p", { key: 'c2d1ea927a5f0d5f3dd32ea1f70ea059e3262c6d', class: "spw-search-field__loading" }, h("spw-loading", { key: '8c305c9dabbb1ac73518e12daebde3c3dd7e0829', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && h("p", { key: '6de0fc35708f70dcd42a2b5921fe9ccc0a2b7fee', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && (h("p", { key: '5c27c78406f6920d722bdb8e5ac56e39bf0a92f7', class: "spw-search-field__view-all" }, h("a", { key: '78c853800f4661534f4fedf89ed5be8806d8d320', href: this.viewAllResultsLink, onClick: this.viewAllResultsSubmit ? this.handleSubmit : undefined }, this.viewAllResults, " ", h("spw-icon", { key: '6bc150d034af662ead76f9273f097dd6ee1a5506', icon: "fa-arrow-right" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwSelectCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-select{position:relative}.spw-select__container{position:relative}.spw-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.spw-select--large .spw-select__icons{right:24px}.spw-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-select__clear:hover{color:var(--spw-ds-primary)}.spw-select__arrow{pointer-events:none;color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select--is-clear .spw-select__trigger{padding-right:68px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}`;
 
@@ -156,25 +156,21 @@ const SpwSelect = class {
             this.selectElement.value = String(this.internalValue || '');
         }
     }
-    renderErrorMessage() {
-        if (this.error) {
-            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.error, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderHintMessage() {
-        if (this.hint) {
-            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.hint, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderSuccessMessage() {
-        if (this.success) {
-            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.success, h("slot", { name: "details", slot: "details" })));
-        }
-    }
-    renderWarningMessage() {
-        if (this.warning) {
-            return (h("spw-field-message", { variant: "warning", showIcon: this.showWarningIcon, isExpandable: this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, this.warning, h("slot", { name: "details", slot: "details" })));
-        }
+    // isExpandable (details slot) uniquement sur le dernier message affiché
+    renderMessages() {
+        const messages = [];
+        if (this.error)
+            messages.push({ variant: 'error', text: this.error, showIcon: this.showErrorIcon });
+        if (this.hint)
+            messages.push({ variant: 'hint', text: this.hint, showIcon: this.showHintIcon });
+        if (this.success)
+            messages.push({ variant: 'success', text: this.success, showIcon: this.showSuccessIcon });
+        if (this.warning)
+            messages.push({ variant: 'warning', text: this.warning, showIcon: this.showWarningIcon });
+        return messages.map((m, i) => {
+            const isLast = i === messages.length - 1;
+            return (h("spw-field-message", { variant: m.variant, showIcon: m.showIcon, isExpandable: isLast && this.isExpandable, expandLabel: this.expandLabel, collapseLabel: this.collapseLabel }, m.text, isLast && h("slot", { name: "details", slot: "details" })));
+        });
     }
     handleClear(event) {
         event.stopPropagation();
@@ -190,7 +186,7 @@ const SpwSelect = class {
         };
     }
     render() {
-        return (h(Host, { key: 'd3ccd489ec86a0b97bdf7b9381c1e7a3cefbb383' }, h("div", { key: '91e29a92856e4d43017c146361b6df8793c5b500', class: this.elementClass }, this.label && (h("spw-field-label", { key: '49fbc4422c9a03e04fbb3380c621ec7e30fba829', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '0d1809e1ba89356957828269ba48e0c2023bb9be', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '8699a924cb0f73d5f71518817a4b5fd1b9a561fb', class: "spw-select__container" }, h("select", { key: 'f46e93c8d2b42d0b128a45ea13e75cb02fcc569e', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: 'b77f86e33c40a4554fbeb7fa41750e9a8f5275f2', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("div", { key: 'b5b1ec5298d28a6d4b3fa140ca0698578a97fa60', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (h("span", { key: 'f4b1eb192835244f4a0c34494c5fbe53c9d69a21', class: "spw-select__clear", onClick: event => this.handleClear(event) }, h("spw-icon", { key: '2f4dce811cd2ff66f948b62ee1571eb2cfb93e4e', icon: "fa-xmark" }))), h("spw-icon", { key: 'f08da6debbdaa04458d02c0edb5e0e76c298a440', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && h("slot", { key: '36f5f910750f8d9bea47eba8f52d660e60217f6e' })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h(Host, { key: '40c21707209a4bf00dbcf6c13a0a6d91930beab7' }, h("div", { key: '3bb2935727a321b562dd97797b86339745edae36', class: this.elementClass }, this.label && (h("spw-field-label", { key: 'a68f1ef45bf5781535f936f86380e04abd6f5854', label: this.label, name: this.name, required: this.required, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor })), this.assistiveText && (h("spw-field-message", { key: '279da1ef9160b9a2df3cd52816ae1a38abdaf6a4', class: "spw-select__field-message", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: 'da7cb4b526c4478efb82d54fb7cd408964af751f', class: "spw-select__container" }, h("select", { key: 'fc9f07515547219d2a790487cb9e7a576c258dcf', id: this.name, name: this.name, "aria-label": this.accAriaLabel || this.label || this.name, class: "spw-select__trigger", onChange: event => this.handleSelectChange(event), disabled: this.disabled, ref: el => (this.selectElement = el), tabindex: this.disabled ? -1 : 0 }, h("option", { key: '2ebb2a1e2170ffc03ffa8f82d8acb854555e01ad', value: "", disabled: true, selected: !this.internalValue }, this.placeholder)), h("div", { key: '8dd1b8ad114e727c2fe9391bf2aa3b6a4b0c0727', class: "spw-select__icons" }, this.isClear && !!this.internalValue && (h("span", { key: '80413ad6551378337d34b4de2b9bfff712c22978', class: "spw-select__clear", onClick: event => this.handleClear(event) }, h("spw-icon", { key: 'd3db5433b65d76b5b72c24f5c3177de484f8b151', icon: "fa-xmark" }))), h("spw-icon", { key: '80fe66a40b2d665acfd96b4a4babe5cc50b4b172', class: "spw-select__arrow", icon: "fa-chevron-down" }))), !this.items && h("slot", { key: 'eb98caf68ad419bb2ca1f487fc98f2011de7126e' })), this.renderMessages()));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
 
 const spwSidebarNavigationDropdownCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-dropdown{position:relative;left:calc(-1 * var(--spw-ds-bo-sidebar-width) + 16px);width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px);display:block;border-radius:4px}.spw-sidebar-navigation-dropdown--open{margin-top:8px;padding:0;background:var(--spw-colors-support-grey-grey-100)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:white}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}`;
 
@@ -15,7 +15,7 @@ const SpwSidebarNavigationDropdown = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b99700684df4095c48b902e418290ab46b799608', class: this.classes }, h("div", { key: '92edb187c4eee6889ef9f48868500fc0548d7379', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'ab41290c9483ed51976fa9f8175e915f7ac5dcce' }))));
+        return (h(Host, { key: 'cfa469e972997f70f8c7dae4051f84521bca8582', class: this.classes }, h("div", { key: '95bc1bbc829a58707c329d2799a9edbea3f57de3', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'fb7123db2d5d5e61308fd4eb30c03872fea8313c' }))));
     }
 };
 SpwSidebarNavigationDropdown.style = spwSidebarNavigationDropdownCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, a as getElement } from './index-DkNryMko.js';
 
 const spwSidebarNavigationItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-item{cursor:pointer;position:relative;display:flex;align-items:start;color:inherit;text-decoration:none;padding-right:16px;padding-left:0;font-size:16px;width:var(--spw-ds-bo-sidebar-expanded-width);color:var(--spw-colors-support-grey-grey-900);transition:all 0.2s ease;margin:8px 0}@media (max-width: 1023px){.spw-sidebar-navigation-item{padding-left:16px}}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{width:auto;margin:0}.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:0.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{position:absolute;top:0;left:32px;display:inline-flex;align-items:center;justify-content:center;z-index:12;width:20px;height:20px;font-size:10px;line-height:1;border:3px solid white;border-radius:50%;background-color:var(--spw-ds-primary);color:white}.spw-sidebar-navigation-item__icon{position:relative;min-width:var(--spw-ds-bo-sidebar-width);width:var(--spw-ds-bo-sidebar-width);padding:12px 0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}@media (max-width: 1023px){.spw-sidebar-navigation-item__icon{width:auto;min-width:auto}}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%, -50%);transition:all 0.2s ease}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:40px;height:40px;background-color:var(--spw-colors-support-grey-grey-200)}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{width:calc(100% - 16px);height:100%}.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{width:0;height:0;background-color:var(--spw-colors-support-grey-grey-100) !important}.--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{width:calc(100% - 16px);height:100%}.--expanded .spw-sidebar-navigation-item__icon:before{transition:background-color 0.2s ease;border-radius:4px}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{padding:12px 0;flex:1;z-index:2;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}@media (max-width: 1023px){.spw-sidebar-navigation-item__content-label{padding-left:12px}}.--expanded .spw-sidebar-navigation-item__content-label{white-space:normal;overflow:visible;text-overflow:none}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{padding-left:0}}.spw-sidebar-navigation-item__dropdown-toggle{position:absolute;right:16px;top:10px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;transition:background-color 0.2s ease}.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{font-size:14px;position:relative;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.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:bold}.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:white;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{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:bold}@media (max-width: 1023px){.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-left:0;padding-right:0}}`;
 
@@ -173,14 +173,14 @@ const SpwSidebarNavigationItem = class {
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '63ec14de9596159a057c03b410a67c746a4e8ffa', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: 'ced35e640b0865360a4f329d81c7ce3093705003', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '1d8234cddbf7cd86218306f48a2ccb4e74b3ce5f', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '718a0870923b11abf6e3469ef320c11e3d9096a8', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'aad3ef7f6b183a41a431bd7e7561a15d8c14804c', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '831ba4f25c13f158b6a9e488c040888e62ec06df', 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: '6a47b6fbc8ddcfc7116ba137155a53f0301127b8', 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: '810babe3a6966ddf99f2944ff702b6c55874b770', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '8425351daa767c2529f1c56144551d6193514024', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '9151b15755ab6f89d38d411a3f1f24617b4b0a64' })), this.hasDropdown && (h("div", { key: 'c75983616ee771d2fd77a81d02e1d10b93ac66a0', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '4c35cea803b47563eb84196e4e5f104cccdc4604', icon: "fa-chevron-down" }))), h("slot", { key: 'ab421b69d0f31dbaaeea2e1128b3456da27890da', name: "dropdown" }))));
+        return (h(Tag, { key: '8b8b08a838783c54a7e9945decf90b2811f58927', 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: '856201c2af6bb45dcfc725f7cb5500c2c7a45742', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '08617171900b7aaf541861f2aa8046aee9640cc4', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '911af3daddfbf5829d0a24626b1c5aef6add1067' })), this.hasDropdown && (h("div", { key: 'c7fb65f768428afd9159839e6ac00c7be7ab758a', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '0c010bd669bf238cb0ecbcb5b0332e971e3e3079', icon: "fa-chevron-down" }))), h("slot", { key: 'b81efa2c2af1aeba5dc0e7dc9fcca2c258dcb822', name: "dropdown" }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
 
 const spwSidebarNavigationSeparatorCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidebar-navigation-separator{width:calc(100% - 16px);margin:12px auto}`;
 
@@ -7,7 +7,7 @@ const SpwSidebarNavigationSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'b8d8d7381fb7db4dd914e1c6e457edeb4aad195f' }, h("spw-separator", { key: 'ff2c9ed4afc9ebf6c34fc4fbc2ac25feb85fee39', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'c4da27eb51b730aaa325423662b8f22867743039' }, h("spw-separator", { key: 'b2bac3105b3b54dd613886df2b25e798790d3fb9', 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, a as getElement } from './index-C5N6FAxf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
 
 const spwSidebarCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;height:100%}.spw-sidebar{height:100%;width:var(--spw-ds-bo-sidebar-width);display:flex;flex-direction:column;background:white;border-right:1px solid var(--spw-colors-support-grey-grey-300);position:fixed;top:0;left:0;z-index:800}@media (min-width: 1024px){.spw-sidebar{transition:width 0.2s ease}}.spw-sidebar--with-topbar{top:var(--spw-ds-bo-topbar-height);height:calc(100% - var(--spw-ds-bo-topbar-height))}.spw-sidebar__toggle{display:none}@media (min-width: 1024px){.spw-sidebar__toggle{position:absolute;right:0;top:67px;flex-basis:auto;width:20px;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:var(--spw-effect-elevation-6);border:1px solid var(--spw-colors-support-grey-grey-300);cursor:pointer;font-size:13px;z-index:20;transform:translateX(50%);background:white;line-height:1}.spw-sidebar__toggle spw-icon{position:relative;transition:transform 0.15s 0.2s ease}.spw-sidebar--expanded .spw-sidebar__toggle spw-icon{transform:rotate(180deg)}}.spw-sidebar__content{overflow:hidden;flex:1 1 auto;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between}.spw-sidebar__content::-webkit-scrollbar{width:14px;height:14px}.spw-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}@media (max-width: 1023px){.spw-sidebar__content{padding:0}}.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{display:none;position:absolute;top:0;right:0;width:10px;height:100%;transform:translateX(50%);cursor:col-resize;align-items:center;justify-content:center;background:transparent;z-index:10}`;
 
@@ -80,7 +80,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (h(Host, { key: '456b9b0e397244516036e59c6b03169ba17ced97', class: this.hostClass }, h("div", { key: '9643d85115caa0ea7386deac28cb1c19d604510c', class: this.elementClass }, h("span", { key: 'aae5aa3c1030c23644588a25adbe24ffb3626425', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'e035d61a09b971531bc713efc56beae2b0f3311b', icon: "fa-chevron-right" })), h("div", { key: '3c61038fb3bd04dd980a68a6e2dc99fa3fcdef4f', class: "spw-sidebar__content" }, h("slot", { key: 'fdcb6e86d19d893537a4c5d88abed96c7b3ae486', name: "navigation-top" }), h("slot", { key: '832fb90561e152e038248a2d7182e2daf5827a25', name: "navigation-bottom" })), h("div", { key: 'b03e48eadcde46bcf52a97b6ffeb0c67bf4b558a', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: '20426b0c81fa6c37edcab71f954cb51c8c7db302', class: this.hostClass }, h("div", { key: '0382a04d7943f744173474b7b7702c16174c0f63', class: this.elementClass }, h("span", { key: '0f9dc5293bbcffa05132afe1aa3189f022f5b67b', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '68d6a7684f8a9f027e76803ae714b26bf5e85034', icon: "fa-chevron-right" })), h("div", { key: '21972b383f94f93753d281477ecc67b3ee10603a', class: "spw-sidebar__content" }, h("slot", { key: '3b0b8406d9cbcfdcab6813217d2ac2f5502922bc', name: "navigation-top" }), h("slot", { key: '9ee99f3a7c3a0287eb9a3c95e09391bf557e21e9', name: "navigation-bottom" })), h("div", { key: '738669f5a431726670f2199510067d7ba03a726a', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-sidenav-group.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, H as Host } from './index-DkNryMko.js';
+
+const spwSidenavGroupCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-sidenav-group__content{padding-left:30px;position:relative}.spw-sidenav-group__content:before{content:"";position:absolute;top:6px;left:12px;width:1px;height:calc(100% - 12px);background-color:var(--spw-colors-support-grey-grey-300)}`;
+
+const SpwSidenavGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Si true, le groupe est ouvert */
+        this.open = false;
+    }
+    render() {
+        return (h(Host, { key: '53c81df6b37aecb9094322b6ec8232cbad3dff60', class: {
+                'spw-sidenav-group': true,
+                'spw-sidenav-group--open': this.open,
+            } }, h("div", { key: '8e50ebeec2c1ac59e18618c14aac87ba28923bf1', class: "spw-sidenav-group__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '67d50cc3b7ec09ef2ca07c0563178e72b424c37a' }))));
+    }
+};
+SpwSidenavGroup.style = spwSidenavGroupCss();
+
+export { SpwSidenavGroup as spw_sidenav_group };

package/dist/esm/spw-sidenav-item.entry.js

@@ -0,0 +1,166 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DkNryMko.js';
+
+const spwSidenavItemCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin: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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidenav-item{display:block}.spw-sidenav-item+.spw-sidenav-item{margin-top:2px}.spw-sidenav-item__row{display:flex;align-items:flex-start;gap:8px}.spw-sidenav-item__label{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;padding:8px 0;border:none;background:none;text-align:left;cursor:pointer;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-family:inherit}spw-sidenav-group .spw-sidenav-item__label{font-size:16px;padding:6px 0}.spw-sidenav-item__label{text-decoration:none;text-underline-offset:2px;width:100%;transition:color 0.15s ease}.spw-sidenav-item__label:focus-visible{outline-offset:2px;outline:3px solid black;border-radius:4px}.spw-sidenav-item--active>.spw-sidenav-item__row>.spw-sidenav-item__label{color:var(--spw-ds-primary);font-weight:600}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:hover{color:var(--spw-ds-primary)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>.spw-sidenav-item__label:active{color:var(--spw-ds-active)}.spw-sidenav-item:not(.spw-sidenav-item--disabled)>.spw-sidenav-item__row>button.spw-sidenav-item__label:hover{text-decoration:underline}.spw-sidenav-item--disabled>.spw-sidenav-item__row>.spw-sidenav-item__label{cursor:not-allowed;opacity:0.4}.spw-sidenav-item__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;width:20px}.spw-sidenav-item__text{flex:1;min-width:0}.spw-sidenav-item__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;margin-top:0;width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:50%;color:var(--spw-colors-support-grey-grey-900);transition:background-color 0.15s ease, color 0.15s ease}.spw-sidenav-item__chevron spw-icon{font-size:14px;transition:transform 0.2s ease}.spw-sidenav-item__chevron:hover{background-color:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}.spw-sidenav-item__chevron:focus-visible{outline-offset:2px;outline:3px solid black}.spw-sidenav-item__chevron--open spw-icon{transform:rotate(180deg)}.spw-sidenav-item__chevron:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}@media (max-width: 767px){.spw-sidenav-item__chevron spw-icon{transform:rotate(-90deg) !important;transition:none !important}spw-sidenav[data-show-root=true] spw-sidenav-item spw-sidenav-item{display:none}spw-sidenav[data-show-root=true] spw-sidenav-group .spw-sidenav-group__content{display:none !important}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)) spw-sidenav-item:has(>.spw-sidenav-item--active):has(spw-sidenav-item>.spw-sidenav-item--active)>.spw-sidenav-item>.spw-sidenav-item__row{display:none}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)):has(.spw-sidenav-item--active)>spw-sidenav-item:not(:has(>.spw-sidenav-item--active)){display:none}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)) spw-sidenav-group:has(>spw-sidenav-item>.spw-sidenav-item--active):has(>spw-sidenav-item spw-sidenav-item>.spw-sidenav-item--active)>spw-sidenav-item:not(:has(>.spw-sidenav-item--active)){display:none}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)) spw-sidenav-item:has(>.spw-sidenav-item--active)>spw-sidenav-group>.spw-sidenav-group__content{display:block !important}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)) spw-sidenav-item:has(>.spw-sidenav-item--active):has(spw-sidenav-item>.spw-sidenav-item--active)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content{padding-left:0}spw-sidenav:not([data-show-root=true]):not(:has(.spw-sidenav-item--mobile-focused)) spw-sidenav-item:has(>.spw-sidenav-item--active):has(spw-sidenav-item>.spw-sidenav-item--active)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content::before{display:none}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:not(:has(.spw-sidenav-item--mobile-focused)){display:none}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(>.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content>spw-sidenav-item,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(>.spw-sidenav-item--mobile-focused)>spw-sidenav-group>.spw-sidenav-group__content>spw-sidenav-item,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(>.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>spw-sidenav-group>spw-sidenav-item,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(>.spw-sidenav-item--mobile-focused)>spw-sidenav-group>spw-sidenav-item{display:block}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>.spw-sidenav-item__row{display:none}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>spw-sidenav-group>.spw-sidenav-group__content{display:block !important}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>spw-sidenav-group>.spw-sidenav-group__content{padding-left:0}spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>.spw-sidenav-item>spw-sidenav-group>.spw-sidenav-group__content::before,spw-sidenav:not([data-show-root=true]):has(.spw-sidenav-item--mobile-focused) spw-sidenav-item:has(.spw-sidenav-item--mobile-focused)>spw-sidenav-group>.spw-sidenav-group__content::before{display:none}}`;
+
+const SpwSidenavItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /** Variante d'icône Font Awesome */
+        this.iconVariant = 'fa-regular';
+        /** Marque l'item comme actif */
+        this.active = false;
+        /** Désactive l'item */
+        this.disabled = false;
+        /** Si true, cliquer sur le label toggle les enfants au lieu de naviguer */
+        this.openOnClick = false;
+        this.hasChildren = false;
+        this.childrenOpen = false;
+        this.hasActiveChild = false;
+        this.mobileFocused = false;
+        this.handleChevronClick = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (this.disabled)
+                return;
+            if (window.matchMedia('(max-width: 767px)').matches) {
+                this.el.dispatchEvent(new CustomEvent('spwMobileFocusRequest', {
+                    detail: { item: this.el },
+                    bubbles: true,
+                    composed: true,
+                }));
+                return;
+            }
+            this.toggleGroup();
+        };
+        this.handleLabelClick = (e) => {
+            if (this.disabled) {
+                e.preventDefault();
+                return;
+            }
+            if (this.openOnClick && this.hasChildren) {
+                e.preventDefault();
+                this.toggleGroup();
+            }
+        };
+    }
+    componentDidLoad() {
+        this.checkForChildren();
+        this.checkForActiveDescendants();
+        this.setupMutationObserver();
+        if (this.active) {
+            this.notifyParents();
+        }
+    }
+    componentDidUpdate() {
+        this.checkForChildren();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    setupMutationObserver() {
+        this.mutationObserver = new MutationObserver(() => this.checkForChildren());
+        this.mutationObserver.observe(this.el, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['open', 'active'],
+        });
+    }
+    checkForChildren() {
+        var _a;
+        const group = this.el.querySelector(':scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group');
+        this.hasChildren = group !== null;
+        if (group) {
+            this.childrenOpen = !!group.open || ((_a = group.hasAttribute) === null || _a === void 0 ? void 0 : _a.call(group, 'open'));
+        }
+        else {
+            this.childrenOpen = false;
+        }
+    }
+    isActiveItem(el) {
+        const val = el.getAttribute('active');
+        return val === '' || val === 'true';
+    }
+    checkForActiveDescendants() {
+        const activeItems = Array.from(this.el.querySelectorAll('spw-sidenav-item')).filter(item => this.isActiveItem(item));
+        if (activeItems.length > 0) {
+            this.hasActiveChild = true;
+            this.openGroup();
+        }
+    }
+    notifyParents() {
+        var _a, _b, _c;
+        let parentItem = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest('spw-sidenav-item');
+        while (parentItem) {
+            parentItem.hasActiveChild = true;
+            const group = parentItem.querySelector(':scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group');
+            if (group) {
+                group.open = true;
+                (_b = group.setAttribute) === null || _b === void 0 ? void 0 : _b.call(group, 'open', '');
+                parentItem.childrenOpen = true;
+            }
+            parentItem = (_c = parentItem.parentElement) === null || _c === void 0 ? void 0 : _c.closest('spw-sidenav-item');
+        }
+    }
+    openGroup() {
+        var _a;
+        const group = this.el.querySelector(':scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group');
+        if (group) {
+            group.open = true;
+            (_a = group.setAttribute) === null || _a === void 0 ? void 0 : _a.call(group, 'open', '');
+            this.childrenOpen = true;
+        }
+    }
+    toggleGroup() {
+        var _a, _b;
+        const group = this.el.querySelector(':scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group');
+        if (group) {
+            group.open = !group.open;
+            if (group.open)
+                (_a = group.setAttribute) === null || _a === void 0 ? void 0 : _a.call(group, 'open', '');
+            else
+                (_b = group.removeAttribute) === null || _b === void 0 ? void 0 : _b.call(group, 'open');
+            this.childrenOpen = group.open;
+        }
+    }
+    /** Ouvre les enfants */
+    async open() {
+        this.openGroup();
+    }
+    /** Ferme les enfants */
+    async close() {
+        var _a;
+        const group = this.el.querySelector(':scope > .spw-sidenav-item > spw-sidenav-group, :scope > spw-sidenav-group');
+        if (group) {
+            group.open = false;
+            (_a = group.removeAttribute) === null || _a === void 0 ? void 0 : _a.call(group, 'open');
+            this.childrenOpen = false;
+        }
+    }
+    /** Utilisé par spw-sidenav pour focaliser cet item en mobile */
+    async setMobileFocus(value) {
+        this.mobileFocused = value;
+    }
+    get isLink() {
+        return !!this.href && !this.disabled && !this.openOnClick;
+    }
+    render() {
+        const LabelTag = this.isLink ? 'a' : 'button';
+        return (h(Host, { key: '17607fea24545b9b75737d89a04f23bfd770c470' }, h("div", { key: 'b35c32d3848704761a361422d53d6c7f541c1c98', class: {
+                'spw-sidenav-item': true,
+                'spw-sidenav-item--active': this.active || this.hasActiveChild,
+                'spw-sidenav-item--disabled': this.disabled,
+                'spw-sidenav-item--has-children': this.hasChildren,
+                'spw-sidenav-item--children-open': this.childrenOpen,
+                'spw-sidenav-item--mobile-focused': this.mobileFocused,
+            } }, h("div", { key: 'fb937b1690063919eb303816ddf66ea6fefa5cd1', class: "spw-sidenav-item__row" }, h(LabelTag, { key: '6288f1a598107aa27a7fee5fcec30cf521792933', class: "spw-sidenav-item__label", href: this.isLink ? this.href : undefined, disabled: LabelTag === 'button' && this.disabled ? true : undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-expanded": this.hasChildren ? this.childrenOpen.toString() : undefined, "aria-current": this.active ? 'page' : undefined, onClick: this.handleLabelClick }, this.icon && (h("span", { key: 'd4e427cb15f5b019a0ad4fe5373ec61faf415949', class: "spw-sidenav-item__icon" }, h("spw-icon", { key: '065d165607922c9d33f5300a72eaaa2c38e75d7e', variant: this.iconVariant, icon: this.icon }))), h("span", { key: 'f89a8915244e9346c0edef997c1277bd10c8c18c', class: "spw-sidenav-item__text" }, h("slot", { key: '97152c49d15ef22ba48b3d0a6d98d02a62f7a7fc' }))), this.hasChildren && (h("button", { key: '5ef0937493a17b9f09741fd15a2ade6d6ce0f0da', type: "button", class: {
+                'spw-sidenav-item__chevron': true,
+                'spw-sidenav-item__chevron--open': this.childrenOpen,
+            }, "aria-label": this.childrenOpen ? 'Réduire' : 'Développer', disabled: this.disabled, onClick: this.handleChevronClick }, h("spw-icon", { key: '42a4b347a3354c51af6f2b7fecd95d262721d2a7', icon: "fa-chevron-down" })))), h("slot", { key: 'e0627c82022966740d540a35854a74ddba926ad6', name: "children" }))));
+    }
+    get el() { return getElement(this); }
+};
+SpwSidenavItem.style = spwSidenavItemCss();
+
+export { SpwSidenavItem as spw_sidenav_item };