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

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

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";const r=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.internalValue="";this.type="text";this.label="";this.isSearch=false;this.isClear=false;this.required=false;this.size="medium";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.isClearIconVisible=false;this.lastInputValue=""}valueChangedHandler(e){this.setValue(e)}async setValue(e){const t=this.mask?this.applyMask(e):e;this.internalValue=t;this.value=t;if(this.inputElement){this.inputElement.value=t}const i=this.mask?this.unmask(t):t;const s=this.getTypedValue(i);this.internals.setFormValue(s?String(s):null);this.isClearIconVisible=this.isClear&&!!t;this.valueChanged.emit(s);this.lastInputValue=t}getTypedValue(e){if(!e)return"";if(this.type==="number"&&!isNaN(Number(e))){return Number(e)}return e}componentWillLoad(){var e;const t=(e=this.value)!==null&&e!==void 0?e:"";this.internalValue=this.mask?this.applyMask(t):t;this.lastInputValue=this.internalValue}componentDidLoad(){const e=this.mask?this.unmask(this.internalValue):this.internalValue;const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null);this.isClearIconVisible=this.isClear&&!!this.internalValue}formResetCallback(){this.setValue("")}handleInput(e){if(!this.mask){this.setValue(e.target.value);return}const t=e.target.value;const i=e.target.selectionStart;if(t.length<this.lastInputValue.length){const e=this.unmask(t);this.setValue(e);setTimeout((()=>{if(this.inputElement){const e=Math.min(i,this.inputElement.value.length);this.inputElement.setSelectionRange(e,e)}}),0)}else{this.setValue(t)}}handleClear(){this.setValue("")}unmask(e){return e?e.replace(/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":return/[A-Za-z]/.test(e);case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return false}}transformForPlaceholder(e,t){switch(t){case"A":return e.toUpperCase();default:return e}}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0;let s="";for(let e=0;e<this.mask.length;e++){const r=this.mask[e];if(["9","A","a","X"].includes(r)){while(i<t.length&&!this.matchesPlaceholder(t[i],r)){i++}if(i>=t.length){break}const e=this.transformForPlaceholder(t[i],r);s+=e;i++}else{s+=r}}return s}renderErrorMessage(){if(this.error){return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-text-field":true,[`spw-text-field--${this.size}`]:true,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"460629af01f0ac713bb4790d7bb260a80f26b02c",class:this.elementClass},this.label&&i("spw-field-label",{key:"7f236e17c3abaa5d508609544c23bd6b5115de5d",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"f2d57c2d3f8b9fb0f691d6a65f267a65dd7e3be2",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"dd8539c47fef04b3eb313c5e3eb2b80d88c23817",class:"spw-text-field__container"},i("div",{key:"f57c49535130edd4de2167b0627854b46c914408",class:"spw-text-field__input-container"},i("input",{key:"4b915f91e64380e35bdc89a2c3a5cff9843372ea",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"2ad3bd18acc96213e05019c8fd86edc8b7cc5710",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"3e10307efd9f947065bdcb74e961c0ff2d9e9136",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"a4b98b3e0f8ebbda9e481c3f2ae004cb0e09bac0",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"c8486f50f6a861d879aa58f2bee066252723f657",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"104e642205d085e6799cbca3a2d6ac430ef91b5a",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{value:["valueChangedHandler"]}}};r.style=s;export{r as spw_text_field};
-//# sourceMappingURL=p-272dc0ee.entry.js.map
+import{r as e,c as t,h as i}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";const r=class{constructor(i){e(this,i);this.valueChanged=t(this,"valueChanged",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.internalValue="";this.type="text";this.label="";this.isSearch=false;this.isClear=false;this.required=false;this.size="medium";this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.isClearIconVisible=false;this.lastInputValue=""}valueChangedHandler(e){this.setValue(e)}async setValue(e){const t=this.mask?this.applyMask(e):e;this.internalValue=t;this.value=t;if(this.inputElement){this.inputElement.value=t}const i=this.mask?this.unmask(t):t;const s=this.getTypedValue(i);this.internals.setFormValue(s?String(s):null);this.isClearIconVisible=this.isClear&&!!t;this.valueChanged.emit(s);this.lastInputValue=t}getTypedValue(e){if(!e)return"";if(this.type==="number"&&!isNaN(Number(e))){return Number(e)}return e}componentWillLoad(){var e;const t=(e=this.value)!==null&&e!==void 0?e:"";this.internalValue=this.mask?this.applyMask(t):t;this.lastInputValue=this.internalValue}componentDidLoad(){const e=this.mask?this.unmask(this.internalValue):this.internalValue;const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null);this.isClearIconVisible=this.isClear&&!!this.internalValue}formResetCallback(){this.setValue("")}handleInput(e){if(!this.mask){this.setValue(e.target.value);return}const t=e.target.value;const i=e.target.selectionStart;if(t.length<this.lastInputValue.length){const e=this.unmask(t);this.setValue(e);setTimeout((()=>{if(this.inputElement){const e=Math.min(i,this.inputElement.value.length);this.inputElement.setSelectionRange(e,e)}}),0)}else{this.setValue(t)}}handleClear(){this.setValue("")}unmask(e){return e?e.replace(/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":return/[A-Za-z]/.test(e);case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return false}}transformForPlaceholder(e,t){switch(t){case"A":return e.toUpperCase();default:return e}}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0;let s="";for(let e=0;e<this.mask.length;e++){const r=this.mask[e];if(["9","A","a","X"].includes(r)){while(i<t.length&&!this.matchesPlaceholder(t[i],r)){i++}if(i>=t.length){break}const e=this.transformForPlaceholder(t[i],r);s+=e;i++}else{s+=r}}return s}renderErrorMessage(){if(this.error){return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderSuccessMessage(){if(this.success){return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}renderWarningMessage(){if(this.warning){return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}get elementClass(){return{"spw-text-field":true,[`spw-text-field--${this.size}`]:true,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--disabled":this.disabled}}render(){return i("div",{key:"7ac0d815bd0edd167799c3749c708b1a54beeecd",class:this.elementClass},this.label&&i("spw-field-label",{key:"2e6daa75d321b6e222e21f17e7b052984186dabc",label:this.label,name:this.name,required:this.required}),this.assistiveText&&i("spw-field-message",{key:"4756dfee5a472a884e6639092cf4cbd6c766ab68",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),i("div",{key:"c6610e3d2e747c3b5af25d6f185a39a2d2cf0bb6",class:"spw-text-field__container"},i("div",{key:"b22887493389b956166d3f6acd8b8d7f1e8f497c",class:"spw-text-field__input-container"},i("input",{key:"de7bd4f6f3c7ee2a6de90d10fb2c336178104573",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e)}),(this.isSearch||this.isClearIconVisible)&&i("div",{key:"c4674edd4c3bddf1e0880f81a11fcaf60e4aa51c",class:"spw-text-field__icons"},this.isClearIconVisible&&i("span",{key:"0265b15ae7613efb3646eb128f86b68859c11a27",class:"spw-text-field__clear",onClick:()=>this.handleClear()},i("spw-icon",{key:"d6a335856fd4ef3723d01f6bedc2a02e80aee996",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&i("spw-icon",{key:"411bb106a9205f138254734852d78b5e41359004",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&i("div",{key:"c73e92d45abd6268b7ff6c3ba2679523814316ef",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{value:["valueChangedHandler"]}}};r.style=s;export{r as spw_text_field};
+//# sourceMappingURL=p-2c79bd06.entry.js.map

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

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

package/dist/spw-stencil-library/{p-b0dc1073.entry.js → p-2cfb78fb.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,g as i}from"./p-BYM_CUUH.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-footer-col-width-mobile:100%;--spw-footer-col-width-tablet:100%;--spw-footer-col-width-desktop:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-footer-content{background:#1d1d1d;color:var(--spw-ds-white);padding:32px 0}.spw-footer-content__container{display:flex;flex-wrap:wrap}::slotted(spw-footer-content-col){margin-bottom:24px;position:relative;width:var(--spw-footer-col-width-mobile)}@media (min-width:768px){::slotted(spw-footer-content-col){gap:48px;width:var(--spw-footer-col-width-tablet)}}@media (min-width:1024px){::slotted(spw-footer-content-col){gap:0;margin-bottom:0;padding-left:48px;padding-right:48px;width:var(--spw-footer-col-width-desktop)}::slotted(spw-footer-content-col):after{background:var(--spw-ds-primary);content:"";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}}::slotted(spw-footer-content-col:first-child){padding-left:0}::slotted(spw-footer-content-col:last-child){margin-bottom:0;padding-right:0!important}::slotted(spw-footer-content-col:last-child):after{display:none}';const s=class{constructor(e){t(this,e)}componentDidLoad(){this.el.closest("spw-footer").addEventListener("spwFooterCols",this.handleFooterCols.bind(this))}disconnectedCallback(){this.el.closest("spw-footer").removeEventListener("spwFooterCols",this.handleFooterCols.bind(this))}handleFooterCols(t){const{colsMobile:e,colsTablet:o,colsDesktop:i}=t.detail;this.el.style.setProperty("--spw-footer-col-width-mobile",`calc(100% / ${e})`);this.el.style.setProperty("--spw-footer-col-width-tablet",`calc(100% / ${o})`);this.el.style.setProperty("--spw-footer-col-width-desktop",`calc(100% / ${i})`)}render(){return e(o,{key:"6252248d725d73708ac3cf331a7f12d886c7fc4d"},e("div",{key:"d4534b198b6d8c3edd31028a7d4fd3c8c4249d95",class:"spw-footer-content"},e("div",{key:"9f541023442bf7ff18091e3a2720d208f3b2db05",class:"spw-footer-content__container spw-ds-container"},e("slot",{key:"7f67422ee19cb7b5b4c535d72b70d4ae66d4585a"}))))}get el(){return i(this)}};s.style=n;export{s as spw_footer_content};
-//# sourceMappingURL=p-b0dc1073.entry.js.map
+import{r as t,h as e,H as o,g as i}from"./p-CvfVJV8a.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-footer-col-width-mobile:100%;--spw-footer-col-width-tablet:100%;--spw-footer-col-width-desktop:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-footer-content{background:#1d1d1d;color:var(--spw-ds-white);padding:32px 0}.spw-footer-content__container{display:flex;flex-wrap:wrap}::slotted(spw-footer-content-col){margin-bottom:24px;position:relative;width:var(--spw-footer-col-width-mobile)}@media (min-width:768px){::slotted(spw-footer-content-col){gap:48px;width:var(--spw-footer-col-width-tablet)}}@media (min-width:1024px){::slotted(spw-footer-content-col){gap:0;margin-bottom:0;padding-left:48px;padding-right:48px;width:var(--spw-footer-col-width-desktop)}::slotted(spw-footer-content-col):after{background:var(--spw-ds-primary);content:"";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}}::slotted(spw-footer-content-col:first-child){padding-left:0}::slotted(spw-footer-content-col:last-child){margin-bottom:0;padding-right:0!important}::slotted(spw-footer-content-col:last-child):after{display:none}';const s=class{constructor(e){t(this,e)}componentDidLoad(){this.el.closest("spw-footer").addEventListener("spwFooterCols",this.handleFooterCols.bind(this))}disconnectedCallback(){this.el.closest("spw-footer").removeEventListener("spwFooterCols",this.handleFooterCols.bind(this))}handleFooterCols(t){const{colsMobile:e,colsTablet:o,colsDesktop:i}=t.detail;this.el.style.setProperty("--spw-footer-col-width-mobile",`calc(100% / ${e})`);this.el.style.setProperty("--spw-footer-col-width-tablet",`calc(100% / ${o})`);this.el.style.setProperty("--spw-footer-col-width-desktop",`calc(100% / ${i})`)}render(){return e(o,{key:"dcb28355142ffc0d9d31bbf14996a00722474aaa"},e("div",{key:"28ad46d4bc262c9fa5665a1cec40027c55fd4fc0",class:"spw-footer-content"},e("div",{key:"7d427c0e3228b0c168feb94256ee929c1bfb6343",class:"spw-footer-content__container spw-ds-container"},e("slot",{key:"0367744cc5cab989634da91ff09ef264f35c674e"}))))}get el(){return i(this)}};s.style=n;export{s as spw_footer_content};
+//# sourceMappingURL=p-2cfb78fb.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as t,h as i,g as e}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;top:1px}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";const o=class{constructor(i){t(this,i);this.showLeftArrow=false;this.showRightArrow=false;this.scrollPercentage=30;this.resizeObserver=null;this.mutationObserver=null;this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));if(this.ulElement){this.resizeObserver.observe(this.ulElement)}this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation();setTimeout((()=>this.checkOverflow()),10)}));this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true});this.updateSlottedElementsObservation()};this.updateSlottedElementsObservation=()=>{if(!this.resizeObserver)return;const t=Array.from(this.hostElement.children);t.forEach((t=>{this.resizeObserver.observe(t)}))};this.cleanupObservers=()=>{if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth;const i=this.ulElement.scrollWidth;const e=this.ulElement.scrollLeft;const s=i>t;this.showLeftArrow=s&&e>0;this.showRightArrow=s&&e<i-t-1};this.scrollLeft=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:-t,behavior:"smooth"})};this.scrollRight=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:t,behavior:"smooth"})};this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow();this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){return i("div",{key:"6629497ad63c4cdbd1909ac4c2e7b88892c191ec",class:"spw-tabs-navigation-container"},this.showLeftArrow&&i("button",{key:"4a4269d101912ff9ee7c4b6a245263b9709322fd",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},i("spw-icon",{key:"e18c9a63b807b77208e6e9bb188f059af819e330",icon:"fa-chevron-left"})),i("nav",{key:"885dfe03e15050612c8efe8a4421f9e4bba2cef1",class:"spw-tabs-navigation"},i("ul",{key:"f2fdc83d29a5d060dd993f7db0b8d81867c8b432",class:"spw-tabs-navigation__list",role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},i("slot",{key:"bd14eebcc28b7dc2aeb56cce6709f4155eed7490"}))),this.showRightArrow&&i("button",{key:"eafa4b51f6bba6382653c76a6880ca2ce1e151f5",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},i("spw-icon",{key:"94a175ac9004fb5cf018c8847d26e12088797cee",icon:"fa-chevron-right"})))}get hostElement(){return e(this)}};o.style=s;export{o as spw_tabs_navigation};
-//# sourceMappingURL=p-c2de4206.entry.js.map
+import{r as t,h as i,g as e}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;top:1px}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-container{align-items:center;display:flex;overflow:hidden;position:relative;width:100%}.spw-tabs-navigation{flex:1;overflow:hidden}.spw-tabs-navigation__list{-ms-overflow-style:none;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;list-style:none;margin:0;overflow-x:auto;padding:0;position:relative;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;z-index:2}.spw-tabs-navigation__list::-webkit-scrollbar{display:none}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0}.spw-tabs-navigation__arrow{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;height:33px;justify-content:center;position:relative;top:1px;transition:all .2s ease;width:33px;z-index:10}.spw-tabs-navigation__arrow spw-icon{color:var(--spw-colors-support-grey-grey-500);font-size:14px}.spw-tabs-navigation__arrow:hover spw-icon{color:var(--spw-colors-support-grey-grey-600)}.spw-tabs-navigation__arrow:active spw-icon{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation__arrow--left{border-radius:4px 0 0 0;border-right:1px solid var(--spw-colors-support-grey-grey-300)}.spw-tabs-navigation__arrow--right{border-left:1px solid var(--spw-colors-support-grey-grey-300);border-radius:0 4px 0 0}::slotted(spw-tabs-navigation-item){--spw-tabs-border-radius:0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item:first-child){--spw-tabs-border-radius:4px 0 0 0;--spw-tabs-margin-left:0}::slotted(spw-tabs-navigation-item:last-child){--spw-tabs-border-radius:0 4px 0 0;--spw-tabs-margin-left:-1px}::slotted(spw-tabs-navigation-item.--active){--spw-tabs-border-radius:4px 4px 0 0}";const o=class{constructor(i){t(this,i);this.showLeftArrow=false;this.showRightArrow=false;this.scrollPercentage=30;this.resizeObserver=null;this.mutationObserver=null;this.setupObservers=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));if(this.ulElement){this.resizeObserver.observe(this.ulElement)}this.mutationObserver=new MutationObserver((()=>{this.updateSlottedElementsObservation();setTimeout((()=>this.checkOverflow()),10)}));this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true});this.updateSlottedElementsObservation()};this.updateSlottedElementsObservation=()=>{if(!this.resizeObserver)return;const t=Array.from(this.hostElement.children);t.forEach((t=>{this.resizeObserver.observe(t)}))};this.cleanupObservers=()=>{if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};this.checkOverflow=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth;const i=this.ulElement.scrollWidth;const e=this.ulElement.scrollLeft;const s=i>t;this.showLeftArrow=s&&e>0;this.showRightArrow=s&&e<i-t-1};this.scrollLeft=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:-t,behavior:"smooth"})};this.scrollRight=()=>{if(!this.ulElement)return;const t=this.ulElement.clientWidth*this.scrollPercentage/100;this.ulElement.scrollBy({left:t,behavior:"smooth"})};this.handleScroll=()=>{this.checkOverflow()}}componentDidLoad(){this.checkOverflow();this.setupObservers()}disconnectedCallback(){this.cleanupObservers()}onWindowResize(){this.checkOverflow()}render(){return i("div",{key:"f7a4bfdab3232c7ce3a7d1f28279733419dd4ae7",class:"spw-tabs-navigation-container"},this.showLeftArrow&&i("button",{key:"d8c9496990f8e48fa18927e5b2cb3a2e5b38c83c",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left",onClick:this.scrollLeft,"aria-label":"Faire défiler vers la gauche"},i("spw-icon",{key:"eabaa1b71fdacd05cf41ee417994a5eedfc6f8d3",icon:"fa-chevron-left"})),i("nav",{key:"e7e50d5c97c72d0a9786865b89aaac519a265a09",class:"spw-tabs-navigation"},i("ul",{key:"f2824eb6b477ed6ad3ab3d3a7ec4725dbd38d741",class:"spw-tabs-navigation__list",role:"tablist",ref:t=>this.ulElement=t,onScroll:this.handleScroll},i("slot",{key:"ebf5b6ae1b51cf5603b07a896ac63add8a75ab6e"}))),this.showRightArrow&&i("button",{key:"54f99195ebc3bbd7dd270a2cad5d71905003d0df",class:"spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right",onClick:this.scrollRight,"aria-label":"Faire défiler vers la droite"},i("spw-icon",{key:"b5151f6a76a6d3ae7340c52e11e4a53e6c7b2de0",icon:"fa-chevron-right"})))}get hostElement(){return e(this)}};o.style=s;export{o as spw_tabs_navigation};
+//# sourceMappingURL=p-2d974226.entry.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["spwHeaderNavigationItemCss","SpwHeaderNavigationItem","constructor","hostRef","this","isActive","internalIsActive","hasSubnav","level","isSubnavVisible","lastClickedLevel1Item","isMobile","window","innerWidth","componentWillLoad","checkForSubnav","calculateLevel","updateLevelClass","componentWillUpdate","slot","el","shadowRoot","querySelector","assignedElements","flatten","some","tagName","parent","parentElement","htmlElement","document","documentElement","Array","from","classList","forEach","className","startsWith","remove","add","spwHeaderNavigationNavigate","emit","element","toggleSubnavVisibility","event","stopPropagation","isMobileScreen","matchMedia","matches","preventDefault","innerText","setAttribute","getStoredLevel1Item","getAttribute","handleBackClick","removeAttribute","getPageTitle","length","firstElement","title","link","href","target","componentDidLoad","setTimeout","mutationObserver","MutationObserver","observe","childList","subtree","render","pageTitle","storedTitle","elementClass","h","Host","key","class","onClick","icon"],"sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\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\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["spwHeaderNavigationItemCss","SpwHeaderNavigationItem","constructor","hostRef","this","isActive","internalIsActive","hasSubnav","level","isSubnavVisible","lastClickedLevel1Item","isMobile","window","innerWidth","componentWillLoad","checkForSubnav","calculateLevel","updateLevelClass","componentWillUpdate","slot","el","shadowRoot","querySelector","assignedElements","flatten","some","tagName","parent","parentElement","htmlElement","document","documentElement","Array","from","classList","forEach","className","startsWith","remove","add","spwHeaderNavigationNavigate","emit","element","toggleSubnavVisibility","event","stopPropagation","isMobileScreen","matchMedia","matches","preventDefault","innerText","setAttribute","getStoredLevel1Item","getAttribute","handleBackClick","removeAttribute","getPageTitle","length","firstElement","title","link","href","target","componentDidLoad","setTimeout","mutationObserver","MutationObserver","observe","childList","subtree","render","pageTitle","storedTitle","elementClass","h","Host","key","class","onClick","icon"],"sources":["src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.scss?tag=spw-header-navigation-item&encapsulation=shadow","src/components/spw-header/spw-header-navigation-item/spw-header-navigation-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  @include breakpoint(lg) {\n    display: contents;\n    width: auto;\n  }\n}\n\n.spw-header-navigation-item {\n  color: var(--spw-colors-support-grey-grey-900);\n  font-size: 16px;\n  font-weight: 700;\n  background: white;\n\n  ::slotted(a:hover) {\n    @include under-breakpoint(lg) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  :host([data-level='1']) & {\n    ::slotted(a) {\n      position: relative;\n      padding: 24px 16px;\n      font-size: 20px;\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 16px;\n        width: calc(100% - 32px);\n        height: 1px;\n        background: var(--spw-colors-support-grey-grey-300);\n      }\n      @include breakpoint(lg) {\n        padding: 20px 16px;\n        font-size: 16px;\n        border-bottom: 0;\n        &:before {\n          content: '';\n          position: absolute;\n          top: auto;\n          bottom: 0;\n          left: 16px;\n          width: 0;\n          height: 3px;\n          background: var(--spw-ds-primary);\n        }\n      }\n    }\n    &:hover {\n      @include breakpoint(lg) {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          top: 100%;\n          margin-left: 16px;\n          transition: opacity 0.1s ease-in;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          &:before {\n            width: calc(100% - 32px);\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-size: 18px;\n          @include breakpoint(lg) {\n            content: '\\f078';\n            font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 10;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n          @include breakpoint(lg) {\n            content: '\\f078';\n          }\n        }\n      }\n    }\n  }\n\n  :host([data-level='2']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 18px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    @include breakpoint(lg) {\n      &:hover {\n        ::slotted(spw-header-navigation-dropdown) {\n          pointer-events: auto;\n          opacity: 1;\n          left: 100%;\n          top: 0;\n          transition: opacity 0.1s ease-in;\n          z-index: 38;\n        }\n        ::slotted(a) {\n          color: var(--spw-ds-primary) !important;\n          background: var(--spw-colors-support-grey-grey-100);\n          &:before {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--has-subnav {\n      ::slotted(a) {\n        &:after {\n          font-family: var(--spw-ds-font-icons-solid);\n          content: '\\f054';\n          font-weight: 700;\n        }\n      }\n    }\n\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 11;\n      }\n      ::slotted(a) {\n        &:after {\n          content: '\\f054';\n        }\n      }\n    }\n  }\n\n  :host([data-level='3']) & {\n    ::slotted(a) {\n      padding: 12px 16px;\n      font-weight: 400;\n      font-size: 16px;\n      @include breakpoint(lg) {\n        padding: 20px;\n        font-weight: 700;\n        font-size: 16px;\n      }\n    }\n    ::slotted(a:hover) {\n      @include breakpoint(lg) {\n        color: var(--spw-ds-primary) !important;\n      }\n    }\n    &--is-subnav-visible {\n      ::slotted(spw-header-navigation-dropdown) {\n        z-index: 12;\n      }\n    }\n  }\n\n  &--is-active {\n    ::slotted(a) {\n      color: var(--spw-ds-primary) !important;\n    }\n  }\n\n  ::slotted(a) {\n    display: inline-flex;\n    position: relative;\n    color: inherit;\n    text-decoration: none;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 0;\n    @include breakpoint(lg) {\n      padding: 16px;\n    }\n    &:before {\n      @include breakpoint(lg) {\n        content: '';\n        transition: width 0.2s ease-in;\n        bottom: 0;\n        left: 16px;\n        height: 5px;\n        width: 0;\n        position: absolute;\n        background: var(--spw-ds-primary);\n      }\n    }\n  }\n\n  ::slotted(a:focus-visible) {\n    outline: 3px solid white;\n    outline-offset: -3px;\n    box-shadow: 0 0 0 3px black;\n  }\n\n  ::slotted(a:active) {\n    color: var(--spw-ds-primary) !important;\n  }\n\n  ::slotted(spw-header-navigation-dropdown) {\n    display: none;\n    opacity: 0;\n    @include breakpoint(lg) {\n      display: block;\n      pointer-events: none;\n      opacity: 0;\n      position: absolute;\n      width: 320px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n\n  &--is-subnav-visible {\n    ::slotted(spw-header-navigation-dropdown) {\n      @include under-breakpoint(lg) {\n        display: block;\n        opacity: 1;\n        position: absolute;\n        background: white;\n        width: 100%;\n        margin-top: 0;\n        padding-top: 132px;\n        top: 0;\n        left: 0;\n        min-height: 100%;\n        overflow-y: auto;\n      }\n    }\n  }\n}\n\n.spw-header-navigation-item__top {\n  position: absolute;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  top: 0;\n  left: 16px;\n  height: 118px;\n  z-index: 9999999;\n  width: calc(100% - 32px);\n  padding: 24px 0;\n  background: white;\n  border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n\n  &-back {\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\n  &-title {\n    a {\n      font-size: 20px;\n      font-weight: 700;\n      text-decoration: underline;\n      color: var(--spw-colors-support-grey-grey-900);\n      display: block;\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  &--1 {\n    :host([data-level-visible='1']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--2 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    :host([data-level-visible='3']) & {\n      display: none;\n    }\n  }\n\n  &--3 {\n    :host([data-level-visible='1']) & {\n      display: none;\n    }\n    :host([data-level-visible='2']) & {\n      display: none;\n    }\n    :host([data-level-visible='3']) & {\n      display: flex;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n  }\n\n  @include breakpoint(lg) {\n    display: none;\n  }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-navigation-item',\n  styleUrl: 'spw-header-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwHeaderNavigationItem {\n  @Element() el: HTMLSpwHeaderNavigationItemElement;\n\n  /** Définit si l'élément de menu est la page courante */\n  @Prop() isActive: boolean = false;\n\n  @State() internalIsActive: boolean = false;\n  @State() hasSubnav: boolean = false;\n  @State() level: number = 1;\n  @State() isSubnavVisible: boolean = false;\n  @State() lastClickedLevel1Item: string | null = null;\n  @State() isMobile: boolean = window.innerWidth < 1024;\n\n  @Event() spwHeaderNavigationNavigate: EventEmitter<{ level: number; element: HTMLSpwHeaderNavigationItemElement }>;\n\n  componentWillLoad() {\n    this.internalIsActive = this.isActive;\n    this.checkForSubnav();\n    this.calculateLevel();\n    this.updateLevelClass();\n  }\n\n  componentWillUpdate() {\n    if (this.isActive !== this.internalIsActive) {\n      this.internalIsActive = this.isActive;\n    }\n    this.updateLevelClass();\n  }\n\n  private checkForSubnav() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedElements = slot.assignedElements({ flatten: true });\n      const hasSubnav = assignedElements.some(el => el.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN');\n\n      if (hasSubnav !== this.hasSubnav) {\n        this.hasSubnav = hasSubnav;\n      }\n    }\n  }\n\n  private calculateLevel() {\n    let level = 1;\n    let parent = this.el.parentElement;\n\n    while (parent && parent.tagName !== 'SPW-HEADER-NAVIGATION') {\n      if (parent.tagName === 'SPW-HEADER-NAVIGATION-DROPDOWN') {\n        level++;\n      }\n      parent = parent.parentElement;\n    }\n\n    this.level = level;\n  }\n\n  private updateLevelClass() {\n    const htmlElement = document.documentElement;\n    Array.from(htmlElement.classList).forEach(className => {\n      if (className.startsWith('spw-ds-nav-level-')) {\n        htmlElement.classList.remove(className);\n      }\n    });\n    htmlElement.classList.add(`spw-ds-nav-level-${this.level}`);\n    this.spwHeaderNavigationNavigate.emit({ level: this.level, element: this.el });\n  }\n\n  private toggleSubnavVisibility(event: MouseEvent) {\n    if (!this.isMobile) return;\n\n    event.stopPropagation();\n\n    if (this.hasSubnav && !this.isSubnavVisible) {\n      const isMobileScreen = window.matchMedia('(max-width: 1024px)').matches;\n      if (isMobileScreen) {\n        event.preventDefault();\n      }\n\n      if (this.level === 1) {\n        this.lastClickedLevel1Item = this.el.innerText;\n        document.documentElement.setAttribute('data-ds-nav-level1', this.lastClickedLevel1Item);\n      }\n\n      this.isSubnavVisible = !this.isSubnavVisible;\n\n      if (this.isSubnavVisible) {\n        this.level++;\n        this.updateLevelClass();\n      }\n    }\n  }\n\n  private getStoredLevel1Item(): string {\n    return document.documentElement.getAttribute('data-ds-nav-level1') || '';\n  }\n\n  private handleBackClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.isSubnavVisible = false;\n\n    if (this.level > 1) {\n      this.level--;\n      this.updateLevelClass();\n    }\n\n    this.internalIsActive = false;\n\n    if (this.level === 1 && !this.isSubnavVisible) {\n      this.lastClickedLevel1Item = null;\n      document.documentElement.removeAttribute('data-ds-nav-level1');\n    }\n  }\n\n  private getPageTitle(): { title: string; link: string | null; target: string | null } | null {\n    const parent = this.el.shadowRoot.querySelector('slot');\n\n    if (parent) {\n      const assignedElements = parent.assignedElements({ flatten: true }) as HTMLElement[];\n\n      if (assignedElements.length > 0) {\n        const firstElement = assignedElements[0];\n\n        const title = firstElement.innerText || '';\n        const link = (firstElement as HTMLAnchorElement).href || null;\n        const target = (firstElement as HTMLAnchorElement).target || null;\n\n        return { title, link, target };\n      }\n    }\n\n    return null;\n  }\n\n  async componentDidLoad() {\n    setTimeout(() => {\n      this.checkForSubnav();\n    }, 0);\n\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const mutationObserver = new MutationObserver(() => {\n        this.checkForSubnav();\n      });\n\n      mutationObserver.observe(slot, { childList: true, subtree: true });\n    }\n  }\n\n  render() {\n    const pageTitle = this.getPageTitle();\n    const storedTitle = this.getStoredLevel1Item();\n\n    const elementClass = {\n      'spw-header-navigation-item': true,\n      'spw-header-navigation-item--has-subnav': this.hasSubnav,\n      'spw-header-navigation-item--is-active': this.internalIsActive,\n      'spw-header-navigation-item--is-subnav-visible': this.isSubnavVisible,\n    };\n\n    return (\n      <Host data-level={this.level}>\n        <li class={elementClass}>\n          <div class=\"spw-header-navigation-item__content\" onClick={event => this.toggleSubnavVisibility(event)}>\n            {this.isSubnavVisible && (\n              <div class={`spw-header-navigation-item__top spw-header-navigation-item__top--${this.level}`}>\n                <div class=\"spw-header-navigation-item__top-back\" onClick={event => this.handleBackClick(event)}>\n                  <spw-icon icon=\"fa-chevron-left\"></spw-icon> <span>{this.level === 1 ? '' : this.level === 2 ? 'Menu principal' : storedTitle}</span>\n                </div>\n                <div class=\"spw-header-navigation-item__top-title\">\n                  <a href={pageTitle?.link || '#'} target={pageTitle?.target || '_self'}>\n                    {pageTitle?.title || ''}\n                  </a>\n                </div>\n              </div>\n            )}\n            <slot></slot>\n          </div>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-cb269271.entry.js → p-32fd509b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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-ds-typography,[class*=spw-ds-typography-]{font-family:Nunito Sans}.spw-ds-typography-display-1{font-size:56px;font-weight:400;line-height:1.2}@media (min-width:1024px){.spw-ds-typography-display-1{font-size:68px;font-weight:400;line-height:1.1}}.spw-ds-typography-display-2{font-size:40px;font-weight:400;line-height:1.25}@media (min-width:1024px){.spw-ds-typography-display-2{font-size:56px;font-weight:400;line-height:1.2}}.spw-ds-typography-display-3{font-size:32px;font-weight:400;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-display-3{font-size:48px;font-weight:400;line-height:1.2}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width:1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px!important;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-lead-body{font-size:20px;font-weight:400;line-height:1.5}}.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-size:14px;font-weight:700;line-height:1.2}.spw-ds-typography-label{font-size:16px;font-weight:600;line-height:1.2}.spw-ds-typography-date{font-size:16px;font-weight:300;line-height:1}.spw-ds-typography-caption{font-size:14px;font-style:italic;font-weight:300;line-height:1}.spw-ds-typography-link{border-bottom:1px solid var(--spw-ds-primary);color:var(--spw-ds-primary);font-size:inherit;font-weight:700;line-height:1.2}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:active,.spw-ds-typography-link:hover{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-family:monospace;font-size:14px;font-weight:400;line-height:1.2}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.spw-list-title{display:inline-flex;position:relative;transition:all .2s linear}.spw-list-title spw-icon{color:var(--spw-ds-primary);left:-28px;position:absolute;top:4px;transition:all .2s linear}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{border-bottom:1px solid transparent;display:inline;transition:all .2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}";const o=class{constructor(i){t(this,i)}get elementClass(){const t=this.lineClamp!=="none";return{"spw-list-title":true,[`spw-list-title--has-clamp`]:t,[`spw-list-title--icon`]:!!this.icon,[`spw-list-title--clamp-${this.lineClamp}`]:true}}render(){return i(e,{key:"c9c3901f829d7b5f2a3177ca556c018406d6ea73"},i("div",{key:"cf79b9d13b1924112e722313bf6047e8dd38a928",class:this.elementClass},this.icon&&i("spw-icon",{key:"8c7c3e1aebad500d2cc9f61397f9aaecce10813a",icon:this.icon}),i("div",{key:"b4ebd2d41241bf1c3d12e0585967dd49b3b1e16a",class:"spw-list-title__content"},i("div",{key:"8fa9a3410f155dd978758b25d8265fd2116b5dee",class:"spw-list-title__content-text"},i("slot",{key:"23e919d7c182a801221cd3bc856e4443b4601795"})))))}};o.style=s;export{o as spw_list_title};
-//# sourceMappingURL=p-cb269271.entry.js.map
+import{r as t,h as i,H as e}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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-ds-typography,[class*=spw-ds-typography-]{font-family:Nunito Sans}.spw-ds-typography-display-1{font-size:56px;font-weight:400;line-height:1.2}@media (min-width:1024px){.spw-ds-typography-display-1{font-size:68px;font-weight:400;line-height:1.1}}.spw-ds-typography-display-2{font-size:40px;font-weight:400;line-height:1.25}@media (min-width:1024px){.spw-ds-typography-display-2{font-size:56px;font-weight:400;line-height:1.2}}.spw-ds-typography-display-3{font-size:32px;font-weight:400;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-display-3{font-size:48px;font-weight:400;line-height:1.2}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width:1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width:1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px!important;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-lead-body{font-size:20px;font-weight:400;line-height:1.5}}.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-lead-body-compact{font-size:20px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width:1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width:1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-size:14px;font-weight:700;line-height:1.2}.spw-ds-typography-label{font-size:16px;font-weight:600;line-height:1.2}.spw-ds-typography-date{font-size:16px;font-weight:300;line-height:1}.spw-ds-typography-caption{font-size:14px;font-style:italic;font-weight:300;line-height:1}.spw-ds-typography-link{border-bottom:1px solid var(--spw-ds-primary);color:var(--spw-ds-primary);font-size:inherit;font-weight:700;line-height:1.2}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:active,.spw-ds-typography-link:hover{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-family:monospace;font-size:14px;font-weight:400;line-height:1.2}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.spw-list-title{display:inline-flex;position:relative;transition:all .2s linear}.spw-list-title spw-icon{color:var(--spw-ds-primary);left:-28px;position:absolute;top:4px;transition:all .2s linear}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{border-bottom:1px solid transparent;display:inline;transition:all .2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}";const o=class{constructor(i){t(this,i)}get elementClass(){const t=this.lineClamp!=="none";return{"spw-list-title":true,[`spw-list-title--has-clamp`]:t,[`spw-list-title--icon`]:!!this.icon,[`spw-list-title--clamp-${this.lineClamp}`]:true}}render(){return i(e,{key:"dfecd1a297eb0377aa352b20b172a1be449662d1"},i("div",{key:"10c4ca90c889b8430ec1f07970d59dc86c37dbcd",class:this.elementClass},this.icon&&i("spw-icon",{key:"ab9d74926b63e9a21ca8fa8313540994bab91635",icon:this.icon}),i("div",{key:"54ce53cac9bc360efd02e84b5cbbfe9437403543",class:"spw-list-title__content"},i("div",{key:"3392b12514224f78d0616ed51efdae88c1157e31",class:"spw-list-title__content-text"},i("slot",{key:"eb85d0bda0f6a57101b949d2a8c6c15eeb7ab706"})))))}};o.style=s;export{o as spw_list_title};
+//# sourceMappingURL=p-32fd509b.entry.js.map

