@spw-ds/spw-stencil-library 1.2.6 → 1.2.7

package/dist/components/spw-radio.js

@@ -89,7 +89,7 @@ const SpwRadio$1 = /*@__PURE__*/ proxyCustomElement(class SpwRadio extends H {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '0938568f31875503c42f230aaf67809a347fa2a7', class: "spw-radio" }, h("input", { key: '468be98c85124ca8115dcea988cb81a73f2e7326', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: 'acf17b4f3f408f8fdd57f5bc8316d2ef8526b694', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '05684f47c0ce11f2cded153d52fb59403a8f5b5f' }))), h("div", { key: 'afad582ba0483cf250c08a365b57db9eae33f7ab', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'a5d8ab17335edfb6b9696ddcb65f1fa71ac5372a', class: "spw-radio__circle" }))));
+        return (h("div", { key: 'edb6f875019e33e338caad000b3e1350f59c2abf', class: "spw-radio" }, h("input", { key: 'dcfd63cbe13e5255ee9825e9c0fd75d38e205a1e', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '895fa41591cc4ac6d6239b998b8a193b73c9644a', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '888a05661f36930d51b854d369744b4cca911310' }))), h("div", { key: '73148e71516ed14e832db3541c0b5fb60044fc7e', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: '77a3ba5fb25a404cae406c7b899b84838d18cbda', class: "spw-radio__circle" }))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/spw-search-field.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { d as defineCustomElement$5 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$4 } from './p-qgvllwX6.js';
-import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
-import { d as defineCustomElement$2 } from './p-BZy3vC1Y.js';
+import { d as defineCustomElement$4 } from './p-DKCYb8Pa.js';
+import { d as defineCustomElement$3 } from './p-jHpxbAsa.js';
+import { d as defineCustomElement$2 } from './p-BlSOja6j.js';
 
 const spwSearchFieldCss = "/*! 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-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--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__submit{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.spw-search-field--large .spw-search-field__submit{height:46px;right:16px;width:46px}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field--is-rounded .spw-search-field__options{border-radius:24px;margin-top:12px}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-bottom:none;border-radius:12px;padding:12px}.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__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{bottom:0;cursor:pointer;font-weight:700;position:sticky}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{background:#fff;border-top:1px solid var(--spw-color-themes-grey-grey-900);color:#000;display:block;display:inline-flex;justify-content:space-between;padding:12px;text-decoration:underline;width:100%}.spw-search-field--is-rounded .spw-search-field__view-all a{border-top:none;color:var(--spw-ds-primary);padding:12px 24px 24px}.spw-search-field__view-all a:hover{text-decoration:none}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 
