npm - @spw-ds/spw-stencil-library - Versions diffs - 1.16.0 → 1.17.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (490) hide show

package/dist/components/spw-hero.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,a as o,t as r}from"./index.js";import{d as s}from"./p-2AbKLqDf.js";import{d as a}from"./p-BY3XOPGU.js";import{d as p}from"./p-aWQ1v8BH.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.imageAlt="",this.surface="light",this.hasPictureFull=!1,this.hasRadius=!0,this.hasShadow=!1,this.hasVideo=!1,this.variant="grey",this.alignment="left",this.overlayOpacity=0,this.overlayColor="",this.accPlayButtonAriaLabel="Lire la vidéo",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.tooltipCopyrightMaxWidth="300",this.triggerModal=()=>{const e=document.getElementById(this.modalVideoId);e&&e.openModal&&e.openModal()},this.handleKeyDown=e=>{"Enter"===e.key&&this.triggerModal()}}get elementClass(){return{"spw-hero":!0,["spw-hero--surface-"+this.surface]:!0,"spw-hero--has-picture-full":this.hasPictureFull,"spw-hero--no-picture":!this.imageSrc,"spw-hero--has-video":this.hasVideo,"spw-hero--has-shadow":this.hasShadow,"spw-hero--has-radius":this.hasRadius,["spw-hero--"+this.variant]:!0,"spw-hero--featured-ratio":"featured"===this.variant&&!!(this.featuredRatio\|\|this.featuredRatioMobile\|\|this.featuredRatioTablet\|\|this.featuredRatioDesktop),["spw-hero--"+this.alignment]:"mini"!==this.variant\|\|"left"===this.alignment}}get overlayStyle(){return{opacity:""+this.overlayOpacity/100,backgroundColor:""+this.overlayColor}}render(){const e=i("div",{key:"3a8390cc19cff4958149284ed849267bda36d37e",class:"spw-hero__content"},i("slot",{key:"8d5261bbf08d4d3795902ab45246296979fa333b"})),t=!(!this.tooltipCopyrightTitle&&!this.tooltipCopyrightText),r=(this.copyrightText\|\|t)&&i("div",{key:"47c630ded7619d27aab3b22794db39dd111bfc29",class:"spw-hero__copyright"},this.copyrightText&&i("spw-tag",{key:"c1080a722c93289239de550f65c02bdac7635722",size:"small","icon-variant":this.copyrightIconVariant,icon:this.copyrightIcon,href:this.copyrightHref\|\|void 0,target:this.copyrightHref?this.copyrightTarget:void 0},this.copyrightText),t&&i("spw-tooltip",{key:"b190b03df052a9120449cd0b4f42695af01a1d50",direction:"top","tooltip-title":this.tooltipCopyrightTitle,"tooltip-text":this.tooltipCopyrightText,"max-width":this.tooltipCopyrightMaxWidth,cursor:"help"},i("spw-tag",{key:"cbdbe837680566275b18bb150f2de9eb55a3c463",class:"spw-hero__copyright-tag","icon-variant":"fa-regular",size:"small",variant:"grey",icon:"fa-info-circle","is-icon-only":!0}))),s="grey"===this.variant\|\|"white"===this.variant,a="featured"===this.variant,p={};return a&&(this.featuredRatio&&(p["--spw-hero-featured-ratio-mobile"]=this.featuredRatio,p["--spw-hero-featured-ratio-tablet"]=this.featuredRatio,p["--spw-hero-featured-ratio-desktop"]=this.featuredRatio),this.featuredRatioMobile&&(p["--spw-hero-featured-ratio-mobile"]=this.featuredRatioMobile),this.featuredRatioTablet&&(p["--spw-hero-featured-ratio-tablet"]=this.featuredRatioTablet),this.featuredRatioDesktop&&(p["--spw-hero-featured-ratio-desktop"]=this.featuredRatioDesktop)),i(o,{key:"56fa260f9f21fd9eb986285ff7c34c4414584bf9",style:p},i("div",{key:"a7ebbd10de93f00408bbb2a99782163db896424d",class:this.elementClass},this.imageSrc&&i("div",{key:"1596da6654d881cbfb1cc2a30ac3dbca59cfd97e",class:"spw-hero__image"},this.hasVideo&&"maxi"!==this.variant&&"photo"!==this.variant&&!a&&i("div",{key:"106d47b9bfeb75d834a8985239c65396a34943d6",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":this.accPlayButtonAriaLabel},i("spw-icon",{key:"990de53fde0332292f0cab8f92f01a58fdb47c72",icon:"fa-play"})),i("div",{key:"3f0ea504c1f5f34e0edebbab451ed1fce8ed7e22",class:"spw-hero__overlay",style:this.overlayStyle}),i("img",{key:"ff9e6dfce0041c113513eba03f3bd982b6a7dd8a",src:this.imageSrc,alt:this.imageAlt,style:this.imagePosition?{objectPosition:this.imagePosition}:void 0}),(s\|\|a)&&r),!a&&("mini"===this.variant?e:i("div",{class:"spw-ds-container spw-hero__container"},e)),!s&&!a&&r))}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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:var(--spw-effect-elevation-5);--spw-hero-radius:12px;--spw-hero-featured-ratio-mobile:initial;--spw-hero-featured-ratio-tablet:initial;--spw-hero-featured-ratio-desktop:initial}.spw-hero{position:relative;overflow:hidden}.spw-hero--has-shadow{box-shadow:var(--spw-hero-shadow)}.spw-hero--has-radius{border-radius:var(--spw-hero-radius)}.spw-hero--surface-dark{color:white}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:white}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;padding:24px;gap:24px}@media (min-width: 1024px){.spw-hero--grey,.spw-hero--white{padding:64px;gap:48px;flex-direction:row;align-items:center}}.spw-hero--has-picture-full{padding:0;gap:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width: 1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;position:relative;margin:0 auto;z-index:3;padding-left:0;padding-right:0}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width: 1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 48px}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(50% + 48px)}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(50% + 48px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width: 1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__overlay,.spw-hero__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-hero__overlay{z-index:2;pointer-events:none}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:white}.spw-hero__image-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:white;color:var(--spw-ds-primary);box-shadow:var(--spw-effect-elevation-5);width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;transition:all 0.3s ease;cursor:pointer}.spw-hero__image-play:hover{transform:translate(-50%, -50%) scale(1.1)}.spw-hero__image{z-index:1;overflow:hidden}.spw-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__image{position:absolute;max-width:50%}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{right:0;left:auto}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-radius:0}.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-top-left-radius:0;border-bottom-left-radius:0}}.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-top-right-radius:0;border-bottom-right-radius:0}}.spw-hero__copyright{display:flex;gap:6px;position:absolute;bottom:8px;right:8px;z-index:3}.spw-hero__copyright-tag{--spw-tag-padding-small:6px 5px}.spw-hero__content{width:100%}@media (min-width: 1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{padding:32px;background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8)}.spw-hero--featured .spw-hero__image{position:relative;width:100%;height:auto}.spw-hero--featured .spw-hero__image img{width:100%;height:auto;display:block}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-mobile)}@media (min-width: 768px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-tablet)}}@media (min-width: 1024px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-desktop)}}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}.spw-hero--mini.spw-hero--surface-light .spw-hero__content,.spw-hero--mini.spw-hero--surface-light .spw-hero__image{background-color:var(--spw-color-themes-grey-grey-100)}.spw-hero--mini.spw-hero--surface-dark .spw-hero__content,.spw-hero--mini.spw-hero--surface-dark .spw-hero__image{background-color:var(--spw-ds-primary)}.spw-hero--mini .spw-hero__image{width:calc(100% - 280px);left:280px;height:100%}@media (min-width: 768px){.spw-hero--mini .spw-hero__image{width:calc(100% - 400px);left:400px}}.spw-hero--mini .spw-hero__image img{border-top-left-radius:900px}.spw-hero--mini .spw-hero__content{position:relative;z-index:3;width:280px;padding:24px;padding-top:48px;border-radius:0}@media (min-width: 768px){.spw-hero--mini .spw-hero__content{padding:32px;padding-top:64px;width:400px}}.spw-hero--mini.spw-hero--no-picture .spw-hero__content{width:100%;max-width:100%}'}},[257,"spw-hero",{imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],surface:[1],hasPictureFull:[4,"has-picture-full"],hasRadius:[4,"has-radius"],hasShadow:[4,"has-shadow"],hasVideo:[4,"has-video"],modalVideoId:[1,"modal-video-id"],variant:[1],alignment:[1],overlayOpacity:[2,"overlay-opacity"],overlayColor:[1,"overlay-color"],accPlayButtonAriaLabel:[1,"acc-play-button-aria-label"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],tooltipCopyrightTitle:[1,"tooltip-copyright-title"],tooltipCopyrightText:[1,"tooltip-copyright-text"],tooltipCopyrightMaxWidth:[1,"tooltip-copyright-max-width"],imagePosition:[1,"image-position"],featuredRatio:[1,"featured-ratio"],featuredRatioMobile:[1,"featured-ratio-mobile"],featuredRatioTablet:[1,"featured-ratio-tablet"],featuredRatioDesktop:[1,"featured-ratio-desktop"]}]),n=h,d=function(){"undefined"!=typeof customElements&&["spw-hero","spw-icon","spw-tag","spw-tooltip"].forEach((e=>{switch(e){case"spw-hero":customElements.get(r(e))\|\|customElements.define(r(e),h);break;case"spw-icon":customElements.get(r(e))\|\|s();break;case"spw-tag":customElements.get(r(e))\|\|a();break;case"spw-tooltip":customElements.get(r(e))\|\|p()}}))};export{n as SpwHero,d as defineCustomElement}
1	+ import{p as e,H as t,h as i,a as o,t as r}from"./index.js";import{d as s}from"./p-2AbKLqDf.js";import{d as a}from"./p-xTIxnTQQ.js";import{d as p}from"./p-CdTWu15K.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.imageAlt="",this.surface="light",this.hasPictureFull=!1,this.hasRadius=!0,this.hasShadow=!1,this.hasVideo=!1,this.variant="grey",this.alignment="left",this.overlayOpacity=0,this.overlayColor="",this.accPlayButtonAriaLabel="Lire la vidéo",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.tooltipCopyrightMaxWidth="300",this.triggerModal=()=>{const e=document.getElementById(this.modalVideoId);e&&e.openModal&&e.openModal()},this.handleKeyDown=e=>{"Enter"===e.key&&this.triggerModal()}}get elementClass(){return{"spw-hero":!0,["spw-hero--surface-"+this.surface]:!0,"spw-hero--has-picture-full":this.hasPictureFull,"spw-hero--no-picture":!this.imageSrc,"spw-hero--has-video":this.hasVideo,"spw-hero--has-shadow":this.hasShadow,"spw-hero--has-radius":this.hasRadius,["spw-hero--"+this.variant]:!0,"spw-hero--featured-ratio":"featured"===this.variant&&!!(this.featuredRatio\|\|this.featuredRatioMobile\|\|this.featuredRatioTablet\|\|this.featuredRatioDesktop),["spw-hero--"+this.alignment]:"mini"!==this.variant\|\|"left"===this.alignment}}get overlayStyle(){return{opacity:""+this.overlayOpacity/100,backgroundColor:""+this.overlayColor}}render(){const e=i("div",{key:"eb61716fee5f0044f71551673d75d195726db0b4",class:"spw-hero__content"},i("slot",{key:"6fa1a4c4b0356a7c3f687e610916a49ab575151f"})),t=!(!this.tooltipCopyrightTitle&&!this.tooltipCopyrightText),r=(this.copyrightText\|\|t)&&i("div",{key:"465c9b3e22efed0732e30ffa404956d1a0ca82c7",class:"spw-hero__copyright"},this.copyrightText&&i("spw-tag",{key:"c51dc7cf28bef6d54b05a497d8623df5d1a849a9",size:"small","icon-variant":this.copyrightIconVariant,icon:this.copyrightIcon,href:this.copyrightHref\|\|void 0,target:this.copyrightHref?this.copyrightTarget:void 0},this.copyrightText),t&&i("spw-tooltip",{key:"7cf592fb8ceaf69f4395a951bf50d6c26917ade1",direction:"top","tooltip-title":this.tooltipCopyrightTitle,"tooltip-text":this.tooltipCopyrightText,"max-width":this.tooltipCopyrightMaxWidth,cursor:"help"},i("spw-tag",{key:"b11f13f062239267ffe349117d54e1ad829c8bdd",class:"spw-hero__copyright-tag","icon-variant":"fa-regular",size:"small",variant:"grey",icon:"fa-info-circle","is-icon-only":!0}))),s="grey"===this.variant\|\|"white"===this.variant,a="featured"===this.variant,p={};return a&&(this.featuredRatio&&(p["--spw-hero-featured-ratio-mobile"]=this.featuredRatio,p["--spw-hero-featured-ratio-tablet"]=this.featuredRatio,p["--spw-hero-featured-ratio-desktop"]=this.featuredRatio),this.featuredRatioMobile&&(p["--spw-hero-featured-ratio-mobile"]=this.featuredRatioMobile),this.featuredRatioTablet&&(p["--spw-hero-featured-ratio-tablet"]=this.featuredRatioTablet),this.featuredRatioDesktop&&(p["--spw-hero-featured-ratio-desktop"]=this.featuredRatioDesktop)),i(o,{key:"b14d1521514bee7c63c3a0da6a4352e9340c553d",style:p},i("div",{key:"8ab28c63d147da34222c5136bd02381abbdce997",class:this.elementClass},this.imageSrc&&i("div",{key:"661ad2842a66f29ad33219007484cb1a8def82b4",class:"spw-hero__image"},this.hasVideo&&"maxi"!==this.variant&&"photo"!==this.variant&&!a&&i("div",{key:"2719a0bfa459a5750cfc82c2a76460d90c5e5000",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":this.accPlayButtonAriaLabel},i("spw-icon",{key:"a28f793e1b8ab43722236b491494898464024ee4",icon:"fa-play"})),i("div",{key:"64e663681f98a275133764fdc8f620e95e935ecc",class:"spw-hero__overlay",style:this.overlayStyle}),i("img",{key:"e1d5c790fe28b1be31f47b33ca556b63c8dd171f",src:this.imageSrc,alt:this.imageAlt,style:this.imagePosition?{objectPosition:this.imagePosition}:void 0}),(s\|\|a)&&r),!a&&("mini"===this.variant?e:i("div",{class:"spw-ds-container spw-hero__container"},e)),!s&&!a&&r))}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-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;--spw-hero-shadow:var(--spw-effect-elevation-5);--spw-hero-radius:12px;--spw-hero-featured-ratio-mobile:initial;--spw-hero-featured-ratio-tablet:initial;--spw-hero-featured-ratio-desktop:initial}.spw-hero{position:relative;overflow:hidden}.spw-hero--has-shadow{box-shadow:var(--spw-hero-shadow)}.spw-hero--has-radius{border-radius:var(--spw-hero-radius)}.spw-hero--surface-dark{color:white}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:white}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;padding:24px;gap:24px}@media (min-width: 1024px){.spw-hero--grey,.spw-hero--white{padding:64px;gap:48px;flex-direction:row;align-items:center}}.spw-hero--has-picture-full{padding:0;gap:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width: 1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;position:relative;margin:0 auto;z-index:3;padding-left:0;padding-right:0}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width: 1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 48px}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(50% + 48px)}}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(50% + 48px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width: 1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__overlay,.spw-hero__image{position:absolute;width:100%;height:100%;left:0;top:0}.spw-hero__overlay{z-index:2;pointer-events:none}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:white}.spw-hero__image-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:white;color:var(--spw-ds-primary);box-shadow:var(--spw-effect-elevation-5);width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;transition:all 0.3s ease;cursor:pointer}.spw-hero__image-play:hover{transform:translate(-50%, -50%) scale(1.1)}.spw-hero__image{z-index:1;overflow:hidden}.spw-hero__image img{width:100%;height:100%;object-fit:cover;display:block}.spw-hero--has-video .spw-hero__image{z-index:4}.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--white .spw-hero__image,.spw-hero--grey .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{display:block;position:relative;aspect-ratio:var(--spw-hero-ratio-picture);width:100%;border-radius:6px}@media (min-width: 1024px){.spw-hero--has-picture-full .spw-hero__image{position:absolute;max-width:50%}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{right:0;left:auto}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-radius:0}.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--right.spw-hero--has-radius .spw-hero__image{border-top-left-radius:0;border-bottom-left-radius:0}}.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (min-width: 1024px){.spw-hero--has-picture-full.spw-hero--left.spw-hero--has-radius .spw-hero__image{border-top-right-radius:0;border-bottom-right-radius:0}}.spw-hero__copyright{display:flex;gap:6px;position:absolute;bottom:8px;right:8px;z-index:3}.spw-hero__copyright-tag{--spw-tag-padding-small:6px 5px}.spw-hero__content{width:100%}@media (min-width: 1024px){.spw-hero__content{max-width:var(--spw-hero-content-max-width)}}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{padding:32px;background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8)}.spw-hero--featured .spw-hero__image{position:relative;width:100%;height:auto}.spw-hero--featured .spw-hero__image img{width:100%;height:auto;display:block}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-mobile)}@media (min-width: 768px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-tablet)}}@media (min-width: 1024px){.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image{aspect-ratio:var(--spw-hero-featured-ratio-desktop)}}.spw-hero--featured.spw-hero--featured-ratio .spw-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}.spw-hero--mini.spw-hero--surface-light .spw-hero__content,.spw-hero--mini.spw-hero--surface-light .spw-hero__image{background-color:var(--spw-color-themes-grey-grey-100)}.spw-hero--mini.spw-hero--surface-dark .spw-hero__content,.spw-hero--mini.spw-hero--surface-dark .spw-hero__image{background-color:var(--spw-ds-primary)}.spw-hero--mini .spw-hero__image{width:calc(100% - 280px);left:280px;height:100%}@media (min-width: 768px){.spw-hero--mini .spw-hero__image{width:calc(100% - 400px);left:400px}}.spw-hero--mini .spw-hero__image img{border-top-left-radius:900px}.spw-hero--mini .spw-hero__content{position:relative;z-index:3;width:280px;padding:24px;padding-top:48px;border-radius:0}@media (min-width: 768px){.spw-hero--mini .spw-hero__content{padding:32px;padding-top:64px;width:400px}}.spw-hero--mini.spw-hero--no-picture .spw-hero__content{width:100%;max-width:100%}'}},[257,"spw-hero",{imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],surface:[1],hasPictureFull:[4,"has-picture-full"],hasRadius:[4,"has-radius"],hasShadow:[4,"has-shadow"],hasVideo:[4,"has-video"],modalVideoId:[1,"modal-video-id"],variant:[1],alignment:[1],overlayOpacity:[2,"overlay-opacity"],overlayColor:[1,"overlay-color"],accPlayButtonAriaLabel:[1,"acc-play-button-aria-label"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],tooltipCopyrightTitle:[1,"tooltip-copyright-title"],tooltipCopyrightText:[1,"tooltip-copyright-text"],tooltipCopyrightMaxWidth:[1,"tooltip-copyright-max-width"],imagePosition:[1,"image-position"],featuredRatio:[1,"featured-ratio"],featuredRatioMobile:[1,"featured-ratio-mobile"],featuredRatioTablet:[1,"featured-ratio-tablet"],featuredRatioDesktop:[1,"featured-ratio-desktop"]}]),n=h,d=function(){"undefined"!=typeof customElements&&["spw-hero","spw-icon","spw-tag","spw-tooltip"].forEach((e=>{switch(e){case"spw-hero":customElements.get(r(e))\|\|customElements.define(r(e),h);break;case"spw-icon":customElements.get(r(e))\|\|s();break;case"spw-tag":customElements.get(r(e))\|\|a();break;case"spw-tooltip":customElements.get(r(e))\|\|p()}}))};export{n as SpwHero,d as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as t,H as s,c as i,h as e,a as r,t as o}from"./index.js";import{d as n}from"./p-DlhwYK4n.js";import{d as a}from"./p-B2P8l7B3.js";import{d as l}from"./p-2AbKLqDf.js";import{d as h}from"./p-CnzSr9Im.js";import{d as p}from"./p-aWQ1v8BH.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.internals=this.attachInternals(),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isExpandable=!1,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,s=null)=>{this.disabled\|\|(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?s:null,null===s&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range\|\|"number"!=typeof t\|\|(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range\|\|"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[s,i]=t;this.internalValue=[this.clampValue(s),this.clampValue(i)]}else this.range\|\|"number"!=typeof t\|\|(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.internals.setFormValue(this.range&&Array.isArray(this.internalValue)?JSON.stringify(this.internalValue):this.internalValue+"")}clampValue(t){let s=Math.max(this.min,Math.min(this.max,t));return s=this.min+Math.round((s-this.min)/this.step)this.step,s}updateValueFromPosition(t,s){if(!this.sliderRef)return;const i=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-i.left)/i.width:1-(s-i.top)/i.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,s]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,s),s]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-s)?(this.activeHandle="min",this.setValue([r,s])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,s]=this.internalValue,i=this.getHandlePosition(t),e=this.getHandlePosition(s);return"horizontal"===this.orientation?{left:i+"%",width:e-i+"%"}:{bottom:i+"%",height:e-i+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:t+"%"}:{bottom:"0%",height:t+"%"}}}renderErrorMessage(){if(this.error)return e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,e("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,e("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,e("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,e("slot",{name:"details",slot:"details"}))}get elementClass(){return{"spw-input-slider":!0,["spw-input-slider--"+this.orientation]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return e(r,{key:"1d837c9651c0e0ce71fd974844f56282cf9aca65"},e("div",{key:"57536b2b792b7e2ef6086fad7fe109a89f5f5843",class:this.elementClass},this.label&&e("spw-field-label",{key:"919d2a351658c629f3abeedd37f00d983773b3c6",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"0eb020907d05d5ff272502767e2db6dadb9902e6",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"238d3461ecf8f31d61c89893e4b7d376fcede061",class:"spw-input-slider__container"},e("div",{key:"105c355768d79085e8fad4cafe3d426ad59a1005",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel\|\|this.name\|\|this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},e("div",{key:"672e6043832b3e0870885c5e06292e1fe9e3f517",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[e("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[0])+"%"}:{bottom:this.getHandlePosition(this.internalValue[0])+"%"},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),e("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[1])+"%"}:{bottom:this.getHandlePosition(this.internalValue[1])+"%"},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:e("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"}:{bottom:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage()))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host ::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);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-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}'}},[321,"spw-input-slider",{min:[2],max:[2],step:[2],value:[1026],range:[4],disabled:[4],name:[1],orientation:[1],hasTooltip:[4,"has-tooltip"],label:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],required:[4],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],isDragging:[32],activeHandle:[32],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}]}]),u=d,c=function(){"undefined"!=typeof customElements&&["spw-input-slider","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((t=>{switch(t){case"spw-input-slider":customElements.get(o(t))\|\|customElements.define(o(t),d);break;case"spw-field-label":customElements.get(o(t))\|\|n();break;case"spw-field-message":customElements.get(o(t))\|\|a();break;case"spw-icon":customElements.get(o(t))\|\|l();break;case"spw-link":customElements.get(o(t))\|\|h();break;case"spw-tooltip":customElements.get(o(t))\|\|p()}}))};export{u as SpwInputSlider,c as defineCustomElement}
1	+ import{p as t,H as i,c as s,h as e,a as r,t as o}from"./index.js";import{d as n}from"./p-CLldNY-_.js";import{d as a}from"./p-BBsDk5QJ.js";import{d as l}from"./p-2AbKLqDf.js";import{d as h}from"./p-BrCHGcGN.js";import{d as p}from"./p-CdTWu15K.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=s(this,"valueChange",7),this.internals=this.attachInternals(),this.min=0,this.max=100,this.step=1,this.range=!1,this.disabled=!1,this.name="",this.orientation="horizontal",this.hasTooltip=!0,this.label="",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isExpandable=!1,this.required=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isDragging=!1,this.activeHandle=null,this.handleMouseDown=(t,i=null)=>{this.disabled\|\|(t.preventDefault(),this.isDragging=!0,this.activeHandle=this.range?i:null,null===i&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchmove",this.handleMouseMove),document.addEventListener("touchend",this.handleMouseUp))},this.handleMouseMove=t=>{this.isDragging&&this.updateValueFromPosition("touches"in t?t.touches[0].clientX:t.clientX,"touches"in t?t.touches[0].clientY:t.clientY)},this.handleMouseUp=()=>{this.isDragging=!1,this.activeHandle=null,document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleMouseMove),document.removeEventListener("touchend",this.handleMouseUp)}}handleValueChange(t){JSON.stringify(this.internalValue)!==JSON.stringify(t)&&(this.range&&Array.isArray(t)?this.internalValue=[this.clampValue(t[0]),this.clampValue(t[1])]:this.range\|\|"number"!=typeof t\|\|(this.internalValue=this.clampValue(t)),this.updateFormValue())}componentWillLoad(){this.initializeValue(),this.defaultValue=Array.isArray(this.internalValue)?[...this.internalValue]:this.internalValue}initializeValue(){this.internalValue=this.range&&!Array.isArray(this.value)?[this.min,this.max]:this.range\|\|"number"!=typeof this.value?Array.isArray(this.value)?this.value:this.range?[this.min,this.max]:"number"==typeof this.value?this.value:this.min:this.value,this.updateFormValue()}async setValue(t){if(this.range&&Array.isArray(t)){const[i,s]=t;this.internalValue=[this.clampValue(i),this.clampValue(s)]}else this.range\|\|"number"!=typeof t\|\|(this.internalValue=this.clampValue(t));this.value=this.internalValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}async getValue(){return this.internalValue}formResetCallback(){this.internalValue=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue,this.updateFormValue(),this.valueChange.emit({value:this.internalValue})}updateFormValue(){this.internals.setFormValue(this.range&&Array.isArray(this.internalValue)?JSON.stringify(this.internalValue):this.internalValue+"")}clampValue(t){let i=Math.max(this.min,Math.min(this.max,t));return i=this.min+Math.round((i-this.min)/this.step)this.step,i}updateValueFromPosition(t,i){if(!this.sliderRef)return;const s=this.sliderRef.getBoundingClientRect();let e;e="horizontal"===this.orientation?(t-s.left)/s.width:1-(i-s.top)/s.height,e=Math.max(0,Math.min(1,e));const r=this.clampValue(this.min+e(this.max-this.min));if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue;"min"===this.activeHandle?this.setValue([Math.min(r,i),i]):"max"===this.activeHandle?this.setValue([t,Math.max(r,t)]):Math.abs(r-t)<Math.abs(r-i)?(this.activeHandle="min",this.setValue([r,i])):(this.activeHandle="max",this.setValue([t,r]))}else this.setValue(r)}getHandlePosition(t){return(t-this.min)/(this.max-this.min)100}getRangeStyle(){if(this.range&&Array.isArray(this.internalValue)){const[t,i]=this.internalValue,s=this.getHandlePosition(t),e=this.getHandlePosition(i);return"horizontal"===this.orientation?{left:s+"%",width:e-s+"%"}:{bottom:s+"%",height:e-s+"%"}}{const t=this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min);return"horizontal"===this.orientation?{left:"0%",width:t+"%"}:{bottom:"0%",height:t+"%"}}}renderMessages(){const t=[];return this.error&&t.push({variant:"error",text:this.error,showIcon:this.showErrorIcon}),this.hint&&t.push({variant:"hint",text:this.hint,showIcon:this.showHintIcon}),this.success&&t.push({variant:"success",text:this.success,showIcon:this.showSuccessIcon}),this.warning&&t.push({variant:"warning",text:this.warning,showIcon:this.showWarningIcon}),t.map(((i,s)=>{const r=s===t.length-1;return e("spw-field-message",{variant:i.variant,showIcon:i.showIcon,isExpandable:r&&this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},i.text,r&&e("slot",{name:"details",slot:"details"}))}))}get elementClass(){return{"spw-input-slider":!0,["spw-input-slider--"+this.orientation]:!0,"spw-input-slider--disabled":this.disabled,"spw-input-slider--dragging":this.isDragging,"spw-input-slider--is-error":!!this.error}}render(){const t=this.getRangeStyle();return e(r,{key:"05cba83750d8792eb6fd6e835eb6319dc07c771f"},e("div",{key:"9b874579bb2691ddcd220a4c32116603613003d6",class:this.elementClass},this.label&&e("spw-field-label",{key:"7e9d4150531cb9ea2f74b8bb1e7658621e758b58",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&e("spw-field-message",{key:"155f0d1a056140ca06203e236469e876609227ba",class:"spw-input-slider__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"dd4eb0d759f4de603b3919f16fcfd5064e7e35f6",class:"spw-input-slider__container"},e("div",{key:"416a7c0c490029d7ad14362c4a912691469b0278",class:"spw-input-slider__track",ref:t=>this.sliderRef=t,onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null),"aria-label":this.accAriaLabel\|\|this.name\|\|this.label,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":"number"==typeof this.internalValue?this.internalValue:void 0,"aria-disabled":this.disabled},e("div",{key:"55a7290e59a5eee70b54bb0d38edda680a716423",class:"spw-input-slider__range",style:t}),this.range&&Array.isArray(this.internalValue)?[e("div",{key:"handle-min",class:"spw-input-slider__handle spw-input-slider__handle--min",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[0])+"%"}:{bottom:this.getHandlePosition(this.internalValue[0])+"%"},onMouseDown:t=>this.handleMouseDown(t,"min"),onTouchStart:t=>this.handleMouseDown(t,"min")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[0])),e("div",{key:"handle-max",class:"spw-input-slider__handle spw-input-slider__handle--max",style:"horizontal"===this.orientation?{left:this.getHandlePosition(this.internalValue[1])+"%"}:{bottom:this.getHandlePosition(this.internalValue[1])+"%"},onMouseDown:t=>this.handleMouseDown(t,"max"),onTouchStart:t=>this.handleMouseDown(t,"max")},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},this.internalValue[1]))]:e("div",{class:"spw-input-slider__handle",style:"horizontal"===this.orientation?{left:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"}:{bottom:this.getHandlePosition("number"==typeof this.internalValue?this.internalValue:this.min)+"%"},onMouseDown:t=>this.handleMouseDown(t,null),onTouchStart:t=>this.handleMouseDown(t,null)},this.hasTooltip&&e("div",{class:"spw-input-slider__tooltip"},"number"==typeof this.internalValue?this.internalValue:this.min)))),this.renderMessages()))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host ::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);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-input-slider{position:relative}.spw-input-slider__field-message{margin-bottom:8px;margin-top:-4px}.spw-input-slider__container{padding:10px 0;position:relative}.spw-input-slider--horizontal .spw-input-slider__container{width:100%;height:20px}.spw-input-slider--vertical .spw-input-slider__container{width:20px;height:300px}.spw-input-slider--disabled{opacity:0.5;cursor:not-allowed}.spw-input-slider--disabled .spw-input-slider__track,.spw-input-slider--disabled .spw-input-slider__handle{cursor:not-allowed}.spw-input-slider__track{position:relative;background-color:#d1d5db;border-radius:4px;cursor:pointer}.spw-input-slider--horizontal .spw-input-slider__track{height:4px;width:100%}.spw-input-slider--vertical .spw-input-slider__track{width:4px;height:100%}.spw-input-slider__range{position:absolute;background-color:var(--spw-ds-primary);border-radius:4px}.spw-input-slider--horizontal .spw-input-slider__range{height:100%}.spw-input-slider--vertical .spw-input-slider__range{width:100%}.spw-input-slider--is-error .spw-input-slider__range{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__handle{position:absolute;width:20px;height:20px;background-color:white;border:3px solid var(--spw-ds-primary);border-radius:50%;cursor:grab;transition:transform 0.1s ease, box-shadow 0.2s ease;z-index:2}.spw-input-slider--is-error .spw-input-slider__handle{border-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--horizontal .spw-input-slider__handle{top:50%;transform:translate(-50%, -50%)}.spw-input-slider--vertical .spw-input-slider__handle{left:50%;transform:translate(-50%, 50%)}.spw-input-slider__handle:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 0 0 8px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.1)}.spw-input-slider__handle:active,.spw-input-slider--dragging .spw-input-slider__handle{cursor:grabbing;transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--spw-ds-primary-rgb, 219, 0, 118), 0.15)}.spw-input-slider--vertical .spw-input-slider__handle:hover{transform:translate(-50%, 50%) scale(1.1)}.spw-input-slider--vertical .spw-input-slider__handle:active,.spw-input-slider--vertical.spw-input-slider--dragging .spw-input-slider__handle{transform:translate(-50%, 50%) scale(1.15)}.spw-input-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background-color:var(--spw-ds-primary);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:10}.spw-input-slider--is-error .spw-input-slider__tooltip{background-color:var(--spw-colors-states-error-error-300)}.spw-input-slider__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider__tooltip::after{border-top-color:var(--spw-colors-states-error-error-300)}.spw-input-slider--vertical .spw-input-slider__tooltip{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.spw-input-slider--vertical .spw-input-slider__tooltip::after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-left:none;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid var(--spw-ds-primary)}.spw-input-slider--is-error .spw-input-slider--vertical .spw-input-slider__tooltip::after{border-right-color:var(--spw-colors-states-error-error-300)}'}},[321,"spw-input-slider",{min:[2],max:[2],step:[2],value:[1026],range:[4],disabled:[4],name:[1],orientation:[1],hasTooltip:[4,"has-tooltip"],label:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],required:[4],accAriaLabel:[1,"acc-aria-label"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],internalValue:[32],isDragging:[32],activeHandle:[32],setValue:[64],getValue:[64]},void 0,{value:[{handleValueChange:0}]}]),u=d,c=function(){"undefined"!=typeof customElements&&["spw-input-slider","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((t=>{switch(t){case"spw-input-slider":customElements.get(o(t))\|\|customElements.define(o(t),d);break;case"spw-field-label":customElements.get(o(t))\|\|n();break;case"spw-field-message":customElements.get(o(t))\|\|a();break;case"spw-icon":customElements.get(o(t))\|\|l();break;case"spw-link":customElements.get(o(t))\|\|h();break;case"spw-tooltip":customElements.get(o(t))\|\|p()}}))};export{u as SpwInputSlider,c as defineCustomElement}

package/dist/components/spw-lightbox-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as i,h as o,a as s,t as n}from"./index.js";import{d as a}from"./p-2AbKLqDf.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxItemClick=i(this,"spwLightboxItemClick",7),this.alt="",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.textOpenImage="Ouvrir l'image",this.isHover=!0,this.hoverIcon="fa-magnifying-glass"}getIndex(){const t=this.hostElement.closest("spw-lightbox");return t?Array.from(t.querySelectorAll("spw-lightbox-item")).indexOf(this.hostElement):0}handleClick(){this.spwLightboxItemClick.emit({src:this.src,alt:this.alt,captionTitle:this.captionTitle\|\|"",captionText:this.captionText\|\|"",index:this.getIndex()})}handleKeydown(t){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleClick())}render(){return o(s,{key:"~~abbd5d95a5630f6e8cff22582567da059b3831dd~~"},o("div",{key:"~~751d3d6831ba4e684e5563d6abe51afb0cf069ae~~",class:{"spw-lightbox-item__wrapper":!0,"spw-lightbox-item__wrapper--hoverable":this.isHover},role:"button",tabindex:"0","aria-label":this.alt\|\|this.textOpenImage,onClick:()=>this.handleClick(),onKeyDown:t=>this.handleKeydown(t)},o("slot",{key:"~~17b794ccbcf9c816b0631d7f9bbdd338b16cd5a2~~"},o("img",{key:"~~44aebcd11c71b1c91738cb6a5ffd77a803fbe612~~",class:"spw-lightbox-item__img",src:this.src,alt:this.alt,loading:"lazy"})),this.isHover&&o("div",{key:"~~5bf79e4ffb9389964168260e257c8487a41156f4~~",class:"spw-lightbox-item__hover-overlay"},o("spw-icon",{key:"~~b441065aa180cbf91556c1766f586c974f3af9e3~~",icon:this.hoverIcon}))))}get hostElement(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);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;cursor:pointer;border-radius:4px;outline:none;height:100%}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-lightbox-item__hover-overlay{position:absolute;z-index:2;display:flex;visibility:hidden;top:0;left:0;width:100%;height:100%;color:white;justify-content:center;align-items:center;opacity:0;transition:all 0.3s ease}.spw-lightbox-item__hover-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-lightbox-item__hover-overlay spw-icon{position:relative;z-index:1;font-size:30px;font-weight:300;transform:scale(1.5);transition:all 0.3s ease}:host(:hover) .spw-lightbox-item__hover-overlay{visibility:visible;opacity:1}:host(:hover) .spw-lightbox-item__hover-overlay spw-icon{transform:scale(1)}'}},[257,"spw-lightbox-item",{src:[1],alt:[1],captionTitle:[1,"caption-title"],captionText:[1,"caption-text"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],textOpenImage:[1,"text-open-image"],isHover:[4,"is-hover"],hoverIcon:[1,"hover-icon"]}]),p=r,l=function(){"undefined"!=typeof customElements&&["spw-lightbox-item","spw-icon"].forEach((t=>{switch(t){case"spw-lightbox-item":customElements.get(n(t))\|\|customElements.define(n(t),r);break;case"spw-icon":customElements.get(n(t))\|\|a()}}))};export{p as SpwLightboxItem,l as defineCustomElement}
1	+ import{p as t,H as e,c as i,h as o,a as s,t as n}from"./index.js";import{d as a}from"./p-2AbKLqDf.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwLightboxItemClick=i(this,"spwLightboxItemClick",7),this.alt="",this.copyrightIcon="fa-copyright",this.copyrightIconVariant="fa-light",this.copyrightTarget="_blank",this.textOpenImage="Ouvrir l'image",this.isHover=!0,this.hoverIcon="fa-magnifying-glass"}getIndex(){const t=this.hostElement.closest("spw-lightbox");return t?Array.from(t.querySelectorAll("spw-lightbox-item")).indexOf(this.hostElement):0}handleClick(){this.spwLightboxItemClick.emit({src:this.src,alt:this.alt,captionTitle:this.captionTitle\|\|"",captionText:this.captionText\|\|"",index:this.getIndex()})}handleKeydown(t){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleClick())}render(){return o(s,{key:"b0799698f99fc0d5da3945e720940d84d3482373"},o("div",{key:"36a7c6c6d5af48ee57d8ea4d7305550f9c8460e2",class:{"spw-lightbox-item__wrapper":!0,"spw-lightbox-item__wrapper--hoverable":this.isHover},role:"button",tabindex:"0","aria-label":this.alt\|\|this.textOpenImage,onClick:()=>this.handleClick(),onKeyDown:t=>this.handleKeydown(t)},o("slot",{key:"84f40945612a66488e3794d270d3fe16526ebc31"},o("img",{key:"c3a29023299dd09771a48405441fa14757535bcb",class:"spw-lightbox-item__img",src:this.src,alt:this.alt,loading:"lazy"})),this.isHover&&o("div",{key:"f73570437bf569e2b515e33bec72f413b70b7cbb",class:"spw-lightbox-item__hover-overlay"},o("spw-icon",{key:"8929cb6009ce3c82b634b0e7966e1cf44e3d7710",icon:this.hoverIcon}))))}get hostElement(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);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;cursor:pointer;border-radius:4px;outline:none;height:100%}.spw-lightbox-item__wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px}.spw-lightbox-item__wrapper:focus-visible{outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 5px #000}.spw-lightbox-item__img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 0.15s}::slotted(img){display:block;width:100%;height:100%;object-fit:cover}.spw-lightbox-item__wrapper--hoverable{transition:box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out}.spw-lightbox-item__wrapper--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-lightbox-item__hover-overlay{position:absolute;z-index:2;display:flex;visibility:hidden;top:0;left:0;width:100%;height:100%;color:white;justify-content:center;align-items:center;opacity:0;transition:all 0.3s ease}.spw-lightbox-item__hover-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4}.spw-lightbox-item__hover-overlay spw-icon{position:relative;z-index:1;font-size:30px;font-weight:300;transform:scale(1.5);transition:all 0.3s ease}:host(:hover) .spw-lightbox-item__hover-overlay{visibility:visible;opacity:1}:host(:hover) .spw-lightbox-item__hover-overlay spw-icon{transform:scale(1)}'}},[257,"spw-lightbox-item",{src:[1],alt:[1],captionTitle:[1,"caption-title"],captionText:[1,"caption-text"],copyrightText:[1,"copyright-text"],copyrightIcon:[1,"copyright-icon"],copyrightIconVariant:[1,"copyright-icon-variant"],copyrightHref:[1,"copyright-href"],copyrightTarget:[1,"copyright-target"],textOpenImage:[1,"text-open-image"],isHover:[4,"is-hover"],hoverIcon:[1,"hover-icon"]}]),p=r,l=function(){"undefined"!=typeof customElements&&["spw-lightbox-item","spw-icon"].forEach((t=>{switch(t){case"spw-lightbox-item":customElements.get(n(t))\|\|customElements.define(n(t),r);break;case"spw-icon":customElements.get(n(t))\|\|a()}}))};export{p as SpwLightboxItem,l as defineCustomElement}