package/dist/spw-stencil-library/{p-02151d7e.entry.js → p-438f1793.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i,g as n}from"./p-BYM_CUUH.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}";const s=class{constructor(e){t(this,e);this.gap="medium";this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.surface}`;const e=this.el.querySelectorAll("spw-list-item");e.forEach((e=>{e.classList.add(t);e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":true,[`spw-list--${this.gap}`]:true}}render(){return e(i,{key:"b4148947174922198db9c5d900e0bd3e12dc3463"},e("ul",{key:"100ab0ec463be6a6c94aa5853c6b4cadc95f8f55",class:this.elementClass},e("slot",{key:"b0a7ee73af4a21f35aa90b0eb77522b0d9679e27"})))}get el(){return n(this)}};s.style=o;export{s as spw_list};
-//# sourceMappingURL=p-02151d7e.entry.js.map
+import{r as t,h as e,H as i,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: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{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}";const s=class{constructor(e){t(this,e);this.gap="medium";this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.surface}`;const e=this.el.querySelectorAll("spw-list-item");e.forEach((e=>{e.classList.add(t);e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":true,[`spw-list--${this.gap}`]:true}}render(){return e(i,{key:"b868d8d0bf0bae73d210c5db603275f6bec30dca"},e("ul",{key:"fe572fd100862a568e5f0e37573aa84d4395a6b8",class:this.elementClass},e("slot",{key:"b82b0d010acf6ff5fa17b572e81c4bf7f26de3ae"})))}get el(){return n(this)}};s.style=o;export{s as spw_list};
+//# sourceMappingURL=p-438f1793.entry.js.map

package/dist/spw-stencil-library/{p-1f382434.entry.js → p-451a9785.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,F as i,H as n,g as o}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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-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:60%}@media (min-width:768px){.spw-tile--big{padding-top:110%}}.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;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:16px;left:0;padding:16px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";const a=class{constructor(t){e(this,t);this.variant="light";this.target="_self";this.imageAlt=""}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`;const t=this.el.querySelector("spw-tile-title");const i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e);i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":true,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:true}}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false)}setHovered(e){const t=this.el.querySelector("spw-tile-title");if(t&&this.href){t.classList.toggle("--hovered",e)}}render(){const{href:e,target:o}=this;const s=this.href===undefined?"div":"a";const a=s==="div"?{}:{href:e,target:o};return t(n,{key:"8e682c70e00a92322bf2c2771d2c4d8e58b18628"},t(s,Object.assign({key:"39e4fea3a1e0b27d9b7c3d5a74c554aeeaee0c60"},a,{class:this.elementClass}),this.imageSrc&&(this.variant==="big"||this.variant==="light")&&t(i,{key:"f35142eda83c1e765efbbdb3b1bd533955bc2ca9"},t("div",{key:"972c59057168d7ab0a88e46c0e0a9e2a1f9959f4",class:"spw-tile__overlay"}),t("img",{key:"fe16b528fcaed571842f845942e96a21ffa69a7f",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),t("div",{key:"b79d25920afa2221e179e7aafcfea7a59bceb091",class:"spw-tile__content"},t("slot",{key:"03de04b93a1d29bccc61acd75da0c6ae0042dcf3"}),this.href&&this.variant==="big"&&t("span",{key:"8707cd29f31ee6b6f0a03becf810df483832ddba",class:"spw-tile__button"},t("spw-icon",{key:"649639486e45f3ea1f09be502627fa807df2a2f1",icon:"fa-chevron-right"})))))}get el(){return o(this)}};a.style=s;export{a as spw_tile};
-//# sourceMappingURL=p-1f382434.entry.js.map
+import{r as e,h as t,F as i,H as n,g as o}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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-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:60%}@media (min-width:768px){.spw-tile--big{padding-top:110%}}.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;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:16px;left:0;padding:16px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";const a=class{constructor(t){e(this,t);this.variant="light";this.target="_self";this.imageAlt=""}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`;const t=this.el.querySelector("spw-tile-title");const i=this.el.querySelector("spw-tile-description");t&&t.classList.add(e);i&&i.classList.add(e)}))}get elementClass(){return{"spw-tile":true,"spw-tile--hoverable":!!this.href,[`spw-tile--${this.variant}`]:true}}onMouseEnter(){this.setHovered(true)}onMouseLeave(){this.setHovered(false)}setHovered(e){const t=this.el.querySelector("spw-tile-title");if(t&&this.href){t.classList.toggle("--hovered",e)}}render(){const{href:e,target:o}=this;const s=this.href===undefined?"div":"a";const a=s==="div"?{}:{href:e,target:o};return t(n,{key:"c73972a1c6ffae32568329abc0e760afae1104a7"},t(s,Object.assign({key:"55d7f30eaf7a632e6a3dd1f70f4216d60f904f49"},a,{class:this.elementClass}),this.imageSrc&&(this.variant==="big"||this.variant==="light")&&t(i,{key:"757323174d8c70ecc42e58665db26f7d423892cf"},t("div",{key:"89d39d93792e9c52c1b32359dbd2056b609723dd",class:"spw-tile__overlay"}),t("img",{key:"fdde6ea86f129005cbd298885bd00fde13036544",src:this.imageSrc,alt:this.imageAlt,class:"spw-tile__image"})),t("div",{key:"0fb8b76b384c3c471e88790c5bf9d9c35727829e",class:"spw-tile__content"},t("slot",{key:"34aa53bc3a44dafdfa270fc3ae9ed5887df29e46"}),this.href&&this.variant==="big"&&t("span",{key:"e3c8d37c2c202317a20dd682342110d3f048bc1d",class:"spw-tile__button"},t("spw-icon",{key:"3b79a2e6a56fb75819465857e50388c5362ad15d",icon:"fa-chevron-right"})))))}get el(){return o(this)}};a.style=s;export{a as spw_tile};
+//# sourceMappingURL=p-451a9785.entry.js.map

