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

package/dist/spw-stencil-library/{p-10269c11.entry.js → p-e2f03a02.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as i,g as n}from"./p-BYM_CUUH.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const d=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const r=Array.from(t.children||[]);for(const t of r){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...d(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function r(t){if(t.getAttribute("tabindex")==="-1"||a(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function l(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const c={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},c),{opacity:0}),Object.assign(Object.assign({offset:1},c),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},c),{opacity:1}),Object.assign(Object.assign({offset:1},c),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.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{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons ::slotted([slot=buttons]){padding:12px 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen");this.spwModalClose=e(this,"spwModalClose");this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),r);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});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]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=l(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){try{const t=l(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"ef3f979574368eb716f783a10b0df51de505844d"},o("div",{key:"d3de3986ed767588fbbc33771f5a2ec96950c814",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"e838b0d47874973d88bd325cadafcbccecd62e71",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"959a56f373b62d3905ca072f842270d50f7974e9","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"5a4e4d7e92007969e2bdfbccb8a30901448edaa4",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"ff3c6bd78a3aa647a5fc10b007219bfa0a406fbc",class:"spw-modal__content"},o("div",{key:"78448d8952820d8d1b32c8633642daca6e6eaa61",class:"spw-modal__header"},o("h2",{key:"64cd4b7a37899ff59b94cdfaeb24841c185ff68d",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"6ccf7739a69cc24dd7d05ee73851bdc9391e63d0",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"588bb35bb2dc1cdff8d85911851fa3acbd2e36c4",class:"spw-modal__body"},o("slot",{key:"b9e689f2f08aa6456eaeb4481ac09bf7841ded24",name:"content"})),o("div",{key:"7d66d94b7de6b109d9897d44329c897822f70179",class:"spw-modal__buttons"},o("slot",{key:"052f64558204a71b45cf367026c5213939645ba4",name:"buttons"})))),o("div",{key:"65632a2bcb8d66ab99f45a20e159caaf44a3cec7","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
-//# sourceMappingURL=p-10269c11.entry.js.map
+import{r as t,c as e,h as o,H as i,g as n}from"./p-BYM_CUUH.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const d=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const r=Array.from(t.children||[]);for(const t of r){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...d(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function d(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function r(t){if(t.getAttribute("tabindex")==="-1"||a(t)||d(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function c(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.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{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:0 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen");this.spwModalClose=e(this,"spwModalClose");this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),r);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});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]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=c(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{const t=c(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}stopAllVideos(){const t=this.hostElement.querySelectorAll("iframe");t.forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"48c698e01ba5d0545c04246eaddbde29a9cae6b9"},o("div",{key:"a82e49fb97ee9d19dd1fc4fcde824e408cbdef09",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"35eb6c15f52d877cf0089904238651f39d66c964",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"cff9c1866bfba1349853f075868ae1cddb8f4a03","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"44c011464dbea7f7e41c33d36c703689f0953dff",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"2b8c969ed7a5d0ff31b1993ba3cf6582dcfd3a4a",class:"spw-modal__content"},o("div",{key:"9a8857bfae65ab5faa7df24591090a073e7b8a7f",class:"spw-modal__header"},o("h2",{key:"adb8a929be3706f248767beac148efd1c5ab02ba",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"0a295da24d9deec49c7cb6dca7c9b02478aaedf8",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"81a2f2838737c49291eea6c571db70d2c5858141",class:"spw-modal__body"},o("slot",{key:"2641d4d98bb5e4b3a2bd0b4fcff1587a7e071337",name:"content"})),o("div",{key:"640ae662d1b7e4a9d3fac0abe71a6e548d80a298",class:"spw-modal__buttons"},o("slot",{key:"1cc48d97165b66e05dc2cce809ac9b66f9893a64",name:"buttons"})))),o("div",{key:"c6bf055784ae5808d82b0fea5fac6e34ca9d9eca","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
+//# sourceMappingURL=p-e2f03a02.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","spwModalCss","SpwModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","stickyButtons","size","alertIcon","slotButtonsPresent","showCloseButton","focusableElements","handleClick","event","path","composedPath","trigger","find","el","_a","HTMLElement","call","modalId","hostElement","id","handleClose","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","key","doBeforeClose","closeModal","openModal","componentDidLoad","window","capture","disconnectedCallback","removeEventListener","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_b","blur","spwModalOpen","emit","err","close","stopAllVideos","spwModalClose","iframes","querySelectorAll","forEach","iframe","src","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","elementClass","render","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name"],"sources":["src/utils/focus-trap.ts","src/utils/animation.ts","src/components/spw-modal/spw-modal.scss?tag=spw-modal&encapsulation=shadow","src/components/spw-modal/spw-modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0,\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}\n","export function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};\n",":host {\n  display: contents;\n}\n\n.spw-modal {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n\n  &--opened {\n    display: flex;\n  }\n}\n\n.spw-modal__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: black;\n  opacity: 0.7;\n  z-index: 0;\n}\n\n.spw-modal__content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  background-color: #fff;\n  box-shadow: var(--spw-effect-elevation-6);\n  overflow: hidden;\n  box-sizing: border-box;\n  align-items: stretch;\n  border-radius: var(--spw-spacings-border-radius-lg);\n\n  &--small {\n    max-width: 480px;\n  }\n\n  &--medium {\n    max-width: 600px;\n  }\n\n  &--large {\n    max-width: 768px;\n  }\n\n  &--fluid {\n    max-width: 100%;\n  }\n}\n\n.spw-modal__content {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: visible;\n  }\n}\n\n.spw-modal__icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: #fff;\n  align-self: stretch;\n}\n\n.spw-modal__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  padding-bottom: 0;\n  margin-top: 6px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__caption {\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.spw-modal__header h2 {\n  margin: 0;\n  font-size: 18px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.spw-modal__close-button {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  cursor: pointer;\n  font-size: 21px;\n  &:hover {\n    opacity: 0.7;\n  }\n}\n\n.spw-modal__body {\n  padding: 0 24px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  flex: 1;\n  font-size: 16px;\n  color: var(--spw-colors-support-grey-grey-700);\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: auto;\n  }\n}\n\n.spw-modal__buttons {\n  padding-top: 12px;\n  ::slotted([slot='buttons']) {\n    padding: 24px;\n    padding-top: 0;\n  }\n}\n\n.spw-modal__footer--buttons-present ::slotted(*) {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 24px;\n  padding-top: 8px;\n\n  .spw-modal__content-container--small & {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .spw-modal__content-container--medium & {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n.spw-modal__border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n}\n","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch, Method } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '@utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '@utils/animation';\n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP' | 'PROGRAMMATIC';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n\n@Component({\n  tag: 'spw-modal',\n  styleUrl: 'spw-modal.scss',\n  shadow: true,\n})\nexport class SpwModal {\n  /** Indique si la modal est ouverte ou fermée, mutable et reflétée dans le DOM */\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n\n  @State() showModal: boolean = this.opened || false;\n\n  /** Titre de la modal */\n  @Prop() caption: string = 'Titre de la modal';\n  /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */\n  @Prop() closeOnOverlayClick: boolean = true;\n  /** Rend les boutons en bas de la modal \"collants\" (toujours visibles) si vrai */\n  @Prop() stickyButtons: boolean = false;\n  /** Événement déclenché lors de l'ouverture de la modal */\n  @Event() spwModalOpen: EventEmitter;\n  /** Événement déclenché lors de la fermeture de la modal */\n  @Event() spwModalClose: EventEmitter;\n  /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */\n  @Prop() size: 'small' | 'medium' | 'large' | 'fluid' = 'small';\n  /** Icône d'alerte à afficher dans la modal */\n  @Prop() alertIcon: string = '';\n\n  @Element() hostElement: HTMLSpwModalElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  /** Indique si le bouton de fermeture est visible */\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLSpwIconElement;\n\n  /**\n   * Méthode publique pour fermer la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est fermée\n   */\n  @Method()\n  async closeModal(): Promise<void> {\n    this.doBeforeClose('PROGRAMMATIC');\n  }\n\n  /**\n   * Méthode publique pour ouvrir la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est ouverte\n   */\n  @Method()\n  async openModal(): Promise<void> {\n    this.opened = true;\n  }\n\n  componentDidLoad() {\n    this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);\n    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-trigger');\n      if (modalId === this.hostElement.id) {\n        this.opened = true;\n      }\n    }\n  };\n\n  private handleClose = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-close');\n      if (modalId === this.hostElement.id) {\n        this.opened = false;\n      }\n    }\n  };\n\n  private getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  private getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  private handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  private handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  private attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => {\n        this.closeButton.focus();\n      });\n      return;\n    }\n\n    setTimeout(() => {\n      element.focus();\n    }, 0);\n  }\n\n  private open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.spwModalOpen.emit();\n      });\n    } catch (err) {\n      this.spwModalOpen.emit();\n    }\n  }\n\n  private close() {\n    this.stopAllVideos();\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.spwModalClose.emit();\n      });\n    } catch (err) {\n      this.showModal = false;\n      this.spwModalClose.emit();\n    }\n  }\n\n  private stopAllVideos() {\n    const iframes = this.hostElement.querySelectorAll('iframe');\n    iframes.forEach(iframe => {\n      iframe.src = iframe.src;\n    });\n  }\n\n  private handleKeypress = (event: KeyboardEvent) => {\n    if (this.showModal && event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  private doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some(event => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue: boolean) {\n    newValue === true ? this.open() : this.close();\n  }\n\n  private handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP');\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-modal': true,\n      'spw-modal--opened': this.showModal,\n      'spw-modal--sticky-buttons': this.stickyButtons,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.modalContainer = el)} class={this.elementClass}>\n          <div class=\"spw-modal__overlay\" onClick={() => this.handleOverlayClick()}></div>\n          <div data-focus-trap-edge onFocus={this.handleTopFocus} tabindex=\"0\"></div>\n          <div class={`spw-modal__content-container spw-modal__content-container--${this.size}`} role=\"dialog\" aria-modal=\"true\" aria-label={this.caption}>\n            <div class=\"spw-modal__content\">\n              <div class=\"spw-modal__header\">\n                <h2 class=\"spw-modal__caption\">{this.caption}</h2>\n                {this.showCloseButton && (\n                  <spw-icon class=\"spw-modal__close-button\" ref={el => (this.closeButton = el)} icon=\"fa-xmark\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}></spw-icon>\n                )}\n              </div>\n              <div class=\"spw-modal__body\">\n                <slot name=\"content\" />\n              </div>\n              <div class=\"spw-modal__buttons\">\n                <slot name=\"buttons\"></slot>\n              </div>\n            </div>\n          </div>\n          <div data-focus-trap-edge onFocus={this.handleBottomFocus} tabindex=\"0\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/{p-e1c4d94e.entry.js → p-e72c6410.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}";const o=class{constructor(t){e(this,t);this.open=false}get classes(){return{"spw-sidebar-navigation-dropdown":true,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return t(i,{key:"4a893e6ce9b405fe37145a7e129593833423a4d6",class:this.classes},t("div",{key:"a7a9de1e9a4a801abaeb77932fff8f6808eb0326",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},t("slot",{key:"8c1221ce9034d5fc3cfe0f2ba741f6529b36a187"})))}};o.style=n;export{o as spw_sidebar_navigation_dropdown};
-//# sourceMappingURL=p-e1c4d94e.entry.js.map
+import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-dropdown{border-radius:4px;display:block;left:calc(var(--spw-ds-bo-sidebar-width)*-1 + 16px);position:relative;width:calc(var(--spw-ds-bo-sidebar-expanded-width) - 32px)}.spw-sidebar-navigation-dropdown--open{background:var(--spw-colors-support-grey-grey-100);margin-top:8px;padding:0}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown--open{background:#fff}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-dropdown{left:0;width:100%}";const o=class{constructor(t){e(this,t);this.open=false}get classes(){return{"spw-sidebar-navigation-dropdown":true,"spw-sidebar-navigation-dropdown--open":this.open}}render(){return t(i,{key:"3856d77e8803085928919315aff1997af803d318",class:this.classes},t("div",{key:"6ce3b93698efcc4d187a5b49108648735140487d",class:"spw-sidebar-navigation-dropdown__content",style:{display:this.open?"block":"none"}},t("slot",{key:"c975c7f2b9e3c57e0d85a53a50f78b87d58e9362"})))}};o.style=n;export{o as spw_sidebar_navigation_dropdown};
+//# sourceMappingURL=p-e72c6410.entry.js.map

package/dist/spw-stencil-library/{p-1e07197c.entry.js → p-f5de314e.entry.js}

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

package/dist/spw-stencil-library/{p-07cadb86.entry.js → p-fabf41a2.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as e,g as t}from"./p-BYM_CUUH.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:700}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:#fff;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}';const n=class{constructor(e){i(this,e);this.active=false;this.disabled=false;this.iconVariant="fa-regular";this.hasDropdown=false;this.dropdownOpen=false;this.navExpanded=false;this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")};this.handleDropdownToggle=i=>{var e,t;i.preventDefault();i.stopPropagation();if(this.disabled)return;const o=this.el.querySelector("spw-sidebar-navigation-dropdown");if(o){o.open=!o.open;if(o.open){(e=o.setAttribute)===null||e===void 0?void 0:e.call(o,"open","")}else{(t=o.removeAttribute)===null||t===void 0?void 0:t.call(o,"open")}this.dropdownOpen=o.open}}}componentDidLoad(){this.checkForDropdown();this.setupMutationObserver();this.checkNavExpanded();this.setupBodyClassObserver()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.bodyClassObserver){this.bodyClassObserver.disconnect()}}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["open"]})}checkForDropdown(){var i;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=e!==null;if(e){this.dropdownOpen=!!e.open||((i=e.hasAttribute)===null||i===void 0?void 0:i.call(e,"open"))}else{this.dropdownOpen=false}}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()}));this.bodyClassObserver.observe(document.body,{attributes:true,attributeFilter:["class"]})}get classes(){return{"spw-sidebar-navigation-item":true,"spw-sidebar-navigation-item--active":this.active,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=this.href&&!this.disabled?"a":"div";const t=e("spw-icon",{key:"8371a1fe7024feb9c68534858fc8768a7e1cf95e",variant:this.iconVariant,icon:this.icon});const o=e("div",{key:"e9e34febe064a3facaa09fd23d330ac417d04c04",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"31ae7f9415ebe94381b9df72b00897064ad2f88e",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t);const n=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},o):o;const a={"spw-sidebar-navigation-item__dropdown-toggle":true,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"a7ffd31c241efc7524e4ac47af8e1e5d54d9dc35",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0},this.icon&&n,e("div",{key:"6c01087c628490b790543c4eea02259d748083c9",class:"spw-sidebar-navigation-item__content"},e("div",{key:"fdab7760fe3995a44a1eb90296328b468a567ea3",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"18fcbae9c031f6976438141e5aec16ed0e61aa92"})),this.hasDropdown&&e("div",{key:"a26d8b8cb3620f5eddb87503e2031d614a125504",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"45589b6bd31dcd3b0f9307ea88fb6a7cb7fc68c1",icon:"fa-chevron-down"})),e("slot",{key:"d0738e4c9fc413811cb882fb0c472e4fa3ae652f",name:"dropdown"})))}get el(){return t(this)}};n.style=o;export{n as spw_sidebar_navigation_item};
-//# sourceMappingURL=p-07cadb86.entry.js.map
+import{r as i,h as e,g as t}from"./p-BYM_CUUH.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-sidebar-navigation-item{align-items:start;color:inherit;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:16px;margin:8px 0;padding-right:16px;position:relative;text-decoration:none;transition:all .2s ease;width:var(--spw-ds-bo-sidebar-expanded-width)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{border-radius:4px;margin:0;width:auto}.spw-sidebar-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-sidebar-navigation-item--active .spw-sidebar-navigation-item__icon,.spw-sidebar-navigation-item--active:hover .spw-sidebar-navigation-item__icon{color:var(--spw-ds-primary)}.spw-sidebar-navigation-item--disabled{cursor:not-allowed;opacity:.3}spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item{padding-right:0}.spw-sidebar-navigation-item spw-tooltip{line-height:1}.spw-sidebar-navigation-item__bubble{background-color:var(--spw-ds-primary);border:3px solid #fff;color:#fff;font-size:10px;height:20px;left:32px;line-height:1;position:absolute;top:0;width:20px;z-index:12}.spw-sidebar-navigation-item__bubble,.spw-sidebar-navigation-item__icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center}.spw-sidebar-navigation-item__icon{font-size:18px;font-weight:600;min-width:var(--spw-ds-bo-sidebar-width);padding:12px 0;position:relative;width:var(--spw-ds-bo-sidebar-width)}.--expanded .spw-sidebar-navigation-item__icon{position:static}.spw-sidebar-navigation-item__icon:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:0}.spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-200);height:40px;width:40px}.--expanded .spw-sidebar-navigation-item:not(.spw-sidebar-navigation-item--disabled):hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{background-color:var(--spw-colors-support-grey-grey-100)!important;height:0;width:0}.--expanded .spw-sidebar-navigation-item--dropdown-opened .spw-sidebar-navigation-item__icon:before,.--expanded .spw-sidebar-navigation-item--dropdown-opened:hover .spw-sidebar-navigation-item__icon:before{height:100%;width:calc(100% - 16px)}.--expanded .spw-sidebar-navigation-item__icon:before{border-radius:4px;transition:background-color .2s ease}.spw-sidebar-navigation-item__icon spw-icon{position:relative;z-index:2}.spw-sidebar-navigation-item__content{flex:1;max-width:calc(var(--spw-ds-bo-sidebar-expanded-width) - var(--spw-ds-bo-sidebar-width) - 12px);padding:12px 0;z-index:2}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content{max-width:100%;padding:8px}.spw-sidebar-navigation-item__content-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.--expanded .spw-sidebar-navigation-item__content-label{overflow:visible;text-overflow:none;white-space:normal}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__content-label{font-size:14px}.spw-sidebar-navigation-item__dropdown-toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:16px;top:10px;transition:background-color .2s ease;width:24px;z-index:10}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle{right:8px;top:5px}.spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item__dropdown-toggle:hover{background-color:var(--spw-colors-support-grey-grey-400)}.spw-sidebar-navigation-item__dropdown-toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:14px;position:relative;transition:transform .2s ease}.spw-sidebar-navigation-item__dropdown-toggle--open spw-icon{transform:rotate(180deg)}.--collapsed .spw-sidebar-navigation-item spw-sidebar-navigation-dropdown{display:none}.spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{font-weight:700}.spw-sidebar-navigation-item--has-dropdown>.spw-sidebar-navigation-item__content>.spw-sidebar-navigation-item__content-label{padding-right:32px}.spw-sidebar-navigation-item .spw-sidebar-navigation-item--dropdown-opened>.spw-sidebar-navigation-item__content{background:#fff;border-radius:4px}.spw-sidebar-navigation-dropdown .spw-sidebar-navigation-item:hover{background-color:var(--spw-colors-support-grey-grey-300)}';const n=class{constructor(e){i(this,e);this.active=false;this.disabled=false;this.iconVariant="fa-regular";this.hasDropdown=false;this.dropdownOpen=false;this.navExpanded=false;this.checkNavExpanded=()=>{this.navExpanded=document.body.classList.contains("spw-sidebar-expanded")};this.handleDropdownToggle=i=>{var e,t;i.preventDefault();i.stopPropagation();if(this.disabled)return;const o=this.el.querySelector("spw-sidebar-navigation-dropdown");if(o){o.open=!o.open;if(o.open){(e=o.setAttribute)===null||e===void 0?void 0:e.call(o,"open","")}else{(t=o.removeAttribute)===null||t===void 0?void 0:t.call(o,"open")}this.dropdownOpen=o.open}}}componentDidLoad(){this.checkForDropdown();this.setupMutationObserver();this.checkNavExpanded();this.setupBodyClassObserver()}componentDidUpdate(){this.checkForDropdown()}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.bodyClassObserver){this.bodyClassObserver.disconnect()}}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForDropdown()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["open"]})}checkForDropdown(){var i;const e=this.el.querySelector("spw-sidebar-navigation-dropdown");this.hasDropdown=e!==null;if(e){this.dropdownOpen=!!e.open||((i=e.hasAttribute)===null||i===void 0?void 0:i.call(e,"open"))}else{this.dropdownOpen=false}}setupBodyClassObserver(){this.bodyClassObserver=new MutationObserver((()=>{this.checkNavExpanded()}));this.bodyClassObserver.observe(document.body,{attributes:true,attributeFilter:["class"]})}get classes(){return{"spw-sidebar-navigation-item":true,"spw-sidebar-navigation-item--active":this.active,"spw-sidebar-navigation-item--disabled":this.disabled,"spw-sidebar-navigation-item--has-dropdown":this.hasDropdown,"spw-sidebar-navigation-item--dropdown-opened":this.dropdownOpen}}render(){const i=this.href&&!this.disabled?"a":"div";const t=e("spw-icon",{key:"2f9860be47d53d7bfa9be6e901ce515682aed40c",variant:this.iconVariant,icon:this.icon});const o=e("div",{key:"740859f0b9ef998cfb5a0412347c6cd0b574e930",class:"spw-sidebar-navigation-item__icon"},this.bubble&&e("span",{key:"8ea56c6f135f052bc237df0690ec601f1a5a5744",class:"spw-sidebar-navigation-item__bubble"},this.bubble),t);const n=this.tooltipTitle?e("spw-tooltip",{cursor:this.disabled?"disabled":"pointer","tooltip-title":this.tooltipTitle,direction:"right",visible:!this.navExpanded},o):o;const a={"spw-sidebar-navigation-item__dropdown-toggle":true,"spw-sidebar-navigation-item__dropdown-toggle--open":this.dropdownOpen};return e(i,{key:"fb6661be9c90aeeba52d5dee1e0d42c32d605ae1",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":undefined,tabIndex:this.disabled?-1:0},this.icon&&n,e("div",{key:"a8c78fa983e0a2eef8eb76e0a25e25ec431545dd",class:"spw-sidebar-navigation-item__content"},e("div",{key:"8296bb1500b0a3832c3afd9e52e83a3f60be91d4",class:"spw-sidebar-navigation-item__content-label"},e("slot",{key:"1d08db1184d912b80b1fc27e852ad46428fcd1a2"})),this.hasDropdown&&e("div",{key:"676a39dbbb3b1b0a7a3f32df2bf43fe7cc644d99",class:a,onClick:this.handleDropdownToggle,tabIndex:this.disabled?-1:0},e("spw-icon",{key:"b8bfa8d5f5355b5f3e876e232f72ae8464a73600",icon:"fa-chevron-down"})),e("slot",{key:"1a77b8dc78652576d29da9620eae9450ead62a25",name:"dropdown"})))}get el(){return t(this)}};n.style=o;export{n as spw_sidebar_navigation_item};
+//# sourceMappingURL=p-fabf41a2.entry.js.map

