npm - @oiz/stzh-components - Versions diffs - 4.12.0 → 4.12.1-beta1 - Mend

@oiz/stzh-components 4.12.0 → 4.12.1-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (835) hide show

package/dist/stzh-components/{p-360fd13b.entry.js → p-1db6f565.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,f as a,a as i,d as s}from"./p-CMm0FVAs.js";import{h as n,s as m}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const r=()=>`:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px) and (max-width: 1259px){:host([image-moves]) .stzh-textandimage__right{justify-content:right}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage{display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}@media screen and (max-width: 599px){.stzh-textandimage__wrapper{min-width:75%;max-width:75%}}@media screen and (min-width: 600px){.stzh-textandimage__wrapper{min-width:50%;max-width:50%}}@media screen and (min-width: 900px){.stzh-textandimage__wrapper{min-width:75%;max-width:75%}}@media screen and (min-width: 1260px){.stzh-textandimage__wrapper{min-width:50%;max-width:50%}}.stzh-textandimage{}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}`;const g=class{constructor(e){t(this,e);this.size="default";this.imagePosition="right";this.imageMoves=false;this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));this.checkLineCount()};this.checkLineCount=()=>{const t=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext div');if(this.imageMoves){if(t.length>0){const e=getComputedStyle(t[0]);const a=t[0].clientHeight/parseFloat(e.lineHeight)<=4;this.element.toggleAttribute("short-text",a)}}}}onWindowResize(){this.checkLineCount()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"b6c8e17239d33faefe357d7be281f3ffc477baeb",single:m,"image-position":this.imagePosition},e("div",{key:"52052b64ed85ca578e9612e66cff097f42c61ec5",class:r},e("div",{key:"412926ba1ffb4017675c2d214f7ab17bf39224a8",class:"stzh-textandimage__left"},e("slot",{key:"fe7f2c8f949625b1df28daf3f003bb374995d4c2",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"7a3f2839207fea48286332715325b65d9a33c1aa",class:"stzh-textandimage__right"},e("div",{key:"f4b61cafc2ba70076583f9769ceb7462006f08ed",class:this.imageMoves?"stzh-textandimage__wrapper":""},e("slot",{key:"ad489b8f89170a5c20216753b8283f4e7f189577",name:"right",onSlotchange:()=>a(this.element)})))))}get element(){return s(this)}};g.style=r();export{g as stzh_textandimage};
-//# sourceMappingURL=p-360fd13b.entry.js.map
+import{r as t,h as e,f as a,a as i,d as s}from"./p-BDy81lpO.js";import{h as n,s as m}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const r=()=>`:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text" "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 900px){:host([image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas-image-left,\n      "image image image image text text text text"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 900px){:host([size=small][image-position=left]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "image image image text text text text text"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ." "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n        "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n        "image image image image image image image image"\n    )}}:host([image-moves]){padding-bottom:var(--stzh-space-xxxlarge)}:host([image-moves]) .stzh-textandimage__right{display:flex;justify-content:center}@media screen and (max-width: 899px){:host([image-moves]){--row-gap:0px}:host([image-moves]) .stzh-textandimage__right{justify-content:left}}@media screen and (min-width: 900px) and (max-width: 1259px){:host([image-moves]) .stzh-textandimage__right{justify-content:right}}@media screen and (min-width: 900px){:host([image-moves]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([image-moves][short-text]){--row-gap:0px}:host([image-moves][short-text]) .stzh-textandimage__right{justify-content:left}@media screen and (min-width: 900px){:host([image-moves][short-text]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text" "image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host([image-moves][short-text]){padding-bottom:var(--stzh-space-xxxxlarge);--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text text" "image image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(12, minmax(0, 1fr))\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage{display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}@media screen and (max-width: 599px){.stzh-textandimage__wrapper{min-width:75%;max-width:75%}}@media screen and (min-width: 600px){.stzh-textandimage__wrapper{min-width:50%;max-width:50%}}@media screen and (min-width: 900px){.stzh-textandimage__wrapper{min-width:75%;max-width:75%}}@media screen and (min-width: 1260px){.stzh-textandimage__wrapper{min-width:50%;max-width:50%}}.stzh-textandimage{}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}`;const g=class{constructor(e){t(this,e);this.size="default";this.imagePosition="right";this.imageMoves=false;this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{m(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{m(t,{variant:"single"})}));this.checkLineCount()};this.checkLineCount=()=>{const t=this.element.querySelectorAll('[slot="left"] stzh-vspace stzh-richtext div');if(this.imageMoves){if(t.length>0){const e=getComputedStyle(t[0]);const a=t[0].clientHeight/parseFloat(e.lineHeight)<=4;this.element.toggleAttribute("short-text",a)}}}}onWindowResize(){this.checkLineCount()}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const m=!(t&&s);const r={"stzh-textandimage":true,"stzh-textandimage--is-single-left":m&&t,"stzh-textandimage--is-single-right":m&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size,[`stzh-textandimage--image-position-${this.imagePosition}`]:!!this.imagePosition};return e(i,{key:"b6c8e17239d33faefe357d7be281f3ffc477baeb",single:m,"image-position":this.imagePosition},e("div",{key:"52052b64ed85ca578e9612e66cff097f42c61ec5",class:r},e("div",{key:"412926ba1ffb4017675c2d214f7ab17bf39224a8",class:"stzh-textandimage__left"},e("slot",{key:"fe7f2c8f949625b1df28daf3f003bb374995d4c2",name:"left",onSlotchange:()=>a(this.element)})),e("div",{key:"7a3f2839207fea48286332715325b65d9a33c1aa",class:"stzh-textandimage__right"},e("div",{key:"f4b61cafc2ba70076583f9769ceb7462006f08ed",class:this.imageMoves?"stzh-textandimage__wrapper":""},e("slot",{key:"ad489b8f89170a5c20216753b8283f4e7f189577",name:"right",onSlotchange:()=>a(this.element)})))))}get element(){return s(this)}};g.style=r();export{g as stzh_textandimage};
+//# sourceMappingURL=p-1db6f565.entry.js.map

