@spw-ds/spw-stencil-library 1.12.1 → 1.12.2

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-rvgnHRf7.js";import{d as a}from"./p-CLCgZYzK.js";import{d as h}from"./p-oVOlDrOp.js";import{d as l}from"./p-BwzaPX9J.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:"7a36104b7eb8710f3b4c91a23095243419395f7e"},e("div",{key:"cde5f025875686d9dd9f21233e9ec3689044e107",class:this.elementClass},this.label&&e("spw-field-label",{key:"f2c364423583ffbd6db1f1eb177dae10acf438d3",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:"370bddcb8f2b0e736c9645ff4e2cb0636138b3a8",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"6e8757b476f0079790fd8f7c99016b2a375e8332",class:"spw-input-slider__container"},e("div",{key:"e8114459db50be50838cc80e64e4411b8b3dec77",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:"ee909a0256ce4e4ac2be2a19807d0a7d16c603b7",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}
+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-Btr81Ed_.js";import{d as a}from"./p-DaQA1Uox.js";import{d as h}from"./p-BFQBddHX.js";import{d as l}from"./p-C1tFbihv.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:"7a36104b7eb8710f3b4c91a23095243419395f7e"},e("div",{key:"cde5f025875686d9dd9f21233e9ec3689044e107",class:this.elementClass},this.label&&e("spw-field-label",{key:"f2c364423583ffbd6db1f1eb177dae10acf438d3",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:"370bddcb8f2b0e736c9645ff4e2cb0636138b3a8",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"6e8757b476f0079790fd8f7c99016b2a375e8332",class:"spw-input-slider__container"},e("div",{key:"e8114459db50be50838cc80e64e4411b8b3dec77",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:"ee909a0256ce4e4ac2be2a19807d0a7d16c603b7",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}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-lightbox-item.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as o,a as s,t as n}from"./index.js";import{d as a}from"./p-oVOlDrOp.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxItemClick=i(this,"spwLightboxItemClick",7),this.alt="",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.textOpenImage="Ouvrir l'image",this.isHover=!0,this.hoverIcon="fa-magnifying-glass"}getIndex(){const t=this.hostElement.closest("spw-lightbox");return t?Array.from(t.querySelectorAll("spw-lightbox-item")).indexOf(this.hostElement):0}handleClick(){this.spwLightboxItemClick.emit({src:this.src,alt:this.alt,captionTitle:this.captionTitle||"",captionText:this.captionText||"",index:this.getIndex()})}handleKeydown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())}render(){return o(s,{key:"dc45c1e02653695896c8ebdac2fe8c2e0a888e02"},o("div",{key:"6cbcd7c5b17163a050bb2f495c429c7af95a371d",class:{"spw-lightbox-item__wrapper":!0,"spw-lightbox-item__wrapper--hoverable":this.isHover},role:"button",tabindex:"0","aria-label":this.alt||this.textOpenImage,onClick:()=>this.handleClick(),onKeyDown:t=>this.handleKeydown(t)},o("slot",{key:"7ecf2a81e8329666bb21764355ab1463f820cdb2"},o("img",{key:"2ab9afaf76abfc07805ee6fddb3d4066a9f64ccb",class:"spw-lightbox-item__img",src:this.src,alt:this.alt,loading:"lazy"})),this.isHover&&o("div",{key:"6c85ace330508fe695599ddbb41f1b70edb09904",class:"spw-lightbox-item__hover-overlay"},o("spw-icon",{key:"ddcc1b6e034c4fe99a9b90deb1b28c1aa56758bd",icon:this.hoverIcon}))))}get hostElement(){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;cursor:pointer;border-radius:4px;outline:none;height:100%}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-lightbox-item__hover-overlay{position:absolute;z-index:2;display:flex;visibility:hidden;top:0;left:0;width:100%;height:100%;color:white;justify-content:center;align-items:center;opacity:0;transition:all 0.3s ease}.spw-lightbox-item__hover-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-lightbox-item__hover-overlay spw-icon{position:relative;z-index:1;font-size:30px;font-weight:300;transform:scale(1.5);transition:all 0.3s ease}:host(:hover) .spw-lightbox-item__hover-overlay{visibility:visible;opacity:1}:host(:hover) .spw-lightbox-item__hover-overlay spw-icon{transform:scale(1)}'}},[257,"spw-lightbox-item",{src:[1],alt:[1],captionTitle:[1,"caption-title"],captionText:[1,"caption-text"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],textOpenImage:[1,"text-open-image"],isHover:[4,"is-hover"],hoverIcon:[1,"hover-icon"]}]),p=r,l=function(){"undefined"!=typeof customElements&&["spw-lightbox-item","spw-icon"].forEach((t=>{switch(t){case"spw-lightbox-item":customElements.get(n(t))||customElements.define(n(t),r);break;case"spw-icon":customElements.get(n(t))||a()}}))};export{p as SpwLightboxItem,l as defineCustomElement}
+import{p as t,H as e,c as i,h as o,a as s,t as n}from"./index.js";import{d as a}from"./p-BFQBddHX.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxItemClick=i(this,"spwLightboxItemClick",7),this.alt="",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.textOpenImage="Ouvrir l'image",this.isHover=!0,this.hoverIcon="fa-magnifying-glass"}getIndex(){const t=this.hostElement.closest("spw-lightbox");return t?Array.from(t.querySelectorAll("spw-lightbox-item")).indexOf(this.hostElement):0}handleClick(){this.spwLightboxItemClick.emit({src:this.src,alt:this.alt,captionTitle:this.captionTitle||"",captionText:this.captionText||"",index:this.getIndex()})}handleKeydown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick())}render(){return o(s,{key:"dc45c1e02653695896c8ebdac2fe8c2e0a888e02"},o("div",{key:"6cbcd7c5b17163a050bb2f495c429c7af95a371d",class:{"spw-lightbox-item__wrapper":!0,"spw-lightbox-item__wrapper--hoverable":this.isHover},role:"button",tabindex:"0","aria-label":this.alt||this.textOpenImage,onClick:()=>this.handleClick(),onKeyDown:t=>this.handleKeydown(t)},o("slot",{key:"7ecf2a81e8329666bb21764355ab1463f820cdb2"},o("img",{key:"2ab9afaf76abfc07805ee6fddb3d4066a9f64ccb",class:"spw-lightbox-item__img",src:this.src,alt:this.alt,loading:"lazy"})),this.isHover&&o("div",{key:"6c85ace330508fe695599ddbb41f1b70edb09904",class:"spw-lightbox-item__hover-overlay"},o("spw-icon",{key:"ddcc1b6e034c4fe99a9b90deb1b28c1aa56758bd",icon:this.hoverIcon}))))}get hostElement(){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}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;cursor:pointer;border-radius:4px;outline:none;height:100%}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-lightbox-item__hover-overlay{position:absolute;z-index:2;display:flex;visibility:hidden;top:0;left:0;width:100%;height:100%;color:white;justify-content:center;align-items:center;opacity:0;transition:all 0.3s ease}.spw-lightbox-item__hover-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-lightbox-item__hover-overlay spw-icon{position:relative;z-index:1;font-size:30px;font-weight:300;transform:scale(1.5);transition:all 0.3s ease}:host(:hover) .spw-lightbox-item__hover-overlay{visibility:visible;opacity:1}:host(:hover) .spw-lightbox-item__hover-overlay spw-icon{transform:scale(1)}'}},[257,"spw-lightbox-item",{src:[1],alt:[1],captionTitle:[1,"caption-title"],captionText:[1,"caption-text"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],textOpenImage:[1,"text-open-image"],isHover:[4,"is-hover"],hoverIcon:[1,"hover-icon"]}]),p=r,h=function(){"undefined"!=typeof customElements&&["spw-lightbox-item","spw-icon"].forEach((t=>{switch(t){case"spw-lightbox-item":customElements.get(n(t))||customElements.define(n(t),r);break;case"spw-icon":customElements.get(n(t))||a()}}))};export{p as SpwLightboxItem,h as defineCustomElement}

