@spw-ds/spw-stencil-library 1.2.0 → 1.2.2

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s}from"./p-BaAUTDWF.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-custom-select{position:relative}.spw-custom-select__container{align-items:center;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;display:flex;height:40px;justify-content:space-between;line-height:40px;padding:0 12px;width:100%}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-visible,.spw-custom-select__container:focus-within{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-custom-select--disabled .spw-custom-select__container{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-custom-select--disabled .spw-custom-select__container::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible,.spw-custom-select--disabled .spw-custom-select__container:hover{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;line-height:60px;padding:0 24px}.spw-custom-select--is-opened .spw-custom-select__container{border-bottom-color:transparent;border-radius:4px 4px 0 0;height:auto;line-height:1;min-height:40px}.spw-custom-select__selected{flex:1;max-width:100%;padding-right:30px}.spw-custom-select__selected-item{align-items:center;background:var(--spw-color-themes-grey-grey-200);border:1px solid var(--spw-color-themes-grey-grey-900);border-radius:999px;color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;gap:6px;height:24px;line-height:24px;margin:4px 6px 2px 0;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-custom-select__selected-items{text-wrap:nowrap;flex:1;overflow:hidden;text-overflow:ellipsis}.spw-custom-select--is-opened .spw-custom-select__selected-items{text-wrap:initial;overflow:visible;padding-bottom:4px;padding-top:3px;text-overflow:clip}.spw-custom-select__arrow{color:var(--spw-color-themes-grey-grey-600);font-size:16px;pointer-events:none;position:absolute;right:12px;top:10px}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{left:0;margin-top:1px;position:absolute;top:0;width:100%;z-index:11}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{margin-top:-3px;top:auto;top:100%}.spw-custom-select__search-input{border:none;height:38px;line-height:40px;margin:0;padding:0;text-overflow:ellipsis;width:calc(100% - 30px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:12}.spw-custom-select__options--down,.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{color:var(--spw-color-themes-grey-grey-600);cursor:not-allowed;padding:12px}.spw-custom-select__option{border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;padding:12px}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__error{color:var(--spw-color-themes-grey-grey-600);display:block;font-size:12px;margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}";const o=class{constructor(s){e(this,s);this.valueChanged=t(this,"valueChanged");if(s.$hostElement$["s-ei"]){this.internals=s.$hostElement$["s-ei"]}else{this.internals=s.$hostElement$.attachInternals();s.$hostElement$["s-ei"]=this.internals}this.isOpen=false;this.parsedOptions=[];this.focusedOptionIndex=null;this.searchText="";this.dropdownDirection="down";this.hasSelectedValue=false;this.value=[];this.label="";this.placeholder="Sélectionnez une option";this.required=false;this.size="medium";this.multiple=false;this.isSearch=false;this.error="";this.hint="";this.success="";this.warning="";this.showErrorIcon=true;this.showHintIcon=true;this.showSuccessIcon=true;this.showWarningIcon=true;this.handleClickOutside=e=>{var t,s;if(this.isOpen){const i=e.composedPath()[0];const o=this.host.contains(i);const r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-custom-select__search-input");const n=r===null||r===void 0?void 0:r.contains(i);if(!o&&!n){if(this.multiple){const e=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".spw-custom-select__options");if(e&&e.contains(i)){return}}this.closeDropdown()}}}}componentWillLoad(){if(this.multiple){if(typeof this.value==="string"){try{this.internalValue=JSON.parse(this.value)}catch(e){this.internalValue=[]}}else if(Array.isArray(this.value)){this.internalValue=this.value}else{this.internalValue=[]}}else{this.internalValue=this.value}if(this.options){this.parseOptions(this.options)}this.updateSelectedOption()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside);this.internals.setFormValue(this.getFormValue())}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}parseOptions(e){try{this.parsedOptions=JSON.parse(e).map((e=>({value:e.value,label:e.label})));this.updateSelectedOption()}catch(e){this.parsedOptions=[]}}valueChangedHandler(e){if(this.multiple){this.internalValue=Array.isArray(e)?e:[e]}else{this.internalValue=e}this.updateSelectedOption();this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue());if(!this.multiple&&this.internalValue!==undefined){this.focusedOptionIndex=this.parsedOptions.findIndex((e=>String(e.value)===String(this.internalValue)))}else if(this.multiple&&Array.isArray(this.internalValue)){this.internalValue=this.internalValue.filter((e=>this.parsedOptions.some((t=>String(t.value)===String(e))))).sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>String(e))).join(","):null}return this.internalValue?String(this.internalValue):null}toggleDropdown(e){if(!this.disabled){if(e){const t=e.composedPath()[0];if(t.classList.contains("spw-custom-select__search-input")){return}e.stopPropagation()}this.determineDropdownDirection();this.isOpen=!this.isOpen;if(!this.isOpen){this.focusedOptionIndex=null}}}determineDropdownDirection(){const e=this.selectContainer.getBoundingClientRect();const t=window.innerHeight;if(e.bottom+200>t&&e.top>200){this.dropdownDirection="up"}else{this.dropdownDirection="down"}}openDropdownWithKeyboard(){this.determineDropdownDirection();this.isOpen=true;this.focusedOptionIndex=0}closeDropdown(){this.isOpen=false;this.focusedOptionIndex=null;this.searchText=""}selectOption(e,t){if(t){t.stopPropagation()}if(this.multiple){const t=this.internalValue.findIndex((t=>String(t)===String(e)));if(t>-1){this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]}else{this.internalValue=[...this.internalValue,e]}this.internalValue=this.internalValue.sort(((e,t)=>this.parsedOptions.findIndex((t=>String(t.value)===String(e)))-this.parsedOptions.findIndex((e=>String(e.value)===String(t)))))}else{this.internalValue=e;this.closeDropdown()}this.value=this.internalValue;this.internals.setFormValue(this.getFormValue());this.valueChanged.emit(this.internalValue);this.updateSelectedOption()}handleOptionKeyDown(e,t){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.selectOption(t)}}handleKeyDown(e){if(e.target.classList.contains("spw-custom-select__search-input")){return}switch(e.key){case" ":e.preventDefault();if(!this.isOpen){this.openDropdownWithKeyboard()}break;case"ArrowDown":e.preventDefault();if(this.isOpen){this.focusedOptionIndex=this.focusedOptionIndex===null?0:(this.focusedOptionIndex+1)%this.parsedOptions.length}else{this.openDropdownWithKeyboard()}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.focusedOptionIndex=this.focusedOptionIndex===null?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length}break;case"Enter":e.preventDefault();if(this.isOpen&&this.focusedOptionIndex!==null){this.selectOption(this.parsedOptions[this.focusedOptionIndex].value)}break;case"Escape":if(this.isOpen){this.closeDropdown()}break}}renderErrorMessage(){if(this.error){return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}}renderHintMessage(){if(this.hint){return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}}renderWarningMessage(){if(this.warning){return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}}renderSuccessMessage(){if(this.success){return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}}get elementClass(){return{"spw-custom-select":true,[`spw-custom-select--${this.size}`]:true,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch}}normalizeString(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple){return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((e=>{var t;return(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label})).filter(Boolean).join(", "):null}else{const e=this.parsedOptions.find((e=>String(e.value)===String(this.internalValue)));return e?e.label:null}}getFilteredOptions(){const e=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(e)))}handleSearchInput(e){const t=e.target;this.searchText=t.value;this.focusedOptionIndex=0;if(!this.isOpen){this.isOpen=true}}isSearchVisible(){if(!this.isSearch)return false;if(!this.hasSelectedValue&&!this.isOpen)return true;if(this.isSearch&&this.isOpen)return true;return this.isOpen}showPlaceholder(){if(this.isSearch)return false;if(this.hasSelectedValue)return false;return true}render(){const e=this.getFilteredOptions();const t=this.showPlaceholder();return s("div",{key:"4a969c8d7174191f704ab1d12c3fa9718bee505b",class:this.elementClass,ref:e=>this.host=e},this.label&&s("spw-field-label",{key:"188543dbfc1cb9e3cc0d1fb4a4d525ed8e42923e",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"9202c8e7a116d922a40eff0065141b013164c5c5",class:"spw-tw-mb-2 -spw-tw-mt-1",variant:"hint",showIcon:false},this.assistiveText),s("div",{key:"7cce00abec098d3217b97599901949ab1704e960",class:"spw-custom-select__wrapper"},s("div",{key:"d9d39199ae798539b06807f50cc8481b98e20c46",class:"spw-custom-select__container",id:this.name,ref:e=>this.selectContainer=e,onClick:e=>this.toggleDropdown(e),onKeyDown:e=>this.handleKeyDown(e),tabindex:this.disabled?-1:0},s("div",{key:"6285eb1c5bc0e0ae1dba7b66c2c31638b90d7091",class:"spw-custom-select__selected"},this.isSearchVisible()&&s("div",{key:"f1708fb68261cc58fcb5c3adab85ee8b6c0691cd",class:"spw-custom-select__search"},s("input",{key:"c7f45eaef69ad86c9b9a263e89c33f2146c08e41",class:"spw-custom-select__search-input",placeholder:"Entrez votre recherche",onInput:e=>this.handleSearchInput(e),value:this.searchText})),t&&s("span",{key:"c96ebed40ae86b3d948900b4425b7fb211e40bd6"},this.placeholder),this.multiple&&this.internalValue.length>0&&s("div",{key:"7f7eb8208fc65204e38b8c472a7574b6d8cc8287",class:"spw-custom-select__selected-items"},this.internalValue.map((e=>{var t;return s("span",{class:"spw-custom-select__selected-item"},(t=this.parsedOptions.find((t=>String(t.value)===String(e))))===null||t===void 0?void 0:t.label,s("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(e,t)}))}))),!this.multiple&&s("span",{key:"d50ec1a50427ce24757f114cb3afbbd9d6a3a09e"},this.getSelectedLabels()))),s("div",{key:"cff36764911e4a392949307c114dcd5c1e95bcf7",class:"spw-custom-select__arrow"},s("spw-icon",{key:"fe9833ebecedfca9258d4f88491f8804dbbebb24",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"})),this.isOpen&&s("div",{key:"895fcfa8cd8b42597fcab93dac157d5131747643",class:`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`},!!e.length&&s("ul",{key:"7f54fc7bf8d2225badb6554923da2e9a6eda829f"},e.map(((e,t)=>s("li",{class:{"spw-custom-select__option":true,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>String(t)===String(e.value))):e.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex},onClick:()=>this.selectOption(e.value)},this.multiple&&s("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,e.value),class:"spw-tw-mr-2",checked:this.internalValue.some((t=>String(t)===String(e.value)))}),e.label)))),!e.length&&s("p",{key:"e7adb4bc809f541a39f748822cd14da4a074e417",class:"spw-custom-select__no-results"},"Pas de résultats pour cette recherche."))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return true}static get watchers(){return{options:["parseOptions"],value:["valueChangedHandler"],internalValue:["internalValueChanged"]}}};o.style=i;export{o as spw_custom_select};
-//# sourceMappingURL=p-b24afc65.entry.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableHeaderCss","SpwTableHeader","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","padding","sortable","isSorted","handleClick","spwHeaderClick","emit","columnId","elementClass","tooltipTitle","tooltipText","render","h","key","sortDirection","onClick","class","colSpan","colspan","headers","part","rowSpan","rowspan","variant","icon"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-header {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\n  border-top: none !important;\n  border-bottom: none !important;\n  box-shadow:\n    inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n    inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n  background-clip: padding-box;\n\n  :host-context(.spw-table--is-sticky) & {\n    position: sticky;\n    top: 0;\n    z-index: 20;\n  }\n\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n\n  &--has-tooltip {\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n    .spw-table-header__content {\n      display: flex;\n      gap: 16px;\n      justify-content: space-between;\n      align-items: center;\n      spw-icon {\n        color: var(--spw-color-themes-grey-grey-500);\n        &:hover {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n      &--is-sorted {\n        .spw-table-header__sort-icon {\n          color: var(--spw-color-themes-grey-grey-900);\n        }\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-header',\n  styleUrl: 'spw-table-header.scss',\n  shadow: true,\n})\nexport class SpwTableHeader {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n\n  @Event() spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = () => {\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <th\n        aria-sort={this.isSorted ? this.sortDirection : 'none'}\n        onClick={this.handleClick}\n        class={this.elementClass}\n        colSpan={this.colspan}\n        headers={this.headers}\n        part=\"cell\"\n        rowSpan={this.rowspan}\n      >\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,mnJ,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,uDAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,MAE9CH,KAAOI,QAAwB,SAI/BJ,KAAQK,SAAa,MAIrBL,KAAQM,SAAa,MAQrBN,KAAWO,YAAG,KACpB,GAAIP,KAAKK,SAAU,CACjBL,KAAKQ,eAAeC,KAAKT,KAAKU,S,EAmDnC,CA/CC,gBAAYC,GACV,MAAO,CACL,mBAAoB,KACpB,6BAA8BX,KAAKK,SACnC,8BAA+BL,KAAKM,SACpC,mCAAoCN,KAAKY,cAAgBZ,KAAKa,aAC9D,CAAC,6BAA6Bb,KAAKI,WAAY,KAC/C,CAAC,gCAAgCJ,KAAKE,aAAc,KACpD,CAAC,oCAAoCF,KAAKG,iBAAkB,K,CAIhE,MAAAW,GACE,OACEC,EAAA,MAAAC,IAAA,uDACahB,KAAKM,SAAWN,KAAKiB,cAAgB,OAChDC,QAASlB,KAAKO,YACdY,MAAOnB,KAAKW,aACZS,QAASpB,KAAKqB,QACdC,QAAStB,KAAKsB,QACdC,KAAK,OACLC,QAASxB,KAAKyB,SAEdV,EAAA,OAAAC,IAAA,2CACEG,MAAO,CACL,4BAA6B,KAC7B,uCAAwCnB,KAAKM,WAG/CS,EAAQ,QAAAC,IAAA,6CACRD,EAAK,OAAAC,IAAA,2CAAAG,MAAM,4BACPnB,KAAKY,cAAgBZ,KAAKa,cAC1BE,EAAA,eAAAC,IAAA,2DAA4BhB,KAAKY,aAA4B,eAAAZ,KAAKa,aAChEE,EAAU,YAAAC,IAAA,2CAAAU,QAAQ,aAAaC,KAAK,wBAGvC3B,KAAKK,UACJU,EACE,YAAAC,IAAA,2CAAAG,MAAM,8BACNQ,KAAM3B,KAAKM,SAAYN,KAAKiB,gBAAkB,MAAQ,yBAA2B,2BAA8B,6B","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-BaAUTDWF.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation__list{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);display:flex;flex-wrap:nowrap;gap:24px;overflow-x:auto;position:relative;white-space:nowrap;z-index:2}:host(.--box) .spw-tabs-navigation__list{border-bottom:0;gap:0;top:1px}::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(e){t(this,e)}render(){return e("nav",{key:"1878948ed9fcde1587f9f81b9a67dcb84ece5f80",class:"spw-tabs-navigation"},e("ul",{key:"f50e5edb7db854f443618c88353ca419205950cf",class:"spw-tabs-navigation__list",role:"tablist"},e("slot",{key:"d76ac4cfa82e09dfddfeda783e5f755b9b68c030"})))}};o.style=i;export{o as spw_tabs_navigation};
-//# sourceMappingURL=p-cf09d649.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsNavigationCss","SpwTabsNavigation","render","h","key","class","role"],"sources":["src/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.scss?tag=spw-tabs-navigation&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-tabs-navigation {\n  &__list {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 24px;\n    overflow-x: auto;\n    white-space: nowrap;\n    border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n    :host(.--box) & {\n      gap: 0;\n      border-bottom: 0;\n      top: 1px;\n    }\n  }\n}\n\n::slotted(spw-tabs-navigation-item) {\n  --spw-tabs-border-radius: 0;\n  --spw-tabs-margin-left: -1px;\n}\n\n::slotted(spw-tabs-navigation-item:first-child) {\n  --spw-tabs-border-radius: 4px 0 0 0;\n  --spw-tabs-margin-left: 0;\n}\n\n::slotted(spw-tabs-navigation-item:last-child) {\n  --spw-tabs-border-radius: 0 4px 0 0;\n  --spw-tabs-margin-left: -1px;\n}\n\n::slotted(spw-tabs-navigation-item.--active) {\n  --spw-tabs-border-radius: 4px 4px 0 0;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs-navigation',\n  styleUrl: 'spw-tabs-navigation.scss',\n  shadow: true,\n})\nexport class SpwTabsNavigation {\n  render() {\n    return (\n      <nav class=\"spw-tabs-navigation\">\n        <ul class=\"spw-tabs-navigation__list\" role=\"tablist\">\n          <slot></slot>\n        </ul>\n      </nav>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAuB,4tG,MCOhBC,EAAiB,M,yBAC5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,4BAA4BC,KAAK,WACzCH,EAAa,QAAAC,IAAA,8C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableCellCss","SpwTableCell","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","width","padding","elementClass","render","attrs","class","part","colspan","undefined","colSpan","rowspan","rowSpan","headers","h","Object","assign","key"],"sources":["src/components/spw-table/spw-table-cell/spw-table-cell.scss?tag=spw-table-cell&encapsulation=shadow","src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-cell {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  border-top: 0;\n  &--is-highlighted {\n    font-weight: 700;\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'middle';\n  /** Définit une largeur si nécessaire (à appliquer sur spw-table-cell) */\n  @Prop() width?: string = 'auto';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--padding-${this.padding}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      width: this.width,\n      class: this.elementClass,\n      part: 'cell',\n    };\n\n    if (this.colspan !== undefined) attrs.colSpan = this.colspan;\n    if (this.rowspan !== undefined) attrs.rowSpan = this.rowspan;\n    if (this.headers !== undefined) attrs.headers = this.headers;\n\n    return (\n      <td {...attrs}>\n        <slot />\n      </td>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,kvG,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAaUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,SAE9CH,KAAKI,MAAY,OAEjBJ,KAAOK,QAAwB,QA6BxC,CA3BC,gBAAYC,GACV,MAAO,CACL,iBAAkB,KAClB,iCAAkCN,KAAKC,cACvC,CAAC,8BAA8BD,KAAKE,aAAc,KAClD,CAAC,2BAA2BF,KAAKK,WAAY,KAC7C,CAAC,kCAAkCL,KAAKG,iBAAkB,K,CAI9D,MAAAI,GACE,MAAMC,EAAgC,CACpCJ,MAAOJ,KAAKI,MACZK,MAAOT,KAAKM,aACZI,KAAM,QAGR,GAAIV,KAAKW,UAAYC,UAAWJ,EAAMK,QAAUb,KAAKW,QACrD,GAAIX,KAAKc,UAAYF,UAAWJ,EAAMO,QAAUf,KAAKc,QACrD,GAAId,KAAKgB,UAAYJ,UAAWJ,EAAMQ,QAAUhB,KAAKgB,QAErD,OACEC,EAAA,KAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAQZ,GACNS,EAAQ,QAAAG,IAAA,6C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-BaAUTDWF.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;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-hero{overflow:hidden;position:relative}.spw-hero:not(.spw-hero--maxi){border-radius:12px}.spw-hero--surface-dark{color:#fff}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:#fff}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;gap:24px;padding:24px}@media (min-width:1024px){.spw-hero--grey,.spw-hero--white{align-items:center;flex-direction:row;padding:64px}}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width:1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;margin:0 auto;position:relative;z-index:3}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width:1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width:1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__image,.spw-hero__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-hero__overlay{z-index:2}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:#fff}.spw-hero__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{max-width:435px}}.spw-hero__content{max-width:var(--spw-hero-content-max-width);width:100%}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8);padding:32px}";const r=class{constructor(t){e(this,t);this.imageAlt="";this.surface="light";this.variant="grey";this.alignment="left";this.overlayOpacity=0}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"3cfb977977b78524721f61978b8550f3b2df0e17"},t("div",{key:"7d85ca46745fc2606268b7e1665ea50da5fade7f",class:this.elementClass},this.imageSrc&&t("img",{key:"d30604fe313fe17e60e25b430b5df5e9751a36f2",src:this.imageSrc,alt:this.imageAlt,class:"spw-hero__image"}),t("div",{key:"6571ac84e6b930221d439c11fddb64456a6efba6",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"8612c49a40b99d393a2d90bafea708c1b6dee1bd",class:"spw-ds-container spw-hero__container"},t("div",{key:"8636e21d398222e4e8df5fbf532f94061b46d224",class:"spw-hero__content"},t("slot",{key:"5e8a28cab107dcbd5199d60de8cd3ab779cef52d"})))))}};r.style=i;export{r as spw_hero};
-//# sourceMappingURL=p-f7dd32a4.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeroCss","SpwHero","constructor","hostRef","this","imageAlt","surface","variant","alignment","overlayOpacity","elementClass","overlayStyle","opacity","render","h","Host","key","class","imageSrc","src","alt","style"],"sources":["src/components/spw-hero/spw-hero.scss?tag=spw-hero&encapsulation=shadow","src/components/spw-hero/spw-hero.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-hero-content-max-width: 578px;\n  --spw-hero-ratio-picture: initial;\n}\n\n.spw-hero {\n  position: relative;\n  overflow: hidden;\n  &:not(.spw-hero--maxi) {\n    border-radius: 12px;\n  }\n  &--surface-dark {\n    color: white;\n  }\n  &--surface-light {\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  &--grey {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--white {\n    background: white;\n  }\n  &--grey,\n  &--white {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    gap: 24px;\n    @include breakpoint(lg) {\n      padding: 64px;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n  &.spw-hero--grey.spw-hero--left,\n  &.spw-hero--white.spw-hero--left {\n    flex-direction: column;\n    @include breakpoint(lg) {\n      flex-direction: row-reverse;\n    }\n  }\n  &__container {\n    display: flex;\n    position: relative;\n    margin: 0 auto;\n    z-index: 3;\n    .spw-hero--photo & {\n      padding: 48px 24px;\n      @include breakpoint(lg) {\n        padding: 64px;\n      }\n    }\n    .spw-hero--maxi & {\n      padding: 80px 24px;\n      @include breakpoint(lg) {\n        padding: 148px 24px;\n      }\n    }\n    .spw-hero--left & {\n      justify-content: flex-start;\n    }\n    .spw-hero--center & {\n      justify-content: center;\n    }\n    .spw-hero--right & {\n      justify-content: flex-end;\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    .spw-hero--surface-dark & {\n      background: var(--spw-color-themes-grey-grey-900);\n    }\n    .spw-hero--surface-light & {\n      background: white;\n    }\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n    .spw-hero--white &,\n    .spw-hero--grey & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        max-width: 435px;\n      }\n    }\n  }\n  &__content {\n    max-width: var(--spw-hero-content-max-width);\n    width: 100%;\n    .spw-hero--maxi & {\n      --spw-hero-content-max-width: 784px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .spw-hero--photo & {\n      padding: 32px;\n      background-color: var(--spw-ds-white);\n      border-radius: 8px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'spw-hero',\n  styleUrl: 'spw-hero.scss',\n  shadow: true,\n})\nexport class SpwHero {\n  /** Image du hero banner */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image du hero banner */\n  @Prop() imageAlt?: string = '';\n  /** Permet de choisir la surface d'arrière-plan du hero */\n  @Prop() surface?: 'dark' | 'light' = 'light';\n  /** Permet de choisir le variant du hero */\n  @Prop() variant?: 'grey' | 'white' | 'maxi' | 'photo' = 'grey';\n  /** Permet de choisir l'alignement du contenu */\n  @Prop() alignment?: 'left' | 'center' | 'right' = 'left';\n  /** Permet de spécifier l'opacité de l'overlay (0 à 100) */\n  @Prop() overlayOpacity?: number = 0;\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-hero': true,\n      [`spw-hero--surface-${this.surface}`]: true,\n      [`spw-hero--${this.variant}`]: true,\n      [`spw-hero--${this.alignment}`]: true,\n    };\n  }\n\n  private get overlayStyle(): { [key: string]: string } {\n    return {\n      opacity: `${this.overlayOpacity! / 100}`,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.imageSrc && <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-hero__image\" />}\n          <div class=\"spw-hero__overlay\" style={this.overlayStyle}></div>\n          <div class=\"spw-ds-container spw-hero__container\">\n            <div class=\"spw-hero__content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,kzJ,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAQC,SAAY,GAEpBD,KAAOE,QAAsB,QAE7BF,KAAOG,QAAyC,OAEhDH,KAASI,UAAiC,OAE1CJ,KAAcK,eAAY,CAgCnC,CA9BC,gBAAYC,GACV,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBN,KAAKE,WAAY,KACvC,CAAC,aAAaF,KAAKG,WAAY,KAC/B,CAAC,aAAaH,KAAKI,aAAc,K,CAIrC,gBAAYG,GACV,MAAO,CACLC,QAAS,GAAGR,KAAKK,eAAkB,M,CAIvC,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOb,KAAKM,cACdN,KAAKc,UAAYJ,EAAA,OAAAE,IAAA,2CAAKG,IAAKf,KAAKc,SAAUE,IAAKhB,KAAKC,SAAUY,MAAM,oBACrEH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAAoBI,MAAOjB,KAAKO,eAC3CG,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wCACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as s}from"./p-BaAUTDWF.js";const a="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;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)}}:host[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-ds-white);border-radius:5px;box-shadow:var(--spw-effect-elevation-2);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(t){e(this,t);this.hasImage=false;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false}componentWillLoad(){this.checkForImage();this.applyVariantToChildren()}slotChanged(){this.checkForImage();this.applyVariantToChildren()}onMouseEnter(){this.setImageHovered(true)}onMouseLeave(){this.setImageHovered(false)}checkForImage(){requestAnimationFrame((()=>{const e=this.el.querySelector("spw-card-image");const t=this.el.querySelector("spw-card-content");this.hasImage=!!e;if(!this.hasImage){t.classList.add("--no-image")}}))}formatDate(e){if(!e)return[];const i=e.split("/");return i.flatMap(((e,s)=>s<i.length-1?[t("span",null,e),t("span",null,"/")]:[t("span",null,e)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const e=`--${this.variant}`;const t=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");t&&t.classList.add(e);i&&i.classList.add(e);s&&s.classList.add(e);a&&a.classList.add(e);n&&n.classList.add(e)}))}setImageHovered(e){const t=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(t&&this.href){t.classList.toggle("--hovered",e)}if(i&&this.href){i.classList.toggle("--hovered",e)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:e,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const p=d==="div"?{}:{href:e,rel:s,target:a};const c={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return t(i,{key:"57c021e54b5aa7499cfbbdd63948c6c49744a782",class:{"--is-full-height":this.fullHeight}},t("article",{key:"30a38d6d817a336b6052999baabd811724ab69a6",class:this.elementClass},r==="event"&&t(d,Object.assign({key:"81b3e6be4c24ad0e1d2677ae89c0847722d34906"},p,{class:"spw-card__dates"}),n&&t("div",{key:"b95296b4b58a85bb1b21e44e9613047a806daf20",class:"spw-card__date-item"},this.formatDate(n)),o&&t("div",{key:"e04f67e288faa21ea2f5fde0398bb2748e8d8033",class:"spw-card__date-item"},this.formatDate(o))),t(d,Object.assign({key:"ce8b0d98fcb7469b4304af4c3824730777ffd8fd"},p,c,{class:"spw-card__link"}),t("slot",{key:"120b625ad8a4d1fdb1d72fff6bc2e3c95e01740d"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
-//# sourceMappingURL=p-fa895f36.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardCss","SpwCard","constructor","hostRef","this","hasImage","variant","elementType","target","fullHeight","disabled","componentWillLoad","checkForImage","applyVariantToChildren","slotChanged","onMouseEnter","setImageHovered","onMouseLeave","requestAnimationFrame","imageElement","el","querySelector","contentElement","classList","add","formatDate","date","parts","split","flatMap","part","index","length","h","variantClass","titleElement","excerptElement","subtagsElement","isHovered","href","toggle","elementClass","render","rel","dateStart","dateEnd","TagType","undefined","attrs","ariaAttributes","accAriaLabel","Host","key","class","Object","assign"],"sources":["src/components/spw-card/spw-card.scss?tag=spw-card&encapsulation=shadow","src/components/spw-card/spw-card.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  &[data-modal-trigger] {\n    cursor: pointer;\n  }\n}\n\n:host(.--is-full-height) {\n  height: 100%;\n}\n\n.spw-card {\n  display: block;\n  border-radius: 5px;\n  background: var(--spw-ds-white);\n  box-shadow: var(--spw-effect-elevation-2);\n  transition: all 0.3s ease-in-out;\n\n  :host(.--is-full-height) & {\n    height: 100%;\n  }\n\n  &--hoverable:hover {\n    box-shadow: var(--spw-effect-elevation-4);\n    transform: translateY(-5px);\n  }\n\n  &__dates {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n    flex-direction: column;\n    line-height: 1.1;\n    width: 80px;\n    height: 80px;\n    text-align: center;\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--spw-ds-primary);\n    border-radius: 50%;\n    font-size: 18px;\n    text-decoration: none;\n  }\n  &__date-item {\n    span:first-of-type {\n      font-weight: bold;\n    }\n  }\n}\n\n.spw-card__link {\n  display: block;\n  height: 100%;\n  width: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  .spw-card--no-image & {\n    padding-top: 15px;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n}\n\n.spw-card--vertical,\n.spw-card--video {\n  .spw-card__link {\n    display: flex;\n    min-height: 240px;\n  }\n}\n\n.spw-card--sidebar {\n  box-shadow: none;\n  &:hover {\n    box-shadow: none;\n  }\n  .spw-card__link {\n    display: flex;\n    gap: 16px;\n  }\n}\n\n.spw-card--event {\n  position: relative;\n  width: calc(100% - 40px);\n  left: 40px;\n}\n","import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setImageHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement && contentElement.classList.add(variantClass);\n      imageElement && imageElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(variantClass);\n      excerptElement && excerptElement.classList.add(variantClass);\n      subtagsElement && subtagsElement.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/utils-BXStmMnc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-BXStmMnc.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}.${parts[1]}.${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n  if (isText(prop)) {\n    return {\n      [prop.name]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [prop.name]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [prop.name]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [prop.name]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  return {\n    [`on${capitalizeFirstLetter(event.event)}`]: {\n      action: event.event,\n      description: description(event),\n      table: {\n        defaultValue: { summary: event.event },\n        category: 'events',\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n  return {\n    [method.name]: {\n      action: method.name,\n      description: description(method),\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    acc[token.name] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: 'Tokens',\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  return {\n    ...generateProps(props as ComponentProp[]),\n    ...generateEvents(events as ComponentEvent[]),\n    ...generateMethods(methods as ComponentMethod[]),\n    ...tokenControls,\n  };\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY,EAAA;AAChE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;AAEM,SAAU,WAAW,CAAC,GAAW,EAAA;IACrC,OAAO,GAAG,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE;AACjE;AAEM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAEM,SAAU,gBAAgB,CAAC,OAAe,EAAA;IAC9C,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,IAAA,GAAG,CAAC,SAAS,GAAG,OAAO;IACvB,OAAO,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,SAAS,IAAI,EAAE;AAC/C;AAqCA,MAAM,WAAW,GAAG,CAAC,IAAsD,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,EAAE;AAExG,MAAM,MAAM,GAAG,CAAC,IAAmB,KAAK,IAAI,CAAC,IAAI,KAAK,QAAQ;AAC9D,MAAM,SAAS,GAAG,CAAC,IAAmB,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS;AAClE,MAAM,MAAM,GAAG,CAAC,IAAmB,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAC/D,MAAM,QAAQ,GAAG,CAAC,IAAmB,KAAK,IAAI,CAAC,IAAI,KAAK,QAAQ;AAEhE,MAAM,WAAW,GAAG,CAAC,IAAmB,KACtC,IAAI,CAAC;KACF,KAAK,CAAC,GAAG;KACT,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE;AACjB,KAAA,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC;AACrC,KAAA,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;AAE1C,MAAM,YAAY,GAAG,CAAC,IAAmB,KAAI;AAC3C,IAAA,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;gBAC9B,YAAY,EAAE,IAAI,CAAC,OAAO;AAC1B,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvC,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AAC5B,iBAAA;AACF,aAAA;SACF;;AAGH,IAAA,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;QACnB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;gBAC9B,YAAY,EAAE,IAAI,CAAC,OAAO;AAC1B,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvC,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;AAC7B,iBAAA;AACF,aAAA;SACF;;AAGH,IAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,QAAQ;AACjB,gBAAA,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;gBAC9B,YAAY,EAAE,IAAI,CAAC,OAAO;AAC1B,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvC,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;AAC5B,iBAAA;AACF,aAAA;SACF;;AAGH,IAAA,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO;AACL,YAAA,CAAC,IAAI,CAAC,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,QAAQ;gBACjB,YAAY,EAAE,IAAI,CAAC,OAAO;AAC1B,gBAAA,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC;AAC1B,gBAAA,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;AAC9B,gBAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvC,oBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC1B,iBAAA;AACF,aAAA;SACF;;AAGH,IAAA,OAAO,EAAE;AACX,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,KAAsB,KAAI;IAC/C,IAAI,IAAI,GAAG,EAAE;AACb,IAAA,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,IAAI,mCAAQ,IAAI,CAAA,EAAK,YAAY,CAAC,IAAI,CAAC,CAAE,CAAC,CAAC;AAClE,IAAA,OAAO,IAAI;AACb,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,KAAqB,KAAI;IAC9C,SAAS,qBAAqB,CAAC,MAAc,EAAA;AAC3C,QAAA,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;;IAGzD,OAAO;QACL,CAAC,CAAA,EAAA,EAAK,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG;YAC3C,MAAM,EAAE,KAAK,CAAC,KAAK;AACnB,YAAA,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC;AAC/B,YAAA,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE;AACtC,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE;AAChC,aAAA;AACF,SAAA;KACF;AACH,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,MAAwB,KAAI;IAClD,IAAI,IAAI,GAAG,EAAE;AACb,IAAA,MAAM,CAAC,OAAO,CAAC,KAAK,KAAK,IAAI,mCAAQ,IAAI,CAAA,EAAK,aAAa,CAAC,KAAK,CAAC,CAAE,CAAC,CAAC;AACtE,IAAA,OAAO,IAAI;AACb,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,MAAuB,KAAI;IACjD,OAAO;AACL,QAAA,CAAC,MAAM,CAAC,IAAI,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,IAAI;AACnB,YAAA,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC;AAChC,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,SAAS;AACnB,gBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,SAAS,EAAE;gBACnC,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE;AAC/C,aAAA;AACF,SAAA;KACF;AACH,CAAC;AAED,MAAM,eAAe,GAAG,CAAC,OAA0B,KAAI;IACrD,IAAI,IAAI,GAAG,EAAE;AACb,IAAA,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,IAAI,mCAAQ,IAAI,CAAA,EAAK,cAAc,CAAC,MAAM,CAAC,CAAE,CAAC,CAAC;AAC1E,IAAA,OAAO,IAAI;AACb,CAAC;AAED,MAAM,yBAAyB,GAAG,CAAC,cAAmB,EAAE,GAAW,KAA0B;AAC3F,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;IAEpE,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,CAAC,KAAK,CAAC,sBAAsB,GAAG,CAAA,UAAA,CAAY,CAAC;AACpD,QAAA,OAAO,IAAI;;IAGb,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS;IAE5C,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK;QAClC,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,QAAA,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;AAC5B,KAAA,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK;QACrC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,MAAM,EAAE,KAAK,CAAC,MAAM;AACrB,KAAA,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,KAAK;QACxC,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,UAAU,EAAE,MAAM,CAAC,UAAU;AAC9B,KAAA,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,OAAO,EAAE,UAAU;KACpB;AACH,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,aAA4B,KAAY;IACjE,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,4BAA4B;;IAGrC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa;IAEhD,MAAM,SAAS,GAAG;AACf,SAAA,GAAG,CACF,IAAI,IAAI;;AAEF,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA;AACT,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA;AACT,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA;AACT,UAAA,EAAA,IAAI,CAAC,OAAO,CAAA;;GAErB;SAEE,IAAI,CAAC,EAAE,CAAC;IAEX,MAAM,UAAU,GAAG;AAChB,SAAA,GAAG,CACF,KAAK,IAAI;;AAEH,UAAA,EAAA,KAAK,CAAC,KAAK,CAAA;AACX,UAAA,EAAA,KAAK,CAAC,MAAM,CAAA;AACZ,UAAA,EAAA,KAAK,CAAC,IAAI,CAAA;;GAEnB;SAEE,IAAI,CAAC,EAAE,CAAC;IAEX,MAAM,WAAW,GAAG;AACjB,SAAA,GAAG,CACF,MAAM,IAAI;;AAEJ,UAAA,EAAA,MAAM,CAAC,IAAI,CAAA;AACX,UAAA,EAAA,MAAM,CAAC,SAAS,CAAA;YAChB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;AACnB,UAAA,EAAA,MAAM,CAAC,IAAI,CAAA;;GAEpB;SAEE,IAAI,CAAC,EAAE,CAAC;IAEX,OAAO;;;;;;;;;;;;UAYC,SAAS;;;;;;;;;;;;;UAaT,UAAU;;;;;;;;;;;;;;UAcV,WAAW;;;GAGlB;AACH,CAAC;AAEM,MAAM,sBAAsB,GAAG,CAAC,cAAmB,EAAE,GAAW,KAAY;IACjF,MAAM,aAAa,GAAG,yBAAyB,CAAC,cAAc,EAAE,GAAG,CAAC;AACpE,IAAA,OAAO,iBAAiB,CAAC,aAAa,CAAC;AACzC,CAAC;AAEM,MAAM,qBAAqB,GAAG,CACnC,cAAmB,EACnB,EAAE,GAAG,EAAE,YAAY,GAAG,EAAE,EAAiG,KAClH;AACP,IAAA,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;AACpE,IAAA,MAAM,KAAK,GAAG,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,KAAK,KAAI,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,MAAM,KAAI,EAAE;AACtC,IAAA,MAAM,OAAO,GAAG,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,OAAO,KAAI,EAAE;IAExC,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;AACvD,QAAA,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG;AAChB,YAAA,OAAO,EAAE,IAAI;YACb,WAAW,EAAE,KAAK,CAAC,WAAW;AAC9B,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;AACjC,gBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE;AAC9C,aAAA;SACF;AACD,QAAA,OAAO,GAAG;KACX,EAAE,EAAE,CAAC;AAEN,IAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,aAAa,CAAC,KAAwB,CAAC,CAAA,EACvC,cAAc,CAAC,MAA0B,CAAC,CAAA,EAC1C,eAAe,CAAC,OAA4B,CAAC,CAAA,EAC7C,aAAa,CAChB;AACJ,CAAC;AAEe,SAAA,eAAe,CAAC,cAAmB,EAAE,gBAA0B,EAAA;IAC7E,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAI;QAC1C,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC;QAC3E,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAG,CAAK,EAAA,oBAAoB,CAAG;KAC5C,EAAE,EAAE,CAAC;AACR;AAEM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;AAEM,SAAU,cAAc,CAAC,EAAe,EAAA;IAC5C,MAAM,IAAI,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC;IACrC,OAAO,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC;AAChD;;;;"}