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

package/dist/spw-stencil-library/{p-ba27b9b0.entry.js → p-2c28684f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,h as r,g as e,H as s}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%;--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;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(r){t(this,r);this.spwFocus=o(this,"spwFocus");this.spwBlur=o(this,"spwBlur");this.spwNavigate=o(this,"spwNavigate");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:e,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:e,rel:s,target:n};const l=this.icon&&!this.iconPosition?"right":this.iconPosition;const w=`spw-icon--${l}`;const c=this.icon?r("spw-icon",{class:w,icon:this.icon}):null;const b=this.disabled;const u={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":b?"true":null};return r(p,Object.assign({key:"e9eef72fb99c615172917acc24f70ebd45952829"},d,{class:this.elementClass,disabled:b,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},u),r("div",{key:"6a855c4097ae1aa79900f755448c03990f21a5cd",class:"spw-button__inner"},r("div",{key:"df7af3c99186aa808a65526d4c205a29d36ed285",class:"spw-button__inner-text"},l==="left"&&c,!this.isIconOnly&&r("slot",{key:"9909ce45a0e6e832fc98f5ea96da6c6c0a934399"}),l==="right"&&c)),r("spw-loading",{key:"5433366a7c599fcedd58cc6361bcb058c407689c",text:""}))}get el(){return e(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 r(s,{key:"4f25139459e96d0c88ace97a4b72773cf89ab8dd"},r("div",{key:"a061aa042e1a61fab4fd7e07d2ac32c4469e994b",class:"spw-loading"},r("div",{key:"b7c510eb6e6489e29f975808c12f19e117e965e0",class:"spw-loading__spinner"}),this.text&&r("p",{key:"13972bcb613b1d69b2126fa051c4eff7f90b3990",class:"spw-loading__text"},this.text)))}};p.style=i;export{a as spw_button,p as spw_loading};
-//# sourceMappingURL=p-ba27b9b0.entry.js.map
+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;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-2c28684f.entry.js.map

package/dist/spw-stencil-library/{p-ba27b9b0.entry.js.map → p-2c28684f.entry.js.map}

@@ -1 +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    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":[]}
+{"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    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":"gEAAA,MAAMA,EAAe,21Y,MCORC,EAAS,MALtB,WAAAC,CAAAC,G,uHAWUC,KAAMC,OAAY,QAMlBD,KAAIE,KAAY,GAEhBF,KAAKG,MAAqB,GAE1BH,KAAII,KAAmC,SAGvCJ,KAAOK,QAA0C,UAEjDL,KAAOM,QAA8C,UAErDN,KAAQO,SAAa,MAErBP,KAAIQ,KAAkC,SAMtCR,KAAUS,WAAa,MAOvBT,KAAWU,YAAa,MAEPV,KAAiBW,kBAAa,KAG/CX,KAASY,UAAa,MAStBZ,KAAOa,QAAG,KAChBb,KAAKc,SAASC,MAAM,EAGdf,KAAMgB,OAAG,KACfhB,KAAKiB,QAAQF,MAAM,EAgBbf,KAAAkB,QAAWC,IACjB,GAAInB,KAAKO,UAAYP,KAAKY,UAAW,CACnCO,EAAGC,iBACH,M,CAGF,GAAIpB,KAAKI,OAAS,QAAS,CACzBe,EAAGC,iBACHpB,KAAKqB,kBACL,M,CAGF,GAAIrB,KAAKI,OAAS,WAAaJ,KAAKO,SAAU,CAC5C,MAAMe,EAAOtB,KAAKuB,GAAGC,QAAQ,QAC7B,GAAIF,EAAM,CACRH,EAAGC,iBACHE,EAAKG,gBACL,M,EAIJ,GAAIzB,KAAK0B,OAASC,UAAW,CAC3B3B,KAAK4B,YAAYb,KAAKI,E,EAsD3B,CAzFS,eAAAE,GACN,MAAMC,EAAOtB,KAAKuB,GAAGC,QAAQ,QAC7B,IAAKF,EAAM,OAEX,MAAMO,EAAYP,EAAKQ,iBAAiB,aACxCD,EAAUE,SAAQC,IAChB,MAAMC,EAAQD,EAASE,WAAWC,cAAc,SAChD,GAAIF,EAAO,CACTA,EAAM9B,MAAQ,E,KA+BpB,gBAAYiC,GACV,MAAO,CACL,aAAc,KACd,CAAC,eAAepC,KAAKK,WAAY,KACjC,CAAC,uBAAuBL,KAAKM,WAAY,KACzC,CAAC,eAAeN,KAAKQ,QAAS,KAC9B,CAAC,4BAA6BR,KAAKS,WACnC,CAAC,yBAA0BT,KAAKU,YAChC,CAAC,gCAAiCV,KAAKW,kBACvC,CAAC,uBAAwBX,KAAKY,U,CAIlC,MAAAyB,GACE,MAAMjC,KAAEA,EAAIkC,SAAEA,EAAQZ,KAAEA,EAAIa,IAAEA,EAAGtC,OAAEA,EAAMC,KAAEA,EAAIC,MAAEA,GAAUH,KAC3D,MAAMwC,EAAUxC,KAAK0B,OAASC,UAAY,SAAW,IACrD,MAAMc,EACJD,IAAY,SACR,CAAEpC,KAAMA,EAAMF,OAAMC,SACpB,CACEmC,WACAZ,OACAa,MACAtC,UAGR,MAAMyC,EAAe1C,KAAK2C,OAAS3C,KAAK0C,aAAe,QAAU1C,KAAK0C,aACtE,MAAME,EAAY,aAAaF,IAC/B,MAAMG,EAAc7C,KAAK2C,KAAOG,EAAA,YAAUC,MAAOH,EAAWD,KAAM3C,KAAK2C,OAAoB,KAE3F,MAAMK,EAAahD,KAAKO,SAExB,MAAM0C,EAAiB,CACrB,aAAcjD,OAAI,MAAJA,YAAA,SAAAA,KAAMkD,aACpB,gBAAiBF,EAAa,OAAS,MAGzC,OACEF,EAACN,EAAOW,OAAAC,OAAA,CAAAC,IAAA,4CAAKZ,EAAO,CAAAM,MAAO/C,KAAKoC,aAAc7B,SAAUyC,EAAYnC,QAASb,KAAKa,QAASG,OAAQhB,KAAKgB,OAAQE,QAASlB,KAAKkB,SAAa+B,GACzIH,EAAK,OAAAO,IAAA,2CAAAN,MAAM,qBACTD,EAAK,OAAAO,IAAA,2CAAAN,MAAM,0BACRL,IAAiB,QAAUG,GAC1B7C,KAAKS,YAAcqC,EAAa,QAAAO,IAAA,6CACjCX,IAAiB,SAAWG,IAGjCC,EAAA,eAAAO,IAAA,2CAAaC,KAAK,K,qCCxJ1B,MAAMC,EAAgB,ssH,MCOTC,EAAU,MALvB,WAAA1D,CAAAC,G,UAOUC,KAAIsD,KAAY,eAYzB,CAVC,MAAAjB,GACE,OACES,EAACW,EAAI,CAAAJ,IAAA,4CACHP,EAAK,OAAAO,IAAA,2CAAAN,MAAM,eACTD,EAAK,OAAAO,IAAA,2CAAAN,MAAM,yBACV/C,KAAKsD,MAAQR,EAAA,KAAAO,IAAA,2CAAGN,MAAM,qBAAqB/C,KAAKsD,O","ignoreList":[]}

package/dist/spw-stencil-library/{p-272dc0ee.entry.js → p-2c79bd06.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i}from"./p-BYM_CUUH.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%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.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}.spw-tw-italic{font-style:italic}";const r=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.internalValue="";this.type="text";this.label="";this.isSearch=false;this.isClear=false;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.isClearIconVisible=false;this.lastInputValue=""}valueChangedHandler(e){this.setValue(e)}async setValue(e){const t=this.mask?this.applyMask(e):e;this.internalValue=t;this.value=t;if(this.inputElement){this.inputElement.value=t}const i=this.mask?this.unmask(t):t;const s=this.getTypedValue(i);this.internals.setFormValue(s?String(s):null);this.isClearIconVisible=this.isClear&&!!t;this.valueChanged.emit(s);this.lastInputValue=t}getTypedValue(e){if(!e)return"";if(this.type==="number"&&!isNaN(Number(e))){return Number(e)}return e}componentWillLoad(){var e;const t=(e=this.value)!==null&&e!==void 0?e:"";this.internalValue=this.mask?this.applyMask(t):t;this.lastInputValue=this.internalValue}componentDidLoad(){const e=this.mask?this.unmask(this.internalValue):this.internalValue;const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null);this.isClearIconVisible=this.isClear&&!!this.internalValue}formResetCallback(){this.setValue("")}handleInput(e){if(!this.mask){this.setValue(e.target.value);return}const t=e.target.value;const i=e.target.selectionStart;if(t.length<this.lastInputValue.length){const e=this.unmask(t);this.setValue(e);setTimeout((()=>{if(this.inputElement){const e=Math.min(i,this.inputElement.value.length);this.inputElement.setSelectionRange(e,e)}}),0)}else{this.setValue(t)}}handleClear(){this.setValue("")}unmask(e){return e?e.replace(/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":return/[A-Za-z]/.test(e);case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return false}}transformForPlaceholder(e,t){switch(t){case"A":return e.toUpperCase();default:return e}}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0;let s="";for(let e=0;e<this.mask.length;e++){const r=this.mask[e];if(["9","A","a","X"].includes(r)){while(i<t.length&&!this.matchesPlaceholder(t[i],r)){i++}if(i>=t.length){break}const e=this.transformForPlaceholder(t[i],r);s+=e;i++}else{s+=r}}return s}renderErrorMessage(){if(this.error){return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-text-field":true,[`spw-text-field--${this.size}`]:true,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"460629af01f0ac713bb4790d7bb260a80f26b02c",class:this.elementClass},this.label&&i("spw-field-label",{key:"7f236e17c3abaa5d508609544c23bd6b5115de5d",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"f2d57c2d3f8b9fb0f691d6a65f267a65dd7e3be2",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"dd8539c47fef04b3eb313c5e3eb2b80d88c23817",class:"spw-text-field__container"},i("div",{key:"f57c49535130edd4de2167b0627854b46c914408",class:"spw-text-field__input-container"},i("input",{key:"4b915f91e64380e35bdc89a2c3a5cff9843372ea",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"2ad3bd18acc96213e05019c8fd86edc8b7cc5710",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"3e10307efd9f947065bdcb74e961c0ff2d9e9136",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"a4b98b3e0f8ebbda9e481c3f2ae004cb0e09bac0",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"c8486f50f6a861d879aa58f2bee066252723f657",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"104e642205d085e6799cbca3a2d6ac430ef91b5a",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{value:["valueChangedHandler"]}}};r.style=s;export{r as spw_text_field};
-//# sourceMappingURL=p-272dc0ee.entry.js.map
+import{r as e,c as t,h as i}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%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.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}.spw-tw-italic{font-style:italic}";const r=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.internalValue="";this.type="text";this.label="";this.isSearch=false;this.isClear=false;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.isClearIconVisible=false;this.lastInputValue=""}valueChangedHandler(e){this.setValue(e)}async setValue(e){const t=this.mask?this.applyMask(e):e;this.internalValue=t;this.value=t;if(this.inputElement){this.inputElement.value=t}const i=this.mask?this.unmask(t):t;const s=this.getTypedValue(i);this.internals.setFormValue(s?String(s):null);this.isClearIconVisible=this.isClear&&!!t;this.valueChanged.emit(s);this.lastInputValue=t}getTypedValue(e){if(!e)return"";if(this.type==="number"&&!isNaN(Number(e))){return Number(e)}return e}componentWillLoad(){var e;const t=(e=this.value)!==null&&e!==void 0?e:"";this.internalValue=this.mask?this.applyMask(t):t;this.lastInputValue=this.internalValue}componentDidLoad(){const e=this.mask?this.unmask(this.internalValue):this.internalValue;const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null);this.isClearIconVisible=this.isClear&&!!this.internalValue}formResetCallback(){this.setValue("")}handleInput(e){if(!this.mask){this.setValue(e.target.value);return}const t=e.target.value;const i=e.target.selectionStart;if(t.length<this.lastInputValue.length){const e=this.unmask(t);this.setValue(e);setTimeout((()=>{if(this.inputElement){const e=Math.min(i,this.inputElement.value.length);this.inputElement.setSelectionRange(e,e)}}),0)}else{this.setValue(t)}}handleClear(){this.setValue("")}unmask(e){return e?e.replace(/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":return/[A-Za-z]/.test(e);case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return false}}transformForPlaceholder(e,t){switch(t){case"A":return e.toUpperCase();default:return e}}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0;let s="";for(let e=0;e<this.mask.length;e++){const r=this.mask[e];if(["9","A","a","X"].includes(r)){while(i<t.length&&!this.matchesPlaceholder(t[i],r)){i++}if(i>=t.length){break}const e=this.transformForPlaceholder(t[i],r);s+=e;i++}else{s+=r}}return s}renderErrorMessage(){if(this.error){return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-text-field":true,[`spw-text-field--${this.size}`]:true,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"7ac0d815bd0edd167799c3749c708b1a54beeecd",class:this.elementClass},this.label&&i("spw-field-label",{key:"2e6daa75d321b6e222e21f17e7b052984186dabc",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"4756dfee5a472a884e6639092cf4cbd6c766ab68",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"c6610e3d2e747c3b5af25d6f185a39a2d2cf0bb6",class:"spw-text-field__container"},i("div",{key:"b22887493389b956166d3f6acd8b8d7f1e8f497c",class:"spw-text-field__input-container"},i("input",{key:"de7bd4f6f3c7ee2a6de90d10fb2c336178104573",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"c4674edd4c3bddf1e0880f81a11fcaf60e4aa51c",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"0265b15ae7613efb3646eb128f86b68859c11a27",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"d6a335856fd4ef3723d01f6bedc2a02e80aee996",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"411bb106a9205f138254734852d78b5e41359004",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"c73e92d45abd6268b7ff6c3ba2679523814316ef",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{value:["valueChangedHandler"]}}};r.style=s;export{r as spw_text_field};
+//# sourceMappingURL=p-2c79bd06.entry.js.map

package/dist/spw-stencil-library/{p-272dc0ee.entry.js.map → p-2c79bd06.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spwTextFieldCss","SpwTextField","constructor","hostRef","this","internalValue","type","label","isSearch","isClear","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","isClearIconVisible","lastInputValue","valueChangedHandler","newValue","setValue","newVal","formatted","mask","applyMask","value","inputElement","formVal","unmask","emitValue","getTypedValue","internals","setFormValue","String","valueChanged","emit","isNaN","Number","componentWillLoad","start","_a","componentDidLoad","typedValue","formResetCallback","handleInput","event","target","cursorPosition","selectionStart","length","unmaskedValue","setTimeout","newCursorPos","Math","min","setSelectionRange","handleClear","replace","matchesPlaceholder","char","placeholder","test","transformForPlaceholder","toUpperCase","rawOrMasked","rawChars","split","rawIndex","result","i","p","includes","ch","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","key","class","name","assistiveText","ref","el","max","step","id","minLength","maxLength","onInput","onClick","icon","indicator"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-input-height: 40px;\n  --spw-input-padding: 0 12px;\n  --spw-input-text-align: left;\n  --spw-input-font-size: 16px;\n  --spw-input-radius: 4px;\n  --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n  --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n  position: relative;\n  &__input-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n  }\n  &__input {\n    flex: 1;\n    width: 100%;\n    height: var(--spw-input-height);\n    padding: var(--spw-input-padding);\n    text-overflow: ellipsis;\n    line-height: var(--spw-input-height);\n    border-radius: var(--spw-input-radius);\n    font-size: var(--spw-input-font-size);\n    text-align: var(--spw-input-text-align);\n    border: 1px solid var(--spw-input-border);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    &[type='number'] {\n      // -moz-appearance: textfield;\n      // -webkit-appearance: none;\n      // appearance: none;\n      margin: 0;\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        // -webkit-appearance: none;\n        margin: 0;\n      }\n      &[type='number'] {\n        // -moz-appearance: textfield;\n      }\n    }\n    :host-context(spw-header) & {\n      border: 1px solid var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--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-text-field--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-text-field--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear & {\n      padding-right: 70px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icons {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    gap: 8px;\n    transform: translateY(-50%);\n    .spw-text-field--large & {\n      right: 24px;\n    }\n    .spw-text-field--disabled & {\n      pointer-events: none;\n    }\n  }\n  &__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n    border: 2px var(--spw-color-themes-grey-grey-900) solid;\n    border-radius: 50%;\n    font-size: 12px;\n    transition: all 0.2s ease-in;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n  &__icon {\n    color: var(--spw-input-icon-search-color);\n    .spw-text-field--disabled & {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n    &--search {\n      pointer-events: none;\n      font-size: 18px;\n      .spw-text-field--large & {\n        font-size: 24px;\n      }\n    }\n    &--clear {\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 12px;\n    }\n  }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-text-field',\n  styleUrl: 'spw-text-field.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextField {\n  /** Événement émis lorsque la valeur de l'input change */\n  @Event() valueChanged: EventEmitter<string | number>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n  @Prop() type?: string = 'text';\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label: string = '';\n  /** Texte du placeholder pour le champ de saisie */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Valeur minimale dans le cas d'un input number */\n  @Prop() min?: number;\n  /** Valeur maximale dans le cas d'un input number */\n  @Prop() max?: number;\n  /** Valeur d'incrémentation dans le cas d'un input number */\n  @Prop() step?: number;\n  /** Longueur minimale pour la valeur de l'input */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur de l'input */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ peut être effacé avec un bouton */\n  @Prop() isClear?: boolean = false;\n  /** Indique si l'input est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ de saisie */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher sous le champ de saisie */\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  /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n  @Prop() mask?: string;\n\n  @State() isClearIconVisible: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private inputElement!: HTMLInputElement;\n  private lastInputValue: string = '';\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.setValue(newValue);\n  }\n\n  @Method()\n  async setValue(newVal: string) {\n    const formatted = this.mask ? this.applyMask(newVal) : newVal;\n    this.internalValue = formatted;\n    this.value = formatted;\n    if (this.inputElement) {\n      this.inputElement.value = formatted;\n    }\n\n    const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n    const emitValue = this.getTypedValue(formVal);\n\n    this.internals.setFormValue(emitValue ? String(emitValue) : null);\n    this.isClearIconVisible = this.isClear && !!formatted;\n    this.valueChanged.emit(emitValue);\n    this.lastInputValue = formatted;\n  }\n\n  private getTypedValue(value: string): string | number {\n    if (!value) return '';\n\n    if (this.type === 'number' && !isNaN(Number(value))) {\n      return Number(value);\n    }\n\n    return value;\n  }\n\n  componentWillLoad() {\n    const start = this.value ?? '';\n    this.internalValue = this.mask ? this.applyMask(start) : start;\n    this.lastInputValue = this.internalValue;\n  }\n\n  componentDidLoad() {\n    const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n    const typedValue = this.getTypedValue(formVal);\n    this.internals.setFormValue(typedValue ? String(typedValue) : null);\n    this.isClearIconVisible = this.isClear && !!this.internalValue;\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleInput(event) {\n    if (!this.mask) {\n      this.setValue(event.target.value);\n      return;\n    }\n\n    const newValue = event.target.value;\n    const cursorPosition = event.target.selectionStart;\n\n    if (newValue.length < this.lastInputValue.length) {\n      const unmaskedValue = this.unmask(newValue);\n      this.setValue(unmaskedValue);\n\n      setTimeout(() => {\n        if (this.inputElement) {\n          const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n          this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n        }\n      }, 0);\n    } else {\n      this.setValue(newValue);\n    }\n  }\n\n  private handleClear() {\n    this.setValue('');\n  }\n\n  private unmask(value: string): string {\n    return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n  }\n\n  private matchesPlaceholder(char: string, placeholder: string): boolean {\n    switch (placeholder) {\n      case '9':\n        return /[0-9]/.test(char);\n      case 'A':\n        return /[A-Za-z]/.test(char);\n      case 'a':\n        return /[A-Za-z]/.test(char);\n      case 'X':\n        return /[0-9A-Za-z]/.test(char);\n      default:\n        return false;\n    }\n  }\n\n  private transformForPlaceholder(char: string, placeholder: string): string {\n    switch (placeholder) {\n      case 'A':\n        return char.toUpperCase();\n      default:\n        return char;\n    }\n  }\n\n  private applyMask(rawOrMasked: string): string {\n    if (!this.mask) return rawOrMasked;\n\n    const rawChars = this.unmask(rawOrMasked).split('');\n    let rawIndex = 0;\n    let result = '';\n\n    for (let i = 0; i < this.mask.length; i++) {\n      const p = this.mask[i];\n\n      if (['9', 'A', 'a', 'X'].includes(p)) {\n        while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n          rawIndex++;\n        }\n        if (rawIndex >= rawChars.length) {\n          break;\n        }\n        const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n        result += ch;\n        rawIndex++;\n      } else {\n        result += p;\n      }\n    }\n\n    return result;\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-text-field': true,\n      [`spw-text-field--${this.size}`]: true,\n      'spw-text-field--is-search': this.isSearch,\n      'spw-text-field--is-error': !!this.error,\n      'spw-text-field--is-clear': this.isClearIconVisible,\n      'spw-text-field--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\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-text-field__container\">\n          <div class=\"spw-text-field__input-container\">\n            <input\n              class=\"spw-text-field__input\"\n              ref={el => (this.inputElement = el as HTMLInputElement)}\n              type={this.type}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.internalValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              name={this.name}\n              id={this.name}\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              required={this.required}\n              onInput={event => this.handleInput(event)}\n            />\n            {(this.isSearch || this.isClearIconVisible) && (\n              <div class=\"spw-text-field__icons\">\n                {this.isClearIconVisible && (\n                  <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n                    <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n                  </span>\n                )}\n                {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n              </div>\n            )}\n          </div>\n          {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\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":[]}
+{"version":3,"names":["spwTextFieldCss","SpwTextField","constructor","hostRef","this","internalValue","type","label","isSearch","isClear","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","isClearIconVisible","lastInputValue","valueChangedHandler","newValue","setValue","newVal","formatted","mask","applyMask","value","inputElement","formVal","unmask","emitValue","getTypedValue","internals","setFormValue","String","valueChanged","emit","isNaN","Number","componentWillLoad","start","_a","componentDidLoad","typedValue","formResetCallback","handleInput","event","target","cursorPosition","selectionStart","length","unmaskedValue","setTimeout","newCursorPos","Math","min","setSelectionRange","handleClear","replace","matchesPlaceholder","char","placeholder","test","transformForPlaceholder","toUpperCase","rawOrMasked","rawChars","split","rawIndex","result","i","p","includes","ch","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","key","class","name","assistiveText","ref","el","max","step","id","minLength","maxLength","onInput","onClick","icon","indicator"],"sources":["src/components/spw-text-field/spw-text-field.scss?tag=spw-text-field&encapsulation=shadow","src/components/spw-text-field/spw-text-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-input-height: 40px;\n  --spw-input-padding: 0 12px;\n  --spw-input-text-align: left;\n  --spw-input-font-size: 16px;\n  --spw-input-radius: 4px;\n  --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);\n  --spw-input-border: var(--spw-color-themes-grey-grey-800);\n}\n\n.spw-text-field {\n  position: relative;\n  &__input-container {\n    flex: 1;\n    position: relative;\n    display: flex;\n  }\n  &__input {\n    flex: 1;\n    width: 100%;\n    height: var(--spw-input-height);\n    padding: var(--spw-input-padding);\n    text-overflow: ellipsis;\n    line-height: var(--spw-input-height);\n    border-radius: var(--spw-input-radius);\n    font-size: var(--spw-input-font-size);\n    text-align: var(--spw-input-text-align);\n    border: 1px solid var(--spw-input-border);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n    &[type='number'] {\n      // -moz-appearance: textfield;\n      // -webkit-appearance: none;\n      // appearance: none;\n      margin: 0;\n      &::-webkit-outer-spin-button,\n      &::-webkit-inner-spin-button {\n        // -webkit-appearance: none;\n        margin: 0;\n      }\n      &[type='number'] {\n        // -moz-appearance: textfield;\n      }\n    }\n    :host-context(spw-header) & {\n      border: 1px solid var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--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-text-field--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-text-field--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-text-field--is-search:not(.spw-text-field--is-clear) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear:not(.spw-text-field--is-search) & {\n      padding-right: 40px;\n    }\n    .spw-text-field--is-clear & {\n      padding-right: 70px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icons {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 12px;\n    gap: 8px;\n    transform: translateY(-50%);\n    .spw-text-field--large & {\n      right: 24px;\n    }\n    .spw-text-field--disabled & {\n      pointer-events: none;\n    }\n  }\n  &__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n    padding: 2px;\n    border: 2px var(--spw-color-themes-grey-grey-900) solid;\n    border-radius: 50%;\n    font-size: 12px;\n    transition: all 0.2s ease-in;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-text-field--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n  &__icon {\n    color: var(--spw-input-icon-search-color);\n    .spw-text-field--disabled & {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n    &--search {\n      pointer-events: none;\n      font-size: 18px;\n      .spw-text-field--large & {\n        font-size: 24px;\n      }\n    }\n    &--clear {\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 12px;\n    }\n  }\n}\n","import { AttachInternals, Method, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-text-field',\n  styleUrl: 'spw-text-field.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextField {\n  /** Événement émis lorsque la valeur de l'input change */\n  @Event() valueChanged: EventEmitter<string | number>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ de saisie, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Type d'input à rendre, par exemple, \"text\", \"password\", etc. */\n  @Prop() type?: string = 'text';\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label: string = '';\n  /** Texte du placeholder pour le champ de saisie */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ de saisie est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Valeur minimale dans le cas d'un input number */\n  @Prop() min?: number;\n  /** Valeur maximale dans le cas d'un input number */\n  @Prop() max?: number;\n  /** Valeur d'incrémentation dans le cas d'un input number */\n  @Prop() step?: number;\n  /** Longueur minimale pour la valeur de l'input */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur de l'input */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ peut être effacé avec un bouton */\n  @Prop() isClear?: boolean = false;\n  /** Indique si l'input est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ de saisie : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ de saisie */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher sous le champ de saisie */\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  /** Définition du masque (9 = chiffre, A = lettre majuscule, a = lettre, X = alphanum) */\n  @Prop() mask?: string;\n\n  @State() isClearIconVisible: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private inputElement!: HTMLInputElement;\n  private lastInputValue: string = '';\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.setValue(newValue);\n  }\n\n  @Method()\n  async setValue(newVal: string) {\n    const formatted = this.mask ? this.applyMask(newVal) : newVal;\n    this.internalValue = formatted;\n    this.value = formatted;\n    if (this.inputElement) {\n      this.inputElement.value = formatted;\n    }\n\n    const formVal = this.mask ? this.unmask(formatted) : formatted;\n\n    const emitValue = this.getTypedValue(formVal);\n\n    this.internals.setFormValue(emitValue ? String(emitValue) : null);\n    this.isClearIconVisible = this.isClear && !!formatted;\n    this.valueChanged.emit(emitValue);\n    this.lastInputValue = formatted;\n  }\n\n  private getTypedValue(value: string): string | number {\n    if (!value) return '';\n\n    if (this.type === 'number' && !isNaN(Number(value))) {\n      return Number(value);\n    }\n\n    return value;\n  }\n\n  componentWillLoad() {\n    const start = this.value ?? '';\n    this.internalValue = this.mask ? this.applyMask(start) : start;\n    this.lastInputValue = this.internalValue;\n  }\n\n  componentDidLoad() {\n    const formVal = this.mask ? this.unmask(this.internalValue) : this.internalValue;\n    const typedValue = this.getTypedValue(formVal);\n    this.internals.setFormValue(typedValue ? String(typedValue) : null);\n    this.isClearIconVisible = this.isClear && !!this.internalValue;\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleInput(event) {\n    if (!this.mask) {\n      this.setValue(event.target.value);\n      return;\n    }\n\n    const newValue = event.target.value;\n    const cursorPosition = event.target.selectionStart;\n\n    if (newValue.length < this.lastInputValue.length) {\n      const unmaskedValue = this.unmask(newValue);\n      this.setValue(unmaskedValue);\n\n      setTimeout(() => {\n        if (this.inputElement) {\n          const newCursorPos = Math.min(cursorPosition, this.inputElement.value.length);\n          this.inputElement.setSelectionRange(newCursorPos, newCursorPos);\n        }\n      }, 0);\n    } else {\n      this.setValue(newValue);\n    }\n  }\n\n  private handleClear() {\n    this.setValue('');\n  }\n\n  private unmask(value: string): string {\n    return value ? value.replace(/[^0-9A-Za-z]/g, '') : '';\n  }\n\n  private matchesPlaceholder(char: string, placeholder: string): boolean {\n    switch (placeholder) {\n      case '9':\n        return /[0-9]/.test(char);\n      case 'A':\n        return /[A-Za-z]/.test(char);\n      case 'a':\n        return /[A-Za-z]/.test(char);\n      case 'X':\n        return /[0-9A-Za-z]/.test(char);\n      default:\n        return false;\n    }\n  }\n\n  private transformForPlaceholder(char: string, placeholder: string): string {\n    switch (placeholder) {\n      case 'A':\n        return char.toUpperCase();\n      default:\n        return char;\n    }\n  }\n\n  private applyMask(rawOrMasked: string): string {\n    if (!this.mask) return rawOrMasked;\n\n    const rawChars = this.unmask(rawOrMasked).split('');\n    let rawIndex = 0;\n    let result = '';\n\n    for (let i = 0; i < this.mask.length; i++) {\n      const p = this.mask[i];\n\n      if (['9', 'A', 'a', 'X'].includes(p)) {\n        while (rawIndex < rawChars.length && !this.matchesPlaceholder(rawChars[rawIndex], p)) {\n          rawIndex++;\n        }\n        if (rawIndex >= rawChars.length) {\n          break;\n        }\n        const ch = this.transformForPlaceholder(rawChars[rawIndex], p);\n        result += ch;\n        rawIndex++;\n      } else {\n        result += p;\n      }\n    }\n\n    return result;\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-text-field': true,\n      [`spw-text-field--${this.size}`]: true,\n      'spw-text-field--is-search': this.isSearch,\n      'spw-text-field--is-error': !!this.error,\n      'spw-text-field--is-clear': this.isClearIconVisible,\n      'spw-text-field--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\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-text-field__container\">\n          <div class=\"spw-text-field__input-container\">\n            <input\n              class=\"spw-text-field__input\"\n              ref={el => (this.inputElement = el as HTMLInputElement)}\n              type={this.type}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              value={this.internalValue}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              name={this.name}\n              id={this.name}\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              required={this.required}\n              onInput={event => this.handleInput(event)}\n            />\n            {(this.isSearch || this.isClearIconVisible) && (\n              <div class=\"spw-text-field__icons\">\n                {this.isClearIconVisible && (\n                  <span class=\"spw-text-field__clear\" onClick={() => this.handleClear()}>\n                    <spw-icon class=\"spw-text-field__icon spw-text-field__icon--clear\" icon=\"fa-xmark\"></spw-icon>\n                  </span>\n                )}\n                {this.isSearch && <spw-icon class=\"spw-text-field__icon spw-text-field__icon--search\" icon=\"fa-magnifying-glass\"></spw-icon>}\n              </div>\n            )}\n          </div>\n          {this.indicator && <div class=\"spw-text-field__indicator\">{this.indicator}</div>}\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-b0dc1073.entry.js → p-2cfb78fb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,g 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%;--spw-footer-col-width-mobile:100%;--spw-footer-col-width-tablet:100%;--spw-footer-col-width-desktop: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-content{background:#1d1d1d;color:var(--spw-ds-white);padding:32px 0}.spw-footer-content__container{display:flex;flex-wrap:wrap}::slotted(spw-footer-content-col){margin-bottom:24px;position:relative;width:var(--spw-footer-col-width-mobile)}@media (min-width:768px){::slotted(spw-footer-content-col){gap:48px;width:var(--spw-footer-col-width-tablet)}}@media (min-width:1024px){::slotted(spw-footer-content-col){gap:0;margin-bottom:0;padding-left:48px;padding-right:48px;width:var(--spw-footer-col-width-desktop)}::slotted(spw-footer-content-col):after{background:var(--spw-ds-primary);content:"";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}}::slotted(spw-footer-content-col:first-child){padding-left:0}::slotted(spw-footer-content-col:last-child){margin-bottom:0;padding-right:0!important}::slotted(spw-footer-content-col:last-child):after{display:none}';const s=class{constructor(e){t(this,e)}componentDidLoad(){this.el.closest("spw-footer").addEventListener("spwFooterCols",this.handleFooterCols.bind(this))}disconnectedCallback(){this.el.closest("spw-footer").removeEventListener("spwFooterCols",this.handleFooterCols.bind(this))}handleFooterCols(t){const{colsMobile:e,colsTablet:o,colsDesktop:i}=t.detail;this.el.style.setProperty("--spw-footer-col-width-mobile",`calc(100% / ${e})`);this.el.style.setProperty("--spw-footer-col-width-tablet",`calc(100% / ${o})`);this.el.style.setProperty("--spw-footer-col-width-desktop",`calc(100% / ${i})`)}render(){return e(o,{key:"6252248d725d73708ac3cf331a7f12d886c7fc4d"},e("div",{key:"d4534b198b6d8c3edd31028a7d4fd3c8c4249d95",class:"spw-footer-content"},e("div",{key:"9f541023442bf7ff18091e3a2720d208f3b2db05",class:"spw-footer-content__container spw-ds-container"},e("slot",{key:"7f67422ee19cb7b5b4c535d72b70d4ae66d4585a"}))))}get el(){return i(this)}};s.style=n;export{s as spw_footer_content};
-//# sourceMappingURL=p-b0dc1073.entry.js.map
+import{r as t,h as e,H as o,g 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%;--spw-footer-col-width-mobile:100%;--spw-footer-col-width-tablet:100%;--spw-footer-col-width-desktop: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-content{background:#1d1d1d;color:var(--spw-ds-white);padding:32px 0}.spw-footer-content__container{display:flex;flex-wrap:wrap}::slotted(spw-footer-content-col){margin-bottom:24px;position:relative;width:var(--spw-footer-col-width-mobile)}@media (min-width:768px){::slotted(spw-footer-content-col){gap:48px;width:var(--spw-footer-col-width-tablet)}}@media (min-width:1024px){::slotted(spw-footer-content-col){gap:0;margin-bottom:0;padding-left:48px;padding-right:48px;width:var(--spw-footer-col-width-desktop)}::slotted(spw-footer-content-col):after{background:var(--spw-ds-primary);content:"";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}}::slotted(spw-footer-content-col:first-child){padding-left:0}::slotted(spw-footer-content-col:last-child){margin-bottom:0;padding-right:0!important}::slotted(spw-footer-content-col:last-child):after{display:none}';const s=class{constructor(e){t(this,e)}componentDidLoad(){this.el.closest("spw-footer").addEventListener("spwFooterCols",this.handleFooterCols.bind(this))}disconnectedCallback(){this.el.closest("spw-footer").removeEventListener("spwFooterCols",this.handleFooterCols.bind(this))}handleFooterCols(t){const{colsMobile:e,colsTablet:o,colsDesktop:i}=t.detail;this.el.style.setProperty("--spw-footer-col-width-mobile",`calc(100% / ${e})`);this.el.style.setProperty("--spw-footer-col-width-tablet",`calc(100% / ${o})`);this.el.style.setProperty("--spw-footer-col-width-desktop",`calc(100% / ${i})`)}render(){return e(o,{key:"dcb28355142ffc0d9d31bbf14996a00722474aaa"},e("div",{key:"28ad46d4bc262c9fa5665a1cec40027c55fd4fc0",class:"spw-footer-content"},e("div",{key:"7d427c0e3228b0c168feb94256ee929c1bfb6343",class:"spw-footer-content__container spw-ds-container"},e("slot",{key:"0367744cc5cab989634da91ff09ef264f35c674e"}))))}get el(){return i(this)}};s.style=n;export{s as spw_footer_content};
+//# sourceMappingURL=p-2cfb78fb.entry.js.map

package/dist/spw-stencil-library/{p-c2de4206.entry.js → p-2d974226.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,g as e}from"./p-BYM_CUUH.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:block;font-size:100%;line-height:1.3;position:relative;top:1px}: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-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";const o=class{constructor(i){t(this,i);this.showLeftArrow=false;this.showRightArrow=false;this.scrollPercentage=30;this.resizeObserver=null;this.mutationObserver=null;this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));if(this.ulElement){this.resizeObserver.observe(this.ulElement)}this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation();setTimeout((()=>this.checkOverflow()),10)}));this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true});this.updateSlottedElementsObservation()};this.updateSlottedElementsObservation=()=>{if(!this.resizeObserver)return;const t=Array.from(this.hostElement.children);t.forEach((t=>{this.resizeObserver.observe(t)}))};this.cleanupObservers=()=>{if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth;const i=this.ulElement.scrollWidth;const e=this.ulElement.scrollLeft;const s=i>t;this.showLeftArrow=s&&e>0;this.showRightArrow=s&&e<i-t-1};this.scrollLeft=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:-t,behavior:"smooth"})};this.scrollRight=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:t,behavior:"smooth"})};this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow();this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){return i("div",{key:"6629497ad63c4cdbd1909ac4c2e7b88892c191ec",class:"spw-tabs-navigation-container"},this.showLeftArrow&&i("button",{key:"4a4269d101912ff9ee7c4b6a245263b9709322fd",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},i("spw-icon",{key:"e18c9a63b807b77208e6e9bb188f059af819e330",icon:"fa-chevron-left"})),i("nav",{key:"885dfe03e15050612c8efe8a4421f9e4bba2cef1",class:"spw-tabs-navigation"},i("ul",{key:"f2fdc83d29a5d060dd993f7db0b8d81867c8b432",class:"spw-tabs-navigation__list",role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},i("slot",{key:"bd14eebcc28b7dc2aeb56cce6709f4155eed7490"}))),this.showRightArrow&&i("button",{key:"eafa4b51f6bba6382653c76a6880ca2ce1e151f5",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},i("spw-icon",{key:"94a175ac9004fb5cf018c8847d26e12088797cee",icon:"fa-chevron-right"})))}get hostElement(){return e(this)}};o.style=s;export{o as spw_tabs_navigation};
-//# sourceMappingURL=p-c2de4206.entry.js.map
+import{r as t,h as i,g as e}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:block;font-size:100%;line-height:1.3;position:relative;top:1px}: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-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";const o=class{constructor(i){t(this,i);this.showLeftArrow=false;this.showRightArrow=false;this.scrollPercentage=30;this.resizeObserver=null;this.mutationObserver=null;this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));if(this.ulElement){this.resizeObserver.observe(this.ulElement)}this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation();setTimeout((()=>this.checkOverflow()),10)}));this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true});this.updateSlottedElementsObservation()};this.updateSlottedElementsObservation=()=>{if(!this.resizeObserver)return;const t=Array.from(this.hostElement.children);t.forEach((t=>{this.resizeObserver.observe(t)}))};this.cleanupObservers=()=>{if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth;const i=this.ulElement.scrollWidth;const e=this.ulElement.scrollLeft;const s=i>t;this.showLeftArrow=s&&e>0;this.showRightArrow=s&&e<i-t-1};this.scrollLeft=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:-t,behavior:"smooth"})};this.scrollRight=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:t,behavior:"smooth"})};this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow();this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){return i("div",{key:"f7a4bfdab3232c7ce3a7d1f28279733419dd4ae7",class:"spw-tabs-navigation-container"},this.showLeftArrow&&i("button",{key:"d8c9496990f8e48fa18927e5b2cb3a2e5b38c83c",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},i("spw-icon",{key:"eabaa1b71fdacd05cf41ee417994a5eedfc6f8d3",icon:"fa-chevron-left"})),i("nav",{key:"e7e50d5c97c72d0a9786865b89aaac519a265a09",class:"spw-tabs-navigation"},i("ul",{key:"f2824eb6b477ed6ad3ab3d3a7ec4725dbd38d741",class:"spw-tabs-navigation__list",role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},i("slot",{key:"ebf5b6ae1b51cf5603b07a896ac63add8a75ab6e"}))),this.showRightArrow&&i("button",{key:"54f99195ebc3bbd7dd270a2cad5d71905003d0df",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},i("spw-icon",{key:"b5151f6a76a6d3ae7340c52e11e4a53e6c7b2de0",icon:"fa-chevron-right"})))}get hostElement(){return e(this)}};o.style=s;export{o as spw_tabs_navigation};
+//# sourceMappingURL=p-2d974226.entry.js.map