package/dist/components/spw-lightbox.js CHANGED Viewed

	@@ -1 +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-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}
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-Fqknc29G.js";import{d as h}from"./p-2AbKLqDf.js";import{d as c}from"./p-BrCHGcGN.js";import{d as p}from"./p-nC0sTTf4.js";import{d}from"./p-xTIxnTQQ.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:"b4c9b5aec8688f5568b3269ade691bc3dfac6334"},s("div",{key:"f8c61a6432702f27f57f3c9733ec5e2b3556bacb",inert:t\|\|void 0},s("slot",{key:"e8ce38a6f13407a396ce70e7c8cc839670719bee"})),s("div",{key:"4cb3b07f6e5ae504952e73c4e8b4e3cdc5e7002c",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:"1eb2588204e3e4ed434080518ef084f059376655",class:"spw-lightbox__backdrop",onClick:()=>this.handleBackdropClick(),"aria-hidden":"true"}),s("div",{key:"99ecae1b870f05bb6b1eb422dc003f8d568af400",class:"spw-lightbox__container"},s("div",{key:"774dbabfb6ed19b7fb51dbbe443cd4459acb263d",class:"spw-lightbox__toolbar"},s("span",{key:"b90deace6175722252d56a58922d6c042a903ea2",class:"spw-lightbox__counter","aria-live":"polite"},e.length>0?`${n+1} / ${e.length}`:""),s("div",{key:"df60cbc97c85df0be12b429ce490c9913243266a",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:"7d2e0fbb9253e98bb57c92dd1c46bd9bd00dbff7","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"7aadd5d04ddc465106ace9953733de27abd20e02",class:"spw-lightbox__stage"},e.length>1&&s("spw-button",{key:"ca1d2dc9197e63c57709ee55fb65ce04fadb150d",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:"3770c51a8da1d868626c27f4f1c868fae70fc93d",class:"spw-lightbox__image-wrapper",ref:t=>this.imageWrapperEl=t},i&&s("div",{key:"b631cc6a5356f9116521685f5422e04b0594a28f",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:"532ff2b3b03c79fd1874d57fa93870b17682ea2b",class:"spw-lightbox__caption","aria-live":"polite"},s("div",{key:"f649f45bdbc6519ba17246a0a2fcbcac2c6bd56b",class:"spw-lightbox__caption-content"},i.captionTitle&&s("strong",{key:"d420a9ada3c73af0d7f014566c759b7ced302654",class:"spw-lightbox__caption-title"},i.captionTitle),i.captionText&&s("span",{key:"3e6f6fbbc9d7b10d98abc3a2bfddce2ae2bbc5a2",class:"spw-lightbox__caption-text"},i.captionText)),i.copyrightText&&s("spw-tag",{key:"2c2f91dee578bb9a554adfcccca253a776b4e6c1",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:"11e5bc5edca6cd214744ef03006ca98029583338",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:"fbc1d6c737fc7f784ba5d4a14bbe123386dfb1e4",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))\|\|c();break;case"spw-loading":customElements.get(n(t))\|\|p();break;case"spw-tag":customElements.get(n(t))\|\|d()}}))};export{x as SpwLightbox,g as defineCustomElement}

package/dist/components/spw-link.js CHANGED Viewed

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

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

	@@ -1 +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:"~~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}
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:"1840d7302d51b96d1d2d55ad00a8246be861af50"},i("div",{key:"8e6429b280bc0ee73f8b341eec2db6cce80cd72e",class:this.elementClass},i("slot",{key:"5f6f0ce79fee87d178499546152385d359bfe30e"})))}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 CHANGED Viewed

	@@ -1 +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-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}
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-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:"ff37b19672cfc5228ca61fb32fbeaf68183bc87b"},i("li",{key:"7e066d1bea0eb5522de0fc3abb216153ea297d7d",role:"listitem",class:this.elementClass},this.category&&i("span",{key:"02b362e59009e53f3f8b8a01daeedf2ff1b8a7da",class:this.elementCatClass,onClick:()=>this.handleClick()},this.categoryIcon&&i("spw-icon",{key:"143aaf85e1e07b2e091bf45db883af0ad6bc7119",icon:this.categoryIcon})," ",this.category),i(o,Object.assign({key:"9f1b368cee9aed5b86f8e20ce7b0c20877b4d143"},n),i("slot",{key:"fe88661ede7c10163ec6cd1668c863121ef87fab"})),i("slot",{key:"5a71fd7b92a25008772d9490daa38e319859cf70",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 CHANGED Viewed

	@@ -1 +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-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}
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-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:"f3ef765bf957b79183c387598b8454d42908eb36"},i("div",{key:"3ee64eea38a3cbea6a243c78609abe8f32812dfe",class:this.elementClass},this.icon&&i("spw-icon",{key:"67bd0d6167017006d5db5e543b186db87b840bbe",icon:this.icon}),i("div",{key:"d1bdb899df43933bf86824adeb0a7af5a08938ba",class:"spw-list-title__content"},i("div",{key:"2c13acd0bb5a75ec7e706efc0fc0a47265d91e10",class:"spw-list-title__content-text"},i("slot",{key:"c6f6907eea19c41887912b950450a95be29e128e"})))))}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 CHANGED Viewed

	@@ -1 +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:"~~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}
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:"0d1f73ce06f969a7135b4b39352cdc9d6ff88e01"},i("ul",{key:"1c9eca787c01bb5f7ec98a8059116d57f340f9e2",role:"list",class:this.elementClass},i("slot",{key:"d51d3dc8f36a02af4320436d9ffeb0373a9a929a"})))}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 CHANGED Viewed

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

