@spw-ds/spw-stencil-library 1.14.0 → 1.14.2

package/dist/components/spw-hero.js

@@ -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-BFQBddHX.js";import{d as a}from"./p-sD0z4PvL.js";import{d as p}from"./p-CCD4GNGP.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:"12fec8ca9735a2ca1cdc61a95a6d7aab6c255c2b",class:"spw-hero__content"},i("slot",{key:"3b65eaa073f87eed90430f7e0cc11a03fb97508a"})),t=!(!this.tooltipCopyrightTitle&&!this.tooltipCopyrightText),r=(this.copyrightText||t)&&i("div",{key:"867b71affa6f6f96d94546dae5651b05045a99f3",class:"spw-hero__copyright"},this.copyrightText&&i("spw-tag",{key:"65eb87674860fdc4fddd4f77e3f34f75e164f11e",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:"0c54fb29d6a36faee2362379a315462134d1182f",direction:"top","tooltip-title":this.tooltipCopyrightTitle,"tooltip-text":this.tooltipCopyrightText,"max-width":this.tooltipCopyrightMaxWidth,cursor:"help"},i("spw-tag",{key:"6888783d7f1f3d9bf68682bb12bbb1978ed701df",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:"b8fabc58e03166ba1bad2992c5e62047c57dc2c7",style:p},i("div",{key:"f7e4769b01b3b875b0a0f311062790de4a1237aa",class:this.elementClass},this.imageSrc&&i("div",{key:"d96ef23c0ba546135d7d948b863a0b7db47eb4d6",class:"spw-hero__image"},this.hasVideo&&"maxi"!==this.variant&&"photo"!==this.variant&&!a&&i("div",{key:"f8c652d1aa3702073a8255573fddded8b89a43a1",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":this.accPlayButtonAriaLabel},i("spw-icon",{key:"c0f919aef352f109331c5752b5f0b20e327eb0a8",icon:"fa-play"})),i("div",{key:"b6a636ec058a5c82a580009b688330b6741fac4d",class:"spw-hero__overlay",style:this.overlayStyle}),i("img",{key:"418c713e33ac0da267f1f0360cc80c00e3d4bae0",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)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-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}
+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-D25JsirJ.js";import{d as a}from"./p-C3Ll1ThQ.js";import{d as p}from"./p-BPhSJ6Z9.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:"14287304bdc95ba831e4ae86da8cdf21bb064b7a",class:"spw-hero__content"},i("slot",{key:"ce2fb17a6f6cb134740adcd4c7a9947db3a064e3"})),t=!(!this.tooltipCopyrightTitle&&!this.tooltipCopyrightText),r=(this.copyrightText||t)&&i("div",{key:"200012671d871fc130b120fa5ffedafb3c14a48b",class:"spw-hero__copyright"},this.copyrightText&&i("spw-tag",{key:"727564b87e010e07c2b41a7e1383ab5b0df0ff02",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:"e27901459c1637df0b2c0d8c604df9a1aaad9e62",direction:"top","tooltip-title":this.tooltipCopyrightTitle,"tooltip-text":this.tooltipCopyrightText,"max-width":this.tooltipCopyrightMaxWidth,cursor:"help"},i("spw-tag",{key:"f0ee9cd6b719a1298b51f03b2c1a1e1a4513ab5b",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:"c9f4497d41396da9b4bbedfb6dc043cf216ff781",style:p},i("div",{key:"de7074ed70adb3fcee890ebb885ad28d3410ebd8",class:this.elementClass},this.imageSrc&&i("div",{key:"f320335914e021fb8bd50c277a0f44565816c88a",class:"spw-hero__image"},this.hasVideo&&"maxi"!==this.variant&&"photo"!==this.variant&&!a&&i("div",{key:"364f38fcd669f0745a98e15848bb6975c8dce02c",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":this.accPlayButtonAriaLabel},i("spw-icon",{key:"15528c56c65377fd8299289fbceb0ffb5a10437b",icon:"fa-play"})),i("div",{key:"8120ef012bfdc0bdce5c49456ceb070dc3519ace",class:"spw-hero__overlay",style:this.overlayStyle}),i("img",{key:"39c315b9b9e5f0a36518e6cc8c90a719871185b8",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)}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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-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-icon.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BFQBddHX.js";const d=o,p=s;export{d as SpwIcon,p as defineCustomElement}
+import{S as s,d as o}from"./p-D25JsirJ.js";const r=s,p=o;export{r as SpwIcon,p as defineCustomElement}