package/dist/spw-stencil-library/{p-a093ab2f.entry.js → p-fbe468de.entry.js}

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

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:none;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-hero{box-shadow:var(--spw-hero-shadow);overflow:hidden;position:relative}.spw-hero:not(.spw-hero--maxi){border-radius:12px}.spw-hero--surface-dark{color:#fff}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:#fff}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;gap:24px;padding:24px}@media (min-width:1024px){.spw-hero--grey,.spw-hero--white{align-items:center;flex-direction:row;padding:64px}}.spw-hero--has-picture-full{gap:0;padding:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width:1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;margin:0 auto;position:relative;z-index:3}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width:1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 60px}.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(48% + 60px)}.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(48% + 60px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width:1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__image,.spw-hero__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-hero__overlay{pointer-events:none;z-index:2}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:#fff}.spw-hero__image-play{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:64px;z-index:2}.spw-hero__image-play:hover{transform:translate(-50%,-50%) scale(1.1)}.spw-hero__image{overflow:hidden;z-index:1}.spw-hero__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__image{max-width:48%;position:absolute}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-top-left-radius:0;left:auto;right:0}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-right-radius:0;border-top-right-radius:0}}.spw-hero__content{width:100%}@media (min-width:1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8);padding:32px}";const r=class{constructor(t){e(this,t);this.imageAlt="";this.surface="light";this.hasPictureFull=false;this.hasVideo=false;this.variant="grey";this.alignment="left";this.overlayOpacity=0;this.triggerModal=()=>{const e=document.getElementById(this.modalVideoId);if(e&&e.openModal){e.openModal()}};this.handleKeyDown=e=>{if(e.key==="Enter"){this.triggerModal()}}}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--has-picture-full`]:this.hasPictureFull,[`spw-hero--has-video`]:this.hasVideo,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"d2529d7d7dc9d516fbc8b847069dc4e44e651a3b"},t("div",{key:"83c24afd61f2f21f95d15e2a04286f7384f81567",class:this.elementClass},this.imageSrc&&t("div",{key:"2d6ee8861d6de4d9ce6213e4dd9c60edc4afe6f8",class:"spw-hero__image"},this.hasVideo&&this.variant!=="maxi"&&this.variant!=="photo"&&t("div",{key:"09db6ffa09ec908610cdf3ef0e1d825c36ac6831",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":"Lire la vidéo"},t("spw-icon",{key:"5c5384133cb3af22d46cd7409aae404052c00dd9",icon:"fa-play"})),t("img",{key:"3a1fe7a690359dadc7728ef071cf02d849b9bdca",src:this.imageSrc,alt:this.imageAlt})),t("div",{key:"136e31e233fcc7b9fb5fb2e7402ce02747cbd3b4",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"e7bd223cc80232f94b7880921cdf7267cfdc8d24",class:"spw-ds-container spw-hero__container"},t("div",{key:"81e7f10d32393c86da29d4e3c8b63ddee2f69517",class:"spw-hero__content"},t("slot",{key:"1c7ae529e4d777aa8aca51d58b0a4dcd3371c05e"})))))}};r.style=i;export{r as spw_hero};
+//# sourceMappingURL=p-fda153e0.entry.js.map

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

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

package/dist/spw-stencil-library/spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-accordion.spw-accordion-content.spw-accordion-item.spw-accordion-title.entry.esm.js","sources":["src/components/spw-accordion/spw-accordion.scss?tag=spw-accordion&encapsulation=shadow","src/components/spw-accordion/spw-accordion.tsx","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.scss?tag=spw-accordion-item&encapsulation=shadow","src/components/spw-accordion/spw-accordion-item/spw-accordion-item.tsx","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.scss?tag=spw-accordion-title&encapsulation=shadow","src/components/spw-accordion/spw-accordion-title/spw-accordion-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion',\n  styleUrl: 'spw-accordion.scss',\n  shadow: true,\n})\nexport class SpwAccordion {\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-accordion\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-800);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-item {\n  position: relative;\n  &__content {\n    position: relative;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &__trigger {\n    display: block;\n    text-decoration: none;\n\n    position: sticky;\n    top: 0;\n    // background: white;\n    z-index: 10;\n    @include breakpoint(md) {\n      position: relative;\n    }\n\n    &:focus-visible {\n      outline: 2px solid white;\n      outline-offset: -3px;\n      box-shadow: 0 0 0 2px black;\n    }\n  }\n}\n","import { Component, h, Host, Event, Prop, EventEmitter, Watch, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-item',\n  styleUrl: 'spw-accordion-item.scss',\n  shadow: true,\n})\nexport class SpwAccordionItem {\n  @State() isOpen: boolean = false;\n  @State() isMobile: boolean = window.innerWidth < 768;\n  @Element() el: HTMLSpwAccordionItemElement;\n\n  /** Transmet l'état actuel (isOpen) et l'id de l'élément */\n  @Event() accordionToggle: EventEmitter<{ isOpen: boolean; id: string }>;\n  /** Définit si l'élément est ouvert ou pas */\n  @Prop() defaultOpen: boolean = false;\n\n  private resizeListener: () => void;\n\n  componentWillLoad() {\n    this.isOpen = this.defaultOpen;\n    this.assignItemId();\n    this.setupResizeListener();\n    this.toggleClasses();\n  }\n\n  componentDidLoad() {\n    if (this.isOpen) {\n      const itemId = this.el.getAttribute('data-accordion-id');\n      this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n      this.updateFocusableElements();\n    }\n  }\n\n  disconnectedCallback() {\n    this.teardownResizeListener();\n  }\n\n  @Watch('defaultOpen')\n  defaultOpenChanged(newValue: boolean) {\n    this.isOpen = newValue;\n    this.toggleClasses();\n    this.updateFocusableElements();\n  }\n\n  private assignItemId() {\n    const index = Array.from(this.el.parentNode.children).indexOf(this.el);\n    this.el.setAttribute('data-accordion-id', `accordion-item-${index}`);\n  }\n\n  private toggleContent() {\n    this.isOpen = !this.isOpen;\n    const itemId = this.el.getAttribute('data-accordion-id');\n    this.accordionToggle.emit({ isOpen: this.isOpen, id: itemId });\n    this.updateFocusableElements();\n    if (!this.isOpen) {\n      this.scrollToElement();\n    }\n    this.toggleClasses();\n  }\n\n  private toggleClasses(): void {\n    const contentElement = this.el.querySelector('spw-accordion-content');\n    const titleElement = this.el.querySelector('spw-accordion-title');\n    if (contentElement) {\n      contentElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n    if (titleElement) {\n      titleElement.classList.toggle('--collapsed', !this.isOpen);\n    }\n  }\n\n  private handleClick(event: MouseEvent) {\n    event.preventDefault();\n    this.toggleContent();\n  }\n\n  private scrollToElement() {\n    const element = this.el.shadowRoot.querySelector('.spw-accordion-item__content') as HTMLElement;\n    if (element && this.isMobile) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateFocusableElements() {\n    const contentSlot = this.el.shadowRoot.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n    if (!contentSlot) {\n      return;\n    }\n\n    const assignedElements = contentSlot.assignedElements({ flatten: true }) as HTMLElement[];\n\n    assignedElements.forEach(element => {\n      const focusableElements = element.querySelectorAll<HTMLElement>('*');\n\n      focusableElements.forEach(focusable => {\n        if (this.isOpen) {\n          const originalTabIndex = focusable.getAttribute('data-tabindex-original');\n          if (originalTabIndex !== null) {\n            focusable.setAttribute('tabindex', originalTabIndex);\n            focusable.removeAttribute('data-tabindex-original');\n          } else {\n            focusable.removeAttribute('tabindex');\n          }\n        } else {\n          if (!focusable.hasAttribute('data-tabindex-original')) {\n            const currentTabIndex = focusable.getAttribute('tabindex');\n            if (currentTabIndex !== null) {\n              focusable.setAttribute('data-tabindex-original', currentTabIndex);\n            } else {\n              focusable.setAttribute('data-tabindex-original', '');\n            }\n          }\n          focusable.setAttribute('tabindex', '-1');\n        }\n      });\n    });\n  }\n\n  private setupResizeListener() {\n    this.resizeListener = () => {\n      this.isMobile = window.innerWidth < 768;\n    };\n\n    window.addEventListener('resize', this.resizeListener);\n  }\n\n  private teardownResizeListener() {\n    if (this.resizeListener) {\n      window.removeEventListener('resize', this.resizeListener);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item': true,\n      'spw-accordion-item--collapsed': !this.isOpen,\n    };\n  }\n\n  private get elementChildClass(): { [className: string]: boolean } {\n    return {\n      'spw-accordion-item__trigger': true,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.elementClass}>\n        <div class=\"spw-accordion-item__content\">\n          <a href=\"#\" class={this.elementChildClass} onClick={event => this.handleClick(event)}>\n            <slot name=\"title\"></slot>\n          </a>\n          <slot name=\"content\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-accordion-title {\n  padding: var(--spw-spacings-spacing-lg);\n  font-weight: 700;\n  transition: all 0.3s;\n  color: var(--spw-color-themes-grey-grey-900);\n\n  &:hover {\n    color: var(--spw-ds-primary);\n    :host(.--collapsed) & {\n      // background: var(--spw-color-themes-grey-grey-100);\n    }\n  }\n}\n\n:host-context(.spw-accordion-item:hover) > .spw-accordion-title {\n  color: var(--spw-ds-primary);\n}\n\n.spw-accordion-title__content {\n  position: relative;\n  padding-right: var(--spw-spacings-spacing-3-xl);\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: 16px;\n  }\n}\n\n.spw-accordion-title__trigger {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%) rotate(180deg);\n  transition: all 0.3s;\n\n  :host(.--collapsed) & {\n    transform: translateY(-50%) rotate(0deg);\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-title',\n  styleUrl: 'spw-accordion-title.scss',\n  shadow: true,\n})\nexport class SpwAccordionTitle {\n  /** Tag html du titre de l'accordéon (de h1 à h6) */\n  @Prop() tag?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n  /** Si spécifié, place une icône à gauche du titre */\n  @Prop() icon?: string;\n\n  render() {\n    const TagType = this.tag;\n    const iconElement = this.icon ? <spw-icon icon={this.icon}></spw-icon> : null;\n    return (\n      <Host>\n        <div class=\"spw-accordion-title\">\n          <div class=\"spw-accordion-title__content\">\n            <TagType class=\"spw-tw-flex\">\n              {iconElement && <div class=\"spw-tw-mr-3\">{iconElement}</div>}\n              <div>\n                <slot></slot>\n              </div>\n            </TagType>\n            <span class=\"spw-accordion-title__trigger\">\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/spw-stencil-library/spw-card-content.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-content.entry.esm.js","sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n  min-width: 100%;\n  width: 100%;\n}\n\n.spw-card-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px 24px 24px;\n  z-index: 5;\n\n  :host(.--vertical) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--event) & {\n    padding: 12px 24px 24px 64px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--sidebar) & {\n    padding: 0;\n  }\n\n  :host(.--people) & {\n    padding: 24px;\n    flex-direction: row;\n    gap: 24px;\n  }\n\n  :host(.--vertical) &,\n  :host(.--sidebar) &,\n  :host(.--event) & {\n    justify-content: center;\n    height: 100%;\n  }\n\n  :host(.--video) & {\n    justify-content: flex-end;\n    height: 100%;\n    padding-right: 80px;\n    &:after {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      content: '\\f144';\n      font-size: 36px;\n      color: white;\n    }\n  }\n\n  &__tag {\n    position: absolute;\n    top: -25px;\n    left: 25px;\n    padding: 6px 10px;\n    border-radius: 4px 4px 0px 0px;\n    background: var(--spw-ds-white);\n    color: var(--spw-ds-primary);\n    font-size: 15px;\n    font-weight: 700;\n\n    :host(.--no-image) &,\n    :host(.--event) &,\n    :host(.--video) &,\n    :host(.--vertical) & {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding: 0;\n      margin-bottom: 8px;\n    }\n\n    :host(.--video) & {\n      width: auto;\n      align-self: flex-start;\n      display: inline-block;\n      padding: 8px 12px;\n      border-radius: 9999px;\n      line-height: 1;\n      color: var(--spw-color-themes-grey-grey-900);\n      box-shadow: var(--spw-effect-elevation-3);\n      font-size: 14px;\n      background: var(--spw-ds-white);\n    }\n  }\n\n  &__date {\n    margin-bottom: 7px;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  ::slotted(spw-card) {\n    --spw-card-background: var(--spw-color-themes-grey-grey-50);\n    --spw-card-box-shadow: none;\n    --spw-card-border: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,iBAAiB,GAAG,g+IAAg+I;;MCQ7+I,cAAc,GAAA,MAAA;;;;IASzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,GAAG,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,GAAG,CAAQ,EACjE,IAAI,CAAC,IAAI,KACR,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,EAAA,EACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;"}
+{"version":3,"file":"spw-card-content.entry.esm.js","sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n  min-width: 100%;\n  width: 100%;\n}\n\n.spw-card-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px 24px 24px;\n  z-index: 5;\n\n  :host(.--vertical) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--event) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--no-image.--event) & {\n    padding-left: 64px;\n    padding-top: 12px;\n  }\n\n  :host(.--sidebar) & {\n    padding: 0;\n  }\n\n  :host(.--people) & {\n    padding: 24px;\n    flex-direction: row;\n    gap: 24px;\n  }\n\n  :host(.--vertical) &,\n  :host(.--sidebar) &,\n  :host(.--event) & {\n    justify-content: center;\n    height: 100%;\n  }\n\n  :host(.--video) & {\n    justify-content: flex-end;\n    height: 100%;\n    padding-right: 80px;\n    &:after {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      content: '\\f144';\n      font-size: 36px;\n      color: white;\n    }\n  }\n\n  &__tag {\n    position: absolute;\n    top: -25px;\n    left: 25px;\n    padding: 6px 10px;\n    border-radius: 4px 4px 0px 0px;\n    background: var(--spw-ds-white);\n    color: var(--spw-ds-primary);\n    font-size: 15px;\n    font-weight: 700;\n\n    :host(.--no-image) &,\n    :host(.--event) &,\n    :host(.--video) &,\n    :host(.--vertical) & {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding: 0;\n      margin-bottom: 8px;\n    }\n\n    :host(.--video) & {\n      width: auto;\n      align-self: flex-start;\n      display: inline-block;\n      padding: 8px 12px;\n      border-radius: 9999px;\n      line-height: 1;\n      color: var(--spw-color-themes-grey-grey-900);\n      box-shadow: var(--spw-effect-elevation-3);\n      font-size: 14px;\n      background: var(--spw-ds-white);\n    }\n  }\n\n  &__date {\n    margin-bottom: 7px;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n\n  ::slotted(spw-card) {\n    --spw-card-background: var(--spw-color-themes-grey-grey-50);\n    --spw-card-box-shadow: none;\n    --spw-card-border: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,iBAAiB,GAAG,iiJAAiiJ;;MCQ9iJ,cAAc,GAAA,MAAA;;;;IASzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,GAAG,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,GAAG,CAAQ,EACjE,IAAI,CAAC,IAAI,KACR,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,EAAA,EACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR,EACD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;"}

package/dist/spw-stencil-library/spw-card-excerpt.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-excerpt.entry.esm.js","sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[":host(.--people) {\n  flex: 1;\n  ::slotted(spw-link) {\n    --spw-link-color: #000;\n    --spw-link-hover-color: #000;\n    --spw-link-active-color: #000;\n    --spw-link-font-weight: 400;\n  }\n}\n\n.spw-card-excerpt {\n  color: var(--spw-color-themes-grey-grey-600);\n  font-family: 'Nunito Sans';\n  font-size: 16px;\n  line-height: 1.3;\n  margin-top: 12px;\n  &--has-clamp {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n  :host(.--people) & {\n    margin-top: 0;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      -webkit-line-clamp: $i;\n      line-clamp: $i;\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-excerpt',\n  styleUrl: 'spw-card-excerpt.scss',\n  shadow: true,\n})\nexport class SpwCardExcerpt {\n  /** Permet de limiter ou pas le nombre de lignes affichées */\n  @Prop() lineClamp: number | 'none' = 3;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-card-excerpt': true,\n      'spw-card-excerpt--has-clamp': hasLineClamp,\n      [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,8qHAA8qH;;MCO3rH,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAoB,CAAC;AAoBvC;AAlBC,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QAC9C,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,CAAC,2BAA2B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,YAAY;SAC5D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}
+{"version":3,"file":"spw-card-excerpt.entry.esm.js","sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[":host(.--people) {\n  flex: 1;\n  ::slotted(spw-link) {\n    --spw-link-color: #000;\n    --spw-link-hover-color: #000;\n    --spw-link-active-color: #000;\n    --spw-link-font-weight: 400;\n  }\n}\n\n.spw-card-excerpt {\n  color: var(--spw-color-themes-grey-grey-600);\n  font-family: 'Nunito Sans';\n  font-size: 16px;\n  line-height: 1.3;\n  margin-top: 12px;\n  &--has-clamp {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n  :host(.--people) & {\n    margin-top: 0;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  :host(.--sidebar) & {\n    margin-top: 8px;\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      -webkit-line-clamp: $i;\n      line-clamp: $i;\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-excerpt',\n  styleUrl: 'spw-card-excerpt.scss',\n  shadow: true,\n})\nexport class SpwCardExcerpt {\n  /** Permet de limiter ou pas le nombre de lignes affichées */\n  @Prop() lineClamp: number | 'none' = 3;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-card-excerpt': true,\n      'spw-card-excerpt--has-clamp': hasLineClamp,\n      [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,iuHAAiuH;;MCO9uH,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAS,CAAA,SAAA,GAAoB,CAAC;AAoBvC;AAlBC,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,MAAM;QAC9C,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,6BAA6B,EAAE,YAAY;AAC3C,YAAA,CAAC,2BAA2B,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,YAAY;SAC5D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/spw-stencil-library/spw-card-image.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-image.entry.esm.js","sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  display: block;\n  width: 100%;\n  line-height: 1;\n}\n\n:host(.--people) {\n  width: 112px;\n  max-width: 112px;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n\n  :host(.--vertical) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--people) & {\n    border-radius: 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,k6KAAk6K;;MCO76K,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;"}
+{"version":3,"file":"spw-card-image.entry.esm.js","sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  width: 100%;\n  line-height: 1;\n  --spw-card-image-display: block;\n}\n\n:host(.--people) {\n  width: 112px;\n  max-width: 112px;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n  display: var(--spw-card-image-display);\n\n  :host(.--vertical) &,\n  :host(.--event) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--people) & {\n    border-radius: 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical),\n:host(.--event) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,wjLAAwjL;;MCOnkL,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;"}

package/dist/spw-stencil-library/spw-card-title.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-title.entry.esm.js","sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n  :host(.--people) & {\n    padding: 0 24px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n  &__text {\n    :host(.--people) & {\n      display: inline-block;\n      padding: 18px 0;\n      border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n  @Prop() borderColor?: string = '';\n\n  render() {\n    return (\n      <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n        <h3 class=\"spw-card-title\">\n          <span class=\"spw-card-title__text\">\n            <slot></slot>\n          </span>\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,kkGAAkkG;;MCO7kG,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAY,EAAE;AAalC;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAChE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACJ,CACA;;;;;;;"}
+{"version":3,"file":"spw-card-title.entry.esm.js","sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video):not(.--people)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n  :host(.--sidebar) & {\n    font-size: 18px;\n    line-height: 1.2;\n  }\n  :host(.--people) & {\n    padding: 0 24px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n  &__text {\n    :host(.--people) & {\n      display: inline-block;\n      padding: 18px 0;\n      border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n  @Prop() borderColor?: string = '';\n\n  render() {\n    return (\n      <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n        <h3 class=\"spw-card-title\">\n          <span class=\"spw-card-title__text\">\n            <slot></slot>\n          </span>\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,kpGAAkpG;;MCO7pG,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAY,EAAE;AAalC;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAChE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACJ,CACA;;;;;;;"}

package/dist/spw-stencil-library/spw-card.entry.esm.js.map

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