package/dist/components/spw-lightbox.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{a,K as l}from"./p-BRFNx2DL.js";import{d as r}from"./p-CnGo7W4h.js";import{d as h}from"./p-oVOlDrOp.js";import{d as p}from"./p-1uE1Qo3N.js";import{d}from"./p-CCD1i9Et.js";import{d as c}from"./p-CT9zdtB2.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxOpen=e(this,"spwLightboxOpen",7),this.spwLightboxClose=e(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=a(this.lightboxContainer,l.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=a(this.lightboxContainer,l.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const s=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!s||0===s.length)return;const o=s[0],n=s[s.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===o&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==o||o.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:e,activeIndex:n}=this;return s(o,{key:"ee447572afd92dc3beee892587411363c67a015c"},s("div",{key:"ccf4a50fa2bbd887270d8434375094cdf440e444",inert:t||void 0},s("slot",{key:"b0bc791a2858a8b3084eea4a5de6bcc5d70b0088"})),s("div",{key:"02c0072b5d69f3845df0c4c5435a21208a272173",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},s("div",{key:"a6019c00071de36cda5dd91ef9ed0999e7beabb0",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),s("div",{key:"4c5b6a5e58bd5f1e20d4d020815db634ff44533e",class:"spw-lightbox__container"},s("div",{key:"7c7e03e28b42d01faa3fe364460a18898339832b",class:"spw-lightbox__toolbar"},s("span",{key:"4b3e30679ab8a5ffb282ed30785dfde9dae57f9f",class:"spw-lightbox__counter","aria-live":"polite"},e.length>0?`${n+1} / ${e.length}`:""),s("div",{key:"d4e8482fd4d6e181af18981335d71a55f6f7371a",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},s("spw-link",{key:"6d07565b18f2189b7f162008454407d9c12acef8","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"f11729fe3e7fa2f2cab7938f05902dff3a73bd58",class:"spw-lightbox__stage"},e.length>1&&s("spw-button",{key:"1d6f68a9bb75f58a976874d7c06a81058069f73d",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),s("div",{key:"d41fbf33640ec6fcbb16a629b7c1a2a7268843e8",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&s("div",{key:"bf25df76addc9a19f69458436194e2be54ae6638",class:"spw-lightbox__image-frame"},s("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&s("div",{key:"67d96cd4d182be4f97a5a34629b721a1609d5d84",class:"spw-lightbox__caption","aria-live":"polite"},s("div",{key:"ac51aaa77dab568e4ccaf2444f7dbbb04e3b0124",class:"spw-lightbox__caption-content"},i.captionTitle&&s("strong",{key:"cce500670cbeafc61cbe41990e6025cd41de6270",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&s("span",{key:"811eadf98587038616aa3a2b5406517408b2ae76",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&s("spw-tag",{key:"0d4b7180d415009222b43489716011e1df6681fa",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),e.length>1&&s("spw-button",{key:"50cad0aa9deb9a3a14c6f1574e355016f91e9cb9",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&e.length>1&&s("div",{key:"0b292a4dcacd414d3b19d9232f40c35bca925898",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},e.map(((t,i)=>s("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":(i===n)+"","aria-label":t.alt||this.textThumbnailItem.replace("{index}",i+1+"")},s("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return this}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange: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}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}"}},[257,"spw-lightbox",{gallery:[513],closeButtonText:[1,"close-button-text"],closeOnBackdropClick:[4,"close-on-backdrop-click"],showThumbnails:[4,"show-thumbnails"],textDialogLabel:[1,"text-dialog-label"],textPrevious:[1,"text-previous"],textNext:[1,"text-next"],textThumbnailsLabel:[1,"text-thumbnails-label"],textThumbnailItem:[1,"text-thumbnail-item"],opened:[32],activeIndex:[32],items:[32],open:[64],close:[64]},[[0,"keydown","handleFocusTrap"]],{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}]),x=b,g=function(){"undefined"!=typeof customElements&&["spw-lightbox","spw-button","spw-icon","spw-link","spw-loading","spw-tag"].forEach((t=>{switch(t){case"spw-lightbox":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-button":customElements.get(n(t))||r();break;case"spw-icon":customElements.get(n(t))||h();break;case"spw-link":customElements.get(n(t))||p();break;case"spw-loading":customElements.get(n(t))||d();break;case"spw-tag":customElements.get(n(t))||c()}}))};export{x as SpwLightbox,g as defineCustomElement}
+import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{a,K as l}from"./p-BRFNx2DL.js";import{d as r}from"./p-4fzd5oDU.js";import{d as h}from"./p-BFQBddHX.js";import{d as p}from"./p-Bgg_Iv0O.js";import{d}from"./p-CkwH0osH.js";import{d as c}from"./p-DHKTbYO_.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxOpen=e(this,"spwLightboxOpen",7),this.spwLightboxClose=e(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=a(this.lightboxContainer,l.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=a(this.lightboxContainer,l.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const s=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!s||0===s.length)return;const o=s[0],n=s[s.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===o&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==o||o.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:e,activeIndex:n}=this;return s(o,{key:"ee447572afd92dc3beee892587411363c67a015c"},s("div",{key:"ccf4a50fa2bbd887270d8434375094cdf440e444",inert:t||void 0},s("slot",{key:"b0bc791a2858a8b3084eea4a5de6bcc5d70b0088"})),s("div",{key:"02c0072b5d69f3845df0c4c5435a21208a272173",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},s("div",{key:"a6019c00071de36cda5dd91ef9ed0999e7beabb0",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),s("div",{key:"4c5b6a5e58bd5f1e20d4d020815db634ff44533e",class:"spw-lightbox__container"},s("div",{key:"7c7e03e28b42d01faa3fe364460a18898339832b",class:"spw-lightbox__toolbar"},s("span",{key:"4b3e30679ab8a5ffb282ed30785dfde9dae57f9f",class:"spw-lightbox__counter","aria-live":"polite"},e.length>0?`${n+1} / ${e.length}`:""),s("div",{key:"d4e8482fd4d6e181af18981335d71a55f6f7371a",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},s("spw-link",{key:"6d07565b18f2189b7f162008454407d9c12acef8","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"f11729fe3e7fa2f2cab7938f05902dff3a73bd58",class:"spw-lightbox__stage"},e.length>1&&s("spw-button",{key:"1d6f68a9bb75f58a976874d7c06a81058069f73d",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),s("div",{key:"d41fbf33640ec6fcbb16a629b7c1a2a7268843e8",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&s("div",{key:"bf25df76addc9a19f69458436194e2be54ae6638",class:"spw-lightbox__image-frame"},s("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&s("div",{key:"67d96cd4d182be4f97a5a34629b721a1609d5d84",class:"spw-lightbox__caption","aria-live":"polite"},s("div",{key:"ac51aaa77dab568e4ccaf2444f7dbbb04e3b0124",class:"spw-lightbox__caption-content"},i.captionTitle&&s("strong",{key:"cce500670cbeafc61cbe41990e6025cd41de6270",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&s("span",{key:"811eadf98587038616aa3a2b5406517408b2ae76",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&s("spw-tag",{key:"0d4b7180d415009222b43489716011e1df6681fa",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),e.length>1&&s("spw-button",{key:"50cad0aa9deb9a3a14c6f1574e355016f91e9cb9",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&e.length>1&&s("div",{key:"0b292a4dcacd414d3b19d9232f40c35bca925898",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},e.map(((t,i)=>s("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":(i===n)+"","aria-label":t.alt||this.textThumbnailItem.replace("{index}",i+1+"")},s("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return this}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange: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}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}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}"}},[257,"spw-lightbox",{gallery:[513],closeButtonText:[1,"close-button-text"],closeOnBackdropClick:[4,"close-on-backdrop-click"],showThumbnails:[4,"show-thumbnails"],textDialogLabel:[1,"text-dialog-label"],textPrevious:[1,"text-previous"],textNext:[1,"text-next"],textThumbnailsLabel:[1,"text-thumbnails-label"],textThumbnailItem:[1,"text-thumbnail-item"],opened:[32],activeIndex:[32],items:[32],open:[64],close:[64]},[[0,"keydown","handleFocusTrap"]],{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}]),x=b,g=function(){"undefined"!=typeof customElements&&["spw-lightbox","spw-button","spw-icon","spw-link","spw-loading","spw-tag"].forEach((t=>{switch(t){case"spw-lightbox":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-button":customElements.get(n(t))||r();break;case"spw-icon":customElements.get(n(t))||h();break;case"spw-link":customElements.get(n(t))||p();break;case"spw-loading":customElements.get(n(t))||d();break;case"spw-tag":customElements.get(n(t))||c()}}))};export{x as SpwLightbox,g as defineCustomElement}