package/dist/spw-stencil-library/{p-19a69f36.entry.js → p-300b4bdb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as a,g as o}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;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:"";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}';const s=class{constructor(i){t(this,i);this.spwHeaderNavigationNavigate=e(this,"spwHeaderNavigationNavigate");this.isActive=false;this.internalIsActive=false;this.hasSubnav=false;this.level=1;this.isSubnavVisible=false;this.lastClickedLevel1Item=null;this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive;this.checkForSubnav();this.calculateLevel();this.updateLevelClass()}componentWillUpdate(){if(this.isActive!==this.internalIsActive){this.internalIsActive=this.isActive}this.updateLevelClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});const i=e.some((t=>t.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"));if(i!==this.hasSubnav){this.hasSubnav=i}}}calculateLevel(){let t=1;let e=this.el.parentElement;while(e&&e.tagName!=="SPW-HEADER-NAVIGATION"){if(e.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"){t++}e=e.parentElement}this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{if(e.startsWith("spw-ds-nav-level-")){t.classList.remove(e)}}));t.classList.add(`spw-ds-nav-level-${this.level}`);this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){if(!this.isMobile)return;t.stopPropagation();if(this.hasSubnav&&!this.isSubnavVisible){const e=window.matchMedia("(max-width: 1024px)").matches;if(e){t.preventDefault()}if(this.level===1){this.lastClickedLevel1Item=this.el.innerText;document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)}this.isSubnavVisible=!this.isSubnavVisible;if(this.isSubnavVisible){this.level++;this.updateLevelClass()}}}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(t){t.stopPropagation();this.isSubnavVisible=false;if(this.level>1){this.level--;this.updateLevelClass()}this.internalIsActive=false;if(this.level===1&&!this.isSubnavVisible){this.lastClickedLevel1Item=null;document.documentElement.removeAttribute("data-ds-nav-level1")}}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:true});if(e.length>0){const t=e[0];const i=t.innerText||"";const a=t.href||null;const o=t.target||null;return{title:i,link:a,target:o}}}return null}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav()}),0);const t=this.el.shadowRoot.querySelector("slot");if(t){const e=new MutationObserver((()=>{this.checkForSubnav()}));e.observe(t,{childList:true,subtree:true})}}render(){const t=this.getPageTitle();const e=this.getStoredLevel1Item();const o={"spw-header-navigation-item":true,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible};return i(a,{key:"99e22960a8623ff32fd3cb05dcf22cf5fcae86d8","data-level":this.level},i("li",{key:"4a93483ef7a15c7c286cdc2ead368787eec7e402",class:o},i("div",{key:"9c2fcd9c8aa35a197603be2ae4b5f20e4bc07460",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&i("div",{key:"c48a9e0a758f4dc8d32784f6e64cbcff6026f3f9",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"332d772c77e37fd2d34763a8fb1c4daba3c0f209",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},i("spw-icon",{key:"16c3aaf99745cf973ac94b44f3685465594a5f6a",icon:"fa-chevron-left"})," ",i("span",{key:"4c0e3ef02b1d804177814d21b6713acc92c72ae8"},this.level===1?"":this.level===2?"Menu principal":e)),i("div",{key:"ca137c976669140ce05b6499bdb35f356f441cf8",class:"spw-header-navigation-item__top-title"},i("a",{key:"1e32b4bcd035b77196ba22c15a9cf33672f610f1",href:(t===null||t===void 0?void 0:t.link)||"#",target:(t===null||t===void 0?void 0:t.target)||"_self"},(t===null||t===void 0?void 0:t.title)||""))),i("slot",{key:"d80ed70c92771c873a58564e08881bc6e81517c4"}))))}get el(){return o(this)}};s.style=n;export{s as spw_header_navigation_item};
-//# sourceMappingURL=p-19a69f36.entry.js.map
+import{r as e,c as t,h as i,H as a,g as o}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;display:block;font-size:100%;line-height:1.3;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{background:#fff;color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700}@media (max-width:1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){font-size:20px;padding:24px 16px;position:relative}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-colors-support-grey-grey-300);content:"";height:1px;left:16px;position:absolute;top:0;width:calc(100% - 32px)}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){border-bottom:0;font-size:16px;padding:20px 16px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:3px;left:16px;position:absolute;top:auto;width:0}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){margin-left:16px;opacity:1;pointer-events:auto;top:100%;transition:opacity .1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a){color:var(--spw-ds-primary)!important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before{width:calc(100% - 32px)}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-size:18px}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width:1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:18px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown){left:100%;opacity:1;pointer-events:auto;top:0;transition:opacity .1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-ds-primary)!important}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f054";font-family:var(--spw-ds-font-icons-solid);font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:400;padding:12px 16px}@media (min-width:1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){font-size:16px;font-weight:700;padding:20px}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary)!important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(a){align-items:center;color:inherit;display:inline-flex;gap:8px;justify-content:space-between;padding:16px 0;position:relative;text-decoration:none;width:100%}@media (min-width:1024px){.spw-header-navigation-item ::slotted(a){padding:16px}.spw-header-navigation-item ::slotted(a):before{background:var(--spw-ds-primary);bottom:0;content:"";height:5px;left:16px;position:absolute;transition:width .2s ease-in;width:0}}.spw-header-navigation-item ::slotted(a:focus-visible){box-shadow:0 0 0 3px #000;outline:3px solid #fff;outline-offset:-3px}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary)!important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width:1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){box-shadow:var(--spw-effect-elevation-8);display:block;opacity:0;pointer-events:none;position:absolute;width:320px}}@media (max-width:1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){background:#fff;display:block;left:0;margin-top:0;min-height:100%;opacity:1;overflow-y:auto;padding-top:132px;position:absolute;top:0;width:100%}}.spw-header-navigation-item__top{background:#fff;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-direction:column;height:118px;justify-content:space-between;left:16px;padding:24px 0;position:absolute;top:0;width:calc(100% - 32px);z-index:9999999}.spw-header-navigation-item__top-back{align-items:center;color:var(--spw-colors-support-grey-grey-900);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:left;text-decoration:none}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{color:var(--spw-colors-support-grey-grey-900);display:block;font-size:20px;font-weight:700;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width:1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width:1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width:1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}.spw-header-navigation-item__top{display:none}}';const s=class{constructor(i){e(this,i);this.spwHeaderNavigationNavigate=t(this,"spwHeaderNavigationNavigate",7);this.isActive=false;this.internalIsActive=false;this.hasSubnav=false;this.level=1;this.isSubnavVisible=false;this.lastClickedLevel1Item=null;this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive;this.checkForSubnav();this.calculateLevel();this.updateLevelClass()}componentWillUpdate(){if(this.isActive!==this.internalIsActive){this.internalIsActive=this.isActive}this.updateLevelClass()}checkForSubnav(){const e=this.el.shadowRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:true});const i=t.some((e=>e.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"));if(i!==this.hasSubnav){this.hasSubnav=i}}}calculateLevel(){let e=1;let t=this.el.parentElement;while(t&&t.tagName!=="SPW-HEADER-NAVIGATION"){if(t.tagName==="SPW-HEADER-NAVIGATION-DROPDOWN"){e++}t=t.parentElement}this.level=e}updateLevelClass(){const e=document.documentElement;Array.from(e.classList).forEach((t=>{if(t.startsWith("spw-ds-nav-level-")){e.classList.remove(t)}}));e.classList.add(`spw-ds-nav-level-${this.level}`);this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(e){if(!this.isMobile)return;e.stopPropagation();if(this.hasSubnav&&!this.isSubnavVisible){const t=window.matchMedia("(max-width: 1024px)").matches;if(t){e.preventDefault()}if(this.level===1){this.lastClickedLevel1Item=this.el.innerText;document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)}this.isSubnavVisible=!this.isSubnavVisible;if(this.isSubnavVisible){this.level++;this.updateLevelClass()}}}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")||""}handleBackClick(e){e.stopPropagation();this.isSubnavVisible=false;if(this.level>1){this.level--;this.updateLevelClass()}this.internalIsActive=false;if(this.level===1&&!this.isSubnavVisible){this.lastClickedLevel1Item=null;document.documentElement.removeAttribute("data-ds-nav-level1")}}getPageTitle(){const e=this.el.shadowRoot.querySelector("slot");if(e){const t=e.assignedElements({flatten:true});if(t.length>0){const e=t[0];const i=e.innerText||"";const a=e.href||null;const o=e.target||null;return{title:i,link:a,target:o}}}return null}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav()}),0);const e=this.el.shadowRoot.querySelector("slot");if(e){const t=new MutationObserver((()=>{this.checkForSubnav()}));t.observe(e,{childList:true,subtree:true})}}render(){const e=this.getPageTitle();const t=this.getStoredLevel1Item();const o={"spw-header-navigation-item":true,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible};return i(a,{key:"a512e941812f774ce08f6eb45e5d476ef52420dd","data-level":this.level},i("li",{key:"fd49b57a51f48863ee0922055c2281262817195a",class:o},i("div",{key:"ccc19148c0f975348990d09dc66ce7b5496e01dd",class:"spw-header-navigation-item__content",onClick:e=>this.toggleSubnavVisibility(e)},this.isSubnavVisible&&i("div",{key:"eb91eadefd53c15f541bed6dd2b2601d7fa5f24e",class:`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`},i("div",{key:"1d1b063eef0a4a02a7f693ecb52d01c142d7eea2",class:"spw-header-navigation-item__top-back",onClick:e=>this.handleBackClick(e)},i("spw-icon",{key:"5738ed79837db0f23d467d195f94ad62f5725982",icon:"fa-chevron-left"})," ",i("span",{key:"dce53b6febdc4687064fdd746ade3bbf6f237f9a"},this.level===1?"":this.level===2?"Menu principal":t)),i("div",{key:"824529700d56c9b7bac36c09c63fc1c105a8dac7",class:"spw-header-navigation-item__top-title"},i("a",{key:"6beaff0b388e7284d9ca76d9ce9ad79c4c0bed2b",href:(e===null||e===void 0?void 0:e.link)||"#",target:(e===null||e===void 0?void 0:e.target)||"_self"},(e===null||e===void 0?void 0:e.title)||""))),i("slot",{key:"46bfcb894fe31623cfc4d45bf379276506705e0b"}))))}get el(){return o(this)}};s.style=n;export{s as spw_header_navigation_item};
+//# sourceMappingURL=p-300b4bdb.entry.js.map