package/dist/stzh-components/{p-9df5d649.entry.js → p-1f1aac25.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as n,d as s}from"./p-CMm0FVAs.js";const o=()=>`.sc-stzh-content-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-content-h,[stzh-hidden].sc-stzh-content-h{display:none}.sc-stzh-content-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-content-h *.sc-stzh-content,.sc-stzh-content-h *.sc-stzh-content::before,.sc-stzh-content-h *.sc-stzh-content::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-content-h .has-focus.sc-stzh-content{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content{outline-style:none !important}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content::-moz-focus-inner{border:0 !important}.sc-stzh-content-h{--grid-template-areas:var(\n    --stzh-content-grid-template-areas,\n    "content content content content"\n  )}@media screen and (min-width: 900px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content"\n      )\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content aside-right aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=shifted].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-shifted-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content content aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=full].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-full-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content content content content content"\n      )\n    )}}.sc-stzh-content-h.sc-stzh-content-s>*,.sc-stzh-content-h .sc-stzh-content-s>*{grid-area:content}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-small-grid-template-areas:"cta cta cta ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-grid-template-areas:"cta cta cta cta cta . . .";--stzh-cta-small-grid-template-areas:"cta cta cta cta . . . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-display:grid;--stzh-text-grid-template-areas:"text text text .";--stzh-richtext-display:grid;--stzh-richtext-grid-template-areas:"text text text ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-grid-template-areas:"text text text text text text . .";--stzh-richtext-grid-template-areas:"text text text text text text . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 3 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list list list . . .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-eventdata{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-small-grid-template-areas:"cta cta cta cta"}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-grid-template-areas:"cta cta cta cta cta cta cta cta";--stzh-cta-small-grid-template-areas:"cta cta cta cta cta cta cta cta"}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 4 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 8 * 8) +\n        7 * var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}.stzh-content.sc-stzh-content{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-shifted-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-full-grid-template-areas:"content content content content content content content content content content content content";column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-content.sc-stzh-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-content.sc-stzh-content{grid-template-areas:var(--grid-template-areas)}`;const a=class{constructor(e){t(this,e);this.variant="default";this.preventElementLayout=false}render(){const t={"stzh-content":true,[`stzh-content--${this.variant}`]:!!this.variant};return e(n,{key:"ce7bde7475e7e40a759025463a80ef330d7f5ecc"},e("div",{key:"f0d1730ae920a9c69e191d869ffe05535771ae60",class:t},e("slot",{key:"9851b4991a04cb2c37d594ffe6b53ff328f3f14b"})))}get element(){return s(this)}};a.style=o();export{a as stzh_content};
-//# sourceMappingURL=p-9df5d649.entry.js.map
+import{r as t,h as e,a as n,d as s}from"./p-BDy81lpO.js";const o=()=>`.sc-stzh-content-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-content-h,[stzh-hidden].sc-stzh-content-h{display:none}.sc-stzh-content-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-content-h *.sc-stzh-content,.sc-stzh-content-h *.sc-stzh-content::before,.sc-stzh-content-h *.sc-stzh-content::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-content-h .has-focus.sc-stzh-content{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content{outline-style:none !important}.sc-stzh-content-h .stzh-fylingfocus-focused.sc-stzh-content::-moz-focus-inner{border:0 !important}.sc-stzh-content-h{--grid-template-areas:var(\n    --stzh-content-grid-template-areas,\n    "content content content content"\n  )}@media screen and (min-width: 900px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content"\n      )\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-default-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content aside-right aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=shifted].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-shifted-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "aside-left aside-left content content content content content content content content content aside-right"\n      )\n    )}}@media screen and (min-width: 1260px){[variant=full].sc-stzh-content-h{--grid-template-areas:var(\n      --stzh-content-full-grid-template-areas,\n      var(\n        --stzh-content-grid-template-areas,\n        "content content content content content content content content content content content content"\n      )\n    )}}.sc-stzh-content-h.sc-stzh-content-s>*,.sc-stzh-content-h .sc-stzh-content-s>*{grid-area:content}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-small-grid-template-areas:"cta cta cta ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-cta-grid-template-areas:"cta cta cta cta cta . . .";--stzh-cta-small-grid-template-areas:"cta cta cta cta . . . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-display:grid;--stzh-text-grid-template-areas:"text text text .";--stzh-richtext-display:grid;--stzh-richtext-grid-template-areas:"text text text ."}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-text-grid-template-areas:"text text text text text text . .";--stzh-richtext-grid-template-areas:"text text text text text text . ."}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 3 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-grid-template-areas:"list list list list list . . .";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))).sc-stzh-content-s>*,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s>*{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 5 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-eventdata{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-small-grid-template-areas:"cta cta cta cta"}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-cta-grid-template-areas:"cta cta cta cta cta cta cta cta";--stzh-cta-small-grid-template-areas:"cta cta cta cta cta cta cta cta"}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-text-display:block;--stzh-richtext-display:block}}@media screen and (min-width: 600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-small) - 2 * var(--stzh-grid-gutter-small)) / 4 * 4) + 3 *\n        var(--stzh-grid-gutter-small) + var(--stzh-grid-gutter-small)\n    )}}@media screen and (min-width: 900px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-grid-template-areas:"list list list list list list list list";--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-medium) - 4 * var(--stzh-grid-gutter-medium)) / 8 * 8) +\n        7 * var(--stzh-grid-gutter-medium) + var(--stzh-grid-gutter-medium)\n    )}}@media screen and (min-width: 1260px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-large) - 4 * var(--stzh-grid-gutter-large)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-large) + var(--stzh-grid-gutter-large)\n    )}}@media screen and (min-width: 1600px){.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=highlight],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-section[variant=contextbox],.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-ghettobox,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-message,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-toast,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-tooltip,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-popover,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-accordion,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-timeline,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-twocolumns,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-textandimage,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-datalist stzh-datalist,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-dialog,.sc-stzh-content-h:where(:not([prevent-element-layout]:not([prevent-element-layout=false]))) .sc-stzh-content-s stzh-overlay{--stzh-datalist-details-content-width:calc(\n      ((100% - var(--stzh-grid-gutter-ultra) - 4 * var(--stzh-grid-gutter-ultra)) / 8 * 8) + 7 *\n        var(--stzh-grid-gutter-ultra) + var(--stzh-grid-gutter-ultra)\n    )}}.stzh-content.sc-stzh-content{--stzh-content-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-shifted-grid-template-areas:"content content content content content content content content content content content content";--stzh-content-full-grid-template-areas:"content content content content content content content content content content content content";column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-content.sc-stzh-content{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-content.sc-stzh-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-content.sc-stzh-content{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-content.sc-stzh-content{grid-template-areas:var(--grid-template-areas)}`;const a=class{constructor(e){t(this,e);this.variant="default";this.preventElementLayout=false}render(){const t={"stzh-content":true,[`stzh-content--${this.variant}`]:!!this.variant};return e(n,{key:"ce7bde7475e7e40a759025463a80ef330d7f5ecc"},e("div",{key:"f0d1730ae920a9c69e191d869ffe05535771ae60",class:t},e("slot",{key:"9851b4991a04cb2c37d594ffe6b53ff328f3f14b"})))}get element(){return s(this)}};a.style=o();export{a as stzh_content};
+//# sourceMappingURL=p-1f1aac25.entry.js.map

