@oiz/stzh-components 4.14.0-beta1 → 4.14.0-beta2

package/dist/stzh-components/{p-cef1c8fb.entry.js → p-6bbb0faf.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,a,d as s}from"./p-vaw5DHDC.js";const r=class{constructor(i){t(this,i),this.stzhClick=e(this,"stzhClick"),this.dateline="",this.heading="",this.headingLevel="3",this.lead="",this.date="",this.contentSize="M",this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||(null===(t=this.headingTextElement)||void 0===t?void 0:t.innerText);i&&(null===(e=this.titleLinkElement)||void 0===e||e.setAttribute("s-object-id",i))}))}renderHeading(){return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(`h${this.headingLevel}`,{class:"stzh-pi-teaser-layout-item__title"},i(this.href?"a":"button",{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const s=this.lead;return i(a,{key:"d32a886f9f6ecedf77658bd355162868236f5ee7","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"c3014c3f55f1d001d32989da678c836f362d9d2c",class:{"stzh-pi-teaser-layout-item":!0,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e},"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"24d9dea346e14a7dac70c512cb5092174406f258",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"227005c993c74b38b4d407c6150c9c57493cd5ed",src:this.imageSrc,alt:"Example image"})),i("div",{key:"02647e36c95550ffeeb48d5608e5b26d34809b6e",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"9e0e92f1d133f0d3c03af206cf7d36d3619aaf3d",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"91353a7f7e5cc648a7e0e5b049a3b39151722792",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"1d030ae40b5a9bcb0dd22606df63bfab2dbdd4b0",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("p",{key:"0960ae9f356422b7f25d7fe125ed18e3afe84741",class:"stzh-pi-teaser-layout-item__lead"},s)),this.date&&i("p",{key:"f5cba8e1d496c7e918f08bfe814c8a181b02c7a5",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return s(this)}};r.style='@charset "UTF-8";.sc-stzh-pi-teaser-layout-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-item-h,[stzh-hidden].sc-stzh-pi-teaser-layout-item-h{display:none}.sc-stzh-pi-teaser-layout-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item,.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before,.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item{outline-style:none !important}.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-item-h{--image-background-color:var(     --stzh-pi-teaser-layout-item-image-background-color,     var(--stzh-color-coolgrey10)   );display:flex;inline-size:100%;block-size:100%;container-type:size}[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-rows:minmax(0, 1fr) minmax(0, 1fr)}@media screen and (max-width: 899px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image " "text text text text "     )}}@media screen and (min-width: 900px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image image image image image"         "text text text text text text text text"     )}}@media screen and (min-width: 1260px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image image image image image image image image image"         "text text text text text text text text text text text text"     )}}[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-no-rows:1fr}@media screen and (max-width: 899px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text image image"     )}}@media screen and (min-width: 900px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text text text text image image image"     )}}@media screen and (min-width: 1260px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text text text text text image image image image image image"     )}}.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-no-rows:1fr}@media screen and (max-width: 899px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text"}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text text text text text"}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text text text text text text text text text"}}.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{display:none}[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{-webkit-line-clamp:2}@container (max-height: 235px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:40cqh 60cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:1}.sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead{--lead-lines:1}}@container (min-height: 236px) and (max-height:349px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:47cqh 53cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:2}.sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead{--lead-lines:2}}@container (min-height: 350px) and (max-height:549px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:55cqh 45cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:3}}@container (min-height: 550px) and (max-height: 639px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:50cqh 50cqh}}@container (min-height: 640px) and (max-height: 799px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:55cqh 45cqh}}@container (min-height: 800px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:40cqh 60cqh}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{display:grid;height:100%;width:100%;grid-template-rows:var(--grid-template-no-rows, var(--grid-template-rows));grid-template-areas:var(--grid-template-areas-no-image, var(--grid-template-areas));background-color:var(--stzh-color-grey10)}.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item{display:grid;grid-template-rows:auto auto minmax(0, 1fr) auto;height:100%;min-height:0;align-content:start}.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item{grid-area:text;overflow:hidden;padding:var(--stzh-space-medium, 16px);height:100%;min-height:0}.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item{overflow:hidden;grid-area:image}.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item>img.sc-stzh-pi-teaser-layout-item{width:100%;height:100%;object-fit:cover}.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-coolgrey70);margin:0;align-self:start}.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-xlarge, 24px)}}.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;align-self:start}.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item{display:block;font-family:inherit;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (max-width: 899px){.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{margin-top:0;color:var(--stzh-color-coolgrey70);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lead-lines, 3);line-clamp:var(--lead-lines, 3);overflow:hidden;align-self:start}.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-coolgrey70);margin:0;align-self:end}';export{r as stzh_pi_teaser_layout_item}
+import{r as t,c as e,h as i,a,d as s}from"./p-rujKGmCS.js";const r=class{constructor(i){t(this,i),this.stzhClick=e(this,"stzhClick"),this.dateline="",this.heading="",this.headingLevel="3",this.lead="",this.date="",this.contentSize="M",this.handleCardClick=t=>{this.stzhClick.emit({component:"stzh-pi-teaser-layout-item",originalEvent:t,href:this.href})}}componentDidRender(){requestAnimationFrame((()=>{var t,e;const i=this.analyticsId||(null===(t=this.headingTextElement)||void 0===t?void 0:t.innerText);i&&(null===(e=this.titleLinkElement)||void 0===e||e.setAttribute("s-object-id",i))}))}renderHeading(){return i("div",{class:"stzh-pi-teaser-layout-item__title-wrapper"},i(`h${this.headingLevel}`,{class:"stzh-pi-teaser-layout-item__title"},i(this.href?"a":"button",{ref:t=>this.titleLinkElement=t,class:"stzh-pi-teaser-layout-item__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:t=>this.headingTextElement=t},this.heading))))}render(){const t=!!this.lead;console.log("imageSrc: ",this.imageSrc," & imagePosition: ",this.imagePosition);const e=!!this.imageSrc&&!!this.imagePosition;console.log("hasImage: ",e);const s=this.lead;return i(a,{key:"d32a886f9f6ecedf77658bd355162868236f5ee7","has-lead":t,"has-image":e,"image-position":this.imagePosition,"content-size":this.contentSize},i("article",{key:"c3014c3f55f1d001d32989da678c836f362d9d2c",class:{"stzh-pi-teaser-layout-item":!0,"stzh-pi-teaser-layout-item--has-lead":t,"stzh-pi-teaser-layout-item--has-image":e},"aria-label":this.heading,role:"listitem"},e&&i("div",{key:"24d9dea346e14a7dac70c512cb5092174406f258",class:"stzh-pi-teaser-layout-item__image"},i("img",{key:"227005c993c74b38b4d407c6150c9c57493cd5ed",src:this.imageSrc,alt:"Example image"})),i("div",{key:"02647e36c95550ffeeb48d5608e5b26d34809b6e",class:"stzh-pi-teaser-layout-item__wrapper"},i("div",{key:"9e0e92f1d133f0d3c03af206cf7d36d3619aaf3d",class:"stzh-pi-teaser-layout-item__text"},this.dateline&&i("p",{key:"91353a7f7e5cc648a7e0e5b049a3b39151722792",class:"stzh-pi-teaser-layout-item__dateline"},this.dateline),this.renderHeading(),i("div",{key:"1d030ae40b5a9bcb0dd22606df63bfab2dbdd4b0",class:"stzh-pi-teaser-layout-item__lead-wrapper"},i("p",{key:"0960ae9f356422b7f25d7fe125ed18e3afe84741",class:"stzh-pi-teaser-layout-item__lead"},s)),this.date&&i("p",{key:"f5cba8e1d496c7e918f08bfe814c8a181b02c7a5",class:"stzh-pi-teaser-layout-item__date"},this.date)))))}get element(){return s(this)}};r.style='@charset "UTF-8";.sc-stzh-pi-teaser-layout-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-item-h,[stzh-hidden].sc-stzh-pi-teaser-layout-item-h{display:none}.sc-stzh-pi-teaser-layout-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item,.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::before,.sc-stzh-pi-teaser-layout-item-h *.sc-stzh-pi-teaser-layout-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-item-h .has-focus.sc-stzh-pi-teaser-layout-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item{outline-style:none !important}.sc-stzh-pi-teaser-layout-item-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout-item::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-item-h{--image-background-color:var(     --stzh-pi-teaser-layout-item-image-background-color,     var(--stzh-color-coolgrey10)   );display:flex;inline-size:100%;block-size:100%;container-type:size}[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-rows:minmax(0, 1fr) minmax(0, 1fr)}@media screen and (max-width: 899px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image " "text text text text "     )}}@media screen and (min-width: 900px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image image image image image"         "text text text text text text text text"     )}}@media screen and (min-width: 1260px){[image-position=top].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "image image image image image image image image image image image image"         "text text text text text text text text text text text text"     )}}[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-no-rows:1fr}@media screen and (max-width: 899px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text image image"     )}}@media screen and (min-width: 900px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text text text text image image image"     )}}@media screen and (min-width: 1260px){[image-position=right].sc-stzh-pi-teaser-layout-item-h{--grid-template-areas:var(       --stzh-pi-teaser-layout-item-grid-template-areas,       "text text text text text text image image image image image image"     )}}.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-no-rows:1fr}@media screen and (max-width: 899px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text"}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text text text text text"}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-item-h:not([has-image]){--grid-template-areas-no-image:"text text text text text text text text text text text text"}}.sc-stzh-pi-teaser-layout-item-h:not([has-lead]) .stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{display:none}[content-size=XL].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}[content-size=L].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}[content-size=M].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}[content-size=S].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}[content-size=XS].sc-stzh-pi-teaser-layout-item-h .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}[content-size=S].sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{-webkit-line-clamp:2}@container (max-height: 235px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:40cqh 60cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:1}.sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead{--lead-lines:1}}@container (min-height: 236px) and (max-height:349px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:47cqh 53cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:2}.sc-stzh-pi-teaser-layout-item-h:not([has-image]) .stzh-pi-teaser-layout-item__lead{--lead-lines:2}}@container (min-height: 350px) and (max-height:549px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:55cqh 45cqh}.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item__lead{--lead-lines:3}}@container (min-height: 550px) and (max-height: 639px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:50cqh 50cqh}}@container (min-height: 640px) and (max-height: 799px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:55cqh 45cqh}}@container (min-height: 800px){.sc-stzh-pi-teaser-layout-item-h[image-position=top] .stzh-pi-teaser-layout-item{--grid-template-rows:40cqh 60cqh}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-teaser-layout-item.sc-stzh-pi-teaser-layout-item{display:grid;height:100%;width:100%;grid-template-rows:var(--grid-template-no-rows, var(--grid-template-rows));grid-template-areas:var(--grid-template-areas-no-image, var(--grid-template-areas));background-color:var(--stzh-color-grey10)}.stzh-pi-teaser-layout-item__text.sc-stzh-pi-teaser-layout-item{display:grid;grid-template-rows:auto auto minmax(0, 1fr) auto;height:100%;min-height:0;align-content:start}.stzh-pi-teaser-layout-item__wrapper.sc-stzh-pi-teaser-layout-item{grid-area:text;overflow:hidden;padding:var(--stzh-space-medium, 16px);height:100%;min-height:0}.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item{overflow:hidden;grid-area:image}.stzh-pi-teaser-layout-item__image.sc-stzh-pi-teaser-layout-item>img.sc-stzh-pi-teaser-layout-item{width:100%;height:100%;object-fit:cover}.stzh-pi-teaser-layout-item__dateline.sc-stzh-pi-teaser-layout-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-coolgrey70);margin:0;align-self:start}.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-top:var(--stzh-space-xlarge, 24px)}}.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__title-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-teaser-layout-item__title.sc-stzh-pi-teaser-layout-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;align-self:start}.stzh-pi-teaser-layout-item__title-link.sc-stzh-pi-teaser-layout-item{display:block;font-family:inherit;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xsmall, 8px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-small, 12px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-medium, 16px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout-item__lead-wrapper.sc-stzh-pi-teaser-layout-item{padding-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (max-width: 899px){.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-pi-teaser-layout-item__lead.sc-stzh-pi-teaser-layout-item{margin-top:0;color:var(--stzh-color-coolgrey70);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lead-lines, 3);line-clamp:var(--lead-lines, 3);overflow:hidden;align-self:start}.stzh-pi-teaser-layout-item__date.sc-stzh-pi-teaser-layout-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-color-coolgrey70);margin:0;align-self:end}';export{r as stzh_pi_teaser_layout_item}

package/dist/stzh-components/{p-1948fc02.entry.js → p-6efe279c.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,a as i,d as e}from"./p-vaw5DHDC.js";import{a as r}from"./p-D9zQzxeI.js";import"./p-E-ZsRS8r.js";const a=class{constructor(s){t(this,s),this.tags=[],this._tags=[],this._tagChips=[],this.showItems=6,this.stepItems=6,this.activeFilter="",this.items=[],this._filteredItems=[],this._filteredSlicedItems=[],this._showMoreLink=!1,this.handleChange=t=>{this.showItems=this._initialShowItems,this.activeFilter="string"==typeof t.detail.value?t.detail.value:t.detail.value[0]||""},this.handleMoreClick=()=>{this.showItems=this.showItems+this.stepItems}}async filterHandler(){this._filteredItems=this.items.filter((t=>""===this.activeFilter||t.tags.some((t=>this.activeFilter===t)))),this._filteredSlicedItems=this._filteredItems.slice(0,this.showItems),this._showMoreLink=this.showItems<this._filteredItems.length}async tagsWatcher(){this._tags="string"==typeof this.tags?JSON.parse(this.tags):this.tags,this._tagChips=this._tags.map((t=>({label:t.name,value:t.id,variant:"filter",size:"large",counter:(t.id?this.items.filter((s=>s.tags.indexOf(t.id)>-1)).length:this.items.length).toString()})))}async apiWatcher(t){if(!t)return;let s=this.api.replace(/\{lang\}/,this.localization.$locale);const{data:i}=await r.get(s);this.items=i.items,this.showItems=this._initialShowItems}async componentWillLoad(){this._initialShowItems=this.showItems,this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"microsite-teaserlist")),await this.apiWatcher(this.api)}render(){return s(i,{key:"e3cc10e66dd73bdb7e7d9031521bd62024ad31ff"},s("div",{key:"b0b4827bd122438f5367072d89df430d141043d3",class:{"stzh-microsite-teaserlist":!0}},this._tagChips.length>0&&s("stzh-chipselect",{key:"fbc4515e6ad05ae33f1f6499d0fc54973e05dbe7","hide-optional":!0,"label-hidden":!0,class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),s("stzh-cardlist",{key:"1af56e6f23665de7e4c2c59fb9af3ada19db53bb",layout:"teasers"},this._filteredSlicedItems.map((t=>s("stzh-card",{href:t.link},t.image&&s("stzh-ratio",{slot:"image"},s("img",{src:t.image})),t.title&&s("div",{slot:"heading"},t.title),t.description&&s("div",{slot:"content"},t.description))))),this._showMoreLink&&s("div",{key:"e26fdb9a4a9d781b2539c9ca939ca5861b1158ac",class:"stzh-microsite-teaserlist__show-more"},s("stzh-button",{key:"431b6541fcaf69298aadf62a405e0d888c52e8a0",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return e(this)}static get watchers(){return{items:[{filterHandler:0},{tagsWatcher:0}],showItems:[{filterHandler:0}],activeFilter:[{filterHandler:0}],tags:[{tagsWatcher:0}],api:[{apiWatcher:0}]}}};a.style=".sc-stzh-microsite-teaserlist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-microsite-teaserlist-h,[stzh-hidden].sc-stzh-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-microsite-teaserlist-h .has-focus.sc-stzh-microsite-teaserlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist{outline-style:none !important}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist::-moz-focus-inner{border:0 !important}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{display:grid}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{justify-content:center}}";export{a as stzh_microsite_teaserlist}
+import{r as t,h as s,a as i,d as e}from"./p-rujKGmCS.js";import{a as r}from"./p-D9zQzxeI.js";import"./p-E-ZsRS8r.js";const a=class{constructor(s){t(this,s),this.tags=[],this._tags=[],this._tagChips=[],this.showItems=6,this.stepItems=6,this.activeFilter="",this.items=[],this._filteredItems=[],this._filteredSlicedItems=[],this._showMoreLink=!1,this.handleChange=t=>{this.showItems=this._initialShowItems,this.activeFilter="string"==typeof t.detail.value?t.detail.value:t.detail.value[0]||""},this.handleMoreClick=()=>{this.showItems=this.showItems+this.stepItems}}async filterHandler(){this._filteredItems=this.items.filter((t=>""===this.activeFilter||t.tags.some((t=>this.activeFilter===t)))),this._filteredSlicedItems=this._filteredItems.slice(0,this.showItems),this._showMoreLink=this.showItems<this._filteredItems.length}async tagsWatcher(){this._tags="string"==typeof this.tags?JSON.parse(this.tags):this.tags,this._tagChips=this._tags.map((t=>({label:t.name,value:t.id,variant:"filter",size:"large",counter:(t.id?this.items.filter((s=>s.tags.indexOf(t.id)>-1)).length:this.items.length).toString()})))}async apiWatcher(t){if(!t)return;let s=this.api.replace(/\{lang\}/,this.localization.$locale);const{data:i}=await r.get(s);this.items=i.items,this.showItems=this._initialShowItems}async componentWillLoad(){this._initialShowItems=this.showItems,this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"microsite-teaserlist")),await this.apiWatcher(this.api)}render(){return s(i,{key:"e3cc10e66dd73bdb7e7d9031521bd62024ad31ff"},s("div",{key:"b0b4827bd122438f5367072d89df430d141043d3",class:{"stzh-microsite-teaserlist":!0}},this._tagChips.length>0&&s("stzh-chipselect",{key:"fbc4515e6ad05ae33f1f6499d0fc54973e05dbe7","hide-optional":!0,"label-hidden":!0,class:"stzh-microsite-teaserlist__filter",label:this.localization.tagsLabel,data:this._tagChips,onStzhChange:this.handleChange}),s("stzh-cardlist",{key:"1af56e6f23665de7e4c2c59fb9af3ada19db53bb",layout:"teasers"},this._filteredSlicedItems.map((t=>s("stzh-card",{href:t.link},t.image&&s("stzh-ratio",{slot:"image"},s("img",{src:t.image})),t.title&&s("div",{slot:"heading"},t.title),t.description&&s("div",{slot:"content"},t.description))))),this._showMoreLink&&s("div",{key:"e26fdb9a4a9d781b2539c9ca939ca5861b1158ac",class:"stzh-microsite-teaserlist__show-more"},s("stzh-button",{key:"431b6541fcaf69298aadf62a405e0d888c52e8a0",variant:"secondary",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return e(this)}static get watchers(){return{items:[{filterHandler:0},{tagsWatcher:0}],showItems:[{filterHandler:0}],activeFilter:[{filterHandler:0}],tags:[{tagsWatcher:0}],api:[{apiWatcher:0}]}}};a.style=".sc-stzh-microsite-teaserlist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-microsite-teaserlist-h,[stzh-hidden].sc-stzh-microsite-teaserlist-h{display:none}.sc-stzh-microsite-teaserlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::before,.sc-stzh-microsite-teaserlist-h *.sc-stzh-microsite-teaserlist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-microsite-teaserlist-h .has-focus.sc-stzh-microsite-teaserlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist{outline-style:none !important}.sc-stzh-microsite-teaserlist-h .stzh-fylingfocus-focused.sc-stzh-microsite-teaserlist::-moz-focus-inner{border:0 !important}.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__filter.sc-stzh-microsite-teaserlist{margin-bottom:var(--stzh-space-xxxlarge, 40px)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-large, 20px)}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xlarge, 24px)}}@media screen and (min-width: 900px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 1260px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{margin-top:var(--stzh-space-xxxlarge, 40px)}}.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{display:grid}@media screen and (min-width: 600px){.stzh-microsite-teaserlist__show-more.sc-stzh-microsite-teaserlist{justify-content:center}}";export{a as stzh_microsite_teaserlist}

package/dist/stzh-components/{p-dd22dd47.entry.js → p-7522786b.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e,a,d as i}from"./p-vaw5DHDC.js";const m=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick"),this.stzhActionClick=s(this,"stzhActionClick"),this.heading="",this.unread=!1,this.href="",this.description="",this.nonInteractive=!1,this.external=!1,this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})},this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t,href:this.href})}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){this._loadingStatus="string"==typeof t?JSON.parse(t):t}metaWatcher(t){this._meta="string"==typeof t?JSON.parse(t):t}actionsWatcher(t){this._actions="string"==typeof t?JSON.parse(t):t}tagsWatcher(t){this._tags="string"==typeof t?JSON.parse(t):t}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus),this.metaWatcher(this.meta),this.actionsWatcher(this.actions),this.tagsWatcher(this.tags),this.externalWatcher(),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item"))}render(){return e(a,{key:"6bf7a9f5017e02890540453867666199276e9d2a",role:"listitem"},e("article",{key:"4b49a8d7715d29fb67c872908bec02af9b490950",class:{"stzh-datamessagelist-item":!0,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive}},e("div",{key:"d30e69597fc632a05916d2eafbaea43e9281d3f8",class:"stzh-datamessagelist-item__content"},e("div",{key:"6f33f4e6864af85266d377da20cd43c743ea09b5",class:"stzh-datamessagelist-item__text"},e("h3",{key:"920fc496a92bd27b458b8168b3cbeb578d39b48e",class:"stzh-datamessagelist-item__heading"},e(this.nonInteractive?"div":this.href?"a":"button",{key:"9b8c66871d6ec4fee3c83276e635d3e4abedb3d4",class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{key:"f34ea89cf14330995d535c303e700675be87e5c2",class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{key:"7fb9b22e8707e160ac98af3a3cb448c3fc40a384",class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{key:"6205bb995d6f2d3072f21d61c8c544d4dfdca1cd",lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{key:"c8105371dd60b8f3228cab752797d728a72b1dba",class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{key:"5ed58f7a500624dcb372d0b7f1c99d45a89e303f",class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{key:"2fa3fcee5f06974018267be2098c8b76888cf189",class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:!0}),this._tags&&this._tags.length>0&&e("div",{key:"c4c3cdb977d4e09c6dc34f9c943cee67998b805f",class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{key:"249bc46757436e22a1394a3dd8bf860c5092d3c8",class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:!0,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{key:"c093fe3c0afa3d5af1866ff8d96c41946c11d14b",class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:!0}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:[{externalWatcher:0}],loadingStatus:[{loadingStatusWatcher:0}],meta:[{metaWatcher:0}],actions:[{actionsWatcher:0}],tags:[{tagsWatcher:0}]}}};m.style='.sc-stzh-datamessagelist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium, 16px);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small, 12px)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall, 4px)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall, 8px) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall, 8px)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall, 8px)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall, 4px) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge, 32px);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}';export{m as stzh_datamessagelist_item}
+import{r as t,c as s,h as e,a,d as i}from"./p-rujKGmCS.js";const m=class{constructor(e){t(this,e),this.stzhClick=s(this,"stzhClick"),this.stzhActionClick=s(this,"stzhActionClick"),this.heading="",this.unread=!1,this.href="",this.description="",this.nonInteractive=!1,this.external=!1,this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-datamessagelist-item",action:t,originalEvent:s})},this.itemClick=t=>{this.stzhClick.emit({component:"stzh-datamessagelist-item",originalEvent:t,href:this.href})}}externalWatcher(){this.external=this.rel&&this.rel.includes("external")}loadingStatusWatcher(t){this._loadingStatus="string"==typeof t?JSON.parse(t):t}metaWatcher(t){this._meta="string"==typeof t?JSON.parse(t):t}actionsWatcher(t){this._actions="string"==typeof t?JSON.parse(t):t}tagsWatcher(t){this._tags="string"==typeof t?JSON.parse(t):t}async componentWillLoad(){this.loadingStatusWatcher(this.loadingStatus),this.metaWatcher(this.meta),this.actionsWatcher(this.actions),this.tagsWatcher(this.tags),this.externalWatcher(),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datamessagelist-item"))}render(){return e(a,{key:"6bf7a9f5017e02890540453867666199276e9d2a",role:"listitem"},e("article",{key:"4b49a8d7715d29fb67c872908bec02af9b490950",class:{"stzh-datamessagelist-item":!0,"stzh-datamessagelist-item--is-unread":this.unread,"stzh-datamessagelist-item--is-interactive":!this.nonInteractive}},e("div",{key:"d30e69597fc632a05916d2eafbaea43e9281d3f8",class:"stzh-datamessagelist-item__content"},e("div",{key:"6f33f4e6864af85266d377da20cd43c743ea09b5",class:"stzh-datamessagelist-item__text"},e("h3",{key:"920fc496a92bd27b458b8168b3cbeb578d39b48e",class:"stzh-datamessagelist-item__heading"},e(this.nonInteractive?"div":this.href?"a":"button",{key:"9b8c66871d6ec4fee3c83276e635d3e4abedb3d4",class:"stzh-datamessagelist-item__heading-link",href:this.href,rel:this.rel,target:this.target,onClick:this.itemClick,"s-object-id":this.analyticsId||this.heading},this.unread&&e("span",{key:"f34ea89cf14330995d535c303e700675be87e5c2",class:"stzh-datamessagelist-item__vhidden"},this.localization.unread,","),this.heading)),this.description&&e("div",{key:"7fb9b22e8707e160ac98af3a3cb448c3fc40a384",class:"stzh-datamessagelist-item__description"},e("stzh-clamp",{key:"6205bb995d6f2d3072f21d61c8c544d4dfdca1cd",lines:2,linesMedium:1},this.description)),this._meta&&this._meta.length>0&&e("div",{key:"c8105371dd60b8f3228cab752797d728a72b1dba",class:"stzh-datamessagelist-item__meta-wrapper"},e("ul",{key:"5ed58f7a500624dcb372d0b7f1c99d45a89e303f",class:"stzh-datamessagelist-item__meta"},this._meta.map((t=>e("li",{class:"stzh-datamessagelist-item__meta-item"},e("span",{class:"stzh-datamessagelist-item__meta-item-label"},t.label),e("span",{class:"stzh-datamessagelist-item__meta-item-value"},t.value))))))),this._loadingStatus&&e("stzh-status",{key:"2fa3fcee5f06974018267be2098c8b76888cf189",class:"stzh-datamessagelist-item__status",label:this._loadingStatus.label,percent:this._loadingStatus.percent,type:this._loadingStatus.type,withLoadingbar:!0}),this._tags&&this._tags.length>0&&e("div",{key:"c4c3cdb977d4e09c6dc34f9c943cee67998b805f",class:"stzh-datamessagelist-item__tags-wrapper"},e("div",{key:"249bc46757436e22a1394a3dd8bf860c5092d3c8",class:"stzh-datamessagelist-item__tags"},this._tags.map((t=>e("stzh-chip",{class:"stzh-datamessagelist-item__tag",variant:"tag",size:"small",nonInteractive:!0,inverted:t.inverted,type:t.type,icon:t.icon,label:t.label})))))),e("div",{key:"c093fe3c0afa3d5af1866ff8d96c41946c11d14b",class:"stzh-datamessagelist-item__actions"},this._actions&&this._actions.length>0?e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:"stzh-datamessagelist-item__action-popover"},e("stzh-button",{class:"stzh-datamessagelist-item__action-popover-button",variant:"tertiary",size:"tiny",icon:"more-horizontal",iconOnly:!0}),e("stzh-menu",{slot:"content"},this._actions.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,onClick:s=>{this.actionClick(t,s)}},t.label))))):!this.nonInteractive&&e("div",{class:"stzh-datamessagelist-item__action is-non-interactive"},e("stzh-icon",{class:"stzh-datamessagelist-item__action-icon",name:this.icon?this.icon:this.external?"external-link":"arrow-right"})))))}get element(){return i(this)}static get watchers(){return{rel:[{externalWatcher:0}],loadingStatus:[{loadingStatusWatcher:0}],meta:[{metaWatcher:0}],actions:[{actionsWatcher:0}],tags:[{tagsWatcher:0}]}}};m.style='.sc-stzh-datamessagelist-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium, 16px);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small, 12px)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall, 4px)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall, 8px) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall, 8px)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall, 8px)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge, 32px)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall, 4px) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium, 16px)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge, 32px);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}';export{m as stzh_datamessagelist_item}

package/dist/stzh-components/{p-7e2ee96f.entry.js → p-793f2e6c.entry.js}

@@ -1 +1 @@
-import{r as s,h as t,a as i,d as o}from"./p-vaw5DHDC.js";import{p as e}from"./p-BOO84wnP.js";const n="has-focus",h="stzh-fylingfocus-focused",c="stzh-flyingfocus-enabled",r=class{constructor(t){s(this,t),this.minimalEdgeSpace=2,this.enabled=!1,this.visible=!1,this.helper=!1,this.moving=!1,this.container=document.documentElement,this.previousTargetRect=null,this.repositionElement=()=>{this.target&&(this.position=this.getFloaterPosition())},this.handleTransitionEnd=()=>{this.moving=!1},this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving)return;const{left:s,top:t,width:i,height:o}=this.target.getBoundingClientRect(),{left:n,top:h,width:c,height:r}=this.previousTargetRect;s===n&&t===h&&i===c&&o===r||(e()||(this.moving=!0),this.repositionElement())}}handleKeydown(s){(9===s.keyCode||s.keyCode>36&&s.keyCode<41)&&this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(s){var t;const i=s.detail;let o=(null===(t=null==i?void 0:i.originalEvent)||void 0===t?void 0:t.target)||s.target;if("focus"===s.type)for(o=document.activeElement;o.shadowRoot&&o.shadowRoot.activeElement;)o=o.shadowRoot.activeElement;if(!this.container)return;if(o===this.element||!this.container.contains(document.activeElement))return void this.handleBlur();this.visible=!0,this.helper=!0,e()||(this.moving=!0);const c=o.getAttribute("focus-target");if(c){const s=o.getRootNode()||document;o=s.querySelector(`#${c}`)||o}this.target=o,this.target.classList.remove(h),this.target.classList.add(n),this.resolveTargetOutlineStyle(),this.repositionElement(),this.target.classList.add(h),clearTimeout(this.helperFadeTimeout),this.helperFadeTimeout=setTimeout((()=>this.helper=!1),400)}handleBlur(){this.visible=!1,this.helper=!1,e()||(this.moving=!1),this.target&&(this.target.classList.remove(h),this.target.classList.remove(n))}handleScrollResize(){this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(s,t,i){return s=parseFloat(s),t=parseFloat(t),i=parseFloat(i),0===s?"0px":`${s+i+(t=Math.max(t,0))}px`}resolveTargetOutlineStyle(){const s=window.matchMedia("(forced-colors: active)").matches,t=window.getComputedStyle(this.target),i=t.outlineOffset||null,o=t.outlineWidth||null;this.style={color:s?"var(--stzh-flyingfocus-color)":t.outlineColor,borderStyle:t.outlineStyle,borderWidth:o,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,i,o),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,i,o),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,i,o),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,i,o)}}getFloaterPosition(){const s=window.getComputedStyle(this.target),t=parseFloat(s.outlineOffset||"0px"),i=parseFloat(this.style.borderWidth||"0px"),o=this.target.getBoundingClientRect();this.previousTargetRect=o;const e=window.innerWidth-document.documentElement.clientWidth,n=window.innerHeight-document.documentElement.clientHeight,h=o.left-i-this.minimalEdgeSpace,c=window.innerWidth-e-(o.left+o.width)-i-this.minimalEdgeSpace,r=o.top-i-this.minimalEdgeSpace,f=window.innerHeight-n-(o.top+o.height)-i-this.minimalEdgeSpace,l=h<t?h:t,a=r<t?r:t,u=o.width+l+(c<t?c:t),d=o.height+a+(f<t?f:t);return{left:window.scrollX+o.left-l+u/2+"px",top:window.scrollY+o.top-a+d/2+"px",width:`${u}px`,height:`${d}px`}}enableFloatingFocus(){this.container.classList.add(c),this.enabled=!0,clearInterval(this.monitorElementPositionInterval),this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,250)}disableFloatingFocus(){this.container.classList.remove(c),this.enabled=!1,clearInterval(this.monitorElementPositionInterval)}async activate(){this.enableFloatingFocus()}async deactivate(){this.disableFloatingFocus()}render(){const s={"stzh-flyingfocus":!0,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper},o=Object.assign(Object.assign({},this.style||{}),this.position||{});return t(i,{key:"cb35a4aea263f02c10f1e908c8e5307861d2343a"},t("div",{key:"aa9c1a2fee867a8375781d1f0154e70a49225a4a",class:s,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};r.style='.sc-stzh-flyingfocus-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}';export{r as stzh_flyingfocus}
+import{r as s,h as t,a as i,d as o}from"./p-rujKGmCS.js";import{p as e}from"./p-BOO84wnP.js";const n="has-focus",h="stzh-fylingfocus-focused",c="stzh-flyingfocus-enabled",r=class{constructor(t){s(this,t),this.minimalEdgeSpace=2,this.enabled=!1,this.visible=!1,this.helper=!1,this.moving=!1,this.container=document.documentElement,this.previousTargetRect=null,this.repositionElement=()=>{this.target&&(this.position=this.getFloaterPosition())},this.handleTransitionEnd=()=>{this.moving=!1},this.monitorElementPosition=()=>{if(!this.target||!this.previousTargetRect||this.moving)return;const{left:s,top:t,width:i,height:o}=this.target.getBoundingClientRect(),{left:n,top:h,width:c,height:r}=this.previousTargetRect;s===n&&t===h&&i===c&&o===r||(e()||(this.moving=!0),this.repositionElement())}}handleKeydown(s){(9===s.keyCode||s.keyCode>36&&s.keyCode<41)&&this.enableFloatingFocus()}handleMousedown(){this.disableFloatingFocus()}handleFocus(s){var t;const i=s.detail;let o=(null===(t=null==i?void 0:i.originalEvent)||void 0===t?void 0:t.target)||s.target;if("focus"===s.type)for(o=document.activeElement;o.shadowRoot&&o.shadowRoot.activeElement;)o=o.shadowRoot.activeElement;if(!this.container)return;if(o===this.element||!this.container.contains(document.activeElement))return void this.handleBlur();this.visible=!0,this.helper=!0,e()||(this.moving=!0);const c=o.getAttribute("focus-target");if(c){const s=o.getRootNode()||document;o=s.querySelector(`#${c}`)||o}this.target=o,this.target.classList.remove(h),this.target.classList.add(n),this.resolveTargetOutlineStyle(),this.repositionElement(),this.target.classList.add(h),clearTimeout(this.helperFadeTimeout),this.helperFadeTimeout=setTimeout((()=>this.helper=!1),400)}handleBlur(){this.visible=!1,this.helper=!1,e()||(this.moving=!1),this.target&&(this.target.classList.remove(h),this.target.classList.remove(n))}handleScrollResize(){this.debounceScroll&&window.cancelAnimationFrame(this.debounceScroll),this.debounceScroll=requestAnimationFrame(this.repositionElement)}async reposition(){this.repositionElement()}getOffsetBorderRadius(s,t,i){return s=parseFloat(s),t=parseFloat(t),i=parseFloat(i),0===s?"0px":`${s+i+(t=Math.max(t,0))}px`}resolveTargetOutlineStyle(){const s=window.matchMedia("(forced-colors: active)").matches,t=window.getComputedStyle(this.target),i=t.outlineOffset||null,o=t.outlineWidth||null;this.style={color:s?"var(--stzh-flyingfocus-color)":t.outlineColor,borderStyle:t.outlineStyle,borderWidth:o,borderBottomLeftRadius:this.getOffsetBorderRadius(t.borderBottomLeftRadius,i,o),borderBottomRightRadius:this.getOffsetBorderRadius(t.borderBottomRightRadius,i,o),borderTopLeftRadius:this.getOffsetBorderRadius(t.borderTopLeftRadius,i,o),borderTopRightRadius:this.getOffsetBorderRadius(t.borderTopRightRadius,i,o)}}getFloaterPosition(){const s=window.getComputedStyle(this.target),t=parseFloat(s.outlineOffset||"0px"),i=parseFloat(this.style.borderWidth||"0px"),o=this.target.getBoundingClientRect();this.previousTargetRect=o;const e=window.innerWidth-document.documentElement.clientWidth,n=window.innerHeight-document.documentElement.clientHeight,h=o.left-i-this.minimalEdgeSpace,c=window.innerWidth-e-(o.left+o.width)-i-this.minimalEdgeSpace,r=o.top-i-this.minimalEdgeSpace,f=window.innerHeight-n-(o.top+o.height)-i-this.minimalEdgeSpace,l=h<t?h:t,a=r<t?r:t,u=o.width+l+(c<t?c:t),d=o.height+a+(f<t?f:t);return{left:window.scrollX+o.left-l+u/2+"px",top:window.scrollY+o.top-a+d/2+"px",width:`${u}px`,height:`${d}px`}}enableFloatingFocus(){this.container.classList.add(c),this.enabled=!0,clearInterval(this.monitorElementPositionInterval),this.monitorElementPositionInterval=setInterval(this.monitorElementPosition,250)}disableFloatingFocus(){this.container.classList.remove(c),this.enabled=!1,clearInterval(this.monitorElementPositionInterval)}async activate(){this.enableFloatingFocus()}async deactivate(){this.disableFloatingFocus()}render(){const s={"stzh-flyingfocus":!0,"stzh-flyingfocus--is-enabled":this.enabled,"stzh-flyingfocus--is-visible":this.visible,"stzh-flyingfocus--is-moving":this.moving,"stzh-flyingfocus--has-helper":this.helper},o=Object.assign(Object.assign({},this.style||{}),this.position||{});return t(i,{key:"cb35a4aea263f02c10f1e908c8e5307861d2343a"},t("div",{key:"aa9c1a2fee867a8375781d1f0154e70a49225a4a",class:s,style:o,onTransitionEnd:this.moving?this.handleTransitionEnd:null}))}get element(){return o(this)}};r.style='.sc-stzh-flyingfocus-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-flyingfocus-h,[stzh-hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-flyingfocus-h .has-focus.sc-stzh-flyingfocus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus{outline-style:none !important}.sc-stzh-flyingfocus-h .stzh-fylingfocus-focused.sc-stzh-flyingfocus::-moz-focus-inner{border:0 !important}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:var(--stzh-z-index-flying-focus)}@media print{.stzh-flyingfocus.sc-stzh-flyingfocus{display:none}}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition-property:opacity, left, top, width, height, border-width, border-radius;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:"";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{transition-duration:0.1s;opacity:0.16}';export{r as stzh_flyingfocus}

package/dist/stzh-components/{p-b281e83d.entry.js → p-796b2747.entry.js}

@@ -1 +1 @@
-import{r as a,h as t,a as o,d as e}from"./p-vaw5DHDC.js";const s=class{constructor(t){a(this,t),this.percent=0,this.hidePercent=!1,this.label=""}render(){return t(o,{key:"b1367898c03c58034a9605dacc8b108ba97252fc"},t("div",{key:"ee6a7465e05215e7b35d050b7cc9f95a0df8f266",class:{"stzh-loadingbar":!0}},t("div",{key:"f7f8ab69d9ac81dfd4c7fd8714daa42c668a20a7",class:"stzh-loadingbar__text"},this.label&&t("div",{key:"bf891506ca324f9869e8739955a2fb7c9dba96d5",class:"stzh-loadingbar__label"},this.label),!this.hidePercent&&t("div",{key:"badfe7fb5bf382df2376e6b2f86af6ebd7f48866",class:"stzh-loadingbar__percent"},this.percent,"%")),t("div",{key:"c6ea681bd6744f502f29b9905ec4f7e6a5848eed",class:"stzh-loadingbar__bar"},t("div",{key:"e590be307268aca5f0bdd83adbea28ba7bee5a11",class:"stzh-loadingbar__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return e(this)}};s.style=".sc-stzh-loadingbar-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-loadingbar-h,[stzh-hidden].sc-stzh-loadingbar-h{display:none}.sc-stzh-loadingbar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loadingbar-h *.sc-stzh-loadingbar,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-loadingbar-h .has-focus.sc-stzh-loadingbar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar{outline-style:none !important}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar::-moz-focus-inner{border:0 !important}.sc-stzh-loadingbar-h{--track-height:0.375rem;--color:var(--stzh-base-color);--bar-color:var(--stzh-color-secondary40);--bar-background-color:var(--stzh-color-black20op)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{position:relative;display:block;height:var(--track-height);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--bar-background-color)}@media (forced-colors: active){.stzh-loadingbar__bar.sc-stzh-loadingbar{--track-height:0.5rem;outline-color:CanvasText}}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{z-index:1;position:relative;display:block;height:100%;width:0;background-color:var(--bar-color)}@media (forced-colors: active){.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-loadingbar__text.sc-stzh-loadingbar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;justify-content:space-between;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall, 4px)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium, 16px);font-variant-numeric:tabular-nums}";export{s as stzh_loadingbar}
+import{r as a,h as t,a as o,d as e}from"./p-rujKGmCS.js";const s=class{constructor(t){a(this,t),this.percent=0,this.hidePercent=!1,this.label=""}render(){return t(o,{key:"b1367898c03c58034a9605dacc8b108ba97252fc"},t("div",{key:"ee6a7465e05215e7b35d050b7cc9f95a0df8f266",class:{"stzh-loadingbar":!0}},t("div",{key:"f7f8ab69d9ac81dfd4c7fd8714daa42c668a20a7",class:"stzh-loadingbar__text"},this.label&&t("div",{key:"bf891506ca324f9869e8739955a2fb7c9dba96d5",class:"stzh-loadingbar__label"},this.label),!this.hidePercent&&t("div",{key:"badfe7fb5bf382df2376e6b2f86af6ebd7f48866",class:"stzh-loadingbar__percent"},this.percent,"%")),t("div",{key:"c6ea681bd6744f502f29b9905ec4f7e6a5848eed",class:"stzh-loadingbar__bar"},t("div",{key:"e590be307268aca5f0bdd83adbea28ba7bee5a11",class:"stzh-loadingbar__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return e(this)}};s.style=".sc-stzh-loadingbar-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-loadingbar-h,[stzh-hidden].sc-stzh-loadingbar-h{display:none}.sc-stzh-loadingbar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loadingbar-h *.sc-stzh-loadingbar,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-loadingbar-h .has-focus.sc-stzh-loadingbar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar{outline-style:none !important}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar::-moz-focus-inner{border:0 !important}.sc-stzh-loadingbar-h{--track-height:0.375rem;--color:var(--stzh-base-color);--bar-color:var(--stzh-color-secondary40);--bar-background-color:var(--stzh-color-black20op)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{position:relative;display:block;height:var(--track-height);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--bar-background-color)}@media (forced-colors: active){.stzh-loadingbar__bar.sc-stzh-loadingbar{--track-height:0.5rem;outline-color:CanvasText}}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{z-index:1;position:relative;display:block;height:100%;width:0;background-color:var(--bar-color)}@media (forced-colors: active){.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-loadingbar__text.sc-stzh-loadingbar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;justify-content:space-between;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall, 4px)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium, 16px);font-variant-numeric:tabular-nums}";export{s as stzh_loadingbar}

package/dist/stzh-components/{p-10a375fb.entry.js → p-7a3cd4d7.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as s,a as e,d as i}from"./p-vaw5DHDC.js";import{c as r,a as p,A as h,o as a,f as n,s as c,b as l}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as v}from"./p-CBLSoWgI.js";import{m as z,a as m,r as f}from"./p-CUGRmgip.js";import{w as b}from"./p-DWwDEqXf.js";import{s as u,a as g}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const _="stzh-popover-open";let w=0;const y=class{constructor(s){t(this,s),this.stzhOpen=o(this,"stzhOpen"),this.stzhOpened=o(this,"stzhOpened"),this.stzhClose=o(this,"stzhClose"),this.stzhClosed=o(this,"stzhClosed"),this.open=!1,this.placement="bottom",this.fullwidth="",this.variant="default",this.size="default",this.skidding=0,this.label="",this.strategy="absolute",this.initialTouchX=null,this.initialTouchY=null,this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&"1"===t&&this.hasStzhHeaderParent,this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro&&this.branchInFromBody()},this.handleKeydown=t=>{27===t.keyCode&&this.hide()},this.onClickTrigger=()=>{this.toggle()},this.computePosition=async()=>{if(this.triggerFirstElement&&this.dialogElement)if(z("small").matches){const t=[a({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),c({padding:5})];"tooltip"===this.variant&&t.push(l({element:this.arrowElement,padding:5}));const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:p}=await r(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i,Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null!=o?`${p.arrow.x}px`:"",top:null!=s?`${p.arrow.y}px`:""})}else Object.assign(this.dialogElement.style,{position:null,left:null,top:null}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null,top:null})},this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX,this.initialTouchY=o.pageY},this.handleTouchEnd=t=>{const o=t.changedTouches[0],s=o.pageX-this.initialTouchX;Math.abs(o.pageY-this.initialTouchY)>=70&&Math.abs(s)<=70&&(null!==t.target.closest(".stzh-dropdown")||this.hide()),this.initialTouchY=null,this.initialTouchX=null},this.init=()=>{var t,o;let s=null===(t=this.triggerElement)||void 0===t?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=null!=t?t:null}s&&this.triggerFirstElement!==s&&(null===(o=this.triggerFirstElement)||void 0===o||o.removeEventListener("click",this.onClickTrigger),this.triggerFirstElement=s,this.triggerFirstElement.addEventListener("click",this.onClickTrigger))},this.initializedPopover=!1}async show(){if(!this.open)return this.mediaChangeHandler(),this.isHeaderStuckAndViewportMicro&&this.branchOutToBody(),this.toggledByMethod=!0,this.open=!0,b(this.element,"stzhOpened")}async hide(){if(this.open)return this.toggledByMethod=!0,this.open=!1,await b(this.element,"stzhClosed"),this.mediaChangeHandler(),this.isHeaderStuckAndViewportMicro&&this.branchInFromBody(),!0}async toggle(){return this.open?await this.hide():await this.show()}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open)return;const o=t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target),s=t.target===this.triggerElement||this.triggerElement.contains(t.target);o&&!s&&this.hide()}async openWatcher(t){if(this.dialogElement){if(t){this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:z("small").matches?100:200,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?100:200,easing:"linear"}}}();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]),this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right",this.contentWrapperElement.hidden=!1,await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-popover"})}else{this.toggledByMethod&&this.stzhClose.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:z("small").matches?200:300,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?200:300,easing:"linear"}}}();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]),await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.contentWrapperElement.hidden=!0,this.dialogElement.style.willChange="auto",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-popover"})}this.toggledByMethod=!1}}distanceWatcher(t){this.distance="number"==typeof t?t:"tooltip"===this.variant?12:8}setStzhHeaderParent(){let t=this.element.parentElement;for(;t;){if(t.tagName&&"stzh-header"===t.tagName.toLowerCase())return!0;t=t.parentElement}return!1}getChildIndex(t){return Array.prototype.indexOf.call(t.parentNode.children,t)}insertElementAtIndex(t,o,s){let e=t.children[s];e?t.insertBefore(o,e):t.appendChild(o)}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element),document.body.append(this.element),this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout),this.isBranchedOutToBody=!0}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout),this.rootElement.prepend(this.triggerElement),this.isBranchedOutToBody=!1}async componentWillLoad(){this.id="stzh-popover-"+w++,this.initialParentNode=this.element.parentElement,this.hasStzhHeaderParent=this.setStzhHeaderParent(),this.distanceWatcher(this.distance),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover"))}popoverShown(){var t;if(document.body.classList.add(_),this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true")}null===(t=this.trap)||void 0===t||t.activate()}popoverHidden(){var t;if(document.body.classList.remove(_),this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false")}null===(t=this.trap)||void 0===t||t.deactivate()}componentDidRender(){if(this.mediaChangeHandler(),this.init(),!this.triggerFirstElement)return;const t=v(this.triggerFirstElement);(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby"))&&this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`),(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label"))&&this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label),(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id"))&&this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}componentDidUpdate(){var t;if(this.open&&!this.initializedPopover){if(!this.triggerFirstElement||!this.dialogElement)return;this.initializeAutoUpdate(),this.initializeFocusTrap(),this.popoverShown(),this.initializedPopover=!0}this.initializedPopover&&(this.open?this.popoverShown():this.popoverHidden(),this.computePosition(),null===(t=this.trap)||void 0===t||t.updateContainerElements(this.dialogElement))}initializeAutoUpdate(){this.triggerFirstElement&&this.dialogElement&&(this.autoUpdateCleanup=p(this.triggerFirstElement,this.dialogElement,this.computePosition))}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:!0,returnFocusOnDeactivate:!0})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open,this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){m(this.mediaChangeHandler),this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){var t,o;f(this.mediaChangeHandler),null===(t=this.observer)||void 0===t||t.disconnect(),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=null),null===(o=this.triggerFirstElement)||void 0===o||o.removeEventListener("click",this.onClickTrigger),this.initializedPopover=!1}render(){var t,o,i,r;return s(e,{key:"657320bd296b97337f912d88811da2109d99b017"},s("div",{key:"5d64398d83be254f7c11cbceefa2d6f88bd7b187",class:{"stzh-popover":!0,"stzh-popover--open":this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--size-${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"40360157c2175a9e4079f68b131324c43afbbd7a",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"56bb07332b3086f2b6cbd56075486803ee9a34e0"})),s("div",{key:"7d2ed4b06ccfa86e730e7c069d81d1dee4220e81",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},null!==(o=null===(t=this.localization)||void 0===t?void 0:t.open)&&void 0!==o?o:""),s("div",{key:"a49eb25516e75d16285b76974ad49d48c25f816d",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"5bb2010a8043337eaf8f587e118b4ffaa0ff83db",class:"stzh-popover__backdrop"}),s("div",{key:"2e07b83fe65cf81d2e9c9ee99164cac555190447",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"14bc6f4a66993d956ea4289a033b8d4aa3b57028",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},"tooltip"===this.variant&&s("div",{key:"1fe1378b150d63bed46827f19d276dce448f825a",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:h}),s("div",{key:"219ae4f49b5d09c6b9552a9a7890d3ef91ea474b",class:"stzh-popover__content-inner"},s("div",{key:"4c02c3e7892462eb0a1abcd7f00a8bef5d176563",class:"stzh-popover__label-wrapper"},s("h2",{key:"c3331016c0c06e4db0cb2e2a2f29990868dbda62",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"2b68f6f9daca7bcea2cc05aef92222304fe2601d",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"96817d6f0567b99733b4d8fe26a872be062949de",name:"close",class:"stzh-popover__icon"}),s("span",{key:"53cfdc41f5de4e6b5a572bbd4fbd2fbef03461fd",class:"stzh-popover__vhidden"},null!==(r=null===(i=this.localization)||void 0===i?void 0:i.close)&&void 0!==r?r:""))),s("div",{key:"490f1a2aba5954b06ca1ecad450d75cf2c97ef1d",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"ae25e34f62b46413038935ee41bf9018c3302483",class:"stzh-popover__content-slot"},s("slot",{key:"2454058b5d3825a437e4944523f1d2323a90640a",name:"content"})),s("div",{key:"72234fa3358b829700ef5edd1337eccc19fdbf4c",class:"stzh-popover__action-slot"},s("slot",{key:"9961c1264820032e158a6a2c16b51a68f0567d2d",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:[{openWatcher:0}],distance:[{distanceWatcher:0}]}}};y.style=".sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(     --stzh-popover-background,     var(--stzh-popover-background-color)   );--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small, 12px) var(--stzh-space-large, 20px);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}@media (forced-colors: active){.stzh-popover__content-inner.sc-stzh-popover{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{z-index:1;position:relative;display:flex;align-items:center;padding:var(--stzh-space-small, 12px) var(--stzh-space-large, 20px);padding-right:var(--stzh-space-medium, 16px);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small, 12px)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;background-color:transparent;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall, 4px)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:0.125rem solid transparent;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px) and (forced-colors: active){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";export{y as stzh_popover}
+import{r as t,c as o,h as s,a as e,d as i}from"./p-rujKGmCS.js";import{c as r,a as p,A as h,o as a,f as n,s as c,b as l}from"./p-DzjuI2eY.js";import{c as d}from"./p-CBUfcdIy.js";import{i as v}from"./p-CBLSoWgI.js";import{m as z,a as m,r as f}from"./p-CUGRmgip.js";import{w as b}from"./p-DWwDEqXf.js";import{s as u,a as g}from"./p-BOO84wnP.js";import"./p-BubviQku.js";const _="stzh-popover-open";let w=0;const y=class{constructor(s){t(this,s),this.stzhOpen=o(this,"stzhOpen"),this.stzhOpened=o(this,"stzhOpened"),this.stzhClose=o(this,"stzhClose"),this.stzhClosed=o(this,"stzhClosed"),this.open=!1,this.placement="bottom",this.fullwidth="",this.variant="default",this.size="default",this.skidding=0,this.label="",this.strategy="absolute",this.initialTouchX=null,this.initialTouchY=null,this.mediaChangeHandler=()=>{const t=document.documentElement.style.getPropertyValue("--stzh-header-is-stuck");this.isHeaderStuckAndViewportMicro=!z("small").matches&&"1"===t&&this.hasStzhHeaderParent,this.open&&this.isBranchedOutToBody&&!this.isHeaderStuckAndViewportMicro&&this.branchInFromBody()},this.handleKeydown=t=>{27===t.keyCode&&this.hide()},this.onClickTrigger=()=>{this.toggle()},this.computePosition=async()=>{if(this.triggerFirstElement&&this.dialogElement)if(z("small").matches){const t=[a({mainAxis:this.distance,crossAxis:this.skidding}),n({padding:5}),c({padding:5})];"tooltip"===this.variant&&t.push(l({element:this.arrowElement,padding:5}));const{x:o=0,y:s=0,strategy:e="absolute",placement:i,middlewareData:p}=await r(this.triggerFirstElement,this.dialogElement,{strategy:this.strategy,placement:this.placement,middleware:t});this.computedPlacement=i,Object.assign(this.dialogElement.style,{position:e,left:`${o}px`,top:`${s}px`}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null!=o?`${p.arrow.x}px`:"",top:null!=s?`${p.arrow.y}px`:""})}else Object.assign(this.dialogElement.style,{position:null,left:null,top:null}),"tooltip"===this.variant&&Object.assign(this.arrowElement.style,{left:null,top:null})},this.handleTouchStart=t=>{const o=t.changedTouches[0];this.initialTouchX=o.pageX,this.initialTouchY=o.pageY},this.handleTouchEnd=t=>{const o=t.changedTouches[0],s=o.pageX-this.initialTouchX;Math.abs(o.pageY-this.initialTouchY)>=70&&Math.abs(s)<=70&&(null!==t.target.closest(".stzh-dropdown")||this.hide()),this.initialTouchY=null,this.initialTouchX=null},this.init=()=>{var t,o;let s=null===(t=this.triggerElement)||void 0===t?void 0:t.firstElementChild;if(!s){const t=Array.from(this.element.children).find((t=>!t.hasAttribute("slot")));s=null!=t?t:null}s&&this.triggerFirstElement!==s&&(null===(o=this.triggerFirstElement)||void 0===o||o.removeEventListener("click",this.onClickTrigger),this.triggerFirstElement=s,this.triggerFirstElement.addEventListener("click",this.onClickTrigger))},this.initializedPopover=!1}async show(){if(!this.open)return this.mediaChangeHandler(),this.isHeaderStuckAndViewportMicro&&this.branchOutToBody(),this.toggledByMethod=!0,this.open=!0,b(this.element,"stzhOpened")}async hide(){if(this.open)return this.toggledByMethod=!0,this.open=!1,await b(this.element,"stzhClosed"),this.mediaChangeHandler(),this.isHeaderStuckAndViewportMicro&&this.branchInFromBody(),!0}async toggle(){return this.open?await this.hide():await this.show()}async update(){return await this.computePosition()}handleOutsideClick(t){if(!this.open)return;const o=t.target!==this.dialogElement&&!1===this.dialogElement.contains(t.target),s=t.target===this.triggerElement||this.triggerElement.contains(t.target);o&&!s&&this.hide()}async openWatcher(t){if(this.dialogElement){if(t){this.toggledByMethod&&this.stzhOpen.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"0"},{opacity:"1"}],options:{duration:z("small").matches?100:200,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:t?"translateY(-8px)":"translateY(100%)"},{transform:"translateY(0px)"}],options:{duration:t?100:200,easing:"linear"}}}();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]),this.dialogElement.style.willChange="transform, opacity, position, top, left, bottom, right",this.contentWrapperElement.hidden=!1,await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.toggledByMethod&&this.stzhOpened.emit({component:"stzh-popover"})}else{this.toggledByMethod&&this.stzhClose.emit({component:"stzh-popover"});const t={keyframes:[{opacity:"1"},{opacity:"0"}],options:{duration:z("small").matches?200:300,easing:"linear"}},o=function(){const t=z("small").matches;return{keyframes:[{transform:"translateY(0px)"},{transform:t?"translateY(-8px)":"translateY(100%)"}],options:{duration:t?200:300,easing:"linear"}}}();await Promise.all([u(this.contentWrapperElement),u(this.contentElement),u(this.dialogElement)]),await Promise.all([g(z("small").matches?this.dialogElement:this.contentWrapperElement,t.keyframes,t.options),g(z("small").matches?this.dialogElement:this.contentElement,o.keyframes,o.options)]),this.contentWrapperElement.hidden=!0,this.dialogElement.style.willChange="auto",this.toggledByMethod&&this.stzhClosed.emit({component:"stzh-popover"})}this.toggledByMethod=!1}}distanceWatcher(t){this.distance="number"==typeof t?t:"tooltip"===this.variant?12:8}setStzhHeaderParent(){let t=this.element.parentElement;for(;t;){if(t.tagName&&"stzh-header"===t.tagName.toLowerCase())return!0;t=t.parentElement}return!1}getChildIndex(t){return Array.prototype.indexOf.call(t.parentNode.children,t)}insertElementAtIndex(t,o,s){let e=t.children[s];e?t.insertBefore(o,e):t.appendChild(o)}branchOutToBody(){this.elementIndexOnBranchout=this.getChildIndex(this.element),document.body.append(this.element),this.insertElementAtIndex(this.initialParentNode,this.triggerElement,this.elementIndexOnBranchout),this.isBranchedOutToBody=!0}branchInFromBody(){this.insertElementAtIndex(this.initialParentNode,this.element,this.elementIndexOnBranchout),this.rootElement.prepend(this.triggerElement),this.isBranchedOutToBody=!1}async componentWillLoad(){this.id="stzh-popover-"+w++,this.initialParentNode=this.element.parentElement,this.hasStzhHeaderParent=this.setStzhHeaderParent(),this.distanceWatcher(this.distance),this.localization||(this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"popover"))}popoverShown(){var t;if(document.body.classList.add(_),this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","true")}null===(t=this.trap)||void 0===t||t.activate()}popoverHidden(){var t;if(document.body.classList.remove(_),this.triggerFirstElement){const t=v(this.triggerFirstElement);this.triggerFirstElement.setAttribute(t?"a11y-expanded":"aria-expanded","false")}null===(t=this.trap)||void 0===t||t.deactivate()}componentDidRender(){if(this.mediaChangeHandler(),this.init(),!this.triggerFirstElement)return;const t=v(this.triggerFirstElement);(t&&!this.triggerFirstElement.getAttribute("a11y-describedby")||!t&&!this.triggerFirstElement.getAttribute("aria-describedby"))&&this.triggerFirstElement.setAttribute(t?"a11y-describedby":"aria-describedby",`${this.id}-trigger-description`),(t&&!this.triggerFirstElement.getAttribute("a11y-label")||!t&&!this.triggerFirstElement.getAttribute("aria-label"))&&this.triggerFirstElement.setAttribute(t?"a11y-label":"aria-label",this.label),(t&&!this.triggerFirstElement.getAttribute("analytics-id")||!t&&!this.triggerFirstElement.getAttribute("s-object-id"))&&this.triggerFirstElement.setAttribute(t?"analytics-id":"s-object-id",this.label)}componentDidUpdate(){var t;if(this.open&&!this.initializedPopover){if(!this.triggerFirstElement||!this.dialogElement)return;this.initializeAutoUpdate(),this.initializeFocusTrap(),this.popoverShown(),this.initializedPopover=!0}this.initializedPopover&&(this.open?this.popoverShown():this.popoverHidden(),this.computePosition(),null===(t=this.trap)||void 0===t||t.updateContainerElements(this.dialogElement))}initializeAutoUpdate(){this.triggerFirstElement&&this.dialogElement&&(this.autoUpdateCleanup=p(this.triggerFirstElement,this.dialogElement,this.computePosition))}initializeFocusTrap(){this.trap=d(this.dialogElement,{initialFocus:()=>this.dialogElement,fallbackFocus:this.dialogElement,clickOutsideDeactivates:!0,returnFocusOnDeactivate:!0})}componentDidLoad(){this.contentWrapperElement.hidden=!this.open,this.open?this.popoverShown():this.popoverHidden()}connectedCallback(){m(this.mediaChangeHandler),this.init(),this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){var t,o;f(this.mediaChangeHandler),null===(t=this.observer)||void 0===t||t.disconnect(),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=null),null===(o=this.triggerFirstElement)||void 0===o||o.removeEventListener("click",this.onClickTrigger),this.initializedPopover=!1}render(){var t,o,i,r;return s(e,{key:"657320bd296b97337f912d88811da2109d99b017"},s("div",{key:"5d64398d83be254f7c11cbceefa2d6f88bd7b187",class:{"stzh-popover":!0,"stzh-popover--open":this.open,[`stzh-popover--placement-${this.computedPlacement}`]:!!this.computedPlacement,[`stzh-popover--fullwidth-${this.fullwidth}`]:!!this.fullwidth,[`stzh-popover--size-${this.size}`]:!!this.size,[`stzh-popover--${this.variant}`]:!!this.variant},onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,ref:t=>this.rootElement=t},s("div",{key:"40360157c2175a9e4079f68b131324c43afbbd7a",ref:t=>this.triggerElement=t,class:"stzh-popover__trigger"},s("slot",{key:"56bb07332b3086f2b6cbd56075486803ee9a34e0"})),s("div",{key:"7d2ed4b06ccfa86e730e7c069d81d1dee4220e81",class:"stzh-popover__vhidden",id:`${this.id}-trigger-description`},null!==(o=null===(t=this.localization)||void 0===t?void 0:t.open)&&void 0!==o?o:""),s("div",{key:"a49eb25516e75d16285b76974ad49d48c25f816d",ref:t=>this.contentWrapperElement=t,class:"stzh-popover__content-wrapper"},s("div",{key:"5bb2010a8043337eaf8f587e118b4ffaa0ff83db",class:"stzh-popover__backdrop"}),s("div",{key:"2e07b83fe65cf81d2e9c9ee99164cac555190447",ref:t=>this.contentElement=t,class:"stzh-popover__content"},s("div",{key:"14bc6f4a66993d956ea4289a033b8d4aa3b57028",ref:t=>this.dialogElement=t,class:"stzh-popover__dialog",role:"dialog",tabindex:"-1","aria-modal":"true","aria-labelledby":this.label?`${this.id}-label`:null,"aria-hidden":this.open?"false":"true",onKeyDown:this.handleKeydown},"tooltip"===this.variant&&s("div",{key:"1fe1378b150d63bed46827f19d276dce448f825a",class:"stzh-popover__arrow",ref:t=>this.arrowElement=t,innerHTML:h}),s("div",{key:"219ae4f49b5d09c6b9552a9a7890d3ef91ea474b",class:"stzh-popover__content-inner"},s("div",{key:"4c02c3e7892462eb0a1abcd7f00a8bef5d176563",class:"stzh-popover__label-wrapper"},s("h2",{key:"c3331016c0c06e4db0cb2e2a2f29990868dbda62",id:`${this.id}-label`,class:"stzh-popover__label"},this.label?this.label:s("slot",{name:"label"})),s("button",{key:"2b68f6f9daca7bcea2cc05aef92222304fe2601d",class:"stzh-popover__close",onClick:()=>this.hide(),type:"button"},s("stzh-icon",{key:"96817d6f0567b99733b4d8fe26a872be062949de",name:"close",class:"stzh-popover__icon"}),s("span",{key:"53cfdc41f5de4e6b5a572bbd4fbd2fbef03461fd",class:"stzh-popover__vhidden"},null!==(r=null===(i=this.localization)||void 0===i?void 0:i.close)&&void 0!==r?r:""))),s("div",{key:"490f1a2aba5954b06ca1ecad450d75cf2c97ef1d",class:"stzh-popover__content-slot-wrapper"},s("div",{key:"ae25e34f62b46413038935ee41bf9018c3302483",class:"stzh-popover__content-slot"},s("slot",{key:"2454058b5d3825a437e4944523f1d2323a90640a",name:"content"})),s("div",{key:"72234fa3358b829700ef5edd1337eccc19fdbf4c",class:"stzh-popover__action-slot"},s("slot",{key:"9961c1264820032e158a6a2c16b51a68f0567d2d",name:"action"})))))))))}get element(){return i(this)}static get watchers(){return{open:[{openWatcher:0}],distance:[{distanceWatcher:0}]}}};y.style=".sc-stzh-popover-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-popover-h,[stzh-hidden].sc-stzh-popover-h{display:none}.sc-stzh-popover-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-popover-h *.sc-stzh-popover,.sc-stzh-popover-h *.sc-stzh-popover::before,.sc-stzh-popover-h *.sc-stzh-popover::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-popover-h .has-focus.sc-stzh-popover{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover{outline-style:none !important}.sc-stzh-popover-h .stzh-fylingfocus-focused.sc-stzh-popover::-moz-focus-inner{border:0 !important}.sc-stzh-popover-h{display:contents;--color:var(--stzh-color-black);--width:var(--stzh-popover-width);--min-width:var(--stzh-popover-min-width);--max-width:var(--stzh-popover-max-width);--height:auto;--min-height:initial;--max-height:initial;--padding:var(--stzh-popover-padding);--content-padding:var(--stzh-popover-content-padding);--border-radius:var(--stzh-popover-border-radius);--background-color:var(     --stzh-popover-background,     var(--stzh-popover-background-color)   );--backdrop-opacity:var(--stzh-dialog-backdrop-opacity);--backdrop-background-color:var(--stzh-dialog-backdrop-background-color)}[size=large].sc-stzh-popover-h{--content-padding:var(--stzh-popover-large-content-padding)}[variant=secondary].sc-stzh-popover-h{--background-color:var(--stzh-color-secondary20)}[variant=tooltip].sc-stzh-popover-h{--width:var(--stzh-tooltip-width);--min-width:var(--stzh-tooltip-min-width);--max-width:var(--stzh-tooltip-max-width);--content-padding:var(--stzh-space-small, 12px) var(--stzh-space-large, 20px);--border-radius:var(--stzh-tooltip-border-radius)}@media screen and (min-width: 600px){[variant=tooltip].sc-stzh-popover-h{--content-padding:var(--stzh-tooltip-padding);--color:var(--stzh-color-white);--link-color:var(--stzh-color-white);--hover-link-color:var(--stzh-color-white70op);--background-color:var(--stzh-color-coolgrey60)}}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:flex;color:var(--background-color)}.stzh-popover--placement-bottom.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-bottom-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{top:0;transform:translateY(-0.5rem)}.stzh-popover--placement-top.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-top-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{bottom:0;transform:translateY(0.5rem) rotate(180deg)}.stzh-popover--placement-left.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-left-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{right:0;transform:translateX(0.75rem) rotate(90deg)}.stzh-popover--placement-right.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-start.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover,.stzh-popover--placement-right-end.sc-stzh-popover .stzh-popover__arrow.sc-stzh-popover{left:0;transform:translateX(-0.75rem) rotate(-90deg)}.stzh-popover.sc-stzh-popover{display:contents}.stzh-popover__trigger.sc-stzh-popover{display:contents}.stzh-popover__content-wrapper.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content-wrapper.sc-stzh-popover{z-index:var(--stzh-z-index-dialog);display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:stretch}}.stzh-popover__backdrop.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__backdrop.sc-stzh-popover{z-index:1;position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;text-align:center;background-color:var(--backdrop-background-color);opacity:var(--backdrop-opacity)}}.stzh-popover__content.sc-stzh-popover{display:contents}@media screen and (max-width: 599px){.stzh-popover__content.sc-stzh-popover{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;flex-grow:1;overflow:auto}}.stzh-popover__dialog.sc-stzh-popover{margin-top:auto;width:100%;overflow:visible;border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;background-color:var(--background-color);touch-action:none;outline:none;border-bottom:0.125rem solid var(--stzh-color-old-grey13);color:var(--color);--stzh-base-color:var(--color);--stzh-link-color:var(--link-color);--stzh-link-hover-color:var(--hover-link-color)}@media screen and (min-width: 600px){.stzh-popover__dialog.sc-stzh-popover{z-index:var(--stzh-z-index-popover);position:absolute;display:flex;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);left:auto;right:auto;bottom:auto;border-radius:var(--border-radius);box-shadow:var(--stzh-box-shadow-popover);border:none}}@media (forced-colors: active){.stzh-popover__content-inner.sc-stzh-popover{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-popover__content-inner.sc-stzh-popover,.stzh-popover__content-slot-wrapper.sc-stzh-popover{display:flex;flex-direction:column;width:100%}.stzh-popover__content-slot-wrapper.sc-stzh-popover{padding:var(--padding)}.stzh-popover__content-slot.sc-stzh-popover{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;padding:var(--content-padding)}.stzh-popover__action-slot.sc-stzh-popover{display:flex;flex-direction:column}.stzh-popover__label-wrapper.sc-stzh-popover{z-index:1;position:relative;display:flex;align-items:center;padding:var(--stzh-space-small, 12px) var(--stzh-space-large, 20px);padding-right:var(--stzh-space-medium, 16px);border-bottom:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-old-grey70)}@media screen and (min-width: 600px){.stzh-popover__label-wrapper.sc-stzh-popover{padding:0;border-bottom:0}}.stzh-popover__label.sc-stzh-popover{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-popover__label.sc-stzh-popover{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-popover__label.sc-stzh-popover{margin:0;margin-right:var(--stzh-space-small, 12px)}@media screen and (min-width: 600px){.stzh-popover__label.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-popover__close.sc-stzh-popover{visibility:var(--stzh-popover-close-visibility);cursor:pointer;display:flex;appearance:none;font-family:inherit;background-color:transparent;margin-left:auto;border-radius:50%;color:var(--stzh-base-lead-color);padding:var(--stzh-space-xxsmall, 4px)}.stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-xsmall)}.stzh-popover__arrow.sc-stzh-popover{position:absolute;display:none}@media screen and (min-width: 600px){.stzh-popover__arrow.sc-stzh-popover{display:flex}}.stzh-popover__vhidden.sc-stzh-popover{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:focus{box-shadow:0 0 0 0.0625rem var(--stzh-color-primary)}@media screen and (min-width: 600px){.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active),.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-popover--default.sc-stzh-popover .stzh-popover__close.sc-stzh-popover,.stzh-popover--secondary.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{position:absolute;top:0;right:0;transform:translate(30%, -30%);background-color:var(--stzh-color-old-grey5)}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-inner.sc-stzh-popover{flex-direction:row-reverse;align-items:flex-start}}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{visibility:visible}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{cursor:pointer;appearance:none;font-family:inherit;border:0.125rem solid transparent;background-color:transparent;display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;justify-content:center;align-items:center;color:var(--stzh-color-white);border-radius:var(--stzh-button-border-radius)}}@media screen and (min-width: 600px) and (forced-colors: active){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover{color:ButtonText;border-color:ButtonBorder;background-color:ButtonFace}.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__close.sc-stzh-popover:hover{color:HighlightText;border-color:Highlight;background-color:Highlight}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__icon.sc-stzh-popover{--size:var(--stzh-icon-size-small)}}@media screen and (min-width: 600px){@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}}@media screen and (min-width: 600px){.stzh-popover--tooltip.sc-stzh-popover .stzh-popover__content-slot.sc-stzh-popover{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-horizontal.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{left:0 !important;right:0 !important;width:100%}}@media screen and (min-width: 600px){.stzh-popover--popover-fullwidth-vertical.sc-stzh-popover .stzh-popover__dialog.sc-stzh-popover{top:0 !important;bottom:0 !important;height:100%}}";export{y as stzh_popover}

package/dist/stzh-components/{p-7c4f8d0c.entry.js → p-7b99a8d1.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,a as r,d as s}from"./p-vaw5DHDC.js";import{m as i,a}from"./p-CUGRmgip.js";import{h}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";var o;!function(t){t.xxxsmall="one",t.xxsmall="two",t.xsmall="three",t.small="four",t.medium="five",t.large="six"}(o||(o={}));const u=class{constructor(e){t(this,e),this.variant="hero",this.hasSide=!1,this.heading="",this.headingLevel="3",this.contentList=[],this._contentList=[],this.mediaChangeHandler=()=>{this.isSmall=i("small").matches,this.isMedium=i("medium").matches,this.isLarge=i("large").matches,this.isUltra=i("ultra").matches}}componentWillLoad(){this.contentListWatcher(this.contentList)}componentDidLoad(){if(this.mediaChangeHandler(),this._contentList=this._contentList.slice(0,6),"rubrick"==this.variant&&this._contentList.length<4&&(this.isLarge||this.isUltra)&&!this.hasSide){const t=Math.max(0,4-this._contentList.length);this._contentList=[...this._contentList,...Array(t).fill({type:"empty-teaser"})]}}connectedCallback(){a(this.mediaChangeHandler)}render(){const t="rubrick"==this.variant,s=(()=>{switch(this._contentList.length){case 1:return o.xxxsmall;case 2:return o.xxsmall;case 3:return o.xsmall;case 4:return o.small;case 5:return o.medium;case 6:return o.large;default:return null}})(),i=`h${this.headingLevel}`,a={"stzh-pi-teaser-layout":!0,"stzh-pi-teaser-layout--rubrick":t,"stzh-pi-teaser-layout--has-side":this.hasSide},u=!!this.heading,l=h(this.element,"bottom"),n=e=>{const r=this.isUltra||this.isLarge,i=this.hasSide?"M":"L";if(t)switch(e){case 1:case 2:return r?"L":this.isMedium?i:this.isSmall?"L":"M";case 3:if(s==o.xsmall)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.small)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.medium)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.large)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";case 4:if(s==o.small)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.medium)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.large)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";case 5:if(s==o.medium)return r||this.isMedium?"M":this.isSmall?"S":"XS";if(s==o.large)return r||this.isMedium?"M":this.isSmall?"S":"XS";case 6:if(s==o.large)return r||this.isMedium?"M":this.isSmall?"S":"XS"}else switch(e){case 1:case 2:return r?"XL":this.isMedium||this.isSmall?"L":"M";case 3:case 4:return r?"L":this.isMedium?"M":this.isSmall?"S":"XS";case 5:case 6:return r||this.isMedium?"M":this.isSmall?"S":"XS"}},p=(e,r,i)=>{const a=this.isUltra||this.isLarge,h=null==i||null==i;if(t)switch(r){case 1:case 2:return e;case 3:return h?a||this.isMedium||this.isSmall?e:null:s==o.large?this.hasSide?this.isUltra||this.isLarge?null:this.isMedium?e:null:this.isUltra||this.isLarge||this.isMedium?e:null:a||this.isMedium?e:null;case 4:return h?a||this.isMedium||this.isSmall?e:null:s==o.medium||s==o.large?this.hasSide?this.isUltra||this.isLarge?null:this.isMedium?e:null:this.isUltra||this.isLarge||this.isMedium?e:null:a||this.isMedium?e:null;case 5:case 6:return h?a||this.isMedium?e:null:this.hasSide?null:a?e:null}else switch(r){case 1:case 2:return e;case 3:case 4:return h?e:this.hasSide?a||this.isMedium?e:null:a?e:null;case 5:case 6:return a||this.isMedium?e:null}return e},m=(e,r)=>{const i=this.isUltra||this.isLarge;if(null==e||null==e)return null;if(t)switch(r){case 1:case 2:return"top";case 3:return s==o.medium&&this.hasSide?i||this.isMedium?"top":null:s==o.large?this.hasSide?i?"right":this.isMedium?"top":null:i?null:this.isMedium?"top":null:i||this.isMedium?"top":null;case 4:return s==o.medium||s==o.large?this.hasSide?i?"right":this.isMedium?"top":null:i?null:this.isMedium?"top":null:i||this.isMedium?"top":null;case 5:if(s==o.medium||s==o.large)return this.hasSide?i||this.isMedium?"right":null:i?null:this.isMedium?"right":null;case 6:if(s==o.large)return this.hasSide?i||this.isMedium?"right":null:i?null:this.isMedium?"right":null}else switch(r){case 1:case 2:return"top";case 3:case 4:return this.hasSide?i?"top":this.isMedium||this.isSmall?"right":"top":i||this.isMedium?"top":null;case 5:case 6:return null}};if(!t&&this._contentList.length<6)return e("div",null,"At least add 6 elements for hero");const c=t=>({"stzh-pi-teaser-layout-teaser":!0,[`stzh-pi-teaser-layout-teaser--${t+1}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${this.hasSide?"side":"no-side"}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}--${this.hasSide?"side":"no-side"}`]:!0});return e(r,{"is-rubrick":t?"true":"false",amount:s,"has-side":this.hasSide?"true":"false"},u&&e("div",{class:"stzh-pi-teaser-layout__header-holder"},e(i,{class:"stzh-pi-teaser-layout__header",level:this.headingLevel},this.heading)),e("div",{class:a},...this._contentList.map(((t,r)=>"empty-teaser"==t.type?e("div",{class:c(r)}):e("stzh-pi-teaser-layout-item",{key:r,href:t.href,dateline:t.dateline,heading:t.heading,date:t.date,imageSrc:t.imageSrc,contentSize:n(r+1),lead:p(t.lead,r+1,t.imageSrc),imagePosition:m(t.imageSrc,r+1),class:c(r)})))),l&&e("div",{class:"stzh-pi-teaser-layout__bottom-slot"},e("slot",{name:"bottom"})))}contentListWatcher(t){this._contentList="string"==typeof t?JSON.parse(t):t}get element(){return s(this)}static get watchers(){return{contentList:[{contentListWatcher:0}]}}};u.style='.sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4" "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"     "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}@media screen and (min-width: 600px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:118.75rem;--max-height:118.75rem;--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:96.875rem;--max-height:103.125rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.6fr 0.4fr 0.25fr 0.25fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:146.875rem;--max-height:146.875rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"       "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"       "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-h{--gap:1.5rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"       "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"       "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}@media screen and (min-width: 1600px){.sc-stzh-pi-teaser-layout-h{--gap:2rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser.sc-stzh-pi-teaser-layout{background-color:white}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--1.sc-stzh-pi-teaser-layout{grid-area:t1}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--2.sc-stzh-pi-teaser-layout{grid-area:t2}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--3.sc-stzh-pi-teaser-layout{grid-area:t3}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--4.sc-stzh-pi-teaser-layout{grid-area:t4}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5.sc-stzh-pi-teaser-layout{grid-area:t5}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6.sc-stzh-pi-teaser-layout{grid-area:t6}[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1";--grid-pi-teaser-layout-rows:1fr;--min-height:32.8125rem;--max-height:37.5rem}[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:65.625rem;--max-height:75rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.3fr;--min-height:75rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr;--min-height:87.5rem;--max-height:103.125rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr;--min-height:100rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"     "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;--min-height:112.5rem;--max-height:143.75rem}@media screen and (min-width: 600px){[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr;--min-height:81.25rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr;--min-height:93.75rem;--max-height:106.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;--min-height:103.125rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;--min-height:112.5rem;--max-height:131.25rem}}@media screen and (min-width: 900px){[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h,[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr;--min-height:37.5rem;--max-height:40.625rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr;--min-height:87.5rem;--max-height:93.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.35fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr 0.35fr;--min-height:103.125rem;--max-height:106.25rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.4fr 0.4fr;--min-height:112.5rem;--max-height:112.5rem}}@media screen and (min-width: 1260px){[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 0.5fr 0.5fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 0.45fr 0.45fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5"       "t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5"       "t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 0.4fr 0.4fr;--min-height:75rem;--max-height:78.125rem}}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5--four.sc-stzh-pi-teaser-layout{display:none}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--four.sc-stzh-pi-teaser-layout,[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--five.sc-stzh-pi-teaser-layout{display:none}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{width:100%;display:grid;gap:var(--gap);min-height:var(--min-height);max-height:var(--max-height);grid-template-columns:var(--grid-pi-teaser-layout-columns);grid-template-areas:var(--grid-pi-teaser-layout-template);grid-template-rows:var(--grid-pi-teaser-layout-rows)}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout>*.sc-stzh-pi-teaser-layout{min-height:0;overflow:hidden}.stzh-pi-teaser-layout__header-holder.sc-stzh-pi-teaser-layout{margin-bottom:var(--stzh-space-medium, 16px)}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0;padding-top:var(--stzh-space-medium, 16px);padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-large, 20px);padding-bottom:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xlarge, 24px);padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xxlarge, 32px);padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-teaser-layout__bottom-slot.sc-stzh-pi-teaser-layout{margin-top:var(--stzh-space-medium, 16px);display:grid;justify-content:end}';export{u as stzh_pi_teaser_layout}
+import{r as t,h as e,a as r,d as s}from"./p-rujKGmCS.js";import{m as i,a}from"./p-CUGRmgip.js";import{h}from"./p-CBLSoWgI.js";import"./p-BubviQku.js";var o;!function(t){t.xxxsmall="one",t.xxsmall="two",t.xsmall="three",t.small="four",t.medium="five",t.large="six"}(o||(o={}));const u=class{constructor(e){t(this,e),this.variant="hero",this.hasSide=!1,this.heading="",this.headingLevel="3",this.contentList=[],this._contentList=[],this.mediaChangeHandler=()=>{this.isSmall=i("small").matches,this.isMedium=i("medium").matches,this.isLarge=i("large").matches,this.isUltra=i("ultra").matches}}componentWillLoad(){this.contentListWatcher(this.contentList)}componentDidLoad(){if(this.mediaChangeHandler(),this._contentList=this._contentList.slice(0,6),"rubrick"==this.variant&&this._contentList.length<4&&(this.isLarge||this.isUltra)&&!this.hasSide){const t=Math.max(0,4-this._contentList.length);this._contentList=[...this._contentList,...Array(t).fill({type:"empty-teaser"})]}}connectedCallback(){a(this.mediaChangeHandler)}render(){const t="rubrick"==this.variant,s=(()=>{switch(this._contentList.length){case 1:return o.xxxsmall;case 2:return o.xxsmall;case 3:return o.xsmall;case 4:return o.small;case 5:return o.medium;case 6:return o.large;default:return null}})(),i=`h${this.headingLevel}`,a={"stzh-pi-teaser-layout":!0,"stzh-pi-teaser-layout--rubrick":t,"stzh-pi-teaser-layout--has-side":this.hasSide},u=!!this.heading,l=h(this.element,"bottom"),n=e=>{const r=this.isUltra||this.isLarge,i=this.hasSide?"M":"L";if(t)switch(e){case 1:case 2:return r?"L":this.isMedium?i:this.isSmall?"L":"M";case 3:if(s==o.xsmall)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.small)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.medium)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.large)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";case 4:if(s==o.small)return r?"L":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.medium)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";if(s==o.large)return r?"M":this.isMedium?i:this.isSmall?"S":"XS";case 5:if(s==o.medium)return r||this.isMedium?"M":this.isSmall?"S":"XS";if(s==o.large)return r||this.isMedium?"M":this.isSmall?"S":"XS";case 6:if(s==o.large)return r||this.isMedium?"M":this.isSmall?"S":"XS"}else switch(e){case 1:case 2:return r?"XL":this.isMedium||this.isSmall?"L":"M";case 3:case 4:return r?"L":this.isMedium?"M":this.isSmall?"S":"XS";case 5:case 6:return r||this.isMedium?"M":this.isSmall?"S":"XS"}},p=(e,r,i)=>{const a=this.isUltra||this.isLarge,h=null==i||null==i;if(t)switch(r){case 1:case 2:return e;case 3:return h?a||this.isMedium||this.isSmall?e:null:s==o.large?this.hasSide?this.isUltra||this.isLarge?null:this.isMedium?e:null:this.isUltra||this.isLarge||this.isMedium?e:null:a||this.isMedium?e:null;case 4:return h?a||this.isMedium||this.isSmall?e:null:s==o.medium||s==o.large?this.hasSide?this.isUltra||this.isLarge?null:this.isMedium?e:null:this.isUltra||this.isLarge||this.isMedium?e:null:a||this.isMedium?e:null;case 5:case 6:return h?a||this.isMedium?e:null:this.hasSide?null:a?e:null}else switch(r){case 1:case 2:return e;case 3:case 4:return h?e:this.hasSide?a||this.isMedium?e:null:a?e:null;case 5:case 6:return a||this.isMedium?e:null}return e},m=(e,r)=>{const i=this.isUltra||this.isLarge;if(null==e||null==e)return null;if(t)switch(r){case 1:case 2:return"top";case 3:return s==o.medium&&this.hasSide?i||this.isMedium?"top":null:s==o.large?this.hasSide?i?"right":this.isMedium?"top":null:i?null:this.isMedium?"top":null:i||this.isMedium?"top":null;case 4:return s==o.medium||s==o.large?this.hasSide?i?"right":this.isMedium?"top":null:i?null:this.isMedium?"top":null:i||this.isMedium?"top":null;case 5:if(s==o.medium||s==o.large)return this.hasSide?i||this.isMedium?"right":null:i?null:this.isMedium?"right":null;case 6:if(s==o.large)return this.hasSide?i||this.isMedium?"right":null:i?null:this.isMedium?"right":null}else switch(r){case 1:case 2:return"top";case 3:case 4:return this.hasSide?i?"top":this.isMedium||this.isSmall?"right":"top":i||this.isMedium?"top":null;case 5:case 6:return null}};if(!t&&this._contentList.length<6)return e("div",null,"At least add 6 elements for hero");const c=t=>({"stzh-pi-teaser-layout-teaser":!0,[`stzh-pi-teaser-layout-teaser--${t+1}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${this.hasSide?"side":"no-side"}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}`]:!0,[`stzh-pi-teaser-layout-teaser--${t+1}--${s}--${this.hasSide?"side":"no-side"}`]:!0});return e(r,{"is-rubrick":t?"true":"false",amount:s,"has-side":this.hasSide?"true":"false"},u&&e("div",{class:"stzh-pi-teaser-layout__header-holder"},e(i,{class:"stzh-pi-teaser-layout__header",level:this.headingLevel},this.heading)),e("div",{class:a},...this._contentList.map(((t,r)=>"empty-teaser"==t.type?e("div",{class:c(r)}):e("stzh-pi-teaser-layout-item",{key:r,href:t.href,dateline:t.dateline,heading:t.heading,date:t.date,imageSrc:t.imageSrc,contentSize:n(r+1),lead:p(t.lead,r+1,t.imageSrc),imagePosition:m(t.imageSrc,r+1),class:c(r)})))),l&&e("div",{class:"stzh-pi-teaser-layout__bottom-slot"},e("slot",{name:"bottom"})))}contentListWatcher(t){this._contentList="string"==typeof t?JSON.parse(t):t}get element(){return s(this)}static get watchers(){return{contentList:[{contentListWatcher:0}]}}};u.style='.sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4" "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"     "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}@media screen and (min-width: 600px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:118.75rem;--max-height:118.75rem;--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:96.875rem;--max-height:103.125rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.6fr 0.4fr 0.25fr 0.25fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:146.875rem;--max-height:146.875rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"       "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"       "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-h{--gap:1.5rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"       "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5"       "t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}@media screen and (min-width: 1600px){.sc-stzh-pi-teaser-layout-h{--gap:2rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser.sc-stzh-pi-teaser-layout{background-color:white}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--1.sc-stzh-pi-teaser-layout{grid-area:t1}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--2.sc-stzh-pi-teaser-layout{grid-area:t2}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--3.sc-stzh-pi-teaser-layout{grid-area:t3}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--4.sc-stzh-pi-teaser-layout{grid-area:t4}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5.sc-stzh-pi-teaser-layout{grid-area:t5}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6.sc-stzh-pi-teaser-layout{grid-area:t6}[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1";--grid-pi-teaser-layout-rows:1fr;--min-height:32.8125rem;--max-height:37.5rem}[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:65.625rem;--max-height:75rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.3fr;--min-height:75rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr;--min-height:87.5rem;--max-height:103.125rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr;--min-height:100rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"     "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;--min-height:112.5rem;--max-height:143.75rem}@media screen and (min-width: 600px){[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr;--min-height:81.25rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr;--min-height:93.75rem;--max-height:106.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;--min-height:103.125rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;--min-height:112.5rem;--max-height:131.25rem}}@media screen and (min-width: 900px){[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h,[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2";--grid-pi-teaser-layout-rows:1fr;--min-height:37.5rem;--max-height:40.625rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr;--min-height:87.5rem;--max-height:93.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.35fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"       "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr 0.35fr;--min-height:103.125rem;--max-height:106.25rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.4fr 0.4fr;--min-height:112.5rem;--max-height:112.5rem}}@media screen and (min-width: 1260px){[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";--grid-pi-teaser-layout-rows:1fr 0.5fr 0.5fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"       "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5";--grid-pi-teaser-layout-rows:1fr 0.45fr 0.45fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5"       "t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"       "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5"       "t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6";--grid-pi-teaser-layout-rows:1fr 0.4fr 0.4fr;--min-height:75rem;--max-height:78.125rem}}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5--four.sc-stzh-pi-teaser-layout{display:none}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--four.sc-stzh-pi-teaser-layout,[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--five.sc-stzh-pi-teaser-layout{display:none}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{width:100%;display:grid;gap:var(--gap);min-height:var(--min-height);max-height:var(--max-height);grid-template-columns:var(--grid-pi-teaser-layout-columns);grid-template-areas:var(--grid-pi-teaser-layout-template);grid-template-rows:var(--grid-pi-teaser-layout-rows)}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout>*.sc-stzh-pi-teaser-layout{min-height:0;overflow:hidden}.stzh-pi-teaser-layout__header-holder.sc-stzh-pi-teaser-layout{margin-bottom:var(--stzh-space-medium, 16px)}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0;padding-top:var(--stzh-space-medium, 16px);padding-bottom:var(--stzh-space-xxsmall, 4px)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-large, 20px);padding-bottom:var(--stzh-space-xxsmall, 4px)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xlarge, 24px);padding-bottom:var(--stzh-space-xsmall, 8px)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xxlarge, 32px);padding-bottom:var(--stzh-space-small, 12px)}}.stzh-pi-teaser-layout__bottom-slot.sc-stzh-pi-teaser-layout{margin-top:var(--stzh-space-medium, 16px);display:grid;justify-content:end}';export{u as stzh_pi_teaser_layout}