package/dist/components/spw-link.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-1uE1Qo3N.js";const p=o,r=s;export{p as SpwLink,r as defineCustomElement}
+import{S as o,d as s}from"./p-Bgg_Iv0O.js";const p=o,r=s;export{p as SpwLink,r 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:"101c80aa7b086b8f0dee1c0aadd849db456aa177"},i("div",{key:"4b98003463fe9b306c9c1a9ade2c67bf04af77cb",class:this.elementClass},i("slot",{key:"9ec292941a4bbbc04b6d98049d54c8b446c3a6d7"})))}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.25}.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"]}]),a=o,p=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwListDescription,p 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:"101c80aa7b086b8f0dee1c0aadd849db456aa177"},i("div",{key:"4b98003463fe9b306c9c1a9ade2c67bf04af77cb",class:this.elementClass},i("slot",{key:"9ec292941a4bbbc04b6d98049d54c8b446c3a6d7"})))}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}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.25}.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"]}]),a=o,p=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwListDescription,p 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-oVOlDrOp.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.icon||!!this.categoryIcon&&""!==this.categoryIcon&&!!this.category,["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:"8ae31d9e59c340ac2fe10762ec3848ef5b0a7337"},i("li",{key:"585b0215af4bb77f8d83e4b2a60ea34601f7e703",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"4413d8588741e2d54720f1c8fa857edf91cadfc9",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"ce218209d4b72e52ae85607072915e6a20af9a07",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"1405d597b8ae05bd3b94dec5958789d75f8d153f"},n),i("slot",{key:"bc815a5e2584078b58f90e6abaccff752e773283"})),i("slot",{key:"9191c98501b6722fda25bcaa661685c9b1470805",name:"buttons"})))}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}.spw-list-item ::slotted([slot=buttons]){display:block;margin-top:12px}"}},[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-BFQBddHX.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.icon||!!this.categoryIcon&&""!==this.categoryIcon&&!!this.category,["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:"8ae31d9e59c340ac2fe10762ec3848ef5b0a7337"},i("li",{key:"585b0215af4bb77f8d83e4b2a60ea34601f7e703",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"4413d8588741e2d54720f1c8fa857edf91cadfc9",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"ce218209d4b72e52ae85607072915e6a20af9a07",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"1405d597b8ae05bd3b94dec5958789d75f8d153f"},n),i("slot",{key:"bc815a5e2584078b58f90e6abaccff752e773283"})),i("slot",{key:"9191c98501b6722fda25bcaa661685c9b1470805",name:"buttons"})))}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}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}.spw-list-item ::slotted([slot=buttons]){display:block;margin-top:12px}"}},[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 e,h as i,a as s,t as n}from"./index.js";import{d as p}from"./p-oVOlDrOp.js";const o=t(class extends e{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 i(s,{key:"1f1af936a69521d92f0d65dc9585340721d89ba1"},i("div",{key:"ddc3ed8f9b8346cbfd1f7d1c2f8e5794590e84ce",class:this.elementClass},this.icon&&i("spw-icon",{key:"203cf3160fd9a222b55bcbe04ae7e0ad0f343446",icon:this.icon}),i("div",{key:"223427831029c53f953e2bda9dcc7e1df567e1a2",class:"spw-list-title__content"},i("div",{key:"f1ab8c5f4d5606ab9ea27a82cf6bfd1333f025f6",class:"spw-list-title__content-text"},i("slot",{key:"76122767445e2b898ca1fa5856e0dd4e9b235b5b"})))))}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);text-decoration:underline;text-underline-offset:2px}.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{text-decoration-thickness: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;display:inline-flex;line-height:1.35}.spw-list-title spw-icon{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;text-decoration:none;text-underline-offset:2px}:host(.--hovered) .spw-list-title__content-text{text-decoration:underline}:host(.--active) .spw-list-title__content-text{text-decoration:underline}: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=o,a=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(n(t))||customElements.define(n(t),o);break;case"spw-icon":customElements.get(n(t))||p()}}))};export{l as SpwListTitle,a as defineCustomElement}
+import{p as t,H as e,h as i,a as s,t as n}from"./index.js";import{d as p}from"./p-BFQBddHX.js";const o=t(class extends e{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 i(s,{key:"1f1af936a69521d92f0d65dc9585340721d89ba1"},i("div",{key:"ddc3ed8f9b8346cbfd1f7d1c2f8e5794590e84ce",class:this.elementClass},this.icon&&i("spw-icon",{key:"203cf3160fd9a222b55bcbe04ae7e0ad0f343446",icon:this.icon}),i("div",{key:"223427831029c53f953e2bda9dcc7e1df567e1a2",class:"spw-list-title__content"},i("div",{key:"f1ab8c5f4d5606ab9ea27a82cf6bfd1333f025f6",class:"spw-list-title__content-text"},i("slot",{key:"76122767445e2b898ca1fa5856e0dd4e9b235b5b"})))))}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}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);text-decoration:underline;text-underline-offset:2px}.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{text-decoration-thickness: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;display:inline-flex;line-height:1.35}.spw-list-title spw-icon{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;text-decoration:none;text-underline-offset:2px}:host(.--hovered) .spw-list-title__content-text{text-decoration:underline}:host(.--active) .spw-list-title__content-text{text-decoration:underline}: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=o,a=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(n(t))||customElements.define(n(t),o);break;case"spw-icon":customElements.get(n(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:"9c3a33f1bbab08a777776ec8d8c88538388ccaad"},i("ul",{key:"04380e6457464226e26450baf33d94108a4b7262",role:"list",class:this.elementClass},i("slot",{key:"57fa3550dafc10cc08631f6987da6e79a2c48bf8"})))}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}
+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:"9c3a33f1bbab08a777776ec8d8c88538388ccaad"},i("ul",{key:"04380e6457464226e26450baf33d94108a4b7262",role:"list",class:this.elementClass},i("slot",{key:"57fa3550dafc10cc08631f6987da6e79a2c48bf8"})))}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}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-CCD1i9Et.js";const t=o,p=s;export{t as SpwLoading,p as defineCustomElement}
+import{S as o,d as s}from"./p-CkwH0osH.js";const p=o,r=s;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-oVOlDrOp.js";import{d as n}from"./p-1uE1Qo3N.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}
+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-BFQBddHX.js";import{d as n}from"./p-Bgg_Iv0O.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}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 a}from"./index.js";import{a as n,K as r}from"./p-BRFNx2DL.js";import{d}from"./p-oVOlDrOp.js";import{d as l}from"./p-1uE1Qo3N.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,this.modalContent&&(this.modalContent.scrollTop=0),this.isCloseButtonSticky=!1;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:"ad4da94b0c88b7f0f6696b4dabe69edd5cad8324"},s("div",{key:"bbb06f18f7b61abd7b3456a0cabb8819a6788e69",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"9d99542f36a4f4da0fb3def5992e4f3db1bcb314",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"4ef99eaac2d5ca1a24d26bcfaa91c10164715aba",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"069a31ed26da5e9e53795e330f874aac2411e79b",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"ae60d51dd66b5a2f80b69060d2ca86df275f03aa",class:"spw-modal__header"},s("div",{key:"8bc6e525c6179644f136760e837d703fc579b42e",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"674da4fc7dfe2c4943c72f700a7b65506fe6496e",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"5c5a81054132586df0cccc04ac67c84e51258dff",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"7a1099c0b9cc318ac423622716e4275a89105046",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:"e3ce8fed5efe92a3205dc68ef1fa8b88a05a5541","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"79542b0ebe61a22c16abbdd891faa2853f7335f0",class:"spw-modal__body"},s("slot",{key:"db07f656f28c8192c37e90b6fae01c57e1391f31",name:"content"})),s("div",{key:"c1ec73c786bb6b29270fe71ffc1cd3b60672f9a2",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"512f358a6fc49ff98ac3d5f09aff4c4bf47b2098",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"00ee5ef1f094468bbd5d03e1cf7dd5d6933050ab","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}
+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-BRFNx2DL.js";import{d}from"./p-BFQBddHX.js";import{d as l}from"./p-Bgg_Iv0O.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,this.isCloseButtonSticky=!1,requestAnimationFrame((()=>{this.modalContent&&(this.modalContent.scrollTop=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:"e9964d51a4deb6081cae4bc9bb2c2c41fe117ab0"},s("div",{key:"2576a041c3438e005e60e148d5a4b904f98a7be8",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"5b8cdc775a4e643ee593f647fff05849b856f843",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"ca544e0616feae85be101fc39bf072c070b49bc4",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"4e74d8f1076e3e71d07d87f097a8b4f51e3b1655",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"1b0d571f66125c2cd00047c0fbe4588fa2d991d7",class:"spw-modal__header"},s("div",{key:"08ba868eadb3f3a4388c43bbd0fa40774a23b858",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"20abb395a0259fa23136c5ea483734470acd91d7",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"c8d73a91648d5bcbbf6d46aac53f8aed342e8d5a",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"ddfa4b1b52f358ed50cc77bac005aeb71a73461d",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:"599adf4c18d033dce4d31455b6592dacb5371db2","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"1db3b289deca7decfeac914f700c164d1f6e0910",class:"spw-modal__body"},s("slot",{key:"bbb82dddeb6120d9628b685e03a49b0ddfd579cc",name:"content"})),s("div",{key:"1c80c26e8183edc0a6af197e12dc75a576fff2d7",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"a47fe5c5fac028ca62f6c9363f5a46d33650b7e8",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"9e3c0671714c9ae5d6d82ee8b3951b7d897ad5b4","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}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:"516ab31b89a285bd3c669f447fc1580d9c05de17"},e("slot",{key:"616e7c092ab6598027f1a692dec7063f6efa559b"}))}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}
+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:"516ab31b89a285bd3c669f447fc1580d9c05de17"},e("slot",{key:"616e7c092ab6598027f1a692dec7063f6efa559b"}))}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}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}