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

package/dist/spw-stencil-library/{p-f5de314e.entry.js → p-06cb6865.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const o="/*! 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-header-persona-item{position:relative;transition:background .3s}@media (min-width:1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;margin-top:6px;padding:4px 0}@media (min-width:1024px){.spw-header-persona-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-persona-item--active{display:none;font-weight:700}@media (min-width:1024px){.spw-header-persona-item--active{display:block}}@media (max-width:1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const n=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"eee572c064debd003a1820ffaecd91a11fccc2aa"},t("div",{key:"c7b51b61d0d53bd659febab0d448d950ebcf14d4",class:{"spw-header-persona-item":true,"spw-header-persona-item--active":this.active}},t("slot",{key:"b7342be2d08ea3b760c330c0a16b30e883642079"})))}};n.style=o;export{n as spw_header_persona_item};
-//# sourceMappingURL=p-f5de314e.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const o="/*! 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-header-persona-item{position:relative;transition:background .3s}@media (min-width:1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;margin-top:6px;padding:4px 0}@media (min-width:1024px){.spw-header-persona-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-persona-item--active{display:none;font-weight:700}@media (min-width:1024px){.spw-header-persona-item--active{display:block}}@media (max-width:1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const n=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"01795fae62edf0a944fd91a3502cb38c66ffc217"},t("div",{key:"226a1d44ed9857b3d07fc9e5738bc989317133b2",class:{"spw-header-persona-item":true,"spw-header-persona-item--active":this.active}},t("slot",{key:"b8b2aa7395d5a21dfca571575452c677158d13c9"})))}};n.style=o;export{n as spw_header_persona_item};
+//# sourceMappingURL=p-06cb6865.entry.js.map

package/dist/spw-stencil-library/{p-52c51ac5.entry.js → p-06ec3521.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-BYM_CUUH.js";const o="/*! 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-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"a823fcdd8ba4d8ea57bc62b0abeacc8e0ebf4a71",href:this.href,target:this.target,class:"spw-footer-link"},t("slot",{key:"a636bc7c6f714d94bfd002445d3e2c02a4ef8bf6"}))}};i.style=o;export{i as spw_footer_link};
-//# sourceMappingURL=p-52c51ac5.entry.js.map
+import{r as e,h as t}from"./p-CvfVJV8a.js";const o="/*! 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-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"ba53864c8bd550cdd97e2a2ef5361a39325659f0",href:this.href,target:this.target,class:"spw-footer-link"},t("slot",{key:"9a1ff9dbd37a631b37f7444abb86867fe1bfe54b"}))}};i.style=o;export{i as spw_footer_link};
+//# sourceMappingURL=p-06ec3521.entry.js.map

package/dist/spw-stencil-library/{p-0226ad72.entry.js → p-0baeea00.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,g as i}from"./p-BYM_CUUH.js";const o="/*! 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:inline-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-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";const s=class{constructor(e){t(this,e);this.tooltipTitle="";this.tooltipText="";this.direction="top";this.cursor="help";this.visible=true;this.isVisible=false;this.showTooltip=()=>{if(!this.visible)return;this.isVisible=true;this.createTooltip();requestAnimationFrame((()=>{this.positionTooltip()}));window.addEventListener("scroll",this.handleScrollOrResize,true);window.addEventListener("resize",this.handleScrollOrResize)};this.hideTooltip=()=>{this.isVisible=false;this.removeTooltipFromDOM();window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize);this.removeTooltipFromDOM()}updateTooltipVisibility(){if(this.tooltipEl){this.tooltipEl.style.display=this.visible?"flex":"none"}}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){if(this.isVisible){this.positionTooltip()}}createTooltip(){if(!this.tooltipEl){this.tooltipEl=document.createElement("div");this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;this.tooltipEl.setAttribute("role","tooltip");if(this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title";t.textContent=this.tooltipTitle;this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText;this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){if(this.tooltipEl&&this.tooltipEl.parentNode){this.tooltipEl.parentNode.removeChild(this.tooltipEl)}this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect();const o=this.tooltipEl;o.style.visibility="hidden";o.style.display="flex";o.style.position="fixed";o.style.top="0px";o.style.left="0px";o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0;let r=0;switch(this.direction){case"top":n=i.top-s.height-8;r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8;r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2;r=i.left-s.width-8;break;case"right":default:n=i.top+(i.height-s.height)/2;r=i.right+8;break}o.style.top=`${n}px`;o.style.left=`${r}px`;o.style.zIndex="9999";o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":true,[`spw-tooltip__target--${this.cursor}`]:true}}render(){return e("div",{key:"f0d95d22b9019cd119e933eb3c964f1fcf909179",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},e("slot",{key:"7c4010167cd76fbaa14195a2f0a3aee3cb3956cc"}))}get host(){return i(this)}};s.style=o;export{s as spw_tooltip};
-//# sourceMappingURL=p-0226ad72.entry.js.map
+import{r as t,h as e,g as i}from"./p-CvfVJV8a.js";const o="/*! 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:inline-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-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";const s=class{constructor(e){t(this,e);this.tooltipTitle="";this.tooltipText="";this.direction="top";this.cursor="help";this.visible=true;this.isVisible=false;this.showTooltip=()=>{if(!this.visible)return;this.isVisible=true;this.createTooltip();requestAnimationFrame((()=>{this.positionTooltip()}));window.addEventListener("scroll",this.handleScrollOrResize,true);window.addEventListener("resize",this.handleScrollOrResize)};this.hideTooltip=()=>{this.isVisible=false;this.removeTooltipFromDOM();window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize);this.removeTooltipFromDOM()}updateTooltipVisibility(){if(this.tooltipEl){this.tooltipEl.style.display=this.visible?"flex":"none"}}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){if(this.isVisible){this.positionTooltip()}}createTooltip(){if(!this.tooltipEl){this.tooltipEl=document.createElement("div");this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;this.tooltipEl.setAttribute("role","tooltip");if(this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title";t.textContent=this.tooltipTitle;this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText;this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){if(this.tooltipEl&&this.tooltipEl.parentNode){this.tooltipEl.parentNode.removeChild(this.tooltipEl)}this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect();const o=this.tooltipEl;o.style.visibility="hidden";o.style.display="flex";o.style.position="fixed";o.style.top="0px";o.style.left="0px";o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0;let r=0;switch(this.direction){case"top":n=i.top-s.height-8;r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8;r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2;r=i.left-s.width-8;break;case"right":default:n=i.top+(i.height-s.height)/2;r=i.right+8;break}o.style.top=`${n}px`;o.style.left=`${r}px`;o.style.zIndex="9999";o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":true,[`spw-tooltip__target--${this.cursor}`]:true}}render(){return e("div",{key:"40dd977476a6f901f5bb52d931e024a1b977fa56",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},e("slot",{key:"e0e73617f39e74a4ae0bdb28b69aad96a06a2743"}))}get host(){return i(this)}};s.style=o;export{s as spw_tooltip};
+//# sourceMappingURL=p-0baeea00.entry.js.map

package/dist/spw-stencil-library/p-0e1ec1e6.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as r}from"./p-CvfVJV8a.js";const o="/*! 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%;align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;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)}}:host:last-child{flex:0}.spw-wizard-item{align-items:center;cursor:not-allowed;display:flex;flex-direction:column;width:100%}.spw-wizard-item--vertical{align-items:flex-start;flex-direction:row;gap:16px;position:relative}.spw-wizard-item--clickable{cursor:pointer}.spw-wizard-item--clickable .spw-wizard-item__icon:hover{transform:scale(1.05)}.spw-wizard-item--current{cursor:default}.spw-wizard-item__step{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:1;position:relative;width:100%}.spw-wizard-item__step spw-icon{font-size:16px}.spw-wizard-item--vertical .spw-wizard-item__step{align-items:flex-start;flex:1;flex-direction:column;justify-content:start;position:static}.spw-wizard-item__icon{align-items:center;background-color:#fff;border:3px solid;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:1}.spw-wizard-item__icon svg{height:24px;width:24px}.spw-wizard-item__connector{height:3px;left:50%;position:absolute;right:-50%;transition:background-color .3s ease}.spw-wizard-item--vertical .spw-wizard-item__connector{height:100%;left:14px;right:auto;top:0;width:3px}.spw-wizard-item__label{color:var(--spw-color-themes-grey-grey-900);display:none;font-size:16px;font-weight:700;margin-top:12px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__label{display:block}}.spw-wizard-item--vertical .spw-wizard-item__label{text-align:left}.spw-wizard-item__description{color:var(--spw-color-themes-grey-grey-700);display:none;font-size:14px;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__description{display:block}}.spw-wizard-item--vertical .spw-wizard-item__description{text-align:left}.spw-wizard-item__additional-info{color:var(--spw-ds-primary);display:none;font-size:12px;font-weight:700;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__additional-info{display:block}}.spw-wizard-item--vertical .spw-wizard-item__additional-info{text-align:left}.spw-wizard-item--vertical .spw-wizard-item__content{margin-bottom:8px;margin-top:-6px}.spw-wizard-item--inactive .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--inactive .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--active .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--active .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--before-current.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#16a34a!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#fff!important;border-color:#f97316!important;color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#fff!important;border-color:#dc2626!important;color:#dc2626!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#dc2626!important}.spw-wizard-item--current.spw-wizard-item--active .spw-wizard-item__icon,.spw-wizard-item--current.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#f97316!important;border-color:#f97316!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#d1d5db!important}";const a=class{constructor(e){i(this,e);this.wizardItemClick=t(this,"wizardItemClick",7);this.state="inactive";this.isLast="false";this.isClickable="false";this.isBeforeCurrent="false";this.isAfterCurrent="false";this.isCurrent="false";this.handleClick=()=>{if(this.isClickable==="true"){this.wizardItemClick.emit(this.stepNumber)}}}renderIcon(){const i=this.status||this.state;if(i==="warning"){return e("spw-icon",{variant:"fa-solid",icon:"fa-triangle-exclamation"})}if(i==="error"){return e("spw-icon",{variant:"fa-solid",icon:"fa-xmark"})}if(this.icon){return e("spw-icon",{variant:"fa-solid",icon:this.icon})}return e("span",null,this.stepNumber)}get elementClass(){const i=this.status||this.state;return{"spw-wizard-item":true,[`spw-wizard-item--${i}`]:true,[`spw-wizard-item--${this.variant}`]:true,"spw-wizard-item--clickable":this.isClickable==="true","spw-wizard-item--current":this.isCurrent==="true","spw-wizard-item--before-current":this.isBeforeCurrent==="true","spw-wizard-item--after-current":this.isAfterCurrent==="true"}}render(){const i=this.isLast==="false";return e(r,{key:"5916ce5a37b11c5c50b4babd9efd8e2c98090895"},e("div",{key:"a0b0e498981bafdf74d45cbd7425659c6fc222a2",class:this.elementClass,onClick:this.handleClick},e("div",{key:"49a6ffc1af0636a4aeb6480243c9ae02111a5915",class:"spw-wizard-item__step"},e("div",{key:"a1cd7562fcad90c22e27d3a6a0706e3d6c5e7e0b",class:"spw-wizard-item__icon"},this.renderIcon()),i&&e("div",{key:"346688377fa5b6b4ef03aad38cff7b5dc67404fe",class:"spw-wizard-item__connector"})),e("div",{key:"732bcd5e1ae9c7eba5466c7b398dbbeb6d31deef",class:"spw-wizard-item__content"},this.label&&e("div",{key:"07b5f9ad5792444deb7adfcd8998a9557bdf574c",class:"spw-wizard-item__label"},this.label),this.description&&e("div",{key:"fdc5193fca89fb8557b516b193ed4066326d2093",class:"spw-wizard-item__description"},this.description),this.additionalInfo&&e("div",{key:"50a3248951eb7e5f2af34defdbcb267d3aff882f",class:"spw-wizard-item__additional-info"},this.additionalInfo))))}};a.style=o;export{a as spw_wizard_item};
+//# sourceMappingURL=p-0e1ec1e6.entry.js.map

package/dist/spw-stencil-library/p-0e1ec1e6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spwWizardItemCss","SpwWizardItem","constructor","hostRef","this","state","isLast","isClickable","isBeforeCurrent","isAfterCurrent","isCurrent","handleClick","wizardItemClick","emit","stepNumber","renderIcon","effectiveState","status","h","variant","icon","elementClass","render","showConnector","Host","key","class","onClick","label","description","additionalInfo"],"sources":["src/components/spw-wizard/spw-wizard-item/spw-wizard-item.scss?tag=spw-wizard-item&encapsulation=shadow","src/components/spw-wizard/spw-wizard-item/spw-wizard-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  &:last-child {\n    flex: 0;\n  }\n}\n\n.spw-wizard-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  cursor: not-allowed;\n\n  &--vertical {\n    position: relative;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 16px;\n  }\n\n  &--clickable {\n    cursor: pointer;\n\n    .spw-wizard-item__icon:hover {\n      transform: scale(1.05);\n    }\n  }\n\n  &--current {\n    cursor: default;\n  }\n\n  &__step {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    position: relative;\n    justify-content: center;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 700;\n    spw-icon {\n      font-size: 16px;\n    }\n    .spw-wizard-item--vertical & {\n      position: static;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: start;\n      flex: 1;\n    }\n  }\n\n  &__icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 3px solid;\n    flex-shrink: 0;\n    z-index: 1;\n    background-color: white;\n    transition: all 0.3s ease;\n    position: relative;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &__connector {\n    position: absolute;\n    left: 50%;\n    right: -50%;\n    height: 3px;\n    transition: background-color 0.3s ease;\n    .spw-wizard-item--vertical & {\n      top: 0;\n      left: 14px;\n      right: auto;\n      width: 3px;\n      height: 100%;\n    }\n  }\n\n  &__label {\n    display: none;\n    margin-top: 12px;\n    font-size: 16px;\n    font-weight: 700;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-900);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__description {\n    display: none;\n    margin-top: 4px;\n    font-size: 14px;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-700);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__additional-info {\n    display: none;\n    margin-top: 4px;\n    font-size: 12px;\n    text-align: center;\n    font-weight: 700;\n    color: var(--spw-ds-primary);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__content {\n    .spw-wizard-item--vertical & {\n      margin-top: -6px;\n      margin-bottom: 8px;\n    }\n  }\n\n  // État inactif (gris)\n  &--inactive {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État actif (vert) - Par défaut avec border\n  &--active {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État complété (vert) - Par défaut avec border (step précédente)\n  &--completed {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État warning - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // État error - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // Steps AVANT la current : border coloré selon l'état + connecteur coloré\n  &--before-current {\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__connector {\n        background-color: #16a34a !important;\n      }\n    }\n\n    // Warning avant la current : border ORANGE\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: white !important;\n        color: #f97316 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #f97316 !important;\n      }\n    }\n\n    // Error avant la current : border ROUGE\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: white !important;\n        color: #dc2626 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #dc2626 !important;\n      }\n    }\n  }\n\n  // Steps APRÈS la current : restent GRIS (inactive) - pas de style additionnel nécessaire\n\n  // Classe CURRENT : step courante avec fond plein coloré (pas de border visible)\n  &--current {\n    // Current + Completed (vert plein)\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Active (vert plein)\n    &.spw-wizard-item--active {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Warning (ORANGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: #f97316 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n\n    // Current + Error (ROUGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: #dc2626 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-wizard-item',\n  styleUrl: 'spw-wizard-item.scss',\n  shadow: true,\n})\nexport class SpwWizardItem {\n  /** Label affiché sous l'icône */\n  @Prop() label?: string;\n  /** Description affiché sous le label */\n  @Prop() description?: string;\n  /** Info additionnelle affichée sous la description (par exemple lors d'une erreur) */\n  @Prop() additionalInfo?: string;\n  /** Icône à afficher (référence font-awesome) */\n  @Prop() icon?: string;\n  /** État de l'étape (géré automatiquement par spw-wizard sauf si status est défini) */\n  @Prop() state?: 'inactive' | 'active' | 'completed' | 'warning' | 'error' = 'inactive';\n  /** Statut manuel qui override l'état automatique */\n  @Prop() status?: 'inactive' | 'active' | 'completed' | 'warning' | 'error';\n  /** Indique si c'est le dernier item (géré automatiquement par spw-wizard) */\n  @Prop() isLast?: string = 'false';\n  /** Numéro de l'étape (géré automatiquement par spw-wizard) */\n  @Prop() stepNumber?: number;\n  /** Variant qui permet de définir la direction (géré automatiquement par spw-wizard) */\n  @Prop() variant?: 'vertical' | 'horizontal';\n  /** Indique si l'item est cliquable (géré automatiquement par spw-wizard) */\n  @Prop() isClickable?: string = 'false';\n  /** Indique si l'item est avant l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isBeforeCurrent?: string = 'false';\n  /** Indique si l'item est après l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isAfterCurrent?: string = 'false';\n  /** Indique si c'est l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isCurrent?: string = 'false';\n  /** Événement émis lors du clic sur l'item */\n  @Event() wizardItemClick: EventEmitter<number>;\n\n  private handleClick = () => {\n    if (this.isClickable === 'true') {\n      this.wizardItemClick.emit(this.stepNumber);\n    }\n  };\n\n  private renderIcon() {\n    const effectiveState = this.status || this.state;\n\n    if (effectiveState === 'warning') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-triangle-exclamation\"></spw-icon>;\n    }\n    if (effectiveState === 'error') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-xmark\"></spw-icon>;\n    }\n\n    if (this.icon) {\n      return <spw-icon variant=\"fa-solid\" icon={this.icon}></spw-icon>;\n    }\n\n    return <span>{this.stepNumber}</span>;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    const effectiveState = this.status || this.state;\n    return {\n      'spw-wizard-item': true,\n      [`spw-wizard-item--${effectiveState}`]: true,\n      [`spw-wizard-item--${this.variant}`]: true,\n      'spw-wizard-item--clickable': this.isClickable === 'true',\n      'spw-wizard-item--current': this.isCurrent === 'true',\n      'spw-wizard-item--before-current': this.isBeforeCurrent === 'true',\n      'spw-wizard-item--after-current': this.isAfterCurrent === 'true',\n    };\n  }\n\n  render() {\n    const showConnector = this.isLast === 'false';\n\n    return (\n      <Host>\n        <div class={this.elementClass} onClick={this.handleClick}>\n          <div class=\"spw-wizard-item__step\">\n            <div class=\"spw-wizard-item__icon\">{this.renderIcon()}</div>\n            {showConnector && <div class=\"spw-wizard-item__connector\"></div>}\n          </div>\n          <div class=\"spw-wizard-item__content\">\n            {this.label && <div class=\"spw-wizard-item__label\">{this.label}</div>}\n            {this.description && <div class=\"spw-wizard-item__description\">{this.description}</div>}\n            {this.additionalInfo && <div class=\"spw-wizard-item__additional-info\">{this.additionalInfo}</div>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,q5O,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,2DAeUC,KAAKC,MAA+D,WAIpED,KAAME,OAAY,QAMlBF,KAAWG,YAAY,QAEvBH,KAAeI,gBAAY,QAE3BJ,KAAcK,eAAY,QAE1BL,KAASM,UAAY,QAIrBN,KAAWO,YAAG,KACpB,GAAIP,KAAKG,cAAgB,OAAQ,CAC/BH,KAAKQ,gBAAgBC,KAAKT,KAAKU,W,EAqDpC,CAjDS,UAAAC,GACN,MAAMC,EAAiBZ,KAAKa,QAAUb,KAAKC,MAE3C,GAAIW,IAAmB,UAAW,CAChC,OAAOE,EAAA,YAAUC,QAAQ,WAAWC,KAAK,2B,CAE3C,GAAIJ,IAAmB,QAAS,CAC9B,OAAOE,EAAA,YAAUC,QAAQ,WAAWC,KAAK,Y,CAG3C,GAAIhB,KAAKgB,KAAM,CACb,OAAOF,EAAA,YAAUC,QAAQ,WAAWC,KAAMhB,KAAKgB,M,CAGjD,OAAOF,EAAO,YAAAd,KAAKU,W,CAGrB,gBAAYO,GACV,MAAML,EAAiBZ,KAAKa,QAAUb,KAAKC,MAC3C,MAAO,CACL,kBAAmB,KACnB,CAAC,oBAAoBW,KAAmB,KACxC,CAAC,oBAAoBZ,KAAKe,WAAY,KACtC,6BAA8Bf,KAAKG,cAAgB,OACnD,2BAA4BH,KAAKM,YAAc,OAC/C,kCAAmCN,KAAKI,kBAAoB,OAC5D,iCAAkCJ,KAAKK,iBAAmB,O,CAI9D,MAAAa,GACE,MAAMC,EAAgBnB,KAAKE,SAAW,QAEtC,OACEY,EAACM,EAAI,CAAAC,IAAA,4CACHP,EAAK,OAAAO,IAAA,2CAAAC,MAAOtB,KAAKiB,aAAcM,QAASvB,KAAKO,aAC3CO,EAAK,OAAAO,IAAA,2CAAAC,MAAM,yBACTR,EAAK,OAAAO,IAAA,2CAAAC,MAAM,yBAAyBtB,KAAKW,cACxCQ,GAAiBL,EAAK,OAAAO,IAAA,2CAAAC,MAAM,gCAE/BR,EAAK,OAAAO,IAAA,2CAAAC,MAAM,4BACRtB,KAAKwB,OAASV,EAAK,OAAAO,IAAA,2CAAAC,MAAM,0BAA0BtB,KAAKwB,OACxDxB,KAAKyB,aAAeX,EAAK,OAAAO,IAAA,2CAAAC,MAAM,gCAAgCtB,KAAKyB,aACpEzB,KAAK0B,gBAAkBZ,EAAK,OAAAO,IAAA,2CAAAC,MAAM,oCAAoCtB,KAAK0B,kB","ignoreList":[]}

package/dist/spw-stencil-library/p-0f69442e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,g as r,H as s}from"./p-CvfVJV8a.js";const n="/*! 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%;--spw-button-font-size-small:14px;--spw-button-font-size-medium:16px;--spw-button-font-size-large:18px;--spw-button-px-small:16px;--spw-button-px-medium:20px;--spw-button-px-large:24px;--spw-button-py-small:8px;--spw-button-py-medium:12px;--spw-button-py-large:16px;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3;vertical-align:top}: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)}}:host([is-full-width]){display:block;width:100%}.spw-button{border:2px solid transparent;border-radius:9999px;cursor:pointer;display:block;font-weight:700;letter-spacing:.18px;line-height:1;outline:3px solid transparent;overflow:hidden;transition:all .1s ease-in;width:100%}.spw-button--fullwidth{width:100%!important}.spw-button--fullwidth-mobile{width:100%}@media (min-width:768px){.spw-button--fullwidth-mobile{width:auto}}.spw-button--is-icon-only{padding-left:0!important;padding-right:0!important}.spw-button:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-button spw-loading{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spw-button--loading{pointer-events:none;position:relative}.spw-button--loading spw-loading{opacity:1}.spw-button__inner,.spw-button__inner-text{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.spw-button--loading .spw-button__inner-text{opacity:0}.spw-button:is(a){text-decoration:none}.spw-button--primary{background:var(--spw-ds-primary);color:var(--spw-ds-white)}.spw-button--primary:not([disabled]):hover{background:var(--spw-ds-variant)}.spw-button--primary:not([disabled]):active{background:var(--spw-ds-active)}.spw-button--primary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.3);--spw-loading-spinner-color:#fff}.spw-button--secondary{background:var(--spw-color-themes-grey-grey-200);color:var(--spw-color-themes-grey-grey-900)}.spw-button--secondary:not([disabled]):hover{background:var(--spw-color-themes-grey-grey-300)}.spw-button--secondary:not([disabled]):active{background:var(--spw-color-themes-grey-grey-400)}.spw-button--secondary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--tertiary{background:none;border-radius:4px;color:var(--spw-ds-primary);transition:none}.spw-button--tertiary:not([disabled]):active,.spw-button--tertiary:not([disabled]):hover{text-decoration:underline}.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-active)}.spw-button--tertiary spw-loading{--spw-loading-border-color:rgba(0,0,0,.1);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--primary[disabled],.spw-button--secondary[disabled]{background:var(--spw-color-themes-grey-grey-100)}.spw-button--tertiary[disabled]{background:none}.spw-button--primary[disabled],.spw-button--secondary[disabled],.spw-button--tertiary[disabled]{border-color:none;color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed}.spw-button--surface-dark{box-shadow:var(--spw-effect-elevation-8)}.spw-button--surface-dark:not([disabled]):active{box-shadow:var(--spw-effect-elevation-active-0),var(--spw-effect-elevation-active-1),var(--spw-effect-elevation-active-2)}.spw-button--surface-dark[disabled]{box-shadow:none}.spw-button--surface-dark.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--primary:not([disabled]):active{background:transparent;border-color:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-dark.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-dark.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-700);border-color:var(--spw-colors-support-grey-grey-700);color:var(--spw-colors-support-grey-grey-800)}.spw-button--surface-dark.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-dark.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active,.spw-button--surface-dark.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-dark.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-dark.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-700)}.spw-button--surface-dark.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary,.spw-button--surface-primary:not([disabled]):active,.spw-button--surface-primary[disabled]{box-shadow:none}.spw-button--surface-primary.spw-button--primary{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--primary:not([disabled]):hover{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--primary:not([disabled]):active{background:transparent;border-color:#fff;color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--primary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--primary spw-loading{--spw-loading-border-color:var(--spw-colors-support-grey-grey-300);--spw-loading-spinner-color:var(--spw-ds-primary)}.spw-button--surface-primary.spw-button--secondary{background:transparent;border-color:var(--spw-ds-white);color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):hover{background:var(--spw-ds-white);border-color:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-primary.spw-button--secondary:not([disabled]):active{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-900);opacity:.9}.spw-button--surface-primary.spw-button--secondary[disabled]{background:#fff;border-color:#fff;color:var(--spw-colors-support-grey-grey-600);opacity:.5}.spw-button--surface-primary.spw-button--secondary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-primary.spw-button--tertiary{box-shadow:none;color:var(--spw-ds-white)}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active,.spw-button--surface-primary.spw-button--tertiary:not([disabled]):hover{box-shadow:none}.spw-button--surface-primary.spw-button--tertiary:not([disabled]):active{color:#fff;opacity:.9}.spw-button--surface-primary.spw-button--tertiary[disabled]{color:#fff;opacity:.5}.spw-button--surface-primary.spw-button--tertiary spw-loading{--spw-loading-border-color:hsla(0,0%,100%,.2);--spw-loading-spinner-color:#fff}.spw-button--surface-light.spw-button--primary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--secondary{background:var(--spw-ds-white);color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--secondary:not([disabled]):hover{background:var(--spw-colors-support-grey-grey-300)}.spw-button--surface-light.spw-button--secondary:not([disabled]):active{background:var(--spw-colors-support-grey-grey-500)}.spw-button--surface-light.spw-button--secondary[disabled]{background:var(--spw-colors-support-grey-grey-500);color:var(--spw-colors-support-grey-grey-600)}.spw-button--surface-light.spw-button--tertiary{color:var(--spw-colors-support-grey-grey-900)}.spw-button--surface-light.spw-button--tertiary:not([disabled]):active{color:var(--spw-ds-primary)}.spw-button--surface-light.spw-button--tertiary[disabled]{color:var(--spw-colors-support-grey-grey-600)}.spw-button--large{font-size:var(--spw-button-font-size-large);padding:var(--spw-button-py-large) var(--spw-button-px-large)}.spw-button--large .spw-button__inner-text{gap:12px}.spw-button--large.spw-button--is-icon-only{width:54px}.spw-button--medium{font-size:var(--spw-button-font-size-medium);padding:var(--spw-button-py-medium) var(--spw-button-px-medium)}.spw-button--medium .spw-button__inner-text{gap:8px}.spw-button--medium.spw-button--is-icon-only{width:45px}.spw-button--small{font-size:var(--spw-button-font-size-small);padding:var(--spw-button-py-small) var(--spw-button-px-small)}.spw-button--small .spw-button__inner-text{gap:6px}.spw-button--small.spw-button--is-icon-only{width:35px}.spw-button--large.spw-button--tertiary,.spw-button--medium.spw-button--tertiary,.spw-button--small.spw-button--tertiary{padding:4px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}";const a=class{constructor(e){t(this,e);this.spwFocus=o(this,"spwFocus",7);this.spwBlur=o(this,"spwBlur",7);this.spwNavigate=o(this,"spwNavigate",7);this.target="_self";this.name="";this.value="";this.type="button";this.variant="primary";this.surface="default";this.disabled=false;this.size="medium";this.isIconOnly=false;this.isFullWidth=false;this.isFullWidthMobile=true;this.isLoading=false;this.onFocus=()=>{this.spwFocus.emit()};this.onBlur=()=>{this.spwBlur.emit()};this.onClick=t=>{if(this.disabled||this.isLoading){t.preventDefault();return}if(this.type==="reset"){t.preventDefault();this.resetFormInputs();return}if(this.type==="submit"&&!this.disabled){const o=this.el.closest("form");if(o){t.preventDefault();o.requestSubmit();return}}if(this.href!==undefined){this.spwNavigate.emit(t)}}}resetFormInputs(){const t=this.el.closest("form");if(!t)return;const o=t.querySelectorAll("spw-input");o.forEach((t=>{const o=t.shadowRoot.querySelector("input");if(o){o.value=""}}))}get elementClass(){return{"spw-button":true,[`spw-button--${this.variant}`]:true,[`spw-button--surface-${this.surface}`]:true,[`spw-button--${this.size}`]:true,[`spw-button--is-icon-only`]:this.isIconOnly,[`spw-button--fullwidth`]:this.isFullWidth,[`spw-button--fullwidth-mobile`]:this.isFullWidthMobile,[`spw-button--loading`]:this.isLoading}}render(){const{type:t,download:o,href:r,rel:s,target:n,name:a,value:i}=this;const p=this.href===undefined?"button":"a";const d=p==="button"?{type:t,name:a,value:i}:{download:o,href:r,rel:s,target:n};const l=this.icon&&!this.iconPosition?"right":this.iconPosition;const w=`spw-icon--${l}`;const c=this.icon?e("spw-icon",{class:w,icon:this.icon}):null;const u=this.disabled;const b={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":u?"true":null};return e(p,Object.assign({key:"e9eef72fb99c615172917acc24f70ebd45952829"},d,{class:this.elementClass,disabled:u,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},b),e("div",{key:"6a855c4097ae1aa79900f755448c03990f21a5cd",class:"spw-button__inner"},e("div",{key:"df7af3c99186aa808a65526d4c205a29d36ed285",class:"spw-button__inner-text"},l==="left"&&c,!this.isIconOnly&&e("slot",{key:"9909ce45a0e6e832fc98f5ea96da6c6c0a934399"}),l==="right"&&c)),e("spw-loading",{key:"5433366a7c599fcedd58cc6361bcb058c407689c",text:""}))}get el(){return r(this)}};a.style=n;const i="/*! 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%;--spw-loading-border-color:var(--spw-color-themes-grey-grey-200);--spw-loading-spinner-color:var(--spw-ds-primary);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-loading{display:flex}.spw-loading__spinner{animation:loading 1s linear infinite;border:4px solid var(--spw-loading-border-color);border-radius:50%;border-top-color:var(--spw-loading-spinner-color);height:20px;width:20px}@keyframes loading{to{transform:rotate(1turn)}}.spw-loading__text{color:var(--spw-color-themes-grey-grey-800);margin-left:8px}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-relative{position:relative}.spw-tw-flex{display:flex}.spw-tw-w-full{width:100%}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}.spw-tw-gap-x-2{column-gap:.5rem}.spw-tw-gap-y-2{row-gap:.5rem}.spw-tw-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const p=class{constructor(o){t(this,o);this.text="Chargement..."}render(){return e(s,{key:"407115d12f98004dce5494c8307e2e9a6a96c069"},e("div",{key:"d8d178a2e22ec41314d221847c024abe1ef2599a",class:"spw-loading"},e("div",{key:"c173f74b988d9e9f84f5819b6d244143ec303e29",class:"spw-loading__spinner"}),this.text&&e("p",{key:"71770d28ebe8c1a034a93fdda549d08bc680eced",class:"spw-loading__text"},this.text)))}};p.style=i;export{a as spw_button,p as spw_loading};
+//# sourceMappingURL=p-0f69442e.entry.js.map

package/dist/spw-stencil-library/p-0f69442e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spwButtonCss","SpwButton","constructor","hostRef","this","target","name","value","type","variant","surface","disabled","size","isIconOnly","isFullWidth","isFullWidthMobile","isLoading","onFocus","spwFocus","emit","onBlur","spwBlur","onClick","ev","preventDefault","resetFormInputs","form","el","closest","requestSubmit","href","undefined","spwNavigate","spwInputs","querySelectorAll","forEach","spwInput","input","shadowRoot","querySelector","elementClass","render","download","rel","TagType","attrs","iconPosition","icon","iconClass","iconElement","h","class","isDisabled","ariaAttributes","accAriaLabel","Object","assign","key","text","spwLoadingCss","SpwLoading","Host"],"sources":["src/components/spw-button/spw-button.scss?tag=spw-button&encapsulation=shadow","src/components/spw-button/spw-button.tsx","src/components/spw-loading/spw-loading.scss?tag=spw-loading&encapsulation=shadow","src/components/spw-loading/spw-loading.tsx"],"sourcesContent":["@import '../../scss/mixins';\n\n:host {\n  display: inline-block;\n  vertical-align: top;\n  --spw-button-font-size-small: 14px;\n  --spw-button-font-size-medium: 16px;\n  --spw-button-font-size-large: 18px;\n  --spw-button-px-small: 16px;\n  --spw-button-px-medium: 20px;\n  --spw-button-px-large: 24px;\n  --spw-button-py-small: 8px;\n  --spw-button-py-medium: 12px;\n  --spw-button-py-large: 16px;\n}\n\n:host([is-full-width]) {\n  display: block;\n  width: 100%;\n}\n\n/* Base */\n\n.spw-button {\n  border: 2px solid transparent;\n  display: block;\n  width: 100%;\n  border-radius: 9999px;\n  letter-spacing: 0.18px;\n  cursor: pointer;\n  font-weight: bold;\n  outline: 3px solid transparent;\n  overflow: hidden;\n  transition: all 0.1s ease-in;\n  line-height: 1;\n\n  &--fullwidth {\n    width: 100% !important;\n  }\n\n  &--fullwidth-mobile {\n    width: 100%;\n    @include breakpoint(md) {\n      width: auto;\n    }\n  }\n\n  &--is-icon-only {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n\n  spw-loading {\n    opacity: 0;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    pointer-events: none;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n  }\n\n  &--loading {\n    position: relative;\n    pointer-events: none;\n    spw-loading {\n      opacity: 1;\n    }\n  }\n\n  &__inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  &__inner-text {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n    .spw-button--loading & {\n      opacity: 0;\n    }\n  }\n\n  &:is(a) {\n    text-decoration: none;\n  }\n}\n\n/* Variants */\n\n.spw-button {\n  &--primary {\n    background: var(--spw-ds-primary);\n    color: var(--spw-ds-white);\n    &:not([disabled]):hover {\n      background: var(--spw-ds-variant);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-ds-active);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(255, 255, 255, 0.3);\n      --spw-loading-spinner-color: white;\n    }\n  }\n\n  &--secondary {\n    background: var(--spw-color-themes-grey-grey-200);\n    color: var(--spw-color-themes-grey-grey-900);\n    &:not([disabled]):hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    &:not([disabled]):active {\n      background: var(--spw-color-themes-grey-grey-400);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n      --spw-loading-spinner-color: var(--spw-ds-primary);\n    }\n  }\n\n  &--tertiary {\n    transition: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--spw-ds-primary);\n    &:not([disabled]):hover,\n    &:not([disabled]):active {\n      text-decoration: underline;\n    }\n    &:not([disabled]):active {\n      color: var(--spw-ds-active);\n    }\n    spw-loading {\n      --spw-loading-border-color: rgba(0, 0, 0, 0.1);\n      --spw-loading-spinner-color: var(--spw-ds-primary);\n    }\n  }\n}\n\n/* Disabled */\n\n.spw-button {\n  &--primary[disabled],\n  &--secondary[disabled] {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n\n  &--tertiary[disabled] {\n    background: none;\n  }\n\n  &--primary[disabled],\n  &--secondary[disabled],\n  &--tertiary[disabled] {\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: none;\n    cursor: not-allowed;\n  }\n}\n\n/* Surface dark */\n\n.spw-button {\n  &--surface-dark {\n    box-shadow: var(--spw-effect-elevation-8);\n    &:not([disabled]):active {\n      box-shadow: var(--spw-effect-elevation-active-0), var(--spw-effect-elevation-active-1), var(--spw-effect-elevation-active-2);\n    }\n\n    &[disabled] {\n      box-shadow: none;\n    }\n\n    &.spw-button--primary {\n      color: var(--spw-colors-support-grey-grey-900);\n      border-color: var(--spw-ds-white);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: transparent;\n        color: var(--spw-ds-white);\n        border-color: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        background: transparent;\n        color: var(--spw-colors-support-grey-grey-500);\n        border-color: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n      spw-loading {\n        --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n        --spw-loading-spinner-color: var(--spw-ds-primary);\n      }\n    }\n\n    &.spw-button--secondary {\n      background: transparent;\n      color: var(--spw-ds-white);\n      border-color: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-ds-white);\n        background: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-colors-support-grey-grey-400);\n        background: var(--spw-colors-support-grey-grey-400);\n      }\n      &[disabled] {\n        border-color: var(--spw-colors-support-grey-grey-700);\n        background: var(--spw-colors-support-grey-grey-700);\n        color: var(--spw-colors-support-grey-grey-800);\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n\n    &.spw-button--tertiary {\n      box-shadow: none;\n      color: var(--spw-ds-white);\n      &:not([disabled]):hover,\n      &:not([disabled]):active {\n        box-shadow: none;\n      }\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-700);\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n  }\n}\n\n/* Surface primary */\n\n.spw-button {\n  &--surface-primary {\n    box-shadow: none;\n    &:not([disabled]):active {\n      box-shadow: none;\n    }\n\n    &[disabled] {\n      box-shadow: none;\n    }\n\n    &.spw-button--primary {\n      color: var(--spw-colors-support-grey-grey-900);\n      border-color: var(--spw-ds-white);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: transparent;\n        color: var(--spw-ds-white);\n        border-color: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        background: transparent;\n        color: white;\n        border-color: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        border-color: white;\n        background: white;\n        color: var(--spw-colors-support-grey-grey-600);\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: var(--spw-colors-support-grey-grey-300);\n        --spw-loading-spinner-color: var(--spw-ds-primary);\n      }\n    }\n\n    &.spw-button--secondary {\n      background: transparent;\n      color: var(--spw-ds-white);\n      border-color: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: var(--spw-ds-white);\n        background: var(--spw-ds-white);\n      }\n      &:not([disabled]):active {\n        color: var(--spw-colors-support-grey-grey-900);\n        border-color: white;\n        background: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        border-color: white;\n        background: white;\n        color: var(--spw-colors-support-grey-grey-600);\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n\n    &.spw-button--tertiary {\n      box-shadow: none;\n      color: var(--spw-ds-white);\n      &:not([disabled]):hover,\n      &:not([disabled]):active {\n        box-shadow: none;\n      }\n      &:not([disabled]):active {\n        color: white;\n        opacity: 0.9;\n      }\n      &[disabled] {\n        color: white;\n        opacity: 0.5;\n      }\n      spw-loading {\n        --spw-loading-border-color: rgba(255, 255, 255, 0.2);\n        --spw-loading-spinner-color: white;\n      }\n    }\n  }\n}\n\n/* Surface light */\n\n.spw-button {\n  &--surface-light {\n    &.spw-button--primary {\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--secondary {\n      color: var(--spw-colors-support-grey-grey-900);\n      background: var(--spw-ds-white);\n      &:not([disabled]):hover {\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      &:not([disabled]):active {\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n        background: var(--spw-colors-support-grey-grey-500);\n      }\n    }\n\n    &.spw-button--tertiary {\n      color: var(--spw-colors-support-grey-grey-900);\n      &:not([disabled]):active {\n        color: var(--spw-ds-primary);\n      }\n      &[disabled] {\n        color: var(--spw-colors-support-grey-grey-600);\n      }\n    }\n  }\n}\n\n/* Sizes */\n\n.spw-button {\n  &--large {\n    font-size: var(--spw-button-font-size-large);\n    padding: var(--spw-button-py-large) var(--spw-button-px-large);\n    .spw-button__inner-text {\n      gap: 12px;\n    }\n    &.spw-button--is-icon-only {\n      width: 54px;\n    }\n  }\n\n  &--medium {\n    font-size: var(--spw-button-font-size-medium);\n    padding: var(--spw-button-py-medium) var(--spw-button-px-medium);\n    .spw-button__inner-text {\n      gap: 8px;\n    }\n    &.spw-button--is-icon-only {\n      width: 45px;\n    }\n  }\n\n  &--small {\n    font-size: var(--spw-button-font-size-small);\n    padding: var(--spw-button-py-small) var(--spw-button-px-small);\n    .spw-button__inner-text {\n      gap: 6px;\n    }\n    &.spw-button--is-icon-only {\n      width: 35px;\n    }\n  }\n\n  &--small,\n  &--medium,\n  &--large {\n    &.spw-button--tertiary {\n      padding: 4px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-button',\n  styleUrl: 'spw-button.scss',\n  shadow: true,\n})\nexport class SpwButton {\n  @Element() el: HTMLSpwButtonElement;\n\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target?: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Permet de télécharger un fichier au lieu de naviguer vers le lien */\n  @Prop() download?: string;\n  /** Nom du bouton */\n  @Prop() name?: string = '';\n  /** Valeur du bouton */\n  @Prop() value?: string | number = '';\n  /** Type du bouton */\n  @Prop() type?: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Permet de sélectionner une variante du bouton */\n  @Prop() variant?: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  /** Permet de choisir la surface d'arrière-plan du bouton */\n  @Prop() surface?: 'default' | 'dark' | 'light' | 'primary' = 'default';\n  /** Si désactivé, le bouton n'est pas utilisable */\n  @Prop() disabled?: boolean = false;\n  /** Permet de spécifier la taille du bouton */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'medium';\n\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() isIconOnly?: boolean = false;\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  /** Si vrai, le bouton prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n  /** Si vrai, le bouton prend toute la largeur en mobile */\n  @Prop({ reflect: true }) isFullWidthMobile?: boolean = true;\n\n  /** Affiche un état de chargement, désactive le bouton */\n  @Prop() isLoading?: boolean = false;\n\n  /** Lors du focus */\n  @Event() spwFocus: EventEmitter<void>;\n  /** Lors de la perte du focus */\n  @Event() spwBlur: EventEmitter<void>;\n  /** Navigation vers un lien lors du clic */\n  @Event() spwNavigate: EventEmitter<MouseEvent>;\n\n  private onFocus = () => {\n    this.spwFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.spwBlur.emit();\n  };\n\n  private resetFormInputs() {\n    const form = this.el.closest('form');\n    if (!form) return;\n\n    const spwInputs = form.querySelectorAll('spw-input');\n    spwInputs.forEach(spwInput => {\n      const input = spwInput.shadowRoot.querySelector('input');\n      if (input) {\n        input.value = '';\n      }\n    });\n  }\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled || this.isLoading) {\n      ev.preventDefault();\n      return;\n    }\n\n    if (this.type === 'reset') {\n      ev.preventDefault();\n      this.resetFormInputs();\n      return;\n    }\n\n    if (this.type === 'submit' && !this.disabled) {\n      const form = this.el.closest('form');\n      if (form) {\n        ev.preventDefault();\n        form.requestSubmit();\n        return;\n      }\n    }\n\n    if (this.href !== undefined) {\n      this.spwNavigate.emit(ev);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-button': true,\n      [`spw-button--${this.variant}`]: true,\n      [`spw-button--surface-${this.surface}`]: true,\n      [`spw-button--${this.size}`]: true,\n      [`spw-button--is-icon-only`]: this.isIconOnly,\n      [`spw-button--fullwidth`]: this.isFullWidth,\n      [`spw-button--fullwidth-mobile`]: this.isFullWidthMobile,\n      [`spw-button--loading`]: this.isLoading,\n    };\n  }\n\n  render() {\n    const { type, download, href, rel, target, name, value } = this;\n    const TagType = this.href === undefined ? 'button' : 'a';\n    const attrs =\n      TagType === 'button'\n        ? { type: type, name, value }\n        : {\n            download,\n            href,\n            rel,\n            target,\n          };\n\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    const isDisabled = this.disabled;\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': isDisabled ? 'true' : null,\n    };\n\n    return (\n      <TagType {...attrs} class={this.elementClass} disabled={isDisabled} onFocus={this.onFocus} onBlur={this.onBlur} onClick={this.onClick} {...ariaAttributes}>\n        <div class=\"spw-button__inner\">\n          <div class=\"spw-button__inner-text\">\n            {iconPosition === 'left' && iconElement}\n            {!this.isIconOnly && <slot></slot>}\n            {iconPosition === 'right' && iconElement}\n          </div>\n        </div>\n        <spw-loading text=\"\"></spw-loading>\n      </TagType>\n    );\n  }\n}\n",":host {\n  display: block;\n  --spw-loading-border-color: var(--spw-color-themes-grey-grey-200);\n  --spw-loading-spinner-color: var(--spw-ds-primary);\n}\n\n.spw-loading {\n  display: flex;\n  &__spinner {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 4px solid var(--spw-loading-border-color);\n    border-top-color: var(--spw-loading-spinner-color);\n    animation: loading 1s linear infinite;\n  }\n  @keyframes loading {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n  &__text {\n    margin-left: 8px;\n    color: var(--spw-color-themes-grey-grey-800);\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'spw-loading',\n  styleUrl: 'spw-loading.scss',\n  shadow: true,\n})\nexport class SpwLoading {\n  /** Permet de spécifier un texte de chargement */\n  @Prop() text?: string = 'Chargement...';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-loading\">\n          <div class=\"spw-loading__spinner\"></div>\n          {this.text && <p class=\"spw-loading__text\">{this.text}</p>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-14722019.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s}from"./p-CvfVJV8a.js";const i="/*! 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-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{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;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";const o=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.isOpen=false;this.parsedOptions=[];this.focusedOptionIndex=null;this.searchText="";this.dropdownDirection="down";this.hasSelectedValue=false;this.value=[];this.label="";this.placeholder="Sélectionnez une option";this.required=false;this.size="medium";this.multiple=false;this.isSearch=false;this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.handleOtherSelectOpened=e=>{if(e.detail.instance!==this.host&&this.isOpen){this.closeDropdown()}};this.handleClickOutside=e=>{var t,s;if(this.isOpen){const i=e.composedPath()[0];const o=this.host.contains(i);const r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-custom-select__search-input");const n=r===null||r===void 0?void 0:r.contains(i);if(!o&&!n){if(this.multiple){const e=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".spw-custom-select__options");if(e&&e.contains(i)){return}}this.closeDropdown()}}}}componentWillLoad(){if(this.multiple){if(typeof this.value==="string"){try{this.internalValue=JSON.parse(this.value)}catch(e){this.internalValue=[]}}else if(Array.isArray(this.value)){this.internalValue=this.value}else{this.internalValue=[]}}else{this.internalValue=this.value}if(this.items){this.parseOptions(this.items)}this.updateSelectedOption()}async resetSelect(){if(this.multiple){this.internalValue=[];this.value=[]}else{this.internalValue="";this.value=""}this.searchText="";this.focusedOptionIndex=null;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue);this.updateSelectedOption()}formResetCallback(){this.resetSelect()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside);document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened);this.internals.setFormValue(this.getFormValue())}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside);document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened)}parseOptions(e){try{if(Array.isArray(e)){this.parsedOptions=e.map((e=>({value:e.value,label:e.label,disabled:e.disabled||false})))}else if(typeof e==="string"){this.parsedOptions=JSON.parse(e).map((e=>({value:e.value,label:e.label,disabled:e.disabled||false})))}else{this.parsedOptions=[]}this.updateSelectedOption()}catch(e){this.parsedOptions=[]}}valueChangedHandler(e){if(this.multiple){this.internalValue=Array.isArray(e)?e:[e]}else{this.internalValue=e}this.updateSelectedOption();this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue());if(!this.multiple&&this.internalValue!==undefined){this.focusedOptionIndex=this.parsedOptions.findIndex((e=>String(e.value)===String(this.internalValue)))}else if(this.multiple&&Array.isArray(this.internalValue)){this.internalValue=this.internalValue.filter((e=>this.parsedOptions.some((t=>String(t.value)===String(e))))).sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>String(e))).join(","):null}return this.internalValue?String(this.internalValue):null}toggleDropdown(e){if(!this.disabled){if(e){const t=e.composedPath()[0];if(t.classList.contains("spw-custom-select__search-input")){return}e.stopPropagation()}this.determineDropdownDirection();const t=this.isOpen;this.isOpen=!this.isOpen;if(this.isOpen&&!t){this.notifyOtherSelects()}if(!this.isOpen){this.focusedOptionIndex=null}}}notifyOtherSelects(){const e=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:true,composed:true});document.dispatchEvent(e)}determineDropdownDirection(){const e=this.selectContainer.getBoundingClientRect();const t=window.innerHeight;if(e.bottom+200>t&&e.top>200){this.dropdownDirection="up"}else{this.dropdownDirection="down"}}openDropdownWithKeyboard(){this.determineDropdownDirection();this.isOpen=true;this.focusedOptionIndex=0;this.notifyOtherSelects()}closeDropdown(){this.isOpen=false;this.focusedOptionIndex=null;this.searchText=""}selectOption(e,t){if(t){t.stopPropagation()}const s=this.parsedOptions.find((t=>String(t.value)===String(e)));if(s===null||s===void 0?void 0:s.disabled){return}if(this.multiple){const t=this.internalValue.findIndex((t=>String(t)===String(e)));if(t>-1){this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]}else{this.internalValue=[...this.internalValue,e]}this.internalValue=this.internalValue.sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}else{this.internalValue=e;this.closeDropdown()}this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue);this.updateSelectedOption()}handleOptionKeyDown(e,t){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.selectOption(t)}}handleKeyDown(e){var t,s;if(e.target.classList.contains("spw-custom-select__search-input")){return}switch(e.key){case" ":e.preventDefault();if(!this.isOpen){this.openDropdownWithKeyboard()}break;case"ArrowDown":e.preventDefault();if(this.isOpen){let e=this.focusedOptionIndex===null?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;while(((t=this.parsedOptions[e])===null||t===void 0?void 0:t.disabled)&&e!==this.focusedOptionIndex){e=(e+1)%this.parsedOptions.length}this.focusedOptionIndex=e}else{this.openDropdownWithKeyboard()}break;case"ArrowUp":e.preventDefault();if(this.isOpen){let e=this.focusedOptionIndex===null?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;while(((s=this.parsedOptions[e])===null||s===void 0?void 0:s.disabled)&&e!==this.focusedOptionIndex){e=(e-1+this.parsedOptions.length)%this.parsedOptions.length}this.focusedOptionIndex=e}break;case"Enter":e.preventDefault();if(this.isOpen&&this.focusedOptionIndex!==null){this.selectOption(this.parsedOptions[this.focusedOptionIndex].value)}break;case"Escape":if(this.isOpen){this.closeDropdown()}break}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}get elementClass(){return{"spw-custom-select":true,[`spw-custom-select--${this.size}`]:true,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch}}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>{var t;return(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label})).filter(Boolean).join(", "):null}else{const e=this.parsedOptions.find((e=>String(e.value)===String(this.internalValue)));return e?e.label:null}}getFilteredOptions(){const e=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(e)))}handleSearchInput(e){const t=e.target;this.searchText=t.value;this.focusedOptionIndex=0;if(!this.isOpen){this.isOpen=true;this.notifyOtherSelects()}}isSearchVisible(){if(!this.isSearch)return false;if(!this.hasSelectedValue&&!this.isOpen)return true;if(this.isSearch&&this.isOpen)return true;return this.isOpen}showPlaceholder(){if(this.isSearch)return false;if(this.hasSelectedValue)return false;return true}render(){const e=this.getFilteredOptions();const t=this.showPlaceholder();return s("div",{key:"a2e9fb9f19b299dfde36cc0562ee8d3e82441aae",class:this.elementClass,ref:e=>this.host=e},this.label&&s("spw-field-label",{key:"624c8188f2a36b66febcfd7c8a2d22e646490d56",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"d1e74cf86c8b0de5a18a386ef384d747759b99cc",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"0f4ae9ca8c745da16f4a6a8af594e81e04889eb9",class:"spw-custom-select__wrapper"},s("div",{key:"ed257c48baa566f4480c161435ab2f1affd91ec0",class:"spw-custom-select__container",id:this.name,ref:e=>this.selectContainer=e,onClick:e=>this.toggleDropdown(e),onKeyDown:e=>this.handleKeyDown(e),tabindex:this.disabled?-1:0},s("div",{key:"5006bc09c045d469089dbeab1fb99fdaadf9ae4b",class:"spw-custom-select__selected"},this.isSearchVisible()&&s("div",{key:"5ea0a83210326adf2f22d700c0c6de204f8efc4a",class:"spw-custom-select__search"},s("input",{key:"c4a23018e53464b65323fae714fe669e6cf510cc",class:"spw-custom-select__search-input",placeholder:"Entrez votre recherche",onInput:e=>this.handleSearchInput(e),value:this.searchText})),t&&s("span",{key:"b35cea32fe067f85a90568a67f64e3723f15d2f9"},this.placeholder),this.multiple&&this.internalValue.length>0&&s("div",{key:"ad42651a8e606cc7abb424f167ec4a9b95562290",class:"spw-custom-select__selected-items"},this.internalValue.map((e=>{var t;return s("span",{class:"spw-custom-select__selected-item"},(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label,s("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(e,t)}))}))),!this.multiple&&s("span",{key:"6050f92aaa17ef4613559e315f8d1fc95db86638"},this.getSelectedLabels()))),s("div",{key:"b0031148a8d7da8d003f0935dfe6e319b8334d3f",class:"spw-custom-select__arrow"},s("spw-icon",{key:"d2b3141c4308fe565780794888b763d0bf6ad101",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"})),this.isOpen&&s("div",{key:"ea056a2ec8ef32dac0b12ab4f1b7e232dd3fc609",class:`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`},!!e.length&&s("ul",{key:"fee67a6f3e5f5d4c5d07c9b960f8e07b44974b77"},e.map(((e,t)=>s("li",{class:{"spw-custom-select__option":true,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>String(t)===String(e.value))):e.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex,"spw-custom-select__option--disabled":e.disabled},onClick:()=>this.selectOption(e.value)},this.multiple&&s("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,e.value),class:"spw-tw-mr-2",checked:this.internalValue.some((t=>String(t)===String(e.value))),disabled:e.disabled}),e.label)))),!e.length&&s("p",{key:"31ea5a9e76b448f46bf2dc4009a64e575ad3ed85",class:"spw-custom-select__no-results"},"Pas de résultats pour cette recherche."))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{items:["parseOptions"],value:["valueChangedHandler"],internalValue:["internalValueChanged"]}}};o.style=i;export{o as spw_custom_select};
+//# sourceMappingURL=p-14722019.entry.js.map

package/dist/spw-stencil-library/p-14722019.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spwCustomSelectCss","SpwCustomSelect","constructor","hostRef","this","isOpen","parsedOptions","focusedOptionIndex","searchText","dropdownDirection","hasSelectedValue","value","label","placeholder","required","size","multiple","isSearch","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","handleOtherSelectOpened","event","detail","instance","host","closeDropdown","handleClickOutside","target","composedPath","isInsideHost","contains","searchField","_a","shadowRoot","querySelector","isInsideSearchField","optionsContainer","_b","componentWillLoad","internalValue","JSON","parse","e","Array","isArray","items","parseOptions","updateSelectedOption","resetSelect","internals","setFormValue","getFormValue","valueChanged","emit","formResetCallback","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","newValue","map","option","disabled","valueChangedHandler","undefined","findIndex","String","filter","val","some","sort","a","b","internalValueChanged","length","Boolean","v","join","toggleDropdown","classList","stopPropagation","determineDropdownDirection","wasOpen","notifyOtherSelects","CustomEvent","bubbles","composed","dispatchEvent","rect","selectContainer","getBoundingClientRect","viewportHeight","window","innerHeight","bottom","top","openDropdownWithKeyboard","selectOption","optionValue","find","opt","index","slice","handleOptionKeyDown","key","preventDefault","handleKeyDown","nextIndex","prevIndex","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderWarningMessage","renderSuccessMessage","elementClass","normalizeString","str","normalize","replace","toLowerCase","getSelectedLabels","selectedOption","getFilteredOptions","normalizedSearchText","includes","handleSearchInput","input","isSearchVisible","showPlaceholder","render","filteredOptions","class","ref","el","name","assistiveText","id","onClick","onKeyDown","tabindex","onInput","icon","checked"],"sources":["src/components/spw-custom-select/spw-custom-select.scss?tag=spw-custom-select&encapsulation=shadow","src/components/spw-custom-select/spw-custom-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-custom-select {\n  position: relative;\n  &__container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    padding: 0 12px;\n    line-height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus-within,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    .spw-custom-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-custom-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-custom-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-custom-select--is-opened & {\n      height: auto;\n      line-height: 1;\n      min-height: 40px;\n      border-radius: 4px 4px 0 0;\n      border-bottom-color: transparent;\n    }\n  }\n\n  &__selected {\n    flex: 1;\n    padding-right: 30px;\n    max-width: 100%;\n  }\n\n  &__selected-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--spw-color-themes-grey-grey-900);\n    border: 1px solid var(--spw-color-themes-grey-grey-900);\n    background: var(--spw-color-themes-grey-grey-200);\n    line-height: 24px;\n    height: 24px;\n    padding: 0 8px;\n    margin: 4px 6px 2px 0;\n    border-radius: 999px;\n    font-size: 14px;\n    user-select: none;\n  }\n\n  &__selected-items {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-wrap: nowrap;\n    .spw-custom-select--is-opened & {\n      padding-top: 3px;\n      padding-bottom: 4px;\n      overflow: visible;\n      text-overflow: initial;\n      text-wrap: initial;\n    }\n  }\n\n  &__arrow {\n    position: absolute;\n    right: 12px;\n    top: 10px;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-600);\n    pointer-events: none;\n  }\n\n  &__wrapper {\n    position: relative;\n  }\n\n  &__search {\n    .spw-custom-select--is-opened & {\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 11;\n      width: 100%;\n      margin-top: 1px;\n    }\n    .spw-custom-select--has-value.spw-custom-select--is-opened & {\n      top: auto;\n      top: 100%;\n      margin-top: -3px;\n    }\n    &-input {\n      padding: 0;\n      height: 38px;\n      line-height: 40px;\n      border: none;\n      margin: 0;\n      width: calc(100% - 30px);\n      text-overflow: ellipsis;\n      &:focus {\n        outline: none;\n      }\n      .spw-custom-select--is-opened & {\n        border-left: 1px solid var(--spw-color-themes-grey-grey-800);\n        padding: 0 12px;\n      }\n      .spw-custom-select--is-opened.spw-custom-select--has-value & {\n        border-right: 1px solid var(--spw-color-themes-grey-grey-800);\n        width: 100%;\n      }\n    }\n  }\n\n  &__options {\n    position: absolute;\n    width: 100%;\n    background-color: #fff;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    border-radius: 0 0 4px 4px;\n    max-height: 200px;\n    overflow-y: auto;\n    z-index: 12;\n\n    &--down {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    &--up {\n      top: 100%;\n      transform: translateY(0);\n    }\n\n    .spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) & {\n      margin-top: 35px;\n    }\n  }\n\n  &__no-results {\n    padding: 12px;\n    cursor: not-allowed;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  &__option {\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n    padding: 12px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--spw-color-themes-grey-grey-200);\n    }\n    &:last-child {\n      border-bottom: none;\n    }\n    &--selected {\n      font-weight: 700;\n    }\n    &--disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      pointer-events: none;\n      &:hover {\n        background-color: transparent;\n      }\n    }\n  }\n\n  &__error {\n    display: block;\n    font-size: 12px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 8px;\n  }\n}\n\n.spw-custom-select__option--focused {\n  background-color: var(--spw-color-themes-grey-grey-300);\n}\n","import { AttachInternals, Component, Method, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-custom-select',\n  styleUrl: 'spw-custom-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwCustomSelect {\n  private host: HTMLElement;\n  private selectContainer: HTMLElement;\n\n  /** Événement émis lorsque la valeur sélectionnée change */\n  @Event() valueChanged: EventEmitter<(string | number)[] | string | number>;\n\n  @State() internalValue: (string | number)[] | string | number;\n  @State() isOpen: boolean = false;\n  @State() parsedOptions: { value: string | number; label: string; disabled?: boolean }[] = [];\n  @State() focusedOptionIndex: number | null = null;\n  @State() searchText: string = '';\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n  @State() hasSelectedValue: boolean = false;\n\n  /** Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau */\n  @Prop({ mutable: true, reflect: true }) value: (string | number)[] | string | number = [];\n  /** Label associé au champ de sélection personnalisé */\n  @Prop() label: string = '';\n  /** Placeholder à afficher lorsque aucune option n'est sélectionnée */\n  @Prop() placeholder: string = 'Sélectionnez une option';\n  /** Indique si le champ est désactivé et donc non interactif */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément dans les formulaires, utilisé pour associer la valeur */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Chaîne JSON des options disponibles dans le select (valeur et label) */\n  @Prop() items: string | any[];\n  /** Taille du select, peut être \"large\" ou \"medium\" */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Permet la sélection multiple si vrai */\n  @Prop() multiple: boolean = false;\n  /** Active la fonction de recherche dans la liste des items */\n  @Prop() isSearch: boolean = false;\n  /** Texte d'assistance à afficher sous le champ */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    if (this.multiple) {\n      if (typeof this.value === 'string') {\n        try {\n          this.internalValue = JSON.parse(this.value);\n        } catch (e) {\n          this.internalValue = [];\n        }\n      } else if (Array.isArray(this.value)) {\n        this.internalValue = this.value;\n      } else {\n        this.internalValue = [];\n      }\n    } else {\n      this.internalValue = this.value as string | number;\n    }\n\n    if (this.items) {\n      this.parseOptions(this.items);\n    }\n    this.updateSelectedOption();\n  }\n\n  @Method()\n  async resetSelect() {\n    if (this.multiple) {\n      this.internalValue = [];\n      this.value = [];\n    } else {\n      this.internalValue = '';\n      this.value = '';\n    }\n    this.searchText = '';\n    this.focusedOptionIndex = null;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n    this.updateSelectedOption();\n  }\n\n  formResetCallback() {\n    this.resetSelect();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    document.addEventListener('spw-custom-select-opened', this.handleOtherSelectOpened);\n    this.internals.setFormValue(this.getFormValue());\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    document.removeEventListener('spw-custom-select-opened', this.handleOtherSelectOpened);\n  }\n\n  private handleOtherSelectOpened = (event: CustomEvent) => {\n    if (event.detail.instance !== this.host && this.isOpen) {\n      this.closeDropdown();\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.host.contains(target);\n      const searchField = this.host.shadowRoot?.querySelector('.spw-custom-select__search-input');\n\n      const isInsideSearchField = searchField?.contains(target);\n\n      if (!isInsideHost && !isInsideSearchField) {\n        if (this.multiple) {\n          const optionsContainer = this.host.shadowRoot?.querySelector('.spw-custom-select__options');\n          if (optionsContainer && optionsContainer.contains(target)) {\n            return;\n          }\n        }\n\n        this.closeDropdown();\n      }\n    }\n  };\n\n  @Watch('items')\n  parseOptions(newValue: string | any[]) {\n    try {\n      if (Array.isArray(newValue)) {\n        this.parsedOptions = newValue.map(option => ({\n          value: option.value,\n          label: option.label,\n          disabled: option.disabled || false,\n        }));\n      } else if (typeof newValue === 'string') {\n        this.parsedOptions = JSON.parse(newValue).map(option => ({\n          value: option.value,\n          label: option.label,\n          disabled: option.disabled || false,\n        }));\n      } else {\n        this.parsedOptions = [];\n      }\n      this.updateSelectedOption();\n    } catch (e) {\n      this.parsedOptions = [];\n    }\n  }\n\n  @Watch('value')\n  valueChangedHandler(newValue: (string | number)[] | string | number) {\n    if (this.multiple) {\n      this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n    } else {\n      this.internalValue = newValue;\n    }\n    this.updateSelectedOption();\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private updateSelectedOption() {\n    this.internals.setFormValue(this.getFormValue());\n\n    if (!this.multiple && this.internalValue !== undefined) {\n      this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n    } else if (this.multiple && Array.isArray(this.internalValue)) {\n      this.internalValue = (this.internalValue as (string | number)[])\n        .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n        .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n    }\n  }\n\n  @Watch('internalValue')\n  internalValueChanged() {\n    this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n    }\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private toggleDropdown(event?: MouseEvent) {\n    if (!this.disabled) {\n      if (event) {\n        const target = event.composedPath()[0] as HTMLElement;\n\n        if (target.classList.contains('spw-custom-select__search-input')) {\n          return;\n        }\n\n        event.stopPropagation();\n      }\n      this.determineDropdownDirection();\n      const wasOpen = this.isOpen;\n      this.isOpen = !this.isOpen;\n\n      if (this.isOpen && !wasOpen) {\n        this.notifyOtherSelects();\n      }\n\n      if (!this.isOpen) {\n        this.focusedOptionIndex = null;\n      }\n    }\n  }\n\n  private notifyOtherSelects() {\n    const event = new CustomEvent('spw-custom-select-opened', {\n      detail: { instance: this.host },\n      bubbles: true,\n      composed: true\n    });\n    document.dispatchEvent(event);\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.selectContainer.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private openDropdownWithKeyboard() {\n    this.determineDropdownDirection();\n    this.isOpen = true;\n    this.focusedOptionIndex = 0;\n    this.notifyOtherSelects();\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.focusedOptionIndex = null;\n    this.searchText = '';\n  }\n\n  private selectOption(optionValue: string | number, event?: MouseEvent) {\n    if (event) {\n      event.stopPropagation();\n    }\n\n    const option = this.parsedOptions.find(opt => String(opt.value) === String(optionValue));\n    if (option?.disabled) {\n      return;\n    }\n\n    if (this.multiple) {\n      const index = (this.internalValue as (string | number)[]).findIndex(val => String(val) === String(optionValue));\n      if (index > -1) {\n        this.internalValue = [...(this.internalValue as (string | number)[]).slice(0, index), ...(this.internalValue as (string | number)[]).slice(index + 1)];\n      } else {\n        this.internalValue = [...(this.internalValue as (string | number)[]), optionValue];\n      }\n      this.internalValue = (this.internalValue as (string | number)[]).sort(\n        (a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)),\n      );\n    } else {\n      this.internalValue = optionValue;\n      this.closeDropdown();\n    }\n\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n    this.updateSelectedOption();\n  }\n\n  private handleOptionKeyDown(event: KeyboardEvent, optionValue: string | number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selectOption(optionValue);\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if ((event.target as HTMLElement).classList.contains('spw-custom-select__search-input')) {\n      return;\n    }\n    switch (event.key) {\n      case ' ':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          let nextIndex = this.focusedOptionIndex === null ? 0 : (this.focusedOptionIndex + 1) % this.parsedOptions.length;\n          while (this.parsedOptions[nextIndex]?.disabled && nextIndex !== this.focusedOptionIndex) {\n            nextIndex = (nextIndex + 1) % this.parsedOptions.length;\n          }\n          this.focusedOptionIndex = nextIndex;\n        } else {\n          this.openDropdownWithKeyboard();\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          let prevIndex = this.focusedOptionIndex === null ? this.parsedOptions.length - 1 : (this.focusedOptionIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n          while (this.parsedOptions[prevIndex]?.disabled && prevIndex !== this.focusedOptionIndex) {\n            prevIndex = (prevIndex - 1 + this.parsedOptions.length) % this.parsedOptions.length;\n          }\n          this.focusedOptionIndex = prevIndex;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedOptionIndex !== null) {\n          this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen) {\n          this.closeDropdown();\n        }\n        break;\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-custom-select': true,\n      [`spw-custom-select--${this.size}`]: true,\n      'spw-custom-select--is-error': !!this.error,\n      'spw-custom-select--disabled': this.disabled,\n      'spw-custom-select--is-opened': this.isOpen,\n      'spw-custom-select--has-value': this.hasSelectedValue,\n      'spw-custom-select--no-value': !this.hasSelectedValue,\n      'spw-custom-select--is-searchable': this.isSearch,\n      'spw-custom-select--not-searchable': !this.isSearch,\n    };\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private getSelectedLabels(): string {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0\n        ? (this.internalValue as (string | number)[])\n            .map(val => this.parsedOptions.find(option => String(option.value) === String(val))?.label)\n            .filter(Boolean)\n            .join(', ')\n        : null;\n    } else {\n      const selectedOption = this.parsedOptions.find(option => String(option.value) === String(this.internalValue));\n      return selectedOption ? selectedOption.label : null;\n    }\n  }\n\n  private getFilteredOptions() {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    return this.parsedOptions.filter(option => this.normalizeString(option.label).includes(normalizedSearchText));\n  }\n\n  private handleSearchInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchText = input.value;\n    this.focusedOptionIndex = 0;\n\n    if (!this.isOpen) {\n      this.isOpen = true;\n      this.notifyOtherSelects();\n    }\n  }\n\n  private isSearchVisible(): boolean {\n    if (!this.isSearch) return false;\n    if (!this.hasSelectedValue && !this.isOpen) return true;\n    if (this.isSearch && this.isOpen) return true;\n    return this.isOpen;\n  }\n\n  private showPlaceholder(): boolean {\n    if (this.isSearch) return false;\n    if (this.hasSelectedValue) return false;\n    return true;\n  }\n\n  render() {\n    const filteredOptions = this.getFilteredOptions();\n    const showPlaceholder = this.showPlaceholder();\n\n    return (\n      <div class={this.elementClass} ref={el => (this.host = el as HTMLElement)}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-custom-select__wrapper\">\n          <div\n            class=\"spw-custom-select__container\"\n            id={this.name}\n            ref={el => (this.selectContainer = el as HTMLElement)}\n            onClick={event => this.toggleDropdown(event)}\n            onKeyDown={event => this.handleKeyDown(event)}\n            tabindex={this.disabled ? -1 : 0}\n          >\n            <div class=\"spw-custom-select__selected\">\n              {this.isSearchVisible() && (\n                <div class=\"spw-custom-select__search\">\n                  <input class=\"spw-custom-select__search-input\" placeholder=\"Entrez votre recherche\" onInput={event => this.handleSearchInput(event)} value={this.searchText} />\n                </div>\n              )}\n              {showPlaceholder && <span>{this.placeholder}</span>}\n              {this.multiple && (this.internalValue as (string | number)[]).length > 0 && (\n                <div class=\"spw-custom-select__selected-items\">\n                  {(this.internalValue as (string | number)[]).map(val => (\n                    <span class=\"spw-custom-select__selected-item\">\n                      {this.parsedOptions.find(option => String(option.value) === String(val))?.label}\n                      <spw-icon icon=\"fa-times\" class=\"spw-custom-select__deselect-icon\" onClick={event => this.selectOption(val, event)}></spw-icon>\n                    </span>\n                  ))}\n                </div>\n              )}\n              {!this.multiple && <span>{this.getSelectedLabels()}</span>}\n            </div>\n          </div>\n          <div class=\"spw-custom-select__arrow\">\n            <spw-icon icon={this.isOpen ? 'fa-chevron-up' : 'fa-chevron-down'}></spw-icon>\n          </div>\n          {this.isOpen && (\n            <div class={`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`}>\n              {!!filteredOptions.length && (\n                <ul>\n                  {filteredOptions.map((option, index) => (\n                    <li\n                      class={{\n                        'spw-custom-select__option': true,\n                        'spw-custom-select__option--selected': this.multiple\n                          ? (this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))\n                          : option.value === this.internalValue,\n                        'spw-custom-select__option--focused': index === this.focusedOptionIndex,\n                        'spw-custom-select__option--disabled': option.disabled,\n                      }}\n                      onClick={() => this.selectOption(option.value)}\n                    >\n                      {this.multiple && (\n                        <spw-checkbox\n                          onKeyDown={event => this.handleOptionKeyDown(event, option.value)}\n                          class=\"spw-tw-mr-2\"\n                          checked={(this.internalValue as (string | number)[]).some(val => String(val) === String(option.value))}\n                          disabled={option.disabled}\n                        ></spw-checkbox>\n                      )}\n                      {option.label}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {!filteredOptions.length && <p class=\"spw-custom-select__no-results\">Pas de résultats pour cette recherche.</p>}\n            </div>\n          )}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-152525de.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,H as i,g as o}from"./p-CvfVJV8a.js";const r='/*! 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}';const n=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged",7);if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.label="";this.placeholder="Sélectionner une option";this.required=false;this.size="medium";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.defaultValue=null}handleItemsChange(){if(this.selectElement){this.syncDynamicOptions()}}async resetSelect(){this.internalValue="";this.value="";if(this.selectElement){this.selectElement.value=""}this.internals.setFormValue("");this.valueChanged.emit("")}componentWillLoad(){var e;this.defaultValue=(e=this.value)!==null&&e!==void 0?e:this.getInitialSelectedValue();this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue());if(!this.items){this.moveOptionsToLightDom()}else{this.syncDynamicOptions()}}formResetCallback(){var e;this.setValue((e=this.defaultValue)!==null&&e!==void 0?e:"");this.resetSelect()}setValue(e){this.internalValue=e;this.value=e;if(this.selectElement){this.selectElement.value=String(e)}this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}getFormValue(){return this.internalValue?String(this.internalValue):null}getInitialSelectedValue(){if(this.items&&this.items.length>0){return null}const e=Array.from(this.el.querySelectorAll("option"));for(const t of e){if(t.hasAttribute("selected")){return t.getAttribute("value")}}return null}handleSelectChange(e){const t=e.target;this.internalValue=t.value;this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");if(e){const t=e.assignedNodes({flatten:true});t.forEach((e=>{if(e.nodeName==="OPTION"||e.nodeName==="OPTGROUP"){this.selectElement.appendChild(e)}}))}}syncDynamicOptions(){while(this.selectElement.options.length>1){this.selectElement.remove(1)}if(this.items&&this.items.length>0){this.items.forEach((e=>{const t=document.createElement("option");const s=this.itemValue?e[this.itemValue]:e;const i=this.itemLabel?e[this.itemLabel]:e;const o=e.disabled||false;t.value=String(s);t.textContent=String(i);t.disabled=o;this.selectElement.appendChild(t)}))}if(this.selectElement.value!==String(this.internalValue||"")){this.selectElement.value=String(this.internalValue||"")}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-select":true,[`spw-select--${this.size}`]:true,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error}}render(){return s(i,{key:"deb7266660e609a3e44623613a990bf8dcbe7343"},s("div",{key:"ff425d15ea0fd790039e72674d7657324b3c62cb",class:this.elementClass},this.label&&s("spw-field-label",{key:"71f35858b08561f526d52498aa04da0b7dd46c57",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"1e0b80d55ae61be1d161fc4dcad2e5abb0d3b351",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"3af822dbdc83f589aad041fd6fd0cb7cd43be639",class:"spw-select__container"},s("select",{key:"727b2f5f46ac0610f91da0eeb13530ec99dc98a3",id:this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},s("option",{key:"54fdb7a9268d4e796cc2cf6e70642719668ac3a7",value:"",disabled:true,selected:!this.internalValue},this.placeholder)),s("spw-icon",{key:"345e115df06ae4373a0d910947997d4f2f7cd2d4",class:"spw-select__arrow",icon:"fa-chevron-down"})),!this.items&&s("slot",{key:"ca10c23f8e7e9b7422d479b5b648f661c6d431a0"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{items:["handleItemsChange"]}}};n.style=r;export{n as spw_select};
+//# sourceMappingURL=p-152525de.entry.js.map

package/dist/spw-stencil-library/p-152525de.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spwSelectCss","SpwSelect","constructor","hostRef","this","label","placeholder","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","defaultValue","handleItemsChange","selectElement","syncDynamicOptions","resetSelect","internalValue","value","internals","setFormValue","valueChanged","emit","componentWillLoad","_a","getInitialSelectedValue","componentDidLoad","getFormValue","items","moveOptionsToLightDom","formResetCallback","setValue","val","String","length","assignedNodes","Array","from","el","querySelectorAll","option","hasAttribute","getAttribute","handleSelectChange","event","select","target","slot","shadowRoot","querySelector","flatten","forEach","node","nodeName","appendChild","options","remove","item","document","createElement","itemValue","itemLabel","disabled","textContent","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","render","Host","key","class","name","assistiveText","id","onChange","ref","tabindex","selected","icon"],"sources":["src/components/spw-select/spw-select.scss?tag=spw-select&encapsulation=shadow","src/components/spw-select/spw-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-select {\n  position: relative;\n  &__container {\n    position: relative;\n  }\n  &__arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 12px;\n    pointer-events: none;\n    color: var(--spw-color-themes-grey-grey-600);\n    font-size: 16px;\n  }\n  &__trigger {\n    width: 100%;\n    height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-800);\n    position: relative;\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    padding: 0 12px;\n    padding-right: 40px;\n\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n\n    &::after {\n      content: '\\f078';\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      font-size: 14px;\n      color: var(--spw-color-themes-grey-grey-800);\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      pointer-events: none;\n    }\n\n    .spw-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n\n    .spw-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      font-size: 18px;\n    }\n\n    .spw-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Host, Component, Method, Prop, State, Event, EventEmitter, h, Element, Watch } from '@stencil/core';\n\nexport interface SelectItem {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n}\n\n@Component({\n  tag: 'spw-select',\n  styleUrl: 'spw-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwSelect {\n  @Element() el: HTMLSpwSelectElement;\n\n  /** Emet un event si la valeur change */\n  @Event() valueChanged: EventEmitter<string | number>;\n  @State() internalValue: string | number;\n\n  /** Valeur sélectionnée actuelle, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value: string | number;\n  /** Label associé au champ de sélection */\n  @Prop() label: string = '';\n  /** Texte du placeholder à afficher lorsque rien n'est sélectionné */\n  @Prop() placeholder: string = 'Sélectionner une option';\n  /** Indique si le champ de sélection est désactivé */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur sélectionnée */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Taille du champ de sélection : 'large' ou 'medium' */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Texte d'assistance affiché sous le champ de sélection */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ de sélection */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ de sélection */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ de sélection */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n  /** Liste d'items dynamiques pour générer les options (array d'objects avec label + value) */\n  @Prop() items?: SelectItem[];\n  /** Propriété à utiliser comme label des options */\n  @Prop() itemLabel?: string;\n  /** Propriété à utiliser comme valeur des options */\n  @Prop() itemValue?: string;\n\n  private selectElement!: HTMLSelectElement;\n  private defaultValue: string | number | null = null;\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Watch('items')\n  handleItemsChange() {\n    if (this.selectElement) {\n      this.syncDynamicOptions();\n    }\n  }\n\n  @Method()\n  async resetSelect() {\n    this.internalValue = '';\n    this.value = '';\n    if (this.selectElement) {\n      this.selectElement.value = '';\n    }\n    this.internals.setFormValue('');\n    this.valueChanged.emit('');\n  }\n\n  componentWillLoad() {\n    this.defaultValue = this.value ?? this.getInitialSelectedValue();\n    this.internalValue = this.value || this.getInitialSelectedValue();\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.getFormValue());\n    if (!this.items) {\n      this.moveOptionsToLightDom();\n    } else {\n      this.syncDynamicOptions();\n    }\n  }\n\n  formResetCallback() {\n    this.setValue(this.defaultValue ?? '');\n    this.resetSelect();\n  }\n\n  private setValue(val: string | number) {\n    this.internalValue = val;\n    this.value = val;\n\n    if (this.selectElement) {\n      this.selectElement.value = String(val);\n    }\n\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private getInitialSelectedValue(): string | number | null {\n    if (this.items && this.items.length > 0) {\n      return null;\n    }\n    const assignedNodes = Array.from(this.el.querySelectorAll('option')) as HTMLOptionElement[];\n    for (const option of assignedNodes) {\n      if (option.hasAttribute('selected')) {\n        return option.getAttribute('value');\n      }\n    }\n    return null;\n  }\n\n  private handleSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    this.internalValue = select.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private moveOptionsToLightDom() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true }) as HTMLElement[];\n      assignedNodes.forEach(node => {\n        if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {\n          this.selectElement.appendChild(node);\n        }\n      });\n    }\n  }\n\n  private syncDynamicOptions() {\n    while (this.selectElement.options.length > 1) {\n      this.selectElement.remove(1);\n    }\n\n    if (this.items && this.items.length > 0) {\n      this.items.forEach(item => {\n        const option = document.createElement('option');\n        const value = this.itemValue ? item[this.itemValue] : item;\n        const label = this.itemLabel ? item[this.itemLabel] : item;\n        const disabled = item.disabled || false;\n        option.value = String(value);\n        option.textContent = String(label);\n        option.disabled = disabled;\n        this.selectElement.appendChild(option);\n      });\n    }\n\n    if (this.selectElement.value !== String(this.internalValue || '')) {\n      this.selectElement.value = String(this.internalValue || '');\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-select': true,\n      [`spw-select--${this.size}`]: true,\n      'spw-select--disabled': this.disabled,\n      'spw-select--is-error': !!this.error,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          {this.assistiveText && (\n            <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n              {this.assistiveText}\n            </spw-field-message>\n          )}\n          <div class=\"spw-select__container\">\n            <select\n              id={this.name}\n              class=\"spw-select__trigger\"\n              onChange={event => this.handleSelectChange(event)}\n              disabled={this.disabled}\n              ref={el => (this.selectElement = el as HTMLSelectElement)}\n              tabindex={this.disabled ? -1 : 0}\n            >\n              <option value=\"\" disabled selected={!this.internalValue}>\n                {this.placeholder}\n              </option>\n            </select>\n            <spw-icon class=\"spw-select__arrow\" icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          {!this.items && <slot />}\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-fbe468de.entry.js → p-2113f2f6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as n}from"./p-BYM_CUUH.js";const i="/*! 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:contents;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)}}";const o=class{constructor(t){e(this,t)}render(){return t(n,{key:"0750309524960bdc6409b7f3308bfa5c0a0f63eb"},t("slot",{key:"e0d299a85392eea8815a952fbeeedf7238bb898a"}))}};o.style=i;export{o as spw_header_navigation_dropdown};
-//# sourceMappingURL=p-fbe468de.entry.js.map
+import{r as e,h as t,H as n}from"./p-CvfVJV8a.js";const i="/*! 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:contents;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)}}";const o=class{constructor(t){e(this,t)}render(){return t(n,{key:"8683549ca15bd15769049e3ef2f9d8bcb27da2ff"},t("slot",{key:"f9336f803dcb98feda307f3336ff9ac286fb96e1"}))}};o.style=i;export{o as spw_header_navigation_dropdown};
+//# sourceMappingURL=p-2113f2f6.entry.js.map

package/dist/spw-stencil-library/{p-181ae002.entry.js → p-25329033.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const n="/*! 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;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)}}:host(.--people){flex:1}:host(.--people) ::slotted(spw-link){--spw-link-color:#000;--spw-link-hover-color:#000;--spw-link-active-color:#000;--spw-link-font-weight:400}.spw-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{color:var(--spw-color-themes-grey-grey-900);font-size:16px;margin-top:0}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";const o=class{constructor(t){e(this,t);this.lineClamp=3}get elementClass(){const e=this.lineClamp!=="none";return{"spw-card-excerpt":true,"spw-card-excerpt--has-clamp":e,[`spw-card-excerpt--clamp-${this.lineClamp}`]:e}}render(){return t(i,{key:"52e938cc472887cbc8a3cfe2767b5acce5315980"},t("div",{key:"502426f4a2c90c3cca02579db858b6c7b5453a4c",class:this.elementClass},t("slot",{key:"e354e47689e3b24ab663f9ebd17f836bf56619c4"})))}};o.style=n;export{o as spw_card_excerpt};
-//# sourceMappingURL=p-181ae002.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const n="/*! 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;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)}}:host(.--people){flex:1}:host(.--people) ::slotted(spw-link){--spw-link-color:#000;--spw-link-hover-color:#000;--spw-link-active-color:#000;--spw-link-font-weight:400}.spw-card-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}:host(.--people) .spw-card-excerpt{color:var(--spw-color-themes-grey-grey-900);font-size:16px;margin-top:0}:host(.--sidebar) .spw-card-excerpt{margin-top:8px}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";const o=class{constructor(t){e(this,t);this.lineClamp=3}get elementClass(){const e=this.lineClamp!=="none";return{"spw-card-excerpt":true,"spw-card-excerpt--has-clamp":e,[`spw-card-excerpt--clamp-${this.lineClamp}`]:e}}render(){return t(i,{key:"52e938cc472887cbc8a3cfe2767b5acce5315980"},t("div",{key:"502426f4a2c90c3cca02579db858b6c7b5453a4c",class:this.elementClass},t("slot",{key:"e354e47689e3b24ab663f9ebd17f836bf56619c4"})))}};o.style=n;export{o as spw_card_excerpt};
+//# sourceMappingURL=p-25329033.entry.js.map

package/dist/spw-stencil-library/{p-9219fe7c.entry.js → p-2abc48ed.entry.js}

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

package/dist/spw-stencil-library/p-2ad00dfc.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as a}from"./p-CvfVJV8a.js";const s='/*! 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:contents;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)}}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;text-align:left;transition:all .2s linear;white-space:nowrap}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}.spw-table-header--has-tooltip .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--has-tooltip .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--has-tooltip .spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header--sortable .spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header--sortable .spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header--sortable .spw-table-header__content spw-icon:hover,.spw-table-header--sortable .spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}';const i=class{constructor(a){e(this,a);this.spwHeaderClick=t(this,"spwHeaderClick",7);this.isHighlighted=false;this.textAlign="left";this.verticalAlign="top";this.padding="medium";this.sortable=false;this.isSorted=false;this.sticky=false;this.stickyPosition="start";this.stickyOffset=0;this.handleClick=e=>{if(e.target.closest('[slot="filters"]')){e.stopPropagation();return}if(this.sortable){this.spwHeaderClick.emit(this.columnId)}}}get elementClass(){return{"spw-table-header":true,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!!(this.tooltipTitle||this.tooltipText),[`spw-table-header--padding-${this.padding}`]:true,[`spw-table-header--text-align-${this.textAlign}`]:true,[`spw-table-header--vertical-align-${this.verticalAlign}`]:true,"spw-table-header--sticky":this.sticky,[`spw-table-header--sticky-${this.stickyPosition}`]:this.sticky}}render(){const e={"aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan};if(this.sticky){const t={position:"sticky",zIndex:"60"};if(this.stickyPosition==="start"){t.left=`${this.stickyOffset}px`}else{t.right=`${this.stickyOffset}px`}e.style=t}return a("th",Object.assign({key:"72a54f9eb43f87e80da3bfe45a6eb848cf11e09f"},e),a("div",{key:"06111c36e9fa869e263dfb1bc64fa023acf42538",class:{"spw-table-header__content":true,"spw-table-header__content--is-sorted":this.isSorted}},a("slot",{key:"16439694bfaf17d5f1371ffd817f16ba7bc4ecdc"}),a("div",{key:"4b8cf5f4de063c8aa9c2ea8b653d9a35b1ae64b0",class:"spw-table-header__icons"},a("slot",{key:"d9816f83f71672ebda6b27b705142666e376ec7a",name:"filters"}),(this.tooltipTitle||this.tooltipText)&&a("spw-tooltip",{key:"a8c4e3d4a555806faef984533696c393173b7ad7","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},a("spw-icon",{key:"92a361a5400a2cb09c3ccf68a713897076e019b6",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&a("spw-icon",{key:"db44bf3aa7be154edecf0281f3335edf0896eb01",class:"spw-table-header__sort-icon",icon:this.isSorted?this.sortDirection==="asc"?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}};i.style=s;export{i as spw_table_header};
+//# sourceMappingURL=p-2ad00dfc.entry.js.map

package/dist/spw-stencil-library/p-2ad00dfc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spwTableHeaderCss","SpwTableHeader","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","padding","sortable","isSorted","sticky","stickyPosition","stickyOffset","handleClick","event","target","closest","stopPropagation","spwHeaderClick","emit","columnId","elementClass","tooltipTitle","tooltipText","render","attrs","sortDirection","onClick","class","colSpan","colspan","headers","part","rowSpan","rowspan","stickyStyles","position","zIndex","left","right","style","h","Object","assign","key","name","variant","icon"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n:host(.--is-sticky) {\n  .spw-table-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n  }\n}\n\n.spw-table-header {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\n  border-top: none !important;\n  border-bottom: none !important;\n  box-shadow:\n    inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n    inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n  background-clip: padding-box;\n\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n\n  &--has-tooltip {\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n      &--is-sorted {\n        .spw-table-header__sort-icon {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n\n  &--sticky {\n    position: sticky;\n    background-color: var(--spw-color-themes-grey-grey-200);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      width: 8px;\n      pointer-events: none;\n      transition: opacity 0.2s;\n    }\n\n    &-start::after {\n      right: -8px;\n      box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n\n    &-end::after {\n      left: -8px;\n      box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-header',\n  styleUrl: 'spw-table-header.scss',\n  shadow: true,\n})\nexport class SpwTableHeader {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n  /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() sticky?: boolean = false;\n  /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyPosition?: 'start' | 'end' = 'start';\n  /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyOffset?: number = 0;\n\n  @Event() spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n      'spw-table-header--sticky': this.sticky,\n      [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      'aria-sort': this.isSorted ? this.sortDirection : 'none',\n      'onClick': this.handleClick,\n      'class': this.elementClass,\n      'colSpan': this.colspan,\n      'headers': this.headers,\n      'part': 'cell',\n      'rowSpan': this.rowspan,\n    };\n\n    if (this.sticky) {\n      const stickyStyles: { [key: string]: string } = {\n        position: 'sticky',\n        zIndex: '60',\n      };\n\n      if (this.stickyPosition === 'start') {\n        stickyStyles.left = `${this.stickyOffset}px`;\n      } else {\n        stickyStyles.right = `${this.stickyOffset}px`;\n      }\n\n      attrs.style = stickyStyles;\n    }\n\n    return (\n      <th {...attrs}>\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,koK,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,yDAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,MAE9CH,KAAOI,QAAwB,SAI/BJ,KAAQK,SAAa,MAIrBL,KAAQM,SAAa,MAMrBN,KAAMO,OAAa,MAEnBP,KAAcQ,eAAqB,QAEnCR,KAAYS,aAAY,EAIxBT,KAAAU,YAAeC,IACrB,GAAKA,EAAMC,OAAuBC,QAAQ,oBAAqB,CAC7DF,EAAMG,kBACN,M,CAEF,GAAId,KAAKK,SAAU,CACjBL,KAAKe,eAAeC,KAAKhB,KAAKiB,S,EAuEnC,CAnEC,gBAAYC,GACV,MAAO,CACL,mBAAoB,KACpB,6BAA8BlB,KAAKK,SACnC,8BAA+BL,KAAKM,SACpC,mCAAoCN,KAAKmB,cAAgBnB,KAAKoB,aAC9D,CAAC,6BAA6BpB,KAAKI,WAAY,KAC/C,CAAC,gCAAgCJ,KAAKE,aAAc,KACpD,CAAC,oCAAoCF,KAAKG,iBAAkB,KAC5D,2BAA4BH,KAAKO,OACjC,CAAC,4BAA4BP,KAAKQ,kBAAmBR,KAAKO,O,CAI9D,MAAAc,GACE,MAAMC,EAAgC,CACpC,YAAatB,KAAKM,SAAWN,KAAKuB,cAAgB,OAClDC,QAAWxB,KAAKU,YAChBe,MAASzB,KAAKkB,aACdQ,QAAW1B,KAAK2B,QAChBC,QAAW5B,KAAK4B,QAChBC,KAAQ,OACRC,QAAW9B,KAAK+B,SAGlB,GAAI/B,KAAKO,OAAQ,CACf,MAAMyB,EAA0C,CAC9CC,SAAU,SACVC,OAAQ,MAGV,GAAIlC,KAAKQ,iBAAmB,QAAS,CACnCwB,EAAaG,KAAO,GAAGnC,KAAKS,gB,KACvB,CACLuB,EAAaI,MAAQ,GAAGpC,KAAKS,gB,CAG/Ba,EAAMe,MAAQL,C,CAGhB,OACEM,EAAA,KAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAQnB,GACNgB,EAAA,OAAAG,IAAA,2CACEhB,MAAO,CACL,4BAA6B,KAC7B,uCAAwCzB,KAAKM,WAG/CgC,EAAQ,QAAAG,IAAA,6CACRH,EAAK,OAAAG,IAAA,2CAAAhB,MAAM,2BACTa,EAAM,QAAAG,IAAA,2CAAAC,KAAK,aACT1C,KAAKmB,cAAgBnB,KAAKoB,cAC1BkB,EAAA,eAAAG,IAAA,2DAA4BzC,KAAKmB,aAA4B,eAAAnB,KAAKoB,aAChEkB,EAAU,YAAAG,IAAA,2CAAAE,QAAQ,aAAaC,KAAK,wBAGvC5C,KAAKK,UACJiC,EACE,YAAAG,IAAA,2CAAAhB,MAAM,8BACNmB,KAAM5C,KAAKM,SAAYN,KAAKuB,gBAAkB,MAAQ,yBAA2B,2BAA8B,6B","ignoreList":[]}