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

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}

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as n}from"./p-BvJ4Kko5.js";const e=class{constructor(o){t(this,o),this.variant="blockquote",this.target="_self",this.background="primary"}get elementClass(){return{"spw-block-content":!0,[`spw-block-content--${this.variant}`]:!0,[`spw-block-content--bg-${this.background}`]:!!this.background}}renderBlockquote(){return o("blockquote",{class:"spw-block-content__blockquote-container"},o("div",{class:"spw-block-content__blockquote"},o("div",{class:"spw-block-content__top"},o("slot",{name:"top"})),o("div",{class:"spw-block-content__quote"},o("slot",{name:"quote"})),o("div",{class:"spw-block-content__bottom"},o("slot",{name:"bottom"}))))}renderBanner(){const t=o("div",{class:"spw-block-content__banner"},o("div",{class:"spw-block-content__content"},o("div",{class:"spw-block-content__text"},o("slot",null))),this.imageSrc&&o("div",{class:"spw-block-content__image"},o("img",{src:this.imageSrc,alt:this.imageAlt||""})),o("div",{class:"spw-block-content__button"},o("slot",{name:"button"})));return this.href?o("a",{href:this.href,target:this.target,class:"spw-block-content__link"},t):t}renderCallout(){const t={};return this.ratio&&(t["--spw-block-content-callout-ratio"]=this.ratio,t["--spw-block-content-callout-ratio-mobile"]=this.ratio,t["--spw-block-content-callout-ratio-tablet"]=this.ratio,t["--spw-block-content-callout-ratio-desktop"]=this.ratio),this.ratioMobile&&(t["--spw-block-content-callout-ratio-mobile"]=this.ratioMobile),this.ratioTablet&&(t["--spw-block-content-callout-ratio-tablet"]=this.ratioTablet),this.ratioDesktop&&(t["--spw-block-content-callout-ratio-desktop"]=this.ratioDesktop),o("div",{class:"spw-block-content__callout",style:t},this.imageSrc&&o("div",{class:"spw-block-content__image"},o("img",{src:this.imageSrc,alt:this.imageAlt||""})),o("div",{class:"spw-block-content__content"},o("slot",null)))}render(){return o(n,{key:"4cffb0875f91f80d9b40d619bc410e83202dfad4",class:this.elementClass},"blockquote"===this.variant&&this.renderBlockquote(),("banner-landscape"===this.variant||"banner-portrait"===this.variant)&&this.renderBanner(),"callout"===this.variant&&this.renderCallout())}};e.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}:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{margin:0 !important;padding:0 !important;padding-left:20px !important}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote-container{padding-left:40px !important}}:host(.spw-block-content--blockquote) .spw-block-content__blockquote{margin:0;padding:24px;padding-left:44px;background-color:var(--spw-colors-multi-branding-red-red-50);border-radius:16px;color:var(--spw-colors-support-grey-grey-900);display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__blockquote{padding:32px;padding-left:72px}}:host(.spw-block-content--blockquote):host(.spw-block-content--bg-neutral) .spw-block-content__blockquote{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--blockquote) .spw-block-content__quote{display:flex;gap:16px;position:relative}:host(.spw-block-content--blockquote) .spw-block-content__quote::before{content:"“";position:absolute;left:-44px;font-size:50px;font-weight:700;color:var(--spw-colors-support-grey-grey-900);flex-shrink:0;width:40px;height:40px;padding-top:22px;padding-right:5px;font-style:italic;background:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transform:translateX(-50%)}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote::before{left:-72px;font-size:100px;width:80px;height:80px;padding-top:45px;padding-right:10px}}:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){margin:0;padding-left:16px;font-size:21px;font-style:italic;font-weight:700;line-height:1.4}@media (min-width: 768px){:host(.spw-block-content--blockquote) .spw-block-content__quote ::slotted(*){font-size:24px}}:host(.spw-block-content--banner-landscape),:host(.spw-block-content--banner-portrait){background:var(--spw-ds-primary);color:white !important;border-radius:16px;overflow:hidden;position:relative}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-primary),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-purple),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-blue),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-petrol),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white !important}:host(.spw-block-content--banner-landscape):host(.spw-block-content--bg-neutral),:host(.spw-block-content--banner-portrait):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900) !important}:host(.spw-block-content--banner-landscape) .spw-block-content__link,:host(.spw-block-content--banner-portrait) .spw-block-content__link{display:block;text-decoration:none;color:inherit}:host(.spw-block-content--banner-landscape) .spw-block-content__link:hover .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__link:hover .spw-block-content__image img{transform:scale(1.05)}:host(.spw-block-content--banner-landscape) .spw-block-content__image img,:host(.spw-block-content--banner-portrait) .spw-block-content__image img{transition:linear 0.2s transform;display:block;width:100%;height:100%;object-fit:cover;border-top-left-radius:900px}:host(.spw-block-content--banner-landscape) .spw-block-content__button,:host(.spw-block-content--banner-portrait) .spw-block-content__button{position:absolute;bottom:16px;right:16px;z-index:2}:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{display:flex;flex-direction:column;gap:12px;padding:16px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__text,:host(.spw-block-content--banner-portrait) .spw-block-content__text{padding:24px}}:host(.spw-block-content--banner-landscape) .spw-block-content__banner{display:flex;flex-direction:row}:host(.spw-block-content--banner-landscape) .spw-block-content__image{flex-shrink:0;width:120px}@media (min-width: 768px){:host(.spw-block-content--banner-landscape) .spw-block-content__image{width:260px}}:host(.spw-block-content--banner-landscape) .spw-block-content__content{flex:1;display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__banner{display:flex;flex-direction:column}:host(.spw-block-content--banner-portrait) .spw-block-content__image{aspect-ratio:1/1}:host(.spw-block-content--banner-portrait) .spw-block-content__content{display:flex;flex-direction:column}:host(.spw-block-content--callout){background:var(--spw-ds-primary);color:white;border-radius:16px;overflow:hidden}:host(.spw-block-content--callout):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white}:host(.spw-block-content--callout):host(.spw-block-content--bg-neutral){background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-900)}:host(.spw-block-content--callout) .spw-block-content__callout{display:flex;flex-direction:column;padding:16px;gap:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__callout{flex-direction:row;gap:24px}}:host(.spw-block-content--callout) .spw-block-content__image{flex-shrink:0;border-radius:8px;overflow:hidden;aspect-ratio:var(--spw-block-content-callout-ratio-mobile, 16/9)}@media (min-width: 768px){:host(.spw-block-content--callout) .spw-block-content__image{aspect-ratio:var(--spw-block-content-callout-ratio-tablet, 16/9)}}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__image{width:40%;aspect-ratio:var(--spw-block-content-callout-ratio-desktop, auto)}}:host(.spw-block-content--callout) .spw-block-content__image img{display:block;width:100%;height:100%;object-fit:cover}:host(.spw-block-content--callout) .spw-block-content__content{display:flex;flex-direction:column;justify-content:center;flex:1;padding:8px}@media (min-width: 1024px){:host(.spw-block-content--callout) .spw-block-content__content{padding:24px}}';export{e as spw_block_content}