@spw-ds/spw-stencil-library 1.2.8 → 1.3.0

package/dist/spw-stencil-library/{p-804bb957.entry.js → p-197a694e.entry.js}

@@ -1,2 +1,2 @@
-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:"27be0b4795a95d6716f9d08c829969c3b48567e3",class:this.elementClass},this.label&&i("spw-field-label",{key:"3dbaffc3d351a855c63c7691de99a71cd901a230",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"93bf1c0f803ca486474cbd790ee75d23973ad728",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"2c5743a76a2feac7785600e934bfe1e3cd6a3809",class:"spw-text-field__container"},i("div",{key:"14fea0bcef5479b7696c33b99ca15f0402fbd20d",class:"spw-text-field__input-container"},i("input",{key:"cfccf8028841c20802862a5e7ffb6b98754758ed",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:"a33b54bed61551e77bb179256dfb8de5ac461697",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"c08d7c2c372f568bf00599c29c0027b7d9795b7f",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"084520d9be13ed7657df4fb0d70e35a4b938d66b",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"18bffd430de3ec5ea0ffa2beace0f9687dbe04e0",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"a822903751f4a78baa3cebff2cbc3f48d9433dbf",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-804bb957.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:1232px;--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:"73ac37b3ed55ab4ecdf2d53205543e2a9ffe81dc",class:this.elementClass},this.label&&i("spw-field-label",{key:"cf650cb16c3d99d7c33b9601248c4657fb7279b4",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"5269b9120855a18e6335d86ac8be10450412943f",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"2b52a572e705e71fa23d640e40454c3a9f8affc8",class:"spw-text-field__container"},i("div",{key:"129b7bbc8fdf6e67091bc78ece7707377ef7b842",class:"spw-text-field__input-container"},i("input",{key:"7f1e09cd16144e2f0668f53d0f2442f81b4b9a49",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:"d4e16905095e9b552f391c6a710ca571789495bb",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"6e05f437e9eddbadeefca09c59e35f85b6581b81",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"3da5733ef65c1fb89d5fa3f0603b9d5e34124634",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"6eba091e8090db0bae9317f06cf91088f7d34bf1",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"e85fd9e2419cf68cc27b810e42acf4ca43d1e4b7",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-197a694e.entry.js.map

package/dist/spw-stencil-library/p-22f022ca.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as s,g as i}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__submit{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.spw-search-field--large .spw-search-field__submit{height:46px;right:16px;width:46px}.spw-search-field__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:44}.spw-search-field--is-rounded .spw-search-field__options{border:none;border-radius:0 0 24px 24px}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down,.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);color:var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px;text-align:left;transition:background-color .2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-bottom:none;border-radius:12px;padding:12px}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px;text-align:left}.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{bottom:0;cursor:pointer;font-weight:700;position:sticky}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{background:#fff;border-top:1px solid var(--spw-color-themes-grey-grey-900);color:#000;display:block;display:inline-flex;justify-content:space-between;padding:12px;text-decoration:underline;width:100%}.spw-search-field--is-rounded .spw-search-field__view-all a{border-top:none;color:var(--spw-ds-primary);padding:12px 24px 24px}.spw-search-field__view-all a:hover{text-decoration:none}.spw-tw-italic{font-style:italic}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";const r=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged",7);this.placeholder="Recherche...";this.size="medium";this.label="";this.required=false;this.viewAllResults="Voir plus de résultats";this.noResults="Pas de résultats.";this.hasSubmitButton=false;this.filteredItems=[];this.searchText="";this.isOpen=false;this.focusedItemIndex=null;this.dropdownDirection="down";this.handleClickOutside=e=>{if(this.isOpen){const t=e.composedPath()[0];const s=this.hostElement.contains(t);if(!s){this.isOpen=false}}};this.handleValueChanged=e=>{const t=String(e.detail);this.searchText=t;this.updateHiddenInput();this.filterItems();this.determineDropdownDirection();if(!this.searchText){this.isOpen=false}else{this.isOpen=true}this.valueChanged.emit(this.searchText)};this.handleSubmit=e=>{e.preventDefault();this.updateHiddenInput();const t=this.el.closest("form");if(t){t.submit()}}}componentWillLoad(){if(this.items){this.parseItems(this.items)}else{this.filteredItems=[]}}componentDidLoad(){document.addEventListener("click",this.handleClickOutside);this.createHiddenInput()}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside);if(this.hiddenInput&&this.hiddenInput.parentNode){this.hiddenInput.parentNode.removeChild(this.hiddenInput)}}createHiddenInput(){if(this.name){this.hiddenInput=document.createElement("input");this.hiddenInput.type="hidden";this.hiddenInput.name=this.name;this.hiddenInput.value=this.searchText;this.el.appendChild(this.hiddenInput)}}updateHiddenInput(){if(this.hiddenInput){this.hiddenInput.value=this.searchText}}async resetInput(){this.searchText="";this.updateHiddenInput();this.isOpen=false;this.focusedItemIndex=null;this.valueChanged.emit(this.searchText)}async setValue(e){this.searchText=e;this.updateHiddenInput();this.filterItems();this.valueChanged.emit(this.searchText)}async getValue(){return this.searchText}parseItems(e){if(!e){this.filteredItems=[];return}try{this.filteredItems=JSON.parse(e)}catch(t){console.error("Invalid JSON format for items:",e);this.filteredItems=[]}}filterItems(){if(!this.items){this.filteredItems=[];return}const e=this.normalizeString(this.searchText);this.filteredItems=JSON.parse(this.items).filter((t=>this.normalizeString(t.label).includes(e)))}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}selectItem(e){this.searchText=e.label;this.updateHiddenInput();this.isOpen=false;this.valueChanged.emit(this.searchText);if(e.url){window.location.href=e.url}}determineDropdownDirection(){const e=this.hostElement.getBoundingClientRect();const t=window.innerHeight;if(e.bottom+200>t&&e.top>200){this.dropdownDirection="up"}else{this.dropdownDirection="down"}}handleKeyDown(e){switch(e.key){case"ArrowDown":e.preventDefault();if(this.isOpen){this.focusedItemIndex=this.focusedItemIndex===null?0:(this.focusedItemIndex+1)%this.filteredItems.length}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.focusedItemIndex=this.focusedItemIndex===null?this.filteredItems.length-1:(this.focusedItemIndex-1+this.filteredItems.length)%this.filteredItems.length}break;case"Enter":e.preventDefault();if(this.isOpen&&this.focusedItemIndex!==null){this.selectItem(this.filteredItems[this.focusedItemIndex])}break;case"Escape":this.isOpen=false;break}}highlightMatch(e){const t=this.normalizeString(this.searchText);const i=this.normalizeString(e);const o=i.indexOf(t);if(o===-1||!this.searchText){return e}const r=o+t.length;return s("span",null,e.slice(0,o),s("strong",null,e.slice(o,r)),e.slice(r))}get elementClass(){return{"spw-search-field":true,"spw-search-field--is-rounded":this.isRounded,"spw-search-field--has-submit-button":this.hasSubmitButton,"spw-search-field--is-open":this.isOpen,[`spw-search-field--${this.size}`]:true}}render(){return s("div",{key:"c9636fb8e92c46bbfaec62782e8d73e555a07577",ref:e=>this.hostElement=e,class:this.elementClass},s("spw-text-field",{key:"63e76a64de658ac441dd8c91edd0040f69218f38",placeholder:this.placeholder,name:this.name,label:this.label,size:this.size,"is-search":true,"is-clear":true,required:this.required,disabled:this.disabled,assistiveText:this.assistiveText,value:this.searchText,onValueChanged:this.handleValueChanged,onKeyDown:e=>this.handleKeyDown(e)}),this.hasSubmitButton&&s("button",{key:"363cdbd97b3f51bf17d5624f22a02398a770b199",type:"button",class:"spw-search-field__submit",onClick:this.handleSubmit,"aria-label":"Rechercher"}),this.isOpen&&!!this.items&&s("div",{key:"f28f7cc7e55cf5415d76121aec45c61090d5b5dd",class:`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`},!!this.filteredItems.length&&s("ul",{key:"55b3a37b8608c22cc7142e82da43a2884cbe5c6c"},this.filteredItems.map(((e,t)=>s("li",{class:{"spw-search-field__option":true,"spw-search-field__option--focused":t===this.focusedItemIndex},onClick:()=>this.selectItem(e)},this.highlightMatch(e.label)," ",e.category&&s("span",{class:"spw-tw-italic"}," - ",e.category))))),!this.filteredItems.length&&s("p",{key:"2a50977cc568d215db13c1373ef559de9d11ce7b",class:"spw-search-field__no-results"},this.noResults),!!this.filteredItems.length&&this.viewAllResults&&this.viewAllResultsLink&&s("p",{key:"9b04dde9683c712de282c1a5587f0d6b20789f3e",class:"spw-search-field__view-all"},s("a",{key:"b10f4c85a782dca707cacdcd1ffb479a7b7da8b0",href:this.viewAllResultsLink},this.viewAllResults," ",s("spw-icon",{key:"c538754b96e0a450272657b568ce00518783fe32",icon:"fa-arrow-right"})))))}get el(){return i(this)}static get watchers(){return{items:["parseItems"]}}};r.style=o;export{r as spw_search_field};
+//# sourceMappingURL=p-22f022ca.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwSearchFieldCss","SpwSearchField","constructor","hostRef","this","placeholder","size","label","required","viewAllResults","noResults","hasSubmitButton","filteredItems","searchText","isOpen","focusedItemIndex","dropdownDirection","handleClickOutside","event","target","composedPath","isInsideHost","hostElement","contains","handleValueChanged","newValue","String","detail","updateHiddenInput","filterItems","determineDropdownDirection","valueChanged","emit","handleSubmit","preventDefault","form","el","closest","submit","componentWillLoad","items","parseItems","componentDidLoad","document","addEventListener","createHiddenInput","disconnectedCallback","removeEventListener","hiddenInput","parentNode","removeChild","name","createElement","type","value","appendChild","resetInput","setValue","getValue","JSON","parse","e","console","error","normalizedSearchText","normalizeString","filter","item","includes","str","normalize","replace","toLowerCase","selectItem","url","window","location","href","rect","getBoundingClientRect","viewportHeight","innerHeight","bottom","top","handleKeyDown","key","length","highlightMatch","normalizedItem","startIndex","indexOf","endIndex","h","slice","elementClass","isRounded","render","ref","class","disabled","assistiveText","onValueChanged","onKeyDown","onClick","map","index","category","viewAllResultsLink","icon"],"sources":["src/components/spw-search-field/spw-search-field.scss?tag=spw-search-field&encapsulation=shadow","src/components/spw-search-field/spw-search-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-search-field {\n  position: relative;\n  &--large {\n    spw-text-field {\n      --spw-input-height: 54px;\n      --spw-input-padding: 16px 24px;\n      --spw-input-radius: 60px;\n      --spw-input-border: transparent;\n      --spw-input-icon-search-color: var(--spw-ds-primary);\n    }\n  }\n\n  &.spw-search-field--large.spw-search-field--is-open {\n    spw-text-field {\n      --spw-input-radius: 24px 24px 0 0;\n    }\n  }\n\n  &--has-submit-button {\n    spw-text-field {\n      --spw-input-padding-right: 56px;\n    }\n  }\n}\n\n.spw-search-field__submit {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  height: 40px;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  z-index: 10;\n\n  .spw-search-field--large & {\n    width: 46px;\n    height: 46px;\n    right: 16px;\n  }\n}\n\n.spw-search-field__options {\n  position: absolute;\n  width: 100%;\n  background-color: #fff;\n  border: 1px solid var(--spw-color-themes-grey-grey-800);\n  border-radius: 0 0 4px 4px;\n  max-height: 200px;\n  overflow-y: auto;\n  z-index: 44;\n  margin-top: -2px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease;\n  .spw-search-field--is-rounded & {\n    border-radius: 0 0 24px 24px;\n    border: none;\n    ul {\n      padding: 12px;\n    }\n  }\n}\n\n.spw-search-field__options--down {\n  top: 100%;\n  transform: translateY(0);\n}\n\n.spw-search-field__options--up {\n  top: 100%;\n  transform: translateY(0);\n}\n\n.spw-search-field__option {\n  padding: 12px;\n  color: var(--spw-color-themes-grey-grey-900);\n  text-align: left;\n  border-bottom: 1px solid var(--spw-color-themes-grey-grey-900);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n\n  .spw-search-field--is-rounded & {\n    border-radius: 12px;\n    padding: 12px;\n    border-bottom: none;\n  }\n\n  &:hover {\n    background-color: var(--spw-color-themes-grey-grey-200);\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  &--focused {\n    background-color: var(--spw-color-themes-grey-grey-300);\n  }\n\n  &--selected {\n    font-weight: 700;\n  }\n}\n\n.spw-search-field__no-results {\n  padding: 12px;\n  cursor: not-allowed;\n  text-align: left;\n  color: var(--spw-color-themes-grey-grey-600);\n  .spw-search-field--is-rounded & {\n    padding: 24px;\n  }\n}\n\n.spw-search-field__view-all {\n  position: sticky;\n  bottom: 0;\n  cursor: pointer;\n  font-weight: 700;\n\n  .spw-search-field--is-rounded & {\n    border-radius: 12px;\n    border-top: none;\n  }\n\n  a {\n    color: black;\n    background: white;\n    border-top: 1px solid var(--spw-color-themes-grey-grey-900);\n    .spw-search-field--is-rounded & {\n      color: var(--spw-ds-primary);\n      padding: 12px 24px 24px 24px;\n      border-top: none;\n    }\n    text-decoration: underline;\n    display: block;\n    width: 100%;\n    padding: 12px;\n    display: inline-flex;\n    justify-content: space-between;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n","import { Component, Prop, State, Event, EventEmitter, Method, h, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-search-field',\n  styleUrl: 'spw-search-field.scss',\n  shadow: true,\n})\nexport class SpwSearchField {\n  @Element() el: HTMLElement;\n  private hostElement: HTMLElement;\n  private hiddenInput: HTMLInputElement;\n\n  /** Événement émis lorsque la valeur du champ de recherche change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  /** Liste des éléments à filtrer, passée sous forme de chaîne JSON */\n  @Prop() items?: string;\n  /** Placeholder à afficher dans le champ de recherche */\n  @Prop() placeholder: string = 'Recherche...';\n  /** Taille du champ de recherche */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Label associé au champ de recherche */\n  @Prop() label?: string = '';\n  /** Indique si le champ de recherche est désactivé */\n  @Prop() disabled?: boolean;\n  /** Indique si le champ de recherche est arrondi ou pas (communément utilisé dans un hero banner) */\n  @Prop() isRounded?: boolean;\n  /** Nom du champ de recherche, utilisé pour les formulaires */\n  @Prop() name: string;\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n  /** Texte d'assistance affiché sous le champ de recherche */\n  @Prop() assistiveText?: string;\n  /** Texte du lien pour voir tous les résultats */\n  @Prop() viewAllResults?: string = 'Voir plus de résultats';\n  /** URL vers laquelle renvoie le lien \"voir tous les résultats\" */\n  @Prop() viewAllResultsLink?: string;\n  /** Texte à afficher si pas de résultats */\n  @Prop() noResults?: string = 'Pas de résultats.';\n  /** Affiche un bouton submit (loupe) qui déclenche le submit du formulaire parent */\n  @Prop() hasSubmitButton?: boolean = false;\n\n  @State() filteredItems: Array<{ url?: string; label: string; category?: string }> = [];\n  @State() searchText: string = '';\n  @State() isOpen: boolean = false;\n  @State() focusedItemIndex: number | null = null;\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n\n  componentWillLoad() {\n    if (this.items) {\n      this.parseItems(this.items);\n    } else {\n      this.filteredItems = [];\n    }\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    this.createHiddenInput();\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    if (this.hiddenInput && this.hiddenInput.parentNode) {\n      this.hiddenInput.parentNode.removeChild(this.hiddenInput);\n    }\n  }\n\n  private createHiddenInput() {\n    if (this.name) {\n      this.hiddenInput = document.createElement('input');\n      this.hiddenInput.type = 'hidden';\n      this.hiddenInput.name = this.name;\n      this.hiddenInput.value = this.searchText;\n      this.el.appendChild(this.hiddenInput);\n    }\n  }\n\n  private updateHiddenInput() {\n    if (this.hiddenInput) {\n      this.hiddenInput.value = this.searchText;\n    }\n  }\n\n  /** Réinitialise le champ de recherche */\n  @Method()\n  async resetInput() {\n    this.searchText = '';\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.focusedItemIndex = null;\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Définit la valeur du champ de recherche */\n  @Method()\n  async setValue(value: string) {\n    this.searchText = value;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.valueChanged.emit(this.searchText);\n  }\n\n  /** Récupère la valeur actuelle du champ de recherche */\n  @Method()\n  async getValue(): Promise<string> {\n    return this.searchText;\n  }\n\n  @Watch('items')\n  parseItems(newValue: string) {\n    if (!newValue) {\n      this.filteredItems = [];\n      return;\n    }\n\n    try {\n      this.filteredItems = JSON.parse(newValue);\n    } catch (e) {\n      console.error('Invalid JSON format for items:', newValue);\n      this.filteredItems = [];\n    }\n  }\n\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.isOpen) {\n      const target = event.composedPath()[0] as Node;\n      const isInsideHost = this.hostElement.contains(target);\n\n      if (!isInsideHost) {\n        this.isOpen = false;\n      }\n    }\n  };\n\n  private handleValueChanged = (event: CustomEvent<string | number>) => {\n    const newValue = String(event.detail);\n    this.searchText = newValue;\n    this.updateHiddenInput();\n    this.filterItems();\n    this.determineDropdownDirection();\n\n    if (!this.searchText) {\n      this.isOpen = false;\n    } else {\n      this.isOpen = true;\n    }\n\n    this.valueChanged.emit(this.searchText);\n  };\n\n  private filterItems() {\n    if (!this.items) {\n      this.filteredItems = [];\n      return;\n    }\n\n    const normalizedSearchText = this.normalizeString(this.searchText);\n\n    this.filteredItems = JSON.parse(this.items).filter(item => this.normalizeString(item.label).includes(normalizedSearchText));\n  }\n\n  private normalizeString(str: string): string {\n    return str\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase();\n  }\n\n  private selectItem(item: { url?: string; label: string }) {\n    this.searchText = item.label;\n    this.updateHiddenInput();\n    this.isOpen = false;\n    this.valueChanged.emit(this.searchText);\n\n    if (item.url) {\n      window.location.href = item.url;\n    }\n  }\n\n  private determineDropdownDirection() {\n    const rect = this.hostElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n\n    if (rect.bottom + 200 > viewportHeight && rect.top > 200) {\n      this.dropdownDirection = 'up';\n    } else {\n      this.dropdownDirection = 'down';\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex = this.focusedItemIndex === null ? 0 : (this.focusedItemIndex + 1) % this.filteredItems.length;\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (this.isOpen) {\n          this.focusedItemIndex =\n            this.focusedItemIndex === null ? this.filteredItems.length - 1 : (this.focusedItemIndex - 1 + this.filteredItems.length) % this.filteredItems.length;\n        }\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.isOpen && this.focusedItemIndex !== null) {\n          this.selectItem(this.filteredItems[this.focusedItemIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  private highlightMatch(item: string) {\n    const normalizedSearchText = this.normalizeString(this.searchText);\n    const normalizedItem = this.normalizeString(item);\n\n    const startIndex = normalizedItem.indexOf(normalizedSearchText);\n\n    if (startIndex === -1 || !this.searchText) {\n      return item;\n    }\n\n    const endIndex = startIndex + normalizedSearchText.length;\n\n    return (\n      <span>\n        {item.slice(0, startIndex)}\n        <strong>{item.slice(startIndex, endIndex)}</strong>\n        {item.slice(endIndex)}\n      </span>\n    );\n  }\n\n  private handleSubmit = (event: Event) => {\n    event.preventDefault();\n\n    this.updateHiddenInput();\n\n    const form = this.el.closest('form');\n    if (form) {\n      form.submit();\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-search-field': true,\n      'spw-search-field--is-rounded': this.isRounded,\n      'spw-search-field--has-submit-button': this.hasSubmitButton,\n      'spw-search-field--is-open': this.isOpen,\n      [`spw-search-field--${this.size}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div ref={el => (this.hostElement = el as HTMLElement)} class={this.elementClass}>\n        <spw-text-field\n          placeholder={this.placeholder}\n          name={this.name}\n          label={this.label}\n          size={this.size}\n          is-search={true}\n          is-clear={true}\n          required={this.required}\n          disabled={this.disabled}\n          assistiveText={this.assistiveText}\n          value={this.searchText}\n          onValueChanged={this.handleValueChanged}\n          onKeyDown={event => this.handleKeyDown(event)}\n        ></spw-text-field>\n        {this.hasSubmitButton && <button type=\"button\" class=\"spw-search-field__submit\" onClick={this.handleSubmit} aria-label=\"Rechercher\"></button>}\n        {this.isOpen && !!this.items && (\n          <div class={`spw-search-field__options spw-search-field__options--${this.dropdownDirection}`}>\n            {!!this.filteredItems.length && (\n              <ul>\n                {this.filteredItems.map((item, index) => (\n                  <li\n                    class={{\n                      'spw-search-field__option': true,\n                      'spw-search-field__option--focused': index === this.focusedItemIndex,\n                    }}\n                    onClick={() => this.selectItem(item)}\n                  >\n                    {this.highlightMatch(item.label)} {item.category && <span class=\"spw-tw-italic\"> - {item.category}</span>}\n                  </li>\n                ))}\n              </ul>\n            )}\n            {!this.filteredItems.length && <p class=\"spw-search-field__no-results\">{this.noResults}</p>}\n            {!!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (\n              <p class=\"spw-search-field__view-all\">\n                <a href={this.viewAllResultsLink}>\n                  {this.viewAllResults} <spw-icon icon=\"fa-arrow-right\"></spw-icon>\n                </a>\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,y0K,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,qDAgBUC,KAAWC,YAAW,eAEtBD,KAAIE,KAAwB,SAE5BF,KAAKG,MAAY,GAQjBH,KAAQI,SAAa,MAIrBJ,KAAcK,eAAY,yBAI1BL,KAASM,UAAY,oBAErBN,KAAeO,gBAAa,MAE3BP,KAAaQ,cAA8D,GAC3ER,KAAUS,WAAW,GACrBT,KAAMU,OAAY,MAClBV,KAAgBW,iBAAkB,KAClCX,KAAiBY,kBAAkB,OA8EpCZ,KAAAa,mBAAsBC,IAC5B,GAAId,KAAKU,OAAQ,CACf,MAAMK,EAASD,EAAME,eAAe,GACpC,MAAMC,EAAejB,KAAKkB,YAAYC,SAASJ,GAE/C,IAAKE,EAAc,CACjBjB,KAAKU,OAAS,K,IAKZV,KAAAoB,mBAAsBN,IAC5B,MAAMO,EAAWC,OAAOR,EAAMS,QAC9BvB,KAAKS,WAAaY,EAClBrB,KAAKwB,oBACLxB,KAAKyB,cACLzB,KAAK0B,6BAEL,IAAK1B,KAAKS,WAAY,CACpBT,KAAKU,OAAS,K,KACT,CACLV,KAAKU,OAAS,I,CAGhBV,KAAK2B,aAAaC,KAAK5B,KAAKS,WAAW,EA2FjCT,KAAA6B,aAAgBf,IACtBA,EAAMgB,iBAEN9B,KAAKwB,oBAEL,MAAMO,EAAO/B,KAAKgC,GAAGC,QAAQ,QAC7B,GAAIF,EAAM,CACRA,EAAKG,Q,EA8DV,CApQC,iBAAAC,GACE,GAAInC,KAAKoC,MAAO,CACdpC,KAAKqC,WAAWrC,KAAKoC,M,KAChB,CACLpC,KAAKQ,cAAgB,E,EAIzB,gBAAA8B,GACEC,SAASC,iBAAiB,QAASxC,KAAKa,oBACxCb,KAAKyC,mB,CAGP,oBAAAC,GACEH,SAASI,oBAAoB,QAAS3C,KAAKa,oBAC3C,GAAIb,KAAK4C,aAAe5C,KAAK4C,YAAYC,WAAY,CACnD7C,KAAK4C,YAAYC,WAAWC,YAAY9C,KAAK4C,Y,EAIzC,iBAAAH,GACN,GAAIzC,KAAK+C,KAAM,CACb/C,KAAK4C,YAAcL,SAASS,cAAc,SAC1ChD,KAAK4C,YAAYK,KAAO,SACxBjD,KAAK4C,YAAYG,KAAO/C,KAAK+C,KAC7B/C,KAAK4C,YAAYM,MAAQlD,KAAKS,WAC9BT,KAAKgC,GAAGmB,YAAYnD,KAAK4C,Y,EAIrB,iBAAApB,GACN,GAAIxB,KAAK4C,YAAa,CACpB5C,KAAK4C,YAAYM,MAAQlD,KAAKS,U,EAMlC,gBAAM2C,GACJpD,KAAKS,WAAa,GAClBT,KAAKwB,oBACLxB,KAAKU,OAAS,MACdV,KAAKW,iBAAmB,KACxBX,KAAK2B,aAAaC,KAAK5B,KAAKS,W,CAK9B,cAAM4C,CAASH,GACblD,KAAKS,WAAayC,EAClBlD,KAAKwB,oBACLxB,KAAKyB,cACLzB,KAAK2B,aAAaC,KAAK5B,KAAKS,W,CAK9B,cAAM6C,GACJ,OAAOtD,KAAKS,U,CAId,UAAA4B,CAAWhB,GACT,IAAKA,EAAU,CACbrB,KAAKQ,cAAgB,GACrB,M,CAGF,IACER,KAAKQ,cAAgB+C,KAAKC,MAAMnC,E,CAChC,MAAOoC,GACPC,QAAQC,MAAM,iCAAkCtC,GAChDrB,KAAKQ,cAAgB,E,EA+BjB,WAAAiB,GACN,IAAKzB,KAAKoC,MAAO,CACfpC,KAAKQ,cAAgB,GACrB,M,CAGF,MAAMoD,EAAuB5D,KAAK6D,gBAAgB7D,KAAKS,YAEvDT,KAAKQ,cAAgB+C,KAAKC,MAAMxD,KAAKoC,OAAO0B,QAAOC,GAAQ/D,KAAK6D,gBAAgBE,EAAK5D,OAAO6D,SAASJ,I,CAG/F,eAAAC,CAAgBI,GACtB,OAAOA,EACJC,UAAU,OACVC,QAAQ,mBAAoB,IAC5BC,a,CAGG,UAAAC,CAAWN,GACjB/D,KAAKS,WAAasD,EAAK5D,MACvBH,KAAKwB,oBACLxB,KAAKU,OAAS,MACdV,KAAK2B,aAAaC,KAAK5B,KAAKS,YAE5B,GAAIsD,EAAKO,IAAK,CACZC,OAAOC,SAASC,KAAOV,EAAKO,G,EAIxB,0BAAA5C,GACN,MAAMgD,EAAO1E,KAAKkB,YAAYyD,wBAC9B,MAAMC,EAAiBL,OAAOM,YAE9B,GAAIH,EAAKI,OAAS,IAAMF,GAAkBF,EAAKK,IAAM,IAAK,CACxD/E,KAAKY,kBAAoB,I,KACpB,CACLZ,KAAKY,kBAAoB,M,EAIrB,aAAAoE,CAAclE,GACpB,OAAQA,EAAMmE,KACZ,IAAK,YACHnE,EAAMgB,iBACN,GAAI9B,KAAKU,OAAQ,CACfV,KAAKW,iBAAmBX,KAAKW,mBAAqB,KAAO,GAAKX,KAAKW,iBAAmB,GAAKX,KAAKQ,cAAc0E,M,CAEhH,MACF,IAAK,UACHpE,EAAMgB,iBACN,GAAI9B,KAAKU,OAAQ,CACfV,KAAKW,iBACHX,KAAKW,mBAAqB,KAAOX,KAAKQ,cAAc0E,OAAS,GAAKlF,KAAKW,iBAAmB,EAAIX,KAAKQ,cAAc0E,QAAUlF,KAAKQ,cAAc0E,M,CAElJ,MACF,IAAK,QACHpE,EAAMgB,iBACN,GAAI9B,KAAKU,QAAUV,KAAKW,mBAAqB,KAAM,CACjDX,KAAKqE,WAAWrE,KAAKQ,cAAcR,KAAKW,kB,CAE1C,MACF,IAAK,SACHX,KAAKU,OAAS,MACd,M,CAIE,cAAAyE,CAAepB,GACrB,MAAMH,EAAuB5D,KAAK6D,gBAAgB7D,KAAKS,YACvD,MAAM2E,EAAiBpF,KAAK6D,gBAAgBE,GAE5C,MAAMsB,EAAaD,EAAeE,QAAQ1B,GAE1C,GAAIyB,KAAe,IAAOrF,KAAKS,WAAY,CACzC,OAAOsD,C,CAGT,MAAMwB,EAAWF,EAAazB,EAAqBsB,OAEnD,OACEM,EAAA,YACGzB,EAAK0B,MAAM,EAAGJ,GACfG,EAAS,cAAAzB,EAAK0B,MAAMJ,EAAYE,IAC/BxB,EAAK0B,MAAMF,G,CAgBlB,gBAAYG,GACV,MAAO,CACL,mBAAoB,KACpB,+BAAgC1F,KAAK2F,UACrC,sCAAuC3F,KAAKO,gBAC5C,4BAA6BP,KAAKU,OAClC,CAAC,qBAAqBV,KAAKE,QAAS,K,CAIxC,MAAA0F,GACE,OACEJ,EAAA,OAAAP,IAAA,2CAAKY,IAAK7D,GAAOhC,KAAKkB,YAAcc,EAAoB8D,MAAO9F,KAAK0F,cAClEF,EAAA,kBAAAP,IAAA,2CACEhF,YAAaD,KAAKC,YAClB8C,KAAM/C,KAAK+C,KACX5C,MAAOH,KAAKG,MACZD,KAAMF,KAAKE,KACA,iBACD,gBACVE,SAAUJ,KAAKI,SACf2F,SAAU/F,KAAK+F,SACfC,cAAehG,KAAKgG,cACpB9C,MAAOlD,KAAKS,WACZwF,eAAgBjG,KAAKoB,mBACrB8E,UAAWpF,GAASd,KAAKgF,cAAclE,KAExCd,KAAKO,iBAAmBiF,EAAA,UAAAP,IAAA,2CAAQhC,KAAK,SAAS6C,MAAM,2BAA2BK,QAASnG,KAAK6B,aAAY,aAAa,eACtH7B,KAAKU,UAAYV,KAAKoC,OACrBoD,EAAA,OAAAP,IAAA,2CAAKa,MAAO,wDAAwD9F,KAAKY,uBACpEZ,KAAKQ,cAAc0E,QACpBM,EACG,MAAAP,IAAA,4CAAAjF,KAAKQ,cAAc4F,KAAI,CAACrC,EAAMsC,IAC7Bb,EACE,MAAAM,MAAO,CACL,2BAA4B,KAC5B,oCAAqCO,IAAUrG,KAAKW,kBAEtDwF,QAAS,IAAMnG,KAAKqE,WAAWN,IAE9B/D,KAAKmF,eAAepB,EAAK5D,OAAM,IAAG4D,EAAKuC,UAAYd,EAAM,QAAAM,MAAM,iBAAe,MAAK/B,EAAKuC,eAK/FtG,KAAKQ,cAAc0E,QAAUM,EAAA,KAAAP,IAAA,2CAAGa,MAAM,gCAAgC9F,KAAKM,aAC1EN,KAAKQ,cAAc0E,QAAUlF,KAAKK,gBAAkBL,KAAKuG,oBAC1Df,EAAG,KAAAP,IAAA,2CAAAa,MAAM,8BACPN,EAAA,KAAAP,IAAA,2CAAGR,KAAMzE,KAAKuG,oBACXvG,KAAKK,eAAc,IAAEmF,EAAU,YAAAP,IAAA,2CAAAuB,KAAK,sB","ignoreList":[]}

package/dist/spw-stencil-library/{p-c8c62aaa.entry.js → p-25204236.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g 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%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}:host(.--disabled) .spw-table-cell,:host(.--disabled) .spw-table-cell--sticky{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{background:var(--spw-ds-white);bottom:1px;content:"";cursor:not-allowed;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{background-color:var(--spw-color-themes-grey-grey-50);position:sticky}.spw-table-cell--sticky:after{bottom:-1px;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-cell--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-cell--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}';const l=class{constructor(t){e(this,t);this.isHighlighted=false;this.textAlign="left";this.verticalAlign="middle";this.width="auto";this.padding="medium";this.state="default";this.sticky=false;this.stickyPosition="start";this.stickyOffset=0;this.isFirst=false}componentDidLoad(){this.checkIfFirst();this.observeRowSlot()}disconnectedCallback(){var e;(e=this.slotObserver)===null||e===void 0?void 0:e.disconnect()}checkIfFirst(){const e=this.el.closest("spw-table-row");if(!e){this.isFirst=false;return}const t=Array.from(e.children).filter((e=>e.tagName==="SPW-TABLE-CELL"||e.tagName==="SPW-TABLE-HEADER"||e.tagName==="TD"||e.tagName==="TH"));this.isFirst=t[0]===this.el}observeRowSlot(){const e=this.el.closest("spw-table-row");if(!e)return;this.slotObserver=new MutationObserver((()=>this.checkIfFirst()));this.slotObserver.observe(e,{childList:true,subtree:false})}get elementClass(){return{"spw-table-cell":true,"spw-table-cell--is-highlighted":this.isHighlighted,[`spw-table-cell--text-align-${this.textAlign}`]:true,[`spw-table-cell--padding-${this.padding}`]:true,[`spw-table-cell--vertical-align-${this.verticalAlign}`]:true,[`spw-table-cell--${this.state}`]:true,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,[`spw-table-cell--sticky-${this.stickyPosition}`]:this.sticky}}render(){const e={width:this.width,class:this.elementClass,part:"cell"};if(this.colspan!==undefined)e.colSpan=this.colspan;if(this.rowspan!==undefined)e.rowSpan=this.rowspan;if(this.headers!==undefined)e.headers=this.headers;if(this.sticky){const t={position:"sticky",zIndex:"10"};if(this.stickyPosition==="start"){t.left=`${this.stickyOffset}px`}else{t.right=`${this.stickyOffset}px`}e.style=t}return t("td",Object.assign({key:"e6e4798fb91b3d25eba38a64f2752c42ab566172"},e),t("slot",{key:"f841ee264ed67ec9df45b9d2fe07b593e4d3771c"}))}get el(){return i(this)}};l.style=s;export{l as spw_table_cell};
-//# sourceMappingURL=p-c8c62aaa.entry.js.map
+import{r as e,h as t,g 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%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--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(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}:host(.--disabled) .spw-table-cell,:host(.--disabled) .spw-table-cell--sticky{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{background:var(--spw-ds-white);bottom:1px;content:"";cursor:not-allowed;left:0;opacity:.7;position:absolute;right:0;top:0;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{background-color:var(--spw-color-themes-grey-grey-50);position:sticky}.spw-table-cell--sticky:after{bottom:-1px;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-cell--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-cell--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}';const l=class{constructor(t){e(this,t);this.isHighlighted=false;this.textAlign="left";this.verticalAlign="middle";this.width="auto";this.padding="medium";this.state="default";this.sticky=false;this.stickyPosition="start";this.stickyOffset=0;this.isFirst=false}componentDidLoad(){this.checkIfFirst();this.observeRowSlot()}disconnectedCallback(){var e;(e=this.slotObserver)===null||e===void 0?void 0:e.disconnect()}checkIfFirst(){const e=this.el.closest("spw-table-row");if(!e){this.isFirst=false;return}const t=Array.from(e.children).filter((e=>e.tagName==="SPW-TABLE-CELL"||e.tagName==="SPW-TABLE-HEADER"||e.tagName==="TD"||e.tagName==="TH"));this.isFirst=t[0]===this.el}observeRowSlot(){const e=this.el.closest("spw-table-row");if(!e)return;this.slotObserver=new MutationObserver((()=>this.checkIfFirst()));this.slotObserver.observe(e,{childList:true,subtree:false})}get elementClass(){return{"spw-table-cell":true,"spw-table-cell--is-highlighted":this.isHighlighted,[`spw-table-cell--text-align-${this.textAlign}`]:true,[`spw-table-cell--padding-${this.padding}`]:true,[`spw-table-cell--vertical-align-${this.verticalAlign}`]:true,[`spw-table-cell--${this.state}`]:true,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,[`spw-table-cell--sticky-${this.stickyPosition}`]:this.sticky}}render(){const e={width:this.width,class:this.elementClass,part:"cell"};if(this.colspan!==undefined)e.colSpan=this.colspan;if(this.rowspan!==undefined)e.rowSpan=this.rowspan;if(this.headers!==undefined)e.headers=this.headers;if(this.sticky){const t={position:"sticky",zIndex:"10"};if(this.stickyPosition==="start"){t.left=`${this.stickyOffset}px`}else{t.right=`${this.stickyOffset}px`}e.style=t}return t("td",Object.assign({key:"4be368a3397c08fcf7ff50bc3c52bf7c04a185fa"},e),t("slot",{key:"dd0b5f72221a9f3d77590e9387c20b6b6db1b3b2"}))}get el(){return i(this)}};l.style=s;export{l as spw_table_cell};
+//# sourceMappingURL=p-25204236.entry.js.map

package/dist/spw-stencil-library/{p-5f873b56.entry.js → p-25aaf6a6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";const n=class{constructor(t){e(this,t);this.borderColor=""}render(){return t(o,{key:"fee3f93429299a55ce235a0b87abc7168570491c",style:{"--spw-card-title-border-color":this.borderColor}},t("h3",{key:"2d6995704e9656b954a0b2d0eb5a06d25ac41133",class:"spw-card-title"},t("span",{key:"801aafb6917dd8233e644cfad05bbf3009fdb44c",class:"spw-card-title__text"},t("slot",{key:"0bd326fa65f7cbe4bb8db95321fdd16a39562dd5"}))))}};n.style=i;export{n as spw_card_title};
-//# sourceMappingURL=p-5f873b56.entry.js.map
+import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;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:1232px;--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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";const n=class{constructor(t){e(this,t);this.borderColor=""}render(){return t(o,{key:"8696bd885214b78cad8c6410d9e0b53f8ce7ecf2",style:{"--spw-card-title-border-color":this.borderColor}},t("h3",{key:"e67c1709c955b7f251650ca5d2b658210f8c9b17",class:"spw-card-title"},t("span",{key:"43eb12c6d4ff0da812be987dd748802082122dd0",class:"spw-card-title__text"},t("slot",{key:"5d33c12d00fb8c1e1c4a3b4468e24b02b4849049"}))))}};n.style=i;export{n as spw_card_title};
+//# sourceMappingURL=p-25aaf6a6.entry.js.map

package/dist/spw-stencil-library/p-2760ef2b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-header-navigation{background:#fff;border-top:1px solid var(--spw-colors-support-grey-grey-300);display:none;height:calc(100% - 80px);left:0;order:2;overflow-y:auto;width:100%;z-index:9999}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width:1024px){.spw-header-navigation{display:block;height:auto;left:auto;order:0;overflow-y:initial;top:auto;width:auto;z-index:30}:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{border-top:1px solid var(--spw-colors-support-grey-grey-300);order:2;padding:16px}@media (min-width:1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width:1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width:1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation__list{align-items:center;display:flex;flex:1;flex-direction:column;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}@media (min-width:1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width:1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;padding:24px 16px 0;position:relative;width:100%;z-index:3}.spw-header-navigation__list-back:after{background:#fff;bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.spw-header-navigation__list-back a{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__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width:1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}';const n=class{constructor(t){e(this,t);this.level=0;this.element=null;this.alignment="flex-start";this.extraButton=false;this.extraButtonTarget="_self";this.extraButtonVariant="primary"}redirectToHome(e){e.preventDefault();window.location.href="/"}handleNavigation(e){e.stopPropagation();this.element=e.detail.element;this.level=e.detail.level;setTimeout((()=>{this.updateNavigationItems()}),0)}updateNavigationItems(){const e=this.getAllNavigationItems();e.forEach(((e,t)=>{e.setAttribute("data-id",`${t+1}`);e.setAttribute("data-level-visible",`${this.level}`)}))}getAllNavigationItems(){const e=[];const t=document.querySelectorAll("spw-header-navigation-item");t.forEach((t=>{e.push(t);const i=t.shadowRoot;if(i){const t=i.querySelectorAll("spw-header-navigation-item");t.forEach((t=>e.push(t)))}}));return e}get elementClass(){return{"spw-header-navigation":true,[`spw-header-navigation--${this.alignment}`]:true}}render(){return t(i,{key:"ff546561731260e1d53c1cc3fd5acbdcb6ecee55"},t("nav",{key:"2a445bec0bb6427af85b1a56cd224457fb2d677e",class:this.elementClass},t("div",{key:"f7172f49be6534fadaa04fa3e4a5c127ad3fe885",class:"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between"},t("ul",{key:"4acb37dc74d81f177744183e4ab64903b62eae9a",class:"spw-header-navigation__list"},t("li",{key:"abe0d28bd2fc98ba237fca6d30100a8da19d5301",class:"spw-header-navigation__list-back"},t("a",{key:"6e145d99d2201b8015e8af496abc6e2970b0b7ad",href:"#",onClick:e=>this.redirectToHome(e)},t("spw-icon",{key:"d321e4c1e65d61e029d0ba755a2cb63cd34cbbea",icon:"fa-chevron-left"})," ",t("span",{key:"9ee0deadb4fd25b0aeaa82919756070e007be193"},"Page d'accueil"))),t("slot",{key:"d3fd3e945198999414f496576be2bba1ae9829d8"})),this.extraButton&&t("div",{key:"fdaf57c8ee9c039a80c87799cbd6d4c78db88839",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop"},t("spw-button",{key:"75561647e90a0ffedfbbd3d93f1b36f812b2868a",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))),this.extraButton&&t("div",{key:"b5f3ff8de3cf91f918b979e9cfff62455c14dc71",class:"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile"},t("div",{key:"cb29eb562182d1cf8594793545c832b637e66c2f",class:"spw-ds-container"},t("div",{key:"4fe2ddb346389b88ea842167486b291840cbb5bc",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile"},t("spw-button",{key:"9daa480739e81901e928bbdb9bb7bfa22954f459","is-full-width":"true",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))))}};n.style=a;export{n as spw_header_navigation};
+//# sourceMappingURL=p-2760ef2b.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwHeaderNavigationCss","SpwHeaderNavigation","constructor","hostRef","this","level","element","alignment","extraButton","extraButtonTarget","extraButtonVariant","redirectToHome","event","preventDefault","window","location","href","handleNavigation","stopPropagation","detail","setTimeout","updateNavigationItems","allItems","getAllNavigationItems","forEach","item","index","setAttribute","navItems","document","querySelectorAll","push","shadowRoot","subItems","subItem","elementClass","render","h","Host","key","class","onClick","icon","variant","extraButtonIcon","extraButtonHref","target","size","extraButtonText"],"sources":["src/components/spw-header/spw-header-navigation/spw-header-navigation.scss?tag=spw-header-navigation&encapsulation=shadow","src/components/spw-header/spw-header-navigation/spw-header-navigation.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-header-navigation {\n  display: none;\n  left: 0;\n  width: 100%;\n  height: calc(100% - 80px);\n  background: white;\n  z-index: 9999;\n  overflow-y: auto;\n  order: 2;\n  border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  :host(.spw-ds-nav-open) & {\n    display: flex;\n    flex-direction: column;\n  }\n  @include breakpoint(lg) {\n    order: initial;\n    display: block;\n    height: auto;\n    width: auto;\n    overflow-y: initial;\n    top: auto;\n    left: auto;\n    z-index: 30;\n  }\n  :host(.spw-ds-search-open) & {\n    @include breakpoint(lg) {\n      display: none;\n    }\n  }\n  &__extra-button-parent {\n    padding: 16px;\n    order: 2;\n    border-top: 1px solid var(--spw-colors-support-grey-grey-300);\n  }\n  &__extra-button {\n    @include breakpoint(lg) {\n      padding-left: 32px;\n    }\n    &--desktop {\n      display: none;\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    &--mobile {\n      display: none;\n      :host(.spw-ds-nav-open) & {\n        @include under-breakpoint(lg) {\n          display: block;\n        }\n      }\n    }\n  }\n  &__list {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-direction: column;\n    width: calc(100% + 32px);\n    margin-left: -16px;\n    margin-right: -16px;\n    @include breakpoint(lg) {\n      flex-direction: row;\n      .spw-header-navigation--flex-start & {\n        justify-content: flex-start;\n      }\n      .spw-header-navigation--space-between & {\n        justify-content: space-between;\n      }\n    }\n    @include breakpoint(xl) {\n      gap: 24px;\n    }\n    &-back {\n      display: flex;\n      justify-content: left;\n      width: 100%;\n      padding: 24px 16px;\n      padding-bottom: 0;\n      position: relative;\n      z-index: 3;\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: -1px;\n        width: 100%;\n        left: 0;\n        height: 1px;\n        background: white;\n      }\n      a {\n        gap: 8px;\n        display: flex;\n        justify-content: left;\n        align-items: center;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        color: var(--spw-colors-support-grey-grey-900);\n        span {\n          text-decoration: underline;\n        }\n        spw-icon {\n          font-size: 18px;\n        }\n      }\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, Listen, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation',\n  styleUrl: 'spw-header-navigation.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigation {\n  @State() level: number = 0;\n  @State() element: HTMLSpwHeaderNavigationItemElement | null = null;\n\n  /** Alignement des éléments de navigation sur desktop */\n  @Prop() alignment: 'flex-start' | 'space-between' = 'flex-start';\n  /** Présence ou non d'un bouton à droite de la navigation */\n  @Prop() extraButton?: boolean = false;\n  /** Spécifie le lien de l'extra button */\n  @Prop() extraButtonHref?: string;\n  /** Attribut target de l'extra button */\n  @Prop() extraButtonTarget?: string = '_self';\n  /** Texte de l'extra button */\n  @Prop() extraButtonText?: string;\n  /** Variant de l'extra button */\n  @Prop() extraButtonVariant?: 'primary' | 'secondary' = 'primary';\n  /** Icône de l'extra button (référence font-awesome) */\n  @Prop() extraButtonIcon?: string;\n\n  private redirectToHome(event: MouseEvent) {\n    event.preventDefault();\n    window.location.href = '/';\n  }\n\n  @Listen('spwHeaderNavigationNavigate', { capture: true })\n  handleNavigation(event: CustomEvent<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>) {\n    event.stopPropagation();\n    this.element = event.detail.element;\n    this.level = event.detail.level;\n\n    setTimeout(() => {\n      this.updateNavigationItems();\n    }, 0);\n  }\n\n  private updateNavigationItems() {\n    const allItems = this.getAllNavigationItems();\n\n    allItems.forEach((item, index) => {\n      item.setAttribute('data-id', `${index + 1}`);\n      item.setAttribute('data-level-visible', `${this.level}`);\n    });\n  }\n\n  private getAllNavigationItems(): HTMLElement[] {\n    const allItems: HTMLElement[] = [];\n    const navItems = document.querySelectorAll('spw-header-navigation-item');\n\n    navItems.forEach(item => {\n      allItems.push(item);\n      const shadowRoot = item.shadowRoot;\n      if (shadowRoot) {\n        const subItems = shadowRoot.querySelectorAll('spw-header-navigation-item');\n        subItems.forEach(subItem => allItems.push(subItem as HTMLElement));\n      }\n    });\n\n    return allItems;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-header-navigation': true,\n      [`spw-header-navigation--${this.alignment}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <nav class={this.elementClass}>\n          <div class=\"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between\">\n            <ul class=\"spw-header-navigation__list\">\n              <li class=\"spw-header-navigation__list-back\">\n                <a href=\"#\" onClick={event => this.redirectToHome(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Page d'accueil</span>\n                </a>\n              </li>\n              <slot></slot>\n            </ul>\n            {this.extraButton && (\n              <div class=\"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop\">\n                <spw-button variant={this.extraButtonVariant} icon={this.extraButtonIcon} href={this.extraButtonHref} target={this.extraButtonTarget} size=\"small\">\n                  {this.extraButtonText}\n                </spw-button>\n              </div>\n            )}\n          </div>\n        </nav>\n        {this.extraButton && (\n          <div class=\"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile\">\n            <div class=\"spw-ds-container\">\n              <div class=\"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile\">\n                <spw-button\n                  is-full-width=\"true\"\n                  variant={this.extraButtonVariant}\n                  icon={this.extraButtonIcon}\n                  href={this.extraButtonHref}\n                  target={this.extraButtonTarget}\n                  size=\"small\"\n                >\n                  {this.extraButtonText}\n                </spw-button>\n              </div>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,8yJ,MCOlBC,EAAmB,MALhC,WAAAC,CAAAC,G,UAMWC,KAAKC,MAAW,EAChBD,KAAOE,QAA8C,KAGtDF,KAASG,UAAmC,aAE5CH,KAAWI,YAAa,MAIxBJ,KAAiBK,kBAAY,QAI7BL,KAAkBM,mBAA6B,SA+FxD,CA3FS,cAAAC,CAAeC,GACrBA,EAAMC,iBACNC,OAAOC,SAASC,KAAO,G,CAIzB,gBAAAC,CAAiBL,GACfA,EAAMM,kBACNd,KAAKE,QAAUM,EAAMO,OAAOb,QAC5BF,KAAKC,MAAQO,EAAMO,OAAOd,MAE1Be,YAAW,KACThB,KAAKiB,uBAAuB,GAC3B,E,CAGG,qBAAAA,GACN,MAAMC,EAAWlB,KAAKmB,wBAEtBD,EAASE,SAAQ,CAACC,EAAMC,KACtBD,EAAKE,aAAa,UAAW,GAAGD,EAAQ,KACxCD,EAAKE,aAAa,qBAAsB,GAAGvB,KAAKC,QAAQ,G,CAIpD,qBAAAkB,GACN,MAAMD,EAA0B,GAChC,MAAMM,EAAWC,SAASC,iBAAiB,8BAE3CF,EAASJ,SAAQC,IACfH,EAASS,KAAKN,GACd,MAAMO,EAAaP,EAAKO,WACxB,GAAIA,EAAY,CACd,MAAMC,EAAWD,EAAWF,iBAAiB,8BAC7CG,EAAST,SAAQU,GAAWZ,EAASS,KAAKG,I,KAI9C,OAAOZ,C,CAGT,gBAAYa,GACV,MAAO,CACL,wBAAyB,KACzB,CAAC,0BAA0B/B,KAAKG,aAAc,K,CAIlD,MAAA6B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOpC,KAAK+B,cACfE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,2EACTH,EAAI,MAAAE,IAAA,2CAAAC,MAAM,+BACRH,EAAI,MAAAE,IAAA,2CAAAC,MAAM,oCACRH,EAAA,KAAAE,IAAA,2CAAGvB,KAAK,IAAIyB,QAAS7B,GAASR,KAAKO,eAAeC,IAChDyB,EAAU,YAAAE,IAAA,2CAAAG,KAAK,oBAA6B,IAACL,EAAA,QAAAE,IAAA,gEAGjDF,EAAA,QAAAE,IAAA,8CAEDnC,KAAKI,aACJ6B,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oFACTH,EAAA,cAAAE,IAAA,2CAAYI,QAASvC,KAAKM,mBAAoBgC,KAAMtC,KAAKwC,gBAAiB5B,KAAMZ,KAAKyC,gBAAiBC,OAAQ1C,KAAKK,kBAAmBsC,KAAK,SACxI3C,KAAK4C,oBAMf5C,KAAKI,aACJ6B,EAAK,OAAAE,IAAA,2CAAAC,MAAM,0FACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mFACTH,EAAA,cAAAE,IAAA,2DACgB,OACdI,QAASvC,KAAKM,mBACdgC,KAAMtC,KAAKwC,gBACX5B,KAAMZ,KAAKyC,gBACXC,OAAQ1C,KAAKK,kBACbsC,KAAK,SAEJ3C,KAAK4C,oB","ignoreList":[]}

package/dist/spw-stencil-library/p-277bb102.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,F as i,H as s,g as n}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--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-tile{display:block;position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{border-radius:6px;overflow:hidden;padding-top:calc(70% - 12px)}@media (min-width:1024px){.spw-tile--big,.spw-tile--big.spw-tile--height-landscape,.spw-tile--light,.spw-tile--light.spw-tile--height-landscape{padding-top:calc(60% - 12px)}.spw-tile--big.spw-tile--height-square,.spw-tile--light.spw-tile--height-square{padding-top:100%}.spw-tile--big.spw-tile--height-portrait,.spw-tile--light.spw-tile--height-portrait{padding-top:150%}}.spw-tile__image,.spw-tile__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-tile__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 65%,rgba(0,0,0,.75));z-index:2}.spw-tile__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-tile__button{align-items:center;background:#fff;border:2px solid transparent;border-radius:50%;color:var(--spw-ds-primary);display:inline-flex;font-size:20px;height:48px;justify-content:center;margin-top:12px;transition:all .2s ease-in;width:48px}.spw-tile:hover .spw-tile__button{background:transparent;border-color:#fff;color:#fff}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){color:var(--spw-ds-primary);font-size:32px}.spw-tile--big .spw-tile__content,.spw-tile--light .spw-tile__content{bottom:0;display:flex;flex-direction:column;gap:6px;left:0;padding:24px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";const a=class{constructor(e){t(this,e);this.variant="light";this.height="landscape";this.target="_self";this.imageAlt=""}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=this.el.querySelector("spw-tile-title");const i=this.el.querySelector("spw-tile-description");e&&e.classList.add(t);i&&i.classList.add(t)}))}get elementClass(){return{"spw-tile":true,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:true,[`spw-tile--height-${this.height}`]:true}}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false)}setHovered(t){const e=this.el.querySelector("spw-tile-title");if(e&&this.href){e.classList.toggle("--hovered",t)}}render(){const{href:t,target:n}=this;const o=this.href===undefined?"div":"a";const a=o==="div"?{}:{href:t,target:n};return e(s,{key:"8a995f3b32326159210fdaa11052114f58a6f3bd"},e(o,Object.assign({key:"51c64c8885f2bf672411aee112f782b36afc342b"},a,{class:this.elementClass}),this.imageSrc&&(this.variant==="big"||this.variant==="light")&&e(i,{key:"1a493a3104712b2efad4c8728706fcb4f93d52d5"},e("div",{key:"2bd38ca0d41f025279d7155216d1c224341801fe",class:"spw-tile__overlay"}),e("img",{key:"bc8f25341e4a16ded8ca42fcf76b5ac069243b0b",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),e("div",{key:"4508b95bad26790fa7f8014f5672d9d9fd0b21ff",class:"spw-tile__content"},e("slot",{key:"a1e0d9c72651b7d42563dfbb957c2d9975f4756b"}),this.href&&this.variant==="big"&&e("span",{key:"13f16d136b2127c767eb65e7dd66fb0bb1621ff7",class:"spw-tile__button"},e("spw-icon",{key:"0940dcaaf38842c520169e24bea9ffcc3e813397",icon:"fa-chevron-right"})))))}get el(){return n(this)}};a.style=o;export{a as spw_tile};
+//# sourceMappingURL=p-277bb102.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwTileCss","SpwTile","constructor","hostRef","this","variant","height","target","imageAlt","componentWillLoad","applyVariantToChildren","slotChanged","requestAnimationFrame","variantClass","titleElement","el","querySelector","descriptionElement","classList","add","elementClass","href","onMouseEnter","setHovered","onMouseLeave","isHovered","toggle","render","TagType","undefined","attrs","h","Host","key","Object","assign","class","imageSrc","Fragment","src","alt","icon"],"sources":["src/components/spw-tile/spw-tile.scss?tag=spw-tile&encapsulation=shadow","src/components/spw-tile/spw-tile.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tile {\n  display: block;\n  text-decoration: none;\n  position: relative;\n  transition: all 0.3s ease-in-out;\n  &--hoverable:hover {\n    transform: translateY(-5px);\n  }\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n  &--icon {\n    padding: 16px 0;\n  }\n  &--big,\n  &--light {\n    padding-top: calc(70% - 12px);\n    border-radius: 6px;\n    overflow: hidden;\n    @include breakpoint(lg) {\n      padding-top: calc(60% - 12px);\n      &.spw-tile--height-landscape {\n        padding-top: calc(60% - 12px);\n      }\n      &.spw-tile--height-square {\n        padding-top: 100%;\n      }\n      &.spw-tile--height-portrait {\n        padding-top: 150%;\n      }\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.75) 100%);\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n  }\n  &__button {\n    background: white;\n    width: 48px;\n    height: 48px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--spw-ds-primary);\n    border-radius: 50%;\n    transition: all 0.2s ease-in;\n    border: 2px solid transparent;\n    font-size: 20px;\n    margin-top: 12px;\n    .spw-tile:hover & {\n      border-color: white;\n      color: white;\n      background: transparent;\n    }\n  }\n}\n\n.spw-tile__content {\n  .spw-tile--icon & {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 0 12px;\n    text-align: center;\n    ::slotted(spw-icon) {\n      font-size: 32px;\n      color: var(--spw-ds-primary);\n    }\n  }\n  .spw-tile--light &,\n  .spw-tile--big & {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 24px;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n  }\n  .spw-tile--light & {\n    text-align: center;\n    padding-bottom: 24px;\n  }\n}\n","import { Component, Element, Fragment, Host, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tile',\n  styleUrl: 'spw-tile.scss',\n  shadow: true,\n})\nexport class SpwTile {\n  @Element() el: HTMLSpwTileElement;\n\n  /** Type de variante de tuile */\n  @Prop() variant?: 'icon' | 'big' | 'light' = 'light';\n  /** Variante de hauteur de la tuile (valable pour les variants big & light) */\n  @Prop() height?: 'landscape' | 'square' | 'portrait' = 'landscape';\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  /** Image de fond de la tuile */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image de fond */\n  @Prop() imageAlt?: string = '';\n\n  componentWillLoad() {\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const titleElement = this.el.querySelector('spw-tile-title');\n      const descriptionElement = this.el.querySelector('spw-tile-description');\n\n      titleElement && titleElement.classList.add(variantClass);\n      descriptionElement && descriptionElement.classList.add(variantClass);\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tile': true,\n      'spw-tile--hoverable': !!this.href,\n      [`spw-tile--${this.variant}`]: true,\n      [`spw-tile--height-${this.height}`]: true,\n    };\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setHovered(false);\n  }\n\n  private setHovered(isHovered: boolean) {\n    const titleElement = this.el.querySelector('spw-tile-title');\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  render() {\n    const { href, target } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            target,\n          };\n    return (\n      <Host>\n        <TagType {...attrs} class={this.elementClass}>\n          {this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (\n            <Fragment>\n              <div class=\"spw-tile__overlay\"></div>\n              <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-tile__image\" />\n            </Fragment>\n          )}\n          <div class=\"spw-tile__content\">\n            <slot></slot>\n            {this.href && this.variant === 'big' && (\n              <span class=\"spw-tile__button\">\n                <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n              </span>\n            )}\n          </div>\n        </TagType>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAa,82I,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAOC,QAA8B,QAErCD,KAAME,OAAyC,YAI/CF,KAAMG,OAAW,QAIjBH,KAAQI,SAAY,EA+E7B,CA7EC,iBAAAC,GACEL,KAAKM,wB,CAIP,WAAAC,GACEP,KAAKM,wB,CAGC,sBAAAA,GACNE,uBAAsB,KACpB,MAAMC,EAAe,KAAKT,KAAKC,UAC/B,MAAMS,EAAeV,KAAKW,GAAGC,cAAc,kBAC3C,MAAMC,EAAqBb,KAAKW,GAAGC,cAAc,wBAEjDF,GAAgBA,EAAaI,UAAUC,IAAIN,GAC3CI,GAAsBA,EAAmBC,UAAUC,IAAIN,EAAa,G,CAIxE,gBAAYO,GACV,MAAO,CACL,WAAY,KACZ,wBAAyBhB,KAAKiB,KAC9B,CAAC,aAAajB,KAAKC,WAAY,KAC/B,CAAC,oBAAoBD,KAAKE,UAAW,K,CAKzC,YAAAgB,GACElB,KAAKmB,WAAW,K,CAIlB,YAAAC,GACEpB,KAAKmB,WAAW,M,CAGV,UAAAA,CAAWE,GACjB,MAAMX,EAAeV,KAAKW,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBV,KAAKiB,KAAM,CAC7BP,EAAaI,UAAUQ,OAAO,YAAaD,E,EAI/C,MAAAE,GACE,MAAMN,KAAEA,EAAId,OAAEA,GAAWH,KACzB,MAAMwB,EAAUxB,KAAKiB,OAASQ,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEP,OACAd,UAER,OACEwB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACH,EAAOM,OAAAC,OAAA,CAAAF,IAAA,4CAAKH,EAAK,CAAEM,MAAOhC,KAAKgB,eAC7BhB,KAAKiC,WAAajC,KAAKC,UAAY,OAASD,KAAKC,UAAY,UAC5D0B,EAACO,EAAQ,CAAAL,IAAA,4CACPF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,sBACXL,EAAA,OAAAE,IAAA,2CAAKM,IAAKnC,KAAKiC,SAAUG,IAAKpC,KAAKI,SAAU4B,MAAM,qBAGvDL,EAAK,OAAAE,IAAA,2CAAAG,MAAM,qBACTL,EAAa,QAAAE,IAAA,6CACZ7B,KAAKiB,MAAQjB,KAAKC,UAAY,OAC7B0B,EAAM,QAAAE,IAAA,2CAAAG,MAAM,oBACVL,EAAU,YAAAE,IAAA,2CAAAQ,KAAK,wB","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"ba53864c8bd550cdd97e2a2ef5361a39325659f0",href:this.href,target:this.target,class:"spw-footer-link"},t("slot",{key:"9a1ff9dbd37a631b37f7444abb86867fe1bfe54b"}))}};i.style=o;export{i as spw_footer_link};
-//# sourceMappingURL=p-06ec3521.entry.js.map
+import{r as e,h as t}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"ca7834dc18cbbf0a13918b7c807ce4cd4a036e70",href:this.href,target:this.target,title:this.linkTitle,class:"spw-footer-link"},t("slot",{key:"dec41ad9bfb319e897b3510093d6f53981725f42"}))}};i.style=o;export{i as spw_footer_link};
+//# sourceMappingURL=p-2b70c24a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwFooterLinkCss","SpwFooterLink","constructor","hostRef","this","target","render","h","key","href","title","linkTitle","class"],"sources":["src/components/spw-footer/spw-footer-link/spw-footer-link.scss?tag=spw-footer-link&encapsulation=shadow","src/components/spw-footer/spw-footer-link/spw-footer-link.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-footer-link {\n  text-decoration: none;\n  color: var(--spw-ds-white);\n  font-size: 16px;\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-500);\n  }\n  &:active {\n    text-decoration: underline;\n  }\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: 0;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-footer-link',\n  styleUrl: 'spw-footer-link.scss',\n  shadow: true,\n})\nexport class SpwFooterLink {\n  /** Définit le chemin du lien */\n  @Prop() href: string;\n  /** Définit le target du lien */\n  @Prop() target?: string = '_self';\n  /** Définit le titre du lien */\n  @Prop() linkTitle?: string;\n\n  render() {\n    return (\n      <a href={this.href} target={this.target} title={this.linkTitle} class=\"spw-footer-link\">\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAmB,01F,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,UASUC,KAAMC,OAAY,OAW3B,CAPC,MAAAC,GACE,OACEC,EAAA,KAAAC,IAAA,2CAAGC,KAAML,KAAKK,KAAMJ,OAAQD,KAAKC,OAAQK,MAAON,KAAKO,UAAWC,MAAM,mBACpEL,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/{p-257f7869.entry.js → p-2ef45489.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as s}from"./p-CvfVJV8a.js";async function i(t=1,e,s="",i){const o=(t-1)*e;const n=Object.entries(i).filter((([t,e])=>e===true)).map((([t,e])=>`${t}=${e}`)).join("&");try{const t=await fetch(`https://api.spaceflightnewsapi.net/v4/articles/?limit=${e}&offset=${o}&search=${s}&${n}`);if(!t.ok){throw new Error("Network response was not ok")}return await t.json()}catch(t){console.error("Error fetching data:",t);throw t}}const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-list-item{margin-bottom:2.5rem}.spw-list-item:last-child{margin-bottom:0}.spw-list-item:hover .spw-list-item__title{color:var(--spw-ds-primary)}.spw-list-item a{color:inherit;display:block;text-decoration:none}.spw-list-item a:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-list-item__title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:600;line-height:1.3;position:relative;transition:all .3s}.spw-list-item__title:before{color:var(--spw-ds-primary);content:"\\f061";font-family:var(--spw-ds-font-icons-solid);font-size:1.25rem;font-weight:700;left:0;margin-right:.5rem}.spw-list-item__text{font-size:16px;line-height:1.3;margin-top:.5rem}.spw-list-item__text,.spw-results{color:var(--spw-color-themes-grey-grey-600)}.spw-results{margin-bottom:2.5rem}.spw-no-results__title{color:var(--spw-color-themes-grey-grey-900);font-weight:600;margin-bottom:16px}.spw-no-results__list{color:var(--spw-color-themes-grey-grey-600);list-style-type:disc;padding-left:20px}.spw-no-results__list li{margin-bottom:8px}.spw-no-results__list li:last-child{margin-bottom:0}.spw-search-input{margin-bottom:1.5rem;max-width:480px;position:relative;width:100%}.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 n=class{constructor(e){t(this,e);this.items=[];this.currentPage=1;this.totalItems=0;this.isLoading=false;this.searchTerm="";this.filters={};this.itemsPerPage=3}componentWillLoad(){this.filters={is_featured:false,has_launch:false};this.initFiltersFromURL();this.loadData(this.currentPage)}debounce(t,e){return(...s)=>{clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>t.apply(this,s)),e)}}initFiltersFromURL(){const t=new URLSearchParams(window.location.search);const e=Object.assign({},this.filters);this.searchTerm=t.get("search")||"";Object.keys(e).forEach((s=>{if(t.has(s)){e[s]=t.get(s)==="true"}}));this.filters=e}updateURLWithFilters(){const t=new URLSearchParams;if(this.searchTerm){t.set("search",this.searchTerm)}Object.keys(this.filters).forEach((e=>{if(this.filters[e]){t.set(e,"true")}}));const e=`${window.location.pathname}?${t.toString()}`;window.history.pushState({},"",e)}async loadData(t){this.items=[];this.isLoading=true;const e=await i(t,this.itemsPerPage,this.searchTerm,this.filters);setTimeout((()=>{try{this.items=e.results;this.totalItems=e.count}catch(t){console.error("Could not load data:",t)}finally{this.isLoading=false}}),0)}handleFilterChange(t,e){this.filters=Object.assign(Object.assign({},this.filters),{[t]:e});this.updateURLWithFilters();this.loadData(this.currentPage)}handleSearchInput(t){this.searchTerm=t.detail;this.debounce((()=>{this.currentPage=1;this.updateURLWithFilters();this.loadData(1)}),500)()}handlePageChanged(t){this.currentPage=t.detail;this.loadData(this.currentPage)}render(){const t=Math.ceil(this.totalItems/this.itemsPerPage);const i=this.totalItems>1?"résultats trouvés":"résultat trouvé";return e(s,{key:"f8ba2a2fd559d032a3a7445a47cee887532741cb"},e("div",{key:"4b453d253ddf4fd6f7b84d8f047eaddb94d7c1a0",class:"spw-search-input"},e("spw-text-field",{key:"d24fdb3904c559fb98dd119ac7f779c7b52d4a29","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"b15a42a02a07666b7338dafbcbc07722d2d09ddc",hidden:true,class:"spw-filter spw-tw-mb-6"},Object.keys(this.filters).map((t=>e("label",{class:"spw-tw-mr-4"},e("input",{type:"checkbox",checked:this.filters[t],onChange:e=>this.handleFilterChange(t,e.target.checked)}),e("span",{class:"spw-tw-ml-2"},t))))),this.totalItems===0&&!this.isLoading?e("div",{class:"spw-no-results"},e("h3",{class:"spw-no-results__title"},"Aucun résultat ne correspond à votre recherche."),e("ul",{class:"spw-no-results__list"},e("li",null,"Vérifiez si votre orthographe est correcte"),e("li",null,"Supprimez des filtres"),e("li",null,"Essayez d’autres termes de recherche"))):null,this.totalItems>0&&!this.isLoading?e("p",{class:"spw-results"},this.totalItems," ",i):null,this.isLoading?e("spw-loading",{class:"spw-tw-mb-10"}):null,e("ul",{key:"b1a5544f3829356b712552f857d1e4a7078e4a56",class:"spw-list"},this.items.map((t=>e("li",{class:"spw-list-item",key:t.name},e("a",{href:t.url,target:"_blank"},e("h3",{class:"spw-list-item__title"},t.title),e("p",{class:"spw-list-item__text"},t.summary)))))),t>1&&e("spw-pagination",{key:"5dcda5ce6abe9455ae633de17c95a70bc9d53e73",class:"spw-tw-mt-12",currentPage:this.currentPage,"is-disabled":this.isLoading,totalItems:this.totalItems,itemsPerPage:this.itemsPerPage,onPageChanged:this.handlePageChanged.bind(this)}))}};n.style=o;export{n as spw_iodda};
-//# sourceMappingURL=p-257f7869.entry.js.map
+import{r as t,h as e,H as s}from"./p-CvfVJV8a.js";async function i(t=1,e,s="",i){const o=(t-1)*e;const n=Object.entries(i).filter((([t,e])=>e===true)).map((([t,e])=>`${t}=${e}`)).join("&");try{const t=await fetch(`https://api.spaceflightnewsapi.net/v4/articles/?limit=${e}&offset=${o}&search=${s}&${n}`);if(!t.ok){throw new Error("Network response was not ok")}return await t.json()}catch(t){console.error("Error fetching data:",t);throw t}}const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1232px;--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-list-item{margin-bottom:2.5rem}.spw-list-item:last-child{margin-bottom:0}.spw-list-item:hover .spw-list-item__title{color:var(--spw-ds-primary)}.spw-list-item a{color:inherit;display:block;text-decoration:none}.spw-list-item a:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-list-item__title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:600;line-height:1.3;position:relative;transition:all .3s}.spw-list-item__title:before{color:var(--spw-ds-primary);content:"\\f061";font-family:var(--spw-ds-font-icons-solid);font-size:1.25rem;font-weight:700;left:0;margin-right:.5rem}.spw-list-item__text{font-size:16px;line-height:1.3;margin-top:.5rem}.spw-list-item__text,.spw-results{color:var(--spw-color-themes-grey-grey-600)}.spw-results{margin-bottom:2.5rem}.spw-no-results__title{color:var(--spw-color-themes-grey-grey-900);font-weight:600;margin-bottom:16px}.spw-no-results__list{color:var(--spw-color-themes-grey-grey-600);list-style-type:disc;padding-left:20px}.spw-no-results__list li{margin-bottom:8px}.spw-no-results__list li:last-child{margin-bottom:0}.spw-search-input{margin-bottom:1.5rem;max-width:480px;position:relative;width:100%}.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 n=class{constructor(e){t(this,e);this.items=[];this.currentPage=1;this.totalItems=0;this.isLoading=false;this.searchTerm="";this.filters={};this.itemsPerPage=3}componentWillLoad(){this.filters={is_featured:false,has_launch:false};this.initFiltersFromURL();this.loadData(this.currentPage)}debounce(t,e){return(...s)=>{clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>t.apply(this,s)),e)}}initFiltersFromURL(){const t=new URLSearchParams(window.location.search);const e=Object.assign({},this.filters);this.searchTerm=t.get("search")||"";Object.keys(e).forEach((s=>{if(t.has(s)){e[s]=t.get(s)==="true"}}));this.filters=e}updateURLWithFilters(){const t=new URLSearchParams;if(this.searchTerm){t.set("search",this.searchTerm)}Object.keys(this.filters).forEach((e=>{if(this.filters[e]){t.set(e,"true")}}));const e=`${window.location.pathname}?${t.toString()}`;window.history.pushState({},"",e)}async loadData(t){this.items=[];this.isLoading=true;const e=await i(t,this.itemsPerPage,this.searchTerm,this.filters);setTimeout((()=>{try{this.items=e.results;this.totalItems=e.count}catch(t){console.error("Could not load data:",t)}finally{this.isLoading=false}}),0)}handleFilterChange(t,e){this.filters=Object.assign(Object.assign({},this.filters),{[t]:e});this.updateURLWithFilters();this.loadData(this.currentPage)}handleSearchInput(t){this.searchTerm=t.detail;this.debounce((()=>{this.currentPage=1;this.updateURLWithFilters();this.loadData(1)}),500)()}handlePageChanged(t){this.currentPage=t.detail;this.loadData(this.currentPage)}render(){const t=Math.ceil(this.totalItems/this.itemsPerPage);const i=this.totalItems>1?"résultats trouvés":"résultat trouvé";return e(s,{key:"d43c4bd84c2c2e22d63dcd79de13ab70f18fc468"},e("div",{key:"5c336398a17e5ef9003b6a8b300539b4d0da503b",class:"spw-search-input"},e("spw-text-field",{key:"e87f79cbde229cd25cd8983862b78b38da391632","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"61b1c093424847d3dbb90d9cb24d71cf1c434aab",hidden:true,class:"spw-filter spw-tw-mb-6"},Object.keys(this.filters).map((t=>e("label",{class:"spw-tw-mr-4"},e("input",{type:"checkbox",checked:this.filters[t],onChange:e=>this.handleFilterChange(t,e.target.checked)}),e("span",{class:"spw-tw-ml-2"},t))))),this.totalItems===0&&!this.isLoading?e("div",{class:"spw-no-results"},e("h3",{class:"spw-no-results__title"},"Aucun résultat ne correspond à votre recherche."),e("ul",{class:"spw-no-results__list"},e("li",null,"Vérifiez si votre orthographe est correcte"),e("li",null,"Supprimez des filtres"),e("li",null,"Essayez d’autres termes de recherche"))):null,this.totalItems>0&&!this.isLoading?e("p",{class:"spw-results"},this.totalItems," ",i):null,this.isLoading?e("spw-loading",{class:"spw-tw-mb-10"}):null,e("ul",{key:"cfdbfc98563121726e08864f7058bffeeaa3d647",class:"spw-list"},this.items.map((t=>e("li",{class:"spw-list-item",key:t.name},e("a",{href:t.url,target:"_blank"},e("h3",{class:"spw-list-item__title"},t.title),e("p",{class:"spw-list-item__text"},t.summary)))))),t>1&&e("spw-pagination",{key:"d28749ca90358c215c047f7069240a82ef4483b5",class:"spw-tw-mt-12",currentPage:this.currentPage,"is-disabled":this.isLoading,totalItems:this.totalItems,itemsPerPage:this.itemsPerPage,onPageChanged:this.handlePageChanged.bind(this)}))}};n.style=o;export{n as spw_iodda};
+//# sourceMappingURL=p-2ef45489.entry.js.map

package/dist/spw-stencil-library/{p-40b6234e.entry.js → p-33f33d6d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,F as a,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%;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-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:36px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.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 o=class{constructor(e){t(this,e);this.pageChanged=i(this,"pageChanged",7);this.isDisabled=false;this.variant="numbers";this.currentPage=1;this.inputPageValue="";this.isMobile=window.innerWidth<800;this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages();this.inputPageValue=this.currentPage.toString();window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onItemsPerPageChange(){this.currentPage=1;this.inputPageValue="1";this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){const t=Math.ceil(this.totalItems/this.itemsPerPage);if(this.currentPage>t||this.currentPage===0){this.currentPage=1;this.inputPageValue="1";this.pageChanged.emit(this.currentPage)}}async setPage(t){this.goToPage(t)}goToPage(t){if(t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages){this.currentPage=t;this.inputPageValue=this.currentPage.toString();this.pageChanged.emit(this.currentPage)}}handleInputChange(t){const i=t.target.value;this.inputPageValue=i;const e=parseInt(i,10);if(!isNaN(e)&&e>=1&&e<=this.totalPages){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500)}}getPaginationClass(){var t,i;const e=this.calculatePageRange();const a=e.filter((({page:t})=>t==="...")).length;const s=a>0&&((t=e[1])===null||t===void 0?void 0:t.page)==="...";const n=a>0&&((i=e[e.length-2])===null||i===void 0?void 0:i.page)==="...";let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;if(a===2){o+=" spw-pagination--double-ellipsis"}else if(s){o+=" spw-pagination--ellipsis-start"}else if(n){o+=" spw-pagination--ellipsis-end"}return o}handleKeyDown(t){if(t.key==="Enter"){const t=parseInt(this.inputPageValue,10);if(!isNaN(t)){this.goToPage(t)}}}calculatePageRange(){const t=[];const{currentPage:i,totalPages:e,isMobile:a}=this;if(a){if(e<=5){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=3){for(let i=1;i<=3;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-2){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-1;e<=i+1;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}else{if(e<=7){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=4){for(let i=1;i<=4;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-3){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-3;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i+2;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}return t}render(){const t=this.calculatePageRange();const i=this.currentPage>1;const n=this.currentPage<this.totalPages;const o=i&&e("li",{key:"df969a07a5df028f0bb6b85a1eb92aa7d2372995",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"336a9ee9a143adaf9943abf52d6d5a1550a14985",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"d6c3b1f26f23e4e664e04535367e930da78097ae",icon:"fa-chevron-left"})," ",e("span",{key:"c89a85020b25dc607c451ff6148f2e69f1c609b4",class:"spw-pagination__item-arrow-text"},"Précédent")));const p=n&&e("li",{key:"49f25274f1fe67965cb34c5bcb5ca171d306fb26",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"e21f97bfb5ccb80d7ceb3b40842e59f1e379436f",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"da04d81434818b984faf616dbf8bcf5580094148",class:"spw-pagination__item-arrow-text"},"Suivant")," ",e("spw-icon",{key:"f7b3914239c972e4b7848e74ae7d5787da81dc18",icon:"fa-chevron-right"})));const r=this.currentPage>1&&e("li",{key:"30df4897f98be45e55c3932d5c7be0a5af6f3a86",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"898cdda28366a1b5ae15e434626e132687f3e8b2",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"690c40e579c52c0af4d1a3795b7bd9844f1bc6e5",icon:"fa-chevron-left"})," ",e("span",{key:"c420e2d1f71b60d530e69645b4bc840b04b95526"},"Précédent")));const l=this.currentPage<this.totalPages&&e("li",{key:"a01418074cc96986aba119d45b81736d112320ba",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"2198a1461baef6ecbc53b1a50a09e52782138aa9",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"c50c7443a2862650c254b6b7d57f87ae0a62b3f9"},"Suivant")," ",e("spw-icon",{key:"a3dcfea33e830318a7dd72b9200d9483f724476f",icon:"fa-chevron-right"})));const c=e("ul",{key:"40f12a6ccf043cef338decb35a4ae3aa9c6059c6",class:"spw-pagination__mobile-arrows"},r,l);return e(s,{key:"c7911629839510b989480504d17161d6d57bb4f2"},e("div",{key:"5b7740ada82891847cac9f9fc2f3cebd8850c841",class:this.getPaginationClass()},this.variant==="input"&&e(a,{key:"0360ada4eb1d69272c3bf12b9450cc862406690c"},e("ul",{key:"674dfb843bdb1de692ffc04aa38025bf17712cc5"},o,e("li",{key:"025d8fe88639ab89313d31c0474bf982561456b8",class:"spw-pagination__input"},e("spw-text-field",{key:"ad1f8a32886faf8b6d6294b51d48c1c8538adaf9",value:this.inputPageValue,type:"text",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),e("li",{key:"3340e26f56228afe221c678d03057c6ce274cb4b",class:"spw-pagination__total-pages"},"sur ",this.totalPages," pages"),p),c),this.variant==="numbers"&&e(a,{key:"1d0361a9a76f5cc819979e5f2131d874025b31a2"},e("ul",{key:"a242612a3966f527ad927c6ed2671bfed172b54e"},o,t.map((({page:t,class:i})=>{if(t==="..."){return e("li",{class:`spw-pagination__item spw-pagination__item--dots ${i}`},e("spw-icon",{icon:"fa-ellipsis"}))}return e("li",{class:{"spw-pagination__item":true,"spw-pagination__item--active":t===this.currentPage,[i]:true}},e("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t))})),p),c)))}static get watchers(){return{totalItems:["calculateTotalPages","onTotalItemsChange"],itemsPerPage:["calculateTotalPages","onItemsPerPageChange"],currentPage:["calculateTotalPages"]}}};o.style=n;export{o as spw_pagination};
-//# sourceMappingURL=p-40b6234e.entry.js.map
+import{r as t,c as i,h as e,F as a,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%;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:1232px;--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-pagination__item button,.spw-pagination__item--dots{border-radius:32px;font-size:14px;font-weight:700;height:32px;line-height:32px;min-width:32px;text-align:center}.spw-pagination__item button:focus-visible,.spw-pagination__item--dots:focus-visible{box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-pagination{align-items:center;display:flex;flex-direction:column}@media (min-width:768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{align-items:center;display:flex;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{background:none;border:none;color:var(--spw-color-themes-grey-grey-900);cursor:pointer;margin:0;padding:0 6px}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{align-items:center;display:flex;gap:8px;padding:0 12px;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{align-items:center;background:none;color:var(--spw-color-themes-grey-grey-400);cursor:default;display:inline-flex;justify-content:center;position:relative;top:3px}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width:768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{background:var(--spw-ds-primary);color:#fff}.spw-pagination__input spw-text-field{--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px;width:36px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width:768px){.spw-pagination__mobile-arrows{display:none!important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}.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 o=class{constructor(e){t(this,e);this.pageChanged=i(this,"pageChanged",7);this.isDisabled=false;this.variant="numbers";this.currentPage=1;this.inputPageValue="";this.isMobile=window.innerWidth<800;this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages();this.inputPageValue=this.currentPage.toString();window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onItemsPerPageChange(){this.currentPage=1;this.inputPageValue="1";this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){const t=Math.ceil(this.totalItems/this.itemsPerPage);if(this.currentPage>t||this.currentPage===0){this.currentPage=1;this.inputPageValue="1";this.pageChanged.emit(this.currentPage)}}async setPage(t){this.goToPage(t)}goToPage(t){if(t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages){this.currentPage=t;this.inputPageValue=this.currentPage.toString();this.pageChanged.emit(this.currentPage)}}handleInputChange(t){const i=t.target.value;this.inputPageValue=i;const e=parseInt(i,10);if(!isNaN(e)&&e>=1&&e<=this.totalPages){clearTimeout(this.debounceTimer);this.debounceTimer=setTimeout((()=>{this.goToPage(e)}),500)}}getPaginationClass(){var t,i;const e=this.calculatePageRange();const a=e.filter((({page:t})=>t==="...")).length;const s=a>0&&((t=e[1])===null||t===void 0?void 0:t.page)==="...";const n=a>0&&((i=e[e.length-2])===null||i===void 0?void 0:i.page)==="...";let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;if(a===2){o+=" spw-pagination--double-ellipsis"}else if(s){o+=" spw-pagination--ellipsis-start"}else if(n){o+=" spw-pagination--ellipsis-end"}return o}handleKeyDown(t){if(t.key==="Enter"){const t=parseInt(this.inputPageValue,10);if(!isNaN(t)){this.goToPage(t)}}}calculatePageRange(){const t=[];const{currentPage:i,totalPages:e,isMobile:a}=this;if(a){if(e<=5){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=3){for(let i=1;i<=3;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-2){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-1;e<=i+1;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}else{if(e<=7){for(let i=1;i<=e;i++){t.push({page:i,class:"spw-pagination__item--small-range"})}}else if(i<=4){for(let i=1;i<=4;i++){t.push({page:i,class:"spw-pagination__item--start-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}else if(i>=e-3){t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-3;i<=e;i++){t.push({page:i,class:"spw-pagination__item--end-range"})}}else{t.push({page:1,class:"spw-pagination__item--start"});t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i+2;e++){t.push({page:e,class:"spw-pagination__item--middle-range"})}t.push({page:"...",class:"spw-pagination__item--ellipsis"});t.push({page:e,class:"spw-pagination__item--end"})}}return t}render(){const t=this.calculatePageRange();const i=this.currentPage>1;const n=this.currentPage<this.totalPages;const o=i&&e("li",{key:"5b81fdf54dc89a3f1e50193b47aa4be6e01fc45a",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"a20fa7dcadff3a40b8bc4e6195d548272bb48523",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"54c9484bf1f0bd7a24b30b3be73608f0cfbfd31a",icon:"fa-chevron-left"})," ",e("span",{key:"e42e467787ff947998dad7d7f5c5c4f3d80471bf",class:"spw-pagination__item-arrow-text"},"Précédent")));const p=n&&e("li",{key:"ec42e3393c300be3607200d3714f119c59b06902",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},e("button",{key:"82b40861d3797e3c8c3aac6037dc34c2456616ec",onClick:()=>this.goToPage(this.currentPage+1)},e("span",{key:"99ae6a64d9af86b90c7846677652a1c2a2eb139c",class:"spw-pagination__item-arrow-text"},"Suivant")," ",e("spw-icon",{key:"3cc135db927fadcd3af0feaf8ac87e0cd1bf5abc",icon:"fa-chevron-right"})));const r=this.currentPage>1&&e("li",{key:"7f4af8fa6b1072f69b0a55b694f56666b61abd8e",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"deed705ae5410e227ba4890573917934aad060d0",onClick:()=>this.goToPage(this.currentPage-1)},e("spw-icon",{key:"b81d00d310efa60375e3c7d966a37f43fc18dd4c",icon:"fa-chevron-left"})," ",e("span",{key:"65d6d066acbf5ac4029e282f28bc098f1cf30c1a"},"Précédent")));const l=this.currentPage<this.totalPages&&e("li",{key:"1b062820ab7880c0a173237458769c0b1db3e857",class:"spw-pagination__item spw-pagination__item--arrow"},e("button",{key:"465ba6bbcb8f28672fce34b273fdb71926105914",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},e("span",{key:"ff1a131478988532a069f66fc9e95217389695b5"},"Suivant")," ",e("spw-icon",{key:"1f9fbf6cc0f886842d051cb8d5aeab5f932e517b",icon:"fa-chevron-right"})));const c=e("ul",{key:"c6fc34359cb44637d3e97d3c5c8d1230700d191c",class:"spw-pagination__mobile-arrows"},r,l);return e(s,{key:"fa82c8dcf4a00d2e6e2608690457bd0cb6739196"},e("div",{key:"a76de9b23f47e73261de5f3a0dd86cbb66acc6e9",class:this.getPaginationClass()},this.variant==="input"&&e(a,{key:"5de5dc4a8ed72b5065683132a0d2db3a1144fd6e"},e("ul",{key:"ed97467d1a0da5ab9df49531bebef459b09b708a"},o,e("li",{key:"aeafcdde1ae64175bbef0f9aeadd0348a5e64451",class:"spw-pagination__input"},e("spw-text-field",{key:"d77195f4889e9d002c9b3e04b2fb90204d956581",value:this.inputPageValue,type:"text",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),e("li",{key:"e01099d3fd96f1e5647d10d06ba1541a88b12a27",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",this.totalPages===1?"page":"pages"),p),c),this.variant==="numbers"&&e(a,{key:"b88b4b0e07db7639fb7853557cafbefd9f31e706"},e("ul",{key:"f92e203985054eae6aba5435cb6848a9333d525d"},o,t.map((({page:t,class:i})=>{if(t==="..."){return e("li",{class:`spw-pagination__item spw-pagination__item--dots ${i}`},e("spw-icon",{icon:"fa-ellipsis"}))}return e("li",{class:{"spw-pagination__item":true,"spw-pagination__item--active":t===this.currentPage,[i]:true}},e("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t))})),p),c)))}static get watchers(){return{totalItems:["calculateTotalPages","onTotalItemsChange"],itemsPerPage:["calculateTotalPages","onItemsPerPageChange"],currentPage:["calculateTotalPages"]}}};o.style=n;export{o as spw_pagination};
+//# sourceMappingURL=p-33f33d6d.entry.js.map

package/dist/spw-stencil-library/{p-40b6234e.entry.js.map → p-33f33d6d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["spwPaginationCss","SpwPagination","constructor","hostRef","this","isDisabled","variant","currentPage","inputPageValue","isMobile","window","innerWidth","updateIsMobile","componentWillLoad","calculateTotalPages","toString","addEventListener","disconnectedCallback","removeEventListener","totalPages","Math","ceil","totalItems","itemsPerPage","onItemsPerPageChange","pageChanged","emit","onTotalItemsChange","newTotalPages","setPage","page","goToPage","handleInputChange","event","inputValue","target","value","parseInt","isNaN","clearTimeout","debounceTimer","setTimeout","getPaginationClass","pages","calculatePageRange","ellipsisCount","filter","length","hasEllipsisStart","_a","hasEllipsisEnd","_b","paginationClass","handleKeyDown","key","i","push","class","render","showPrevArrow","showNextArrow","prevArrow","h","onClick","icon","nextArrow","prevArrowMobile","nextArrowMobile","disabled","mobileArrows","Host","Fragment","type","onInput","onKeyDown","map","pageClass"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%button {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 700;\n  border-radius: 32px;\n  font-size: 14px;\n  min-width: 32px;\n  height: 32px;\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n}\n\n.spw-pagination {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  @include breakpoint(md) {\n    align-items: flex-start;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    padding: 0;\n  }\n\n  &__item {\n    margin-right: 12px;\n    spw-icon {\n      font-size: 18px;\n    }\n    button {\n      padding: 0 6px;\n      margin: 0;\n      border: none;\n      cursor: pointer;\n      color: var(--spw-color-themes-grey-grey-900);\n      background: none;\n      @extend %button;\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n      button {\n        background: var(--spw-color-themes-grey-grey-200);\n      }\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n      button {\n        background: var(--spw-color-themes-grey-grey-300);\n      }\n    }\n\n    &--arrow {\n      button {\n        padding: 0 12px;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        text-decoration: underline;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    &--dots {\n      position: relative;\n      top: 3px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n      background: none;\n      color: var(--spw-color-themes-grey-grey-400);\n      @extend %button;\n      spw-icon {\n        font-size: 16px;\n      }\n    }\n\n    &--desktop {\n      display: none;\n      @include breakpoint(md) {\n        display: inline-block;\n      }\n    }\n\n    &--active {\n      button {\n        color: white;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  &__input {\n    spw-text-field {\n      width: 36px;\n      --spw-input-height: 32px;\n      --spw-input-padding: 0 4px;\n      --spw-input-text-align: center;\n      --spw-input-font-size: 14px;\n    }\n  }\n\n  &__mobile-arrows {\n    margin-top: 12px;\n    @include breakpoint(md) {\n      display: none !important;\n    }\n  }\n\n  &__total-pages {\n    font-size: 14px;\n    margin: 0 12px 0 6px;\n  }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'spw-pagination',\n  styleUrl: 'spw-pagination.scss',\n  shadow: true,\n})\nexport class SpwPagination {\n  /** Nombre total d'éléments à paginer */\n  @Prop() totalItems: number;\n  /** Nombre d'éléments à afficher par page */\n  @Prop() itemsPerPage: number;\n  /** Indique si la pagination est désactivée */\n  @Prop() isDisabled: boolean = false;\n  /** Type de variante de la pagination : 'numbers' ou 'input' */\n  @Prop() variant: 'numbers' | 'input' = 'numbers';\n  /** Page actuellement sélectionnée, mutable */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n  @Event() pageChanged: EventEmitter<number>;\n\n  private totalPages: number;\n  @State() inputPageValue: string = '';\n  @State() isMobile: boolean = window.innerWidth < 800;\n  private debounceTimer: any;\n\n  componentWillLoad() {\n    this.calculateTotalPages();\n    this.inputPageValue = this.currentPage.toString();\n    window.addEventListener('resize', this.updateIsMobile);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.updateIsMobile);\n  }\n\n  private updateIsMobile = () => {\n    this.isMobile = window.innerWidth < 800;\n  };\n\n  @Watch('totalItems')\n  @Watch('itemsPerPage')\n  @Watch('currentPage')\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n  }\n\n  @Watch('itemsPerPage')\n  onItemsPerPageChange() {\n    this.currentPage = 1;\n    this.inputPageValue = '1';\n    this.pageChanged.emit(this.currentPage);\n  }\n\n  @Watch('totalItems')\n  onTotalItemsChange() {\n    const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n    if (this.currentPage > newTotalPages || this.currentPage === 0) {\n      this.currentPage = 1;\n      this.inputPageValue = '1';\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  /** Méthode publique pour définir la page courante */\n  @Method()\n  async setPage(page: number): Promise<void> {\n    this.goToPage(page);\n  }\n\n  private goToPage(page: number) {\n    if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n      this.currentPage = page;\n      this.inputPageValue = this.currentPage.toString();\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    this.inputPageValue = inputValue;\n    const page = parseInt(inputValue, 10);\n\n    if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = setTimeout(() => {\n        this.goToPage(page);\n      }, 500);\n    }\n  }\n\n  private getPaginationClass() {\n    const pages = this.calculatePageRange();\n    const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n    const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n    const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n    let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n    if (ellipsisCount === 2) {\n      paginationClass += ' spw-pagination--double-ellipsis';\n    } else if (hasEllipsisStart) {\n      paginationClass += ' spw-pagination--ellipsis-start';\n    } else if (hasEllipsisEnd) {\n      paginationClass += ' spw-pagination--ellipsis-end';\n    }\n\n    return paginationClass;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const page = parseInt(this.inputPageValue, 10);\n      if (!isNaN(page)) {\n        this.goToPage(page);\n      }\n    }\n  }\n\n  private calculatePageRange() {\n    const pages = [];\n    const { currentPage, totalPages, isMobile } = this;\n\n    if (isMobile) {\n      // Mode mobile\n      if (totalPages <= 5) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 3) {\n        for (let i = 1; i <= 3; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 2) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 2; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    } else {\n      // Mode desktop\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 4) {\n        for (let i = 1; i <= 4; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 3) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 3; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    }\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.calculatePageRange();\n    const showPrevArrow = this.currentPage > 1;\n    const showNextArrow = this.currentPage < this.totalPages;\n\n    const prevArrow = showPrevArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrow = showNextArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)}>\n          <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const prevArrowMobile = this.currentPage > 1 && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrowMobile = this.currentPage < this.totalPages && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n          <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const mobileArrows = (\n      <ul class=\"spw-pagination__mobile-arrows\">\n        {prevArrowMobile}\n        {nextArrowMobile}\n      </ul>\n    );\n\n    return (\n      <Host>\n        <div class={this.getPaginationClass()}>\n          {this.variant === 'input' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n                <li class=\"spw-pagination__input\">\n                  <spw-text-field\n                    value={this.inputPageValue}\n                    type=\"text\"\n                    onInput={event => this.handleInputChange(event)}\n                    onKeyDown={event => this.handleKeyDown(event)}\n                    disabled={this.isDisabled}\n                  ></spw-text-field>\n                </li>\n                <li class=\"spw-pagination__total-pages\">sur {this.totalPages} pages</li>\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n          {this.variant === 'numbers' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n\n                {pages.map(({ page, class: pageClass }) => {\n                  if (page === '...') {\n                    return (\n                      <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n                        <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n                      </li>\n                    );\n                  }\n\n                  return (\n                    <li\n                      class={{\n                        'spw-pagination__item': true,\n                        'spw-pagination__item--active': page === this.currentPage,\n                        [pageClass]: true,\n                      }}\n                    >\n                      <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n                        {page}\n                      </button>\n                    </li>\n                  );\n                })}\n\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["spwPaginationCss","SpwPagination","constructor","hostRef","this","isDisabled","variant","currentPage","inputPageValue","isMobile","window","innerWidth","updateIsMobile","componentWillLoad","calculateTotalPages","toString","addEventListener","disconnectedCallback","removeEventListener","totalPages","Math","ceil","totalItems","itemsPerPage","onItemsPerPageChange","pageChanged","emit","onTotalItemsChange","newTotalPages","setPage","page","goToPage","handleInputChange","event","inputValue","target","value","parseInt","isNaN","clearTimeout","debounceTimer","setTimeout","getPaginationClass","pages","calculatePageRange","ellipsisCount","filter","length","hasEllipsisStart","_a","hasEllipsisEnd","_b","paginationClass","handleKeyDown","key","i","push","class","render","showPrevArrow","showNextArrow","prevArrow","h","onClick","icon","nextArrow","prevArrowMobile","nextArrowMobile","disabled","mobileArrows","Host","Fragment","type","onInput","onKeyDown","map","pageClass"],"sources":["src/components/spw-pagination/spw-pagination.scss?tag=spw-pagination&encapsulation=shadow","src/components/spw-pagination/spw-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n%button {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 700;\n  border-radius: 32px;\n  font-size: 14px;\n  min-width: 32px;\n  height: 32px;\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n  }\n}\n\n.spw-pagination {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  @include breakpoint(md) {\n    align-items: flex-start;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    padding: 0;\n  }\n\n  &__item {\n    margin-right: 12px;\n    spw-icon {\n      font-size: 18px;\n    }\n    button {\n      padding: 0 6px;\n      margin: 0;\n      border: none;\n      cursor: pointer;\n      color: var(--spw-color-themes-grey-grey-900);\n      background: none;\n      @extend %button;\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):hover {\n      button {\n        background: var(--spw-color-themes-grey-grey-200);\n      }\n    }\n\n    &:not(.spw-pagination__item--active, .spw-pagination__item--dots, .spw-pagination__item--disabled):active {\n      button {\n        background: var(--spw-color-themes-grey-grey-300);\n      }\n    }\n\n    &--arrow {\n      button {\n        padding: 0 12px;\n        display: flex;\n        gap: 8px;\n        align-items: center;\n        text-decoration: underline;\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    &--dots {\n      position: relative;\n      top: 3px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n      background: none;\n      color: var(--spw-color-themes-grey-grey-400);\n      @extend %button;\n      spw-icon {\n        font-size: 16px;\n      }\n    }\n\n    &--desktop {\n      display: none;\n      @include breakpoint(md) {\n        display: inline-block;\n      }\n    }\n\n    &--active {\n      button {\n        color: white;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  &__input {\n    spw-text-field {\n      width: 36px;\n      --spw-input-height: 32px;\n      --spw-input-padding: 0 4px;\n      --spw-input-text-align: center;\n      --spw-input-font-size: 14px;\n    }\n  }\n\n  &__mobile-arrows {\n    margin-top: 12px;\n    @include breakpoint(md) {\n      display: none !important;\n    }\n  }\n\n  &__total-pages {\n    font-size: 14px;\n    margin: 0 12px 0 6px;\n  }\n}\n","import { Component, Fragment, Prop, Host, h, Event, EventEmitter, Watch, State, Method } from '@stencil/core';\n\n@Component({\n  tag: 'spw-pagination',\n  styleUrl: 'spw-pagination.scss',\n  shadow: true,\n})\nexport class SpwPagination {\n  /** Nombre total d'éléments à paginer */\n  @Prop() totalItems: number;\n  /** Nombre d'éléments à afficher par page */\n  @Prop() itemsPerPage: number;\n  /** Indique si la pagination est désactivée */\n  @Prop() isDisabled: boolean = false;\n  /** Type de variante de la pagination : 'numbers' ou 'input' */\n  @Prop() variant: 'numbers' | 'input' = 'numbers';\n  /** Page actuellement sélectionnée, mutable */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** Événement émis lorsque la page est changée, renvoie le numéro de la nouvelle page */\n  @Event() pageChanged: EventEmitter<number>;\n\n  private totalPages: number;\n  @State() inputPageValue: string = '';\n  @State() isMobile: boolean = window.innerWidth < 800;\n  private debounceTimer: any;\n\n  componentWillLoad() {\n    this.calculateTotalPages();\n    this.inputPageValue = this.currentPage.toString();\n    window.addEventListener('resize', this.updateIsMobile);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.updateIsMobile);\n  }\n\n  private updateIsMobile = () => {\n    this.isMobile = window.innerWidth < 800;\n  };\n\n  @Watch('totalItems')\n  @Watch('itemsPerPage')\n  @Watch('currentPage')\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n  }\n\n  @Watch('itemsPerPage')\n  onItemsPerPageChange() {\n    this.currentPage = 1;\n    this.inputPageValue = '1';\n    this.pageChanged.emit(this.currentPage);\n  }\n\n  @Watch('totalItems')\n  onTotalItemsChange() {\n    const newTotalPages = Math.ceil(this.totalItems / this.itemsPerPage);\n    if (this.currentPage > newTotalPages || this.currentPage === 0) {\n      this.currentPage = 1;\n      this.inputPageValue = '1';\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  /** Méthode publique pour définir la page courante */\n  @Method()\n  async setPage(page: number): Promise<void> {\n    this.goToPage(page);\n  }\n\n  private goToPage(page: number) {\n    if (page !== this.currentPage && !this.isDisabled && page >= 1 && page <= this.totalPages) {\n      this.currentPage = page;\n      this.inputPageValue = this.currentPage.toString();\n      this.pageChanged.emit(this.currentPage);\n    }\n  }\n\n  private handleInputChange(event: Event) {\n    const inputValue = (event.target as HTMLInputElement).value;\n    this.inputPageValue = inputValue;\n    const page = parseInt(inputValue, 10);\n\n    if (!isNaN(page) && page >= 1 && page <= this.totalPages) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = setTimeout(() => {\n        this.goToPage(page);\n      }, 500);\n    }\n  }\n\n  private getPaginationClass() {\n    const pages = this.calculatePageRange();\n    const ellipsisCount = pages.filter(({ page }) => page === '...').length;\n    const hasEllipsisStart = ellipsisCount > 0 && pages[1]?.page === '...';\n    const hasEllipsisEnd = ellipsisCount > 0 && pages[pages.length - 2]?.page === '...';\n\n    let paginationClass = `spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;\n\n    if (ellipsisCount === 2) {\n      paginationClass += ' spw-pagination--double-ellipsis';\n    } else if (hasEllipsisStart) {\n      paginationClass += ' spw-pagination--ellipsis-start';\n    } else if (hasEllipsisEnd) {\n      paginationClass += ' spw-pagination--ellipsis-end';\n    }\n\n    return paginationClass;\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const page = parseInt(this.inputPageValue, 10);\n      if (!isNaN(page)) {\n        this.goToPage(page);\n      }\n    }\n  }\n\n  private calculatePageRange() {\n    const pages = [];\n    const { currentPage, totalPages, isMobile } = this;\n\n    if (isMobile) {\n      // Mode mobile\n      if (totalPages <= 5) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 3) {\n        for (let i = 1; i <= 3; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 2) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 2; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 1; i <= currentPage + 1; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    } else {\n      // Mode desktop\n      if (totalPages <= 7) {\n        for (let i = 1; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--small-range' });\n        }\n      } else if (currentPage <= 4) {\n        for (let i = 1; i <= 4; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--start-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      } else if (currentPage >= totalPages - 3) {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = totalPages - 3; i <= totalPages; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--end-range' });\n        }\n      } else {\n        pages.push({ page: 1, class: 'spw-pagination__item--start' });\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        for (let i = currentPage - 2; i <= currentPage + 2; i++) {\n          pages.push({ page: i, class: 'spw-pagination__item--middle-range' });\n        }\n        pages.push({ page: '...', class: 'spw-pagination__item--ellipsis' });\n        pages.push({ page: totalPages, class: 'spw-pagination__item--end' });\n      }\n    }\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.calculatePageRange();\n    const showPrevArrow = this.currentPage > 1;\n    const showNextArrow = this.currentPage < this.totalPages;\n\n    const prevArrow = showPrevArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span class=\"spw-pagination__item-arrow-text\">Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrow = showNextArrow && (\n      <li class=\"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)}>\n          <span class=\"spw-pagination__item-arrow-text\">Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const prevArrowMobile = this.currentPage > 1 && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage - 1)}>\n          <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>Précédent</span>\n        </button>\n      </li>\n    );\n\n    const nextArrowMobile = this.currentPage < this.totalPages && (\n      <li class=\"spw-pagination__item spw-pagination__item--arrow\">\n        <button onClick={() => this.goToPage(this.currentPage + 1)} disabled={this.currentPage >= this.totalPages}>\n          <span>Suivant</span> <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n        </button>\n      </li>\n    );\n\n    const mobileArrows = (\n      <ul class=\"spw-pagination__mobile-arrows\">\n        {prevArrowMobile}\n        {nextArrowMobile}\n      </ul>\n    );\n\n    return (\n      <Host>\n        <div class={this.getPaginationClass()}>\n          {this.variant === 'input' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n                <li class=\"spw-pagination__input\">\n                  <spw-text-field\n                    value={this.inputPageValue}\n                    type=\"text\"\n                    onInput={event => this.handleInputChange(event)}\n                    onKeyDown={event => this.handleKeyDown(event)}\n                    disabled={this.isDisabled}\n                  ></spw-text-field>\n                </li>\n                <li class=\"spw-pagination__total-pages\">sur {this.totalPages} {this.totalPages === 1 ? 'page' : 'pages'}</li>\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n          {this.variant === 'numbers' && (\n            <Fragment>\n              <ul>\n                {prevArrow}\n\n                {pages.map(({ page, class: pageClass }) => {\n                  if (page === '...') {\n                    return (\n                      <li class={`spw-pagination__item spw-pagination__item--dots ${pageClass}`}>\n                        <spw-icon icon=\"fa-ellipsis\"></spw-icon>\n                      </li>\n                    );\n                  }\n\n                  return (\n                    <li\n                      class={{\n                        'spw-pagination__item': true,\n                        'spw-pagination__item--active': page === this.currentPage,\n                        [pageClass]: true,\n                      }}\n                    >\n                      <button onClick={() => this.goToPage(page as number)} disabled={page === this.currentPage}>\n                        {page}\n                      </button>\n                    </li>\n                  );\n                })}\n\n                {nextArrow}\n              </ul>\n              {mobileArrows}\n            </Fragment>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}