package/dist/stzh-components/{p-675ccc4c.entry.js → p-233a253c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a,a as c,d as e}from"./p-CMm0FVAs.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const i=()=>`.sc-stzh-cta-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-cta-h,[stzh-hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::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-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color, var(--stzh-cta-background-color));--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-cta-button-color, var(--stzh-color-white));--button-background-color:var(\n    --stzh-cta-button-background-color,\n    var(--stzh-color-primary70)\n  );--button-border-radius:var(--stzh-button-border-radius);--hover-button-color:var(--stzh-cta-hover-button-color, var(--stzh-color-white));--hover-button-background-color:var(\n    --stzh-cta-hover-button-background-color,\n    var(--stzh-color-secondary60)\n  );--stuck-background-color:var(--stzh-color-grey10);--stuck-heading-color:var(--stzh-color-primary70);--stuck-lead-color:var(--stzh-base-color);--stuck-sticky-background-color:var(--background-color);--grid-template-areas:var(--stzh-cta-grid-template-areas, "cta cta cta cta");--grid-template-columns:var(\n    --stzh-cta-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media print{.sc-stzh-cta-h{display:none}}@media screen and (min-width: 900px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}[size=small].sc-stzh-cta-h{--button-background-color:transparent;--button-color:var(--stzh-color-white);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--stuck-background-color:var(--background-color)}@media screen and (min-width: 600px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta"\n    )}}@media screen and (min-width: 900px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    )}}@keyframes stzh-cta-effect{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-cta.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-cta.sc-stzh-cta{display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-cta__wrapper.sc-stzh-cta{grid-area:cta;background-color:var(--background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-cta__wrapper.sc-stzh-cta{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])){background-color:var(--stuck-background-color)}.stzh-cta__heading.sc-stzh-cta,.stzh-cta__lead.sc-stzh-cta{transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxxlarge)}}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxxlarge)}}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-cta__heading.sc-stzh-cta{color:var(--heading-color)}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__heading.sc-stzh-cta{color:var(--stuck-heading-color)}.stzh-cta__lead.sc-stzh-cta{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-cta__lead.sc-stzh-cta{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-cta__lead.sc-stzh-cta{color:var(--lead-color)}.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xlarge)}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__lead.sc-stzh-cta{color:var(--stuck-lead-color)}.stzh-cta__button.sc-stzh-cta{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);width:100%;display:flex;align-items:center;justify-content:space-between;appearance:none;border:none;text-decoration:none;border-radius:var(--button-border-radius);color:var(--button-color);background-color:var(--button-background-color);gap:var(--stzh-space-xsmall);transition-property:width, height, min-height, color, background-color, font-size, padding;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-cta__button.sc-stzh-cta{width:auto}}.stzh-cta__button.sc-stzh-cta:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__button-text.sc-stzh-cta{display:block}.stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-medium)}.stzh-cta__button.sc-stzh-cta:hover .stzh-cta__button-icon.sc-stzh-cta{animation:stzh-cta-effect 1s}.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxxlarge)}}.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxxlarge)}}.stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--background-color:var(--sticky-background-color);--stuck-background-color:var(--stuck-sticky-background-color);--stuck-padding-left:0px;--stuck-padding-right:0px;display:block}.stzh-cta__buttons.sc-stzh-cta{display:flex;gap:var(--stzh-space-medium)}.stzh-cta--has-lead.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta{margin-bottom:0}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);min-height:var(--stzh-form-input-height)}@media screen and (max-width: 599px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{display:none}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-height)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{margin-top:calc(var(--padding-top) / -1);margin-bottom:calc(var(--padding-bottom) / -1)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{width:100%;max-width:100%;gap:var(--stzh-space-medium)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.is-placeholder.sc-stzh-cta{width:auto;max-width:none;visibility:hidden;position:absolute;pointer-events:none}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta:not(.is-placeholder){width:var(--button-width, auto)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-large)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-cta--is-not-loaded.sc-stzh-cta{visibility:hidden}.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__lead.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{transition-duration:0ms}`;var n=0;const r=class{constructor(a){t(this,a);this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.stzhClick=s(this,"stzhClick");this.heading="";this.lead="";this.label="";this.href="";this.stickyDisabled=true;this.loaded=false;this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-cta",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-cta",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-cta",originalEvent:t,href:this.href})};this.handlePlaceholderButtonResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateButtonWidthByResize)};this.updateButtonWidthByResize=()=>{if(!this.placeholderButton){return}const{width:t}=this.placeholderButton.getBoundingClientRect();this.element.style.setProperty("--button-width",`${t}px`)}}componentDidLoad(){this.stickyDisabled=n>1;this.placeholderButtonResizeObserver=new ResizeObserver(this.handlePlaceholderButtonResize);if(this.placeholderButton){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateButtonWidthByResize();window.setTimeout((()=>{this.loaded=true}),250)}))}))}componentDidRender(){if(this.placeholderButton&&this.placeholderButtonResizeObserver){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}}connectedCallback(){n=n+1}disconnectedCallback(){var t;n=n-1;(t=this.placeholderButtonResizeObserver)===null||t===void 0?void 0:t.disconnect()}renderButtons(t){return a("div",{class:"stzh-cta__buttons"},t==="small"&&a("div",{class:"stzh-cta__button is-placeholder",ref:t=>this.placeholderButton=t},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})),this.href?a("a",{class:"stzh-cta__button",href:this.href,ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})):a("button",{class:"stzh-cta__button",ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})))}render(){const t=h(this.element,"heading");const s=h(this.element,"lead");const e=!!this.heading||t;const i=!!this.lead||s;const n=e||i;const r=!n?"small":"default";const o={"stzh-cta":true,"stzh-cta--is-sticky-disabled":this.stickyDisabled,"stzh-cta--is-not-loaded":!this.loaded,"stzh-cta--has-heading":e,"stzh-cta--has-lead":i,[`stzh-cta--size-${r}`]:!!r};return a(c,{key:"e82e065c3e09e032142658590f9005a5c3ac6958",size:r,tabindex:"-1",onFocus:this.onRootFocus},a("article",{key:"a60a8650ab35883e42430aae3fb7225601742b8e",class:o,"data-stzh-sticky-width-container":true},a("div",{key:"4f5df15b4f4039518216afe7f9a69789f2ef04fb",class:"stzh-cta__wrapper"},a("div",{key:"c2f3b930c51ed9b99d3fd1a51bd1de93282be4fe",class:"stzh-cta__heading"},this.heading?this.heading:a("slot",{name:"heading"})),a("div",{key:"256397c7b59d522b20f6c0236713389888eadc57",class:"stzh-cta__lead"},this.lead?this.lead:a("slot",{name:"lead"})),a("stzh-sticky",{key:"652ef4390bb6c6e7c27e9a5580a7e99ad2fcac9f",name:"cta",class:"stzh-cta__sticky",position:"fixed",bleeding:true,disableStickyBottom:this.stickyDisabled,disableStickyTop:true},this.renderButtons(r)))))}get element(){return e(this)}};r.style=i();export{r as stzh_cta};
-//# sourceMappingURL=p-675ccc4c.entry.js.map
+import{r as t,c as s,h as a,a as c,d as e}from"./p-BDy81lpO.js";import{h}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const i=()=>`.sc-stzh-cta-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-cta-h,[stzh-hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::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-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color, var(--stzh-cta-background-color));--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-cta-button-color, var(--stzh-color-white));--button-background-color:var(\n    --stzh-cta-button-background-color,\n    var(--stzh-color-primary70)\n  );--button-border-radius:var(--stzh-button-border-radius);--hover-button-color:var(--stzh-cta-hover-button-color, var(--stzh-color-white));--hover-button-background-color:var(\n    --stzh-cta-hover-button-background-color,\n    var(--stzh-color-secondary60)\n  );--stuck-background-color:var(--stzh-color-grey10);--stuck-heading-color:var(--stzh-color-primary70);--stuck-lead-color:var(--stzh-base-color);--stuck-sticky-background-color:var(--background-color);--grid-template-areas:var(--stzh-cta-grid-template-areas, "cta cta cta cta");--grid-template-columns:var(\n    --stzh-cta-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media print{.sc-stzh-cta-h{display:none}}@media screen and (min-width: 900px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}[size=small].sc-stzh-cta-h{--button-background-color:transparent;--button-color:var(--stzh-color-white);--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--stuck-background-color:var(--background-color)}@media screen and (min-width: 600px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta"\n    )}}@media screen and (min-width: 900px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    )}}@keyframes stzh-cta-effect{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-cta.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cta.sc-stzh-cta{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-cta.sc-stzh-cta{display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-cta__wrapper.sc-stzh-cta{grid-area:cta;background-color:var(--background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-cta__wrapper.sc-stzh-cta{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])){background-color:var(--stuck-background-color)}.stzh-cta__heading.sc-stzh-cta,.stzh-cta__lead.sc-stzh-cta{transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxxlarge)}}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxxlarge)}}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-cta__heading.sc-stzh-cta{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-cta__heading.sc-stzh-cta{color:var(--heading-color)}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__heading.sc-stzh-cta{color:var(--stuck-heading-color)}.stzh-cta__lead.sc-stzh-cta{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-cta__lead.sc-stzh-cta{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-cta__lead.sc-stzh-cta{color:var(--lead-color)}.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-xlarge)}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__lead.sc-stzh-cta{color:var(--stuck-lead-color)}.stzh-cta__button.sc-stzh-cta{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);width:100%;display:flex;align-items:center;justify-content:space-between;appearance:none;border:none;text-decoration:none;border-radius:var(--button-border-radius);color:var(--button-color);background-color:var(--button-background-color);gap:var(--stzh-space-xsmall);transition-property:width, height, min-height, color, background-color, font-size, padding;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-cta__button.sc-stzh-cta{width:auto}}.stzh-cta__button.sc-stzh-cta:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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-cta__button-text.sc-stzh-cta{display:block}.stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-medium)}.stzh-cta__button.sc-stzh-cta:hover .stzh-cta__button-icon.sc-stzh-cta{animation:stzh-cta-effect 1s}.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxxlarge)}}.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxxlarge)}}.stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--background-color:var(--sticky-background-color);--stuck-background-color:var(--stuck-sticky-background-color);--stuck-padding-left:0px;--stuck-padding-right:0px;display:block}.stzh-cta__buttons.sc-stzh-cta{display:flex;gap:var(--stzh-space-medium)}.stzh-cta--has-lead.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta{margin-bottom:0}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);min-height:var(--stzh-form-input-height)}@media screen and (max-width: 599px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{display:none}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-height)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{margin-top:calc(var(--padding-top) / -1);margin-bottom:calc(var(--padding-bottom) / -1)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{width:100%;max-width:100%;gap:var(--stzh-space-medium)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.is-placeholder.sc-stzh-cta{width:auto;max-width:none;visibility:hidden;position:absolute;pointer-events:none}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta:not(.is-placeholder){width:var(--button-width, auto)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-large)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-cta--is-not-loaded.sc-stzh-cta{visibility:hidden}.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__lead.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{transition-duration:0ms}`;var n=0;const r=class{constructor(a){t(this,a);this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.stzhClick=s(this,"stzhClick");this.heading="";this.lead="";this.label="";this.href="";this.stickyDisabled=true;this.loaded=false;this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-cta",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-cta",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-cta",originalEvent:t,href:this.href})};this.handlePlaceholderButtonResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateButtonWidthByResize)};this.updateButtonWidthByResize=()=>{if(!this.placeholderButton){return}const{width:t}=this.placeholderButton.getBoundingClientRect();this.element.style.setProperty("--button-width",`${t}px`)}}componentDidLoad(){this.stickyDisabled=n>1;this.placeholderButtonResizeObserver=new ResizeObserver(this.handlePlaceholderButtonResize);if(this.placeholderButton){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateButtonWidthByResize();window.setTimeout((()=>{this.loaded=true}),250)}))}))}componentDidRender(){if(this.placeholderButton&&this.placeholderButtonResizeObserver){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}}connectedCallback(){n=n+1}disconnectedCallback(){var t;n=n-1;(t=this.placeholderButtonResizeObserver)===null||t===void 0?void 0:t.disconnect()}renderButtons(t){return a("div",{class:"stzh-cta__buttons"},t==="small"&&a("div",{class:"stzh-cta__button is-placeholder",ref:t=>this.placeholderButton=t},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})),this.href?a("a",{class:"stzh-cta__button",href:this.href,ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})):a("button",{class:"stzh-cta__button",ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})))}render(){const t=h(this.element,"heading");const s=h(this.element,"lead");const e=!!this.heading||t;const i=!!this.lead||s;const n=e||i;const r=!n?"small":"default";const o={"stzh-cta":true,"stzh-cta--is-sticky-disabled":this.stickyDisabled,"stzh-cta--is-not-loaded":!this.loaded,"stzh-cta--has-heading":e,"stzh-cta--has-lead":i,[`stzh-cta--size-${r}`]:!!r};return a(c,{key:"e82e065c3e09e032142658590f9005a5c3ac6958",size:r,tabindex:"-1",onFocus:this.onRootFocus},a("article",{key:"a60a8650ab35883e42430aae3fb7225601742b8e",class:o,"data-stzh-sticky-width-container":true},a("div",{key:"4f5df15b4f4039518216afe7f9a69789f2ef04fb",class:"stzh-cta__wrapper"},a("div",{key:"c2f3b930c51ed9b99d3fd1a51bd1de93282be4fe",class:"stzh-cta__heading"},this.heading?this.heading:a("slot",{name:"heading"})),a("div",{key:"256397c7b59d522b20f6c0236713389888eadc57",class:"stzh-cta__lead"},this.lead?this.lead:a("slot",{name:"lead"})),a("stzh-sticky",{key:"652ef4390bb6c6e7c27e9a5580a7e99ad2fcac9f",name:"cta",class:"stzh-cta__sticky",position:"fixed",bleeding:true,disableStickyBottom:this.stickyDisabled,disableStickyTop:true},this.renderButtons(r)))))}get element(){return e(this)}};r.style=i();export{r as stzh_cta};
+//# sourceMappingURL=p-233a253c.entry.js.map