@@ -205,10 +205,10 @@ const SpwSearchField$1 = /*@__PURE__*/ proxyCustomElement(class SpwSearchField e
         };
     }
     render() {
-        return (h("div", { key: '07e35a89a2689deb130a67021e40edcce012bef6', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '05a4ef03fe1f53afcd12e2c1e1238db2a1aa2cad', placeholder: this.placeholder, name: this.name, label: this.label, 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: '088382c1095ec44de895485ce815ce5d1fa21b6d', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'c3f4b5a451a350c908bf5515c53b5bb10d439096', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '64097e5de526ed83489234fb4382b3999c5dc2ce' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'd0a1b10aa7cdf992e36f90c215a38d4138e0dbbd', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '1fdbace2681a85644f082916b6d43a82e784ba2b', placeholder: this.placeholder, name: this.name, label: this.label, 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: 'a88e7c9fc3f0ec38a04a96c0199148c8739c1216', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (h("div", { key: 'befb8b10930f0ae8ee659325993995dc73278b84', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '96007fab50b2de0a58a36c01f05dc1915549e218' }, 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-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '9c5728bfb4cd1591446b697cc311b77c9c4288ec', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '6f4f69c0283fccad053b0d2608e2beb2543546a5', class: "spw-search-field__view-all" }, h("a", { key: '939963c172d388220cef9cf33e9ee3ea6c47802c', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: '49eff81ffbdda6342459c83b141deb65997f2c23', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: 'da6968da819382f15ab30478d7b3d93962848adf', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (h("p", { key: '62f022f97e5755b0ea79db2db80e92e2e161996e', class: "spw-search-field__view-all" }, h("a", { key: '4765319c861bd9427f7871588b95dd52e28fa917', href: this.viewAllResultsLink }, this.viewAllResults, " ", h("spw-icon", { key: 'fd59b817d4576cfaefcd2d5c7a2a8c6f9eef9a94', icon: "fa-arrow-right" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/spw-select.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
 import { d as defineCustomElement$4 } from './p-t1vZcpqC.js';
-import { d as defineCustomElement$3 } from './p-qgvllwX6.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$3 } from './p-DKCYb8Pa.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
 
 const spwSelectCss = "/*! 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-select,.spw-select__container{position:relative}.spw-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-select__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;height:40px;margin:0;padding:0 40px 0 12px;position:relative;width:100%}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-select__trigger:after{color:var(--spw-color-themes-grey-grey-800);content:\"\\f078\";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:900;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{font-size:18px;height:60px;padding:0 24px}.spw-select--disabled .spw-select__trigger{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-select--disabled .spw-select__trigger::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible,.spw-select--disabled .spw-select__trigger:hover{outline:none}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 

package/dist/components/spw-separator.js

@@ -1,4 +1,4 @@
-import { S as SpwSeparator$1, d as defineCustomElement$1 } from './p-DHePkzaR.js';
+import { S as SpwSeparator$1, d as defineCustomElement$1 } from './p-BSrgKxt5.js';
 
 const SpwSeparator = SpwSeparator$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -16,7 +16,7 @@ const SpwSidebarNavigationDropdown$1 = /*@__PURE__*/ proxyCustomElement(class Sp
         };
     }
     render() {
-        return (h(Host, { key: 'a7c1acec0c8bd09d869525b1b2b96bf9df0ab61e', class: this.classes }, h("div", { key: 'ab68824586c9badafd73e4a0c4695a163df21015', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '01ab71cc87c554a70e8cebfcc1de32e52789936f' }))));
+        return (h(Host, { key: '75bbcafbc7cd6f25836cf9055e9d3aa55a09e349', class: this.classes }, h("div", { key: '0a7ac6f071a601cd8b51e88f605ebb442586c684', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'aca20597e121a92626cd644967895ea4e8eb3bc4' }))));
     }
     static get style() { return spwSidebarNavigationDropdownCss; }
 }, [4, "spw-sidebar-navigation-dropdown", {

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './index.js';
-import { d as defineCustomElement$3 } from './p-_q4w18VU.js';
-import { d as defineCustomElement$2 } from './p-DuDAHfBT.js';
+import { d as defineCustomElement$3 } from './p-jHpxbAsa.js';
+import { d as defineCustomElement$2 } from './p-DJZBdUDB.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)}.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}";
 
@@ -176,14 +176,14 @@ const SpwSidebarNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwSid
     }
     render() {
         const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '2bc6f495c38a9322087286492b860d485ecfdb15', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '105c4b32fe8e4595c3bffc1ca9bdfd37103fd8d9', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'ba161b65bd00ec7f8e3ee87cb221664fde756a00', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: 'ba50a62e37fab6538d131f631f367b1b4b7e05fd', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: 'c8277652cfe11466a70d0c4913e2165f91aafdb9', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: 'a7a59273be4832fca25e44cae2e13cf17e3fd21b', 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: '438c4616cbba67c2d570f6175f99825ac2ebbfbd', 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: '6c8b804646b969c4b45642503915f3c8d378da12', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '357f85d4e3da809cfec0e758b52a9e710fc58aa0', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '10b75f441bd868b4d0f633ec1fbb45a25ce5bb91' })), this.hasDropdown && (h("div", { key: 'c2fca5a58793b8155b0ae5941ddbd69ecbb90c64', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'ea97e74a26b6a74a96b0becba82fcfab150b11a6', icon: "fa-chevron-down" }))), h("slot", { key: '385e9e6f0ab1a9b9e6fa59306234fdcdc4a8c613', name: "dropdown" }))));
+        return (h(Tag, { key: '18f2239e3f5d1e6aad8b5f1f6bf84661da99451f', 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: '275bd07ba59e2ae162f35eb1bcf6d293421fb973', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '2c5e449eada05bcc53b28507c4179d06a8f682fa', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '6f1c226293c0d634f65f58c580edd1cc299b5e63' })), this.hasDropdown && (h("div", { key: '17cf51a4a2f6c360d2da0b1b8b4c18ce9ebab090', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'a609d938758000563523770616f23d3833b1155a', icon: "fa-chevron-down" }))), h("slot", { key: '2bc0029ee6fb2f46b0e64f6b738a1c1acfe215de', name: "dropdown" }))));
     }
     get el() { return this; }
     static get style() { return spwSidebarNavigationItemCss; }

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-DHePkzaR.js';
+import { d as defineCustomElement$2 } from './p-BSrgKxt5.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)}";
 
