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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.12.2",
+  "version": "1.13.0",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

package/dist/components/p-DHKTbYO_.js

@@ -1 +0,0 @@
-import{p as e,H as t,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-BFQBddHX.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.surface="light",this.hasIcon=!0,this.target="_self",this.size="medium",this.iconVariant="fa-solid",this.iconPosition="left",this.getIcon=e=>{const t={default:"fa-bell",grey:"fa-ellipsis",blue:"fa-loader",green:"fa-check",orange:"fa-triangle-exclamation",red:"fa-octagon-xmark",purple:"fa-sparkles"};return t[e]||t.default}}get elementClass(){return{"spw-tag":!0,"spw-tag--hoverable":!!this.href,"spw-tag--icon":this.hasIcon,[`spw-tag--${this.variant}`]:!0,[`spw-tag--size-${this.size}`]:!0,[`spw-tag--surface-${this.surface}`]:!0}}render(){const{href:e,target:t}=this,s=void 0===this.href?"div":"a",n="div"===s?{}:{href:e,target:t},a=this.icon||this.getIcon(this.variant),r=this.hasIcon?i("spw-icon",{variant:this.iconVariant,icon:a}):null;return i(o,{key:"25d79d8139628f04b52d56ce57d946d30293251f"},i(s,Object.assign({key:"4e4502faf7f71f01f774dec0f6f606250c300bd7"},n,{class:this.elementClass}),"left"===this.iconPosition&&r,i("slot",{key:"b7a4b2f0c9416b45149d62da061d605171f9362e"}),"right"===this.iconPosition&&r))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block}.spw-tag{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all linear 0.2s}.spw-tag--hoverable:hover{transform:translateY(-3px)}.spw-tag--default{background:#fff;color:var(--spw-colors-support-grey-grey-900);border-color:var(--spw-colors-support-grey-grey-300)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15)}.spw-tag--size-extra-small{font-size:12px;line-height:11px;padding:6px 8px;gap:4px}.spw-tag--size-small{font-size:14px;line-height:13px;padding:6px 10px;gap:4px}.spw-tag--size-medium{font-size:16px;line-height:15px;padding:6px 10px}.spw-tag--size-large{font-size:18px;line-height:17px;padding:6px 10px}"}},[257,"spw-tag",{variant:[1],surface:[1],hasIcon:[4,"has-icon"],icon:[1],href:[1],target:[1],size:[1],iconVariant:[1,"icon-variant"],iconPosition:[1,"icon-position"]}]);function r(){"undefined"!=typeof customElements&&["spw-tag","spw-icon"].forEach((e=>{switch(e){case"spw-tag":customElements.get(s(e))||customElements.define(s(e),a);break;case"spw-icon":customElements.get(s(e))||n()}}))}export{a as S,r as d}

package/dist/spw-stencil-library/p-36e966b6.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i,a}from"./p-BvJ4Kko5.js";const n=class{constructor(t){e(this,t),this.level=0,this.element=null,this.alignment="flex-start",this.extraButton=!1,this.extraButtonTarget="_self",this.extraButtonVariant="primary",this.homepageLabel="Page d'accueil"}componentDidLoad(){this.updateHeightVar(),this.resizeObserver=new ResizeObserver((()=>this.updateHeightVar())),this.resizeObserver.observe(this.navEl)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}updateHeightVar(){document.documentElement.style.setProperty("--spw-header-navigation-height",`${this.navEl.offsetHeight}px`)}redirectToHome(e){e.preventDefault(),window.location.href="/"}handleNavigation(e){e.stopPropagation(),this.element=e.detail.element,this.level=e.detail.level,setTimeout((()=>{this.updateNavigationItems()}),0)}updateNavigationItems(){this.getAllNavigationItems().forEach(((e,t)=>{e.setAttribute("data-id",`${t+1}`),e.setAttribute("data-level-visible",`${this.level}`)}))}getAllNavigationItems(){const e=[];return this.el.querySelectorAll("spw-header-navigation-item").forEach((t=>{e.push(t);const i=t.shadowRoot;i&&i.querySelectorAll("spw-header-navigation-item").forEach((t=>e.push(t)))})),e}get elementClass(){return{"spw-header-navigation":!0,[`spw-header-navigation--${this.alignment}`]:!0}}render(){return t(i,{key:"cc8b36bb6c54587e51246dba2b2d564712884dde"},t("nav",{key:"8aabc608c255c4b9dc399598cf69835cef34b5da",class:this.elementClass,ref:e=>this.navEl=e},t("div",{key:"fac953ae5c2cde5bbae25935f0cb8d8b12ed8272",class:"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between"},t("div",{key:"f4c37ea68a814ba7348b24b0f429621ad0b8caaf",class:"spw-header-navigation__list"},t("div",{key:"2498432ef6645dcb688310e4498ecbe0b75c8aa3",class:"spw-header-navigation__list-back"},t("a",{key:"770ff2e852900f662b09ff095173f96c2803c3d4",href:"#",onClick:e=>this.redirectToHome(e)},t("spw-icon",{key:"b1eda2204772067b8a8084bd4c2b3617e6912287",icon:"fa-chevron-left"})," ",t("span",{key:"c0a05bde1b81645addde13496fa49c71944fef3d"},this.homepageLabel))),t("slot",{key:"ce4bb4c4afd10d1835c3655ec080146d138babfd"})),this.extraButton&&t("div",{key:"39f6796ce53a36d012bb0d93907359aaa2026780",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop"},t("spw-button",{key:"e19fa4ee5d998c292b91c695673b61fca0b93de0",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))),this.extraButton&&t("div",{key:"28d532d75dd97ecf9baa839ef82b45a10552a57c",class:"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile"},t("div",{key:"2e2f457c7fd5bccb33e5230fc9c7bb3fb5de9e9c",class:"spw-ds-container"},t("div",{key:"debb676659f4bf665fd54b97ba939cff3cd4bd91",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile"},t("spw-button",{key:"bbf06e4972a91addb151a33c03f13191149b725a","is-full-width":"true",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))))}get el(){return a(this)}};n.style='html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}';export{n as spw_header_navigation}

package/dist/spw-stencil-library/p-6e7aa2fb.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as i}from"./p-BvJ4Kko5.js";const o=class{constructor(t){e(this,t),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.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=t("div",{key:"9e8445654d6da71ae0f54b54bfb40a65f06d730c",class:"spw-hero__content"},t("slot",{key:"8c708f01cdac311b32df07acf028b0e45b4c8747"})),o=this.copyrightText&&t("spw-tag",{key:"8ca6b11d5cd9af01b5ab946f59bfe6ba70309332",size:"small","icon-variant":this.copyrightIconVariant,class:"spw-hero__copyright",icon:this.copyrightIcon,href:this.copyrightHref||void 0,target:this.copyrightHref?this.copyrightTarget:void 0},this.copyrightText),r="grey"===this.variant||"white"===this.variant,s="featured"===this.variant,a={};return s&&(this.featuredRatio&&(a["--spw-hero-featured-ratio-mobile"]=this.featuredRatio,a["--spw-hero-featured-ratio-tablet"]=this.featuredRatio,a["--spw-hero-featured-ratio-desktop"]=this.featuredRatio),this.featuredRatioMobile&&(a["--spw-hero-featured-ratio-mobile"]=this.featuredRatioMobile),this.featuredRatioTablet&&(a["--spw-hero-featured-ratio-tablet"]=this.featuredRatioTablet),this.featuredRatioDesktop&&(a["--spw-hero-featured-ratio-desktop"]=this.featuredRatioDesktop)),t(i,{key:"bb51b2ad7a9508e873222dc2a4f2102efb34952c",style:a},t("div",{key:"27c16e026e575ccc5e75ab9439c30ccf1ccc7655",class:this.elementClass},this.imageSrc&&t("div",{key:"8e7a6d855675177a2dc04d49d6082b4c75c4402d",class:"spw-hero__image"},this.hasVideo&&"maxi"!==this.variant&&"photo"!==this.variant&&!s&&t("div",{key:"69a27d4672e1c11792955f5e70ff6da646642c08",class:"spw-hero__image-play",onClick:this.triggerModal,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button","aria-label":this.accPlayButtonAriaLabel},t("spw-icon",{key:"9900cf75c7c499a085a668a6ccb3ed430fd33d0d",icon:"fa-play"})),t("div",{key:"4cc9b149e2476edca22906b1059502847790d2bd",class:"spw-hero__overlay",style:this.overlayStyle}),t("img",{key:"fef3b9d4bc0b2b6bef01644ddb4d8869fd8def73",src:this.imageSrc,alt:this.imageAlt,style:this.imagePosition?{objectPosition:this.imagePosition}:void 0}),(r||s)&&o),!s&&("mini"===this.variant?e:t("div",{class:"spw-ds-container spw-hero__container"},e)),!r&&!s&&o))}};o.style='@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{position:absolute;bottom:8px;right:8px;z-index:3}.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%}';export{o as spw_hero}