@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

package/dist/components/spw-input-slider.js

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as e,a as r,t as o}from"./index.js";import{d as n}from"./p-pZQnbZwX.js";import{d as a}from"./p-CYC9FMY4.js";import{d as h}from"./p-B1SCChor.js";import{d as l}from"./p-p1L06Ar7.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=s(this,"valueChange",7),this.internals=this.attachInternals(),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,i=null)=>{this.disabled||(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?i:null,null===i&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range||"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[i,s]=t;this.internalValue=[this.clampValue(i),this.clampValue(s)]}else this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.internals.setFormValue(this.range&&Array.isArray(this.internalValue)?JSON.stringify(this.internalValue):this.internalValue+"")}clampValue(t){let i=Math.max(this.min,Math.min(this.max,t));return i=this.min+Math.round((i-this.min)/this.step)*this.step,i}updateValueFromPosition(t,i){if(!this.sliderRef)return;const s=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-s.left)/s.width:1-(i-s.top)/s.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e*(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,i),i]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-i)?(this.activeHandle="min",this.setValue([r,i])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)*100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue,s=this.getHandlePosition(t),e=this.getHandlePosition(i);return"horizontal"===this.orientation?{left:s+"%",width:e-s+"%"}:{bottom:s+"%",height:e-s+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:t+"%"}:{bottom:"0%",height:t+"%"}}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-input-slider":!0,["spw-input-slider--"+this.orientation]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return e(r,{key:"f3f5ccf6e659b680c804b7b92cffd19a1676f7e2"},e("div",{key:"10c24ab3735f818f36196af4158569bd2972718e",class:this.elementClass},this.label&&e("spw-field-label",{key:"1be2a263860d6e1e8af1c53be2d39135206524c9",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"f464559e3b382bfff1fe4e99bc616533e2a89703",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"ab59f5a9b43680c54b3b5c504fd8d5b7a9196c2d",class:"spw-input-slider__container"},e("div",{key:"ef75d2f06a3f085ce568b2e9546183f4bf12113a",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel||this.name||this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},e("div",{key:"5b2d6abd27bca7c7449608cd72b3cb389289f35c",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[e("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[0])+"%"}:{bottom:this.getHandlePosition(this.internalValue[0])+"%"},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),e("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[1])+"%"}:{bottom:this.getHandlePosition(this.internalValue[1])+"%"},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:e("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"}:{bottom:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage()))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}'}},[65,"spw-input-slider",{min:[2],max:[2],step:[2],value:[1026],range:[4],disabled:[4],name:[1],orientation:[1],hasTooltip:[4,"has-tooltip"],label:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],required:[4],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],isDragging:[32],activeHandle:[32],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}]}]),d=p,u=function(){"undefined"!=typeof customElements&&["spw-input-slider","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-input-slider":customElements.get(o(t))||customElements.define(o(t),p);break;case"spw-field-label":customElements.get(o(t))||n();break;case"spw-field-message":customElements.get(o(t))||a();break;case"spw-icon":customElements.get(o(t))||h();break;case"spw-tooltip":customElements.get(o(t))||l()}}))};export{d as SpwInputSlider,u as defineCustomElement}
+import{p as t,H as i,c as s,h as e,a as r,t as o}from"./index.js";import{d as n}from"./p-BxRsJDtg.js";import{d as a}from"./p-CDlTW4jP.js";import{d as h}from"./p-DiO72wMf.js";import{d as l}from"./p-DwCnnHgn.js";const p=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=s(this,"valueChange",7),this.internals=this.attachInternals(),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,i=null)=>{this.disabled||(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?i:null,null===i&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range||"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[i,s]=t;this.internalValue=[this.clampValue(i),this.clampValue(s)]}else this.range||"number"!=typeof t||(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.internals.setFormValue(this.range&&Array.isArray(this.internalValue)?JSON.stringify(this.internalValue):this.internalValue+"")}clampValue(t){let i=Math.max(this.min,Math.min(this.max,t));return i=this.min+Math.round((i-this.min)/this.step)*this.step,i}updateValueFromPosition(t,i){if(!this.sliderRef)return;const s=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-s.left)/s.width:1-(i-s.top)/s.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e*(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,i),i]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-i)?(this.activeHandle="min",this.setValue([r,i])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)*100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue,s=this.getHandlePosition(t),e=this.getHandlePosition(i);return"horizontal"===this.orientation?{left:s+"%",width:e-s+"%"}:{bottom:s+"%",height:e-s+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:t+"%"}:{bottom:"0%",height:t+"%"}}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){return{"spw-input-slider":!0,["spw-input-slider--"+this.orientation]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return e(r,{key:"217f406c8e3b5b5c4f5913d388fdafea68cd56ed"},e("div",{key:"491d2ec19b76de95d3cbb76c49405a6a7b57a172",class:this.elementClass},this.label&&e("spw-field-label",{key:"9e22ea2f8cef0b357ae30c04f6ebeaac644271d4",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"4a04781d4d0e4344b02ff0477342afddfb87bb39",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"268fe49b093e49ea2558f27ab57d998972db75bd",class:"spw-input-slider__container"},e("div",{key:"5130f875a03bfae4d8f9b5e1ac2c5115ef836e36",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel||this.name||this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},e("div",{key:"19a70a413fecd48ff029edb726aec225bc0afcd7",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[e("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[0])+"%"}:{bottom:this.getHandlePosition(this.internalValue[0])+"%"},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),e("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[1])+"%"}:{bottom:this.getHandlePosition(this.internalValue[1])+"%"},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:e("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"}:{bottom:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage()))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}'}},[65,"spw-input-slider",{min:[2],max:[2],step:[2],value:[1026],range:[4],disabled:[4],name:[1],orientation:[1],hasTooltip:[4,"has-tooltip"],label:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],required:[4],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],isDragging:[32],activeHandle:[32],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}]}]),d=p,u=function(){"undefined"!=typeof customElements&&["spw-input-slider","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-input-slider":customElements.get(o(t))||customElements.define(o(t),p);break;case"spw-field-label":customElements.get(o(t))||n();break;case"spw-field-message":customElements.get(o(t))||a();break;case"spw-icon":customElements.get(o(t))||h();break;case"spw-tooltip":customElements.get(o(t))||l()}}))};export{d as SpwInputSlider,u as defineCustomElement}

package/dist/components/spw-link.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-bAkyQE_m.js";const m=o,p=s;export{m as SpwLink,p as defineCustomElement}
+import{S as s,d as o}from"./p-DDCsfjDj.js";const j=s,p=o;export{j as SpwLink,p as defineCustomElement}

package/dist/components/spw-list-description.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-description":!0,"spw-list-description--has-clamp":"none"!==this.lineClamp,["spw-list-description--clamp-"+this.lineClamp]:!0}}render(){return i(n,{key:"720b282ecde9df5d8479467910836a8d33ec7a87"},i("div",{key:"1e143f9728628b11be5d1c7600290a9a81841a57",class:this.elementClass},i("slot",{key:"e080304b8980c9909bc44b8228b020a42c0c4f81"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list-description{margin-top:6px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;line-height:1.5}.spw-list-description--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-description--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-list-description--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-list-description--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-list-description--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-list-description--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-list-description--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-list-description--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-list-description--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-list-description--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-list-description--clamp-10{-webkit-line-clamp:10;line-clamp:10}'}},[257,"spw-list-description",{lineClamp:[1,"line-clamp"]}]),p=o,a=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{p as SpwListDescription,a as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-description":!0,"spw-list-description--has-clamp":"none"!==this.lineClamp,["spw-list-description--clamp-"+this.lineClamp]:!0}}render(){return i(n,{key:"4a5332f1e2d248434476bf4db340c2134b0f4721"},i("div",{key:"185346b31af0b07cec1053ebab48db7308ecaef4",class:this.elementClass},i("slot",{key:"3f2719c69ee614f95cec8a489bd72f096d4f36f3"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list-description{margin-top:6px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;line-height:1.5}.spw-list-description--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-description--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-list-description--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-list-description--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-list-description--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-list-description--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-list-description--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-list-description--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-list-description--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-list-description--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-list-description--clamp-10{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-description",{lineClamp:[1,"line-clamp"]}]),p=o,a=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{p as SpwListDescription,a as defineCustomElement}

package/dist/components/spw-list-item.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as s,t as o}from"./index.js";import{d as n}from"./p-B1SCChor.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.target="_self",this.icon="fa-arrow-right",this.lineClamp="3",this.categoryIcon="fa-file-signature",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.variant,e="--"+this.surface,i=this.el.querySelector("spw-list-title"),s=this.el.querySelector("spw-list-description");i&&i.classList.add(t),i&&i.classList.add(e),i&&this.icon&&i.setAttribute("icon",this.icon),i&&!i.hasAttribute("line-clamp")&&i.setAttribute("line-clamp",this.lineClamp),s&&s.classList.add(t),s&&this.icon&&s.classList.add("--icon"),s&&!s.hasAttribute("line-clamp")&&s.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1),this.setActive(!1)}onTouchStart(){this.setActive(!0)}onTouchEnd(){this.setActive(!1)}onMouseDown(){this.setActive(!0)}onMouseUp(){this.setActive(!1)}onBlur(){this.setActive(!1)}onFocus(){this.setActive(!0)}setHovered(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--hovered",t)}setActive(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--active",t)}get elementClass(){return{"spw-list-item":!0,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon||!!this.categoryIcon,["spw-list-item--"+this.variant]:!0}}get elementCatClass(){return{"spw-list-item__category":!0,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){this.categoryLink&&(window.location.href=this.categoryLink)}render(){const{href:t,target:e}=this,o=void 0===this.href?"div":"a",n="div"===o?{}:{href:t,target:e};return i(s,{key:"1127ccb2fbe7b6089d4d204954dd62fc732ad35b"},i("li",{key:"e27994831fd4d9e822f3965a5b717447f1111594",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"24b24b9b7473ee44a9087a263b2aaac68d4588fe",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"28cb8fbb60f5477f2d3987bc1dd8a3a2ec8fc4b3",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"b179fd8a6a20642f45794827e60175b794eae5cd"},n),i("slot",{key:"0736948a1637037e5ef414bd2e9e2c5671715bfe"}))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-list-item{position:relative;color:var(--spw-color-themes-grey-grey-900);transition:all 0.3s ease-in-out;text-decoration:none}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item--hoverable:hover{transform:translateX(5px)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{display:inline-block;position:relative;margin-bottom:6px;color:var(--spw-ds-primary);font-weight:700;font-size:16px;line-height:1.5}.spw-list-item__category spw-icon{position:absolute;top:2px;left:-28px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}'}},[257,"spw-list-item",{variant:[1],href:[1],target:[1],icon:[1],lineClamp:[1,"line-clamp"],category:[1],categoryLink:[1,"category-link"],categoryIcon:[1,"category-icon"],surface:[1]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[0,"blur","onBlur"],[0,"focus","onFocus"]]]),r=a,l=function(){"undefined"!=typeof customElements&&["spw-list-item","spw-icon"].forEach((t=>{switch(t){case"spw-list-item":customElements.get(o(t))||customElements.define(o(t),a);break;case"spw-icon":customElements.get(o(t))||n()}}))};export{r as SpwListItem,l as defineCustomElement}
+import{p as t,H as e,h as i,a as s,t as o}from"./index.js";import{d as n}from"./p-DiO72wMf.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.target="_self",this.icon="fa-arrow-right",this.lineClamp="3",this.categoryIcon="fa-file-signature",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.variant,e="--"+this.surface,i=this.el.querySelector("spw-list-title"),s=this.el.querySelector("spw-list-description");i&&i.classList.add(t),i&&i.classList.add(e),i&&this.icon&&i.setAttribute("icon",this.icon),i&&!i.hasAttribute("line-clamp")&&i.setAttribute("line-clamp",this.lineClamp),s&&s.classList.add(t),s&&this.icon&&s.classList.add("--icon"),s&&!s.hasAttribute("line-clamp")&&s.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1),this.setActive(!1)}onTouchStart(){this.setActive(!0)}onTouchEnd(){this.setActive(!1)}onMouseDown(){this.setActive(!0)}onMouseUp(){this.setActive(!1)}onBlur(){this.setActive(!1)}onFocus(){this.setActive(!0)}setHovered(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--hovered",t)}setActive(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--active",t)}get elementClass(){return{"spw-list-item":!0,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon||!!this.categoryIcon,["spw-list-item--"+this.variant]:!0}}get elementCatClass(){return{"spw-list-item__category":!0,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){this.categoryLink&&(window.location.href=this.categoryLink)}render(){const{href:t,target:e}=this,o=void 0===this.href?"div":"a",n="div"===o?{}:{href:t,target:e};return i(s,{key:"662b909f71f23809c141d8e2dfb6413a0a235969"},i("li",{key:"bb02af051d7d8cb93d1b431bdf3371f195cb0ffd",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"d97431c82a628d893aab566c8d51a69697289068",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"84129ca0bdf8f0c6adbd1a25f71ced40af286bdf",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"28e527f23990fecde3202ef59f8a1128c6cea481"},n),i("slot",{key:"8b85bc0a8f1197a9d7b0abfd2030634665a5d266"}))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-list-item{position:relative;color:var(--spw-color-themes-grey-grey-900);transition:all 0.3s ease-in-out;text-decoration:none}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{display:inline-block;position:relative;margin-bottom:6px;color:var(--spw-ds-primary);font-weight:700;font-size:16px;line-height:1.5}.spw-list-item__category spw-icon{position:absolute;top:2px;left:-28px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}"}},[257,"spw-list-item",{variant:[1],href:[1],target:[1],icon:[1],lineClamp:[1,"line-clamp"],category:[1],categoryLink:[1,"category-link"],categoryIcon:[1,"category-icon"],surface:[1]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[0,"blur","onBlur"],[0,"focus","onFocus"]]]),r=a,l=function(){"undefined"!=typeof customElements&&["spw-list-item","spw-icon"].forEach((t=>{switch(t){case"spw-list-item":customElements.get(o(t))||customElements.define(o(t),a);break;case"spw-icon":customElements.get(o(t))||n()}}))};export{r as SpwListItem,l as defineCustomElement}