package/dist/components/spw-message.js CHANGED Viewed

	@@ -1 +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-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}
1	+ import{p as s,H as e,c as t,h as o,a as i,t as a}from"./index.js";import{d as r}from"./p-2AbKLqDf.js";import{d as n}from"./p-BrCHGcGN.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=t(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.hasRightSlotContent=!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())}))}},this.handleRightSlotChange=()=>{if(this.rightSlotElement){const s=this.rightSlotElement.assignedNodes({flatten:!0});this.hasRightSlotContent=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,t=e&&!this.isDismissable;return this.isVisible?o(i,null,o("div",{class:p(this.variant,this.size),role:"alert","aria-live":"polite","aria-label":this.messageTitle},o("div",{class:"spw-message__title-container"},e&&o("span",{class:"spw-message__icon","aria-hidden":"true"},o("spw-icon",{icon:s})),o("strong",{class:"spw-message__title"},!e&&o("spw-icon",{icon:s}),!e&&" ",this.messageTitle,e&&this.hasSlotContent&&o("span",{class:"spw-message__separator"}," : "),e&&o("span",{class:"spw-message__inline-content"},o("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange}))),t&&o("span",{class:{"spw-message__right":!0,"spw-message__right--empty":!this.hasRightSlotContent}},o("slot",{name:"right",ref:s=>this.rightSlotElement=s,onSlotchange:this.handleRightSlotChange})),this.isDismissable&&o("spw-link",{tabindex:"0",icon:"fa-close",class:"spw-message__close","aria-label":this.dismissableText,onClick:this.handleDismiss,onKeyDown:this.handleKeyDown},this.dismissableText)),!e&&o("div",{class:"spw-message__text"},o("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-container{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"close close" "icon title" "right right";gap:0;align-items:center}@media (min-width: 1024px){.spw-message--compact .spw-message__title-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}}.spw-message--compact .spw-message__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;margin-right:8px}.spw-message--compact .spw-message__title{grid-area:title;font-size:16px;display:inline;min-width:0}@media (min-width: 1024px){.spw-message--compact .spw-message__title{flex:1}}.spw-message--compact .spw-message__right{grid-area:right;display:inline-flex;align-items:center;flex-shrink:0;margin-top:12px}@media (min-width: 1024px){.spw-message--compact .spw-message__right{margin-top:0;margin-left:auto;padding-left:24px}}.spw-message--compact .spw-message__right--empty{display:none}.spw-message--compact .spw-message__close{grid-area:close;justify-self:start;margin-bottom:12px}@media (min-width: 1024px){.spw-message--compact .spw-message__close{justify-self:auto;margin-bottom:0;margin-left:24px}}.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],hasRightSlotContent:[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(a(s))\|\|customElements.define(a(s),l);break;case"spw-icon":customElements.get(a(s))\|\|r();break;case"spw-link":customElements.get(a(s))\|\|n()}}))};export{c as SpwMessage,g as defineCustomElement}

package/dist/components/spw-modal.js CHANGED Viewed

	@@ -1 +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-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}
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-2AbKLqDf.js";import{d as b}from"./p-BrCHGcGN.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:"bd4e9c04cab8653097ef97673d8f49ab140dc5b3"},s("div",{key:"8b1ba84f62fdd79b612469ce78fd0e906b90c176",ref:t=>this.modalContainer=t,class:this.elementClass},s("div",{key:"c6dccc2e6570d0f90d37c4600dedd472d5f1b562",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),s("div",{key:"f34b4c137ac80b0f38c2098b73b9654776e1a4b8",class:"spw-modal__content-container spw-modal__content-container--"+this.size,role:"dialog","aria-modal":"true","aria-label":this.caption},s("div",{key:"1659d22b2619a68b3e9d7dad8c7095def8daf19e",class:"spw-modal__content",ref:t=>this.modalContent=t,onScroll:this.handleContentScroll},s("div",{key:"e09893f9b8f44d0f68c18fbd8be0e18119d3eee1",class:"spw-modal__header"},s("div",{key:"8981dbdb894c101e203bc22c2a416e5a48282f86",class:"spw-modal__title-container"},this.alertIcon&&s("spw-icon",{key:"e5cff7df714f3f869eb1015ea36aab3fefe47156",class:"spw-modal__alert-icon",icon:this.alertIcon}),s("h2",{key:"06268e7c2fce950b1931254a5ed91347f75b6631",class:"spw-modal__caption"},this.caption)),this.showCloseButton&&s("div",{key:"6cfdb4469167b6935efd7485aec8f2b233feb9d9",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:"6bfe34c67838503f5a71b442df52a559ee44ca47","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),s("div",{key:"328c29868ebf538b1a6a58c051337f931ef2d29a",class:"spw-modal__body"},s("slot",{key:"129a87bf3cc1382a5b8f53861dee4f8027486dfd",name:"content"})),s("div",{key:"523facf0e734e25d5db4c13e9bc1b31721ddfe4b",class:{"spw-modal__buttons":!0,"spw-modal__footer--buttons-present":this.slotButtonsPresent}},s("slot",{key:"28eacf80be5cbdc6da0de18e6b55b10e368c57a3",name:"buttons",onSlotchange:t=>{this.slotButtonsPresent=t.target.assignedNodes({flatten:!0}).length>0}})))),s("div",{key:"bd56f5598bcfa3c3995ebdf7dec6a2426cf6e4ed","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 CHANGED Viewed

	@@ -1 +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:"~~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}
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:"f70536eb02cd74dc63e6fd57c8514c421eb24e54"},e("slot",{key:"3ad328b69e8d2080e31af75600e533cc25da19c8"}))}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}