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

package/dist/spw-stencil-library/p-063792e8.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as n}from"./p-Co4V4Zk-.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}renderNewsletter(){return o("div",{class:"spw-block-content__newsletter"},o("slot",null))}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:"1271eeab40dfa810c4d184ae41f2b5a07fb58b4a",class:this.elementClass},"blockquote"===this.variant&&this.renderBlockquote(),("banner-landscape"===this.variant||"banner-portrait"===this.variant)&&this.renderBanner(),"callout"===this.variant&&this.renderCallout(),"newsletter"===this.variant&&this.renderNewsletter())}};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--newsletter){background:var(--spw-colors-support-grey-grey-100);border-radius:20px;overflow:hidden}:host(.spw-block-content--newsletter):host(.spw-block-content--bg-primary){background:var(--spw-ds-primary);color:white}:host(.spw-block-content--newsletter):host(.spw-block-content--bg-purple){background:var(--spw-ds-alt-purple);color:white}:host(.spw-block-content--newsletter):host(.spw-block-content--bg-blue){background:var(--spw-ds-alt-blue);color:white}:host(.spw-block-content--newsletter):host(.spw-block-content--bg-petrol){background:var(--spw-ds-alt-petrol);color:white}:host(.spw-block-content--newsletter) .spw-block-content__newsletter{padding:32px 24px;text-align:center}@media (min-width: 1024px){:host(.spw-block-content--newsletter) .spw-block-content__newsletter{padding:40px 80px}}: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}