package/dist/stzh-components/{p-f9c144a2.entry.js → p-25df4336.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,a as o,d as e}from"./p-CMm0FVAs.js";import{d as h,o as n}from"./p--MYN2wgX.js";import{t as c}from"./p-C_X84_Lb.js";import"./p-BubviQku.js";import"./p-E-ZsRS8r.js";import"./p-CIOHhwVv.js";const a=()=>`:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-sticky__content,.stzh-sticky__content::before{background-color:transparent}}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}@media (forced-colors: active){.stzh-sticky__content{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky{}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}@media (forced-colors: active){.stzh-sticky--transparent .stzh-sticky__content{outline:none}}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}`;const r="data-stzh-sticky-container";const d="data-stzh-sticky-width-container";const k=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop");this.stzhStuckBottom=s(this,"stzhStuckBottom");this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.position="sticky";this.loaded=false;this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${d}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${r}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"1706241fae8bcd61076470b735cd8b8dade1204e","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"3b1dc65f2134c6221b7b88be6cc08c0c11a0a618",class:s},i("div",{key:"0f0a556b2fe73aad45141b3faf903d7230834e94",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"b11924b9f78bbd641808c06162d5a115382fe3d5",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"706b1c82ba90f21e209ebd07cd90a9d5dcdf2b99",class:"stzh-sticky__content"},i("div",{key:"7eef943b440728245c91dfb18c15012206e1a49f",class:"stzh-sticky__content-inner"},i("slot",{key:"9b2fe9e7c7d0413d6f456e8cb1656aefdb7596fd"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};k.style=a();export{k as stzh_sticky};
-//# sourceMappingURL=p-f9c144a2.entry.js.map
+import{r as t,c as s,h as i,a as o,d as e}from"./p-BDy81lpO.js";import{d as h,o as n}from"./p--MYN2wgX.js";import{t as c}from"./p-C_X84_Lb.js";import"./p-BubviQku.js";import"./p-E-ZsRS8r.js";import"./p-CIOHhwVv.js";const a=()=>`:host{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}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::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)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents}.stzh-sticky__sticky{position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-sticky__content,.stzh-sticky__content::before{background-color:transparent}}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}@media (forced-colors: active){.stzh-sticky__content{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky{}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky{}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky{}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}@media (forced-colors: active){.stzh-sticky--transparent .stzh-sticky__content{outline:none}}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__sticky,.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}`;const r="data-stzh-sticky-container";const d="data-stzh-sticky-width-container";const k=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop");this.stzhStuckBottom=s(this,"stzhStuckBottom");this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.position="sticky";this.loaded=false;this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher();this.updateByScroll()}),100);this.updateByScroll=()=>{if(!h(this.stickyElement)||!this.element.isConnected){return}const t=this.element.closest(`[${d}]`)||this.element.parentElement;const s=n((this.isStuckTop||this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop||this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{if(!this.stickyElement||!this.element.isConnected){return}this.setUnfixed();this.stickyElement.style.position="static";this.stickyElement.style.width="auto";this.isStuckTop=false;this.isStuckBottom=false;if(h(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()}}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${r}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit||this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop||t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true;if(this.position==="fixed"){this.updateFixedByResize()}}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null||s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop||this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{key:"1706241fae8bcd61076470b735cd8b8dade1204e","is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{key:"3b1dc65f2134c6221b7b88be6cc08c0c11a0a618",class:s},i("div",{key:"0f0a556b2fe73aad45141b3faf903d7230834e94",ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{key:"b11924b9f78bbd641808c06162d5a115382fe3d5",ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{key:"706b1c82ba90f21e209ebd07cd90a9d5dcdf2b99",class:"stzh-sticky__content"},i("div",{key:"7eef943b440728245c91dfb18c15012206e1a49f",class:"stzh-sticky__content-inner"},i("slot",{key:"9b2fe9e7c7d0413d6f456e8cb1656aefdb7596fd"}))))))}get element(){return e(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};k.style=a();export{k as stzh_sticky};
+//# sourceMappingURL=p-25df4336.entry.js.map

package/dist/stzh-components/{p-8414eb16.entry.js → p-2683a93d.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s,d as r}from"./p-CMm0FVAs.js";import{h as n}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const e=()=>`.sc-stzh-vbz-intro-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-vbz-intro-h,[stzh-hidden].sc-stzh-vbz-intro-h{display:none}.sc-stzh-vbz-intro-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::before,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::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-vbz-intro-h .has-focus.sc-stzh-vbz-intro{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro{outline-style:none !important}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-intro-h{--mostsearched-background-color:var(--stzh-mostsearched-background-color);--topnews-background-color:var(--stzh-topnews-background-color);--topnews-item-subtitle-color:var(\n    --stzh-vbz-intro-topnews-item-subtitle-color,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-font:var(\n    --stzh-vbz-intro-topnews-subtitle-font,\n    var(--stzh-font-family-medium)\n  );--topnews-item-subtitle-highlighted-color:var(\n    --stzh-vbz-intro-topnews-item-subtitle-highlighted-color,\n    var(--stzh-color-primary60)\n  );--grid-template-areas:"ticker ticker ticker ticker"\n    "quicklinks quicklinks quicklinks quicklinks"}@media screen and (min-width: 900px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks"}}@media screen and (min-width: 1260px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks"}}.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-vbz-intro.sc-stzh-vbz-intro{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-areas:var(--grid-template-areas)}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;flex-direction:column;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{grid-area:ticker;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-left:0}}.stzh-vbz-intro--has-majorticker.sc-stzh-vbz-intro .stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:0}.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{grid-area:quicklinks;background-color:var(--stzh-color-primary60);padding-left:var(--stzh-space-large);margin-left:-1.25rem;padding-right:var(--stzh-space-large);margin-right:-1.25rem;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2rem;margin-left:-2rem;padding-right:2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;gap:inherit;grid-template-columns:inherit;padding-left:2.5rem;margin-left:inherit;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-right:4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) * -0.5)}}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklinks__heading.sc-stzh-vbz-intro{--color:var(--stzh-color-white);margin-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro{--text-decoration-line:none;--color:var(--stzh-color-white);--hover-text-decoration-line:none;--hover-color:var(--stzh-color-white);transition:transform 150ms ease;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(1.25rem)}}`;const a=class{constructor(i){t(this,i);this.quicklinks=[];this._quicklinks=[];this.init=()=>{this.quicklinksWatcher(this.quicklinks)}}quicklinksWatcher(t){if(!t){this._quicklinks=[]}else if(typeof t==="string"){try{this._quicklinks=JSON.parse(t)}catch(t){this._quicklinks=[]}}else{this._quicklinks=t}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-intro")}}connectedCallback(){this.init()}render(){const t=n(this.element,"majorticker");const r={"stzh-vbz-intro":true,"stzh-vbz-intro--has-majorticker":t};return i(s,{key:"c79cf289961ee087af21e5489fad5f985c0625e0"},i("div",{key:"8c8f20b4a40d1a5308cd0c7e98c8b0b22faf555f",class:r},i("div",{key:"e23f2aaf11a43724d60435c6d793de7a35f9f7e1",class:"stzh-vbz-intro__ticker"},i("div",{key:"097b5018ea3567fc3fce244b515198f06f93ae61",class:"stzh-vbz-intro__majorticker",hidden:!t},i("slot",{key:"2a0607622379b4c89f6e0bd9f97a95da2795d833",name:"majorticker"})),i("slot",{key:"ff4773625fe7528ab8f31b61aa9b83441919f038",name:"ticker"})),this._quicklinks.length>0&&i("div",{key:"259520a1b84a92c99d94d38e1183c446a88501ae",class:"stzh-vbz-intro__quicklinks"},i("stzh-heading",{key:"1d38c187d51044d870ba4ad6b16b15e77f15f792",class:"stzh-vbz-intro-quicklinks__heading"},this.localization.quicklinksHeading),this._quicklinks.map((t=>i("div",{class:"stzh-vbz-intro-quicklink"},i("stzh-link",{class:"stzh-vbz-intro-quicklink__link",href:t.href,icon:"arrow-right"},t.label)))))))}get element(){return r(this)}static get watchers(){return{quicklinks:["quicklinksWatcher"]}}};a.style=e();export{a as stzh_vbz_intro};
-//# sourceMappingURL=p-8414eb16.entry.js.map
+import{r as t,h as i,a as r,d as s}from"./p-BDy81lpO.js";import{h as n}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const e=()=>`.sc-stzh-vbz-intro-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-vbz-intro-h,[stzh-hidden].sc-stzh-vbz-intro-h{display:none}.sc-stzh-vbz-intro-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::before,.sc-stzh-vbz-intro-h *.sc-stzh-vbz-intro::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-vbz-intro-h .has-focus.sc-stzh-vbz-intro{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro{outline-style:none !important}.sc-stzh-vbz-intro-h .stzh-fylingfocus-focused.sc-stzh-vbz-intro::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-intro-h{--mostsearched-background-color:var(--stzh-mostsearched-background-color);--topnews-background-color:var(--stzh-topnews-background-color);--topnews-item-subtitle-color:var(\n    --stzh-vbz-intro-topnews-item-subtitle-color,\n    var(--stzh-color-primary70)\n  );--topnews-item-subtitle-font:var(\n    --stzh-vbz-intro-topnews-subtitle-font,\n    var(--stzh-font-family-medium)\n  );--topnews-item-subtitle-highlighted-color:var(\n    --stzh-vbz-intro-topnews-item-subtitle-highlighted-color,\n    var(--stzh-color-primary60)\n  );--grid-template-areas:"ticker ticker ticker ticker"\n    "quicklinks quicklinks quicklinks quicklinks"}@media screen and (min-width: 900px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks"}}@media screen and (min-width: 1260px){.sc-stzh-vbz-intro-h{--grid-template-areas:"ticker ticker ticker ticker ticker ticker ticker ticker quicklinks quicklinks quicklinks quicklinks"}}.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-vbz-intro.sc-stzh-vbz-intro{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-vbz-intro.sc-stzh-vbz-intro{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-vbz-intro.sc-stzh-vbz-intro{grid-template-areas:var(--grid-template-areas)}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;flex-direction:column;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro,.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{grid-area:ticker;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1600px){.stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-left:0}}.stzh-vbz-intro--has-majorticker.sc-stzh-vbz-intro .stzh-vbz-intro__ticker.sc-stzh-vbz-intro{padding-top:0}.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__majorticker.sc-stzh-vbz-intro{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{grid-area:quicklinks;background-color:var(--stzh-color-primary60);padding-left:var(--stzh-space-large);margin-left:-1.25rem;padding-right:var(--stzh-space-large);margin-right:-1.25rem;padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2rem;margin-left:-2rem;padding-right:2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{display:flex;gap:inherit;grid-template-columns:inherit;padding-left:2.5rem;margin-left:inherit;padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{padding-right:4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-vbz-intro__quicklinks.sc-stzh-vbz-intro{margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) * -0.5)}}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklinks__heading.sc-stzh-vbz-intro{--color:var(--stzh-color-white);margin-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro{--text-decoration-line:none;--color:var(--stzh-color-white);--hover-text-decoration-line:none;--hover-color:var(--stzh-color-white);transition:transform 150ms ease;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-vbz-intro.sc-stzh-vbz-intro .stzh-vbz-intro-quicklink__link.sc-stzh-vbz-intro:hover{transform:translateX(1.25rem)}}`;const a=class{constructor(i){t(this,i);this.quicklinks=[];this._quicklinks=[];this.init=()=>{this.quicklinksWatcher(this.quicklinks)}}quicklinksWatcher(t){if(!t){this._quicklinks=[]}else if(typeof t==="string"){try{this._quicklinks=JSON.parse(t)}catch(t){this._quicklinks=[]}}else{this._quicklinks=t}}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"vbz-intro")}}connectedCallback(){this.init()}render(){const t=n(this.element,"majorticker");const s={"stzh-vbz-intro":true,"stzh-vbz-intro--has-majorticker":t};return i(r,{key:"c79cf289961ee087af21e5489fad5f985c0625e0"},i("div",{key:"8c8f20b4a40d1a5308cd0c7e98c8b0b22faf555f",class:s},i("div",{key:"e23f2aaf11a43724d60435c6d793de7a35f9f7e1",class:"stzh-vbz-intro__ticker"},i("div",{key:"097b5018ea3567fc3fce244b515198f06f93ae61",class:"stzh-vbz-intro__majorticker",hidden:!t},i("slot",{key:"2a0607622379b4c89f6e0bd9f97a95da2795d833",name:"majorticker"})),i("slot",{key:"ff4773625fe7528ab8f31b61aa9b83441919f038",name:"ticker"})),this._quicklinks.length>0&&i("div",{key:"259520a1b84a92c99d94d38e1183c446a88501ae",class:"stzh-vbz-intro__quicklinks"},i("stzh-heading",{key:"1d38c187d51044d870ba4ad6b16b15e77f15f792",class:"stzh-vbz-intro-quicklinks__heading"},this.localization.quicklinksHeading),this._quicklinks.map((t=>i("div",{class:"stzh-vbz-intro-quicklink"},i("stzh-link",{class:"stzh-vbz-intro-quicklink__link",href:t.href,icon:"arrow-right"},t.label)))))))}get element(){return s(this)}static get watchers(){return{quicklinks:["quicklinksWatcher"]}}};a.style=e();export{a as stzh_vbz_intro};
+//# sourceMappingURL=p-2683a93d.entry.js.map

package/dist/stzh-components/{p-f65f388a.entry.js → p-2e1efcc9.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,a,d as s}from"./p-CMm0FVAs.js";import{s as i,h}from"./p--MYN2wgX.js";import{m as r}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const l=()=>`.sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(\n    --stzh-pagetitle-background-color,\n    var(--stzh-pagetitle-background-color)\n  );--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(\n    --stzh-pagetitle-transparent-heading-color,\n    var(--stzh-heading-color)\n  )}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__text.sc-stzh-pagetitle{display:flex;flex-direction:column;justify-content:center}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{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);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3 + 2 * var(--stzh-grid-gutter-medium));left:auto;bottom:calc((var(--stzh-space-big) - var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4 + 3 * var(--stzh-grid-gutter-large))}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4 + 3 * var(--stzh-grid-gutter-ultra))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}`;const g=class{constructor(e){t(this,e);this.background="default";this.hyphensEnabled=false;this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))}}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"e2bdde916dbe418342a870e9aa98201f0a2feb52"},e("div",{key:"eae3efe2e64191d5a1760f3a4fee70f05ffb8388",class:g},e("div",{key:"7ebdc64f665e74d55034cc7654a6aa715a5df9da",class:"stzh-pagetitle__container"},e("div",{key:"abcefa1f095731dac7e4928809d4c8421d1198eb",class:"stzh-pagetitle__wrapper"},e("div",{key:"2b7416b94624386e13909e92b6eb660981cb9a90",class:"stzh-pagetitle__text"},e("div",{key:"7a9eaa3fc65de9271bc3d8e601e1e405117b60e9",class:"stzh-pagetitle__meta"},e("div",{key:"a734515d00b0901fe48a16b0598ab6891d4e165c",class:"stzh-pagetitle__tag"},e("slot",{key:"1a6b3c85b8afe616a8ec7729b1572269c871589b",name:"tag"})),e("div",{key:"bee6295d45d77b6a771726f5b1a1c027c3f01e1f",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"b1479fc116bebe1b6e30b0ec30b7b47ca2acf2b3",name:"readspeaker"}))),this.dateline&&e("div",{key:"8813421a85d36c3bac8d0f2d6db4f75a0e92de06",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"79a34dac8f8f7eb8aa3ee5a3c4c3a8dff169510d",class:"stzh-pagetitle__heading"},e("slot",{key:"030d91e53e1f740755a3fc0d9088058becead8d5",name:"heading"})),e("div",{key:"ed55f77df59654bb35cedaf06251fb86dfd6a77d",class:"stzh-pagetitle__lead"},e("slot",{key:"0f8fa0b8a1f50e2752eb12cfae2fdf2cbb505578",name:"lead"}))),e("div",{key:"96b405dd149682108248f2f0173c29389f24124d",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"27e32482c3c07f2f09f1528a0b63da509dbf4934",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"e2ac0825e684e3667305ce88aaeacb747fbdf6a4",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"14bc27bd443576f9d40f7b25c9ba86ba229baf28",name:"image"}))),e("div",{key:"7936922bda0fb96f0b4a6b21a715c26736084fbc",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"c84542c8cfdb07db8ab59e24786a2a7461e86232",name:"disturber"}))))))}get element(){return s(this)}};g.style=l();export{g as stzh_pagetitle};
-//# sourceMappingURL=p-f65f388a.entry.js.map
+import{r as t,h as e,a,d as s}from"./p-BDy81lpO.js";import{s as i,h}from"./p--MYN2wgX.js";import{m as r}from"./p-CUGRmgip.js";import"./p-BubviQku.js";const l=()=>`.sc-stzh-pagetitle-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-pagetitle-h,[stzh-hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::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-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h{--background-color:var(\n    --stzh-pagetitle-background-color,\n    var(--stzh-pagetitle-background-color)\n  );--image-background-color:var(--stzh-ratio-background-color);--heading-color:var(--stzh-pagetitle-heading-color, var(--stzh-heading-color));--lead-color:var(--stzh-pagetitle-lead-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=image],.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-h.sc-stzh-pagetitle-s>[slot=readspeaker] *,.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-readspeaker-color, var(--stzh-heading-color))}[background=default].sc-stzh-pagetitle-h{--stzh-readspeaker-background-color:var(--background-color);--stzh-readspeaker-audio-track-progress-background-color:var(--stzh-color-white)}[background=transparent].sc-stzh-pagetitle-h{--background-color:transparent;--heading-color:var(\n    --stzh-pagetitle-transparent-heading-color,\n    var(--stzh-heading-color)\n  )}.stzh-pagetitle.sc-stzh-pagetitle{background-color:var(--background-color)}.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle__container.sc-stzh-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle__wrapper.sc-stzh-pagetitle{position:relative;display:grid}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xbig)}}.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pagetitle__text.sc-stzh-pagetitle{display:flex;flex-direction:column;justify-content:center}.stzh-pagetitle__image-wrapper.sc-stzh-pagetitle{position:relative}.stzh-pagetitle__ratio.sc-stzh-pagetitle{--background-color:var(--image-background-color)}.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{background-color:var(--image-background-color);position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle__image-inner-wrapper.sc-stzh-pagetitle{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle__meta.sc-stzh-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pagetitle__meta.sc-stzh-pagetitle{flex-direction:row}}.stzh-pagetitle__tag.sc-stzh-pagetitle:not(:empty){margin-right:auto}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{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);margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__dateline.sc-stzh-pagetitle{margin-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle__dateline.sc-stzh-pagetitle{color:var(--stzh-color-primary70);margin-bottom:var(--stzh-space-xsmall)}.stzh-pagetitle__lead.sc-stzh-pagetitle{--stzh-base-lead-color:var(--lead-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle{--stzh-heading-color:var(--heading-color)}.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle__heading.sc-stzh-pagetitle:not(:empty)+.stzh-pagetitle__lead.sc-stzh-pagetitle:not(:empty){margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:var(--stzh-z-index-sticky);position:fixed;left:0;right:0;bottom:0}@media screen and (min-width: 900px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{z-index:initial;position:absolute;width:calc((100% - 7 * var(--stzh-grid-gutter-medium)) / 8 * 3 + 2 * var(--stzh-grid-gutter-medium));left:auto;bottom:calc((var(--stzh-space-big) - var(--stzh-space-xlarge)) / -1)}}@media screen and (min-width: 1260px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc((100% - 11 * var(--stzh-grid-gutter-large)) / 12 * 4 + 3 * var(--stzh-grid-gutter-large))}}@media screen and (min-width: 1600px){.stzh-pagetitle__disturber.sc-stzh-pagetitle{width:calc((100% - 11 * var(--stzh-grid-gutter-ultra)) / 12 * 4 + 3 * var(--stzh-grid-gutter-ultra))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__ratio.sc-stzh-pagetitle{display:none}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__meta.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__dateline.sc-stzh-pagetitle,.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{grid-column:1/span 8}}@media screen and (min-width: 900px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 6}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 7}}@media screen and (min-width: 900px){.stzh-pagetitle--has-image.sc-stzh-pagetitle .stzh-pagetitle__wrapper.sc-stzh-pagetitle{grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--stzh-space-xxlarge)}}.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-meta.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-tag.sc-stzh-pagetitle .stzh-pagetitle__readspeaker.sc-stzh-pagetitle{--stzh-readspeaker-dropdown-left:auto;--stzh-readspeaker-dropdown-right:0px;--stzh-readspeaker-dropdown-settings-left:auto;--stzh-readspeaker-dropdown-settings-right:0px}}.stzh-pagetitle--has-tag.sc-stzh-pagetitle:not(.stzh-pagetitle--has-dateline) .stzh-pagetitle__meta.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}.stzh-pagetitle--background-default.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{--stzh-selection-background-color:var(--stzh-color-white)}.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--background-transparent.sc-stzh-pagetitle .stzh-pagetitle__text.sc-stzh-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle--hyphens.sc-stzh-pagetitle .stzh-pagetitle__heading.sc-stzh-pagetitle{hyphens:auto}.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle--has-disturber.sc-stzh-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px) and (max-width: 1259px){.stzh-pagetitle--has-disturber.stzh-pagetitle--has-no-image.sc-stzh-pagetitle .stzh-pagetitle__lead.sc-stzh-pagetitle{grid-column:1/span 5}}`;const g=class{constructor(e){t(this,e);this.background="default";this.hyphensEnabled=false;this.isDisturberOpen=false;this.update=()=>{var t;if(!this.disturberElement){return}const e=r("medium").matches;const a=((t=this.disturberElement)===null||t===void 0?void 0:t.offsetHeight)||0;const s=a&&this.isDisturberOpen;const i=s&&!e;document.documentElement.style.setProperty("--stzh-pagetitle-disturber-height",s?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-stuck-height",i?`${a}px`:"0px");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-stuck",i?"1":"0");document.documentElement.style.setProperty("--stzh-pagetitle-disturber-is-not-stuck",i?"0":"1")};this.init=()=>{const t=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const e=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const a=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const s=this.element.querySelector('stzh-show[slot="disturber"], [slot="disturber"] stzh-show');const h=this.element.querySelector('[slot="readspeaker"] stzh-button');const r=this.element.querySelector('stzh-tag[slot="tag"], [slot="tag"] stzh-tag');if(t){i(t,{curve:"hero",level:"1"})}if(e){i(e,{initialOpenAnimation:true})}if(s){i(s,{mikro:true})}if(r){i(r,{type:"default",size:"large",nonInteractive:true})}if(h){i(h,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}a.forEach((t=>{i(t,{lead:true})}))}}handleResize(){if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)}handleStzhOpen(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=true;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}handleStzhClose(t){if(t.detail.component==="stzh-disturber"){this.isDisturberOpen=false;requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}}componentDidRender(){requestAnimationFrame((()=>{requestAnimationFrame(this.update)}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}render(){const t=h(this.element,"image");const s=h(this.element,"lead");const i=h(this.element,"tag");const r=h(this.element,"readspeaker");const l=this.element.querySelector('stzh-disturber[slot="disturber"], [slot="disturber"] stzh-disturber');const g={"stzh-pagetitle":true,"stzh-pagetitle--has-image":t,"stzh-pagetitle--has-no-image":!t,"stzh-pagetitle--has-lead":s,"stzh-pagetitle--has-tag":i,"stzh-pagetitle--has-dateline":!!this.dateline,"stzh-pagetitle--has-meta":i||r,"stzh-pagetitle--has-disturber":!!l,"stzh-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pagetitle--background-${this.background}`]:!!this.background};return e(a,{key:"e2bdde916dbe418342a870e9aa98201f0a2feb52"},e("div",{key:"eae3efe2e64191d5a1760f3a4fee70f05ffb8388",class:g},e("div",{key:"7ebdc64f665e74d55034cc7654a6aa715a5df9da",class:"stzh-pagetitle__container"},e("div",{key:"abcefa1f095731dac7e4928809d4c8421d1198eb",class:"stzh-pagetitle__wrapper"},e("div",{key:"2b7416b94624386e13909e92b6eb660981cb9a90",class:"stzh-pagetitle__text"},e("div",{key:"7a9eaa3fc65de9271bc3d8e601e1e405117b60e9",class:"stzh-pagetitle__meta"},e("div",{key:"a734515d00b0901fe48a16b0598ab6891d4e165c",class:"stzh-pagetitle__tag"},e("slot",{key:"1a6b3c85b8afe616a8ec7729b1572269c871589b",name:"tag"})),e("div",{key:"bee6295d45d77b6a771726f5b1a1c027c3f01e1f",class:"stzh-pagetitle__readspeaker"},e("slot",{key:"b1479fc116bebe1b6e30b0ec30b7b47ca2acf2b3",name:"readspeaker"}))),this.dateline&&e("div",{key:"8813421a85d36c3bac8d0f2d6db4f75a0e92de06",class:"stzh-pagetitle__dateline"},this.dateline),e("div",{key:"79a34dac8f8f7eb8aa3ee5a3c4c3a8dff169510d",class:"stzh-pagetitle__heading"},e("slot",{key:"030d91e53e1f740755a3fc0d9088058becead8d5",name:"heading"})),e("div",{key:"ed55f77df59654bb35cedaf06251fb86dfd6a77d",class:"stzh-pagetitle__lead"},e("slot",{key:"0f8fa0b8a1f50e2752eb12cfae2fdf2cbb505578",name:"lead"}))),e("div",{key:"96b405dd149682108248f2f0173c29389f24124d",class:"stzh-pagetitle__image-wrapper"},e("stzh-ratio",{key:"27e32482c3c07f2f09f1528a0b63da509dbf4934",ratio:"16:9",ratioSmall:"3:2",ratioMedium:"16:9",class:"stzh-pagetitle__ratio"}),e("div",{key:"e2ac0825e684e3667305ce88aaeacb747fbdf6a4",class:"stzh-pagetitle__image-inner-wrapper"},e("slot",{key:"14bc27bd443576f9d40f7b25c9ba86ba229baf28",name:"image"}))),e("div",{key:"7936922bda0fb96f0b4a6b21a715c26736084fbc",class:"stzh-pagetitle__disturber",ref:t=>this.disturberElement=t},e("slot",{key:"c84542c8cfdb07db8ab59e24786a2a7461e86232",name:"disturber"}))))))}get element(){return s(this)}};g.style=l();export{g as stzh_pagetitle};
+//# sourceMappingURL=p-2e1efcc9.entry.js.map

package/dist/stzh-components/{p-0e8c5ac6.entry.js → p-32258f20.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a as i,d as n}from"./p-CMm0FVAs.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-Df1Iqnz9.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const r=()=>`.sc-stzh-appointments-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-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::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-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:flex;align-items:center;justify-content:space-between}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{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-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{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);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}`;const c=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.disableSort=false;this.sortBy="start";this.appointments=[];this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"27d5f164eeb723e82bc110b661e4d8238a5f2c74","has-heading":t},e("div",{key:"f079ae642ae05e3e12f45a4e28951ea25d7277f9",class:s},e("div",{key:"3f9726ab504fc246eeade1e29276d1d9920d8f98",class:"stzh-appointments__heading"},e("slot",{key:"7c21b77d626a80e502c0f4f4b6e828e19f11fa7d",name:"heading"})),e("div",{key:"d23e215241074a7212b57871ef40a1f69e788a10",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"d1291cd8bd19cdb7813df63ed0268758167e3856",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"57b73e328b1eade7734b68b76bff759999d3019e",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"4f171f5715cdc8aa237be8a5336667676924e350",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"a6d42b939875fcf4d1feff3fc49ad0148da9fcf2",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"6b20b9e01d59dd12828ce15569c65d76b65899e8",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"716bdc8ed45c0333150d16281cb1490e6e93b200",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"776b37046b04a21433a2bf2d8bd9aa8c0e5f7aff","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"915ecd5845c35cdb09a5cd047701e33962782a2c",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"b9980c650766d8e2204dab7d2422e45838c975b3",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"8ac456d04db36cb2e0dab32229fa9040084832e3","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"fe60acba265359b4008c13f69810f423cc03f298",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"6567c1444b3d5a025c09490c4738e2527f340338",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"eab74a86246c292dadac893280a9ac84c05e23aa",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"711f5318e519003369579f417cda372925c8f7b9",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"41cd6d3775b6d05cabd290d3a04fafc077772a4c",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"dcf4938c15b7b8b4e9b0c94cfb9f0d307ec7d712",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"3a0831cfa8ce811c191b2d9c1ddddefa97b4e6fa",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"e4b0a72f5dc89a71f251e71c6845ac9af5f219cb","hide-optional":true,inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),e("div",{key:"778597cb82ae9a16f9c0b78eb91ed18a7b9e7506",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"89b75899e2fa70f001dacfcda2a472b453852e1b",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"dfe437300c691a7b7600ecf1567520e673905330",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};c.style=r();export{c as stzh_appointments};
-//# sourceMappingURL=p-0e8c5ac6.entry.js.map
+import{r as t,c as s,h as e,a as i,d as n}from"./p-BDy81lpO.js";import{tc as a}from"./index.esm.js";import{p,a as h}from"./p-Df1Iqnz9.js";import{h as o}from"./p--MYN2wgX.js";import"./p-BubviQku.js";const r=()=>`.sc-stzh-appointments-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-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::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-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:flex;align-items:center;justify-content:space-between}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{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-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{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-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{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);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}`;const c=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange");this.disableSort=false;this.sortBy="start";this.appointments=[];this.value="";this.name="appointment";this.showItems=5;this.stepItems=5;this.calendarTitle="";this.appointmentsTitle="";this.showMoreLink=false;this.moreItemsLeft=0;this.showCalendar=false;this.showSort=false;this.showSortStart=false;this.showSortPlace=false;this.showAppointmentsTitle=false;this.allAppointsmentOnSameDay=true;this.sortOptions=[];this.isDateDisabled=t=>{const s=!!this._appointments.find((s=>s.start.getFullYear()===t.getFullYear()&&s.start.getMonth()===t.getMonth()&&s.start.getDate()===t.getDate()));return!s};this.onNextActiveDateClick=async()=>{if(this.nextDate){this.currentDate=this.nextDate;const t=await this.datepickerElement.getPopover();if(t){t.hide()}}};this.onMoreClick=()=>{this.showItems=this.stepItems+this.showItems;const t=this.inputElement.querySelector("stzh-radio");t.focus()};this.onDropdownChange=async t=>{const s=t.target;const e=await s.getValue();if(e){this.sortBy=e}};this.onDatepickerChange=t=>{if(t.detail.component!=="stzh-datepicker"||!t.detail.valueAsDate){return}this.currentDate=t.detail.valueAsDate;this.showItems=this._initialShowItems};this.onRadioChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}currentDateWatcher(t){if(!t){this._currentDate=this.dateByValue||this.earliestDate;if(!this.dateByValue){this.setValueToFirstAppointmentOfCurrentDate()}}else if(typeof t==="string"){this._currentDate=p(t);this.setValueToFirstAppointmentOfCurrentDate()}else{this._currentDate=t;const s=this.getCurrentDateAppointments().map((t=>t.value));if(!s.includes(this.value)){this.setValueToFirstAppointmentOfCurrentDate()}}}sortByWatcher(){this.setValueToFirstAppointmentOfCurrentDate()}valueWatcher(){this.updateDateByValue();this.currentDateWatcher(this.currentDate)}appointmentsWatcher(t){this._appointments=this.normalizeAppointments(t);if(this._appointments.length>0){this._appointments.sort(((t,s)=>t.start>s.start?1:-1));this.earliestDate=this._appointments[0].start;this.latestDate=this._appointments[this._appointments.length-1].start;this.updateDateByValue()}if(this._appointments.length>1){const t=this._appointments[0].start;this.allAppointsmentOnSameDay=this._appointments.map((t=>t.start)).every((s=>`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`===`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`))}this.showCalendar=!this.allAppointsmentOnSameDay;this.showAppointmentsTitle=this._appointments.length>1;this.currentDateWatcher(this.currentDate)}normalizeAppointments(t){const s=typeof t==="string"?JSON.parse(t):t;return s.map((t=>Object.assign(Object.assign({},t),{start:this.convertToDate(t.start),end:this.convertToDate(t.end)})))}convertToDate(t){if(typeof t==="string"){return new Date(t)}return t}updateDateByValue(){const t=this.value&&this._appointments.find((t=>t.value===this.value));if(!t){console.warn(`No matching appointment found for value: ${this.value}.`)}else{this.dateByValue=t.start}}getCurrentDateAppointments(){let t=0;const s=this._appointments.filter(((s,e)=>{const i=s.start.getFullYear()===this._currentDate.getFullYear()&&s.start.getMonth()===this._currentDate.getMonth()&&s.start.getDate()===this._currentDate.getDate();if(i){t=e}return i}));if(this._appointments[t+1]){this.nextDate=this._appointments[t+1].start}else{this.nextDate=null}s.sort(((t,s)=>t[this.sortBy]>s[this.sortBy]?1:-1));return s}setValueToFirstAppointmentOfCurrentDate(){const t=this.getCurrentDateAppointments().filter((t=>!t.disabled));if(t.length>0){this.value=t[0].value;this.stzhChange.emit({component:"stzh-appointments",value:this.value})}}async componentWillLoad(){this._initialShowItems=this.showItems;this.appointmentsWatcher(this.appointments);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"appointments")}this.dateAdapterWatcher(this.dateAdapter)}componentWillRender(){const t=this.getCurrentDateAppointments();this.appointmentsShown=t.slice(0,this.showItems);this.showMoreLink=this.showItems<t.length;this.moreItemsLeft=t.length-this.showItems;this.showSortStart=!this.disableSort&&t.map((t=>this.dateAdapter.format(t.start,"time"))).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.showSortPlace=!this.disableSort&&t.map((t=>t.place)).filter(((t,s,e)=>e.indexOf(t)==s)).length>1;this.sortOptions=[];if(this.showSortStart){this.sortOptions.push({text:this.localization.sortByTime,value:"start"})}if(this.showSortPlace){this.sortOptions.push({text:this.localization.sortByPlace,value:"place"})}this.showSort=!this.disableSort&&this.appointmentsShown.length>1;this._sortBy=this.showSortStart&&!this.showSortPlace&&"start"||!this.showSortStart&&this.showSortPlace&&"place"||this.sortBy}componentDidRender(){if(this.datepickerElement){this.datepickerElement.setDate(this._currentDate)}if(this.datepickerElementMedium){this.datepickerElementMedium.setDate(this._currentDate)}}render(){const t=o(this.element,"heading");const s={"stzh-appointments":true,"stzh-appointments--has-calendar":this.showCalendar,"stzh-appointments--has-appointments-title":this.showAppointmentsTitle,"stzh-appointments--has-sort":this.showSort};return e(i,{key:"27d5f164eeb723e82bc110b661e4d8238a5f2c74","has-heading":t},e("div",{key:"f079ae642ae05e3e12f45a4e28951ea25d7277f9",class:s},e("div",{key:"3f9726ab504fc246eeade1e29276d1d9920d8f98",class:"stzh-appointments__heading"},e("slot",{key:"7c21b77d626a80e502c0f4f4b6e828e19f11fa7d",name:"heading"})),e("div",{key:"d23e215241074a7212b57871ef40a1f69e788a10",class:"stzh-appointments__wrapper"},this.showCalendar&&e("div",{key:"d1291cd8bd19cdb7813df63ed0268758167e3856",class:"stzh-appointments__calendar-wrapper"},e("div",{key:"57b73e328b1eade7734b68b76bff759999d3019e",class:"stzh-appointments__calendar-title-wrapper"},e("div",{key:"4f171f5715cdc8aa237be8a5336667676924e350",class:"stzh-appointments__calendar-title"},e("stzh-icon",{key:"a6d42b939875fcf4d1feff3fc49ad0148da9fcf2",class:"stzh-appointments__calendar-icon",name:"calendar"}),e("span",{key:"6b20b9e01d59dd12828ce15569c65d76b65899e8",class:"stzh-appointments__calendar-title-text"},this.calendarTitle||this.localization.calendarTitle))),e("div",{key:"716bdc8ed45c0333150d16281cb1490e6e93b200",class:"stzh-appointments__calendar-content"},e("stzh-datepicker",{key:"776b37046b04a21433a2bf2d8bd9aa8c0e5f7aff","hide-optional":true,ref:t=>this.datepickerElement=t,onStzhChange:this.onDatepickerChange,label:this.localization.datepickerLabel,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},e("stzh-link",{key:"915ecd5845c35cdb09a5cd047701e33962782a2c",slot:"action",size:"inherit",disabled:!this.nextDate,onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments))),e("div",{key:"b9980c650766d8e2204dab7d2422e45838c975b3",class:"stzh-appointments__calendar-content-medium"},e("stzh-datepicker",{key:"8ac456d04db36cb2e0dab32229fa9040084832e3","hide-optional":true,ref:t=>this.datepickerElementMedium=t,onStzhChange:this.onDatepickerChange,inline:true,calendarIsDateDisabled:this.isDateDisabled,calendarMin:h(this.earliestDate),calendarMax:h(this.latestDate)},this.nextDate&&e("stzh-link",{key:"fe60acba265359b4008c13f69810f423cc03f298",slot:"action",size:"inherit",onClick:this.onNextActiveDateClick},this.localization.nextDayWithAppointments)))),e("div",{key:"6567c1444b3d5a025c09490c4738e2527f340338",class:"stzh-appointments__appointments-wrapper"},this.showAppointmentsTitle&&e("div",{key:"eab74a86246c292dadac893280a9ac84c05e23aa",class:"stzh-appointments__appointments-title-wrapper"},e("div",{key:"711f5318e519003369579f417cda372925c8f7b9",class:"stzh-appointments__appointments-title"},e("stzh-icon",{key:"41cd6d3775b6d05cabd290d3a04fafc077772a4c",class:"stzh-appointments__appointments-icon",name:"clock"}),e("span",{key:"dcf4938c15b7b8b4e9b0c94cfb9f0d307ec7d712",class:"stzh-appointments__appointments-title-text"},this.appointmentsTitle||this.localization.appointmentsTitle)),this.showSort&&e("div",{key:"3a0831cfa8ce811c191b2d9c1ddddefa97b4e6fa",class:"stzh-appointments__sort"},e("stzh-dropdown",{key:"e4b0a72f5dc89a71f251e71c6845ac9af5f219cb","hide-optional":true,inline:true,"no-search":true,class:"stzh-appointments__sort-dropdown",variant:"plain",size:"small",sizeMedium:"tiny",items:[this._sortBy],options:this.sortOptions,onStzhChange:this.onDropdownChange}))),e("div",{key:"778597cb82ae9a16f9c0b78eb91ed18a7b9e7506",class:"stzh-appointments__appointments-content"},e("stzh-radiogroup",{key:"89b75899e2fa70f001dacfcda2a472b453852e1b",class:"stzh-appointments__appointments-radiogroup",ref:t=>this.inputElement=t,legend:this.localization.inputLegend,"hide-legend":true,name:this.name,value:this.value,preventUpdateProperties:["disabled"]},this.appointmentsShown.map((t=>e("stzh-radio",{onStzhChange:this.onRadioChange,value:t.value,disabled:typeof t.disabled!=="undefined"?t.disabled:false},e("stzh-text",{font:"heavy",size:"centi"},!this.showCalendar&&e("span",null,this.dateAdapter.format(t.start,"dateLong"),", "),this.dateAdapter.formatSpan(t.start,t.end,"time")),e("stzh-text",{size:"milli"},t.caption))))),this.showMoreLink&&e("stzh-link",{key:"dfe437300c691a7b7600ecf1567520e673905330",class:"stzh-appointments__more-link",size:"inherit",onClick:this.onMoreClick},a(this.localization.moreTextItems,this.moreItemsLeft>this.stepItems?this.stepItems:this.moreItemsLeft)))))))}get element(){return n(this)}static get watchers(){return{dateAdapter:["dateAdapterWatcher"],currentDate:["currentDateWatcher"],sortBy:["sortByWatcher"],value:["valueWatcher"],appointments:["appointmentsWatcher"]}}};c.style=r();export{c as stzh_appointments};
+//# sourceMappingURL=p-32258f20.entry.js.map