@spw-ds/spw-stencil-library 1.15.0 → 1.16.0

package/dist/components/spw-lightbox.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{a,K as l}from"./p-BRFNx2DL.js";import{d as r}from"./p-DIUtCQyY.js";import{d as h}from"./p-2iE5Jfvp.js";import{d as p}from"./p-DPpA6jtb.js";import{d as c}from"./p-C9EdSa5U.js";import{d}from"./p-F4DuhyF5.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxOpen=e(this,"spwLightboxOpen",7),this.spwLightboxClose=e(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=a(this.lightboxContainer,l.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=a(this.lightboxContainer,l.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const s=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!s||0===s.length)return;const o=s[0],n=s[s.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===o&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==o||o.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:e,activeIndex:n}=this;return s(o,{key:"561be0ea284ff951793e4f6ba07ce2ce6c98edde"},s("div",{key:"503218268bbc118b255ec4be5ef70e7c354d37fb",inert:t||void 0},s("slot",{key:"df33999604935088a57d5a8854e7f778a72ab0c5"})),s("div",{key:"eaf1ff6da733bb519b0dee1edf625293f0dbe1bb",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},s("div",{key:"aa03686c62577518058aec3beaf8870056974d12",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),s("div",{key:"b4a72ccc3947efe2366f2a6fbb7349001b9d7a65",class:"spw-lightbox__container"},s("div",{key:"042689588d2987c3618e5eb24e35f9bd85544530",class:"spw-lightbox__toolbar"},s("span",{key:"652d0edb6586616de1149142a29c78b914de4df8",class:"spw-lightbox__counter","aria-live":"polite"},e.length>0?`${n+1} / ${e.length}`:""),s("div",{key:"569f8aca71c7f0ad47e436250f9b2caee35e9189",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},s("spw-link",{key:"ef8dc91a7e8dc00cbc8546cfab844e7786a762c9","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"c3b08392588e22191d361fb457dde247dd4c0545",class:"spw-lightbox__stage"},e.length>1&&s("spw-button",{key:"8cc0928eea216d248b518255a6fd7be815004b5a",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),s("div",{key:"0515f506cae576dc67b58dea666bf142b5c2379d",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&s("div",{key:"5838fdbf8dcb548ad36dee1fef8460f203838526",class:"spw-lightbox__image-frame"},s("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&s("div",{key:"a02e11853ad7d8d7dee3f011693b395607098242",class:"spw-lightbox__caption","aria-live":"polite"},s("div",{key:"c88b657634836829995f8fb1a0caa53d06e791cd",class:"spw-lightbox__caption-content"},i.captionTitle&&s("strong",{key:"46d543fdf5da39cf36c6d5939cdfe9243a8083b0",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&s("span",{key:"f4dce878ddeb161ca17a41a8fa7e032e9063dbb3",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&s("spw-tag",{key:"fba1f4efdaa2b5204a27eb4df3eb5fa5c4c38e24",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),e.length>1&&s("spw-button",{key:"8a5e5900d132b77975e4ec9958cb8dfab0a15eaa",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&e.length>1&&s("div",{key:"45e7b53826574bfe5ca620562b27af8fd98d09fc",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},e.map(((t,i)=>s("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":(i===n)+"","aria-label":t.alt||this.textThumbnailItem.replace("{index}",i+1+"")},s("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return this}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}"}},[257,"spw-lightbox",{gallery:[513],closeButtonText:[1,"close-button-text"],closeOnBackdropClick:[4,"close-on-backdrop-click"],showThumbnails:[4,"show-thumbnails"],textDialogLabel:[1,"text-dialog-label"],textPrevious:[1,"text-previous"],textNext:[1,"text-next"],textThumbnailsLabel:[1,"text-thumbnails-label"],textThumbnailItem:[1,"text-thumbnail-item"],opened:[32],activeIndex:[32],items:[32],open:[64],close:[64]},[[0,"keydown","handleFocusTrap"]],{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}]),x=b,g=function(){"undefined"!=typeof customElements&&["spw-lightbox","spw-button","spw-icon","spw-link","spw-loading","spw-tag"].forEach((t=>{switch(t){case"spw-lightbox":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-button":customElements.get(n(t))||r();break;case"spw-icon":customElements.get(n(t))||h();break;case"spw-link":customElements.get(n(t))||p();break;case"spw-loading":customElements.get(n(t))||c();break;case"spw-tag":customElements.get(n(t))||d()}}))};export{x as SpwLightbox,g as defineCustomElement}
+import{p as t,H as i,c as e,h as s,a as o,t as n}from"./index.js";import{a,K as l}from"./p-BRFNx2DL.js";import{d as r}from"./p-DAfHVLjA.js";import{d as h}from"./p-2AbKLqDf.js";import{d as p}from"./p-CnzSr9Im.js";import{d as c}from"./p-DXd3uPkn.js";import{d}from"./p-BY3XOPGU.js";const b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxOpen=e(this,"spwLightboxOpen",7),this.spwLightboxClose=e(this,"spwLightboxClose",7),this.closeButtonText="Fermer",this.closeOnBackdropClick=!0,this.showThumbnails=!0,this.textDialogLabel="Galerie d'images",this.textPrevious="Image précédente",this.textNext="Image suivante",this.textThumbnailsLabel="Miniatures",this.textThumbnailItem="Image {index}",this.opened=!1,this.activeIndex=0,this.items=[],this.previouslyFocusedElement=null,this.currentAnimation=null,this.swipeStartX=0,this.swipeStartY=0,this.isSwiping=!1,this.SWIPE_THRESHOLD=50,this.handleItemClick=t=>{var i;this.collectItems(),this.activeIndex=null!==(i=t.detail.index)&&void 0!==i?i:0,this.opened=!0},this.handleKeydown=t=>{if(this.opened)switch(t.key){case"Escape":this.doClose();break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.navigate(1);break;case"ArrowLeft":case"ArrowUp":t.preventDefault(),this.navigate(-1)}},this.handleTouchStart=t=>{this.swipeStartX=t.touches[0].clientX,this.swipeStartY=t.touches[0].clientY,this.isSwiping=!0},this.handleTouchMove=t=>{if(!this.isSwiping)return;const i=t.touches[0].clientY-this.swipeStartY;Math.abs(t.touches[0].clientX-this.swipeStartX)>Math.abs(i)&&t.preventDefault()},this.handleTouchEnd=t=>{if(!this.isSwiping)return;const i=this.swipeStartX-t.changedTouches[0].clientX;Math.abs(i)>=this.SWIPE_THRESHOLD&&this.navigate(i>0?1:-1),this.isSwiping=!1}}componentDidLoad(){window.addEventListener("keydown",this.handleKeydown),this.hostElement.addEventListener("spwLightboxItemClick",this.handleItemClick),this.imageWrapperEl.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),this.imageWrapperEl.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),this.imageWrapperEl.addEventListener("touchend",this.handleTouchEnd)}disconnectedCallback(){var t,i,e;window.removeEventListener("keydown",this.handleKeydown),this.hostElement.removeEventListener("spwLightboxItemClick",this.handleItemClick),null===(t=this.imageWrapperEl)||void 0===t||t.removeEventListener("touchstart",this.handleTouchStart),null===(i=this.imageWrapperEl)||void 0===i||i.removeEventListener("touchmove",this.handleTouchMove),null===(e=this.imageWrapperEl)||void 0===e||e.removeEventListener("touchend",this.handleTouchEnd),document.body.style.overflow=""}async open(t=0){this.collectItems(),this.activeIndex=t,this.opened=!0}async close(){this.doClose()}onOpenedChange(t){t?this.onOpen():this.onClose()}collectItems(){const t=this.hostElement.querySelectorAll("spw-lightbox-item");this.items=Array.from(t).map((t=>({src:t.getAttribute("src")||"",alt:t.getAttribute("alt")||"",captionTitle:t.getAttribute("caption-title")||"",captionText:t.getAttribute("caption-text")||"",copyrightText:t.getAttribute("copyright-text")||"",copyrightIcon:t.getAttribute("copyright-icon")||"fa-copyright",copyrightIconVariant:t.getAttribute("copyright-icon-variant")||"fa-light",copyrightHref:t.getAttribute("copyright-href")||"",copyrightTarget:t.getAttribute("copyright-target")||"_blank"})))}cancelCurrentAnimation(){this.currentAnimation&&(this.currentAnimation.cancel(),this.currentAnimation=null)}scrollToActiveThumbnail(){if(!this.thumbnailsEl)return;const t=this.thumbnailsEl.querySelectorAll(".spw-lightbox__thumb")[this.activeIndex];null==t||t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}onOpen(){var t;this.cancelCurrentAnimation(),this.previouslyFocusedElement=document.activeElement,document.body.style.overflow="hidden";try{this.currentAnimation=a(this.lightboxContainer,l.fadeIn,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}))}catch(i){this.currentAnimation=null,null===(t=this.closeButtonEl)||void 0===t||t.focus(),this.scrollToActiveThumbnail(),this.spwLightboxOpen.emit({index:this.activeIndex})}}onClose(){var t;this.cancelCurrentAnimation(),document.body.style.overflow="";try{this.currentAnimation=a(this.lightboxContainer,l.fadeOut,{duration:200}),this.currentAnimation.addEventListener("finish",(()=>{var t;this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}))}catch(i){this.currentAnimation=null,null===(t=this.previouslyFocusedElement)||void 0===t||t.focus(),this.spwLightboxClose.emit()}}doClose(){this.opened=!1}handleFocusTrap(t){var i,e;if(!this.opened||"Tab"!==t.key)return;const s=null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(!s||0===s.length)return;const o=s[0],n=s[s.length-1],a=null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.activeElement;t.shiftKey?a===o&&(t.preventDefault(),null==n||n.focus()):a===n&&(t.preventDefault(),null==o||o.focus())}navigate(t){this.items.length<=1||(this.activeIndex=(this.activeIndex+t+this.items.length)%this.items.length)}onActiveIndexChange(){this.scrollToActiveThumbnail()}handleBackdropClick(){this.closeOnBackdropClick&&this.doClose()}get activeItem(){var t;return null!==(t=this.items[this.activeIndex])&&void 0!==t?t:null}render(){const{opened:t,activeItem:i,items:e,activeIndex:n}=this;return s(o,{key:"f91f7399b84f48439a8c1a44cfd563d975caa290"},s("div",{key:"cda5578dd9eb03b3711497db419f06b6c5157e9b",inert:t||void 0},s("slot",{key:"a9050a333a1d96bae0f9127fdd5a7789c61fdbeb"})),s("div",{key:"cc14c24cb7c279e5bd4e0ec439b9fcefb9050e81",ref:t=>this.lightboxContainer=t,class:{"spw-lightbox":!0,"spw-lightbox--opened":t},role:"dialog","aria-modal":"true","aria-label":this.textDialogLabel},s("div",{key:"0135d79855522937fba4b3362a9a4b840c052fd2",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),s("div",{key:"a3532338c80b0c7ac53cc8802ca9fa9dbb8d21c8",class:"spw-lightbox__container"},s("div",{key:"70d3f8f4e365a642f3c7c7c3dbbfb32c5b01b364",class:"spw-lightbox__toolbar"},s("span",{key:"01c3ace83c40124b4e851dda1ed68c9b6db61e9e",class:"spw-lightbox__counter","aria-live":"polite"},e.length>0?`${n+1} / ${e.length}`:""),s("div",{key:"be518fdd7e4c0496575f61d36a652af0a0655837",ref:t=>this.closeButtonEl=t,class:"spw-lightbox__close",tabIndex:0,role:"button",onClick:()=>this.doClose(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.doClose()}},s("spw-link",{key:"aa8ca2cf867f8e93507d6721a0461fb743a57153","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"c437a677f93751948219c8be2c2229ac62467361",class:"spw-lightbox__stage"},e.length>1&&s("spw-button",{key:"9fee34688fd25d4244a4114514cfe754bb4a758e",class:"spw-lightbox__nav spw-lightbox__nav--prev","is-icon-only":!0,icon:"fa-chevron-left","acc-aria-label":this.textPrevious,variant:"secondary",onClick:()=>this.navigate(-1)}),s("div",{key:"ba745daf29c962b7fce899d64f0d0bc4379f2644",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&s("div",{key:"cd5ca9bdcb5568dbdf042e2c313292cb79c4589c",class:"spw-lightbox__image-frame"},s("img",{class:"spw-lightbox__image",src:i.src,alt:i.alt||"",key:i.src}),((null==i?void 0:i.captionTitle)||(null==i?void 0:i.captionText)||(null==i?void 0:i.copyrightText))&&s("div",{key:"91977639d7501aecf6e42b66c3da412d3d58dae2",class:"spw-lightbox__caption","aria-live":"polite"},s("div",{key:"47b78488e9d56443d828b09d06a40c042045a766",class:"spw-lightbox__caption-content"},i.captionTitle&&s("strong",{key:"ad5e6a24b4bbb9d7dde5f4763767a091dc156917",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&s("span",{key:"33375606800e783b284c073ebd5d06639a77f3e1",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&s("spw-tag",{key:"80d3a6157ac381782166f44bfaecc8f15c3750d7",size:"small","icon-variant":i.copyrightIconVariant,class:"spw-lightbox__copyright",icon:i.copyrightIcon,href:i.copyrightHref||void 0,target:i.copyrightHref?i.copyrightTarget:void 0},i.copyrightText)))),e.length>1&&s("spw-button",{key:"9f0530e953a3e243a1086d1539f31a87a8860a55",class:"spw-lightbox__nav spw-lightbox__nav--next","is-icon-only":!0,icon:"fa-chevron-right","acc-aria-label":this.textNext,variant:"secondary",onClick:()=>this.navigate(1)})),this.showThumbnails&&e.length>1&&s("div",{key:"ff7f986017215c32d254626eabf151d1e4fbe548",class:"spw-lightbox__thumbnails",role:"tablist","aria-label":this.textThumbnailsLabel,ref:t=>this.thumbnailsEl=t},e.map(((t,i)=>s("button",{key:t.src,role:"tab",class:{"spw-lightbox__thumb":!0,"spw-lightbox__thumb--active":i===n},onClick:()=>this.activeIndex=i,"aria-selected":(i===n)+"","aria-label":t.alt||this.textThumbnailItem.replace("{index}",i+1+"")},s("img",{src:t.src,alt:t.alt||"",loading:"lazy"}))))))))}get hostElement(){return this}static get watchers(){return{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}:host>div:first-child{display:contents}.spw-lightbox{display:none;position:fixed;inset:0;z-index:1070;align-items:center;justify-content:center}.spw-lightbox--opened{display:flex}.spw-lightbox__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.68);backdrop-filter:blur(9.5px);cursor:pointer}.spw-lightbox__container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1200px;height:100dvh;padding:0 16px 16px;box-sizing:border-box;gap:12px;pointer-events:none}.spw-lightbox__container>*{pointer-events:auto}.spw-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;color:#fff;pointer-events:none}.spw-lightbox__toolbar>*{pointer-events:auto}.spw-lightbox__counter{font-size:14px;opacity:0.8}.spw-lightbox__close{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;padding:3px 6px;border-radius:4px;outline:3px solid transparent}.spw-lightbox__close:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}.spw-lightbox__close spw-link{--spw-link-color:#fff;--spw-link-hover-color:#fff;--spw-link-active-color:#fff;--spw-link-wrap:nowrap;pointer-events:none}.spw-lightbox__stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;gap:12px;pointer-events:none}.spw-lightbox__stage>*{pointer-events:auto}@media (min-width: 1024px){.spw-lightbox__stage{gap:36px}}.spw-lightbox__image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}.spw-lightbox__image-frame{position:relative;display:inline-flex;max-width:100%;max-height:80vh;border-radius:16px;overflow:hidden}.spw-lightbox__image{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:16px}.spw-lightbox__nav{flex-shrink:0}@media (max-width: 767px){.spw-lightbox__nav{display:none}}.spw-lightbox__caption{position:absolute;bottom:0;left:0;width:100%;padding:24px;padding-top:10%;box-sizing:border-box;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0));display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;border-radius:0 0 4px 4px}.spw-lightbox__caption-content{display:flex;flex-direction:column;gap:4px;min-width:0}.spw-lightbox__caption-title{display:block;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.spw-lightbox__caption-text{display:block;color:rgba(255, 255, 255, 0.85);font-size:14px;line-height:1.5}.spw-lightbox__copyright{flex-shrink:0;pointer-events:all}.spw-lightbox__thumbnails{display:flex;justify-content:safe center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px;scrollbar-width:none;pointer-events:none}.spw-lightbox__thumbnails>*{pointer-events:auto}.spw-lightbox__thumbnails::-webkit-scrollbar{display:none}.spw-lightbox__thumb{width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;transition:border-color 0.15s, opacity 0.15s;opacity:0.5;flex-shrink:0}.spw-lightbox__thumb img{width:100%;height:100%;object-fit:cover;display:block}.spw-lightbox__thumb--active{border-color:#fff;opacity:1}.spw-lightbox__thumb:hover{opacity:0.85}.spw-lightbox__thumb:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #000}"}},[257,"spw-lightbox",{gallery:[513],closeButtonText:[1,"close-button-text"],closeOnBackdropClick:[4,"close-on-backdrop-click"],showThumbnails:[4,"show-thumbnails"],textDialogLabel:[1,"text-dialog-label"],textPrevious:[1,"text-previous"],textNext:[1,"text-next"],textThumbnailsLabel:[1,"text-thumbnails-label"],textThumbnailItem:[1,"text-thumbnail-item"],opened:[32],activeIndex:[32],items:[32],open:[64],close:[64]},[[0,"keydown","handleFocusTrap"]],{opened:[{onOpenedChange:0}],activeIndex:[{onActiveIndexChange:0}]}]),x=b,g=function(){"undefined"!=typeof customElements&&["spw-lightbox","spw-button","spw-icon","spw-link","spw-loading","spw-tag"].forEach((t=>{switch(t){case"spw-lightbox":customElements.get(n(t))||customElements.define(n(t),b);break;case"spw-button":customElements.get(n(t))||r();break;case"spw-icon":customElements.get(n(t))||h();break;case"spw-link":customElements.get(n(t))||p();break;case"spw-loading":customElements.get(n(t))||c();break;case"spw-tag":customElements.get(n(t))||d()}}))};export{x as SpwLightbox,g as defineCustomElement}

package/dist/components/spw-link.js

@@ -1 +1 @@
-import{S as o,d as p}from"./p-DPpA6jtb.js";const s=o,t=p;export{s as SpwLink,t as defineCustomElement}
+import{S as o,d as r}from"./p-CnzSr9Im.js";const s=o,m=r;export{s as SpwLink,m as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-description":!0,"spw-list-description--has-clamp":"none"!==this.lineClamp,["spw-list-description--clamp-"+this.lineClamp]:!0}}render(){return i(n,{key:"fa3cbbf959f2f190e5208c769ad1c8be3a8b4163"},i("div",{key:"aae6329a49af74a32211e48971bbdd9f4ad8c2c5",class:this.elementClass},i("slot",{key:"323b565184571cd7678a4bd12cf09e1fdeff9b32"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list-description{margin-top:6px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;line-height:1.25}.spw-list-description--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-description--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-list-description--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-list-description--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-list-description--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-list-description--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-list-description--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-list-description--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-list-description--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-list-description--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-list-description--clamp-10{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-description",{lineClamp:[1,"line-clamp"]}]),p=o,a=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{p as SpwListDescription,a as defineCustomElement}
+import{p as e,H as t,h as i,a as n,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-description":!0,"spw-list-description--has-clamp":"none"!==this.lineClamp,["spw-list-description--clamp-"+this.lineClamp]:!0}}render(){return i(n,{key:"5a1256083fa6c6a7132eeed4aa39bbb898f076e2"},i("div",{key:"1157dd96156d939ccb5b5f98640378871b2b7fb4",class:this.elementClass},i("slot",{key:"0dc084f8f20306a923b08cc0d317f796d0dfd63c"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list-description{margin-top:6px;color:var(--spw-color-themes-grey-grey-800);font-size:16px;line-height:1.25}.spw-list-description--has-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-description--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-list-description--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-list-description--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-list-description--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-list-description--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-list-description--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-list-description--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-list-description--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-list-description--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-list-description--clamp-10{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-description",{lineClamp:[1,"line-clamp"]}]),p=o,a=function(){"undefined"!=typeof customElements&&["spw-list-description"].forEach((e=>{"spw-list-description"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{p as SpwListDescription,a as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as s,t as o}from"./index.js";import{d as n}from"./p-2iE5Jfvp.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.target="_self",this.icon="fa-arrow-right",this.lineClamp="3",this.categoryIcon="fa-file-signature",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.variant,e="--"+this.surface,i=this.el.querySelector("spw-list-title"),s=this.el.querySelector("spw-list-description");i&&i.classList.add(t),i&&i.classList.add(e),i&&this.icon&&i.setAttribute("icon",this.icon),i&&!i.hasAttribute("line-clamp")&&i.setAttribute("line-clamp",this.lineClamp),s&&s.classList.add(t),s&&this.icon&&s.classList.add("--icon"),s&&!s.hasAttribute("line-clamp")&&s.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1),this.setActive(!1)}onTouchStart(){this.setActive(!0)}onTouchEnd(){this.setActive(!1)}onMouseDown(){this.setActive(!0)}onMouseUp(){this.setActive(!1)}onBlur(){this.setActive(!1)}onFocus(){this.setActive(!0)}setHovered(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--hovered",t)}setActive(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--active",t)}get elementClass(){return{"spw-list-item":!0,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon&&""!==this.icon||!!this.categoryIcon&&""!==this.categoryIcon&&!!this.category,["spw-list-item--"+this.variant]:!0}}get elementCatClass(){return{"spw-list-item__category":!0,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){this.categoryLink&&(window.location.href=this.categoryLink)}render(){const{href:t,target:e}=this,o=void 0===this.href?"div":"a",n="div"===o?{}:{href:t,target:e};return i(s,{key:"cdea0ab40e73ac500c3bee0f55d1c84abac98e16"},i("li",{key:"c8549133e2796e9f9f091892a5f3785b19097183",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"4a57fcf055055bae4093d18f6b557f774626cd04",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"9dc7b94d17f56179f6c0ed936312a134709f8553",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"1354200a81ad1c862684d240d3258d9994478672"},n),i("slot",{key:"0d5da5870089dfb94143d594c7e3ae86d91a6546"})),i("slot",{key:"feda003011d1bf74bdc2b3d9488c0c0a08048a85",name:"buttons"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-list-item{position:relative;color:var(--spw-color-themes-grey-grey-900);transition:all 0.3s ease-in-out;text-decoration:none}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{display:inline-block;position:relative;margin-bottom:6px;color:var(--spw-ds-primary);font-weight:700;font-size:16px;line-height:1.5}.spw-list-item__category spw-icon{position:absolute;top:2px;left:-28px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}.spw-list-item ::slotted([slot=buttons]){display:block;margin-top:12px}"}},[257,"spw-list-item",{variant:[1],href:[1],target:[1],icon:[1],lineClamp:[1,"line-clamp"],category:[1],categoryLink:[1,"category-link"],categoryIcon:[1,"category-icon"],surface:[1]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[0,"blur","onBlur"],[0,"focus","onFocus"]]]),r=a,l=function(){"undefined"!=typeof customElements&&["spw-list-item","spw-icon"].forEach((t=>{switch(t){case"spw-list-item":customElements.get(o(t))||customElements.define(o(t),a);break;case"spw-icon":customElements.get(o(t))||n()}}))};export{r as SpwListItem,l as defineCustomElement}
+import{p as t,H as e,h as i,a as s,t as o}from"./index.js";import{d as n}from"./p-2AbKLqDf.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.target="_self",this.icon="fa-arrow-right",this.lineClamp="3",this.categoryIcon="fa-file-signature",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.variant,e="--"+this.surface,i=this.el.querySelector("spw-list-title"),s=this.el.querySelector("spw-list-description");i&&i.classList.add(t),i&&i.classList.add(e),i&&this.icon&&i.setAttribute("icon",this.icon),i&&!i.hasAttribute("line-clamp")&&i.setAttribute("line-clamp",this.lineClamp),s&&s.classList.add(t),s&&this.icon&&s.classList.add("--icon"),s&&!s.hasAttribute("line-clamp")&&s.setAttribute("line-clamp",this.lineClamp)}))}onMouseEnter(){this.setHovered(!0)}onMouseLeave(){this.setHovered(!1),this.setActive(!1)}onTouchStart(){this.setActive(!0)}onTouchEnd(){this.setActive(!1)}onMouseDown(){this.setActive(!0)}onMouseUp(){this.setActive(!1)}onBlur(){this.setActive(!1)}onFocus(){this.setActive(!0)}setHovered(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--hovered",t)}setActive(t){const e=this.el.querySelector("spw-list-title");e&&this.href&&e.classList.toggle("--active",t)}get elementClass(){return{"spw-list-item":!0,"spw-list-item--hoverable":!!this.href,"spw-list-item--icon":!!this.icon&&""!==this.icon||!!this.categoryIcon&&""!==this.categoryIcon&&!!this.category,["spw-list-item--"+this.variant]:!0}}get elementCatClass(){return{"spw-list-item__category":!0,"spw-list-item__category--icon":!!this.categoryIcon,"spw-list-item__category--hoverable":!!this.categoryLink}}handleClick(){this.categoryLink&&(window.location.href=this.categoryLink)}render(){const{href:t,target:e}=this,o=void 0===this.href?"div":"a",n="div"===o?{}:{href:t,target:e};return i(s,{key:"eafe7d1f2f7b5ca93c0595ee20543227ce90767a"},i("li",{key:"2585e4fe332a30e42daf8e60b12045ab7b013e01",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"54b3abbb818a131076d3ed0b557dbc75d845f1e5",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"e5ba5fb5f8b12bafe193270dff8f3a77b2065469",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"fb7056013967ee1907f3829522267226794c0191"},n),i("slot",{key:"6bf7fe68f774778cb072da948f866d6d3db868b0"})),i("slot",{key:"c3a18479a9cea632e0ce0c10490afa6b04dc767d",name:"buttons"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-list-item{position:relative;color:var(--spw-color-themes-grey-grey-900);transition:all 0.3s ease-in-out;text-decoration:none}:host(.--dark) .spw-list-item{color:var(--spw-ds-white)}.spw-list-item a{text-decoration:none}.spw-list-item--icon{padding-left:28px}.spw-list-item__category{display:inline-block;position:relative;margin-bottom:6px;color:var(--spw-ds-primary);font-weight:700;font-size:16px;line-height:1.5}.spw-list-item__category spw-icon{position:absolute;top:2px;left:-28px}.spw-list-item__category--hoverable{cursor:pointer}.spw-list-item__category--hoverable:hover{text-decoration:underline}.spw-list-item ::slotted([slot=buttons]){display:block;margin-top:12px}"}},[257,"spw-list-item",{variant:[1],href:[1],target:[1],icon:[1],lineClamp:[1,"line-clamp"],category:[1],categoryLink:[1,"category-link"],categoryIcon:[1,"category-icon"],surface:[1]},[[0,"slotchange","slotChanged"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[1,"mousedown","onMouseDown"],[1,"mouseup","onMouseUp"],[0,"blur","onBlur"],[0,"focus","onFocus"]]]),r=a,l=function(){"undefined"!=typeof customElements&&["spw-list-item","spw-icon"].forEach((t=>{switch(t){case"spw-list-item":customElements.get(o(t))||customElements.define(o(t),a);break;case"spw-icon":customElements.get(o(t))||n()}}))};export{r as SpwListItem,l as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as s,t as n}from"./index.js";import{d as p}from"./p-2iE5Jfvp.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-title":!0,"spw-list-title--has-clamp":"none"!==this.lineClamp,"spw-list-title--icon":!!this.icon,["spw-list-title--clamp-"+this.lineClamp]:!0}}render(){return i(s,{key:"bed30a33d4528eac85ebb9d43f7563a2fa8ae4fe"},i("div",{key:"5723adcfda674ba2b6f1731c0264c621688f2b26",class:this.elementClass},this.icon&&i("spw-icon",{key:"8afa24b861b7893b64b2eac98fe2d17900a41ef4",icon:this.icon}),i("div",{key:"d771b6adb849c1be699be4de0d5067a415948a0d",class:"spw-list-title__content"},i("div",{key:"7b9f49122f57901c9849d04381f0e3e984b85234",class:"spw-list-title__content-text"},i("slot",{key:"576dae11c41bfa7af5b7e7956bb8a054a14c5d92"})))))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:var(--spw-ds-font-main)}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);text-decoration:underline;text-underline-offset:2px}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{text-decoration-thickness:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;display:inline-flex;line-height:1.35}.spw-list-title spw-icon{position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;text-decoration:none;text-underline-offset:2px}:host(.--hovered) .spw-list-title__content-text{text-decoration:underline}:host(.--active) .spw-list-title__content-text{text-decoration:underline}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-title",{icon:[1],lineClamp:[1,"line-clamp"]}]),a=o,l=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(n(t))||customElements.define(n(t),o);break;case"spw-icon":customElements.get(n(t))||p()}}))};export{a as SpwListTitle,l as defineCustomElement}
+import{p as t,H as e,h as i,a as s,t as n}from"./index.js";import{d as p}from"./p-2AbKLqDf.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get elementClass(){return{"spw-list-title":!0,"spw-list-title--has-clamp":"none"!==this.lineClamp,"spw-list-title--icon":!!this.icon,["spw-list-title--clamp-"+this.lineClamp]:!0}}render(){return i(s,{key:"62edfa8d6cb5e0726b3144f885180bec1b82074d"},i("div",{key:"c679f987917fad33a890b6d838322d8ac38dfe0d",class:this.elementClass},this.icon&&i("spw-icon",{key:"5d745235f5c673f37ffcd2bd061f304840b206a5",icon:this.icon}),i("div",{key:"327e421fcb169435f22264d10c20b530de571436",class:"spw-list-title__content"},i("div",{key:"4eb8fc3129bc4e38a77c7b3be6efce5d26a97737",class:"spw-list-title__content-text"},i("slot",{key:"d2227e5d0d8d99718be51cdcef8d90156c70613d"})))))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:var(--spw-ds-font-main)}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);text-decoration:underline;text-underline-offset:2px}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{text-decoration-thickness:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;display:inline-flex;line-height:1.35}.spw-list-title spw-icon{position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;text-decoration:none;text-underline-offset:2px}:host(.--hovered) .spw-list-title__content-text{text-decoration:underline}:host(.--active) .spw-list-title__content-text{text-decoration:underline}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}"}},[257,"spw-list-title",{icon:[1],lineClamp:[1,"line-clamp"]}]),l=o,a=function(){"undefined"!=typeof customElements&&["spw-list-title","spw-icon"].forEach((t=>{switch(t){case"spw-list-title":customElements.get(n(t))||customElements.define(n(t),o);break;case"spw-icon":customElements.get(n(t))||p()}}))};export{l as SpwListTitle,a as defineCustomElement}