package/dist/spw-stencil-library/{p-4d61f200.entry.js → p-45d99a2b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as s}from"./p-BYM_CUUH.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:"c1353d0c8a29550c67b2f83dd0bddd752b0a0674"},e("div",{key:"ce92cfc99ca781dd2ca3405ed3fcd818b4d94871",class:"spw-search-input"},e("spw-text-field",{key:"dd7210af00ccecc065d981bf522aebd52a4679c1","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"cdf23f410c86d0aeeaa19a79835db6fa30127353",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:"9381849e2c9cab463b381f94b4a1f783311c541e",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:"d7c09b91b3056bc5fcea01630f28727fc0e544bd",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-4d61f200.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: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:"d07bdf40876845befff74819dfcc560f7559e0a5"},e("div",{key:"e672b86e6a40fcf44dcf541a74043ba839962bcb",class:"spw-search-input"},e("spw-text-field",{key:"8188c055a4b5c26db89c9bcf3c1d8b9e027af28b","is-search":"true",size:"large",type:"text",value:this.searchTerm,placeholder:"Rechercher une démarche",onValueChanged:t=>this.handleSearchInput(t)})),e("div",{key:"859c051a49dce89d61370455b91b1f375b3845a5",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:"3486d9e697634a9265b2e817cec2a4ecc8e057b7",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:"5afd61360f7efbc4bad54b7139c128673dae700c",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-45d99a2b.entry.js.map