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

package/dist/spw-stencil-library/p-572188ac.entry.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwCustomSelectCss","SpwCustomSelect","constructor","hostRef","this","isOpen","parsedOptions","focusedOptionIndex","searchText","dropdownDirection","hasSelectedValue","value","label","placeholder","required","size","multiple","isSearch","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","handleClickOutside","event","target","composedPath","isInsideHost","host","contains","searchField","_a","shadowRoot","querySelector","isInsideSearchField","optionsContainer","_b","closeDropdown","componentWillLoad","internalValue","JSON","parse","e","Array","isArray","items","parseOptions","updateSelectedOption","resetSelect","internals","setFormValue","getFormValue","valueChanged","emit","formResetCallback","componentDidLoad","document","addEventListener","disconnectedCallback","removeEventListener","newValue","map","option","valueChangedHandler","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, Method, Prop, State, Event, EventEmitter, h, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-custom-select',\n  styleUrl: 'spw-custom-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwCustomSelect {\n  private host: HTMLElement;\n  private selectContainer: HTMLElement;\n\n  /** Événement émis lorsque la valeur sélectionnée change */\n  @Event() valueChanged: EventEmitter<(string | number)[] | string | number>;\n\n  @State() internalValue: (string | number)[] | string | number;\n  @State() isOpen: boolean = false;\n  @State() parsedOptions: { value: string | number; label: string }[] = [];\n  @State() focusedOptionIndex: number | null = null;\n  @State() searchText: string = '';\n  @State() dropdownDirection: 'up' | 'down' = 'down';\n  @State() hasSelectedValue: boolean = false;\n\n  /** Valeur actuelle sélectionnée dans le composant, peut être une chaîne, un nombre ou un tableau */\n  @Prop({ mutable: true, reflect: true }) value: (string | number)[] | string | number = [];\n  /** Label associé au champ de sélection personnalisé */\n  @Prop() label: string = '';\n  /** Placeholder à afficher lorsque aucune option n'est sélectionnée */\n  @Prop() placeholder: string = 'Sélectionnez une option';\n  /** Indique si le champ est désactivé et donc non interactif */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément dans les formulaires, utilisé pour associer la valeur */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Chaîne JSON des options disponibles dans le select (valeur et label) */\n  @Prop() items: string | any[];\n  /** Taille du select, peut être \"large\" ou \"medium\" */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Permet la sélection multiple si vrai */\n  @Prop() multiple: boolean = false;\n  /** Active la fonction de recherche dans la liste des items */\n  @Prop() isSearch: boolean = false;\n  /** Texte d'assistance à afficher sous le champ */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    if (this.multiple) {\n      if (typeof this.value === 'string') {\n        try {\n          this.internalValue = JSON.parse(this.value);\n        } catch (e) {\n          this.internalValue = [];\n        }\n      } else if (Array.isArray(this.value)) {\n        this.internalValue = this.value;\n      } else {\n        this.internalValue = [];\n      }\n    } else {\n      this.internalValue = this.value as string | number;\n    }\n\n    if (this.items) {\n      this.parseOptions(this.items);\n    }\n    this.updateSelectedOption();\n  }\n\n  @Method()\n  async resetSelect() {\n    if (this.multiple) {\n      this.internalValue = [];\n      this.value = [];\n    } else {\n      this.internalValue = '';\n      this.value = '';\n    }\n    this.searchText = '';\n    this.focusedOptionIndex = null;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n    this.updateSelectedOption();\n  }\n\n  formResetCallback() {\n    this.resetSelect();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n    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('items')\n  parseOptions(newValue: string | any[]) {\n    try {\n      if (Array.isArray(newValue)) {\n        this.parsedOptions = newValue.map(option => ({\n          value: option.value,\n          label: option.label,\n        }));\n      } else if (typeof newValue === 'string') {\n        this.parsedOptions = JSON.parse(newValue).map(option => ({\n          value: option.value,\n          label: option.label,\n        }));\n      } else {\n        this.parsedOptions = [];\n      }\n      this.updateSelectedOption();\n    } catch (e) {\n      this.parsedOptions = [];\n    }\n  }\n\n  @Watch('value')\n  valueChangedHandler(newValue: (string | number)[] | string | number) {\n    if (this.multiple) {\n      this.internalValue = Array.isArray(newValue) ? newValue : [newValue];\n    } else {\n      this.internalValue = newValue;\n    }\n    this.updateSelectedOption();\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private updateSelectedOption() {\n    this.internals.setFormValue(this.getFormValue());\n\n    if (!this.multiple && this.internalValue !== undefined) {\n      this.focusedOptionIndex = this.parsedOptions.findIndex(option => String(option.value) === String(this.internalValue));\n    } else if (this.multiple && Array.isArray(this.internalValue)) {\n      this.internalValue = (this.internalValue as (string | number)[])\n        .filter(val => this.parsedOptions.some(option => String(option.value) === String(val)))\n        .sort((a, b) => this.parsedOptions.findIndex(option => String(option.value) === String(a)) - this.parsedOptions.findIndex(option => String(option.value) === String(b)));\n    }\n  }\n\n  @Watch('internalValue')\n  internalValueChanged() {\n    this.hasSelectedValue = Array.isArray(this.internalValue) ? this.internalValue.length > 0 : Boolean(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    if (this.multiple) {\n      return Array.isArray(this.internalValue) && this.internalValue.length > 0 ? this.internalValue.map(v => String(v)).join(',') : null;\n    }\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private toggleDropdown(event?: MouseEvent) {\n    if (!this.disabled) {\n      if (event) {\n        const target = event.composedPath()[0] as HTMLElement;\n\n        if (target.classList.contains('spw-custom-select__search-input')) {\n          return;\n        }\n\n        event.stopPropagation();\n      }\n      this.determineDropdownDirection();\n      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-328fb48c.entry.js → p-5a1b3ad1.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,h as i,H as n,g as r}from"./p-BYM_CUUH.js";import{g as s}from"./p-B85MJLTf.js";var e={exports:{}};var o={exports:{}};var a={exports:{}};var h=a.exports;var u;function f(){if(u)return a.exports;u=1;(function(t){(function(i,n){if(t.exports){t.exports=n()}else{i.EvEmitter=n()}})(typeof window!="undefined"?window:h,(function(){function t(){}var i=t.prototype;i.on=function(t,i){if(!t||!i){return}var n=this._events=this._events||{};var r=n[t]=n[t]||[];if(r.indexOf(i)==-1){r.push(i)}return this};i.once=function(t,i){if(!t||!i){return}this.on(t,i);var n=this._onceEvents=this._onceEvents||{};var r=n[t]=n[t]||{};r[i]=true;return this};i.off=function(t,i){var n=this._events&&this._events[t];if(!n||!n.length){return}var r=n.indexOf(i);if(r!=-1){n.splice(r,1)}return this};i.emitEvent=function(t,i){var n=this._events&&this._events[t];if(!n||!n.length){return}n=n.slice(0);i=i||[];var r=this._onceEvents&&this._onceEvents[t];for(var s=0;s<n.length;s++){var e=n[s];var o=r&&r[e];if(o){this.off(t,e);delete r[e]}e.apply(this,i)}return this};i.allOff=function(){delete this._events;delete this._onceEvents};return t}))})(a);return a.exports}var c={exports:{}};
+import{r as t,h as i,H as n,g as r}from"./p-CvfVJV8a.js";import{g as s}from"./p-B85MJLTf.js";var e={exports:{}};var o={exports:{}};var a={exports:{}};var h=a.exports;var u;function f(){if(u)return a.exports;u=1;(function(t){(function(i,n){if(t.exports){t.exports=n()}else{i.EvEmitter=n()}})(typeof window!="undefined"?window:h,(function(){function t(){}var i=t.prototype;i.on=function(t,i){if(!t||!i){return}var n=this._events=this._events||{};var r=n[t]=n[t]||[];if(r.indexOf(i)==-1){r.push(i)}return this};i.once=function(t,i){if(!t||!i){return}this.on(t,i);var n=this._onceEvents=this._onceEvents||{};var r=n[t]=n[t]||{};r[i]=true;return this};i.off=function(t,i){var n=this._events&&this._events[t];if(!n||!n.length){return}var r=n.indexOf(i);if(r!=-1){n.splice(r,1)}return this};i.emitEvent=function(t,i){var n=this._events&&this._events[t];if(!n||!n.length){return}n=n.slice(0);i=i||[];var r=this._onceEvents&&this._onceEvents[t];for(var s=0;s<n.length;s++){var e=n[s];var o=r&&r[e];if(o){this.off(t,e);delete r[e]}e.apply(this,i)}return this};i.allOff=function(){delete this._events;delete this._onceEvents};return t}))})(a);return a.exports}var c={exports:{}};
 /*!
  * getSize v2.0.3
  * measure size of elements
@@ -15,5 +15,5 @@ import{r as t,h as i,H as n,g as r}from"./p-BYM_CUUH.js";import{g as s}from"./p-
  * https://masonry.desandro.com
  * MIT License
  * by David DeSandro
- */var C;function T(){if(C)return e.exports;C=1;(function(t){(function(i,n){if(t.exports){t.exports=n(k(),d())}else{i.Masonry=n(i.Outlayer,i.getSize)}})(window,(function t(i,n){var r=i.create("masonry");r.compatOptions.fitWidth="isFitWidth";var s=r.prototype;s._resetLayout=function(){this.getSize();this._getMeasurement("columnWidth","outerWidth");this._getMeasurement("gutter","outerWidth");this.measureColumns();this.colYs=[];for(var t=0;t<this.cols;t++){this.colYs.push(0)}this.maxY=0;this.horizontalColIndex=0};s.measureColumns=function(){this.getContainerWidth();if(!this.columnWidth){var t=this.items[0];var i=t&&t.element;this.columnWidth=i&&n(i).outerWidth||this.containerWidth}var r=this.columnWidth+=this.gutter;var s=this.containerWidth+this.gutter;var e=s/r;var o=r-s%r;var a=o&&o<1?"round":"floor";e=Math[a](e);this.cols=Math.max(e,1)};s.getContainerWidth=function(){var t=this._getOption("fitWidth");var i=t?this.element.parentNode:this.element;var r=n(i);this.containerWidth=r&&r.innerWidth};s._getItemLayoutPosition=function(t){t.getSize();var i=t.size.outerWidth%this.columnWidth;var n=i&&i<1?"round":"ceil";var r=Math[n](t.size.outerWidth/this.columnWidth);r=Math.min(r,this.cols);var s=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition";var e=this[s](r,t);var o={x:this.columnWidth*e.col,y:e.y};var a=e.y+t.size.outerHeight;var h=r+e.col;for(var u=e.col;u<h;u++){this.colYs[u]=a}return o};s._getTopColPosition=function(t){var i=this._getTopColGroup(t);var n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}};s._getTopColGroup=function(t){if(t<2){return this.colYs}var i=[];var n=this.cols+1-t;for(var r=0;r<n;r++){i[r]=this._getColGroupY(r,t)}return i};s._getColGroupY=function(t,i){if(i<2){return this.colYs[t]}var n=this.colYs.slice(t,t+i);return Math.max.apply(Math,n)};s._getHorizontalColPosition=function(t,i){var n=this.horizontalColIndex%this.cols;var r=t>1&&n+t>this.cols;n=r?0:n;var s=i.size.outerWidth&&i.size.outerHeight;this.horizontalColIndex=s?n+t:this.horizontalColIndex;return{col:n,y:this._getColGroupY(n,t)}};s._manageStamp=function(t){var i=n(t);var r=this._getElementOffset(t);var s=this._getOption("originLeft");var e=s?r.left:r.right;var o=e+i.outerWidth;var a=Math.floor(e/this.columnWidth);a=Math.max(0,a);var h=Math.floor(o/this.columnWidth);h-=o%this.columnWidth?0:1;h=Math.min(this.cols-1,h);var u=this._getOption("originTop");var f=(u?r.top:r.bottom)+i.outerHeight;for(var c=a;c<=h;c++){this.colYs[c]=Math.max(f,this.colYs[c])}};s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};if(this._getOption("fitWidth")){t.width=this._getContainerFitWidth()}return t};s._getContainerFitWidth=function(){var t=0;var i=this.cols;while(--i){if(this.colYs[i]!==0){break}t++}return(this.cols-t)*this.columnWidth-this.gutter};s.needsResizeLayout=function(){var t=this.containerWidth;this.getContainerWidth();return t!=this.containerWidth};return r}))})(e);return e.exports}var L=T();var W=s(L);const S="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;margin-left:-.75rem;margin-right:-.75rem}: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-mosaic--no-masonry{display:flex;flex-wrap:wrap}";const D=class{constructor(i){t(this,i);this.isMasonry=false;this.colsMobile=1;this.colsTablet=2;this.colsDesktop=3;this.initialized=false}itemsChanged(t,i){if(t!==i&&this.isMasonry){this.refreshMasonryLayout()}}isMasonryChanged(t){if(t){this.initializeMasonry()}else{this.destroyMasonry()}}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img");const i=Array.from(t).map((t=>new Promise((i=>{if(t.complete){i()}else{t.addEventListener("load",(()=>i()),{once:true})}}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:true,composed:true});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){if(!this.isMasonry)return;await this.waitForImages();this.initializeMasonry()}componentDidLoad(){if(this.isMasonry){this.initializeMasonry()}this.observeSlotChanges();this.emitConfigurationChanged()}componentDidUpdate(){if(this.isMasonry){this.refreshMasonryLayout()}}disconnectedCallback(){this.destroyMasonry();if(this.observer){this.observer.disconnect()}}async initializeMasonry(){if(!this.isMasonry)return;requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot");const i=t.assignedElements({flatten:true});if(i.length>0){this.masonry=new W(this.el,{itemSelector:"spw-mosaic-item",columnWidth:"spw-mosaic-item",percentPosition:true});this.initialized=true;i.forEach((t=>{const i=t.querySelectorAll("img");i.forEach((t=>{if(!t.complete){t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:true})}}))}))}}))}updateMasonryLayout(){if(this.masonry&&this.initialized&&this.isMasonry){this.masonry.layout()}}destroyMasonry(){if(this.masonry){this.masonry.destroy();this.masonry=null;this.initialized=false}}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){if(i.type==="childList"&&this.initialized&&this.isMasonry){this.initializeMasonry()}}}));this.observer.observe(t,{childList:true})}get elementClass(){return{"spw-mosaic--no-masonry":!this.isMasonry}}render(){return i(n,{key:"d3af26d6a7bb38bd05d47b1e6d796fb5b5d27871"},i("div",{key:"6385d379e19cdd77891340b27d585af00b78d82a",class:this.elementClass},i("slot",{key:"31b642d80de4ae0156695b06e2c7d8c10eeb7bac"})))}get el(){return r(this)}static get watchers(){return{items:["itemsChanged"],isMasonry:["isMasonryChanged"],colsMobile:["configurationChanged"],colsTablet:["configurationChanged"],colsDesktop:["configurationChanged"]}}};D.style=S;export{D as spw_mosaic};
-//# sourceMappingURL=p-328fb48c.entry.js.map
+ */var C;function T(){if(C)return e.exports;C=1;(function(t){(function(i,n){if(t.exports){t.exports=n(k(),d())}else{i.Masonry=n(i.Outlayer,i.getSize)}})(window,(function t(i,n){var r=i.create("masonry");r.compatOptions.fitWidth="isFitWidth";var s=r.prototype;s._resetLayout=function(){this.getSize();this._getMeasurement("columnWidth","outerWidth");this._getMeasurement("gutter","outerWidth");this.measureColumns();this.colYs=[];for(var t=0;t<this.cols;t++){this.colYs.push(0)}this.maxY=0;this.horizontalColIndex=0};s.measureColumns=function(){this.getContainerWidth();if(!this.columnWidth){var t=this.items[0];var i=t&&t.element;this.columnWidth=i&&n(i).outerWidth||this.containerWidth}var r=this.columnWidth+=this.gutter;var s=this.containerWidth+this.gutter;var e=s/r;var o=r-s%r;var a=o&&o<1?"round":"floor";e=Math[a](e);this.cols=Math.max(e,1)};s.getContainerWidth=function(){var t=this._getOption("fitWidth");var i=t?this.element.parentNode:this.element;var r=n(i);this.containerWidth=r&&r.innerWidth};s._getItemLayoutPosition=function(t){t.getSize();var i=t.size.outerWidth%this.columnWidth;var n=i&&i<1?"round":"ceil";var r=Math[n](t.size.outerWidth/this.columnWidth);r=Math.min(r,this.cols);var s=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition";var e=this[s](r,t);var o={x:this.columnWidth*e.col,y:e.y};var a=e.y+t.size.outerHeight;var h=r+e.col;for(var u=e.col;u<h;u++){this.colYs[u]=a}return o};s._getTopColPosition=function(t){var i=this._getTopColGroup(t);var n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}};s._getTopColGroup=function(t){if(t<2){return this.colYs}var i=[];var n=this.cols+1-t;for(var r=0;r<n;r++){i[r]=this._getColGroupY(r,t)}return i};s._getColGroupY=function(t,i){if(i<2){return this.colYs[t]}var n=this.colYs.slice(t,t+i);return Math.max.apply(Math,n)};s._getHorizontalColPosition=function(t,i){var n=this.horizontalColIndex%this.cols;var r=t>1&&n+t>this.cols;n=r?0:n;var s=i.size.outerWidth&&i.size.outerHeight;this.horizontalColIndex=s?n+t:this.horizontalColIndex;return{col:n,y:this._getColGroupY(n,t)}};s._manageStamp=function(t){var i=n(t);var r=this._getElementOffset(t);var s=this._getOption("originLeft");var e=s?r.left:r.right;var o=e+i.outerWidth;var a=Math.floor(e/this.columnWidth);a=Math.max(0,a);var h=Math.floor(o/this.columnWidth);h-=o%this.columnWidth?0:1;h=Math.min(this.cols-1,h);var u=this._getOption("originTop");var f=(u?r.top:r.bottom)+i.outerHeight;for(var c=a;c<=h;c++){this.colYs[c]=Math.max(f,this.colYs[c])}};s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};if(this._getOption("fitWidth")){t.width=this._getContainerFitWidth()}return t};s._getContainerFitWidth=function(){var t=0;var i=this.cols;while(--i){if(this.colYs[i]!==0){break}t++}return(this.cols-t)*this.columnWidth-this.gutter};s.needsResizeLayout=function(){var t=this.containerWidth;this.getContainerWidth();return t!=this.containerWidth};return r}))})(e);return e.exports}var L=T();var W=s(L);const S="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;margin-left:-.75rem;margin-right:-.75rem}: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-mosaic--no-masonry{display:flex;flex-wrap:wrap}";const D=class{constructor(i){t(this,i);this.isMasonry=false;this.colsMobile=1;this.colsTablet=2;this.colsDesktop=3;this.initialized=false}itemsChanged(t,i){if(t!==i&&this.isMasonry){this.refreshMasonryLayout()}}isMasonryChanged(t){if(t){this.initializeMasonry()}else{this.destroyMasonry()}}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img");const i=Array.from(t).map((t=>new Promise((i=>{if(t.complete){i()}else{t.addEventListener("load",(()=>i()),{once:true})}}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:true,composed:true});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){if(!this.isMasonry)return;await this.waitForImages();this.initializeMasonry()}componentDidLoad(){if(this.isMasonry){this.initializeMasonry()}this.observeSlotChanges();this.emitConfigurationChanged()}componentDidUpdate(){if(this.isMasonry){this.refreshMasonryLayout()}}disconnectedCallback(){this.destroyMasonry();if(this.observer){this.observer.disconnect()}}async initializeMasonry(){if(!this.isMasonry)return;requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot");const i=t.assignedElements({flatten:true});if(i.length>0){this.masonry=new W(this.el,{itemSelector:"spw-mosaic-item",columnWidth:"spw-mosaic-item",percentPosition:true});this.initialized=true;i.forEach((t=>{const i=t.querySelectorAll("img");i.forEach((t=>{if(!t.complete){t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:true})}}))}))}}))}updateMasonryLayout(){if(this.masonry&&this.initialized&&this.isMasonry){this.masonry.layout()}}destroyMasonry(){if(this.masonry){this.masonry.destroy();this.masonry=null;this.initialized=false}}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){if(i.type==="childList"&&this.initialized&&this.isMasonry){this.initializeMasonry()}}}));this.observer.observe(t,{childList:true})}get elementClass(){return{"spw-mosaic--no-masonry":!this.isMasonry}}render(){return i(n,{key:"49a6b7a632cf6acb7c3a6e030b346540f9f00c35"},i("div",{key:"b8e41ba8ff61d4bc375f6fc0a80f1d9e5b42358f",class:this.elementClass},i("slot",{key:"06947236e14de07472f8447f75f4a25d648583e3"})))}get el(){return r(this)}static get watchers(){return{items:["itemsChanged"],isMasonry:["isMasonryChanged"],colsMobile:["configurationChanged"],colsTablet:["configurationChanged"],colsDesktop:["configurationChanged"]}}};D.style=S;export{D as spw_mosaic};
+//# sourceMappingURL=p-5a1b3ad1.entry.js.map

package/dist/spw-stencil-library/{p-c838e17b.entry.js → p-5e34ea9d.entry.js}

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

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

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";const n=class{constructor(t){e(this,t);this.borderColor=""}render(){return t(o,{key:"fee3f93429299a55ce235a0b87abc7168570491c",style:{"--spw-card-title-border-color":this.borderColor}},t("h3",{key:"2d6995704e9656b954a0b2d0eb5a06d25ac41133",class:"spw-card-title"},t("span",{key:"801aafb6917dd8233e644cfad05bbf3009fdb44c",class:"spw-card-title__text"},t("slot",{key:"0bd326fa65f7cbe4bb8db95321fdd16a39562dd5"}))))}};n.style=i;export{n as spw_card_title};
-//# sourceMappingURL=p-35ef6489.entry.js.map
+import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";const n=class{constructor(t){e(this,t);this.borderColor=""}render(){return t(o,{key:"fee3f93429299a55ce235a0b87abc7168570491c",style:{"--spw-card-title-border-color":this.borderColor}},t("h3",{key:"2d6995704e9656b954a0b2d0eb5a06d25ac41133",class:"spw-card-title"},t("span",{key:"801aafb6917dd8233e644cfad05bbf3009fdb44c",class:"spw-card-title__text"},t("slot",{key:"0bd326fa65f7cbe4bb8db95321fdd16a39562dd5"}))))}};n.style=i;export{n as spw_card_title};
+//# sourceMappingURL=p-5f873b56.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwCardTitleCss","SpwCardTitle","constructor","hostRef","this","borderColor","render","h","Host","key","style","class"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video):not(.--people)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n  :host(.--sidebar) & {\n    font-size: 18px;\n    line-height: 1.2;\n  }\n  :host(.--people) & {\n    padding: 0 24px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n  &__text {\n    :host(.--people) & {\n      display: inline-block;\n      padding: 18px 0;\n      border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n  @Prop() borderColor?: string = '';\n\n  render() {\n    return (\n      <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n        <h3 class=\"spw-card-title\">\n          <span class=\"spw-card-title__text\">\n            <slot></slot>\n          </span>\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,mpG,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAOUC,KAAWC,YAAY,EAahC,CAXC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,gCAAiCN,KAAKC,cACnDE,EAAI,MAAAE,IAAA,2CAAAE,MAAM,kBACRJ,EAAM,QAAAE,IAAA,2CAAAE,MAAM,wBACVJ,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/spw-stencil-library/{p-cff5a7e4.entry.js → p-5fde9dae.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as s}from"./p-BYM_CUUH.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}: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-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb--font-size-small{font-size:14px}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:none!important}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:24px;position:relative}::slotted(spw-breadcrumb-item):after{content:"\\f060";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:"\\f054";font-size:16px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:24px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:"\\f141";font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}';const r=class{constructor(t){e(this,t);this.maxItems=9999;this.variant="default";this.surface="light";this.fontSize="small"}componentDidLoad(){this.updateBreadcrumbVisibility()}componentDidUpdate(){this.updateBreadcrumbVisibility()}updateBreadcrumbVisibility(){const e=this.host.querySelectorAll("spw-breadcrumb-item");const t=e.length;e.forEach((e=>{e.classList.remove("hidden-item","collapsed-item")}));if(t>this.maxItems){const i=this.maxItems-1;e.forEach(((e,s)=>{if(s>=i&&s<t-1){if(s===t-2){e.classList.add("collapsed-item")}else{e.classList.add("hidden-item")}}}))}}render(){const e={"spw-breadcrumb":true,[`spw-breadcrumb--surface-${this.surface}`]:true,[`spw-breadcrumb--font-size-${this.fontSize}`]:true,[`spw-breadcrumb--${this.variant}`]:true};return t(i,{key:"78bb34c23a1528efdbec664e0eb50226c862d714"},t("nav",{key:"e062187ac27e74421f969086dd3bd4c2163ef925","aria-label":"breadcrumb",class:e},t("ol",{key:"f04a93f46893f74322ba6a9480d675da5dd474e2",class:"spw-breadcrumb__list"},t("slot",{key:"952c976501ba0565299d763f823a18930387ea67"}))))}get host(){return s(this)}};r.style=a;export{r as spw_breadcrumb};
-//# sourceMappingURL=p-cff5a7e4.entry.js.map
+import{r as e,h as t,H as i,g as s}from"./p-CvfVJV8a.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb--font-size-small{font-size:14px}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:none!important}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:24px;position:relative}::slotted(spw-breadcrumb-item):after{content:"\\f060";font-family:var(--spw-ds-font-icons-solid);font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:"\\f054";font-size:16px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:24px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:"\\f141";font-family:var(--spw-ds-font-icons-solid);font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}';const r=class{constructor(t){e(this,t);this.maxItems=9999;this.variant="default";this.surface="light";this.fontSize="small"}componentDidLoad(){this.updateBreadcrumbVisibility()}componentDidUpdate(){this.updateBreadcrumbVisibility()}updateBreadcrumbVisibility(){const e=this.host.querySelectorAll("spw-breadcrumb-item");const t=e.length;e.forEach((e=>{e.classList.remove("hidden-item","collapsed-item")}));if(t>this.maxItems){const i=this.maxItems-1;e.forEach(((e,s)=>{if(s>=i&&s<t-1){if(s===t-2){e.classList.add("collapsed-item")}else{e.classList.add("hidden-item")}}}))}}render(){const e={"spw-breadcrumb":true,[`spw-breadcrumb--surface-${this.surface}`]:true,[`spw-breadcrumb--font-size-${this.fontSize}`]:true,[`spw-breadcrumb--${this.variant}`]:true};return t(i,{key:"78bb34c23a1528efdbec664e0eb50226c862d714"},t("nav",{key:"e062187ac27e74421f969086dd3bd4c2163ef925","aria-label":"breadcrumb",class:e},t("ol",{key:"f04a93f46893f74322ba6a9480d675da5dd474e2",class:"spw-breadcrumb__list"},t("slot",{key:"952c976501ba0565299d763f823a18930387ea67"}))))}get host(){return s(this)}};r.style=a;export{r as spw_breadcrumb};
+//# sourceMappingURL=p-5fde9dae.entry.js.map

package/dist/spw-stencil-library/{p-2c8e65e5.entry.js → p-63d1c97f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-header-lang-item{transition:background .3s}@media (max-width:1023px){.spw-header-lang-item{margin-right:24px}}@media (min-width:1024px){.spw-header-lang-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-lang-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);text-decoration:underline!important;text-transform:uppercase}@media (min-width:1024px){.spw-header-lang-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-lang-item--active{font-weight:700}@media (max-width:1023px){.spw-header-lang-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const o=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"8db2f2bbd58acafafa90244480022e051dcbfacc"},t("div",{key:"82c4c20d86b869998997fba37dce7e5352907b6b",class:{"spw-header-lang-item":true,"spw-header-lang-item--active":this.active}},t("slot",{key:"c5c30aa6368879ee9e4a3d9055c625478042e801"})))}};o.style=n;export{o as spw_header_lang_item};
-//# sourceMappingURL=p-2c8e65e5.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-header-lang-item{transition:background .3s}@media (max-width:1023px){.spw-header-lang-item{margin-right:24px}}@media (min-width:1024px){.spw-header-lang-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-lang-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);text-decoration:underline!important;text-transform:uppercase}@media (min-width:1024px){.spw-header-lang-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-lang-item--active{font-weight:700}@media (max-width:1023px){.spw-header-lang-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const o=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"41b5ce74c3d0984eb69d79a5461d12fc87035b01"},t("div",{key:"28383832f58b169deed14fd75b1a682f353fa42e",class:{"spw-header-lang-item":true,"spw-header-lang-item--active":this.active}},t("slot",{key:"b07950aad8c88b55222d1bd3df13677ca76f2085"})))}};o.style=n;export{o as spw_header_lang_item};
+//# sourceMappingURL=p-63d1c97f.entry.js.map

package/dist/spw-stencil-library/{p-2dff657f.entry.js → p-6e74b1b0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;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-field-message{display:block;display:flex;gap:8px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";const n=class{constructor(t){e(this,t);this.showIcon=true}get variantIcon(){switch(this.variant){case"error":return"fa-warning";case"hint":return"fa-exclamation-circle";case"success":return"fa-check-circle";case"warning":return"fa-triangle-exclamation";default:return""}}get elementClass(){return{"spw-field-message":true,[`spw-field-message--${this.variant}`]:true}}render(){return t(i,{key:"317bf98a34fad1abd03b2e85f5e11bca4a56a645"},t("div",{key:"ccf8948f8e4a222675f16ef3edb111167b1dac67",class:this.elementClass},this.showIcon&&t("div",{key:"01e694d31e53b72968eed0e62d9a8484553b7493",class:"spw-field-message__icon"},t("spw-icon",{key:"a5bb727af018bd42f3d4c32b46ccd61ee4cb8174",icon:this.variantIcon})),t("span",{key:"5555b7b8405ab026f43619591440997c2acffe33",class:"spw-field-message__text"},t("slot",{key:"f6781d62b64e910e7f8fb3ee32b0c2bad24a15c3"}))))}};n.style=s;export{n as spw_field_message};
-//# sourceMappingURL=p-2dff657f.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const s="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;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-field-message{display:block;display:flex;gap:8px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";const n=class{constructor(t){e(this,t);this.showIcon=true}get variantIcon(){switch(this.variant){case"error":return"fa-warning";case"hint":return"fa-exclamation-circle";case"success":return"fa-check-circle";case"warning":return"fa-triangle-exclamation";default:return""}}get elementClass(){return{"spw-field-message":true,[`spw-field-message--${this.variant}`]:true}}render(){return t(i,{key:"95fada96ae0c655bb4c1d427ed5b9dc0e9057683"},t("div",{key:"bde1388b8e07c7832650f8063d49421b81220020",class:this.elementClass},this.showIcon&&t("div",{key:"3d532d21bf20213f460702d7390a81bc385f408b",class:"spw-field-message__icon"},t("spw-icon",{key:"f76d215f5639258e38e008c4992fd252b89f0923",icon:this.variantIcon})),t("span",{key:"07d7762df44f5f14d23a032bcc532fef68bd29e5",class:"spw-field-message__text"},t("slot",{key:"fe807df34d8a13624d43b6e9b4789065af22ca62"}))))}};n.style=s;export{n as spw_field_message};
+//# sourceMappingURL=p-6e74b1b0.entry.js.map

package/dist/spw-stencil-library/p-6ea811f3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:none;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{box-shadow:var(--spw-hero-shadow);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--has-picture-full{gap:0;padding:0}.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--has-picture-full .spw-hero__container{padding:24px}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 60px}.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(48% + 60px)}.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(48% + 60px)}}.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{pointer-events:none;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-play{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:64px;z-index:2}.spw-hero__image-play:hover{transform:translate(-50%,-50%) scale(1.1)}.spw-hero__image{overflow:hidden;z-index:1}.spw-hero__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spw-hero--has-video .spw-hero__image{z-index:4}.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--has-picture-full .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--has-picture-full .spw-hero__image{max-width:48%;position:absolute}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-top-left-radius:0;left:auto;right:0}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-right-radius:0;border-top-right-radius:0}}.spw-hero__content{width:100%}@media (min-width:1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.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.hasPictureFull=false;this.hasVideo=false;this.variant="grey";this.alignment="left";this.overlayOpacity=0;this.triggerModal=()=>{const e=document.getElementById(this.modalVideoId);if(e&&e.openModal){e.openModal()}};this.handleKeyDown=e=>{if(e.key==="Enter"){this.triggerModal()}}}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--has-picture-full`]:this.hasPictureFull,[`spw-hero--has-video`]:this.hasVideo,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"cb44d78a65ee6714b13924308788016ae6dca9e9"},t("div",{key:"1fcdf38fa4f4badff5f0f3731d6ce5b69728acf1",class:this.elementClass},this.imageSrc&&t("div",{key:"adc39e5d21a39a3eb0e20bdedf633099dd582473",class:"spw-hero__image"},this.hasVideo&&this.variant!=="maxi"&&this.variant!=="photo"&&t("div",{key:"3c0afc15a2136e12d82f1573b883b2647b285184",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":"Lire la vidéo"},t("spw-icon",{key:"32ee05de0504a6d2878aa73a98b091b037e3e636",icon:"fa-play"})),t("img",{key:"454ec9656b477c711d9f47ee2fde60f88896c073",src:this.imageSrc,alt:this.imageAlt})),t("div",{key:"f08ab29fb01488b919e1103d080438f70cd01242",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"55bbbff1d60f75d82588a7b04fd5e45d6c15e9d5",class:"spw-ds-container spw-hero__container"},t("div",{key:"720b9dc8c990fa2502ed462b521ff3b38e14050b",class:"spw-hero__content"},t("slot",{key:"4740754a1f249681a3be5633a92afad314cae7b5"})))))}};r.style=i;export{r as spw_hero};
+//# sourceMappingURL=p-6ea811f3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwHeroCss","SpwHero","constructor","hostRef","this","imageAlt","surface","hasPictureFull","hasVideo","variant","alignment","overlayOpacity","triggerModal","modal","document","getElementById","modalVideoId","openModal","handleKeyDown","event","key","elementClass","overlayStyle","opacity","render","h","Host","class","imageSrc","onClick","onKeyDown","tabIndex","role","icon","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  --spw-hero-shadow: none;\n}\n\n.spw-hero {\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--spw-hero-shadow);\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  &--has-picture-full {\n    padding: 0;\n    gap: 0;\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--has-picture-full & {\n      padding: 24px;\n      @include breakpoint(lg) {\n        padding: 80px 60px;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      @include breakpoint(lg) {\n        padding-left: calc(48% + 60px);\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      @include breakpoint(lg) {\n        padding-right: calc(48% + 60px);\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    pointer-events: none;\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-play {\n    z-index: 2;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: var(--spw-ds-primary);\n    color: white;\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 24px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    &:hover {\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n  }\n  &__image {\n    z-index: 1;\n    overflow: hidden;\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .spw-hero--has-video & {\n      z-index: 4;\n    }\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    .spw-hero--has-picture-full & {\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        position: absolute;\n        max-width: 48%;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        right: 0;\n        left: auto;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n  &__content {\n    width: 100%;\n    @include breakpoint(lg) {\n      max-width: var(--spw-hero-content-max-width);\n    }\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 définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */\n  @Prop() hasPictureFull?: boolean = false;\n  /** Permet de définir un bouton play sur l'image de hero (sauf variants maxi & photo) */\n  @Prop() hasVideo?: boolean = false;\n  /** Permet de définir un id de modal à ouvrir au clic sur le bouton play */\n  @Prop() modalVideoId?: string;\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--has-picture-full`]: this.hasPictureFull,\n      [`spw-hero--has-video`]: this.hasVideo,\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  private triggerModal = () => {\n    const modal = document.getElementById(this.modalVideoId) as HTMLElement & { openModal: () => Promise<void> };\n    if (modal && modal.openModal) {\n      modal.openModal();\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      this.triggerModal();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.imageSrc && (\n            <div class=\"spw-hero__image\">\n              {this.hasVideo && this.variant !== 'maxi' && this.variant !== 'photo' && (\n                <div class=\"spw-hero__image-play\" onClick={this.triggerModal} onKeyDown={this.handleKeyDown} tabIndex={0} role=\"button\" aria-label=\"Lire la vidéo\">\n                  <spw-icon icon=\"fa-play\"></spw-icon>\n                </div>\n              )}\n              <img src={this.imageSrc} alt={this.imageAlt} />\n            </div>\n          )}\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,4iN,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAQC,SAAY,GAEpBD,KAAOE,QAAsB,QAE7BF,KAAcG,eAAa,MAE3BH,KAAQI,SAAa,MAIrBJ,KAAOK,QAAyC,OAEhDL,KAASM,UAAiC,OAE1CN,KAAcO,eAAY,EAmB1BP,KAAYQ,aAAG,KACrB,MAAMC,EAAQC,SAASC,eAAeX,KAAKY,cAC3C,GAAIH,GAASA,EAAMI,UAAW,CAC5BJ,EAAMI,W,GAIFb,KAAAc,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,QAAS,CACzBhB,KAAKQ,c,EA4BV,CAtDC,gBAAYS,GACV,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBjB,KAAKE,WAAY,KACvC,CAAC,8BAA+BF,KAAKG,eACrC,CAAC,uBAAwBH,KAAKI,SAC9B,CAAC,aAAaJ,KAAKK,WAAY,KAC/B,CAAC,aAAaL,KAAKM,aAAc,K,CAIrC,gBAAYY,GACV,MAAO,CACLC,QAAS,GAAGnB,KAAKO,eAAkB,M,CAiBvC,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAN,IAAA,4CACHK,EAAA,OAAAL,IAAA,2CAAKO,MAAOvB,KAAKiB,cACdjB,KAAKwB,UACJH,EAAK,OAAAL,IAAA,2CAAAO,MAAM,mBACRvB,KAAKI,UAAYJ,KAAKK,UAAY,QAAUL,KAAKK,UAAY,SAC5DgB,EAAA,OAAAL,IAAA,2CAAKO,MAAM,uBAAuBE,QAASzB,KAAKQ,aAAckB,UAAW1B,KAAKc,cAAea,SAAU,EAAGC,KAAK,SAAQ,aAAY,iBACjIP,EAAA,YAAAL,IAAA,2CAAUa,KAAK,aAGnBR,EAAA,OAAAL,IAAA,2CAAKc,IAAK9B,KAAKwB,SAAUO,IAAK/B,KAAKC,YAGvCoB,EAAK,OAAAL,IAAA,2CAAAO,MAAM,oBAAoBS,MAAOhC,KAAKkB,eAC3CG,EAAK,OAAAL,IAAA,2CAAAO,MAAM,wCACTF,EAAK,OAAAL,IAAA,2CAAAO,MAAM,qBACTF,EAAA,QAAAL,IAAA,gD","ignoreList":[]}

package/dist/spw-stencil-library/p-6ed76337.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,g as s}from"./p-CvfVJV8a.js";const t='/*! 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-ds-checkbox-checked-color:var(--spw-ds-primary);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);--spw-ds-toggle-checked-color:var(--spw-color-themes-green-green-600);--spw-ds-toggle-checked-active-color:var(--spw-color-themes-green-green-700);--spw-ds-toggle-checked-hover-color:var(--spw-color-themes-green-green-800);box-sizing:border-box;display:inline-flex;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-toggle-checked-color);color:var(--spw-ds-toggle-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-toggle-checked-hover-color);color:var(--spw-ds-toggle-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-toggle-checked-active-color);color:var(--spw-ds-toggle-checked-active-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:var(--spw-color-themes-grey-grey-500);color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-ds-white)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked{background:var(--spw-color-themes-grey-grey-300);border-color:var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked:before,.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:#fff}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}';const c=class{constructor(r){e(this,r);this.spwChange=o(this,"spwChange",7);if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.icon="fa-check";this.variant="default"}handleCheckbox(){if(!this.disabled){this.internalChecked=!this.internalChecked;this.checked=this.internalChecked;this.updateFormValue();this.spwChange.emit(this.internalChecked)}}async toggleCheckedState(e){this.internalChecked=e;this.checked=e;this.updateFormValue()}checkedChanged(e){this.internalChecked=e;this.inputElement.checked=e;this.updateFormValue()}updateFormValue(){if(this.internalChecked){this.internals.setFormValue("on")}else{this.internals.setFormValue(null)}}handleKeydown(e){if(e.key===" "||e.key==="Enter"){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.updateFormValue()}componentDidLoad(){var e;(e=this.el.closest("form"))===null||e===void 0?void 0:e.addEventListener("formdata",(e=>{if(this.internalChecked){e.formData.set(this.name,"on")}}))}formResetCallback(){this.internalChecked=false;this.checked=false;this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":true,[`spw-checkbox__wrapper--${this.variant}`]:true,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=this.el.innerHTML;const o=Boolean(e);return r("div",{key:"346a6a165000a9fac29cfcf8fb742dc3871d07c2",class:"spw-checkbox"},r("input",{key:"a10fc25d9dc9e2281d945f686f91cf004ad63076",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),o&&r("label",{key:"4666d69baa172d4a9f81ed2fc17edda8faea3d56",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},r("slot",{key:"31f0458f49a806820c4f4d7411a9b02045ebc9a6"})),r("div",{key:"a537f489f207f9ccfcc933b57a58d5891fdcbe2b",tabindex:this.disabled?-1:0,onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"label",class:this.elementClass},this.internalChecked&&r("spw-icon",{key:"39ba0368fca18e58d613e1232a5c77fa1d7dc4e6",icon:this.icon})))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChanged"]}}};c.style=t;export{c as spw_checkbox};
+//# sourceMappingURL=p-6ed76337.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwCheckboxCss","SpwCheckbox","constructor","hostRef","this","disabled","checked","error","icon","variant","handleCheckbox","internalChecked","updateFormValue","spwChange","emit","toggleCheckedState","newVal","checkedChanged","newChecked","inputElement","internals","setFormValue","handleKeydown","event","key","preventDefault","componentWillLoad","componentDidLoad","_a","el","closest","addEventListener","e","formData","set","name","formResetCallback","elementClass","render","slot","innerHTML","hasSlot","Boolean","h","class","type","ref","onChange","bind","style","display","htmlFor","onClick","tabindex","onKeyDown","role"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\n  --spw-ds-toggle-checked-color: var(--spw-color-themes-green-green-600);\n  --spw-ds-toggle-checked-active-color: var(--spw-color-themes-green-green-700);\n  --spw-ds-toggle-checked-hover-color: var(--spw-color-themes-green-green-800);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      background: var(--spw-ds-toggle-checked-color);\n      color: var(--spw-ds-toggle-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-toggle-checked-hover-color);\n        color: var(--spw-ds-toggle-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-toggle-checked-active-color);\n        color: var(--spw-ds-toggle-checked-active-color);\n      }\n      &.spw-checkbox__wrapper--disabled {\n        background: var(--spw-color-themes-grey-grey-500);\n        color: var(--spw-color-themes-grey-grey-500);\n        &:before {\n          background: var(--spw-ds-white);\n        }\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled,\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled.spw-checkbox__wrapper--checked {\n      border-color: var(--spw-color-themes-grey-grey-300);\n      background: var(--spw-color-themes-grey-grey-300);\n      &:before {\n        background: white;\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\n    // }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,8hP,MCQVC,EAAW,MANxB,WAAAC,CAAAC,G,+MAYUC,KAAQC,SAAY,MAEYD,KAAOE,QAAY,MAEnDF,KAAKG,MAAY,MAEjBH,KAAII,KAAW,WAIfJ,KAAOK,QAA0B,SAiH1C,CAxGS,cAAAC,GACN,IAAKN,KAAKC,SAAU,CAClBD,KAAKO,iBAAmBP,KAAKO,gBAC7BP,KAAKE,QAAUF,KAAKO,gBACpBP,KAAKQ,kBACLR,KAAKS,UAAUC,KAAKV,KAAKO,gB,EAM7B,wBAAMI,CAAmBC,GACvBZ,KAAKO,gBAAkBK,EACvBZ,KAAKE,QAAUU,EACfZ,KAAKQ,iB,CAIP,cAAAK,CAAeC,GACbd,KAAKO,gBAAkBO,EACvBd,KAAKe,aAAab,QAAUY,EAC5Bd,KAAKQ,iB,CAGC,eAAAA,GACN,GAAIR,KAAKO,gBAAiB,CACxBP,KAAKgB,UAAUC,aAAa,K,KACvB,CACLjB,KAAKgB,UAAUC,aAAa,K,EAIxB,aAAAC,CAAcC,GACpB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAE9CpB,KAAKM,iBACLa,EAAME,gB,EAIV,iBAAAC,GACEtB,KAAKO,gBAAkBP,KAAKE,QAC5BF,KAAKQ,iB,CAGP,gBAAAe,G,OACEC,EAAAxB,KAAKyB,GAAGC,QAAQ,WAAS,MAAAF,SAAA,SAAAA,EAAAG,iBAAiB,YAAaC,IACrD,GAAI5B,KAAKO,gBAAiB,CACxBqB,EAAEC,SAASC,IAAI9B,KAAK+B,KAAM,K,KAKhC,iBAAAC,GACEhC,KAAKO,gBAAkB,MACvBP,KAAKE,QAAU,MACfF,KAAKQ,iB,CAGP,gBAAYyB,GACV,MAAO,CACL,wBAAyB,KACzB,CAAC,0BAA0BjC,KAAKK,WAAY,KAC5C,kCAAmCL,KAAKC,SACxC,iCAAkCD,KAAKO,gBACvC,+BAAgCP,KAAKG,M,CAIzC,MAAA+B,GACE,MAAMC,EAAOnC,KAAKyB,GAAGW,UACrB,MAAMC,EAAUC,QAAQH,GAExB,OACEI,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBACTD,EACE,SAAAnB,IAAA,2CAAAqB,KAAK,WACLC,IAAKjB,GAAOzB,KAAKe,aAAeU,EAChCvB,QAASF,KAAKO,gBACdoC,SAAU3C,KAAKM,eAAesC,KAAK5C,MACnC+B,KAAM/B,KAAK+B,KACX9B,SAAUD,KAAKC,SACf4C,MAAO,CAAEC,QAAS,UAEnBT,GACCE,EAAO,SAAAnB,IAAA,2CAAA2B,QAAS/C,KAAK+B,KAAMS,MAAO,uBAAuBxC,KAAKC,SAAW,gCAAkC,KAAM+C,QAAShD,KAAKM,eAAesC,KAAK5C,OACjJuC,EAAA,QAAAnB,IAAA,8CAGJmB,EAAA,OAAAnB,IAAA,2CACE6B,SAAUjD,KAAKC,UAAW,EAAK,EAC/B+C,QAAShD,KAAKM,eAAesC,KAAK5C,MAClCkD,UAAWlD,KAAKkB,cAAc0B,KAAK5C,MACnCmD,KAAK,WAAU,eACDnD,KAAKO,gBAAkB,OAAS,QAC/B,gBAAAP,KAAKC,SAAW,OAAS,QACxB,0BAChBuC,MAAOxC,KAAKiC,cAEXjC,KAAKO,iBAAmBgC,EAAA,YAAAnB,IAAA,2CAAUhB,KAAMJ,KAAKI,Q","ignoreList":[]}

package/dist/spw-stencil-library/{p-6d08bcc3.entry.js → p-76e11724.entry.js}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwDropdownContainerCss","SpwDropdownContainer","render","h","Host","key","class"],"sources":["src/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.scss?tag=spw-dropdown-container&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown-container/spw-dropdown-container.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-dropdown-container {\n  padding: 16px;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown-container',\n  styleUrl: 'spw-dropdown-container.scss',\n  shadow: true,\n})\nexport class SpwDropdownContainer {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-dropdown-container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,knF,MCOnBC,EAAoB,M,yBAC/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,0BACTH,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/spw-stencil-library/p-823b60ae.entry.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwTableCellCss","SpwTableCell","constructor","hostRef","this","isHighlighted","textAlign","verticalAlign","width","padding","state","isFirst","componentDidLoad","checkIfFirst","observeRowSlot","disconnectedCallback","_a","slotObserver","disconnect","parentRow","el","closest","cells","Array","from","children","filter","tagName","MutationObserver","observe","childList","subtree","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  &--disabled {\n    opacity: 0.3;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n  &--selected {\n    background-color: var(--spw-color-themes-blue-blue-50);\n    &.spw-table-cell--first-in-row {\n      box-shadow: inset 3px 0 0 var(--spw-color-themes-blue-blue-500);\n    }\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n}\n","import { Component, Element, State, 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  @Element() el: HTMLElement;\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  /** Permet de changer le state du spw-table-cell  */\n  @Prop() state?: 'default' | 'selected' | 'disabled' = 'default';\n\n  @State() isFirst: boolean = false;\n\n  private slotObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkIfFirst();\n    this.observeRowSlot();\n  }\n\n  disconnectedCallback() {\n    this.slotObserver?.disconnect();\n  }\n\n  private checkIfFirst() {\n    const parentRow = this.el.closest('spw-table-row');\n    if (!parentRow) {\n      this.isFirst = false;\n      return;\n    }\n    const cells = Array.from(parentRow.children).filter(\n      (el: Element) => el.tagName === 'SPW-TABLE-CELL' || el.tagName === 'SPW-TABLE-HEADER' || el.tagName === 'TD' || el.tagName === 'TH',\n    );\n    this.isFirst = cells[0] === this.el;\n  }\n\n  private observeRowSlot() {\n    const parentRow = this.el.closest('spw-table-row');\n    if (!parentRow) return;\n    this.slotObserver = new MutationObserver(() => this.checkIfFirst());\n    this.slotObserver.observe(parentRow, { childList: true, subtree: false });\n  }\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      [`spw-table-cell--${this.state}`]: true,\n      'spw-table-cell--first-in-row': this.isFirst,\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":"kDAAA,MAAMA,EAAkB,ilH,MCOXC,EAAY,MALzB,WAAAC,CAAAC,G,UAcUC,KAAaC,cAAa,MAE1BD,KAASE,UAAiC,OAE1CF,KAAaG,cAAiC,SAE9CH,KAAKI,MAAY,OAEjBJ,KAAOK,QAAwB,SAE/BL,KAAKM,MAAyC,UAE7CN,KAAOO,QAAY,KA6D7B,CAzDC,gBAAAC,GACER,KAAKS,eACLT,KAAKU,gB,CAGP,oBAAAC,G,OACEC,EAAAZ,KAAKa,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,Y,CAGb,YAAAL,GACN,MAAMM,EAAYf,KAAKgB,GAAGC,QAAQ,iBAClC,IAAKF,EAAW,CACdf,KAAKO,QAAU,MACf,M,CAEF,MAAMW,EAAQC,MAAMC,KAAKL,EAAUM,UAAUC,QAC1CN,GAAgBA,EAAGO,UAAY,kBAAoBP,EAAGO,UAAY,oBAAsBP,EAAGO,UAAY,MAAQP,EAAGO,UAAY,OAEjIvB,KAAKO,QAAUW,EAAM,KAAOlB,KAAKgB,E,CAG3B,cAAAN,GACN,MAAMK,EAAYf,KAAKgB,GAAGC,QAAQ,iBAClC,IAAKF,EAAW,OAChBf,KAAKa,aAAe,IAAIW,kBAAiB,IAAMxB,KAAKS,iBACpDT,KAAKa,aAAaY,QAAQV,EAAW,CAAEW,UAAW,KAAMC,QAAS,O,CAGnE,gBAAYC,GACV,MAAO,CACL,iBAAkB,KAClB,iCAAkC5B,KAAKC,cACvC,CAAC,8BAA8BD,KAAKE,aAAc,KAClD,CAAC,2BAA2BF,KAAKK,WAAY,KAC7C,CAAC,kCAAkCL,KAAKG,iBAAkB,KAC1D,CAAC,mBAAmBH,KAAKM,SAAU,KACnC,+BAAgCN,KAAKO,Q,CAIzC,MAAAsB,GACE,MAAMC,EAAgC,CACpC1B,MAAOJ,KAAKI,MACZ2B,MAAO/B,KAAK4B,aACZI,KAAM,QAGR,GAAIhC,KAAKiC,UAAYC,UAAWJ,EAAMK,QAAUnC,KAAKiC,QACrD,GAAIjC,KAAKoC,UAAYF,UAAWJ,EAAMO,QAAUrC,KAAKoC,QACrD,GAAIpC,KAAKsC,UAAYJ,UAAWJ,EAAMQ,QAAUtC,KAAKsC,QAErD,OACEC,EAAA,KAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAQZ,GACNS,EAAQ,QAAAG,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/{p-b726755c.entry.js → p-86bdf571.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as s}from"./p-BYM_CUUH.js";const o=".spw-tw-px-3{padding-left:.75rem;padding-right:.75rem}/*! 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-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;box-sizing:border-box;font-size:100%;line-height:1.3;margin-bottom:1.5rem;padding-left:.75rem;padding-right:.75rem;width:var(--spw-mosaic-item-width-mobile)}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width:1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:100%}.spw-tablet-1{--spw-mosaic-item-width-tablet:100%}.spw-desktop-1{--spw-mosaic-item-width-desktop:100%}.spw-mobile-2{--spw-mosaic-item-width-mobile:50%}.spw-tablet-2{--spw-mosaic-item-width-tablet:50%}.spw-desktop-2{--spw-mosaic-item-width-desktop:50%}.spw-mobile-3{--spw-mosaic-item-width-mobile:33.33333%}.spw-tablet-3{--spw-mosaic-item-width-tablet:33.33333%}.spw-desktop-3{--spw-mosaic-item-width-desktop:33.33333%}.spw-mobile-4{--spw-mosaic-item-width-mobile:25%}.spw-tablet-4{--spw-mosaic-item-width-tablet:25%}.spw-desktop-4{--spw-mosaic-item-width-desktop:25%}.spw-mobile-5{--spw-mosaic-item-width-mobile:20%}.spw-tablet-5{--spw-mosaic-item-width-tablet:20%}.spw-desktop-5{--spw-mosaic-item-width-desktop:20%}.spw-mobile-6{--spw-mosaic-item-width-mobile:16.66667%}.spw-tablet-6{--spw-mosaic-item-width-tablet:16.66667%}.spw-desktop-6{--spw-mosaic-item-width-desktop:16.66667%}.spw-mobile-7{--spw-mosaic-item-width-mobile:14.28571%}.spw-tablet-7{--spw-mosaic-item-width-tablet:14.28571%}.spw-desktop-7{--spw-mosaic-item-width-desktop:14.28571%}.spw-mobile-8{--spw-mosaic-item-width-mobile:12.5%}.spw-tablet-8{--spw-mosaic-item-width-tablet:12.5%}.spw-desktop-8{--spw-mosaic-item-width-desktop:12.5%}.spw-mobile-9{--spw-mosaic-item-width-mobile:11.11111%}.spw-tablet-9{--spw-mosaic-item-width-tablet:11.11111%}.spw-desktop-9{--spw-mosaic-item-width-desktop:11.11111%}.spw-mobile-10{--spw-mosaic-item-width-mobile:10%}.spw-tablet-10{--spw-mosaic-item-width-tablet:10%}.spw-desktop-10{--spw-mosaic-item-width-desktop:10%}.spw-mobile-11{--spw-mosaic-item-width-mobile:9.09091%}.spw-tablet-11{--spw-mosaic-item-width-tablet:9.09091%}.spw-desktop-11{--spw-mosaic-item-width-desktop:9.09091%}.spw-mobile-12{--spw-mosaic-item-width-mobile:8.33333%}.spw-tablet-12{--spw-mosaic-item-width-tablet:8.33333%}.spw-desktop-12{--spw-mosaic-item-width-desktop:8.33333%}.spw-tw-mb-6{margin-bottom:1.5rem}";const a=class{constructor(i){t(this,i);this.classString="spw-tw-px-3 spw-tw-mb-6"}componentDidLoad(){this.el.closest("spw-mosaic").addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}disconnectedCallback(){this.el.closest("spw-mosaic").removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.el.style.setProperty("--spw-mosaic-item-width-mobile",`calc(100% / ${i})`);this.el.style.setProperty("--spw-mosaic-item-width-tablet",`calc(100% / ${e})`);this.el.style.setProperty("--spw-mosaic-item-width-desktop",`calc(100% / ${s})`)}render(){return i(e,{key:"777ed50773d2a53a334e62ebf41afd26140290be"},i("slot",{key:"2c9f8f5b9cd454b9adcc33b253c0d2a7d98c6d32"}))}get el(){return s(this)}};a.style=o;export{a as spw_mosaic_item};
-//# sourceMappingURL=p-b726755c.entry.js.map
+import{r as t,h as i,H as e,g as s}from"./p-CvfVJV8a.js";const o=".spw-tw-px-3{padding-left:.75rem;padding-right:.75rem}/*! 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-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;box-sizing:border-box;font-size:100%;line-height:1.3;margin-bottom:1.5rem;padding-left:.75rem;padding-right:.75rem;width:var(--spw-mosaic-item-width-mobile)}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}@media (min-width:768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width:1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:100%}.spw-tablet-1{--spw-mosaic-item-width-tablet:100%}.spw-desktop-1{--spw-mosaic-item-width-desktop:100%}.spw-mobile-2{--spw-mosaic-item-width-mobile:50%}.spw-tablet-2{--spw-mosaic-item-width-tablet:50%}.spw-desktop-2{--spw-mosaic-item-width-desktop:50%}.spw-mobile-3{--spw-mosaic-item-width-mobile:33.33333%}.spw-tablet-3{--spw-mosaic-item-width-tablet:33.33333%}.spw-desktop-3{--spw-mosaic-item-width-desktop:33.33333%}.spw-mobile-4{--spw-mosaic-item-width-mobile:25%}.spw-tablet-4{--spw-mosaic-item-width-tablet:25%}.spw-desktop-4{--spw-mosaic-item-width-desktop:25%}.spw-mobile-5{--spw-mosaic-item-width-mobile:20%}.spw-tablet-5{--spw-mosaic-item-width-tablet:20%}.spw-desktop-5{--spw-mosaic-item-width-desktop:20%}.spw-mobile-6{--spw-mosaic-item-width-mobile:16.66667%}.spw-tablet-6{--spw-mosaic-item-width-tablet:16.66667%}.spw-desktop-6{--spw-mosaic-item-width-desktop:16.66667%}.spw-mobile-7{--spw-mosaic-item-width-mobile:14.28571%}.spw-tablet-7{--spw-mosaic-item-width-tablet:14.28571%}.spw-desktop-7{--spw-mosaic-item-width-desktop:14.28571%}.spw-mobile-8{--spw-mosaic-item-width-mobile:12.5%}.spw-tablet-8{--spw-mosaic-item-width-tablet:12.5%}.spw-desktop-8{--spw-mosaic-item-width-desktop:12.5%}.spw-mobile-9{--spw-mosaic-item-width-mobile:11.11111%}.spw-tablet-9{--spw-mosaic-item-width-tablet:11.11111%}.spw-desktop-9{--spw-mosaic-item-width-desktop:11.11111%}.spw-mobile-10{--spw-mosaic-item-width-mobile:10%}.spw-tablet-10{--spw-mosaic-item-width-tablet:10%}.spw-desktop-10{--spw-mosaic-item-width-desktop:10%}.spw-mobile-11{--spw-mosaic-item-width-mobile:9.09091%}.spw-tablet-11{--spw-mosaic-item-width-tablet:9.09091%}.spw-desktop-11{--spw-mosaic-item-width-desktop:9.09091%}.spw-mobile-12{--spw-mosaic-item-width-mobile:8.33333%}.spw-tablet-12{--spw-mosaic-item-width-tablet:8.33333%}.spw-desktop-12{--spw-mosaic-item-width-desktop:8.33333%}.spw-tw-mb-6{margin-bottom:1.5rem}";const a=class{constructor(i){t(this,i);this.classString="spw-tw-px-3 spw-tw-mb-6"}componentDidLoad(){this.el.closest("spw-mosaic").addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}disconnectedCallback(){this.el.closest("spw-mosaic").removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.el.style.setProperty("--spw-mosaic-item-width-mobile",`calc(100% / ${i})`);this.el.style.setProperty("--spw-mosaic-item-width-tablet",`calc(100% / ${e})`);this.el.style.setProperty("--spw-mosaic-item-width-desktop",`calc(100% / ${s})`)}render(){return i(e,{key:"d1ae24df593c1ed63e718e1dbabcb9b03a2aae89"},i("slot",{key:"6273c62c18bb98ffbdda3bad85d81ce7defd53f8"}))}get el(){return s(this)}};a.style=o;export{a as spw_mosaic_item};
+//# sourceMappingURL=p-86bdf571.entry.js.map