npm - @oiz/stzh-components - Versions diffs - 4.6.0-beta1 → 4.6.0-beta2 - Mend

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

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 (948) hide show

package/dist/cjs/stzh-pi-teaser-layout.cjs.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const mediaUtils = require('./media-utils-c9f38eab.js');
 const utils = require('./utils-0ce5df06.js');
 require('./string-utils-45f764ac.js');
-const stzhPiTeaserLayoutCss = ".sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\" \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\" \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n    \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}@media screen and (min-width: 600px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:118.75rem;--max-height:118.75rem;--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:96.875rem;--max-height:103.125rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.6fr 0.4fr 0.25fr 0.25fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:146.875rem;--max-height:146.875rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n      \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n      \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-h{--gap:1.5rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}@media screen and (min-width: 1600px){.sc-stzh-pi-teaser-layout-h{--gap:2rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser.sc-stzh-pi-teaser-layout{background-color:white}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--1.sc-stzh-pi-teaser-layout{grid-area:t1}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--2.sc-stzh-pi-teaser-layout{grid-area:t2}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--3.sc-stzh-pi-teaser-layout{grid-area:t3}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--4.sc-stzh-pi-teaser-layout{grid-area:t4}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5.sc-stzh-pi-teaser-layout{grid-area:t5}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6.sc-stzh-pi-teaser-layout{grid-area:t6}[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\";--grid-pi-teaser-layout-rows:1fr;--min-height:34.375rem;--max-height:37.5rem}[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:68.75rem;--max-height:75rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.6fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.55fr 0.55fr;--min-height:103.125rem;--max-height:103.125rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.55fr 0.55fr;--min-height:103.125rem;--max-height:103.125rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n    \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr 0.55fr 0.55fr 0.3fr;--min-height:112.5rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n    \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n    \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr 0.63fr 0.63fr 0.3fr 0.3fr;--min-height:137.5rem;--max-height:143.75rem}@media screen and (min-width: 600px){[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.42fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.42fr 0.42fr;--min-height:100rem;--max-height:106.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr 0.42fr 0.42fr 0.26fr;--min-height:112.5rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr 0.42fr 0.42fr 0.26fr 0.26fr;--min-height:125rem;--max-height:131.25rem}}@media screen and (min-width: 900px){[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h,[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\";--grid-pi-teaser-layout-rows:1fr;--min-height:37.5rem;--max-height:40.625rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr;--min-height:87.5rem;--max-height:93.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.35fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr 0.35fr;--min-height:103.125rem;--max-height:106.25rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.4fr 0.4fr;--min-height:112.5rem;--max-height:112.5rem}}@media screen and (min-width: 1260px){[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n      \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:43.75rem;--max-height:50rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 0.5fr 0.5fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n      \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:43.75rem;--max-height:50rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 0.45fr 0.45fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\"\n      \"t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:43.75rem;--max-height:50rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\"\n      \"t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 0.4fr 0.4fr;--min-height:75rem;--max-height:78.125rem}}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5--four.sc-stzh-pi-teaser-layout{display:none}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--four.sc-stzh-pi-teaser-layout,[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--five.sc-stzh-pi-teaser-layout{display:none}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;display:grid;gap:var(--gap);min-height:var(--min-height);max-height:var(--max-height);grid-template-columns:var(--grid-pi-teaser-layout-columns);grid-template-areas:var(--grid-pi-teaser-layout-template);grid-template-rows:var(--grid-pi-teaser-layout-rows)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout>*.sc-stzh-pi-teaser-layout{min-height:0;overflow:hidden}.stzh-pi-teaser-layout__header-holder.sc-stzh-pi-teaser-layout{margin-bottom:var(--stzh-space-medium)}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing);font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-pi-teaser-layout__bottom-slot.sc-stzh-pi-teaser-layout{margin-top:var(--stzh-space-medium);display:grid;justify-content:end}";
+const stzhPiTeaserLayoutCss = ".sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\" \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\" \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n    \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}@media screen and (min-width: 600px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:118.75rem;--max-height:118.75rem;--grid-pi-teaser-layout-rows:0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr}}@media screen and (min-width: 900px){.sc-stzh-pi-teaser-layout-h{--gap:1.25rem;--min-height:96.875rem;--max-height:103.125rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.6fr 0.4fr 0.25fr 0.25fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:146.875rem;--max-height:146.875rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n      \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n      \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr}}@media screen and (min-width: 1260px){.sc-stzh-pi-teaser-layout-h{--gap:1.5rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n      \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}@media screen and (min-width: 1600px){.sc-stzh-pi-teaser-layout-h{--gap:2rem;--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}[has-side=true].sc-stzh-pi-teaser-layout-h{--min-height:84.375rem;--max-height:84.375rem;--grid-pi-teaser-layout-rows:0.7fr 0.3fr 0.3fr}}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser.sc-stzh-pi-teaser-layout{background-color:white}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--1.sc-stzh-pi-teaser-layout{grid-area:t1}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--2.sc-stzh-pi-teaser-layout{grid-area:t2}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--3.sc-stzh-pi-teaser-layout{grid-area:t3}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--4.sc-stzh-pi-teaser-layout{grid-area:t4}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5.sc-stzh-pi-teaser-layout{grid-area:t5}.sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6.sc-stzh-pi-teaser-layout{grid-area:t6}[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\";--grid-pi-teaser-layout-rows:1fr;--min-height:32.8125rem;--max-height:37.5rem}[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:65.625rem;--max-height:75rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\";--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.3fr;--min-height:75rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr;--min-height:87.5rem;--max-height:103.125rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n    \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr;--min-height:100rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n    \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n    \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n    \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n    \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n    \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;--min-height:112.5rem;--max-height:143.75rem}@media screen and (min-width: 600px){[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr;--min-height:81.25rem;--max-height:87.5rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr;--min-height:93.75rem;--max-height:106.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;--min-height:103.125rem;--max-height:118.75rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;--min-height:112.5rem;--max-height:131.25rem}}@media screen and (min-width: 900px){[is-rubrick=true][amount=one].sc-stzh-pi-teaser-layout-h,[is-rubrick=true][amount=two].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\";--grid-pi-teaser-layout-rows:1fr;--min-height:37.5rem;--max-height:40.625rem}[is-rubrick=true][amount=three].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:75rem;--max-height:78.125rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:71.875rem;--max-height:75rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr;--min-height:87.5rem;--max-height:93.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.1fr 1.1fr 0.35fr;--min-height:84.375rem;--max-height:87.5rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n      \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr 0.35fr 0.35fr;--min-height:103.125rem;--max-height:106.25rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-rows:1.2fr 1.2fr 0.4fr 0.4fr;--min-height:112.5rem;--max-height:112.5rem}}@media screen and (min-width: 1260px){[is-rubrick=true][amount=three][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:81.25rem;--max-height:81.25rem}[is-rubrick=true][amount=four].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n      \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=four][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";--grid-pi-teaser-layout-rows:1fr 0.5fr 0.5fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=five].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n      \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=five][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n      \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\";--grid-pi-teaser-layout-rows:1fr 0.45fr 0.45fr;--min-height:75rem;--max-height:81.25rem}[is-rubrick=true][amount=six].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\"\n      \"t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 1fr;--min-height:35rem;--max-height:43.75rem}[is-rubrick=true][amount=six][has-side=true].sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-template:\"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n      \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\"\n      \"t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6\";--grid-pi-teaser-layout-rows:1fr 0.4fr 0.4fr;--min-height:75rem;--max-height:78.125rem}}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--5--four.sc-stzh-pi-teaser-layout{display:none}[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--four.sc-stzh-pi-teaser-layout,[is-rubrick=true].sc-stzh-pi-teaser-layout-h .stzh-pi-teaser-layout-teaser--6--five.sc-stzh-pi-teaser-layout{display:none}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);width:100%;display:grid;gap:var(--gap);min-height:var(--min-height);max-height:var(--max-height);grid-template-columns:var(--grid-pi-teaser-layout-columns);grid-template-areas:var(--grid-pi-teaser-layout-template);grid-template-rows:var(--grid-pi-teaser-layout-rows)}@media screen and (min-width: 900px){.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-teaser-layout.sc-stzh-pi-teaser-layout>*.sc-stzh-pi-teaser-layout{min-height:0;overflow:hidden}.stzh-pi-teaser-layout__header-holder.sc-stzh-pi-teaser-layout{margin-bottom:var(--stzh-space-medium)}.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing);font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 600px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser-layout__header.sc-stzh-pi-teaser-layout{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-pi-teaser-layout__bottom-slot.sc-stzh-pi-teaser-layout{margin-top:var(--stzh-space-medium);display:grid;justify-content:end}";
 const StzhPiTeaserLayoutStyle0 = stzhPiTeaserLayoutCss;
 var RubrickSize;
@@ -94,11 +94,14 @@ const StzhPiTeaserLayout = class {
                     case 2:
                         return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "L" : "M";
                     case 3:
+                        if (rubrickSize == RubrickSize.xsmall) {
+                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
+                        }
                         if (rubrickSize == RubrickSize.small) {
                             return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
                         }
                         if (rubrickSize == RubrickSize.medium) {
-                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "L" : "M";
+                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
                         }
                         if (rubrickSize == RubrickSize.large) {
                             return big ? "M" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
@@ -153,7 +156,10 @@ const StzhPiTeaserLayout = class {
                             return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         return big ? lead : this.isMedium ? lead : null;
                     case 4:
@@ -161,22 +167,34 @@ const StzhPiTeaserLayout = class {
                             return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.medium) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         return big ? lead : this.isMedium ? lead : null;
                     case 5:
                         if (noImage) {
                             return big ? lead : this.isMedium ? lead : null;
                         }
-                        return null;
+                        if (this.hasSide) {
+                            return null;
+                        }
+                        return big ? lead : this.isMedium ? null : null;
                     case 6:
                         if (noImage) {
                             return big ? lead : this.isMedium ? lead : null;
                         }
-                        return null;
+                        if (this.hasSide) {
+                            return null;
+                        }
+                        return big ? lead : this.isMedium ? null : null;
                 }
             }
             else {
@@ -215,34 +233,43 @@ const StzhPiTeaserLayout = class {
                     case 3:
                         if (rubrickSize == RubrickSize.medium) {
                             if (this.hasSide) {
-                                return big ? "top" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
                         }
+                        if (rubrickSize == RubrickSize.large) {
+                            if (this.hasSide) {
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
+                            }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
+                        }
+                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                     case 4:
                         if (rubrickSize == RubrickSize.medium) {
                             if (this.hasSide) {
-                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
-                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
                         }
-                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                     case 5:
-                        if (rubrickSize == RubrickSize.medium) {
+                        if (rubrickSize == RubrickSize.medium || rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
                                 return big ? "right" : this.isMedium ? "right" : null;
                             }
-                            return big ? "top" : this.isMedium ? "right" : null;
+                            return big ? null : this.isMedium ? "right" : null;
                         }
                     case 6:
                         if (rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
                                 return big ? "right" : this.isMedium ? "right" : null;
                             }
-                            return big ? "top" : this.isMedium ? "right" : null;
+                            return big ? null : this.isMedium ? "right" : null;
                         }
                 }
             }

package/dist/cjs/stzh-pi-teaser-layout.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-pi-teaser-layout.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,qBAAqB,GAAG,gveAAgve,CAAC;AAC/we,iCAAe,qBAAqB;;ACIpC,IAAY,WAOX;AAPD,WAAY,WAAW;IACrB,+BAAgB,CAAA;IAChB,8BAAe,CAAA;IACf,+BAAgB,CAAA;IAChB,6BAAc,CAAA;IACd,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAPW,WAAW,KAAX,WAAW,QAOtB;AAED,MAAM,cAAc,GAAG,CAAC,MAAc;IACpC,QAAQ,MAAM;QACZ,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,QAAQ,CAAC;QAC9B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,OAAO,CAAC;QAC7B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,KAAK,CAAC;QAC3B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,MAAM,CAAC;QAC5B,KAAK,CAAC;YACJ,OAAO,WAAW,CAAC,KAAK,CAAC;QAC3B;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;MASW,kBAAkB;;;QAgDrB,uBAAkB,GAAG;YAC3B,IAAI,CAAC,OAAO,GAAGA,gBAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAGA,gBAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC;YACxC,IAAI,CAAC,OAAO,GAAGA,gBAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;YACtC,IAAI,CAAC,OAAO,GAAGA,gBAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;SACvC,CAAC;uBAjDoC,MAAM;uBAKjB,KAAK;uBAGN,EAAE;4BAG6B,GAAG;2BAMV,EAAE;;;;;;IAUpD,gBAAgB;QACd,IAAI,CAAC,kBAAkB,EAAE,CAAC;;;;;QAK1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEhD,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;;YAE5D,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;gBACnD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC/D,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;aAClG;SACF;KACF;IASD,iBAAiB;QACfC,iCAAsB,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KACjD;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;QAC5C,MAAM,WAAW,GAAgB,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,MAAM,OAAO,GAAG;YACd,uBAAuB,EAAE,IAAI;YAC7B,gCAAgC,EAAE,SAAS;YAC3C,iCAAiC,EAAE,IAAI,CAAC,OAAO;SAChD,CAAC;QACF,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QAClC,MAAM,cAAc,GAAGC,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAEvD,MAAM,mBAAmB,GAAG,CAAC,KAAa;YACxC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC;YACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;YAE1C,IAAI,SAAS,EAAE;gBACb,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;oBACzE,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACzE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;yBACxE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACzE;oBACH,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACzE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACzE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACzE;oBACH,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACpE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACpE;oBACH,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;yBACpE;iBACJ;aACF;iBAAM;gBACL,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;oBACrE,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;oBACrE,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,GAAG,IAAI,CAAC;iBACtE;aACF;SACF,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,KAAa,EAAE,QAAuB;YAC/E,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC;YACzC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,IAAI,SAAS,CAAC;YAE1D,IAAI,SAAS,EAAE;gBACb,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,IAAI,CAAC;oBACd,KAAK,CAAC;wBACJ,IAAI,OAAO,EAAE;4BACX,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;yBACvE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBAChF;wBACD,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;oBAClD,KAAK,CAAC;wBACJ,IAAI,OAAO,EAAE;4BACX,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;yBACvE;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBAChF;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,OAAO,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBAChF;wBACD,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;oBAClD,KAAK,CAAC;wBACJ,IAAI,OAAO,EAAE;4BACX,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBACjD;wBACD,OAAO,IAAI,CAAC;oBACd,KAAK,CAAC;wBACJ,IAAI,OAAO,EAAE;4BACX,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBACjD;wBACD,OAAO,IAAI,CAAC;iBACf;aACF;iBAAM;gBACL,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,IAAI,CAAC;oBACd,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,IAAI,OAAO,EAAE;4BACX,OAAO,IAAI,CAAC;yBACb;wBACD,IAAI,IAAI,CAAC,OAAO,EAAE;4BAChB,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;yBACjD;wBACD,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;oBAClD,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;iBACnD;aACF;YACD,OAAO,IAAI,CAAC;SACb,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,KAAa;;YAE3D,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC;YACzC,MAAM,OAAO,GAAG,QAAQ,IAAI,IAAI,IAAI,QAAQ,IAAI,SAAS,CAAC;YAE1D,IAAI,OAAO,EAAE;gBACX,OAAO,IAAI,CAAC;aACb;YAED,IAAI,SAAS,EAAE;gBACb,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,KAAK,CAAC;oBACf,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;6BAC7E;yBACF;oBACH,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,OAAO,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;6BAC/E;yBACF;wBACD,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,OAAO,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;6BAC/E;yBACF;wBACD,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;oBAC9E,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE;4BACrC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,OAAO,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;6BACvD;4BACD,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;yBACrD;oBAEH,KAAK,CAAC;wBACJ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE;4BACpC,IAAI,IAAI,CAAC,OAAO,EAAE;gCAChB,OAAO,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;6BACvD;4BACD,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;yBACrD;iBACJ;aACF;iBAAM;gBACL,QAAQ,KAAK;oBACX,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,KAAK,CAAC;oBACf,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,IAAI,IAAI,CAAC,OAAO,EAAE;4BAChB,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;yBAC/E;wBACD,OAAO,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;oBAC1E,KAAK,CAAC,CAAC;oBACP,KAAK,CAAC;wBACJ,OAAO,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;iBACzE;aACF;SACF,CAAC;QAEF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7C,OAAOC,wDAA2C,CAAC;SACpD;QAED,MAAM,aAAa,GAAG,CAAC,KAAa,MAAM;YACxC,8BAA8B,EAAE,IAAI;YACpC,CAAC,iCAAiC,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI;YACpD,CAAC,iCAAiC,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,IAAI;YAC1F,CAAC,iCAAiC,KAAK,GAAG,CAAC,KAAK,WAAW,EAAE,GAAG,IAAI;YACpE,CAAC,iCAAiC,KAAK,GAAG,CAAC,KAAK,WAAW,KAAK,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,IAAI;SAC3G,CAAC,CAAC;QAEH,QACEA,QAACC,UAAI,kBAAa,SAAS,GAAG,MAAM,GAAG,OAAO,EAAE,MAAM,EAAE,WAAW,cAAY,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,IAC3G,UAAU,KACTD,iBAAK,KAAK,EAAC,sCAAsC,IAC/CA,QAAC,OAAO,IAAC,KAAK,EAAC,+BAA+B,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,IACpE,IAAI,CAAC,OAAO,CACL,CACN,CACP,EACDA,iBAAK,KAAK,EAAE,OAAO,OACb,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAA8B,EAAEE,OAAK,KAC7D,MAAM,CAAC,IAAI,IAAI,cAAc,IAC3BF,iBAAK,KAAK,EAAE,aAAa,CAACE,OAAK,CAAC,GAAI,KAEpCF,wCACE,GAAG,EAAEE,OAAK,EACV,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,WAAW,EAAE,mBAAmB,CAACA,OAAK,GAAG,CAAC,CAAC,EAC3C,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,EAAEA,OAAK,GAAG,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC3D,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,QAAQ,EAAEA,OAAK,GAAG,CAAC,CAAC,EACxD,KAAK,EAAE,aAAa,CAACA,OAAK,CAAC,GAC3B,CACH,CACF,CACG,EACL,cAAc,KACbF,iBAAK,KAAK,EAAC,oCAAoC,IAC7CA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACP,CACI,EACP;KACH;;;;;;;","names":["media","addMediaChangeListener","hasSlot","h","Host","index"],"sources":["src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.scss?tag=stzh-pi-teaser-layout&encapsulation=scoped","src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.tsx"],"sourcesContent":[":host {\n --grid-pi-teaser-layout-columns: repeat(12, 1fr);\n --min-height: 1800px;\n --max-height: 1900px;\n --gap: 16px;\n\n // Default mobile layout\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\" \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\" \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr;\n\n // Small mobile layout\n @include mq($from: small) {\n --gap: 20px;\n --min-height: 1900px;\n --max-height: 1900px;\n --grid-pi-teaser-layout-rows: 0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr;\n }\n\n // Medium mobile layout\n @include mq($from: medium) {\n --gap: 20px;\n --min-height: 1550px;\n --max-height: 1650px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.6fr 0.4fr 0.25fr 0.25fr;\n\n &[has-side=\"true\"] {\n --min-height: 2350px;\n --max-height: 2350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr;\n }\n }\n\n // Large mobile layout\n @include mq($from: large) {\n --gap: 24px;\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n\n &[has-side=\"true\"] {\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n }\n }\n\n // Ultra mobile layout\n @include mq($from: ultra) {\n --gap: 32px;\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n\n &[has-side=\"true\"] {\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n }\n }\n\n .stzh-pi-teaser-layout-teaser {\n background-color: white;\n\n &--1 {\n grid-area: t1;\n }\n\n &--2 {\n grid-area: t2;\n }\n\n &--3 {\n grid-area: t3;\n }\n\n &--4 {\n grid-area: t4;\n }\n\n &--5 {\n grid-area: t5;\n }\n\n &--6 {\n grid-area: t6;\n }\n }\n\n // Rubrick layouts\n &[is-rubrick=\"true\"] {\n // Mobile rubrick layouts\n &[amount=\"one\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\";\n --grid-pi-teaser-layout-rows: 1fr;\n --min-height: 550px;\n --max-height: 600px;\n }\n\n &[amount=\"two\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1100px;\n --max-height: 1200px;\n }\n\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\";\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.6fr;\n --min-height: 1350px;\n --max-height: 1400px;\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.55fr 0.55fr;\n --min-height: 1650px;\n --max-height: 1650px;\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.55fr 0.55fr;\n --min-height: 1650px;\n --max-height: 1650px;\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.55fr 0.55fr 0.3fr;\n --min-height: 1800px;\n --max-height: 1900px;\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.63fr 0.63fr 0.3fr 0.3fr;\n --min-height: 2200px;\n --max-height: 2300px;\n }\n\n // Small breakpoint rubrick layouts\n @include mq($from: small) {\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.42fr;\n --min-height: 1350px;\n --max-height: 1400px;\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.42fr 0.42fr;\n --min-height: 1600px;\n --max-height: 1700px;\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.42fr 0.42fr 0.26fr;\n --min-height: 1800px;\n --max-height: 1900px;\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.42fr 0.42fr 0.26fr 0.26fr;\n --min-height: 2000px;\n --max-height: 2100px;\n }\n }\n\n // Medium breakpoint rubrick layouts\n @include mq($from: medium) {\n &[amount=\"one\"],\n &[amount=\"two\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\";\n --grid-pi-teaser-layout-rows: 1fr;\n --min-height: 600px;\n --max-height: 650px;\n }\n\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1200px;\n --max-height: 1250px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1150px;\n --max-height: 1200px;\n }\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1200px;\n --max-height: 1250px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1150px;\n --max-height: 1200px;\n }\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.35fr;\n --min-height: 1400px;\n --max-height: 1500px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.35fr;\n --min-height: 1350px;\n --max-height: 1400px;\n }\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.35fr 0.35fr;\n --min-height: 1650px;\n --max-height: 1700px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.4fr 0.4fr;\n --min-height: 1800px;\n --max-height: 1800px;\n }\n }\n }\n\n // Large breakpoint rubrick layouts\n @include mq($from: large) {\n &[amount=\"three\"] {\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1300px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 700px;\n --max-height: 800px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 0.5fr 0.5fr;\n --min-height: 1300px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 700px;\n --max-height: 800px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 0.45fr 0.45fr;\n --min-height: 1300px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\"\n \"t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 700px;\n --max-height: 800px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\"\n \"t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 0.4fr 0.4fr;\n --min-height: 1200px;\n --max-height: 1250px;\n }\n }\n }\n\n // Hide elements that shouldn't be displayed\n .stzh-pi-teaser-layout-teaser {\n &--5 {\n &--four {\n display: none;\n }\n }\n\n &--6 {\n &--four,\n &--five {\n display: none;\n }\n }\n }\n }\n}\n\n.stzh-pi-teaser-layout {\n @include fontCurve(\"p1\");\n width: 100%;\n display: grid;\n gap: var(--gap);\n min-height: var(--min-height);\n max-height: var(--max-height);\n grid-template-columns: var(--grid-pi-teaser-layout-columns);\n grid-template-areas: var(--grid-pi-teaser-layout-template);\n grid-template-rows: var(--grid-pi-teaser-layout-rows);\n\n & > * {\n /* Prevents content from expanding grid items /\n min-height: 0;\n overflow: hidden;\n }\n\n &__header-holder {\n margin-bottom: space(\"medium\");\n }\n\n &__header {\n @include fontCurve(\"h2\");\n @include font(\"title\");\n color: var(--stzh-heading-color);\n\n margin: 0;\n padding-top: space(\"medium\");\n padding-bottom: space(\"xxsmall\");\n\n @include mq($from: small) {\n padding-top: space(\"large\");\n padding-bottom: space(\"xxsmall\");\n }\n\n @include mq($from: medium) {\n padding-top: space(\"xlarge\");\n padding-bottom: space(\"xsmall\");\n }\n\n @include mq($from: large) {\n padding-top: space(\"xxlarge\");\n padding-bottom: space(\"small\");\n }\n }\n\n &__bottom-slot {\n margin-top: space(\"medium\");\n display: grid;\n justify-content: end;\n }\n}\n","import { Component, h, Element, Host, Prop, State } from \"@stencil/core\";\nimport { addMediaChangeListener, media } from \"../../../utils/media-utils\";\nimport { hasSlot } from \"../../../utils/utils\";\nimport { EmptyTeaser, PiTeaser } from \"../../..\";\n\nexport enum RubrickSize {\n xxxsmall = \"one\",\n xxsmall = \"two\",\n xsmall = \"three\",\n small = \"four\",\n medium = \"five\",\n large = \"six\",\n}\n\nconst getRubrickSize = (length: number): RubrickSize => {\n switch (length) {\n case 1:\n return RubrickSize.xxxsmall;\n case 2:\n return RubrickSize.xxsmall;\n case 3:\n return RubrickSize.xsmall;\n case 4:\n return RubrickSize.small;\n case 5:\n return RubrickSize.medium;\n case 6:\n return RubrickSize.large;\n default:\n return null;\n }\n};\n/\n @slot bottom - Slot for bottom content - like buttons to load more data\n /\n@Component({\n tag: \"stzh-pi-teaser-layout\",\n styleUrl: \"stzh-pi-teaser-layout.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayout {\n /\n Variant specifies which grid is being shown\n /\n @Prop() variant: \"hero\" \| \"rubrick\" = \"hero\";\n\n /\n Aside changes the grid behavior when the layout is presented beside other content aside like menu\n /\n @Prop() hasSide: boolean = false;\n\n /* Heading for the section /\n @Prop() heading: string = \"\";\n\n / Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" = \"3\";\n\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n /\n @Prop() contentList: PiTeaser[] \| EmptyTeaser[] = [];\n\n /* Break points for displays /\n @State() isSmall: boolean;\n @State() isMedium: boolean;\n @State() isLarge: boolean;\n @State() isUltra: boolean;\n\n @Element() element: HTMLStzhPiPagetitleElement;\n\n componentDidLoad() {\n this.mediaChangeHandler();\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n */\n this.contentList = this.contentList.slice(0, 6);\n\n if (this.variant == \"rubrick\" && this.contentList.length < 4) {\n // Always make sure you have at least 4 elements\n if ((this.isLarge \|\| this.isUltra) && !this.hasSide) {\n const paddingNeeded = Math.max(0, 4 - this.contentList.length);\n this.contentList = [...this.contentList, ...Array(paddingNeeded).fill({ type: \"empty-teaser\" })];\n }\n }\n }\n\n private mediaChangeHandler = () => {\n this.isSmall = media(\"small\").matches;\n this.isMedium = media(\"medium\").matches;\n this.isLarge = media(\"large\").matches;\n this.isUltra = media(\"ultra\").matches;\n };\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const isRubrick = this.variant == \"rubrick\";\n const rubrickSize: RubrickSize = getRubrickSize(this.contentList.length);\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-pi-teaser-layout\": true,\n \"stzh-pi-teaser-layout--rubrick\": isRubrick,\n \"stzh-pi-teaser-layout--has-side\": this.hasSide,\n };\n const hasHeading = !!this.heading;\n const bottomSlotUsed = hasSlot(this.element, \"bottom\");\n\n const contentSizeBehavior = (index: number): \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const big = this.isUltra \|\| this.isLarge;\n const sideSize = this.hasSide ? \"M\" : \"L\";\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n case 3:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 4:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n case 6:\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return big ? \"XL\" : this.isMedium ? \"L\" : this.isSmall ? \"L\" : \"M\";\n case 3:\n case 4:\n return big ? \"L\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n case 5:\n case 6:\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n };\n\n const leadBehavior = (lead: string \| null, index: number, imageSrc: string \| null): string \| null => {\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 4:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.medium) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 5:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return null;\n case 6:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return null;\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n case 4:\n if (noImage) {\n return lead;\n }\n if (this.hasSide) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 5:\n case 6:\n return big ? lead : this.isMedium ? lead : null;\n }\n }\n return lead;\n };\n\n const imageBehavior = (imageSrc: string \| null, index: number): \"top\" \| \"right\" \| null => {\n // Image has higher priority than lead\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (noImage) {\n return null;\n }\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n case 4:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? \"top\" : this.isMedium ? \"right\" : null;\n }\n\n case 6:\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? \"top\" : this.isMedium ? \"right\" : null;\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n case 4:\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"right\" : this.isSmall ? \"right\" : \"top\";\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n case 6:\n return big ? null : this.isMedium ? null : this.isSmall ? null : null;\n }\n }\n };\n\n if (!isRubrick && this.contentList.length < 6) {\n return <div>At least add 6 elements for hero</div>;\n }\n\n const teaserClasses = (index: number) => ({\n \"stzh-pi-teaser-layout-teaser\": true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n });\n\n return (\n <Host is-rubrick={isRubrick ? \"true\" : \"false\"} amount={rubrickSize} has-side={this.hasSide ? \"true\" : \"false\"}>\n {hasHeading && (\n <div class=\"stzh-pi-teaser-layout__header-holder\">\n <Heading class=\"stzh-pi-teaser-layout__header\" level={this.headingLevel}>\n {this.heading}\n </Heading>\n </div>\n )}\n <div class={classes}>\n {...this.contentList.map((teaser: PiTeaser \| EmptyTeaser, index) =>\n teaser.type == \"empty-teaser\" ? (\n <div class={teaserClasses(index)} />\n ) : (\n <stzh-pi-teaser-layout-item\n key={index}\n href={teaser.href}\n dateline={teaser.dateline}\n heading={teaser.heading}\n date={teaser.date}\n imageSrc={teaser.imageSrc}\n contentSize={contentSizeBehavior(index + 1)}\n lead={leadBehavior(teaser.lead, index + 1, teaser.imageSrc)}\n imagePosition={imageBehavior(teaser.imageSrc, index + 1)}\n class={teaserClasses(index)}\n />\n ),\n )}\n </div>\n {bottomSlotUsed && (\n <div class=\"stzh-pi-teaser-layout__bottom-slot\">\n <slot name=\"bottom\" />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"stzh-pi-teaser-layout.entry.cjs.js","mappings":"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","names":["media","addMediaChangeListener","hasSlot","h","Host","index"],"sources":["src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.scss?tag=stzh-pi-teaser-layout&encapsulation=scoped","src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.tsx"],"sourcesContent":[":host {\n --grid-pi-teaser-layout-columns: repeat(12, 1fr);\n --min-height: 1800px;\n --max-height: 1900px;\n --gap: 16px;\n\n // Default mobile layout\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\" \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\" \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr;\n\n // Small mobile layout\n @include mq($from: small) {\n --gap: 20px;\n --min-height: 1900px;\n --max-height: 1900px;\n --grid-pi-teaser-layout-rows: 0.9fr 0.9fr 0.25fr 0.25fr 0.25fr 0.25fr;\n }\n\n // Medium mobile layout\n @include mq($from: medium) {\n --gap: 20px;\n --min-height: 1550px;\n --max-height: 1650px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.6fr 0.4fr 0.25fr 0.25fr;\n\n &[has-side=\"true\"] {\n --min-height: 2350px;\n --max-height: 2350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.85fr 0.85fr 0.4fr 0.4fr 0.36fr 0.36fr;\n }\n }\n\n // Large mobile layout\n @include mq($from: large) {\n --gap: 24px;\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n\n &[has-side=\"true\"] {\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t5 t5 t5 t5\"\n \"t3 t3 t3 t3 t4 t4 t4 t4 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n }\n }\n\n // Ultra mobile layout\n @include mq($from: ultra) {\n --gap: 32px;\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n\n &[has-side=\"true\"] {\n --min-height: 1350px;\n --max-height: 1350px;\n --grid-pi-teaser-layout-rows: 0.7fr 0.3fr 0.3fr;\n }\n }\n\n .stzh-pi-teaser-layout-teaser {\n background-color: white;\n\n &--1 {\n grid-area: t1;\n }\n\n &--2 {\n grid-area: t2;\n }\n\n &--3 {\n grid-area: t3;\n }\n\n &--4 {\n grid-area: t4;\n }\n\n &--5 {\n grid-area: t5;\n }\n\n &--6 {\n grid-area: t6;\n }\n }\n\n // Rubrick layouts\n &[is-rubrick=\"true\"] {\n // Mobile rubrick layouts\n &[amount=\"one\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\";\n --grid-pi-teaser-layout-rows: 1fr;\n --min-height: 525px;\n --max-height: 600px;\n }\n\n &[amount=\"two\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1050px;\n --max-height: 1200px;\n }\n\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\";\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.3fr;\n --min-height: 1200px;\n --max-height: 1400px;\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr;\n --min-height: 1400px;\n --max-height: 1650px;\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr 0.3fr;\n --min-height: 1600px;\n --max-height: 1900px;\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1\"\n \"t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3\"\n \"t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;\n --min-height: 1800px;\n --max-height: 2300px;\n }\n\n // Small breakpoint rubrick layouts\n @include mq($from: small) {\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr;\n --min-height: 1300px;\n --max-height: 1400px;\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr;\n --min-height: 1500px;\n --max-height: 1700px;\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;\n --min-height: 1650px;\n --max-height: 1900px;\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;\n --min-height: 1800px;\n --max-height: 2100px;\n }\n }\n\n // Medium breakpoint rubrick layouts\n @include mq($from: medium) {\n &[amount=\"one\"],\n &[amount=\"two\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\";\n --grid-pi-teaser-layout-rows: 1fr;\n --min-height: 600px;\n --max-height: 650px;\n }\n\n &[amount=\"three\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1200px;\n --max-height: 1250px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1150px;\n --max-height: 1200px;\n }\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1200px;\n --max-height: 1250px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1150px;\n --max-height: 1200px;\n }\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.35fr;\n --min-height: 1400px;\n --max-height: 1500px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.35fr;\n --min-height: 1350px;\n --max-height: 1400px;\n }\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5\"\n \"t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr 0.35fr 0.35fr;\n --min-height: 1650px;\n --max-height: 1700px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.4fr 0.4fr;\n --min-height: 1800px;\n --max-height: 1800px;\n }\n }\n }\n\n // Large breakpoint rubrick layouts\n @include mq($from: large) {\n &[amount=\"three\"] {\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 1300px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"four\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 560px;\n --max-height: 700px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\";\n --grid-pi-teaser-layout-rows: 1fr 0.5fr 0.5fr;\n --min-height: 1200px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"five\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4\"\n \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 560px;\n --max-height: 700px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4\"\n \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\";\n --grid-pi-teaser-layout-rows: 1fr 0.45fr 0.45fr;\n --min-height: 1200px;\n --max-height: 1300px;\n }\n }\n\n &[amount=\"six\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5\"\n \"t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 1fr;\n --min-height: 560px;\n --max-height: 700px;\n\n &[has-side=\"true\"] {\n --grid-pi-teaser-layout-template: \"t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2\"\n \"t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5\"\n \"t4 t4 t4 t4 t4 t4 t6 t6 t6 t6 t6 t6\";\n --grid-pi-teaser-layout-rows: 1fr 0.4fr 0.4fr;\n --min-height: 1200px;\n --max-height: 1250px;\n }\n }\n }\n\n // Hide elements that shouldn't be displayed\n .stzh-pi-teaser-layout-teaser {\n &--5 {\n &--four {\n display: none;\n }\n }\n\n &--6 {\n &--four,\n &--five {\n display: none;\n }\n }\n }\n }\n}\n\n.stzh-pi-teaser-layout {\n @include fontCurve(\"p1\");\n width: 100%;\n display: grid;\n gap: var(--gap);\n min-height: var(--min-height);\n max-height: var(--max-height);\n grid-template-columns: var(--grid-pi-teaser-layout-columns);\n grid-template-areas: var(--grid-pi-teaser-layout-template);\n grid-template-rows: var(--grid-pi-teaser-layout-rows);\n\n & > * {\n /* Prevents content from expanding grid items /\n min-height: 0;\n overflow: hidden;\n }\n\n &__header-holder {\n margin-bottom: space(\"medium\");\n }\n\n &__header {\n @include fontCurve(\"h2\");\n @include font(\"title\");\n color: var(--stzh-heading-color);\n\n margin: 0;\n padding-top: space(\"medium\");\n padding-bottom: space(\"xxsmall\");\n\n @include mq($from: small) {\n padding-top: space(\"large\");\n padding-bottom: space(\"xxsmall\");\n }\n\n @include mq($from: medium) {\n padding-top: space(\"xlarge\");\n padding-bottom: space(\"xsmall\");\n }\n\n @include mq($from: large) {\n padding-top: space(\"xxlarge\");\n padding-bottom: space(\"small\");\n }\n }\n\n &__bottom-slot {\n margin-top: space(\"medium\");\n display: grid;\n justify-content: end;\n }\n}\n","import { Component, h, Element, Host, Prop, State } from \"@stencil/core\";\nimport { addMediaChangeListener, media } from \"../../../utils/media-utils\";\nimport { hasSlot } from \"../../../utils/utils\";\nimport { EmptyTeaser, PiTeaser } from \"../../..\";\n\nexport enum RubrickSize {\n xxxsmall = \"one\",\n xxsmall = \"two\",\n xsmall = \"three\",\n small = \"four\",\n medium = \"five\",\n large = \"six\",\n}\n\nconst getRubrickSize = (length: number): RubrickSize => {\n switch (length) {\n case 1:\n return RubrickSize.xxxsmall;\n case 2:\n return RubrickSize.xxsmall;\n case 3:\n return RubrickSize.xsmall;\n case 4:\n return RubrickSize.small;\n case 5:\n return RubrickSize.medium;\n case 6:\n return RubrickSize.large;\n default:\n return null;\n }\n};\n/\n @slot bottom - Slot for bottom content - like buttons to load more data\n /\n@Component({\n tag: \"stzh-pi-teaser-layout\",\n styleUrl: \"stzh-pi-teaser-layout.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayout {\n /\n Variant specifies which grid is being shown\n /\n @Prop() variant: \"hero\" \| \"rubrick\" = \"hero\";\n\n /\n Aside changes the grid behavior when the layout is presented beside other content aside like menu\n /\n @Prop() hasSide: boolean = false;\n\n /* Heading for the section /\n @Prop() heading: string = \"\";\n\n / Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" = \"3\";\n\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n /\n @Prop() contentList: PiTeaser[] \| EmptyTeaser[] = [];\n\n /* Break points for displays /\n @State() isSmall: boolean;\n @State() isMedium: boolean;\n @State() isLarge: boolean;\n @State() isUltra: boolean;\n\n @Element() element: HTMLStzhPiPagetitleElement;\n\n componentDidLoad() {\n this.mediaChangeHandler();\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n */\n this.contentList = this.contentList.slice(0, 6);\n\n if (this.variant == \"rubrick\" && this.contentList.length < 4) {\n // Always make sure you have at least 4 elements\n if ((this.isLarge \|\| this.isUltra) && !this.hasSide) {\n const paddingNeeded = Math.max(0, 4 - this.contentList.length);\n this.contentList = [...this.contentList, ...Array(paddingNeeded).fill({ type: \"empty-teaser\" })];\n }\n }\n }\n\n private mediaChangeHandler = () => {\n this.isSmall = media(\"small\").matches;\n this.isMedium = media(\"medium\").matches;\n this.isLarge = media(\"large\").matches;\n this.isUltra = media(\"ultra\").matches;\n };\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const isRubrick = this.variant == \"rubrick\";\n const rubrickSize: RubrickSize = getRubrickSize(this.contentList.length);\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-pi-teaser-layout\": true,\n \"stzh-pi-teaser-layout--rubrick\": isRubrick,\n \"stzh-pi-teaser-layout--has-side\": this.hasSide,\n };\n const hasHeading = !!this.heading;\n const bottomSlotUsed = hasSlot(this.element, \"bottom\");\n\n const contentSizeBehavior = (index: number): \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const big = this.isUltra \|\| this.isLarge;\n const sideSize = this.hasSide ? \"M\" : \"L\";\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n case 3:\n if (rubrickSize == RubrickSize.xsmall) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 4:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n case 6:\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return big ? \"XL\" : this.isMedium ? \"L\" : this.isSmall ? \"L\" : \"M\";\n case 3:\n case 4:\n return big ? \"L\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n case 5:\n case 6:\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n };\n\n const leadBehavior = (lead: string \| null, index: number, imageSrc: string \| null): string \| null => {\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 4:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 5:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n if (this.hasSide) {\n return null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 6:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n if (this.hasSide) {\n return null;\n }\n return big ? lead : this.isMedium ? null : null;\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n case 4:\n if (noImage) {\n return lead;\n }\n if (this.hasSide) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 5:\n case 6:\n return big ? lead : this.isMedium ? lead : null;\n }\n }\n return lead;\n };\n\n const imageBehavior = (imageSrc: string \| null, index: number): \"top\" \| \"right\" \| null => {\n // Image has higher priority than lead\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (noImage) {\n return null;\n }\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n }\n\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 4:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n if (rubrickSize == RubrickSize.medium \|\| rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? null : this.isMedium ? \"right\" : null;\n }\n\n case 6:\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? null : this.isMedium ? \"right\" : null;\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n case 4:\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"right\" : this.isSmall ? \"right\" : \"top\";\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n case 6:\n return big ? null : this.isMedium ? null : this.isSmall ? null : null;\n }\n }\n };\n\n if (!isRubrick && this.contentList.length < 6) {\n return <div>At least add 6 elements for hero</div>;\n }\n\n const teaserClasses = (index: number) => ({\n \"stzh-pi-teaser-layout-teaser\": true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n });\n\n return (\n <Host is-rubrick={isRubrick ? \"true\" : \"false\"} amount={rubrickSize} has-side={this.hasSide ? \"true\" : \"false\"}>\n {hasHeading && (\n <div class=\"stzh-pi-teaser-layout__header-holder\">\n <Heading class=\"stzh-pi-teaser-layout__header\" level={this.headingLevel}>\n {this.heading}\n </Heading>\n </div>\n )}\n <div class={classes}>\n {...this.contentList.map((teaser: PiTeaser \| EmptyTeaser, index) =>\n teaser.type == \"empty-teaser\" ? (\n <div class={teaserClasses(index)} />\n ) : (\n <stzh-pi-teaser-layout-item\n key={index}\n href={teaser.href}\n dateline={teaser.dateline}\n heading={teaser.heading}\n date={teaser.date}\n imageSrc={teaser.imageSrc}\n contentSize={contentSizeBehavior(index + 1)}\n lead={leadBehavior(teaser.lead, index + 1, teaser.imageSrc)}\n imagePosition={imageBehavior(teaser.imageSrc, index + 1)}\n class={teaserClasses(index)}\n />\n ),\n )}\n </div>\n {bottomSlotUsed && (\n <div class=\"stzh-pi-teaser-layout__bottom-slot\">\n <slot name=\"bottom\" />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/stzh-pi-teaser.cjs.entry.js CHANGED Viewed

@@ -52,7 +52,7 @@ const StzhPiTeaser = class {
             "stzh-pi-teaser--has-lead": hasLead,
             "stzh-pi-teaser--has-image": hasImageSlot,
         };
-        return (index.h(index.Host, { key: 'aadddeb1b286ccdcaad715fb158836c64172859a', "has-lead": hasLead }, index.h("article", { key: 'f7732f31c853c62786b4f802e77a386aa7300f6b', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '0600c3ba6eaffcfbc2adf7cd6bba047a10f603e2', class: "stzh-pi-teaser__image" }, index.h("stzh-ratio", { key: '47fedc1ec5622cfb4ef9c2f48ef326f3eeec46b9', ratio: "2:1" }, index.h("slot", { key: '109a0ef33b7a592e73189db1c822bf41e21c690b', name: "image" }))), shouldRenderTitleRatio && (index.h("stzh-ratio", { key: 'a635121bff26dd5e8a8f941651be7a02279c9c69', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), index.h("div", { key: '97a87ef704edf0808d6e825a9915ce2a7d78037e', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), index.h("div", { key: '83568e5e3bf19338ce8b733632a41c92f74adf34', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" })), this.date && index.h("div", { key: '4940a979321c9896c976ae1fe3901810b15e1c00', class: "stzh-pi-teaser__date" }, this.date)))));
+        return (index.h(index.Host, { key: 'a70c8996daeb2c0083462ca59fe804c4e85b9b38', "has-lead": hasLead }, index.h("article", { key: '609aaef998f024efe25cb4a8a927edfdfd849903', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '561364097a5782bcfcb787879ad2e9f3f8008228', class: "stzh-pi-teaser__image" }, index.h("stzh-ratio", { key: '1a26623c55eac86f1614ecdd2d3fc9fb5251522c', ratio: "2:1" }, index.h("slot", { key: '41749baf95c3683971cf74d69f769136b222e3dd', name: "image" }))), shouldRenderTitleRatio && (index.h("stzh-ratio", { key: '6edba9e3e9a365f3b7ef439b6f38138321e167aa', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), index.h("div", { key: '113133924dac251e51c3962fe35562cdb2303a6f', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), index.h("div", { key: '7ea6d341b3c5f68f6c51e0d0d7f1c7a3831133aa', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" })), this.date && index.h("div", { key: 'e0508125c1ed1e8eb34494976e725645b5d1a269', class: "stzh-pi-teaser__date" }, this.date)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-poicard.cjs.entry.js CHANGED Viewed

@@ -38,7 +38,7 @@ const StzhPoicard = class {
         const classes = {
             "stzh-poicard": true,
         };
-        return (index.h(index.Host, { key: 'e652ba08e4f3ff94e863df38e310d78e76f44844' }, index.h("a", { key: 'f3196ec3550cadb829d5e3b7c4f0903917a1ed28', class: classes, href: this._item.url, target: "_blank" }, index.h("div", { key: '711ab9f916af075a2abad1ff745fa78eaff712ca', class: "stzh-poicard__content" }, index.h("div", { key: '708aadb932728bcf99508ca0a7bc7a63d2d4db44', class: "stzh-poicard__content-head" }, index.h("stzh-heading", { key: '7816aec4b6d453de2c50a0c8d459f1b330d0c5e0' }, this._item.title)), index.h("div", { key: '019d773b7de7150343075ebbcedf255d08c10227', class: "stzh-poicard__content-body" }, this._item.distance && (index.h("div", { key: '899d1110c0cf90d6186938ee71859ea1e06346dc', class: "stzh-poicard__content-with-icon" }, index.h("stzh-icon", { key: '27eabbdae6483bfe2cc37e57e09f41e2f6d8e694', name: "pin" }), index.h("stzh-text", { key: 'b696ad2178e7fa311437ebc8997ed53e369b72de' }, this._item.distance))), this._item.temp && (index.h("div", { key: '093190a0144b6b225a9e9710ca3d772d133b8c35', class: "stzh-poicard__content-with-icon" }, index.h("stzh-icon", { key: 'e2406b95acba85c071875a13c91911ea77ea76e9', name: "thermometer" }), index.h("stzh-text", { key: '49a8bef000e5b6b388423962078ae0dbcc1153ec' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (index.h("div", { key: '1287e6f948859afc8b077c34cb28c9acaf9e8047', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && index.h("stzh-text", { key: '6d73eaae36016d42866cb984667a47051d6b2133', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (index.h("stzh-chip", { key: 'dd79e37445a32b0ae190e3c7cd0350523d967c86', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
+        return (index.h(index.Host, { key: '5e22e3edd9a5f53f212b24b9322384a860c0a10c' }, index.h("a", { key: 'f4df00d9dd0c9cc69a9c4392d589cf0bda1dffb2', class: classes, href: this._item.url, target: "_blank" }, index.h("div", { key: 'b0ccedb5f59c1cf6c95404c5f24896fbc8760a17', class: "stzh-poicard__content" }, index.h("div", { key: '5b0669e4ec18d010c9273269d061ff21d00ac1f5', class: "stzh-poicard__content-head" }, index.h("stzh-heading", { key: '01c998690195acad9a2ebc74709580916a16b7ae' }, this._item.title)), index.h("div", { key: 'd738c83014e40a372a8f4fcaec31f5a7ebca4c31', class: "stzh-poicard__content-body" }, this._item.distance && (index.h("div", { key: '2e7f8bbd107b14cd3a4ec619bef0e9e7074894be', class: "stzh-poicard__content-with-icon" }, index.h("stzh-icon", { key: 'c76f980a8e646895d676c9315327c275022fca2d', name: "pin" }), index.h("stzh-text", { key: '681dc3751ceaa78c7c92472d78aab67cbcb920b9' }, this._item.distance))), this._item.temp && (index.h("div", { key: '405b370c59f0817ad9c275661ce3c915381804e7', class: "stzh-poicard__content-with-icon" }, index.h("stzh-icon", { key: 'e5406e5d365ad4ceeec3d596084c57aca7e3272c', name: "thermometer" }), index.h("stzh-text", { key: '78cbcc97a6c6c5e7ffcee163ecce12a05b0ccde2' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (index.h("div", { key: '299ee1359498476745aeea101181c23b2730d472', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && index.h("stzh-text", { key: 'b4260538c72566bccfd33cb2a4fed59dd9ff4697', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (index.h("stzh-chip", { key: '286452c1d25334a84649a259ff5d3fddd8ed88ef', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-poilist.cjs.entry.js CHANGED Viewed

@@ -107,7 +107,7 @@ const StzhPoilist = class {
         const classes = {
             "stzh-poilist": true,
         };
-        return (index.h(index.Host, { key: '2cca93ed29e1c2b29cbdbd44da0162d8f4bf509c' }, index.h("div", { key: '704cc8ddc1704c60e9afdfbd8221ad591a855df9', class: classes }, index.h("stzh-overlay", { key: 'b40ddc942f967621d3e4ed9ac3ae6950419e05c1', open: this.isLoading }, index.h("stzh-loader", { key: '6f3449f95dfbd43a5b2b070c52055346ae61ccf7', label: this.loadingText })), this.geopositionError && index.h("stzh-message", { key: '7efaf270fb12bbe0471669abde2306dfc651267d', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (index.h(index.Fragment, { key: '05f2569d167029874bf7bcd75439692c18dd713a' }, index.h("div", { key: '0a48f839d41d4127630dae30de32e42b7fbe1738', class: "stzh-poilist__header" }, index.h("stzh-text", { key: '420a3cbee618f842a868102b8187c1c0d6d4a803', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), index.h("stzh-dropdown", { key: '87d7f9b923682699fab487529a9c8cc3f8d93167', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), index.h("stzh-cardlist", { key: '99f70ed406799852713b9406559ba80a27c5f475', layout: "teasers" }, this.items.map(item => (index.h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (index.h("div", { key: 'f78b1be1bc0aded858987e3854a6b4efe964b79c', class: "stzh-poilist__show-more" }, index.h("stzh-button", { key: '2bbd8362bc26ccc73433e6173fcfee59fb9a8882', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
+        return (index.h(index.Host, { key: 'e1dfcfdda967aae2c6462d97fe95a5df8e9ad322' }, index.h("div", { key: 'ca42c53a582f3a62979df09a82130858ea420ed0', class: classes }, index.h("stzh-overlay", { key: '53c7d97af7d25fcafddb2608dff0d5c7d26eace2', open: this.isLoading }, index.h("stzh-loader", { key: 'a9ab68594752dbbde668a32b2cce208ac1c5f2b8', label: this.loadingText })), this.geopositionError && index.h("stzh-message", { key: 'e72edfe7bc62753d8dcd03f418dfd9b767b11b05', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (index.h(index.Fragment, { key: '3e93bbe06f1fd98ef2d31b68a5fb386909e62e2d' }, index.h("div", { key: '31f2a6015009bc427e4e2da084b7fe895def1165', class: "stzh-poilist__header" }, index.h("stzh-text", { key: '3aefc2628068e99c5a23d27440ed320e3adfe8e9', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), index.h("stzh-dropdown", { key: 'f6cc2caedebdfe121c4a63c6b7043bc177075cb5', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), index.h("stzh-cardlist", { key: 'ab92d3606bc12e1e298bc9c9c2f3b5c8091ab78a', layout: "teasers" }, this.items.map(item => (index.h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (index.h("div", { key: 'ae35fae3cbda02620cc740e8af4e0773418a55a8', class: "stzh-poilist__show-more" }, index.h("stzh-button", { key: 'b78dec7114075ced0eef847d0005c03315720bd0', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-popover.cjs.entry.js CHANGED Viewed

@@ -450,7 +450,7 @@ const StzhPopover = class {
             [`stzh-popover--${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '0d03d86b938159bd6957cccf64e8024e35f1ea8c' }, index.h("div", { key: '8c26bc71ec55405e345805eb765969969fa47eb2', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, index.h("div", { key: '2c957363682656442de2699305e6afb806571741', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, index.h("slot", { key: 'db99eabc011884b33d4a4cc99a1ad789ce891fe1' })), index.h("div", { key: 'aaf4676146ef81531ffd46a0f6d962f01dfaed13', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), index.h("div", { key: '67079817f493d3dfc837022d8fb38ee2fd09cb43', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, index.h("div", { key: 'edc9522d20c6799f079027d5aee67059f938eb44', class: "stzh-popover__backdrop" }), index.h("div", { key: 'c697551a708d1e051163a1e54669c74c5edf7762', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, index.h("div", { key: 'f9b52c577aa5e32a5e740a7e93573aacf2241911', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (index.h("div", { key: '4916f5fe308b219817db7bb55b6891563bf0cb49', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow })), index.h("div", { key: 'cb007218fde98b2d6bfb46d973d8270b4c4f009b', class: "stzh-popover__content-inner" }, index.h("div", { key: '4dbdd6d0fe1a1ca925801acb85decd9dd84beca3', class: "stzh-popover__label-wrapper" }, index.h("h2", { key: '1363e6d92e66d9cec5e9f6185b2b0311e03ed6d7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("button", { key: 'da892cbb69a413e38d23e9d12b67d3409a2b038c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: '2263f7539ad5708fdec4553dc6be19c8101f14a9', name: "close", class: "stzh-popover__icon" }), index.h("span", { key: '2048b82320d73b09d5018e7838da90c4d57b8bfe', class: "stzh-popover__vhidden" }, this.localization.close))), index.h("div", { key: '11b9d82d69767be653c9cbf26ef56d83ed7989e0', class: "stzh-popover__content-slot-wrapper" }, index.h("div", { key: '2a4956fe68ce46d11eef3b86df0d150a8c3d0455', class: "stzh-popover__content-slot" }, index.h("slot", { key: '6c020f92c68492df3d3841180bc99693e06082a8', name: "content" })), index.h("div", { key: '82a4dd34d008efd30bde12f26d07b2c1dc09a775', class: "stzh-popover__action-slot" }, index.h("slot", { key: '536cb7e90448fcd38d833178c73af0725d9cb728', name: "action" }))))))))));
+        return (index.h(index.Host, { key: 'bf3c5de1c81eccc1bd6f1e81e9a67ee0891a0b03' }, index.h("div", { key: '06092b05e48cec76046f766606e1f08704c49236', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, index.h("div", { key: 'ce0ffbb1cdc5774cf7de0e04acd2e58c47e5b9fc', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, index.h("slot", { key: '72a94a7dbe0b4e53b6e864126c58c0156d46260f' })), index.h("div", { key: '2bb2064eece8ff755e6cb2f4422216ea124bba37', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), index.h("div", { key: '82c662cc99fb2384b00471c42bbdfe417338d18f', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, index.h("div", { key: 'd5d98e1898556aa1720621fe542e729a881fbc6c', class: "stzh-popover__backdrop" }), index.h("div", { key: '5d54141fe5e2351887950918bedee2c5ef009a5d', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, index.h("div", { key: 'b8d9b843594c0dea8d45107b6dff11b6887f2ef8', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (index.h("div", { key: 'e46cb59be6d5122fa2a2e4e18e6697dc80075ea4', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow })), index.h("div", { key: '5da30671a79bbacd5ea0dff7dc870cb693d5f9d1', class: "stzh-popover__content-inner" }, index.h("div", { key: '531e5bb05101cea561c650222b63ce1d477fe4dc', class: "stzh-popover__label-wrapper" }, index.h("h2", { key: '7ebebe503d3a54acc111a4b53e1488a647fbe089', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("button", { key: 'e6359280b3ec0db2ded553afbabd065585df2a6c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: '96a8a6a6aaf9383c199ebe6f7d64f721254d7079', name: "close", class: "stzh-popover__icon" }), index.h("span", { key: 'aaa0a607d1d2218649a142cae60125a087cfefb5', class: "stzh-popover__vhidden" }, this.localization.close))), index.h("div", { key: '9e89c6d575ea79aef3091066666bb2ca3b40214e', class: "stzh-popover__content-slot-wrapper" }, index.h("div", { key: 'c233e13702edf21072bc4ff0b3c57006f763c625', class: "stzh-popover__content-slot" }, index.h("slot", { key: '53236913f351a7e063a314ee3ac0e741abdfdfff', name: "content" })), index.h("div", { key: '26af36c6173b54f3f8b2b00f96c257118010cac4', class: "stzh-popover__action-slot" }, index.h("slot", { key: '19f8eb1a7ccddb2306369cfd8eaeb55119f5dd1c', name: "action" }))))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-print_2.cjs.entry.js CHANGED Viewed

@@ -42,7 +42,7 @@ const StzhPrint = class {
         const classes = {
             "stzh-print": true,
         };
-        return (index.h(index.Host, { key: 'a80e391b692ee489cd4f53f98b1228f7aa09bfa3' }, index.h("div", { key: '9e96dc6264374944694681040e85e73480599f4a', class: classes }, index.h("slot", { key: 'e49ccc933f9cdba5dfaeffa5eaba8c66f929df07' }))));
+        return (index.h(index.Host, { key: '2f0d0d0c84f0d914a21ec416dacd41d9a1989fe2' }, index.h("div", { key: 'a273c358b106658c8107baf974eede7529b24644', class: classes }, index.h("slot", { key: '615ffeb3b26dcc413ef6df71de6da68e91c371f0' }))));
     }
     get element() { return index.getElement(this); }
 };
@@ -129,7 +129,7 @@ const StzhShare = class {
                 icon: "xing",
             },
         };
-        return (index.h(index.Host, { key: '5ff252cebdf9e2aeef34cf3e8d77f7c93aa0e121' }, index.h("div", { key: '20a3cc2e0448cc29cda485f65c4b556cd2752b7e', class: classes }, index.h("ul", { key: '09e583e33c457c32006198ae5c942006f76d083f', class: "stzh-share__list" }, this._services.map(service => (index.h("li", { class: "stzh-share__item" }, index.h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, index.h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
+        return (index.h(index.Host, { key: '953a6374b11420683ee0c7372a66824ba5876692' }, index.h("div", { key: '47bcac823d481ea3e4c217284de45663c7acc362', class: classes }, index.h("ul", { key: '5d15954e3ace7a8b88e44b7dc6d5b9c9549ebff6', class: "stzh-share__list" }, this._services.map(service => (index.h("li", { class: "stzh-share__item" }, index.h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, index.h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-quote.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const StzhQuote = class {
         const classes = {
             "stzh-quote": true,
         };
-        return (index.h(index.Host, { key: 'e4d7e752f297cbad3bc3b2c1dcdfea9e4eefca7f' }, index.h("div", { key: '3a9aa76d2e97768a11532de9208f7f1604ef37d3', class: classes }, index.h("blockquote", { key: '6868330665a403b87843b2890613a3c56e46e693', class: "stzh-quote__content" }, index.h("p", { key: '44814da107f2d7a3363d51c9217f9bfb3c0c6938', class: "stzh-quote__text" }, this.text), this.author && index.h("cite", { key: '975ad30782d4af5a497e13da5864849f4f63d4ba', class: "stzh-quote__author" }, this.author)))));
+        return (index.h(index.Host, { key: 'ca76977c129c0c25e9233066c5dd9f5d14aac514' }, index.h("div", { key: '26d9cd5e39d666bb78f4146770c56906a87c90f3', class: classes }, index.h("blockquote", { key: '3233b3f8484507e16bd3dad67c590700907165c4', class: "stzh-quote__content" }, index.h("p", { key: 'e8a35fc0149ab1b3dcf5a3e130ad572616fc6c73', class: "stzh-quote__text" }, this.text), this.author && index.h("cite", { key: '802f72e6338545b73d5a26a961cc8f4b6a83a924', class: "stzh-quote__author" }, this.author)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-ratio.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const StzhRatio = class {
         const classes = {
             "stzh-ratio": true,
         };
-        return (index.h(index.Host, { key: '8b21c97cf22e8a09933f76444ab120b4b4bd6209' }, index.h("div", { key: '1531f56313bc56cf041fbd988e2ec7645119fbac', class: classes }, index.h("slot", { key: 'f66bc6c071d9b449bcd2f3a4b6659c5606d4c427', name: "image" }), index.h("slot", { key: '01da559bb1612ef797cb6618a14249214475e0be' }))));
+        return (index.h(index.Host, { key: 'c95b742deab770caf47711718fce2de79c5b7ca0' }, index.h("div", { key: '49fcc44f5495ed026c9e6a7956f52bc611d44ad6', class: classes }, index.h("slot", { key: '7f3dfb5ad0541482f366e91f5930310cb069c11e', name: "image" }), index.h("slot", { key: '3bba7d1b9df193d59001415a9eed7303a721bf27' }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-readspeaker.cjs.entry.js CHANGED Viewed

@@ -199,9 +199,9 @@ const StzhReadspeaker = class {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (index.h(index.Host, { key: '2d8790dfc7a953df03c22323b4d2c2733a3296d5' }, index.h("div", { key: '509a17b7224d2ee02247d3965f2c411c83c2f0f1', class: classes }, index.h("div", { key: '294da961202d486df9a5847b56c3105f905853be', class: "stzh-readspeaker__actions" }, index.h("div", { key: '9d83737e2a633e4ead480f8e84f46df9c84f56bb', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, index.h("slot", { key: 'dfa4c42aa26a3620909fc9035b4fe4740716e224' })), index.h("stzh-button", { key: '907076bb64f296703476a06ab2c60f0bdeb86afc', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (index.h(index.Host, { key: '7435eddf95b8cd5c01cdf27e1974db974a4e67c8' }, index.h("div", { key: 'c7e2e3e8238fe5b2215f2adaf52a4ff97d990fdb', class: classes }, index.h("div", { key: '2f57daeb37d5e749019f5ac70218205cebcddb81', class: "stzh-readspeaker__actions" }, index.h("div", { key: 'e2de1d5e341a2400c1ad5368e96b4a99060db155', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, index.h("slot", { key: 'ae15fb192a99364c47759e8bd89dc8cd611bef9a' })), index.h("stzh-button", { key: 'b89502ea1f4f2caac5bf26ea727395cc92445cca', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), index.h("div", { key: '02038c3f5e4d6868c749d132c044b1cceff6c394', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), index.h("div", { key: '2cf2b7b2295cc1628d727fb28b073585024ca0c9', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-saptcha.cjs.entry.js CHANGED Viewed

@@ -70,8 +70,8 @@ const StzhSaptcha = class {
         const classes = {
             "stzh-saptcha": true,
         };
-        return (index.h(index.Host, { key: '4e07d96b04e477b10895068a63ce7051d4b069fc', "is-invalid": this.invalid || this._error.length > 0 }, index.h("div", { key: '43c6c3a56116aae48d4710eb492d8d42543a2510', class: classes }, index.h("div", { key: '99bbce9cb5d20d461dfab80dfa28834dfbb7f52f', class: "stzh-saptcha__box" }, index.h("div", { key: '252f01b709c92c84f51dcab0862e5cf10dfce971', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), index.h("div", { key: 'ebf0c0aee4514e1160f9532df0ad8c6ee294380a', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index$1) => (index.h("span", { class: "stzh-saptcha__number" }, number, index$1 < this._numbers.length - 1 &&
-            (index$1 === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), index.h("stzh-input", { key: '2f5294e2fa1b4496ec002d71a84349e183ec1e0c', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
+        return (index.h(index.Host, { key: 'ee619ffa2a023006996516ea45a6318667ad0562', "is-invalid": this.invalid || this._error.length > 0 }, index.h("div", { key: '5313a8fc06b72dce7a3e917e91ea30bc05817493', class: classes }, index.h("div", { key: '79a4f75803b92eab163339b5e04dc61a33a39307', class: "stzh-saptcha__box" }, index.h("div", { key: '7895197d71b5b2c121aad2390677620f635c59fb', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), index.h("div", { key: 'd8fae85a010aef0cafdb2b45a9e152d43660265f', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index$1) => (index.h("span", { class: "stzh-saptcha__number" }, number, index$1 < this._numbers.length - 1 &&
+            (index$1 === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), index.h("stzh-input", { key: '55dfebf4786c62eeacdeb2bcd37919bbbd5734c8', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-scrollup.cjs.entry.js CHANGED Viewed

@@ -35,7 +35,7 @@ const StzhScrollup = class {
         const classes = {
             "stzh-scrollup": true,
         };
-        return (index.h(index.Host, { key: '25d05db7834097a9847f6ffc383096edec46407a' }, index.h("div", { key: '420bf5593e716079bb866b27ba1a5053a1703c66', class: classes }, index.h("slot", { key: 'd8d9d33461a9b313bb61cc2f9e519dd65e3fca90', onSlotchange: this.handleSlotchange }))));
+        return (index.h(index.Host, { key: '4ab02254e94b18e44ad89f8e7382958c738030c9' }, index.h("div", { key: '25731c368f2aeb959cec2331eeb744bab0051855', class: classes }, index.h("slot", { key: '74610cc6fd4a16448c665185e2179e6b0883e64d', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return index.getElement(this); }
 };