@@ -10,7 +10,7 @@ const SpwSidebarNavigationSeparator$1 = /*@__PURE__*/ proxyCustomElement(class S
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '856dfc8d8fd8b8615c317108ef8f0c92b7741ecc' }, h("spw-separator", { key: '7944cf7864d98f2b2f02aa0459882bae4c32dcb0', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: 'e5c8dfac230556b68d89ce549ccd938d3cdf8b52' }, h("spw-separator", { key: '7589540cc55775aee77ae9abad8464b420104cd3', class: "spw-sidebar-navigation-separator" })));
     }
     static get style() { return spwSidebarNavigationSeparatorCss; }
 }, [1, "spw-sidebar-navigation-separator"]);

package/dist/components/spw-sidebar.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, a as Host } from './index.js';
-import { d as defineCustomElement$2 } from './p-_q4w18VU.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.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}";
 
@@ -65,7 +65,7 @@ const SpwSidebar$1 = /*@__PURE__*/ proxyCustomElement(class SpwSidebar extends H
         };
     }
     render() {
-        return (h(Host, { key: '51fb739a604fc6f7e6aaae233156b02481a01629', class: this.hostClass }, h("div", { key: '83e4b976a76dfe7be925631f2264028bf4d70aee', class: this.elementClass }, h("span", { key: 'eca342f625226101d3126b328bd8627a2844f0f1', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '82de4f91d5e11414c5ef6ee23e494ab475ec1b0f', icon: "fa-chevron-right" })), h("div", { key: '0360ecd69eb834d06143ddf0e572d3cc0bfcd513', class: "spw-sidebar__content" }, h("slot", { key: '1b21d56888db9a92146728a82a16dffe003a42dd', name: "navigation-top" }), h("slot", { key: '54bbeb856812ef88773d64f978ec02d4bc9687a6', name: "navigation-bottom" })), h("div", { key: 'c24b052bf202838e158f7236febd0fc5ad9aa912', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'e44c02dbf98f9b8e75cae4585b3536a19c623653', class: this.hostClass }, h("div", { key: '09542748f222ad44385bcfdca6db051602679134', class: this.elementClass }, h("span", { key: 'd99a52c3451d963d9319941315333c719514415f', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '7fa47c34ae17225ba5937fd166e360968a2697b2', icon: "fa-chevron-right" })), h("div", { key: '7f8d3bd7b53a2a1cde0dba3c7f5fa1597d05d5b8', class: "spw-sidebar__content" }, h("slot", { key: 'ef20255ed1389b00f10e4abc8d2ac5558194c625', name: "navigation-top" }), h("slot", { key: '07087b883297deade379d672e4a13223241b94b2', name: "navigation-bottom" })), h("div", { key: 'f0dda2faa61465601fd568d0339cc603ad652340', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return this; }
     static get style() { return spwSidebarCss; }

package/dist/components/spw-skeleton.js

@@ -50,7 +50,7 @@ const SpwSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class SpwSkeleton extends
         }
     }
     render() {
-        return (h(Host, { key: '6e37178c730d7ed7e756ca527643b6cd0e3e971f' }, h("div", { key: '495216eb33ba155fa485a51da109c7eedc5a119e', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'f44ededff2ec5141e23cbfc522e348da8370a440' }))));
+        return (h(Host, { key: '84bb1db4447ad88e67e12a0db999955ea282479a' }, h("div", { key: 'fee62735ea0a995804172621cf0583a2c07f8e50', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '1cd7227b66a6e791660e46aa2bf657cb2fbeec95' }))));
     }
     static get style() { return spwSkeletonCss; }
 }, [1, "spw-skeleton", {

package/dist/components/spw-slider-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwSliderItem extends Components.SpwSliderItem, HTMLElement {}
+export const SpwSliderItem: {
+    prototype: SpwSliderItem;
+    new (): SpwSliderItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+
+const spwSliderItemCss = "/*! 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%;left:0;line-height:1.3;position:absolute;top:0;width:100%}: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-slider-item{display:block;width:100%}";
+
+const SpwSliderItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwSliderItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'f57cd993f37c73d67d7bb76314698342f9eeb85f' }, h("div", { key: 'ce03289164dd0e3f94119e6e3ace34a07505f684', class: "spw-slider-item" }, h("slot", { key: 'b3d727e9a0f316eb9200ccf357e88390caa11151' }))));
+    }
+    static get style() { return spwSliderItemCss; }
+}, [1, "spw-slider-item"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-slider-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-slider-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwSliderItem$1);
+            }
+            break;
+    } });
+}
+
+const SpwSliderItem = SpwSliderItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwSliderItem, defineCustomElement };
+//# sourceMappingURL=spw-slider-item.js.map
+
+//# sourceMappingURL=spw-slider-item.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-slider-item.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,gqFAAgqF;;MCO5qFA,eAAa,iBAAAC,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;IACxB,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,iBAAiB,EAAA,EAC1B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwSliderItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-slider/spw-slider-item/spw-slider-item.scss?tag=spw-slider-item&encapsulation=shadow","src/components/spw-slider/spw-slider-item/spw-slider-item.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  display: block;\n}\n\n.spw-slider-item {\n  width: 100%;\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-slider-item',\n  styleUrl: 'spw-slider-item.scss',\n  shadow: true,\n})\nexport class SpwSliderItem {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-slider-item\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-slider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwSlider extends Components.SpwSlider, HTMLElement {}
+export const SpwSlider: {
+    prototype: SpwSlider;
+    new (): SpwSlider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-slider.js

@@ -0,0 +1,274 @@
+import { p as proxyCustomElement, H, h, a as Host } from './index.js';
+import { d as defineCustomElement$2 } from './p-jHpxbAsa.js';
+
+const spwSliderCss = "/*! 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-slider{min-height:100px;position:relative;transition:height .3s ease-in-out;width:100%}.spw-slider[style*=\"height: 0px\"]{min-height:200px}.spw-slider__track{height:100%;overflow:hidden;position:relative;width:100%}.spw-slider__navigation{display:flex;justify-content:space-between;left:0;margin-left:-36px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% + 72px)}@media (min-width:1024px){.spw-slider__navigation{margin-left:0;width:100%}}.spw-slider__arrow{align-items:center;background-color:var(--spw-ds-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;pointer-events:all;transition:all .2s ease;width:40px}.spw-slider__arrow:hover:not(:disabled){transform:scale(.9)}.spw-slider__arrow:disabled{background-color:var(--spw-color-themes-grey-grey-300);box-shadow:var(--spw-effect-elevation-5);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-slider__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.spw-slider__dots{background:#fff;border-radius:999px;bottom:10px;box-shadow:var(--spw-effect-elevation-5);display:flex;gap:.5rem;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.spw-slider__dot{background:var(--spw-color-themes-grey-grey-300);border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.spw-slider__dot:hover{transform:scale(1.2)}.spw-slider__dot--active{background-color:var(--spw-ds-primary)}.spw-slider__dot:focus-visible{outline:2px solid #000;outline-offset:2px}";
+
+const SpwSlider$1 = /*@__PURE__*/ proxyCustomElement(class SpwSlider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** Affiche les flèches de navigation */
+        this.showArrows = true;
+        /** Affiche les dots de navigation */
+        this.showDots = true;
+        /** Index de la slide active */
+        this.activeIndex = 0;
+        /** Nombre total de slides */
+        this.totalSlides = 0;
+        /** Hauteur actuelle du slider */
+        this.currentHeight = 0;
+        /** Position de départ du swipe */
+        this.touchStartX = 0;
+        /** Position actuelle du swipe */
+        this.touchCurrentX = 0;
+        /** Est en train de swiper */
+        this.isSwiping = false;
+        /** Tableau des slides */
+        this.slides = [];
+        this.handleSlotChange = () => {
+            this.updateSlides();
+            this.scheduleHeightUpdate(50);
+        };
+        this.handleResize = () => {
+            this.scheduleHeightUpdate(50);
+        };
+        this.handlePrevious = () => {
+            if (this.activeIndex > 0) {
+                this.goToSlide(this.activeIndex - 1);
+            }
+        };
+        this.handleNext = () => {
+            if (this.activeIndex < this.totalSlides - 1) {
+                this.goToSlide(this.activeIndex + 1);
+            }
+        };
+        this.handleDotClick = (index) => {
+            this.goToSlide(index);
+        };
+    }
+    componentDidLoad() {
+        this.initializeSlider();
+        const slotElement = this.el.shadowRoot.querySelector('slot');
+        if (slotElement) {
+            slotElement.addEventListener('slotchange', this.handleSlotChange);
+        }
+        window.addEventListener('resize', this.handleResize);
+        this.setupResizeObserver();
+    }
+    disconnectedCallback() {
+        var _a;
+        window.removeEventListener('resize', this.handleResize);
+        const slotElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        if (slotElement) {
+            slotElement.removeEventListener('slotchange', this.handleSlotChange);
+        }
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.heightUpdateTimeout) {
+            clearTimeout(this.heightUpdateTimeout);
+        }
+    }
+    initializeSlider() {
+        this.updateSlides();
+        this.scheduleHeightUpdate(200);
+        this.scheduleHeightUpdate(500);
+    }
+    setupResizeObserver() {
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.scheduleHeightUpdate(50);
+            });
+            this.slides.forEach(slide => {
+                var _a, _b;
+                this.resizeObserver.observe(slide);
+                const slotContent = (_b = (_a = slide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+                if (slotContent) {
+                    this.resizeObserver.observe(slotContent);
+                    if (slotContent.shadowRoot) {
+                        const shadowContent = slotContent.shadowRoot.firstElementChild;
+                        if (shadowContent) {
+                            this.resizeObserver.observe(shadowContent);
+                        }
+                    }
+                }
+            });
+        }
+    }
+    scheduleHeightUpdate(delay = 0) {
+        if (this.heightUpdateTimeout) {
+            clearTimeout(this.heightUpdateTimeout);
+        }
+        this.heightUpdateTimeout = window.setTimeout(() => {
+            this.updateHeight();
+        }, delay);
+    }
+    updateSlides() {
+        const slotElement = this.el.shadowRoot.querySelector('slot');
+        if (slotElement) {
+            const newSlides = slotElement.assignedElements();
+            if (this.resizeObserver) {
+                this.slides.forEach(slide => {
+                    this.resizeObserver.unobserve(slide);
+                });
+            }
+            this.slides = newSlides;
+            this.totalSlides = this.slides.length;
+            this.slides.forEach((slide, index) => {
+                slide.style.transform = `translateX(${index * 100}%)`;
+            });
+            if (this.resizeObserver) {
+                this.slides.forEach(slide => {
+                    this.resizeObserver.observe(slide);
+                });
+            }
+        }
+    }
+    async updateHeight() {
+        var _a, _b;
+        if (this.slides[this.activeIndex]) {
+            const activeSlide = this.slides[this.activeIndex];
+            const slotContent = (_b = (_a = activeSlide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+            if (slotContent) {
+                const tagName = slotContent.tagName.toLowerCase();
+                if (tagName.includes('-')) {
+                    try {
+                        await customElements.whenDefined(tagName);
+                        await new Promise(resolve => setTimeout(resolve, 50));
+                    }
+                    catch (e) { }
+                }
+                const contentElement = slotContent;
+                let slideHeight = contentElement.offsetHeight || contentElement.scrollHeight;
+                if (contentElement.shadowRoot) {
+                    const shadowContent = contentElement.shadowRoot.firstElementChild;
+                    if (shadowContent) {
+                        slideHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;
+                    }
+                }
+                if (slideHeight > 0) {
+                    this.currentHeight = slideHeight;
+                    return;
+                }
+            }
+            let slideHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;
+            if (slideHeight > 50) {
+                this.currentHeight = slideHeight;
+            }
+            else {
+                this.retryHeightCalculation(0);
+            }
+        }
+    }
+    retryHeightCalculation(attempt) {
+        if (attempt >= 15)
+            return;
+        setTimeout(() => {
+            var _a, _b;
+            const activeSlide = this.slides[this.activeIndex];
+            if (!activeSlide)
+                return;
+            const slotContent = (_b = (_a = activeSlide.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements()[0];
+            if (slotContent) {
+                let retryHeight = slotContent.offsetHeight || slotContent.scrollHeight;
+                if (slotContent.shadowRoot) {
+                    const shadowContent = slotContent.shadowRoot.firstElementChild;
+                    if (shadowContent) {
+                        retryHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;
+                    }
+                }
+                if (retryHeight > 50) {
+                    this.currentHeight = retryHeight;
+                    return;
+                }
+            }
+            const retryHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;
+            if (retryHeight > 50) {
+                this.currentHeight = retryHeight;
+            }
+            else {
+                this.retryHeightCalculation(attempt + 1);
+            }
+        }, 100 * (attempt + 1));
+    }
+    goToSlide(index) {
+        if (index < 0 || index >= this.totalSlides)
+            return;
+        this.activeIndex = index;
+        this.slides.forEach((slide, i) => {
+            const offset = (i - this.activeIndex) * 100;
+            slide.style.transition = 'transform 0.3s ease-in-out';
+            slide.style.transform = `translateX(${offset}%)`;
+        });
+        this.scheduleHeightUpdate(0);
+        this.scheduleHeightUpdate(320);
+    }
+    handleTouchStart(event) {
+        this.touchStartX = event.touches[0].clientX;
+        this.touchCurrentX = this.touchStartX;
+        this.isSwiping = true;
+    }
+    handleTouchMove(event) {
+        if (!this.isSwiping)
+            return;
+        this.touchCurrentX = event.touches[0].clientX;
+    }
+    handleTouchEnd() {
+        if (!this.isSwiping)
+            return;
+        const diff = this.touchStartX - this.touchCurrentX;
+        const threshold = 50;
+        if (Math.abs(diff) > threshold) {
+            if (diff > 0) {
+                this.handleNext();
+            }
+            else {
+                this.handlePrevious();
+            }
+        }
+        this.isSwiping = false;
+        this.touchStartX = 0;
+        this.touchCurrentX = 0;
+    }
+    render() {
+        return (h(Host, { key: '1d37535306dd91f0b4cb1543924ac5f7923e6799' }, h("div", { key: 'ef1de9ffe08830813e3f1d0fec93f01fc8bba8d7', class: "spw-slider", style: { height: `${this.currentHeight}px` } }, h("div", { key: '8f928de06a559e2bd6b26af0435a638b2240132a', class: "spw-slider__track" }, h("slot", { key: '46e7c68d4058d201bdbde859a9c4913cded8d0ea' })), this.showArrows && (h("div", { key: '884f3f7e6fdb839f8e7de80fff817b2b6da5e1e5', class: "spw-slider__navigation" }, h("button", { key: '45437d084460d24c2173d4c19cde0bb0ae70d61e', class: "spw-slider__arrow spw-slider__arrow--prev", onClick: this.handlePrevious, disabled: this.activeIndex === 0, "aria-label": "Slide pr\u00E9c\u00E9dente" }, h("spw-icon", { key: 'b87d43406e8adf903e29b03d674e1324c6a0c98d', icon: "fa-chevron-left" })), h("button", { key: '05fc82bc0e02002a6d7a48cb96a72a76e52b9881', class: "spw-slider__arrow spw-slider__arrow--next", onClick: this.handleNext, disabled: this.activeIndex === this.totalSlides - 1, "aria-label": "Slide suivante" }, h("spw-icon", { key: '7245c0d9676bbb62bacda378d11251a3f45f260c', icon: "fa-chevron-right" })))), this.showDots && this.totalSlides > 1 && (h("div", { key: 'b06f57c7a797604768f5dad468e26097a2f86dac', class: "spw-slider__dots" }, Array.from({ length: this.totalSlides }, (_, i) => (h("button", { class: {
+                'spw-slider__dot': true,
+                'spw-slider__dot--active': i === this.activeIndex,
+            }, onClick: () => this.handleDotClick(i), "aria-label": `Aller à la slide ${i + 1}`, "aria-current": i === this.activeIndex ? 'true' : 'false' }))))))));
+    }
+    get el() { return this; }
+    static get style() { return spwSliderCss; }
+}, [1, "spw-slider", {
+        "showArrows": [4, "show-arrows"],
+        "showDots": [4, "show-dots"],
+        "activeIndex": [32],
+        "totalSlides": [32],
+        "currentHeight": [32]
+    }, [[1, "touchstart", "handleTouchStart"], [1, "touchmove", "handleTouchMove"], [1, "touchend", "handleTouchEnd"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-slider", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-slider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwSlider$1);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwSlider = SpwSlider$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwSlider, defineCustomElement };
+//# sourceMappingURL=spw-slider.js.map
+
+//# sourceMappingURL=spw-slider.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-slider.js","mappings":"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","names":["SpwSlider","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/spw-slider/spw-slider.scss?tag=spw-slider&encapsulation=shadow","src/components/spw-slider/spw-slider.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-slider {\n  position: relative;\n  width: 100%;\n  transition: height 0.3s ease-in-out;\n  min-height: 100px;\n\n  &[style*='height: 0px'] {\n    min-height: 200px;\n  }\n}\n\n.spw-slider__track {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.spw-slider__navigation {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: space-between;\n  padding: 0 12px;\n  pointer-events: none;\n  width: calc(100% + 72px);\n  margin-left: -36px;\n  @include breakpoint(lg) {\n    width: 100%;\n    margin-left: 0;\n  }\n}\n\n.spw-slider__arrow {\n  pointer-events: all;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--spw-ds-primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  font-size: 1.25rem;\n\n  &:hover:not(:disabled) {\n    transform: scale(0.9);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    background-color: var(--spw-color-themes-grey-grey-300);\n    color: var(--spw-color-themes-grey-grey-400);\n    box-shadow: var(--spw-effect-elevation-5);\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: 2px;\n  }\n}\n\n.spw-slider__dots {\n  position: absolute;\n  bottom: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 0.5rem;\n  z-index: 10;\n  background: white;\n  box-shadow: var(--spw-effect-elevation-5);\n  padding: 8px;\n  border-radius: 999px;\n}\n\n.spw-slider__dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--spw-color-themes-grey-grey-300);\n  cursor: pointer;\n  border: none;\n  transition: all 0.2s ease;\n  padding: 0;\n\n  &:hover {\n    transform: scale(1.2);\n  }\n\n  &--active {\n    background-color: var(--spw-ds-primary);\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: 2px;\n  }\n}\n","import { Component, Host, h, State, Element, Listen, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-slider',\n  styleUrl: 'spw-slider.scss',\n  shadow: true,\n})\nexport class SpwSlider {\n  @Element() el: HTMLElement;\n\n  /** Affiche les flèches de navigation */\n  @Prop() showArrows: boolean = true;\n  /** Affiche les dots de navigation */\n  @Prop() showDots: boolean = true;\n\n  /** Index de la slide active */\n  @State() activeIndex: number = 0;\n  /** Nombre total de slides */\n  @State() totalSlides: number = 0;\n  /** Hauteur actuelle du slider */\n  @State() currentHeight: number = 0;\n\n  /** Position de départ du swipe */\n  private touchStartX: number = 0;\n  /** Position actuelle du swipe */\n  private touchCurrentX: number = 0;\n  /** Est en train de swiper */\n  private isSwiping: boolean = false;\n  /** Tableau des slides */\n  private slides: HTMLElement[] = [];\n  /** Observer pour les mutations */\n  private resizeObserver: ResizeObserver;\n  /** Timeout pour le recalcul de hauteur */\n  private heightUpdateTimeout: number;\n\n  componentDidLoad() {\n    this.initializeSlider();\n    const slotElement = this.el.shadowRoot.querySelector('slot');\n    if (slotElement) {\n      slotElement.addEventListener('slotchange', this.handleSlotChange);\n    }\n    window.addEventListener('resize', this.handleResize);\n    this.setupResizeObserver();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize);\n\n    const slotElement = this.el.shadowRoot?.querySelector('slot');\n    if (slotElement) {\n      slotElement.removeEventListener('slotchange', this.handleSlotChange);\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.heightUpdateTimeout) {\n      clearTimeout(this.heightUpdateTimeout);\n    }\n  }\n\n  private initializeSlider() {\n    this.updateSlides();\n    this.scheduleHeightUpdate(200);\n    this.scheduleHeightUpdate(500);\n  }\n\n  private handleSlotChange = () => {\n    this.updateSlides();\n    this.scheduleHeightUpdate(50);\n  };\n\n  private handleResize = () => {\n    this.scheduleHeightUpdate(50);\n  };\n\n  private setupResizeObserver() {\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => {\n        this.scheduleHeightUpdate(50);\n      });\n\n      this.slides.forEach(slide => {\n        this.resizeObserver.observe(slide);\n\n        const slotContent = slide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n        if (slotContent) {\n          this.resizeObserver.observe(slotContent);\n\n          if (slotContent.shadowRoot) {\n            const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n            if (shadowContent) {\n              this.resizeObserver.observe(shadowContent);\n            }\n          }\n        }\n      });\n    }\n  }\n\n  private scheduleHeightUpdate(delay: number = 0) {\n    if (this.heightUpdateTimeout) {\n      clearTimeout(this.heightUpdateTimeout);\n    }\n\n    this.heightUpdateTimeout = window.setTimeout(() => {\n      this.updateHeight();\n    }, delay);\n  }\n\n  private updateSlides() {\n    const slotElement = this.el.shadowRoot.querySelector('slot');\n    if (slotElement) {\n      const newSlides = slotElement.assignedElements() as HTMLElement[];\n\n      if (this.resizeObserver) {\n        this.slides.forEach(slide => {\n          this.resizeObserver.unobserve(slide);\n        });\n      }\n\n      this.slides = newSlides;\n      this.totalSlides = this.slides.length;\n\n      this.slides.forEach((slide, index) => {\n        slide.style.transform = `translateX(${index * 100}%)`;\n      });\n\n      if (this.resizeObserver) {\n        this.slides.forEach(slide => {\n          this.resizeObserver.observe(slide);\n        });\n      }\n    }\n  }\n\n  private async updateHeight() {\n    if (this.slides[this.activeIndex]) {\n      const activeSlide = this.slides[this.activeIndex];\n\n      const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0];\n\n      if (slotContent) {\n        const tagName = slotContent.tagName.toLowerCase();\n        if (tagName.includes('-')) {\n          try {\n            await customElements.whenDefined(tagName);\n            await new Promise(resolve => setTimeout(resolve, 50));\n          } catch (e) {}\n        }\n\n        const contentElement = slotContent as HTMLElement;\n        let slideHeight = contentElement.offsetHeight || contentElement.scrollHeight;\n\n        if (contentElement.shadowRoot) {\n          const shadowContent = contentElement.shadowRoot.firstElementChild as HTMLElement;\n          if (shadowContent) {\n            slideHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n          }\n        }\n\n        if (slideHeight > 0) {\n          this.currentHeight = slideHeight;\n          return;\n        }\n      }\n\n      let slideHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n      if (slideHeight > 50) {\n        this.currentHeight = slideHeight;\n      } else {\n        this.retryHeightCalculation(0);\n      }\n    }\n  }\n\n  private retryHeightCalculation(attempt: number) {\n    if (attempt >= 15) return;\n\n    setTimeout(\n      () => {\n        const activeSlide = this.slides[this.activeIndex];\n        if (!activeSlide) return;\n\n        const slotContent = activeSlide.shadowRoot?.querySelector('slot')?.assignedElements()[0] as HTMLElement;\n\n        if (slotContent) {\n          let retryHeight = slotContent.offsetHeight || slotContent.scrollHeight;\n\n          if (slotContent.shadowRoot) {\n            const shadowContent = slotContent.shadowRoot.firstElementChild as HTMLElement;\n            if (shadowContent) {\n              retryHeight = shadowContent.offsetHeight || shadowContent.scrollHeight;\n            }\n          }\n\n          if (retryHeight > 50) {\n            this.currentHeight = retryHeight;\n            return;\n          }\n        }\n\n        const retryHeight = activeSlide.offsetHeight || activeSlide.scrollHeight;\n\n        if (retryHeight > 50) {\n          this.currentHeight = retryHeight;\n        } else {\n          this.retryHeightCalculation(attempt + 1);\n        }\n      },\n      100 * (attempt + 1),\n    );\n  }\n\n  private goToSlide(index: number) {\n    if (index < 0 || index >= this.totalSlides) return;\n\n    this.activeIndex = index;\n    this.slides.forEach((slide, i) => {\n      const offset = (i - this.activeIndex) * 100;\n      slide.style.transition = 'transform 0.3s ease-in-out';\n      slide.style.transform = `translateX(${offset}%)`;\n    });\n\n    this.scheduleHeightUpdate(0);\n    this.scheduleHeightUpdate(320);\n  }\n\n  private handlePrevious = () => {\n    if (this.activeIndex > 0) {\n      this.goToSlide(this.activeIndex - 1);\n    }\n  };\n\n  private handleNext = () => {\n    if (this.activeIndex < this.totalSlides - 1) {\n      this.goToSlide(this.activeIndex + 1);\n    }\n  };\n\n  private handleDotClick = (index: number) => {\n    this.goToSlide(index);\n  };\n\n  @Listen('touchstart', { passive: true })\n  handleTouchStart(event: TouchEvent) {\n    this.touchStartX = event.touches[0].clientX;\n    this.touchCurrentX = this.touchStartX;\n    this.isSwiping = true;\n  }\n\n  @Listen('touchmove', { passive: true })\n  handleTouchMove(event: TouchEvent) {\n    if (!this.isSwiping) return;\n    this.touchCurrentX = event.touches[0].clientX;\n  }\n\n  @Listen('touchend')\n  handleTouchEnd() {\n    if (!this.isSwiping) return;\n\n    const diff = this.touchStartX - this.touchCurrentX;\n    const threshold = 50;\n\n    if (Math.abs(diff) > threshold) {\n      if (diff > 0) {\n        this.handleNext();\n      } else {\n        this.handlePrevious();\n      }\n    }\n\n    this.isSwiping = false;\n    this.touchStartX = 0;\n    this.touchCurrentX = 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-slider\" style={{ height: `${this.currentHeight}px` }}>\n          <div class=\"spw-slider__track\">\n            <slot></slot>\n          </div>\n\n          {this.showArrows && (\n            <div class=\"spw-slider__navigation\">\n              <button class=\"spw-slider__arrow spw-slider__arrow--prev\" onClick={this.handlePrevious} disabled={this.activeIndex === 0} aria-label=\"Slide précédente\">\n                <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n              </button>\n              <button class=\"spw-slider__arrow spw-slider__arrow--next\" onClick={this.handleNext} disabled={this.activeIndex === this.totalSlides - 1} aria-label=\"Slide suivante\">\n                <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n              </button>\n            </div>\n          )}\n\n          {this.showDots && this.totalSlides > 1 && (\n            <div class=\"spw-slider__dots\">\n              {Array.from({ length: this.totalSlides }, (_, i) => (\n                <button\n                  class={{\n                    'spw-slider__dot': true,\n                    'spw-slider__dot--active': i === this.activeIndex,\n                  }}\n                  onClick={() => this.handleDotClick(i)}\n                  aria-label={`Aller à la slide ${i + 1}`}\n                  aria-current={i === this.activeIndex ? 'true' : 'false'}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}