package/dist/components/spw-list.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as n,t as s}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.surface;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,["spw-list--"+this.gap]:!0}}render(){return i(n,{key:"050c2fe2551fe19b28a5e3ebf1b4f93429a14d8b"},i("ul",{key:"97388e33ef1033401ae6615b08f0c99ef1f83b9a",role:"list",class:this.elementClass},i("slot",{key:"c051f48c94b4ed58075f088b76a85ce2a8f17347"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}"}},[257,"spw-list",{gap:[1],surface:[1]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-list"].forEach((t=>{"spw-list"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{a as SpwList,r as defineCustomElement}
+import{p as t,H as e,h as i,a as n,t as s}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.gap="medium",this.surface="light"}componentWillLoad(){this.applyVariantToChildren()}slotChanged(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t="--"+this.surface;this.el.querySelectorAll("spw-list-item").forEach((e=>{e.classList.add(t),e.setAttribute("surface",this.surface)}))}))}get elementClass(){return{"spw-list":!0,["spw-list--"+this.gap]:!0}}render(){return i(n,{key:"1a107dea16f5ee6b129755b52622578ea3a50b23"},i("ul",{key:"c2f6ef31491980ccbc154dcd31856e4958fd5abb",role:"list",class:this.elementClass},i("slot",{key:"5dc1c74ffbfed588245592f893acdcc5e6d1d08f"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}"}},[257,"spw-list",{gap:[1],surface:[1]},[[0,"slotchange","slotChanged"]]]),a=o,r=function(){"undefined"!=typeof customElements&&["spw-list"].forEach((t=>{"spw-list"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))};export{a as SpwList,r as defineCustomElement}

package/dist/components/spw-loading.js

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

package/dist/components/spw-message.js

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

package/dist/components/spw-modal.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as s,a as i,t as a}from"./index.js";import{q as n,i as r,a as d}from"./p-Hi4pwfHU.js";import{a as l,K as p}from"./p-BRFNx2DL.js";import{d as c}from"./p-2iE5Jfvp.js";import{d as b}from"./p-DPpA6jtb.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwModalOpen=o(this,"spwModalOpen",7),this.spwModalClose=o(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-trigger"))}));o&&o.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-close"))}));o&&o.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=n(this.hostElement.shadowRoot,(t=>d(t)||t.matches("[data-focus-trap-edge]")),r),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0,this.isCloseButtonSticky=!1,requestAnimationFrame((()=>{this.modalContent&&(this.modalContent.scrollTop=0)}));try{l(this.modalContainer,p.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{l(this.modalContainer,p.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return s(i,{key:"4d8b2a852d14fadd49059e1687d3d89e6fbed545"},s("div",{key:"f45893b6cfc0420c97e5f0edf52e7a102582523c",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"71122b0a2a0e6f7b9cfcde9f60031c27a91527d0",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"1ef1a1c737fbdc74829bab4569a1576ea9f36861",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"544c297e94fa0f774ac70287b3da2caf3198ecef",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"97b268574a722a7c40ed6fbae5861d40240a9e81",class:"spw-modal__header"},s("div",{key:"c0b71b4a9f1cb2b6261832bf2c7fbefa4596bb97",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"ae93da613c0bb8127467ff7a46224e8901621e1d",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"71aa181645c3fd5b5a6a05461753706488a68eb9",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"e27523243deb94c5231fa9b562ca551fcbc97b96",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},s("spw-link",{key:"a29e03373ed1ff5cb3189892b6376bbc544ccfdf","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"c5dc79129a19705c253335df8da4ebaa09b4d4fc",class:"spw-modal__body"},s("slot",{key:"fa86aff282530c89ff2d15535a74d96ba96c3b41",name:"content"})),s("div",{key:"bbba5a819fb00ef23a1ff041821293a07a7650bf",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"dc7a8b982b73c92ca3d37e51f02dc76019f22b60",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"3cf2bcab0da6003c7b5f11db93e359607e934f04","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return this}static get watchers(){return{opened:[{openedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}"}},[257,"spw-modal",{opened:[1540],caption:[1],closeButtonText:[1,"close-button-text"],closeOnOverlayClick:[4,"close-on-overlay-click"],stickyButtons:[4,"sticky-buttons"],size:[1],alertIcon:[1,"alert-icon"],showCloseButton:[4,"show-close-button"],showModal:[32],slotButtonsPresent:[32],isCloseButtonSticky:[32],closeModal:[64],openModal:[64]},void 0,{opened:[{openedChanged:0}]}]),w=h,m=function(){"undefined"!=typeof customElements&&["spw-modal","spw-icon","spw-link"].forEach((t=>{switch(t){case"spw-modal":customElements.get(a(t))||customElements.define(a(t),h);break;case"spw-icon":customElements.get(a(t))||c();break;case"spw-link":customElements.get(a(t))||b()}}))};export{w as SpwModal,m as defineCustomElement}
+import{p as t,H as e,c as o,h as s,a as i,t as a}from"./index.js";import{q as n,i as r,a as d}from"./p-Hi4pwfHU.js";import{a as l,K as p}from"./p-BRFNx2DL.js";import{d as c}from"./p-2AbKLqDf.js";import{d as b}from"./p-CnzSr9Im.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwModalOpen=o(this,"spwModalOpen",7),this.spwModalClose=o(this,"spwModalClose",7),this.opened=!1,this.showModal=this.opened||!1,this.caption="Titre de la modal",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.stickyButtons=!1,this.size="small",this.alertIcon="",this.slotButtonsPresent=!1,this.isCloseButtonSticky=!1,this.showCloseButton=!0,this.focusableElements=[],this.handleClick=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-trigger"))}));o&&o.getAttribute("data-modal-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleClose=t=>{const o=t.composedPath().find((t=>{var o;return t instanceof e&&(null===(o=t.hasAttribute)||void 0===o?void 0:o.call(t,"data-modal-close"))}));o&&o.getAttribute("data-modal-close")===this.hostElement.id&&(this.opened=!1)},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())},this.handleKeypress=t=>{this.showModal&&"Escape"===t.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleContentScroll=()=>{this.modalContent&&(this.isCloseButtonSticky=this.modalContent.scrollTop>=60)}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=!0}componentDidLoad(){this.focusableElements=n(this.hostElement.shadowRoot,(t=>d(t)||t.matches("[data-focus-trap-edge]")),r),window.addEventListener("click",this.handleClick,{capture:!0}),window.addEventListener("click",this.handleClose,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick),window.removeEventListener("click",this.handleClose),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(t){null!=t?setTimeout((()=>{t.focus()}),0):setTimeout((()=>{this.closeButton.focus()}))}open(){this.showModal=!0,this.isCloseButtonSticky=!1,requestAnimationFrame((()=>{this.modalContent&&(this.modalContent.scrollTop=0)}));try{l(this.modalContainer,p.fadeIn,{duration:200}).addEventListener("finish",(()=>{setTimeout((()=>{}),0),this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{l(this.modalContainer,p.fadeOut,{duration:200}).addEventListener("finish",(()=>{this.showModal=!1,this.spwModalClose.emit()}))}catch(t){this.showModal=!1,this.spwModalClose.emit()}}stopAllVideos(){this.hostElement.querySelectorAll("iframe").forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t),e.some((t=>t.defaultPrevented))||(this.opened=!1)}openedChanged(t){!0===t?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}get elementClass(){return{"spw-modal":!0,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return s(i,{key:"16c9b95bb4d4a7c8a30d7cf8c8f1180a57b9758d"},s("div",{key:"ed4ce3b9a690af363deb23fda38b581af43acbff",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"1faf5cbdf2a7dda9e5a018d8740beef1b04cd1df",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"4a720df2b34cb7ac297afcdd63fe358d6cf68e0d",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"66c3c2a37d445e83e98caefdf00070b695ea169a",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"36b51115b608dee56e59991a81b7a9f52e37b7e7",class:"spw-modal__header"},s("div",{key:"9eb6eeb344cd249b7d01c121867074df02df0262",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"9ad8e3db4e79c57bf3a1fcec88cb4a3878e7b356",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"0abb86eb218f53cab5a3d4d74d85a759054cff9b",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"66b2ec5a6e8407d2683b55d184e96b1c9b815823",class:{"spw-modal__close-button":!0,"spw-modal__close-button--sticky":this.isCloseButtonSticky},ref:t=>this.closeButton=t,onClick:()=>this.doBeforeClose("CLOSE_BUTTON")},s("spw-link",{key:"8c6467ef94fbc24697ffc031a516140e46d6c14a","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"d49b5c986d12f58fb4a83122cdd5e281a30726a8",class:"spw-modal__body"},s("slot",{key:"02775e3c735f422f0c737c93515970610886f071",name:"content"})),s("div",{key:"32defb07798503b9cb6d42d9ec83aa2daef5f58e",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"f6fa36952b3d73cd02014d5b3059d4feeed24435",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"4e5a643019b2a7b989922d1ca47eca659804c585","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return this}static get watchers(){return{opened:[{openedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}"}},[257,"spw-modal",{opened:[1540],caption:[1],closeButtonText:[1,"close-button-text"],closeOnOverlayClick:[4,"close-on-overlay-click"],stickyButtons:[4,"sticky-buttons"],size:[1],alertIcon:[1,"alert-icon"],showCloseButton:[4,"show-close-button"],showModal:[32],slotButtonsPresent:[32],isCloseButtonSticky:[32],closeModal:[64],openModal:[64]},void 0,{opened:[{openedChanged:0}]}]),w=h,m=function(){"undefined"!=typeof customElements&&["spw-modal","spw-icon","spw-link"].forEach((t=>{switch(t){case"spw-modal":customElements.get(a(t))||customElements.define(a(t),h);break;case"spw-icon":customElements.get(a(t))||c();break;case"spw-link":customElements.get(a(t))||b()}}))};export{w as SpwModal,m as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as i,h as e,a as s,t as o}from"./index.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentColsMobile=1,this.parentColsTablet=2,this.parentColsDesktop=3}componentDidLoad(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this)),this.applyColSpans()}disconnectedCallback(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}colSpanChanged(){this.applyColSpans()}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.parentColsMobile=i,this.parentColsTablet=e,this.parentColsDesktop=s,this.applyColSpans()}applyColSpans(){this.el.style.setProperty("--spw-mosaic-item-width-mobile",this.colSpanMobile?`calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`:`calc(100% / ${this.parentColsMobile})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",this.colSpanTablet?`calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`:`calc(100% / ${this.parentColsTablet})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",this.colSpanDesktop?`calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`:`calc(100% / ${this.parentColsDesktop})`)}render(){return e(s,{key:"04a1163bf00c9fa4fd26766b0010cfda8d8d2cbb"},e("slot",{key:"5ab56c1ae0ca4d8473284fb74d318efab007d1cb"}))}get el(){return this}static get watchers(){return{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}'}},[257,"spw-mosaic-item",{colSpanMobile:[2,"col-span-mobile"],colSpanTablet:[2,"col-span-tablet"],colSpanDesktop:[2,"col-span-desktop"]},void 0,{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}]),p=a,c=function(){"undefined"!=typeof customElements&&["spw-mosaic-item"].forEach((t=>{"spw-mosaic-item"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{p as SpwMosaicItem,c as defineCustomElement}
+import{p as t,H as i,h as e,a as s,t as o}from"./index.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.parentColsMobile=1,this.parentColsTablet=2,this.parentColsDesktop=3}componentDidLoad(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this)),this.applyColSpans()}disconnectedCallback(){var t;null===(t=this.el.closest("spw-mosaic"))||void 0===t||t.removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}colSpanChanged(){this.applyColSpans()}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.parentColsMobile=i,this.parentColsTablet=e,this.parentColsDesktop=s,this.applyColSpans()}applyColSpans(){this.el.style.setProperty("--spw-mosaic-item-width-mobile",this.colSpanMobile?`calc(100% / ${this.parentColsMobile} * ${this.colSpanMobile})`:`calc(100% / ${this.parentColsMobile})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",this.colSpanTablet?`calc(100% / ${this.parentColsTablet} * ${this.colSpanTablet})`:`calc(100% / ${this.parentColsTablet})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",this.colSpanDesktop?`calc(100% / ${this.parentColsDesktop} * ${this.colSpanDesktop})`:`calc(100% / ${this.parentColsDesktop})`)}render(){return e(s,{key:"14fa107f752870d60c7fb914552c946ec2bbb492"},e("slot",{key:"5648c75c220c24ef53d1e00a254ea768502bbd87"}))}get el(){return this}static get watchers(){return{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}}static get style(){return'@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}'}},[257,"spw-mosaic-item",{colSpanMobile:[2,"col-span-mobile"],colSpanTablet:[2,"col-span-tablet"],colSpanDesktop:[2,"col-span-desktop"]},void 0,{colSpanMobile:[{colSpanChanged:0}],colSpanTablet:[{colSpanChanged:0}],colSpanDesktop:[{colSpanChanged:0}]}]),p=a,c=function(){"undefined"!=typeof customElements&&["spw-mosaic-item"].forEach((t=>{"spw-mosaic-item"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{p as SpwMosaicItem,c as defineCustomElement}

package/dist/components/spw-mosaic.js

@@ -15,4 +15,4 @@ import{p as t,H as i,h as n,a as s,t as o}from"./index.js";import{g as e}from"./
  * https://masonry.desandro.com
  * MIT License
  * by David DeSandro
- */var L=(M||(M=1,function(t){!function(i,n){t.exports?t.exports=n(T(),p()):i.Masonry=n(i.Outlayer,i.getSize)}(window,(function(t,i){var n=t.create("masonry");n.compatOptions.fitWidth="isFitWidth";var s=n.prototype;return s._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},s.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],n=t&&t.element;this.columnWidth=n&&i(n).outerWidth||this.containerWidth}var s=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,e=o/s,r=s-o%s;e=Math[r&&r<1?"round":"floor"](e),this.cols=Math.max(e,1)},s.getContainerWidth=function(){var t=this._getOption("fitWidth"),n=i(t?this.element.parentNode:this.element);this.containerWidth=n&&n.innerWidth},s._getItemLayoutPosition=function(t){t.getSize();for(var i=t.size.outerWidth%this.columnWidth,n=Math[i&&i<1?"round":"ceil"](t.size.outerWidth/this.columnWidth),s=this[this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition"](n=Math.min(n,this.cols),t),o={x:this.columnWidth*s.col,y:s.y},e=s.y+t.size.outerHeight,r=n+s.col,h=s.col;h<r;h++)this.colYs[h]=e;return o},s._getTopColPosition=function(t){var i=this._getTopColGroup(t),n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}},s._getTopColGroup=function(t){if(t<2)return this.colYs;for(var i=[],n=this.cols+1-t,s=0;s<n;s++)i[s]=this._getColGroupY(s,t);return i},s._getColGroupY=function(t,i){if(i<2)return this.colYs[t];var n=this.colYs.slice(t,t+i);return Math.max.apply(Math,n)},s._getHorizontalColPosition=function(t,i){var n=this.horizontalColIndex%this.cols;return n=t>1&&n+t>this.cols?0:n,this.horizontalColIndex=i.size.outerWidth&&i.size.outerHeight?n+t:this.horizontalColIndex,{col:n,y:this._getColGroupY(n,t)}},s._manageStamp=function(t){var n=i(t),s=this._getElementOffset(t),o=this._getOption("originLeft")?s.left:s.right,e=o+n.outerWidth,r=Math.floor(o/this.columnWidth);r=Math.max(0,r);var h=Math.floor(e/this.columnWidth);h=Math.min(this.cols-1,h-=e%this.columnWidth?0:1);for(var a=(this._getOption("originTop")?s.top:s.bottom)+n.outerHeight,u=r;u<=h;u++)this.colYs[u]=Math.max(a,this.colYs[u])},s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},s._getContainerFitWidth=function(){for(var t=0,i=this.cols;--i&&0===this.colYs[i];)t++;return(this.cols-t)*this.columnWidth-this.gutter},s.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},n}))}(h)),h.exports),D=e(L);const W=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isMasonry=!1,this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.initialized=!1}itemsChanged(t,i){t!==i&&this.isMasonry&&this.refreshMasonryLayout()}isMasonryChanged(t){t?this.initializeMasonry():this.destroyMasonry()}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img"),i=Array.from(t).map((t=>new Promise((i=>{t.complete?i():t.addEventListener("load",(()=>i()),{once:!0})}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){this.isMasonry&&(await this.waitForImages(),this.initializeMasonry())}componentDidLoad(){this.isMasonry&&this.initializeMasonry(),this.observeSlotChanges(),this.emitConfigurationChanged()}componentDidUpdate(){this.isMasonry&&this.refreshMasonryLayout()}disconnectedCallback(){this.destroyMasonry(),this.observer&&this.observer.disconnect()}async initializeMasonry(){this.isMasonry&&requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot").assignedElements({flatten:!0});if(t.length>0){const i=Array.from(t).find((t=>!t.hasAttribute("col-span-desktop")&&!t.hasAttribute("col-span-tablet")&&!t.hasAttribute("col-span-mobile")))||t[0];this.masonry=new D(this.el,{itemSelector:"spw-mosaic-item",columnWidth:i,percentPosition:!0,gutter:0}),this.initialized=!0,t.forEach((t=>{t.querySelectorAll("img").forEach((t=>{t.complete||t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:!0})}))}))}}))}updateMasonryLayout(){this.masonry&&this.initialized&&this.isMasonry&&this.masonry.layout()}destroyMasonry(){this.masonry&&(this.masonry.destroy(),this.masonry=null,this.initialized=!1)}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&this.initialized&&this.isMasonry&&this.initializeMasonry()})),this.observer.observe(t,{childList:!0})}get elementClass(){return{"spw-mosaic":!0,"spw-mosaic--no-masonry":!this.isMasonry}}render(){return n(s,{key:"334696b89e3164c23996672062beaeb8b278fbec"},n("div",{key:"0548ef1fd19b768e72e3a28f890ca27f733120a6",class:this.elementClass},n("slot",{key:"519ead1db49c101efc8c68b735b7e793e497c49c"})))}get el(){return this}static get watchers(){return{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}"}},[257,"spw-mosaic",{items:[8],isMasonry:[4,"is-masonry"],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],initialized:[32],waitForImages:[64],initializeMasonry:[64]},void 0,{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),E=W,F=function(){"undefined"!=typeof customElements&&["spw-mosaic"].forEach((t=>{"spw-mosaic"===t&&(customElements.get(o(t))||customElements.define(o(t),W))}))};export{E as SpwMosaic,F as defineCustomElement}
+ */var L=(M||(M=1,function(t){!function(i,n){t.exports?t.exports=n(T(),p()):i.Masonry=n(i.Outlayer,i.getSize)}(window,(function(t,i){var n=t.create("masonry");n.compatOptions.fitWidth="isFitWidth";var s=n.prototype;return s._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},s.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],n=t&&t.element;this.columnWidth=n&&i(n).outerWidth||this.containerWidth}var s=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,e=o/s,r=s-o%s;e=Math[r&&r<1?"round":"floor"](e),this.cols=Math.max(e,1)},s.getContainerWidth=function(){var t=this._getOption("fitWidth"),n=i(t?this.element.parentNode:this.element);this.containerWidth=n&&n.innerWidth},s._getItemLayoutPosition=function(t){t.getSize();for(var i=t.size.outerWidth%this.columnWidth,n=Math[i&&i<1?"round":"ceil"](t.size.outerWidth/this.columnWidth),s=this[this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition"](n=Math.min(n,this.cols),t),o={x:this.columnWidth*s.col,y:s.y},e=s.y+t.size.outerHeight,r=n+s.col,h=s.col;h<r;h++)this.colYs[h]=e;return o},s._getTopColPosition=function(t){var i=this._getTopColGroup(t),n=Math.min.apply(Math,i);return{col:i.indexOf(n),y:n}},s._getTopColGroup=function(t){if(t<2)return this.colYs;for(var i=[],n=this.cols+1-t,s=0;s<n;s++)i[s]=this._getColGroupY(s,t);return i},s._getColGroupY=function(t,i){if(i<2)return this.colYs[t];var n=this.colYs.slice(t,t+i);return Math.max.apply(Math,n)},s._getHorizontalColPosition=function(t,i){var n=this.horizontalColIndex%this.cols;return n=t>1&&n+t>this.cols?0:n,this.horizontalColIndex=i.size.outerWidth&&i.size.outerHeight?n+t:this.horizontalColIndex,{col:n,y:this._getColGroupY(n,t)}},s._manageStamp=function(t){var n=i(t),s=this._getElementOffset(t),o=this._getOption("originLeft")?s.left:s.right,e=o+n.outerWidth,r=Math.floor(o/this.columnWidth);r=Math.max(0,r);var h=Math.floor(e/this.columnWidth);h=Math.min(this.cols-1,h-=e%this.columnWidth?0:1);for(var a=(this._getOption("originTop")?s.top:s.bottom)+n.outerHeight,u=r;u<=h;u++)this.colYs[u]=Math.max(a,this.colYs[u])},s._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},s._getContainerFitWidth=function(){for(var t=0,i=this.cols;--i&&0===this.colYs[i];)t++;return(this.cols-t)*this.columnWidth-this.gutter},s.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},n}))}(h)),h.exports),D=e(L);const W=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isMasonry=!1,this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.initialized=!1}itemsChanged(t,i){t!==i&&this.isMasonry&&this.refreshMasonryLayout()}isMasonryChanged(t){t?this.initializeMasonry():this.destroyMasonry()}async waitForImages(){const t=this.el.shadowRoot.querySelectorAll("img"),i=Array.from(t).map((t=>new Promise((i=>{t.complete?i():t.addEventListener("load",(()=>i()),{once:!0})}))));await Promise.all(i)}emitConfigurationChanged(){const t=new CustomEvent("mosaicConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(t)}configurationChanged(){this.emitConfigurationChanged()}async refreshMasonryLayout(){this.isMasonry&&(await this.waitForImages(),this.initializeMasonry())}componentDidLoad(){this.isMasonry&&this.initializeMasonry(),this.observeSlotChanges(),this.emitConfigurationChanged()}componentDidUpdate(){this.isMasonry&&this.refreshMasonryLayout()}disconnectedCallback(){this.destroyMasonry(),this.observer&&this.observer.disconnect()}async initializeMasonry(){this.isMasonry&&requestAnimationFrame((()=>{const t=this.el.shadowRoot.querySelector("slot").assignedElements({flatten:!0});if(t.length>0){const i=Array.from(t).find((t=>!t.hasAttribute("col-span-desktop")&&!t.hasAttribute("col-span-tablet")&&!t.hasAttribute("col-span-mobile")));let n;if(i){n=i;const t=this.el.querySelector(".spw-mosaic__sizer");null==t||t.remove()}else{let t=this.el.querySelector(".spw-mosaic__sizer");t||(t=document.createElement("div"),t.className="spw-mosaic__sizer",t.style.height="0",t.style.padding="0",t.style.margin="0",t.style.visibility="hidden",this.el.appendChild(t)),t.style.width=`calc(100% / ${this.colsDesktop})`,n=t}this.masonry=new D(this.el,{itemSelector:"spw-mosaic-item",columnWidth:n,percentPosition:!0,gutter:0}),this.initialized=!0,t.forEach((t=>{t.querySelectorAll("img").forEach((t=>{t.complete||t.addEventListener("load",this.updateMasonryLayout.bind(this),{once:!0})}))}))}}))}updateMasonryLayout(){this.masonry&&this.initialized&&this.isMasonry&&this.masonry.layout()}destroyMasonry(){this.masonry&&(this.masonry.destroy(),this.masonry=null,this.initialized=!1);const t=this.el.querySelector(".spw-mosaic__sizer");null==t||t.remove()}observeSlotChanges(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t)"childList"===i.type&&this.initialized&&this.isMasonry&&this.initializeMasonry()})),this.observer.observe(t,{childList:!0})}get elementClass(){return{"spw-mosaic":!0,"spw-mosaic--no-masonry":!this.isMasonry}}render(){return n(s,{key:"0ffcea1b5b38b5fd436a24dbd67936e14c435272"},n("div",{key:"673e879305bc5c3553f5076479684415aa4ec2ae",class:this.elementClass},n("slot",{key:"c775b18265e25219de78c61f6a07ec3fc369d97e"})))}get el(){return this}static get watchers(){return{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}"}},[257,"spw-mosaic",{items:[8],isMasonry:[4,"is-masonry"],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],initialized:[32],waitForImages:[64],initializeMasonry:[64]},void 0,{items:[{itemsChanged:0}],isMasonry:[{isMasonryChanged:0}],colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),E=W,F=function(){"undefined"!=typeof customElements&&["spw-mosaic"].forEach((t=>{"spw-mosaic"===t&&(customElements.get(o(t))||customElements.define(o(t),W))}))};export{E as SpwMosaic,F as defineCustomElement}

package/dist/components/spw-pagination.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-DlnEjqPF.js";import{d as l}from"./p-C5lqDBLM.js";import{d as r}from"./p-2iE5Jfvp.js";import{d as c}from"./p-DPpA6jtb.js";import{d}from"./p-BP0QYENJ.js";import{d as g}from"./p-DDihlS_6.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(e){this.inputPageValue=""+e}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const e=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>e&&(this.currentPage=e,this.pageChanged.emit(this.currentPage))}async setPage(e){this.goToPage(e)}goToPage(e){e!==this.currentPage&&!this.isDisabled&&e>=1&&e<=this.totalPages&&(this.isDynamic&&(this.currentPage=e),this.pageChanged.emit(e))}handleInputChange(e){const t=e.target.value;this.inputPageValue=t;const i=parseInt(t,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var e,t;const i=this.calculatePageRange(),a=i.filter((({page:e})=>"..."===e)).length,s=a>0&&"..."===(null===(e=i[1])||void 0===e?void 0:e.page),n=a>0&&"..."===(null===(t=i[i.length-2])||void 0===t?void 0:t.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(e){if("Enter"===e.key){const e=parseInt(this.inputPageValue,10);isNaN(e)||this.goToPage(e)}}calculatePageRange(){const e=[],{currentPage:t,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=3){for(let t=1;t<=3;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-2){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-2;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-1;i<=t+1;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let t=1;t<=i;t++)e.push({page:t,class:"spw-pagination__item--small-range"});else if(t<=4){for(let t=1;t<=4;t++)e.push({page:t,class:"spw-pagination__item--start-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}else if(t>=i-3){e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let t=i-3;t<=i;t++)e.push({page:t,class:"spw-pagination__item--end-range"})}else{e.push({page:1,class:"spw-pagination__item--start"}),e.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=t-2;i<=t+2;i++)e.push({page:i,class:"spw-pagination__item--middle-range"});e.push({page:"...",class:"spw-pagination__item--ellipsis"}),e.push({page:i,class:"spw-pagination__item--end"})}return e}render(){const e=this.calculatePageRange(),t=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"fff8c53f44ed0b24b9f150febab76934a5d0c65b",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"4683ff7b49848a970c073cdef82351246fdfaeb6",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"8100d69ffaef074a8b968bcc460609281d530cc3",icon:"fa-chevron-left"})," ",a("span",{key:"93c2cb2edf692f6044453d6bb2bdf2e1955b1844",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=t&&a("li",{key:"09438af671c9979f50e42cbc614e489f150f254e",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"ced63eed5e977d14495c3743a16d5c880290c47c",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"a197e149be556f5bd9b562720a39a96a3ee8595f",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"e8b3aac239ec2b93727eea30663fbe45a71f5e69",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"5fbded02de87b04b7e4ee1db1de8c1d90f8d00e1",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"266cb6243906ff31f7d858ee468ebe1608ff3e79",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"94b6fc58726c070f08ca5e99eb3db7ecb2efa94d",icon:"fa-chevron-left"})," ",a("span",{key:"80dba1564815128b5122de187c1b77352c6979df"},this.previousButtonText))),l=this.currentPage<this.totalPages&&a("li",{key:"152fb6a3265903a59328ec821ae39959fe4bf797",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"08bfa90c4f6e7255ac5e8f6c7c04c462d8e82f44",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"87adcd5f675849d5a22c972c2d81b40157563bda"},this.nextButtonText)," ",a("spw-icon",{key:"e63a7f995b7a2590529fc7508c0236c2c5a6bd31",icon:"fa-chevron-right"}))),r=a("ul",{key:"1a1aac0686b258504e87bc0c28092a4520f1b06a",class:"spw-pagination__mobile-arrows"},p,l);return a(n,{key:"38e992e659b2f495f8fb9a7179f6495ea33b65e6"},a("div",{key:"364998499c41a1bb553a1a0a20a9b5bfb54ab5ab",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"58f894dad67e1eb955efe7f07d4e6d618d89e425"},a("ul",{key:"eb88e1d90b12ee57f6291e22b8e83ebeaa3a7795"},i,a("li",{key:"44ba0de1f0667a8a08092d437ea9083b59c9ddb9",class:"spw-pagination__input"},a("spw-text-field",{key:"3657e851a79cb4125265dfb31c8dc6237b6ceaff",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:e=>this.handleInputChange(e),onKeyDown:e=>this.handleKeyDown(e),disabled:this.isDisabled})),a("li",{key:"ce556cd4687415deb80b5cdaf649f2d3454b38e2",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),r),"numbers"===this.variant&&a(s,{key:"fa0855df49e8875f7372f993c37f5470fba032ea"},a("ul",{key:"e344f6c415d7f464b5292c90b3ec3d57eed2687b"},i,e.map((({page:e,class:t})=>"..."===e?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+t},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":e===this.currentPage,[t]:!0}},a("button",{onClick:()=>this.goToPage(e),disabled:e===this.currentPage},e)))),o),r)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),b=m,w=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-link","spw-text-field","spw-tooltip"].forEach((e=>{switch(e){case"spw-pagination":customElements.get(o(e))||customElements.define(o(e),m);break;case"spw-field-label":customElements.get(o(e))||p();break;case"spw-field-message":customElements.get(o(e))||l();break;case"spw-icon":customElements.get(o(e))||r();break;case"spw-link":customElements.get(o(e))||c();break;case"spw-text-field":customElements.get(o(e))||d();break;case"spw-tooltip":customElements.get(o(e))||g()}}))};export{b as SpwPagination,w as defineCustomElement}
+import{p as t,H as e,c as i,h as a,F as s,a as n,t as o}from"./index.js";import{d as p}from"./p-DlhwYK4n.js";import{d as c}from"./p-B2P8l7B3.js";import{d as l}from"./p-2AbKLqDf.js";import{d as r}from"./p-CnzSr9Im.js";import{d}from"./p-B43Zutdz.js";import{d as g}from"./p-aWQ1v8BH.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChanged=i(this,"pageChanged",7),this.isDisabled=!1,this.variant="numbers",this.currentPage=1,this.nextButtonText="Suivant",this.previousButtonText="Précédent",this.isDynamic=!0,this.inputPageValue="",this.isMobile=window.innerWidth<800,this.updateIsMobile=()=>{this.isMobile=window.innerWidth<800}}componentWillLoad(){this.calculateTotalPages(),this.inputPageValue=""+this.currentPage,window.addEventListener("resize",this.updateIsMobile)}disconnectedCallback(){window.removeEventListener("resize",this.updateIsMobile)}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}onCurrentPageChange(t){this.inputPageValue=""+t}onItemsPerPageChange(){this.currentPage=1,this.pageChanged.emit(this.currentPage)}onTotalItemsChange(){if(!this.totalItems||this.totalItems<=0)return;const t=Math.ceil(this.totalItems/this.itemsPerPage);this.currentPage>t&&(this.currentPage=t,this.pageChanged.emit(this.currentPage))}async setPage(t){this.goToPage(t)}goToPage(t){t!==this.currentPage&&!this.isDisabled&&t>=1&&t<=this.totalPages&&(this.isDynamic&&(this.currentPage=t),this.pageChanged.emit(t))}handleInputChange(t){const e=t.target.value;this.inputPageValue=e;const i=parseInt(e,10);!isNaN(i)&&i>=1&&i<=this.totalPages&&(clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.goToPage(i)}),500))}getPaginationClass(){var t,e;const i=this.calculatePageRange(),a=i.filter((({page:t})=>"..."===t)).length,s=a>0&&"..."===(null===(t=i[1])||void 0===t?void 0:t.page),n=a>0&&"..."===(null===(e=i[i.length-2])||void 0===e?void 0:e.page);let o=`spw-pagination spw-pagination--${this.currentPage} spw-pagination--total-${this.totalPages}`;return 2===a?o+=" spw-pagination--double-ellipsis":s?o+=" spw-pagination--ellipsis-start":n&&(o+=" spw-pagination--ellipsis-end"),o}handleKeyDown(t){if("Enter"===t.key){const t=parseInt(this.inputPageValue,10);isNaN(t)||this.goToPage(t)}}calculatePageRange(){const t=[],{currentPage:e,totalPages:i,isMobile:a}=this;if(a)if(i<=5)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=3){for(let e=1;e<=3;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-2){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-2;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-1;i<=e+1;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(i<=7)for(let e=1;e<=i;e++)t.push({page:e,class:"spw-pagination__item--small-range"});else if(e<=4){for(let e=1;e<=4;e++)t.push({page:e,class:"spw-pagination__item--start-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}else if(e>=i-3){t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let e=i-3;e<=i;e++)t.push({page:e,class:"spw-pagination__item--end-range"})}else{t.push({page:1,class:"spw-pagination__item--start"}),t.push({page:"...",class:"spw-pagination__item--ellipsis"});for(let i=e-2;i<=e+2;i++)t.push({page:i,class:"spw-pagination__item--middle-range"});t.push({page:"...",class:"spw-pagination__item--ellipsis"}),t.push({page:i,class:"spw-pagination__item--end"})}return t}render(){const t=this.calculatePageRange(),e=this.currentPage<this.totalPages,i=this.currentPage>1&&a("li",{key:"7d333273df25b9438fa0e80145b4babc5416f373",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"800cbc3d298db429d20fcc9c77befa38bfd238f8",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"2c5b47638e615d95250615bcbeceaeabc61b7618",icon:"fa-chevron-left"})," ",a("span",{key:"8c9a30abaea93a8ef86c43d9ad495306bdd3ae65",class:"spw-pagination__item-arrow-text"},this.previousButtonText))),o=e&&a("li",{key:"5cfa0348113cadea051faa5886a30f3278eb8e60",class:"spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow"},a("button",{key:"8fbb720d8cbc184efa3a66dd52624c6a4129e27f",onClick:()=>this.goToPage(this.currentPage+1)},a("span",{key:"b2dc2426fdca52922ef8e5afbe692e35cc13cc46",class:"spw-pagination__item-arrow-text"},this.nextButtonText)," ",a("spw-icon",{key:"5187d7a541479e0f5203244da521c9493585c4a4",icon:"fa-chevron-right"}))),p=this.currentPage>1&&a("li",{key:"0e130b565e414335351ba30fbd535c565690f24a",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"e9a089565da6a579d08c62dfba93614cfc10ec3f",onClick:()=>this.goToPage(this.currentPage-1)},a("spw-icon",{key:"650e490c50ffcda963d911b0edd403a99f316b1d",icon:"fa-chevron-left"})," ",a("span",{key:"90593caca48b7b24f3b628cbc894d3715db6dc63"},this.previousButtonText))),c=this.currentPage<this.totalPages&&a("li",{key:"a34f6fb90abc33828fbf5e6f7eca2639ab8ccdf0",class:"spw-pagination__item spw-pagination__item--arrow"},a("button",{key:"1698edf9e7bd46b76af487822dccdcbf1a995ce5",onClick:()=>this.goToPage(this.currentPage+1),disabled:this.currentPage>=this.totalPages},a("span",{key:"092efd8fc112baf2e319fb982383c3669bb65f49"},this.nextButtonText)," ",a("spw-icon",{key:"30ae8ec9c01a9cd4583f62caf3a580fc407f0b8e",icon:"fa-chevron-right"}))),l=a("ul",{key:"78440007620e254bb64a9c9baf6cf43fdc0c66a2",class:"spw-pagination__mobile-arrows"},p,c);return a(n,{key:"0fcbe22212f506c24e151171b9b63894abec4e58"},a("div",{key:"a9a02a859bfb99cb98a7f4e9f81d9f1c42012507",class:this.getPaginationClass()},"input"===this.variant&&a(s,{key:"59dfcccd9ce475f0ba723e5dc615af9c15d9c7b6"},a("ul",{key:"f9b650f864f69c0d1e0d7512c06876000dbd3086"},i,a("li",{key:"7507cb7bb5ea8294cf9e0feb60026d878ce92026",class:"spw-pagination__input"},a("spw-text-field",{key:"0ca931d42b92a97414a11b25680f4d211cf9fc56",value:this.inputPageValue,type:"text",name:"pagination-input",onInput:t=>this.handleInputChange(t),onKeyDown:t=>this.handleKeyDown(t),disabled:this.isDisabled})),a("li",{key:"004fca7d0dc00d466dd355f1c65c3c1cac34f910",class:"spw-pagination__total-pages"},"sur ",this.totalPages," ",1===this.totalPages?"page":"pages"),o),l),"numbers"===this.variant&&a(s,{key:"8cf6cb21d95cc70bc3e2219a8951e3e36b5335df"},a("ul",{key:"45b5ebad43f0a4c5b15c9d72f39205eaaacc1e94"},i,t.map((({page:t,class:e})=>"..."===t?a("li",{class:"spw-pagination__item spw-pagination__item--dots "+e},a("spw-icon",{icon:"fa-ellipsis"})):a("li",{class:{"spw-pagination__item":!0,"spw-pagination__item--active":t===this.currentPage,[e]:!0}},a("button",{onClick:()=>this.goToPage(t),disabled:t===this.currentPage},t)))),o),l)))}static get watchers(){return{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}"}},[1,"spw-pagination",{totalItems:[2,"total-items"],itemsPerPage:[2,"items-per-page"],isDisabled:[4,"is-disabled"],variant:[1],currentPage:[1026,"current-page"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],isDynamic:[4,"is-dynamic"],inputPageValue:[32],isMobile:[32],setPage:[64]},void 0,{totalItems:[{calculateTotalPages:0},{onTotalItemsChange:0}],itemsPerPage:[{calculateTotalPages:0},{onItemsPerPageChange:0}],currentPage:[{calculateTotalPages:0},{onCurrentPageChange:0}]}]),b=m,w=function(){"undefined"!=typeof customElements&&["spw-pagination","spw-field-label","spw-field-message","spw-icon","spw-link","spw-text-field","spw-tooltip"].forEach((t=>{switch(t){case"spw-pagination":customElements.get(o(t))||customElements.define(o(t),m);break;case"spw-field-label":customElements.get(o(t))||p();break;case"spw-field-message":customElements.get(o(t))||c();break;case"spw-icon":customElements.get(o(t))||l();break;case"spw-link":customElements.get(o(t))||r();break;case"spw-text-field":customElements.get(o(t))||d();break;case"spw-tooltip":customElements.get(o(t))||g()}}))};export{b as SpwPagination,w as defineCustomElement}

package/dist/components/spw-radio.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){var e,t;const i=null!==(t=null!==(e=this.el.closest("form"))&&void 0!==e?e:this.el.closest("spw-group"))&&void 0!==t?t:document;Array.from(i.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"4150ce36766b42eedc45ad03899fa25953d44b8d",class:"spw-radio"},r("input",{key:"0aa81522086b68ee9661f571c24ba6f38057e3bf",type:"radio",ref:e=>this.inputElement=e,checked:this.internalChecked,"aria-checked":this.internalChecked?"true":"false",onChange:this.handleRadio.bind(this),name:this.name,value:this.value,disabled:this.disabled,style:{display:"none"}}),e&&r("label",{key:"8035c81838019557a886a591c178ec957da00c81",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"5fb0d4c0df296ffdfd177be36fb556b53ae628b7"})),r("div",{key:"4bda2e047b2d9b199f4f16f73c7c2851cd2cc513",tabIndex:this.disabled?-1:0,onClick:e=>this.handleRadio(e),onKeyDown:this.handleKeydown.bind(this),role:"radio","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled,"aria-label":this.accAriaLabel||this.name,class:this.elementClass},this.internalChecked&&r("span",{key:"28c79896755d829dbd63c6402360668c98a8ba21",class:"spw-radio__circle"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,n=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwRadio,n as defineCustomElement}
+import{p as e,H as t,c as i,h as r,t as s}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwChange=i(this,"spwChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.checked=!1,this.error=!1}handleRadio(e){if(this.disabled)return null==e||e.preventDefault(),void(null==e||e.stopPropagation());this.internalChecked||(this.setCheckedState(!0),this.spwChange.emit({checked:this.internalChecked,value:this.value}),this.uncheckOthers())}uncheckOthers(){var e,t;const i=null!==(t=null!==(e=this.el.closest("form"))&&void 0!==e?e:this.el.closest("spw-group"))&&void 0!==t?t:document;Array.from(i.querySelectorAll(`spw-radio[name="${this.name}"]`)).forEach((e=>{e!==this.el&&e.setChecked(!1)}))}async setChecked(e){this.disabled||this.setCheckedState(e)}checkedChanged(e){this.setCheckedState(e),e&&this.uncheckOthers()}setCheckedState(e){this.internalChecked=e,this.checked=e,this.inputElement&&(this.inputElement.checked=e),this.updateFormValue()}updateFormValue(){this.internals.setFormValue(this.internalChecked?this.value:null)}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(this.handleRadio(),e.preventDefault())}componentWillLoad(){this.internalChecked=this.checked,this.defaultChecked=this.checked}componentDidLoad(){var e;this.setCheckedState(this.internalChecked),null===(e=this.el.closest("form"))||void 0===e||e.addEventListener("formdata",(e=>{this.internalChecked&&e.formData.set(this.name,this.value)}))}formResetCallback(){this.setCheckedState(this.defaultChecked)}get elementClass(){return{"spw-radio__wrapper":!0,"spw-radio__wrapper--disabled":this.disabled,"spw-radio__wrapper--checked":this.internalChecked,"spw-radio__wrapper--error":this.error}}render(){const e=!!this.el.innerHTML;return r("div",{key:"11f754c90756a9542669bbf9d713e22ad2cae205",class:"spw-radio"},r("input",{key:"6c40832d777178b10e5379c795df44cd72e0d5da",type:"radio",ref:e=>this.inputElement=e,checked:this.internalChecked,"aria-checked":this.internalChecked?"true":"false",onChange:this.handleRadio.bind(this),name:this.name,value:this.value,disabled:this.disabled,style:{display:"none"}}),e&&r("label",{key:"b0c5b31a9d21086731d10085b329353683783a29",class:"spw-radio__label "+(this.disabled?"spw-radio__label--disabled":""),onClick:e=>this.handleRadio(e)},r("slot",{key:"bd88819599218cba68cac2dbafd586d0b6ae9440"})),r("div",{key:"d92406b7e4923b639b74764ae537326c5423dfd4",tabIndex:this.disabled?-1:0,onClick:e=>this.handleRadio(e),onKeyDown:this.handleKeydown.bind(this),role:"radio","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled,"aria-label":this.accAriaLabel||this.name,class:this.elementClass},this.internalChecked&&r("span",{key:"47dd83a6d282e80cde4971681da561ab1e7c10c8",class:"spw-radio__circle"})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-color-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}"}},[321,"spw-radio",{disabled:[4],checked:[1540],error:[4],name:[1],value:[1],accAriaLabel:[1,"acc-aria-label"],internalChecked:[32],setChecked:[64]},void 0,{checked:[{checkedChanged:0}]}]),a=o,d=function(){"undefined"!=typeof customElements&&["spw-radio"].forEach((e=>{"spw-radio"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))};export{a as SpwRadio,d as defineCustomElement}

package/dist/components/spw-scrolltop.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-DIUtCQyY.js";import{d as a}from"./p-2iE5Jfvp.js";import{d as r}from"./p-C9EdSa5U.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=300,this.hideOnMobile=!1,this.accAriaLabel="Retour en haut de page",this.useWindow=!0,this.isVisible=!1,this.scrollContainer=null,this.handleScroll=()=>{this.isVisible=this.getScrollTop()>this.threshold},this.scrollToTop=()=>{this.scrollContainer===window?window.scrollTo({top:0,behavior:"smooth"}):this.scrollContainer.scrollTo({top:0,behavior:"smooth"})}}getScrollableParent(t){let e=t.parentElement;for(;e;){const t=getComputedStyle(e).overflowY;if(("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return null}getScrollTop(){return this.scrollContainer===window?window.scrollY:this.scrollContainer.scrollTop}connectedCallback(){requestAnimationFrame((()=>{this.scrollContainer=this.useWindow?window:this.getScrollableParent(this.el)||window,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll()}))}disconnectedCallback(){this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.handleScroll)}get hostClass(){return{"spw-scrolltop--visible":this.isVisible,"spw-scrolltop--hide-mobile":this.hideOnMobile}}render(){return i(o,{key:"dffd5dfb3e0da35b1008571181bbee461179da19",class:this.hostClass},i("spw-button",{key:"8b4fad34b061667f95de5df1d8d052198a139b1f","is-icon-only":!0,icon:"fa-chevron-up",variant:"primary",size:"medium","acc-aria-label":this.accAriaLabel,onClick:this.scrollToTop}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}
+import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-DAfHVLjA.js";import{d as a}from"./p-2AbKLqDf.js";import{d as r}from"./p-DXd3uPkn.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=300,this.hideOnMobile=!1,this.accAriaLabel="Retour en haut de page",this.useWindow=!0,this.isVisible=!1,this.scrollContainer=null,this.handleScroll=()=>{this.isVisible=this.getScrollTop()>this.threshold},this.scrollToTop=()=>{this.scrollContainer===window?window.scrollTo({top:0,behavior:"smooth"}):this.scrollContainer.scrollTo({top:0,behavior:"smooth"})}}getScrollableParent(t){let e=t.parentElement;for(;e;){const t=getComputedStyle(e).overflowY;if(("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight)return e;e=e.parentElement}return null}getScrollTop(){return this.scrollContainer===window?window.scrollY:this.scrollContainer.scrollTop}connectedCallback(){requestAnimationFrame((()=>{this.scrollContainer=this.useWindow?window:this.getScrollableParent(this.el)||window,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll()}))}disconnectedCallback(){this.scrollContainer&&this.scrollContainer.removeEventListener("scroll",this.handleScroll)}get hostClass(){return{"spw-scrolltop--visible":this.isVisible,"spw-scrolltop--hide-mobile":this.hideOnMobile}}render(){return i(o,{key:"9961dd5b7f75d3e61cc4d908623cd84d338a651e",class:this.hostClass},i("spw-button",{key:"77ece2019b7b1a603e90ab7e7ff4754d54e59035","is-icon-only":!0,icon:"fa-chevron-up",variant:"primary",size:"medium","acc-aria-label":this.accAriaLabel,onClick:this.scrollToTop}))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}"}},[1,"spw-scrolltop",{threshold:[2],hideOnMobile:[4,"hide-on-mobile"],accAriaLabel:[1,"acc-aria-label"],useWindow:[4,"use-window"],isVisible:[32]}]),l=p,d=function(){"undefined"!=typeof customElements&&["spw-scrolltop","spw-button","spw-icon","spw-loading"].forEach((t=>{switch(t){case"spw-scrolltop":customElements.get(s(t))||customElements.define(s(t),p);break;case"spw-button":customElements.get(s(t))||n();break;case"spw-icon":customElements.get(s(t))||a();break;case"spw-loading":customElements.get(s(t))||r()}}))};export{l as SpwScrolltop,d as defineCustomElement}