package/dist/components/spw-list-title.js

@@ -1 +1 @@
-import{p as t,H as i,h as e,a as s,t as o}from"./index.js";import{d as p}from"./p-B1SCChor.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-title":!0,"spw-list-title--has-clamp":"none"!==this.lineClamp,"spw-list-title--icon":!!this.icon,["spw-list-title--clamp-"+this.lineClamp]:!0}}render(){return e(s,{key:"a5f24bd75931714693ae2ced4f01f4847275c3e4"},e("div",{key:"614767943e5b77447c9f1c87390e4c636bd08ee7",class:this.elementClass},this.icon&&e("spw-icon",{key:"71ff77aa5ca3ae5911046285bd7d38d86ceac9fd",icon:this.icon}),e("div",{key:"a5b325ef4ee4ed8f9a025454491398c461893cfa",class:"spw-list-title__content"},e("div",{key:"23ce13950426f1458c2b08a5443c11c8fd42348c",class:"spw-list-title__content-text"},e("slot",{key:"874aba8dba232c10858434299e94a66fef2a301c"})))))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:"Nunito Sans"}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);border-bottom:1px solid var(--spw-ds-primary)}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;transition:all 0.2s linear;display:inline-flex}.spw-list-title spw-icon{transition:all 0.2s linear;position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;border-bottom:1px solid transparent;transition:all 0.2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}'}},[257,"spw-list-title",{icon:[1],lineClamp:[1,"line-clamp"]}]),l=n,a=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(o(t))||customElements.define(o(t),n);break;case"spw-icon":customElements.get(o(t))||p()}}))};export{l as SpwListTitle,a as defineCustomElement}
+import{p as t,H as i,h as e,a as s,t as o}from"./index.js";import{d as p}from"./p-DiO72wMf.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-title":!0,"spw-list-title--has-clamp":"none"!==this.lineClamp,"spw-list-title--icon":!!this.icon,["spw-list-title--clamp-"+this.lineClamp]:!0}}render(){return e(s,{key:"ce6e2bbd063e23c608b9e6f3f0c368623684be42"},e("div",{key:"9e20233152287400360e0fc39fe70985e311361e",class:this.elementClass},this.icon&&e("spw-icon",{key:"00831e745b11851cc21a3f9c9f0f4732b7434814",icon:this.icon}),e("div",{key:"b2d44072041b823f9c341b5db95a5a9dbaaf0930",class:"spw-list-title__content"},e("div",{key:"53c54c2d64cf6edd902b0b0a20f4529d392c0cc4",class:"spw-list-title__content-text"},e("slot",{key:"6ce351d9ca3b4d060d027c4519bd354e4cf99a52"})))))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:var(--spw-ds-font-main)}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);border-bottom:1px solid var(--spw-ds-primary)}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;transition:all 0.2s linear;display:inline-flex}.spw-list-title spw-icon{transition:all 0.2s linear;position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;border-bottom:1px solid transparent;transition:all 0.2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-title",{icon:[1],lineClamp:[1,"line-clamp"]}]),l=n,a=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(o(t))||customElements.define(o(t),n);break;case"spw-icon":customElements.get(o(t))||p()}}))};export{l as SpwListTitle,a as defineCustomElement}

package/dist/components/spw-list.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as n,t as s}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.surface;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,["spw-list--"+this.gap]:!0}}render(){return i(n,{key:"64fce31aef674649cbeff92ef49939fb4fe3f01d"},i("ul",{key:"89f22155d38fb2f21c73ff1de5acd6a1144bd854",role:"list",class:this.elementClass},i("slot",{key:"964c000552e382f7048cad31d248818d922a20a7"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}'}},[257,"spw-list",{gap:[1],surface:[1]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-list"].forEach((t=>{"spw-list"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{a as SpwList,r as defineCustomElement}
+import{p as t,H as e,h as i,a as n,t as s}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.surface;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,["spw-list--"+this.gap]:!0}}render(){return i(n,{key:"5783a5ea988594e0ac7630ffefbb296ac9105e34"},i("ul",{key:"d57ec4255cfef3bf1816fcaf529459023f45f978",role:"list",class:this.elementClass},i("slot",{key:"d8756ca6497a8bd6065ad810271b5f11cad1ac92"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}"}},[257,"spw-list",{gap:[1],surface:[1]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-list"].forEach((t=>{"spw-list"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{a as SpwList,r as defineCustomElement}

package/dist/components/spw-loading.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-hlgutkqg.js";const t=o,p=s;export{t as SpwLoading,p as defineCustomElement}
+import{S as s,d as o}from"./p-B1EwYspq.js";const p=s,r=o;export{p as SpwLoading,r as defineCustomElement}

package/dist/components/spw-message.js

@@ -1 +1 @@
-import{p as s,H as e,c as o,h as t,a,t as i}from"./index.js";import{d as r}from"./p-B1SCChor.js";import{d as n}from"./p-bAkyQE_m.js";const p=(s,e="default")=>({"spw-message":!0,["spw-message--"+s]:!0,["spw-message--"+e]:!0}),l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.spwDismiss=o(this,"spwDismiss",7),this.variant="default",this.isDismissable=!0,this.dismissableText="Masquer",this.messageTitle="Notification",this.size="default",this.isVisible=!0,this.hasSlotContent=!1,this.handleKeyDown=s=>{"Enter"===s.key&&(s.preventDefault(),this.handleDismiss())},this.handleDismiss=()=>{this.spwDismiss.emit({messageId:this.messageId}),this.isVisible=!1},this.handleSlotChange=()=>{if(this.slotElement){const s=this.slotElement.assignedNodes({flatten:!0});this.hasSlotContent=s.some((s=>{var e;return s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&""!==(null===(e=s.textContent)||void 0===e?void 0:e.trim())}))}}}async showMessage(){this.isVisible=!0}async hideMessage(){this.isVisible=!1}render(){const s=this.icon||(()=>{const s={default:"fa-lightbulb",success:"fa-check",info:"fa-info-circle",warning:"fa-exclamation-triangle",alert:"fa-exclamation-triangle"};return s[this.variant]||s.default})(),e="compact"===this.size;return this.isVisible?t(a,null,t("div",{class:p(this.variant,this.size),role:"alert","aria-live":"polite","aria-label":this.messageTitle},t("div",{class:"spw-message__title-container"},t("strong",{class:"spw-message__title"},t("spw-icon",{icon:s})," ",this.messageTitle,e&&this.hasSlotContent&&t("span",{class:"spw-message__separator"}," : "),e&&t("span",{class:"spw-message__inline-content"},t("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange}))),this.isDismissable&&t("spw-link",{tabindex:"0",icon:"fa-close",class:"spw-message__close","aria-label":this.dismissableText,onClick:this.handleDismiss,onKeyDown:this.handleKeyDown},this.dismissableText)),!e&&t("div",{class:"spw-message__text"},t("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange})))):null}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-message-margin-top-content:12px;--spw-message-title-color:var(--spw-colors-support-grey-grey-900);--spw-message-body-color:var(--spw-colors-support-grey-grey-900);--spw-message-font-size:16px;--spw-message-default-background-color:var(--spw-colors-support-grey-grey-100);--spw-message-default-icon-color:var(--spw-colors-support-grey-grey-900);--spw-message-default-border-color:var(--spw-colors-support-grey-grey-300);--spw-message-success-background-color:var(--spw-colors-multi-branding-green-green-50);--spw-message-success-icon-color:var(--spw-colors-multi-branding-green-green-600);--spw-message-success-border-color:var(--spw-colors-multi-branding-green-green-300);--spw-message-alert-background-color:var(--spw-colors-multi-branding-red-red-50);--spw-message-alert-icon-color:var(--spw-colors-multi-branding-red-red-accent-3);--spw-message-alert-border-color:var(--spw-colors-multi-branding-red-red-300);--spw-message-info-background-color:var(--spw-colors-multi-branding-blue-blue-50);--spw-message-info-icon-color:var(--spw-colors-multi-branding-blue-blue-accent-3);--spw-message-info-border-color:var(--spw-colors-multi-branding-blue-blue-300);--spw-message-warning-background-color:#ffeee0;--spw-message-warning-icon-color:#d84300;--spw-message-warning-border-color:#f4b095}.spw-message{padding:24px;border-radius:16px;border:2px solid transparent;color:var(--spw-message-title-color);font-size:var(--spw-message-font-size)}.spw-message__title-container{display:flex;gap:24px;flex-wrap:nowrap;justify-content:space-between;flex-direction:column}@media (min-width: 1024px){.spw-message__title-container{flex-direction:row}}.spw-message__close{order:-1}@media (min-width: 1024px){.spw-message__close{order:initial}}.spw-message__title{font-size:18px;flex:1;display:block}.spw-message__title spw-icon,.spw-message__title .spw-icon{position:relative;margin-right:6px;top:1px}.spw-message__text{margin-top:var(--spw-message-margin-top-content);color:var(--spw-message-body-color)}.spw-message__separator{font-weight:normal}.spw-message__inline-content{font-weight:normal}.spw-message--compact{padding:16px}.spw-message--compact .spw-message__title{font-size:16px;display:inline}.spw-message--compact .spw-message__title spw-icon{margin-right:4px}.spw-message--default{background:var(--spw-message-default-background-color);border-color:var(--spw-message-default-border-color)}.spw-message--default .spw-icon{color:var(--spw-message-default-icon-color)}.spw-message--success{background:var(--spw-message-success-background-color);border-color:var(--spw-message-success-border-color)}.spw-message--success spw-icon,.spw-message--success .spw-icon{color:var(--spw-message-success-icon-color)}.spw-message--alert{background:var(--spw-message-alert-background-color);border-color:var(--spw-message-alert-border-color)}.spw-message--alert spw-icon,.spw-message--alert .spw-icon{color:var(--spw-message-alert-icon-color)}.spw-message--info{background:var(--spw-message-info-background-color);border-color:var(--spw-message-info-border-color)}.spw-message--info spw-icon,.spw-message--info .spw-icon{color:var(--spw-message-info-icon-color)}.spw-message--warning{background:var(--spw-message-warning-background-color);border-color:var(--spw-message-warning-border-color)}.spw-message--warning spw-icon,.spw-message--warning .spw-icon{color:var(--spw-message-warning-icon-color)}.spw-message spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-hover-color:var(--spw-colors-support-grey-grey-900);--spw-link-active-color:var(--spw-colors-support-grey-grey-800);--spw-link-padding:12px}.spw-message spw-link:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}'}},[257,"spw-message",{variant:[1],messageId:[1,"message-id"],isDismissable:[4,"is-dismissable"],dismissableText:[1,"dismissable-text"],messageTitle:[1,"message-title"],icon:[1],size:[1],isVisible:[32],hasSlotContent:[32],showMessage:[64],hideMessage:[64]}]),c=l,g=function(){"undefined"!=typeof customElements&&["spw-message","spw-icon","spw-link"].forEach((s=>{switch(s){case"spw-message":customElements.get(i(s))||customElements.define(i(s),l);break;case"spw-icon":customElements.get(i(s))||r();break;case"spw-link":customElements.get(i(s))||n()}}))};export{c as SpwMessage,g as defineCustomElement}
+import{p as s,H as e,c as o,h as t,a,t as i}from"./index.js";import{d as r}from"./p-DiO72wMf.js";import{d as n}from"./p-DDCsfjDj.js";const p=(s,e="default")=>({"spw-message":!0,["spw-message--"+s]:!0,["spw-message--"+e]:!0}),l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.spwDismiss=o(this,"spwDismiss",7),this.variant="default",this.isDismissable=!0,this.dismissableText="Masquer",this.messageTitle="Notification",this.size="default",this.isVisible=!0,this.hasSlotContent=!1,this.handleKeyDown=s=>{"Enter"===s.key&&(s.preventDefault(),this.handleDismiss())},this.handleDismiss=()=>{this.spwDismiss.emit({messageId:this.messageId}),this.isVisible=!1},this.handleSlotChange=()=>{if(this.slotElement){const s=this.slotElement.assignedNodes({flatten:!0});this.hasSlotContent=s.some((s=>{var e;return s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&""!==(null===(e=s.textContent)||void 0===e?void 0:e.trim())}))}}}async showMessage(){this.isVisible=!0}async hideMessage(){this.isVisible=!1}render(){const s=this.icon||(()=>{const s={default:"fa-lightbulb",success:"fa-check",info:"fa-info-circle",warning:"fa-exclamation-triangle",alert:"fa-exclamation-triangle"};return s[this.variant]||s.default})(),e="compact"===this.size;return this.isVisible?t(a,null,t("div",{class:p(this.variant,this.size),role:"alert","aria-live":"polite","aria-label":this.messageTitle},t("div",{class:"spw-message__title-container"},t("strong",{class:"spw-message__title"},t("spw-icon",{icon:s})," ",this.messageTitle,e&&this.hasSlotContent&&t("span",{class:"spw-message__separator"}," : "),e&&t("span",{class:"spw-message__inline-content"},t("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange}))),this.isDismissable&&t("spw-link",{tabindex:"0",icon:"fa-close",class:"spw-message__close","aria-label":this.dismissableText,onClick:this.handleDismiss,onKeyDown:this.handleKeyDown},this.dismissableText)),!e&&t("div",{class:"spw-message__text"},t("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange})))):null}get el(){return this}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-message-margin-top-content:12px;--spw-message-title-color:var(--spw-colors-support-grey-grey-900);--spw-message-body-color:var(--spw-colors-support-grey-grey-900);--spw-message-font-size:16px;--spw-message-default-background-color:var(--spw-colors-support-grey-grey-100);--spw-message-default-icon-color:var(--spw-colors-support-grey-grey-900);--spw-message-default-border-color:var(--spw-colors-support-grey-grey-300);--spw-message-success-background-color:var(--spw-colors-multi-branding-green-green-50);--spw-message-success-icon-color:var(--spw-colors-multi-branding-green-green-600);--spw-message-success-border-color:var(--spw-colors-multi-branding-green-green-300);--spw-message-alert-background-color:var(--spw-colors-multi-branding-red-red-50);--spw-message-alert-icon-color:var(--spw-colors-multi-branding-red-red-accent-3);--spw-message-alert-border-color:var(--spw-colors-multi-branding-red-red-300);--spw-message-info-background-color:var(--spw-colors-multi-branding-blue-blue-50);--spw-message-info-icon-color:var(--spw-colors-multi-branding-blue-blue-accent-3);--spw-message-info-border-color:var(--spw-colors-multi-branding-blue-blue-300);--spw-message-warning-background-color:#ffeee0;--spw-message-warning-icon-color:#d84300;--spw-message-warning-border-color:#f4b095}.spw-message{padding:24px;border-radius:16px;border:2px solid transparent;color:var(--spw-message-title-color);font-size:var(--spw-message-font-size)}.spw-message__title-container{display:flex;gap:24px;flex-wrap:nowrap;justify-content:space-between;flex-direction:column}@media (min-width: 1024px){.spw-message__title-container{flex-direction:row}}.spw-message__close{order:-1}@media (min-width: 1024px){.spw-message__close{order:initial}}.spw-message__title{font-size:18px;flex:1;display:block}.spw-message__title spw-icon,.spw-message__title .spw-icon{position:relative;margin-right:6px;top:1px}.spw-message__text{margin-top:var(--spw-message-margin-top-content);color:var(--spw-message-body-color)}.spw-message__separator{font-weight:normal}.spw-message__inline-content{font-weight:normal}.spw-message--compact{padding:16px}.spw-message--compact .spw-message__title{font-size:16px;display:inline}.spw-message--compact .spw-message__title spw-icon{margin-right:4px}.spw-message--default{background:var(--spw-message-default-background-color);border-color:var(--spw-message-default-border-color)}.spw-message--default .spw-icon{color:var(--spw-message-default-icon-color)}.spw-message--success{background:var(--spw-message-success-background-color);border-color:var(--spw-message-success-border-color)}.spw-message--success spw-icon,.spw-message--success .spw-icon{color:var(--spw-message-success-icon-color)}.spw-message--alert{background:var(--spw-message-alert-background-color);border-color:var(--spw-message-alert-border-color)}.spw-message--alert spw-icon,.spw-message--alert .spw-icon{color:var(--spw-message-alert-icon-color)}.spw-message--info{background:var(--spw-message-info-background-color);border-color:var(--spw-message-info-border-color)}.spw-message--info spw-icon,.spw-message--info .spw-icon{color:var(--spw-message-info-icon-color)}.spw-message--warning{background:var(--spw-message-warning-background-color);border-color:var(--spw-message-warning-border-color)}.spw-message--warning spw-icon,.spw-message--warning .spw-icon{color:var(--spw-message-warning-icon-color)}.spw-message spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-hover-color:var(--spw-colors-support-grey-grey-900);--spw-link-active-color:var(--spw-colors-support-grey-grey-800);--spw-link-padding:12px}.spw-message spw-link:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}'}},[257,"spw-message",{variant:[1],messageId:[1,"message-id"],isDismissable:[4,"is-dismissable"],dismissableText:[1,"dismissable-text"],messageTitle:[1,"message-title"],icon:[1],size:[1],isVisible:[32],hasSlotContent:[32],showMessage:[64],hideMessage:[64]}]),c=l,g=function(){"undefined"!=typeof customElements&&["spw-message","spw-icon","spw-link"].forEach((s=>{switch(s){case"spw-message":customElements.get(i(s))||customElements.define(i(s),l);break;case"spw-icon":customElements.get(i(s))||r();break;case"spw-link":customElements.get(i(s))||n()}}))};export{c as SpwMessage,g as defineCustomElement}

package/dist/components/spw-modal.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as s,a as i,t as n}from"./index.js";import{d as a}from"./p-B1SCChor.js";import{d as r}from"./p-bAkyQE_m.js";function d(t,e,o,s=20,i=0){const n=[];if(i>=s)return n;const a=t=>{const n=t.assignedNodes().filter((t=>1===t.nodeType));return n.length>0?d(n[0].parentElement,e,o,s,i+1):[]},r=Array.from(t.children||[]);for(const t of r)e(t)||(o(t)&&n.push(t),null!=t.shadowRoot?n.push(...d(t.shadowRoot,e,o,s,i+1)):"SLOT"===t.tagName?n.push(...a(t)):n.push(...d(t,e,o,s,i+1)));return n}function l(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&"false"!==t.getAttribute("aria-hidden")||"none"===t.style.display||"0"===t.style.opacity||"hidden"===t.style.visibility||"collapse"===t.style.visibility}function c(t){return"-1"!==t.getAttribute("tabindex")&&!l(t)&&!function(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")}(t)&&(t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement)}function p(t,e,o){const s=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));return s.addEventListener("finish",(()=>{s.commitStyles(),s.cancel()})),s}const b={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"},m={fadeIn:[Object.assign(Object.assign({offset:0},b),{opacity:0}),Object.assign(Object.assign({offset:1},b),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},b),{opacity:1}),Object.assign(Object.assign({offset:1},b),{opacity:0})]},h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwModalOpen=o(this,"spwModalOpen",7),this.spwModalClose=o(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-trigger"))}));o&&o.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-close"))}));o&&o.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=d(this.hostElement.shadowRoot,(t=>l(t)||t.matches("[data-focus-trap-edge]")),c),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0;try{p(this.modalContainer,m.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{p(this.modalContainer,m.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return s(i,{key:"6961323287aaa2ac2c831aabaed9259825cbc9bc"},s("div",{key:"6d2397c7cb4346914d9afb8b44fb33e01c2f6fc4",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"19dff4efe47c80f54cea20483c622758e549cc36",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"5bd10998aaa1ce28f21beeac3bc018e773162528",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"97615fe1893c64ca8eae919a6faa9ee5315d200e",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"c343a6998646aeb093a304992656048ca295dbf4",class:"spw-modal__header"},s("div",{key:"b12e5106e31f0980fdff868d06878ab14705546c",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"2cdd3e2913687b366c94b514b9447a35ec3d6f42",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"6c994ac67f7921c09e61d8f85428acd33481030d",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"29dc0900b9bac81187bfe1c8c7f1ae9ea66374aa",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},s("spw-link",{key:"d4b60fcee917eac029463f68e0758aae0716f183","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"6d41416973bcb9f132fd91b230fcc7f0402c686c",class:"spw-modal__body"},s("slot",{key:"0aa97063697328d3f096fad1b3bf537305cf676a",name:"content"})),s("div",{key:"e6442c6edd885fb7140c85766d1f96f31d6ef388",class:"spw-modal__buttons"},s("slot",{key:"4c8dbcf89eec3a8502b3e0107b35f134697e6fc8",name:"buttons"})))),s("div",{key:"f84ed2841ce54fadf77ffc0106971a08cbfcf3e3","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return this}static get watchers(){return{opened:[{openedChanged:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-display:flex}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px;padding:24px;padding-top:8px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}'}},[257,"spw-modal",{opened:[1540],caption:[1],closeButtonText:[1,"close-button-text"],closeOnOverlayClick:[4,"close-on-overlay-click"],stickyButtons:[4,"sticky-buttons"],size:[1],alertIcon:[1,"alert-icon"],showCloseButton:[4,"show-close-button"],showModal:[32],slotButtonsPresent:[32],isCloseButtonSticky:[32],closeModal:[64],openModal:[64]},void 0,{opened:[{openedChanged:0}]}]),w=h,f=function(){"undefined"!=typeof customElements&&["spw-modal","spw-icon","spw-link"].forEach((t=>{switch(t){case"spw-modal":customElements.get(n(t))||customElements.define(n(t),h);break;case"spw-icon":customElements.get(n(t))||a();break;case"spw-link":customElements.get(n(t))||r()}}))};export{w as SpwModal,f as defineCustomElement}
+import{p as t,H as e,c as o,h as s,a as i,t as a}from"./index.js";import{a as n,K as r}from"./p-BO7xVlWo.js";import{d}from"./p-DiO72wMf.js";import{d as l}from"./p-DDCsfjDj.js";function c(t,e,o,s=20,i=0){const a=[];if(i>=s)return a;const n=t=>{const a=t.assignedNodes().filter((t=>1===t.nodeType));return a.length>0?c(a[0].parentElement,e,o,s,i+1):[]},r=Array.from(t.children||[]);for(const t of r)e(t)||(o(t)&&a.push(t),null!=t.shadowRoot?a.push(...c(t.shadowRoot,e,o,s,i+1)):"SLOT"===t.tagName?a.push(...n(t)):a.push(...c(t,e,o,s,i+1)));return a}function p(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&"false"!==t.getAttribute("aria-hidden")||"none"===t.style.display||"0"===t.style.opacity||"hidden"===t.style.visibility||"collapse"===t.style.visibility}function b(t){return"-1"!==t.getAttribute("tabindex")&&!p(t)&&!function(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")}(t)&&(t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement)}const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwModalOpen=o(this,"spwModalOpen",7),this.spwModalClose=o(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-trigger"))}));o&&o.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-close"))}));o&&o.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=c(this.hostElement.shadowRoot,(t=>p(t)||t.matches("[data-focus-trap-edge]")),b),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0;try{n(this.modalContainer,r.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{n(this.modalContainer,r.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return s(i,{key:"1855ac934b7a8c56f6686988326e97fb3cecce4a"},s("div",{key:"7ece796fcfdcee0f1b9c2404bdf8d0bad942c219",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"8e046cc0b8c4e486518e1c645f29fa1318a895f0",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"b9ed094d68f3c83218bd2efbaf617d258d8d3f62",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"587ed0ac36cc10efbcfed938e61f88e290710850",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"07fe567dbbb2da41fc0564000f3cf2feca92a15c",class:"spw-modal__header"},s("div",{key:"8c4f4d8a9d974e612aeebc73c764e5826bba75c0",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"ba3eb44290532b9320de6d85fbb6a439ea213ef8",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"af53bbeef539fafa901d65794302a532a43567b2",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"469796b5d4fb58641b15e3ac91a5dd5eac264157",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},s("spw-link",{key:"85a100cd8683dece79fe3382b0ed249f4218e892","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"b0b7cd9b193ddeefc0fc2116a7f72bb7449246a2",class:"spw-modal__body"},s("slot",{key:"104fed7f324753a52027283df8c5b28b17f90c00",name:"content"})),s("div",{key:"3764ed78ab202706b6a435ba57c7e5e4627a3428",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"6ba602b5471420d28a73e30ea3cba7cefc0917a3",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"b74a655ac6ed1cc7346ce9769468abe2616a6bed","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return this}static get watchers(){return{opened:[{openedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}"}},[257,"spw-modal",{opened:[1540],caption:[1],closeButtonText:[1,"close-button-text"],closeOnOverlayClick:[4,"close-on-overlay-click"],stickyButtons:[4,"sticky-buttons"],size:[1],alertIcon:[1,"alert-icon"],showCloseButton:[4,"show-close-button"],showModal:[32],slotButtonsPresent:[32],isCloseButtonSticky:[32],closeModal:[64],openModal:[64]},void 0,{opened:[{openedChanged:0}]}]),m=h,w=function(){"undefined"!=typeof customElements&&["spw-modal","spw-icon","spw-link"].forEach((t=>{switch(t){case"spw-modal":customElements.get(a(t))||customElements.define(a(t),h);break;case"spw-icon":customElements.get(a(t))||d();break;case"spw-link":customElements.get(a(t))||l()}}))};export{m as SpwModal,w as defineCustomElement}

package/dist/components/spw-mosaic-item.js

@@ -1 +1 @@
-import{p as t,H as i,h as e,a as s,t as o}from"./index.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentColsMobile=1,this.parentColsTablet=2,this.parentColsDesktop=3}componentDidLoad(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this)),this.applyColSpans()}disconnectedCallback(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}colSpanChanged(){this.applyColSpans()}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.parentColsMobile=i,this.parentColsTablet=e,this.parentColsDesktop=s,this.applyColSpans()}applyColSpans(){this.el.style.setProperty("--spw-mosaic-item-width-mobile",this.colSpanMobile?`calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`:`calc(100% / ${this.parentColsMobile})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",this.colSpanTablet?`calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`:`calc(100% / ${this.parentColsTablet})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",this.colSpanDesktop?`calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`:`calc(100% / ${this.parentColsDesktop})`)}render(){return e(s,{key:"cca36c5c6f756226b3c9de778c5732ddf2425529"},e("slot",{key:"f0691d1e489e6105af90c2b3691ea3fafce8ea28"}))}get el(){return this}static get watchers(){return{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@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:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}'}},[257,"spw-mosaic-item",{colSpanMobile:[2,"col-span-mobile"],colSpanTablet:[2,"col-span-tablet"],colSpanDesktop:[2,"col-span-desktop"]},void 0,{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}]),p=a,c=function(){"undefined"!=typeof customElements&&["spw-mosaic-item"].forEach((t=>{"spw-mosaic-item"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{p as SpwMosaicItem,c as defineCustomElement}
+import{p as t,H as i,h as e,a as s,t as o}from"./index.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentColsMobile=1,this.parentColsTablet=2,this.parentColsDesktop=3}componentDidLoad(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this)),this.applyColSpans()}disconnectedCallback(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}colSpanChanged(){this.applyColSpans()}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.parentColsMobile=i,this.parentColsTablet=e,this.parentColsDesktop=s,this.applyColSpans()}applyColSpans(){this.el.style.setProperty("--spw-mosaic-item-width-mobile",this.colSpanMobile?`calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`:`calc(100% / ${this.parentColsMobile})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",this.colSpanTablet?`calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`:`calc(100% / ${this.parentColsTablet})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",this.colSpanDesktop?`calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`:`calc(100% / ${this.parentColsDesktop})`)}render(){return e(s,{key:"fed30e6ca58b35ae247f952abd847c1edd466247"},e("slot",{key:"07d0dc2bbaf6846b63e4e37abb6e4a4d95529f20"}))}get el(){return this}static get watchers(){return{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@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:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}'}},[257,"spw-mosaic-item",{colSpanMobile:[2,"col-span-mobile"],colSpanTablet:[2,"col-span-tablet"],colSpanDesktop:[2,"col-span-desktop"]},void 0,{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}]),p=a,c=function(){"undefined"!=typeof customElements&&["spw-mosaic-item"].forEach((t=>{"spw-mosaic-item"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{p as SpwMosaicItem,c as defineCustomElement}

package/dist/components/spw-mosaic.js

@@ -1,18 +1,18 @@
-import{p as t,H as i,h as n,a as s,t as o}from"./index.js";import{g as e}from"./p-B85MJLTf.js";var r,h={exports:{}},a={exports:{}},u={exports:{}},c=u.exports;function f(){return r||(r=1,function(t){!function(i,n){t.exports?t.exports=n():i.EvEmitter=n()}("undefined"!=typeof window?window:c,(function(){function t(){}var i=t.prototype;return i.on=function(t,i){if(t&&i){var n=this._events=this._events||{},s=n[t]=n[t]||[];return-1==s.indexOf(i)&&s.push(i),this}},i.once=function(t,i){if(t&&i){this.on(t,i);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[i]=!0,this}},i.off=function(t,i){var n=this._events&&this._events[t];if(n&&n.length){var s=n.indexOf(i);return-1!=s&&n.splice(s,1),this}},i.emitEvent=function(t,i){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),i=i||[];for(var s=this._onceEvents&&this._onceEvents[t],o=0;o<n.length;o++){var e=n[o];s&&s[e]&&(this.off(t,e),delete s[e]),e.apply(this,i)}return this}},i.allOff=function(){delete this._events,delete this._onceEvents},t}))}(u)),u.exports}var d,l={exports:{}};
+import{p as t,H as i,h as n,a as s,t as o}from"./index.js";import{g as e}from"./p-B85MJLTf.js";var r,h={exports:{}},a={exports:{}},u={exports:{}},f=u.exports;function c(){return r||(r=1,function(t){!function(i,n){t.exports?t.exports=n():i.EvEmitter=n()}("undefined"!=typeof window?window:f,(function(){function t(){}var i=t.prototype;return i.on=function(t,i){if(t&&i){var n=this._events=this._events||{},s=n[t]=n[t]||[];return-1==s.indexOf(i)&&s.push(i),this}},i.once=function(t,i){if(t&&i){this.on(t,i);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[i]=!0,this}},i.off=function(t,i){var n=this._events&&this._events[t];if(n&&n.length){var s=n.indexOf(i);return-1!=s&&n.splice(s,1),this}},i.emitEvent=function(t,i){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),i=i||[];for(var s=this._onceEvents&&this._onceEvents[t],o=0;o<n.length;o++){var e=n[o];s&&s[e]&&(this.off(t,e),delete s[e]),e.apply(this,i)}return this}},i.allOff=function(){delete this._events,delete this._onceEvents},t}))}(u)),u.exports}var d,l={exports:{}};
 /*!
  * getSize v2.0.3
  * measure size of elements
  * MIT license
- */function p(){return d||(d=1,function(t){!function(i,n){t.exports?t.exports=n():i.getSize=n()}(window,(function(){function t(t){var i=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(i)&&i}var i=void 0===console?function(){}:function(t){console.error(t)},n=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],s=n.length;function o(t){var n=getComputedStyle(t);return n||i("Style returned "+n+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),n}var e,r=!1;return function i(h){if(function(){if(!r){r=!0;var n=document.createElement("div");n.style.width="200px",n.style.padding="1px 2px 3px 4px",n.style.borderStyle="solid",n.style.borderWidth="1px 2px 3px 4px",n.style.boxSizing="border-box";var s=document.body||document.documentElement;s.appendChild(n);var h=o(n);e=200==Math.round(t(h.width)),i.isBoxSizeOuter=e,s.removeChild(n)}}(),"string"==typeof h&&(h=document.querySelector(h)),h&&"object"==typeof h&&h.nodeType){var a=o(h);if("none"==a.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},i=0;i<s;i++)t[n[i]]=0;return t}();var u={};u.width=h.offsetWidth,u.height=h.offsetHeight;for(var c=u.isBorderBox="border-box"==a.boxSizing,f=0;f<s;f++){var d=n[f],l=parseFloat(a[d]);u[d]=isNaN(l)?0:l}var p=u.paddingLeft+u.paddingRight,m=u.paddingTop+u.paddingBottom,v=u.marginLeft+u.marginRight,g=u.marginTop+u.marginBottom,b=u.borderLeftWidth+u.borderRightWidth,y=u.borderTopWidth+u.borderBottomWidth,w=c&&e,x=t(a.width);!1!==x&&(u.width=x+(w?0:p+b));var z=t(a.height);return!1!==z&&(u.height=z+(w?0:m+y)),u.innerWidth=u.width-(p+b),u.innerHeight=u.height-(m+y),u.outerWidth=u.width+v,u.outerHeight=u.height+g,u}}}))}(l)),l.exports}var m,v,g={exports:{}},b={exports:{}};function y(){return m||(m=1,function(t){!function(i,n){t.exports?t.exports=n():i.matchesSelector=n()}(window,(function(){var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var i=["webkit","moz","ms","o"],n=0;n<4;n++){var s=i[n]+"MatchesSelector";if(t[s])return s}}();return function(i,n){return i[t](n)}}))}(b)),b.exports}function w(){return v||(v=1,function(t){!function(i,n){t.exports?t.exports=n(i,y()):i.fizzyUIUtils=n(i,i.matchesSelector)}(window,(function(t,i){var n={extend:function(t,i){for(var n in i)t[n]=i[n];return t},modulo:function(t,i){return(t%i+i)%i}},s=Array.prototype.slice;n.makeArray=function(t){return Array.isArray(t)?t:null==t?[]:"object"==typeof t&&"number"==typeof t.length?s.call(t):[t]},n.removeFrom=function(t,i){var n=t.indexOf(i);-1!=n&&t.splice(n,1)},n.getParent=function(t,n){for(;t.parentNode&&t!=document.body;)if(i(t=t.parentNode,n))return t},n.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},n.handleEvent=function(t){var i="on"+t.type;this[i]&&this[i](t)},n.filterFindElements=function(t,s){t=n.makeArray(t);var o=[];return t.forEach((function(t){if(t instanceof HTMLElement)if(s){i(t,s)&&o.push(t);for(var n=t.querySelectorAll(s),e=0;e<n.length;e++)o.push(n[e])}else o.push(t)})),o},n.debounceMethod=function(t,i,n){n=n||100;var s=t.prototype[i],o=i+"Timeout";t.prototype[i]=function(){clearTimeout(this[o]);var t=arguments,i=this;this[o]=setTimeout((function(){s.apply(i,t),delete i[o]}),n)}},n.docReady=function(t){var i=document.readyState;"complete"==i||"interactive"==i?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},n.toDashed=function(t){return t.replace(/(.)([A-Z])/g,(function(t,i,n){return i+"-"+n})).toLowerCase()};var o=t.console;return n.htmlInit=function(i,s){n.docReady((function(){var e=n.toDashed(s),r="data-"+e,h=document.querySelectorAll("["+r+"]"),a=document.querySelectorAll(".js-"+e),u=n.makeArray(h).concat(n.makeArray(a)),c=r+"-options",f=t.jQuery;u.forEach((function(t){var n,e=t.getAttribute(r)||t.getAttribute(c);try{n=e&&JSON.parse(e)}catch(i){return void(o&&o.error("Error parsing "+r+" on "+t.className+": "+i))}var h=new i(t,n);f&&f.data(t,s,h)}))}))},n}))}(g)),g.exports}var x,z,M,k={exports:{}};function C(){return x||(x=1,function(t){!function(i,n){t.exports?t.exports=n(f(),p()):(i.Outlayer={},i.Outlayer.Item=n(i.EvEmitter,i.getSize))}(window,(function(t,i){var n=document.documentElement.style,s="string"==typeof n.transition?"transition":"WebkitTransition",o="string"==typeof n.transform?"transform":"WebkitTransform",e={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[s],r={transform:o,transition:s,transitionDuration:s+"Duration",transitionProperty:s+"Property",transitionDelay:s+"Delay"};function h(t,i){t&&(this.element=t,this.layout=i,this.position={x:0,y:0},this._create())}var a=h.prototype=Object.create(t.prototype);a.constructor=h,a._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},a.handleEvent=function(t){var i="on"+t.type;this[i]&&this[i](t)},a.getSize=function(){this.size=i(this.element)},a.css=function(t){var i=this.element.style;for(var n in t)i[r[n]||n]=t[n]},a.getPosition=function(){var t=getComputedStyle(this.element),i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop"),s=t[i?"left":"right"],o=t[n?"top":"bottom"],e=parseFloat(s),r=parseFloat(o),h=this.layout.size;-1!=s.indexOf("%")&&(e=e/100*h.width),-1!=o.indexOf("%")&&(r=r/100*h.height),e=isNaN(e)?0:e,r=isNaN(r)?0:r,r-=n?h.paddingTop:h.paddingBottom,this.position.x=e-=i?h.paddingLeft:h.paddingRight,this.position.y=r},a.layoutPosition=function(){var t=this.layout.size,i={},n=this.layout._getOption("originLeft"),s=this.layout._getOption("originTop"),o=n?"right":"left";i[n?"left":"right"]=this.getXValue(this.position.x+t[n?"paddingLeft":"paddingRight"]),i[o]="";var e=s?"bottom":"top";i[s?"top":"bottom"]=this.getYValue(this.position.y+t[s?"paddingTop":"paddingBottom"]),i[e]="",this.css(i),this.emitEvent("layout",[this])},a.getXValue=function(t){var i=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!i?t/this.layout.size.width*100+"%":t+"px"},a.getYValue=function(t){var i=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&i?t/this.layout.size.height*100+"%":t+"px"},a._transitionTo=function(t,i){this.getPosition();var n=this.position.x,s=this.position.y,o=t==this.position.x&&i==this.position.y;if(this.setPosition(t,i),!o||this.isTransitioning){var e={};e.transform=this.getTranslate(t-n,i-s),this.transition({to:e,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})}else this.layoutPosition()},a.getTranslate=function(t,i){return"translate3d("+(t=this.layout._getOption("originLeft")?t:-t)+"px, "+(i=this.layout._getOption("originTop")?i:-i)+"px, 0)"},a.goTo=function(t,i){this.setPosition(t,i),this.layoutPosition()},a.moveTo=a._transitionTo,a.setPosition=function(t,i){this.position.x=parseFloat(t),this.position.y=parseFloat(i)},a._nonTransition=function(t){for(var i in this.css(t.to),t.isCleaning&&this._removeStyles(t.to),t.onTransitionEnd)t.onTransitionEnd[i].call(this)},a.transition=function(t){if(parseFloat(this.layout.options.transitionDuration)){var i=this._transn;for(var n in t.onTransitionEnd)i.onEnd[n]=t.onTransitionEnd[n];for(n in t.to)i.ingProperties[n]=!0,t.isCleaning&&(i.clean[n]=!0);t.from&&this.css(t.from),this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0}else this._nonTransition(t)};var u="opacity,"+function(t){return t.replace(/([A-Z])/g,(function(t){return"-"+t.toLowerCase()}))}(o);a.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;this.css({transitionProperty:u,transitionDuration:t="number"==typeof t?t+"ms":t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(e,this,!1)}},a.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},a.onotransitionend=function(t){this.ontransitionend(t)};var c={"-webkit-transform":"transform"};a.ontransitionend=function(t){if(t.target===this.element){var i=this._transn,n=c[t.propertyName]||t.propertyName;delete i.ingProperties[n],function(t){for(var i in t)return!1;return!0}(i.ingProperties)&&this.disableTransition(),n in i.clean&&(this.element.style[t.propertyName]="",delete i.clean[n]),n in i.onEnd&&(i.onEnd[n].call(this),delete i.onEnd[n]),this.emitEvent("transitionEnd",[this])}},a.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(e,this,!1),this.isTransitioning=!1},a._removeStyles=function(t){var i={};for(var n in t)i[n]="";this.css(i)};var f={transitionProperty:"",transitionDuration:"",transitionDelay:""};return a.removeTransitionStyles=function(){this.css(f)},a.stagger=function(t){this.staggerDelay=(t=isNaN(t)?0:t)+"ms"},a.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},a.remove=function(){s&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",(function(){this.removeElem()})),this.hide()):this.removeElem()},a.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,i={};i[this.getHideRevealTransitionEndProperty("visibleStyle")]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:i})},a.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},a.getHideRevealTransitionEndProperty=function(t){var i=this.layout.options[t];if(i.opacity)return"opacity";for(var n in i)return n},a.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,i={};i[this.getHideRevealTransitionEndProperty("hiddenStyle")]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:i})},a.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},a.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},h}))}(k)),k.exports}
+ */function p(){return d||(d=1,function(t){!function(i,n){t.exports?t.exports=n():i.getSize=n()}(window,(function(){function t(t){var i=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(i)&&i}var i=void 0===console?function(){}:function(t){console.error(t)},n=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],s=n.length;function o(t){var n=getComputedStyle(t);return n||i("Style returned "+n+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),n}var e,r=!1;return function i(h){if(function(){if(!r){r=!0;var n=document.createElement("div");n.style.width="200px",n.style.padding="1px 2px 3px 4px",n.style.borderStyle="solid",n.style.borderWidth="1px 2px 3px 4px",n.style.boxSizing="border-box";var s=document.body||document.documentElement;s.appendChild(n);var h=o(n);e=200==Math.round(t(h.width)),i.isBoxSizeOuter=e,s.removeChild(n)}}(),"string"==typeof h&&(h=document.querySelector(h)),h&&"object"==typeof h&&h.nodeType){var a=o(h);if("none"==a.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},i=0;i<s;i++)t[n[i]]=0;return t}();var u={};u.width=h.offsetWidth,u.height=h.offsetHeight;for(var f=u.isBorderBox="border-box"==a.boxSizing,c=0;c<s;c++){var d=n[c],l=parseFloat(a[d]);u[d]=isNaN(l)?0:l}var p=u.paddingLeft+u.paddingRight,m=u.paddingTop+u.paddingBottom,v=u.marginLeft+u.marginRight,g=u.marginTop+u.marginBottom,b=u.borderLeftWidth+u.borderRightWidth,y=u.borderTopWidth+u.borderBottomWidth,w=f&&e,x=t(a.width);!1!==x&&(u.width=x+(w?0:p+b));var z=t(a.height);return!1!==z&&(u.height=z+(w?0:m+y)),u.innerWidth=u.width-(p+b),u.innerHeight=u.height-(m+y),u.outerWidth=u.width+v,u.outerHeight=u.height+g,u}}}))}(l)),l.exports}var m,v,g={exports:{}},b={exports:{}};function y(){return m||(m=1,function(t){!function(i,n){t.exports?t.exports=n():i.matchesSelector=n()}(window,(function(){var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var i=["webkit","moz","ms","o"],n=0;n<4;n++){var s=i[n]+"MatchesSelector";if(t[s])return s}}();return function(i,n){return i[t](n)}}))}(b)),b.exports}function w(){return v||(v=1,function(t){!function(i,n){t.exports?t.exports=n(i,y()):i.fizzyUIUtils=n(i,i.matchesSelector)}(window,(function(t,i){var n={extend:function(t,i){for(var n in i)t[n]=i[n];return t},modulo:function(t,i){return(t%i+i)%i}},s=Array.prototype.slice;n.makeArray=function(t){return Array.isArray(t)?t:null==t?[]:"object"==typeof t&&"number"==typeof t.length?s.call(t):[t]},n.removeFrom=function(t,i){var n=t.indexOf(i);-1!=n&&t.splice(n,1)},n.getParent=function(t,n){for(;t.parentNode&&t!=document.body;)if(i(t=t.parentNode,n))return t},n.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},n.handleEvent=function(t){var i="on"+t.type;this[i]&&this[i](t)},n.filterFindElements=function(t,s){t=n.makeArray(t);var o=[];return t.forEach((function(t){if(t instanceof HTMLElement)if(s){i(t,s)&&o.push(t);for(var n=t.querySelectorAll(s),e=0;e<n.length;e++)o.push(n[e])}else o.push(t)})),o},n.debounceMethod=function(t,i,n){n=n||100;var s=t.prototype[i],o=i+"Timeout";t.prototype[i]=function(){clearTimeout(this[o]);var t=arguments,i=this;this[o]=setTimeout((function(){s.apply(i,t),delete i[o]}),n)}},n.docReady=function(t){var i=document.readyState;"complete"==i||"interactive"==i?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},n.toDashed=function(t){return t.replace(/(.)([A-Z])/g,(function(t,i,n){return i+"-"+n})).toLowerCase()};var o=t.console;return n.htmlInit=function(i,s){n.docReady((function(){var e=n.toDashed(s),r="data-"+e,h=document.querySelectorAll("["+r+"]"),a=document.querySelectorAll(".js-"+e),u=n.makeArray(h).concat(n.makeArray(a)),f=r+"-options",c=t.jQuery;u.forEach((function(t){var n,e=t.getAttribute(r)||t.getAttribute(f);try{n=e&&JSON.parse(e)}catch(i){return void(o&&o.error("Error parsing "+r+" on "+t.className+": "+i))}var h=new i(t,n);c&&c.data(t,s,h)}))}))},n}))}(g)),g.exports}var x,z,M,k={exports:{}};function C(){return x||(x=1,function(t){!function(i,n){t.exports?t.exports=n(c(),p()):(i.Outlayer={},i.Outlayer.Item=n(i.EvEmitter,i.getSize))}(window,(function(t,i){var n=document.documentElement.style,s="string"==typeof n.transition?"transition":"WebkitTransition",o="string"==typeof n.transform?"transform":"WebkitTransform",e={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[s],r={transform:o,transition:s,transitionDuration:s+"Duration",transitionProperty:s+"Property",transitionDelay:s+"Delay"};function h(t,i){t&&(this.element=t,this.layout=i,this.position={x:0,y:0},this._create())}var a=h.prototype=Object.create(t.prototype);a.constructor=h,a._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},a.handleEvent=function(t){var i="on"+t.type;this[i]&&this[i](t)},a.getSize=function(){this.size=i(this.element)},a.css=function(t){var i=this.element.style;for(var n in t)i[r[n]||n]=t[n]},a.getPosition=function(){var t=getComputedStyle(this.element),i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop"),s=t[i?"left":"right"],o=t[n?"top":"bottom"],e=parseFloat(s),r=parseFloat(o),h=this.layout.size;-1!=s.indexOf("%")&&(e=e/100*h.width),-1!=o.indexOf("%")&&(r=r/100*h.height),e=isNaN(e)?0:e,r=isNaN(r)?0:r,r-=n?h.paddingTop:h.paddingBottom,this.position.x=e-=i?h.paddingLeft:h.paddingRight,this.position.y=r},a.layoutPosition=function(){var t=this.layout.size,i={},n=this.layout._getOption("originLeft"),s=this.layout._getOption("originTop"),o=n?"right":"left";i[n?"left":"right"]=this.getXValue(this.position.x+t[n?"paddingLeft":"paddingRight"]),i[o]="";var e=s?"bottom":"top";i[s?"top":"bottom"]=this.getYValue(this.position.y+t[s?"paddingTop":"paddingBottom"]),i[e]="",this.css(i),this.emitEvent("layout",[this])},a.getXValue=function(t){var i=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!i?t/this.layout.size.width*100+"%":t+"px"},a.getYValue=function(t){var i=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&i?t/this.layout.size.height*100+"%":t+"px"},a._transitionTo=function(t,i){this.getPosition();var n=this.position.x,s=this.position.y,o=t==this.position.x&&i==this.position.y;if(this.setPosition(t,i),!o||this.isTransitioning){var e={};e.transform=this.getTranslate(t-n,i-s),this.transition({to:e,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})}else this.layoutPosition()},a.getTranslate=function(t,i){return"translate3d("+(t=this.layout._getOption("originLeft")?t:-t)+"px, "+(i=this.layout._getOption("originTop")?i:-i)+"px, 0)"},a.goTo=function(t,i){this.setPosition(t,i),this.layoutPosition()},a.moveTo=a._transitionTo,a.setPosition=function(t,i){this.position.x=parseFloat(t),this.position.y=parseFloat(i)},a._nonTransition=function(t){for(var i in this.css(t.to),t.isCleaning&&this._removeStyles(t.to),t.onTransitionEnd)t.onTransitionEnd[i].call(this)},a.transition=function(t){if(parseFloat(this.layout.options.transitionDuration)){var i=this._transn;for(var n in t.onTransitionEnd)i.onEnd[n]=t.onTransitionEnd[n];for(n in t.to)i.ingProperties[n]=!0,t.isCleaning&&(i.clean[n]=!0);t.from&&this.css(t.from),this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0}else this._nonTransition(t)};var u="opacity,"+function(t){return t.replace(/([A-Z])/g,(function(t){return"-"+t.toLowerCase()}))}(o);a.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;this.css({transitionProperty:u,transitionDuration:t="number"==typeof t?t+"ms":t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(e,this,!1)}},a.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},a.onotransitionend=function(t){this.ontransitionend(t)};var f={"-webkit-transform":"transform"};a.ontransitionend=function(t){if(t.target===this.element){var i=this._transn,n=f[t.propertyName]||t.propertyName;delete i.ingProperties[n],function(t){for(var i in t)return!1;return!0}(i.ingProperties)&&this.disableTransition(),n in i.clean&&(this.element.style[t.propertyName]="",delete i.clean[n]),n in i.onEnd&&(i.onEnd[n].call(this),delete i.onEnd[n]),this.emitEvent("transitionEnd",[this])}},a.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(e,this,!1),this.isTransitioning=!1},a._removeStyles=function(t){var i={};for(var n in t)i[n]="";this.css(i)};var c={transitionProperty:"",transitionDuration:"",transitionDelay:""};return a.removeTransitionStyles=function(){this.css(c)},a.stagger=function(t){this.staggerDelay=(t=isNaN(t)?0:t)+"ms"},a.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},a.remove=function(){s&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",(function(){this.removeElem()})),this.hide()):this.removeElem()},a.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,i={};i[this.getHideRevealTransitionEndProperty("visibleStyle")]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:i})},a.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},a.getHideRevealTransitionEndProperty=function(t){var i=this.layout.options[t];if(i.opacity)return"opacity";for(var n in i)return n},a.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,i={};i[this.getHideRevealTransitionEndProperty("hiddenStyle")]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:i})},a.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},a.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},h}))}(k)),k.exports}
 /*!
  * Outlayer v2.1.1
  * the brains and guts of a layout library
  * MIT license
- */function T(){return z||(z=1,function(t){!function(i,n){t.exports?t.exports=n(i,f(),p(),w(),C()):i.Outlayer=n(i,i.EvEmitter,i.getSize,i.fizzyUIUtils,i.Outlayer.Item)}(window,(function(t,i,n,s,o){var e=t.console,r=t.jQuery,h=function(){},a=0,u={};function c(t,i){var n=s.getQueryElement(t);if(n){this.element=n,r&&(this.$element=r(this.element)),this.options=s.extend({},this.constructor.defaults),this.option(i);var o=++a;this.element.outlayerGUID=o,u[o]=this,this._create(),this._getOption("initLayout")&&this.layout()}else e&&e.error("Bad element for "+this.constructor.namespace+": "+(n||t))}c.namespace="outlayer",c.Item=o,c.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var f=c.prototype;function d(t){function i(){t.apply(this,arguments)}return(i.prototype=Object.create(t.prototype)).constructor=i,i}s.extend(f,i.prototype),f.option=function(t){s.extend(this.options,t)},f._getOption=function(t){var i=this.constructor.compatOptions[t];return i&&void 0!==this.options[i]?this.options[i]:this.options[t]},c.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},f._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),s.extend(this.element.style,this.options.containerStyle),this._getOption("resize")&&this.bindResize()},f.reloadItems=function(){this.items=this._itemize(this.element.children)},f._itemize=function(t){for(var i=this._filterFindItemElements(t),n=this.constructor.Item,s=[],o=0;o<i.length;o++){var e=new n(i[o],this);s.push(e)}return s},f._filterFindItemElements=function(t){return s.filterFindElements(t,this.options.itemSelector)},f.getItemElements=function(){return this.items.map((function(t){return t.element}))},f.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant");this.layoutItems(this.items,void 0!==t?t:!this._isLayoutInited),this._isLayoutInited=!0},f._init=f.layout,f._resetLayout=function(){this.getSize()},f.getSize=function(){this.size=n(this.element)},f._getMeasurement=function(t,i){var s,o=this.options[t];o?("string"==typeof o?s=this.element.querySelector(o):o instanceof HTMLElement&&(s=o),this[t]=s?n(s)[i]:o):this[t]=0},f.layoutItems=function(t,i){t=this._getItemsForLayout(t),this._layoutItems(t,i),this._postLayout()},f._getItemsForLayout=function(t){return t.filter((function(t){return!t.isIgnored}))},f._layoutItems=function(t,i){if(this._emitCompleteOnItems("layout",t),t&&t.length){var n=[];t.forEach((function(t){var s=this._getItemLayoutPosition(t);s.item=t,s.isInstant=i||t.isLayoutInstant,n.push(s)}),this),this._processLayoutQueue(n)}},f._getItemLayoutPosition=function(){return{x:0,y:0}},f._processLayoutQueue=function(t){this.updateStagger(),t.forEach((function(t,i){this._positionItem(t.item,t.x,t.y,t.isInstant,i)}),this)},f.updateStagger=function(){var t=this.options.stagger;if(null!=t)return this.stagger=function(t){if("number"==typeof t)return t;var i=t.match(/(^\d*\.?\d*)(\w*)/),n=i&&i[1],s=i&&i[2];return n.length?(n=parseFloat(n))*(l[s]||1):0}(t),this.stagger;this.stagger=0},f._positionItem=function(t,i,n,s,o){s?t.goTo(i,n):(t.stagger(o*this.stagger),t.moveTo(i,n))},f._postLayout=function(){this.resizeContainer()},f.resizeContainer=function(){if(this._getOption("resizeContainer")){var t=this._getContainerSize();t&&(this._setContainerMeasure(t.width,!0),this._setContainerMeasure(t.height,!1))}},f._getContainerSize=h,f._setContainerMeasure=function(t,i){if(void 0!==t){var n=this.size;n.isBorderBox&&(t+=i?n.paddingLeft+n.paddingRight+n.borderLeftWidth+n.borderRightWidth:n.paddingBottom+n.paddingTop+n.borderTopWidth+n.borderBottomWidth),this.element.style[i?"width":"height"]=(t=Math.max(t,0))+"px"}},f._emitCompleteOnItems=function(t,i){var n=this;function s(){n.dispatchEvent(t+"Complete",null,[i])}var o=i.length;if(i&&o){var e=0;i.forEach((function(i){i.once(t,r)}))}else s();function r(){++e==o&&s()}},f.dispatchEvent=function(t,i,n){var s=i?[i].concat(n):n;if(this.emitEvent(t,s),r)if(this.$element=this.$element||r(this.element),i){var o=r.Event(i);o.type=t,this.$element.trigger(o,n)}else this.$element.trigger(t,n)},f.ignore=function(t){var i=this.getItem(t);i&&(i.isIgnored=!0)},f.unignore=function(t){var i=this.getItem(t);i&&delete i.isIgnored},f.stamp=function(t){(t=this._find(t))&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},f.unstamp=function(t){(t=this._find(t))&&t.forEach((function(t){s.removeFrom(this.stamps,t),this.unignore(t)}),this)},f._find=function(t){if(t)return"string"==typeof t&&(t=this.element.querySelectorAll(t)),s.makeArray(t)},f._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},f._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),i=this.size;this._boundingRect={left:t.left+i.paddingLeft+i.borderLeftWidth,top:t.top+i.paddingTop+i.borderTopWidth,right:t.right-(i.paddingRight+i.borderRightWidth),bottom:t.bottom-(i.paddingBottom+i.borderBottomWidth)}},f._manageStamp=h,f._getElementOffset=function(t){var i=t.getBoundingClientRect(),s=this._boundingRect,o=n(t);return{left:i.left-s.left-o.marginLeft,top:i.top-s.top-o.marginTop,right:s.right-i.right-o.marginRight,bottom:s.bottom-i.bottom-o.marginBottom}},f.handleEvent=s.handleEvent,f.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},f.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},f.onresize=function(){this.resize()},s.debounceMethod(c,"onresize",100),f.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},f.needsResizeLayout=function(){var t=n(this.element);return this.size&&t&&t.innerWidth!==this.size.innerWidth},f.addItems=function(t){var i=this._itemize(t);return i.length&&(this.items=this.items.concat(i)),i},f.appended=function(t){var i=this.addItems(t);i.length&&(this.layoutItems(i,!0),this.reveal(i))},f.prepended=function(t){var i=this._itemize(t);if(i.length){var n=this.items.slice(0);this.items=i.concat(n),this._resetLayout(),this._manageStamps(),this.layoutItems(i,!0),this.reveal(i),this.layoutItems(n)}},f.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var i=this.updateStagger();t.forEach((function(t,n){t.stagger(n*i),t.reveal()}))}},f.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var i=this.updateStagger();t.forEach((function(t,n){t.stagger(n*i),t.hide()}))}},f.revealItemElements=function(t){var i=this.getItems(t);this.reveal(i)},f.hideItemElements=function(t){var i=this.getItems(t);this.hide(i)},f.getItem=function(t){for(var i=0;i<this.items.length;i++){var n=this.items[i];if(n.element==t)return n}},f.getItems=function(t){t=s.makeArray(t);var i=[];return t.forEach((function(t){var n=this.getItem(t);n&&i.push(n)}),this),i},f.remove=function(t){var i=this.getItems(t);this._emitCompleteOnItems("remove",i),i&&i.length&&i.forEach((function(t){t.remove(),s.removeFrom(this.items,t)}),this)},f.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach((function(t){t.destroy()})),this.unbindResize(),delete u[this.element.outlayerGUID],delete this.element.outlayerGUID,r&&r.removeData(this.element,this.constructor.namespace)},c.data=function(t){var i=(t=s.getQueryElement(t))&&t.outlayerGUID;return i&&u[i]},c.create=function(t,i){var n=d(c);return n.defaults=s.extend({},c.defaults),s.extend(n.defaults,i),n.compatOptions=s.extend({},c.compatOptions),n.namespace=t,n.data=c.data,n.Item=d(o),s.htmlInit(n,t),r&&r.bridget&&r.bridget(t,n),n};var l={ms:1,s:1e3};return c.Item=o,c}))}(a)),a.exports}
+ */function T(){return z||(z=1,function(t){!function(i,n){t.exports?t.exports=n(i,c(),p(),w(),C()):i.Outlayer=n(i,i.EvEmitter,i.getSize,i.fizzyUIUtils,i.Outlayer.Item)}(window,(function(t,i,n,s,o){var e=t.console,r=t.jQuery,h=function(){},a=0,u={};function f(t,i){var n=s.getQueryElement(t);if(n){this.element=n,r&&(this.$element=r(this.element)),this.options=s.extend({},this.constructor.defaults),this.option(i);var o=++a;this.element.outlayerGUID=o,u[o]=this,this._create(),this._getOption("initLayout")&&this.layout()}else e&&e.error("Bad element for "+this.constructor.namespace+": "+(n||t))}f.namespace="outlayer",f.Item=o,f.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var c=f.prototype;function d(t){function i(){t.apply(this,arguments)}return(i.prototype=Object.create(t.prototype)).constructor=i,i}s.extend(c,i.prototype),c.option=function(t){s.extend(this.options,t)},c._getOption=function(t){var i=this.constructor.compatOptions[t];return i&&void 0!==this.options[i]?this.options[i]:this.options[t]},f.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},c._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),s.extend(this.element.style,this.options.containerStyle),this._getOption("resize")&&this.bindResize()},c.reloadItems=function(){this.items=this._itemize(this.element.children)},c._itemize=function(t){for(var i=this._filterFindItemElements(t),n=this.constructor.Item,s=[],o=0;o<i.length;o++){var e=new n(i[o],this);s.push(e)}return s},c._filterFindItemElements=function(t){return s.filterFindElements(t,this.options.itemSelector)},c.getItemElements=function(){return this.items.map((function(t){return t.element}))},c.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant");this.layoutItems(this.items,void 0!==t?t:!this._isLayoutInited),this._isLayoutInited=!0},c._init=c.layout,c._resetLayout=function(){this.getSize()},c.getSize=function(){this.size=n(this.element)},c._getMeasurement=function(t,i){var s,o=this.options[t];o?("string"==typeof o?s=this.element.querySelector(o):o instanceof HTMLElement&&(s=o),this[t]=s?n(s)[i]:o):this[t]=0},c.layoutItems=function(t,i){t=this._getItemsForLayout(t),this._layoutItems(t,i),this._postLayout()},c._getItemsForLayout=function(t){return t.filter((function(t){return!t.isIgnored}))},c._layoutItems=function(t,i){if(this._emitCompleteOnItems("layout",t),t&&t.length){var n=[];t.forEach((function(t){var s=this._getItemLayoutPosition(t);s.item=t,s.isInstant=i||t.isLayoutInstant,n.push(s)}),this),this._processLayoutQueue(n)}},c._getItemLayoutPosition=function(){return{x:0,y:0}},c._processLayoutQueue=function(t){this.updateStagger(),t.forEach((function(t,i){this._positionItem(t.item,t.x,t.y,t.isInstant,i)}),this)},c.updateStagger=function(){var t=this.options.stagger;if(null!=t)return this.stagger=function(t){if("number"==typeof t)return t;var i=t.match(/(^\d*\.?\d*)(\w*)/),n=i&&i[1],s=i&&i[2];return n.length?(n=parseFloat(n))*(l[s]||1):0}(t),this.stagger;this.stagger=0},c._positionItem=function(t,i,n,s,o){s?t.goTo(i,n):(t.stagger(o*this.stagger),t.moveTo(i,n))},c._postLayout=function(){this.resizeContainer()},c.resizeContainer=function(){if(this._getOption("resizeContainer")){var t=this._getContainerSize();t&&(this._setContainerMeasure(t.width,!0),this._setContainerMeasure(t.height,!1))}},c._getContainerSize=h,c._setContainerMeasure=function(t,i){if(void 0!==t){var n=this.size;n.isBorderBox&&(t+=i?n.paddingLeft+n.paddingRight+n.borderLeftWidth+n.borderRightWidth:n.paddingBottom+n.paddingTop+n.borderTopWidth+n.borderBottomWidth),this.element.style[i?"width":"height"]=(t=Math.max(t,0))+"px"}},c._emitCompleteOnItems=function(t,i){var n=this;function s(){n.dispatchEvent(t+"Complete",null,[i])}var o=i.length;if(i&&o){var e=0;i.forEach((function(i){i.once(t,r)}))}else s();function r(){++e==o&&s()}},c.dispatchEvent=function(t,i,n){var s=i?[i].concat(n):n;if(this.emitEvent(t,s),r)if(this.$element=this.$element||r(this.element),i){var o=r.Event(i);o.type=t,this.$element.trigger(o,n)}else this.$element.trigger(t,n)},c.ignore=function(t){var i=this.getItem(t);i&&(i.isIgnored=!0)},c.unignore=function(t){var i=this.getItem(t);i&&delete i.isIgnored},c.stamp=function(t){(t=this._find(t))&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},c.unstamp=function(t){(t=this._find(t))&&t.forEach((function(t){s.removeFrom(this.stamps,t),this.unignore(t)}),this)},c._find=function(t){if(t)return"string"==typeof t&&(t=this.element.querySelectorAll(t)),s.makeArray(t)},c._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},c._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),i=this.size;this._boundingRect={left:t.left+i.paddingLeft+i.borderLeftWidth,top:t.top+i.paddingTop+i.borderTopWidth,right:t.right-(i.paddingRight+i.borderRightWidth),bottom:t.bottom-(i.paddingBottom+i.borderBottomWidth)}},c._manageStamp=h,c._getElementOffset=function(t){var i=t.getBoundingClientRect(),s=this._boundingRect,o=n(t);return{left:i.left-s.left-o.marginLeft,top:i.top-s.top-o.marginTop,right:s.right-i.right-o.marginRight,bottom:s.bottom-i.bottom-o.marginBottom}},c.handleEvent=s.handleEvent,c.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},c.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},c.onresize=function(){this.resize()},s.debounceMethod(f,"onresize",100),c.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},c.needsResizeLayout=function(){var t=n(this.element);return this.size&&t&&t.innerWidth!==this.size.innerWidth},c.addItems=function(t){var i=this._itemize(t);return i.length&&(this.items=this.items.concat(i)),i},c.appended=function(t){var i=this.addItems(t);i.length&&(this.layoutItems(i,!0),this.reveal(i))},c.prepended=function(t){var i=this._itemize(t);if(i.length){var n=this.items.slice(0);this.items=i.concat(n),this._resetLayout(),this._manageStamps(),this.layoutItems(i,!0),this.reveal(i),this.layoutItems(n)}},c.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var i=this.updateStagger();t.forEach((function(t,n){t.stagger(n*i),t.reveal()}))}},c.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var i=this.updateStagger();t.forEach((function(t,n){t.stagger(n*i),t.hide()}))}},c.revealItemElements=function(t){var i=this.getItems(t);this.reveal(i)},c.hideItemElements=function(t){var i=this.getItems(t);this.hide(i)},c.getItem=function(t){for(var i=0;i<this.items.length;i++){var n=this.items[i];if(n.element==t)return n}},c.getItems=function(t){t=s.makeArray(t);var i=[];return t.forEach((function(t){var n=this.getItem(t);n&&i.push(n)}),this),i},c.remove=function(t){var i=this.getItems(t);this._emitCompleteOnItems("remove",i),i&&i.length&&i.forEach((function(t){t.remove(),s.removeFrom(this.items,t)}),this)},c.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach((function(t){t.destroy()})),this.unbindResize(),delete u[this.element.outlayerGUID],delete this.element.outlayerGUID,r&&r.removeData(this.element,this.constructor.namespace)},f.data=function(t){var i=(t=s.getQueryElement(t))&&t.outlayerGUID;return i&&u[i]},f.create=function(t,i){var n=d(f);return n.defaults=s.extend({},f.defaults),s.extend(n.defaults,i),n.compatOptions=s.extend({},f.compatOptions),n.namespace=t,n.data=f.data,n.Item=d(o),s.htmlInit(n,t),r&&r.bridget&&r.bridget(t,n),n};var l={ms:1,s:1e3};return f.Item=o,f}))}(a)),a.exports}
 /*!
  * Masonry v4.2.2
  * Cascading grid layout library
  * https://masonry.desandro.com
  * MIT License
  * by David DeSandro
- */var L=(M||(M=1,function(t){!function(i,n){t.exports?t.exports=n(T(),p()):i.Masonry=n(i.Outlayer,i.getSize)}(window,(function(t,i){var n=t.create("masonry");n.compatOptions.fitWidth="isFitWidth";var s=n.prototype;return 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(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],n=t&&t.element;this.columnWidth=n&&i(n).outerWidth||this.containerWidth}var s=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,e=o/s,r=s-o%s;e=Math[r&&r<1?"round":"floor"](e),this.cols=Math.max(e,1)},s.getContainerWidth=function(){var t=this._getOption("fitWidth"),n=i(t?this.element.parentNode:this.element);this.containerWidth=n&&n.innerWidth},s._getItemLayoutPosition=function(t){t.getSize();for(var i=t.size.outerWidth%this.columnWidth,n=Math[i&&i<1?"round":"ceil"](t.size.outerWidth/this.columnWidth),s=this[this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition"](n=Math.min(n,this.cols),t),o={x:this.columnWidth*s.col,y:s.y},e=s.y+t.size.outerHeight,r=n+s.col,h=s.col;h<r;h++)this.colYs[h]=e;return o},s._getTopColPosition=function(t){var i=this._getTopColGroup(t),n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}},s._getTopColGroup=function(t){if(t<2)return this.colYs;for(var i=[],n=this.cols+1-t,s=0;s<n;s++)i[s]=this._getColGroupY(s,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;return n=t>1&&n+t>this.cols?0:n,this.horizontalColIndex=i.size.outerWidth&&i.size.outerHeight?n+t:this.horizontalColIndex,{col:n,y:this._getColGroupY(n,t)}},s._manageStamp=function(t){var n=i(t),s=this._getElementOffset(t),o=this._getOption("originLeft")?s.left:s.right,e=o+n.outerWidth,r=Math.floor(o/this.columnWidth);r=Math.max(0,r);var h=Math.floor(e/this.columnWidth);h=Math.min(this.cols-1,h-=e%this.columnWidth?0:1);for(var a=(this._getOption("originTop")?s.top:s.bottom)+n.outerHeight,u=r;u<=h;u++)this.colYs[u]=Math.max(a,this.colYs[u])},s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},s._getContainerFitWidth=function(){for(var t=0,i=this.cols;--i&&0===this.colYs[i];)t++;return(this.cols-t)*this.columnWidth-this.gutter},s.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},n}))}(h)),h.exports),D=e(L);const W=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isMasonry=!1,this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.initialized=!1}itemsChanged(t,i){t!==i&&this.isMasonry&&this.refreshMasonryLayout()}isMasonryChanged(t){t?this.initializeMasonry():this.destroyMasonry()}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img"),i=Array.from(t).map((t=>new Promise((i=>{t.complete?i():t.addEventListener("load",(()=>i()),{once:!0})}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){this.isMasonry&&(await this.waitForImages(),this.initializeMasonry())}componentDidLoad(){this.isMasonry&&this.initializeMasonry(),this.observeSlotChanges(),this.emitConfigurationChanged()}componentDidUpdate(){this.isMasonry&&this.refreshMasonryLayout()}disconnectedCallback(){this.destroyMasonry(),this.observer&&this.observer.disconnect()}async initializeMasonry(){this.isMasonry&&requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot").assignedElements({flatten:!0});if(t.length>0){const i=Array.from(t).find((t=>!t.hasAttribute("col-span-desktop")&&!t.hasAttribute("col-span-tablet")&&!t.hasAttribute("col-span-mobile")))||t[0];this.masonry=new D(this.el,{itemSelector:"spw-mosaic-item",columnWidth:i,percentPosition:!0,gutter:0}),this.initialized=!0,t.forEach((t=>{t.querySelectorAll("img").forEach((t=>{t.complete||t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:!0})}))}))}}))}updateMasonryLayout(){this.masonry&&this.initialized&&this.isMasonry&&this.masonry.layout()}destroyMasonry(){this.masonry&&(this.masonry.destroy(),this.masonry=null,this.initialized=!1)}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&this.initialized&&this.isMasonry&&this.initializeMasonry()})),this.observer.observe(t,{childList:!0})}get elementClass(){return{"spw-mosaic":!0,"spw-mosaic--no-masonry":!this.isMasonry}}render(){return n(s,{key:"97bd5d303cacc206a27345bac048dc55d27d36c5"},n("div",{key:"384183e662593940ad1f5e16563693eb70c55472",class:this.elementClass},n("slot",{key:"69038aa321d4c0305d4627cd1f758b7efba4c2e6"})))}get el(){return this}static get watchers(){return{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}'}},[257,"spw-mosaic",{items:[8],isMasonry:[4,"is-masonry"],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],initialized:[32],waitForImages:[64],initializeMasonry:[64]},void 0,{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),S=W,E=function(){"undefined"!=typeof customElements&&["spw-mosaic"].forEach((t=>{"spw-mosaic"===t&&(customElements.get(o(t))||customElements.define(o(t),W))}))};export{S as SpwMosaic,E as defineCustomElement}
+ */var L=(M||(M=1,function(t){!function(i,n){t.exports?t.exports=n(T(),p()):i.Masonry=n(i.Outlayer,i.getSize)}(window,(function(t,i){var n=t.create("masonry");n.compatOptions.fitWidth="isFitWidth";var s=n.prototype;return 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(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],n=t&&t.element;this.columnWidth=n&&i(n).outerWidth||this.containerWidth}var s=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,e=o/s,r=s-o%s;e=Math[r&&r<1?"round":"floor"](e),this.cols=Math.max(e,1)},s.getContainerWidth=function(){var t=this._getOption("fitWidth"),n=i(t?this.element.parentNode:this.element);this.containerWidth=n&&n.innerWidth},s._getItemLayoutPosition=function(t){t.getSize();for(var i=t.size.outerWidth%this.columnWidth,n=Math[i&&i<1?"round":"ceil"](t.size.outerWidth/this.columnWidth),s=this[this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition"](n=Math.min(n,this.cols),t),o={x:this.columnWidth*s.col,y:s.y},e=s.y+t.size.outerHeight,r=n+s.col,h=s.col;h<r;h++)this.colYs[h]=e;return o},s._getTopColPosition=function(t){var i=this._getTopColGroup(t),n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}},s._getTopColGroup=function(t){if(t<2)return this.colYs;for(var i=[],n=this.cols+1-t,s=0;s<n;s++)i[s]=this._getColGroupY(s,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;return n=t>1&&n+t>this.cols?0:n,this.horizontalColIndex=i.size.outerWidth&&i.size.outerHeight?n+t:this.horizontalColIndex,{col:n,y:this._getColGroupY(n,t)}},s._manageStamp=function(t){var n=i(t),s=this._getElementOffset(t),o=this._getOption("originLeft")?s.left:s.right,e=o+n.outerWidth,r=Math.floor(o/this.columnWidth);r=Math.max(0,r);var h=Math.floor(e/this.columnWidth);h=Math.min(this.cols-1,h-=e%this.columnWidth?0:1);for(var a=(this._getOption("originTop")?s.top:s.bottom)+n.outerHeight,u=r;u<=h;u++)this.colYs[u]=Math.max(a,this.colYs[u])},s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},s._getContainerFitWidth=function(){for(var t=0,i=this.cols;--i&&0===this.colYs[i];)t++;return(this.cols-t)*this.columnWidth-this.gutter},s.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},n}))}(h)),h.exports),D=e(L);const W=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isMasonry=!1,this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.initialized=!1}itemsChanged(t,i){t!==i&&this.isMasonry&&this.refreshMasonryLayout()}isMasonryChanged(t){t?this.initializeMasonry():this.destroyMasonry()}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img"),i=Array.from(t).map((t=>new Promise((i=>{t.complete?i():t.addEventListener("load",(()=>i()),{once:!0})}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){this.isMasonry&&(await this.waitForImages(),this.initializeMasonry())}componentDidLoad(){this.isMasonry&&this.initializeMasonry(),this.observeSlotChanges(),this.emitConfigurationChanged()}componentDidUpdate(){this.isMasonry&&this.refreshMasonryLayout()}disconnectedCallback(){this.destroyMasonry(),this.observer&&this.observer.disconnect()}async initializeMasonry(){this.isMasonry&&requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot").assignedElements({flatten:!0});if(t.length>0){const i=Array.from(t).find((t=>!t.hasAttribute("col-span-desktop")&&!t.hasAttribute("col-span-tablet")&&!t.hasAttribute("col-span-mobile")))||t[0];this.masonry=new D(this.el,{itemSelector:"spw-mosaic-item",columnWidth:i,percentPosition:!0,gutter:0}),this.initialized=!0,t.forEach((t=>{t.querySelectorAll("img").forEach((t=>{t.complete||t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:!0})}))}))}}))}updateMasonryLayout(){this.masonry&&this.initialized&&this.isMasonry&&this.masonry.layout()}destroyMasonry(){this.masonry&&(this.masonry.destroy(),this.masonry=null,this.initialized=!1)}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&this.initialized&&this.isMasonry&&this.initializeMasonry()})),this.observer.observe(t,{childList:!0})}get elementClass(){return{"spw-mosaic":!0,"spw-mosaic--no-masonry":!this.isMasonry}}render(){return n(s,{key:"8e2d9de2a2561019aad73b3f9f7c1818e29506d6"},n("div",{key:"1fc8f26f12b396ded27c4c50f4c68aad6b048b87",class:this.elementClass},n("slot",{key:"6e5049edb10b6b8241737dfabca1eff998d78d23"})))}get el(){return this}static get watchers(){return{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}"}},[257,"spw-mosaic",{items:[8],isMasonry:[4,"is-masonry"],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],initialized:[32],waitForImages:[64],initializeMasonry:[64]},void 0,{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),E=W,F=function(){"undefined"!=typeof customElements&&["spw-mosaic"].forEach((t=>{"spw-mosaic"===t&&(customElements.get(o(t))||customElements.define(o(t),W))}))};export{E as SpwMosaic,F as defineCustomElement}