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/components/stzh-pi-teaser-layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"stzh-pi-teaser-layout.js","mappings":"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","names":["StzhPiTeaserLayout"],"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.js","mappings":"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","names":["StzhPiTeaserLayout"],"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/components/stzh-pi-teaser.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$2 } from './p-36fb6c94.js';
+import { d as defineCustomElement$2 } from './p-85745626.js';
 const stzhPiTeaserCss = ".sc-stzh-pi-teaser-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-h,[stzh-hidden].sc-stzh-pi-teaser-h{display:none}.sc-stzh-pi-teaser-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::before,.sc-stzh-pi-teaser-h *.sc-stzh-pi-teaser::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-h .has-focus.sc-stzh-pi-teaser{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser{outline-style:none !important}.sc-stzh-pi-teaser-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-h{--image-background-color:var(\n    --stzh-pi-teaser-image-background-color,\n    var(--stzh-color-primary30)\n  );display:flex;flex-direction:column}.stzh-pi-teaser.sc-stzh-pi-teaser{position:relative;flex-grow:1;display:flex;flex-direction:column;background-color:var(--stzh-color-white)}.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{display:flex;flex-grow:1;padding-right:var(--stzh-space-medium);padding-left:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 600px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-teaser__image.sc-stzh-pi-teaser{width:100%;display:none}.stzh-pi-teaser__dateline.sc-stzh-pi-teaser{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-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);color:var(--stzh-color-coolgrey70);margin:0 0 var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pi-teaser__dateline.sc-stzh-pi-teaser{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__title.sc-stzh-pi-teaser{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-black);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 1260px){.stzh-pi-teaser__title.sc-stzh-pi-teaser{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser{display:block;font-family:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-black);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-pi-teaser__title-link.sc-stzh-pi-teaser::after{z-index:1}.stzh-pi-teaser__lead.sc-stzh-pi-teaser{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-xlarge)}}.stzh-pi-teaser__date.sc-stzh-pi-teaser{color:var(--stzh-color-coolgrey70);margin:0;text-align:right;width:100%}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__image.sc-stzh-pi-teaser{display:block}.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-teaser--has-image.sc-stzh-pi-teaser .stzh-pi-teaser__lead.sc-stzh-pi-teaser{margin-top:var(--stzh-space-small)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser{--background-color:var(--image-background-color)}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{display:flex;flex-direction:column;padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__title-wrapper.sc-stzh-pi-teaser{padding-left:var(--stzh-space-large)}}.stzh-pi-teaser__title-ratio.sc-stzh-pi-teaser .stzh-pi-teaser__dateline.sc-stzh-pi-teaser{margin-bottom:var(--stzh-space-xxsmall)}";
 const StzhPiTeaserStyle0 = stzhPiTeaserCss;
@@ -49,7 +49,7 @@ const StzhPiTeaser$1 = /*@__PURE__*/ proxyCustomElement(class StzhPiTeaser exten
             "stzh-pi-teaser--has-lead": hasLead,
             "stzh-pi-teaser--has-image": hasImageSlot,
         };
-        return (h(Host, { key: 'aadddeb1b286ccdcaad715fb158836c64172859a', "has-lead": hasLead }, h("article", { key: 'f7732f31c853c62786b4f802e77a386aa7300f6b', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '0600c3ba6eaffcfbc2adf7cd6bba047a10f603e2', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '47fedc1ec5622cfb4ef9c2f48ef326f3eeec46b9', ratio: "2:1" }, h("slot", { key: '109a0ef33b7a592e73189db1c822bf41e21c690b', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: 'a635121bff26dd5e8a8f941651be7a02279c9c69', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '97a87ef704edf0808d6e825a9915ce2a7d78037e', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '83568e5e3bf19338ce8b733632a41c92f74adf34', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: '4940a979321c9896c976ae1fe3901810b15e1c00', class: "stzh-pi-teaser__date" }, this.date)))));
+        return (h(Host, { key: 'a70c8996daeb2c0083462ca59fe804c4e85b9b38', "has-lead": hasLead }, h("article", { key: '609aaef998f024efe25cb4a8a927edfdfd849903', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '561364097a5782bcfcb787879ad2e9f3f8008228', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '1a26623c55eac86f1614ecdd2d3fc9fb5251522c', ratio: "2:1" }, h("slot", { key: '41749baf95c3683971cf74d69f769136b222e3dd', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: '6edba9e3e9a365f3b7ef439b6f38138321e167aa', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '113133924dac251e51c3962fe35562cdb2303a6f', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '7ea6d341b3c5f68f6c51e0d0d7f1c7a3831133aa', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: 'e0508125c1ed1e8eb34494976e725645b5d1a269', class: "stzh-pi-teaser__date" }, this.date)))));
     }
     get element() { return this; }
     static get style() { return StzhPiTeaserStyle0; }

package/dist/components/stzh-pkzh-qr.js CHANGED Viewed

@@ -1,23 +1,23 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$k } from './p-97868e7a.js';
-import { d as defineCustomElement$j } from './p-dd1c0c0c.js';
-import { d as defineCustomElement$i } from './p-4a78990f.js';
-import { d as defineCustomElement$h } from './p-a0023430.js';
-import { d as defineCustomElement$g } from './p-109076c9.js';
-import { d as defineCustomElement$f } from './p-151a98a9.js';
-import { d as defineCustomElement$e } from './p-506a00fc.js';
-import { d as defineCustomElement$d } from './p-fdc914f5.js';
-import { d as defineCustomElement$c } from './p-69e0c8d2.js';
-import { d as defineCustomElement$b } from './p-18196788.js';
-import { d as defineCustomElement$a } from './p-7c4e756c.js';
-import { d as defineCustomElement$9 } from './p-da83a0ad.js';
-import { d as defineCustomElement$8 } from './p-ea3c0ed4.js';
-import { d as defineCustomElement$7 } from './p-963d59bf.js';
-import { d as defineCustomElement$6 } from './p-387454b3.js';
-import { d as defineCustomElement$5 } from './p-c4fccd89.js';
-import { d as defineCustomElement$4 } from './p-72101ea0.js';
-import { d as defineCustomElement$3 } from './p-63c4d8c4.js';
-import { d as defineCustomElement$2 } from './p-613937f1.js';
+import { d as defineCustomElement$k } from './p-556af4a4.js';
+import { d as defineCustomElement$j } from './p-42e86bbd.js';
+import { d as defineCustomElement$i } from './p-b84d0233.js';
+import { d as defineCustomElement$h } from './p-a5acb217.js';
+import { d as defineCustomElement$g } from './p-b03368b3.js';
+import { d as defineCustomElement$f } from './p-ad34b5e0.js';
+import { d as defineCustomElement$e } from './p-7171b3a1.js';
+import { d as defineCustomElement$d } from './p-ddb9cb15.js';
+import { d as defineCustomElement$c } from './p-00bfe201.js';
+import { d as defineCustomElement$b } from './p-700a2919.js';
+import { d as defineCustomElement$a } from './p-a2659715.js';
+import { d as defineCustomElement$9 } from './p-f625c800.js';
+import { d as defineCustomElement$8 } from './p-9dba6e5f.js';
+import { d as defineCustomElement$7 } from './p-7121e1bf.js';
+import { d as defineCustomElement$6 } from './p-8c638ee6.js';
+import { d as defineCustomElement$5 } from './p-07336076.js';
+import { d as defineCustomElement$4 } from './p-85a0cd24.js';
+import { d as defineCustomElement$3 } from './p-ace11500.js';
+import { d as defineCustomElement$2 } from './p-95b36277.js';
 const stzhPkzhQrCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxlarge);--stzh-datalist-nested-margin-left:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xbig)}}";
 const StzhPkzhQrStyle0 = stzhPkzhQrCss;

package/dist/components/stzh-poicard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhPoicard$1, d as defineCustomElement$1 } from './p-a2828d2e.js';
+import { S as StzhPoicard$1, d as defineCustomElement$1 } from './p-08363886.js';
 const StzhPoicard = StzhPoicard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-poilist.js CHANGED Viewed

@@ -1,22 +1,22 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { a as axios } from './p-30d100f4.js';
-import { d as defineCustomElement$i } from './p-dd1c0c0c.js';
-import { d as defineCustomElement$h } from './p-4a78990f.js';
-import { d as defineCustomElement$g } from './p-ab25d4da.js';
-import { d as defineCustomElement$f } from './p-570cd361.js';
-import { d as defineCustomElement$e } from './p-c5a240bd.js';
-import { d as defineCustomElement$d } from './p-479db6c6.js';
-import { d as defineCustomElement$c } from './p-3f3349b1.js';
-import { d as defineCustomElement$b } from './p-18196788.js';
-import { d as defineCustomElement$a } from './p-7c4e756c.js';
-import { d as defineCustomElement$9 } from './p-111f7e01.js';
-import { d as defineCustomElement$8 } from './p-2502ff26.js';
-import { d as defineCustomElement$7 } from './p-ea3c0ed4.js';
-import { d as defineCustomElement$6 } from './p-34267046.js';
-import { d as defineCustomElement$5 } from './p-a2828d2e.js';
-import { d as defineCustomElement$4 } from './p-963d59bf.js';
-import { d as defineCustomElement$3 } from './p-8d606617.js';
-import { d as defineCustomElement$2 } from './p-63c4d8c4.js';
+import { d as defineCustomElement$i } from './p-42e86bbd.js';
+import { d as defineCustomElement$h } from './p-b84d0233.js';
+import { d as defineCustomElement$g } from './p-2f249d24.js';
+import { d as defineCustomElement$f } from './p-74ae8080.js';
+import { d as defineCustomElement$e } from './p-a773eb1b.js';
+import { d as defineCustomElement$d } from './p-7a4eaab2.js';
+import { d as defineCustomElement$c } from './p-3de13c90.js';
+import { d as defineCustomElement$b } from './p-700a2919.js';
+import { d as defineCustomElement$a } from './p-a2659715.js';
+import { d as defineCustomElement$9 } from './p-10d1bf15.js';
+import { d as defineCustomElement$8 } from './p-5aa4ca6b.js';
+import { d as defineCustomElement$7 } from './p-9dba6e5f.js';
+import { d as defineCustomElement$6 } from './p-8ea6e1c0.js';
+import { d as defineCustomElement$5 } from './p-08363886.js';
+import { d as defineCustomElement$4 } from './p-7121e1bf.js';
+import { d as defineCustomElement$3 } from './p-cd95008d.js';
+import { d as defineCustomElement$2 } from './p-ace11500.js';
 const stzhPoilistCss = ".sc-stzh-poilist-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-poilist-h,[stzh-hidden].sc-stzh-poilist-h{display:none}.sc-stzh-poilist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poilist-h *.sc-stzh-poilist,.sc-stzh-poilist-h *.sc-stzh-poilist::before,.sc-stzh-poilist-h *.sc-stzh-poilist::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-poilist-h .has-focus.sc-stzh-poilist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist{outline-style:none !important}.sc-stzh-poilist-h .stzh-fylingfocus-focused.sc-stzh-poilist::-moz-focus-inner{border:0 !important}.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xsmall);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 600px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-poilist__header.sc-stzh-poilist{margin-bottom:var(--stzh-space-xlarge)}}.stzh-poilist__header.sc-stzh-poilist stzh-text.sc-stzh-poilist{--color:var(--stzh-color-grey80);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-large);display:grid}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-poilist__show-more.sc-stzh-poilist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-poilist__show-more.sc-stzh-poilist{justify-content:center}}.stzh-poilist.sc-stzh-poilist stzh-dropdown.sc-stzh-poilist{--color:var(--stzh-color-primary90);--icon-color:var(--stzh-color-primary90);--icon-angle-color:var(--stzh-color-primary90)}";
 const StzhPoilistStyle0 = stzhPoilistCss;
@@ -121,7 +121,7 @@ const StzhPoilist$1 = /*@__PURE__*/ proxyCustomElement(class StzhPoilist extends
         const classes = {
             "stzh-poilist": true,
         };
-        return (h(Host, { key: '2cca93ed29e1c2b29cbdbd44da0162d8f4bf509c' }, h("div", { key: '704cc8ddc1704c60e9afdfbd8221ad591a855df9', class: classes }, h("stzh-overlay", { key: 'b40ddc942f967621d3e4ed9ac3ae6950419e05c1', open: this.isLoading }, h("stzh-loader", { key: '6f3449f95dfbd43a5b2b070c52055346ae61ccf7', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: '7efaf270fb12bbe0471669abde2306dfc651267d', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: '05f2569d167029874bf7bcd75439692c18dd713a' }, h("div", { key: '0a48f839d41d4127630dae30de32e42b7fbe1738', class: "stzh-poilist__header" }, h("stzh-text", { key: '420a3cbee618f842a868102b8187c1c0d6d4a803', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), 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 })), h("stzh-cardlist", { key: '99f70ed406799852713b9406559ba80a27c5f475', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: 'f78b1be1bc0aded858987e3854a6b4efe964b79c', class: "stzh-poilist__show-more" }, h("stzh-button", { key: '2bbd8362bc26ccc73433e6173fcfee59fb9a8882', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
+        return (h(Host, { key: 'e1dfcfdda967aae2c6462d97fe95a5df8e9ad322' }, h("div", { key: 'ca42c53a582f3a62979df09a82130858ea420ed0', class: classes }, h("stzh-overlay", { key: '53c7d97af7d25fcafddb2608dff0d5c7d26eace2', open: this.isLoading }, h("stzh-loader", { key: 'a9ab68594752dbbde668a32b2cce208ac1c5f2b8', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: 'e72edfe7bc62753d8dcd03f418dfd9b767b11b05', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: '3e93bbe06f1fd98ef2d31b68a5fb386909e62e2d' }, h("div", { key: '31f2a6015009bc427e4e2da084b7fe895def1165', class: "stzh-poilist__header" }, h("stzh-text", { key: '3aefc2628068e99c5a23d27440ed320e3adfe8e9', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), 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 })), h("stzh-cardlist", { key: 'ab92d3606bc12e1e298bc9c9c2f3b5c8091ab78a', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: 'ae35fae3cbda02620cc740e8af4e0773418a55a8', class: "stzh-poilist__show-more" }, h("stzh-button", { key: 'b78dec7114075ced0eef847d0005c03315720bd0', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-popover.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhPopover$1, d as defineCustomElement$1 } from './p-963d59bf.js';
+import { S as StzhPopover$1, d as defineCustomElement$1 } from './p-7121e1bf.js';
 const StzhPopover = StzhPopover$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-print.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhPrint$1, d as defineCustomElement$1 } from './p-15ee297d.js';
+import { S as StzhPrint$1, d as defineCustomElement$1 } from './p-8fb1ee85.js';
 const StzhPrint = StzhPrint$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-quote.js CHANGED Viewed

@@ -14,7 +14,7 @@ const StzhQuote$1 = /*@__PURE__*/ proxyCustomElement(class StzhQuote extends H {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: 'e4d7e752f297cbad3bc3b2c1dcdfea9e4eefca7f' }, h("div", { key: '3a9aa76d2e97768a11532de9208f7f1604ef37d3', class: classes }, h("blockquote", { key: '6868330665a403b87843b2890613a3c56e46e693', class: "stzh-quote__content" }, h("p", { key: '44814da107f2d7a3363d51c9217f9bfb3c0c6938', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '975ad30782d4af5a497e13da5864849f4f63d4ba', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: 'ca76977c129c0c25e9233066c5dd9f5d14aac514' }, h("div", { key: '26d9cd5e39d666bb78f4146770c56906a87c90f3', class: classes }, h("blockquote", { key: '3233b3f8484507e16bd3dad67c590700907165c4', class: "stzh-quote__content" }, h("p", { key: 'e8a35fc0149ab1b3dcf5a3e130ad572616fc6c73', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '802f72e6338545b73d5a26a961cc8f4b6a83a924', class: "stzh-quote__author" }, this.author)))));
     }
     get element() { return this; }
     static get style() { return StzhQuoteStyle0; }

package/dist/components/stzh-radio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRadio$1, d as defineCustomElement$1 } from './p-9aff1354.js';
+import { S as StzhRadio$1, d as defineCustomElement$1 } from './p-0d14dffd.js';
 const StzhRadio = StzhRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-radiogroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRadiogroup$1, d as defineCustomElement$1 } from './p-d48fd359.js';
+import { S as StzhRadiogroup$1, d as defineCustomElement$1 } from './p-60fc78bb.js';
 const StzhRadiogroup = StzhRadiogroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-ratio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRatio$1, d as defineCustomElement$1 } from './p-36fb6c94.js';
+import { S as StzhRatio$1, d as defineCustomElement$1 } from './p-85745626.js';
 const StzhRatio = StzhRatio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-readspeaker.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-8f01554b.js';
 import { s as setPropsIfNull } from './p-289f5de2.js';
-import { d as defineCustomElement$4 } from './p-dd1c0c0c.js';
-import { d as defineCustomElement$3 } from './p-4a78990f.js';
-import { d as defineCustomElement$2 } from './p-7c4e756c.js';
+import { d as defineCustomElement$4 } from './p-42e86bbd.js';
+import { d as defineCustomElement$3 } from './p-b84d0233.js';
+import { d as defineCustomElement$2 } from './p-a2659715.js';
 const stzhReadspeakerCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-readspeaker{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;--background-color:var(--stzh-readspeaker-background-color, var(--stzh-color-white));--justify-content:var(--stzh-readspeaker-justify-content, space-between);--column-gap:var(--stzh-readspeaker-column-gap, auto);--audio-track-height:0.1875rem;--audio-track-background-color:var(\n    --stzh-readspeaker-audio-track-background-color,\n    var(--stzh-color-black20op)\n  );--audio-track-progress-background-color:var(\n    --stzh-readspeaker-audio-track-progress-background-color,\n    var(--stzh-color-secondary40)\n  );--dropdown-position:var(--stzh-readspeaker-dropdown-position, absolute);--dropdown-top:var(\n    --stzh-readspeaker-dropdown-top,\n    var(--stzh-form-input-small-height)\n  );--dropdown-bottom:var(--stzh-readspeaker-dropdown-bottom, auto);--dropdown-left:var(--stzh-readspeaker-dropdown-left, 0px);--dropdown-right:var(--stzh-readspeaker-dropdown-right, auto);--dropdown-settings-top:var(\n    --stzh-readspeaker-dropdown-settings-top,\n    var(--stzh-form-input-small-height)\n  );--dropdown-settings-bottom:var(\n    --stzh-readspeaker-dropdown-settings-bottom,\n    auto\n  );--dropdown-settings-left:var(--stzh-readspeaker-dropdown-settings-left, 0px);--dropdown-settings-right:var(\n    --stzh-readspeaker-dropdown-settings-right,\n    auto\n  )}stzh-readspeaker[hidden],stzh-readspeaker[stzh-hidden]{display:none}stzh-readspeaker::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-readspeaker *,stzh-readspeaker *::before,stzh-readspeaker *::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)}stzh-readspeaker .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-readspeaker .stzh-fylingfocus-focused{outline-style:none !important}stzh-readspeaker .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media screen and (min-width: 900px){stzh-readspeaker{--column-gap:var(--stzh-readspeaker-column-gap, var(--stzh-space-medium));--dropdown-top:var(\n      --stzh-readspeaker-dropdown-top,\n      var(--stzh-form-input-tiny-height)\n    );--dropdown-settings-top:var(\n      --stzh-readspeaker-dropdown-settings-top,\n      var(--stzh-form-input-tiny-height)\n    )}}@media print{stzh-readspeaker{display:none}}.stzh-readspeaker{position:relative;display:flex;align-items:center;column-gap:var(--column-gap);justify-content:var(--justify-content)}.stzh-readspeaker__actions{flex-grow:1;display:flex;align-items:center;justify-content:space-between}.stzh-readspeaker stzh-button.stzh-readspeaker__close{display:none}.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:inline-grid}@media screen and (min-width: 600px){.stzh-readspeaker:has(.rsbtn.rsexpanded) .stzh-readspeaker__close{display:none}}.stzh-readspeaker .rsbtn{z-index:var(--stzh-z-index-popover) !important;background:var(--background-color);position:var(--dropdown-position);top:var(--dropdown-top);bottom:var(--dropdown-bottom);left:var(--dropdown-left);right:var(--dropdown-right)}.stzh-readspeaker .rs_splitbutton.rs_splitbutton-exp{display:inline-flex}.stzh-readspeaker .rs_addtools,.stzh-readspeaker .rsbtn{margin-top:var(--audio-track-height);margin-bottom:0px}.stzh-readspeaker [class*=\" rsicn-\"],.stzh-readspeaker [class*=\" rsicn-\"]:before,.stzh-readspeaker [class^=rsicn-],.stzh-readspeaker [class^=rsicn-]:before{content:\"\";display:block;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center}.stzh-readspeaker .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_pause:hover .rsicn-pause::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M6 5h2v14H6zm10 0h2v14h-2z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn.rsstopped .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rsidle .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before,.stzh-readspeaker .rsbtn.rspaused .rsbtn_exp .rsbtn_exp_inner .rsbtn_pause:hover .rsicn::before{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M16.394 12 10 7.737v8.526zm2.982.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_stop:hover .rsicn-stop::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M7 7v10h10V7zM6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_rewind:hover .rsicn-backwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.667 9.223-6.149a.5.5 0 0 1 .777.416v14.132a.5.5 0 0 1-.777.416L12 13.333v5.733a.5.5 0 0 1-.777.416L.624 12.416a.5.5 0 0 1 0-.832l10.599-7.066a.5.5 0 0 1 .777.416zm-2 5.596V7.737L3.606 12zm10 0V7.737L13.606 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_forward:hover .rsicn-forwards::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.333-9.223 6.15A.5.5 0 0 1 2 19.065V4.934a.5.5 0 0 1 .777-.416L12 10.668V4.933a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832l-10.599 7.066a.5.5 0 0 1-.777-.416zM10.394 12 4 7.737v8.526zM14 7.737v8.526L20.394 12z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_volume:hover .rsicn-volume::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_speed:hover .rsicn-speed::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.833 3.337a.595.595 0 0 1 .763.067.59.59 0 0 1 .063.76q-3.27 4.569-3.598 4.897a1.5 1.5 0 0 1-2.122 0 1.5 1.5 0 0 1 0-2.122q.56-.56 4.894-3.602M17.5 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m-11 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2m2.318-3.596a1 1 0 1 1-1.416 1.414 1 1 0 0 1 1.416-1.414M12 5.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:focus span.rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_closer:hover span.rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_closer:hover .rsicn-cross::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='m12 10.586 7.778-7.778 1.414 1.414L13.414 12l7.778 7.778-1.414 1.414L12 13.414l-7.778 7.778-1.414-1.414L10.586 12 2.808 4.222l1.414-1.414z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_tooltoggle .rsicn::before,.stzh-readspeaker .rsbtn .rsbtn_tooltoggle .rsicn::before{content:\"\"}.stzh-readspeaker .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tooltoggle:hover .rsicn-arrow-down::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3m0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18m0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator,.stzh-readspeaker .rsbtn .rs-player-loadindicator{background-color:var(--audio-track-background-color);height:var(--audio-track-height);top:calc(var(--audio-track-height) / -1);left:0;right:0px}.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-loading,.stzh-readspeaker #rsmpl_container .rs-player-loadindicator .rsbtn-progress,.stzh-readspeaker .rsbtn .rs-player-loadindicator .rsbtn-progress{background-color:var(--audio-track-progress-background-color)}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex;justify-content:center;align-items:center;border-left:none;width:var(--stzh-form-input-small-height);height:var(--stzh-form-input-small-height);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);background-color:transparent;outline:none;float:none}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size);height:var(--stzh-icon-size)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item [class^=rsicn-]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class*=\" rsicn-\"]:before,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-],.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle [class^=rsicn-]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class*=\" rsicn-\"]:before,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-],.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle [class^=rsicn-]:before{width:var(--stzh-icon-size-small);height:var(--stzh-icon-size-small)}}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:focus,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:focus{background-color:transparent;outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle:hover,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle:hover{background-color:var(--stzh-color-secondary20)}@media screen and (max-width: 599px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item.rsbtn_closer,.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:active.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle.rsbtn_closer,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle.rsbtn_closer{display:none}}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{margin-right:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rs_splitbutton .rsbtn_exp .rsbtn_exp_inner button.rsbtn_pause.rsbtn_player_item{padding-left:0px;padding-right:0px}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_stop:active span.rsicn{background:transparent}.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{display:flex !important;position:relative;top:0;border-left:none;border-right:none}.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rs_addtools .rsbtn_tooltoggle,.stzh-readspeaker .rs_splitbutton.zoom-tooltoggler.rsexpanded:not(.rsdetached).rsbtn .rsbtn_tooltoggle{left:0}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner{position:static;background:transparent;display:inline-flex;border:none;border-radius:0px;gap:var(--stzh-space-xxxsmall)}.stzh-readspeaker .rsbtn .rsbtn_exp,.stzh-readspeaker .rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner{height:auto}.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{box-sizing:border-box;border:none;width:var(--stzh-form-input-small-height);height:7.25rem;top:var(--stzh-form-input-small-height);margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding:0;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown{width:var(--stzh-form-input-tiny-height);top:var(--stzh-form-input-tiny-height)}}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]{overflow:hidden;appearance:none !important;background:transparent;margin:0px;--thumb-height:1.25rem;--thumb-border-width:0.125rem;--thumb-border-color:var(--stzh-color-primary70);--thumb-background-color:var(--stzh-color-white);--track-height:0.5rem;--track-color:var(--stzh-color-black40op);--track-progress-color:var(--stzh-color-secondary60);--clip-edges:0.0625rem}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range],.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range],.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range],.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{position:relative;margin:0px;appearance:none;-moz-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);height:var(--thumb-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-runnable-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 0.0625rem)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{appearance:none;background:var(--track-progress-color);transition-delay:30ms}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-progress,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-track,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-progress{height:calc(var(--track-height) + 0.0625rem);border-radius:var(--track-height)}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-webkit-slider-thumb{--thumb-radius:calc((var(--thumb-height) * 0.5) - 0.0625rem);--clip-top:calc(\n    (var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px\n  );--clip-bottom:calc(var(--thumb-height) - var(--clip-top));--clip-further:calc(100% + 0.0625rem);--box-fill:calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0\n    100vmax var(--track-progress-color);width:var(--thumb-width, var(--thumb-height));background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -0.0625rem, var(--clip-edges) -0.0625rem, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]::-moz-range-thumb{background-color:var(--thumb-background-color);border-style:solid;border-width:var(--thumb-border-width);border-color:var(--thumb-border-color);border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:active::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:active::-moz-range-thumb{cursor:grabbing}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-webkit-slider-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.stzh-readspeaker #rs-textsettings input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-esque input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rs-dialog-slider-dropdown input.rs-slider[type=range]:disabled::-moz-range-thumb,.stzh-readspeaker .rsbtn input.rs-slider[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{transform:rotate(270deg) translateX(-0.375rem) translateY(-0.375rem);transform-origin:bottom center;width:6.25rem;height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-readspeaker .rsbtn .rs-slider.vertical,.stzh-readspeaker .rsbtn .rs-slider.vertical.has-datalist{height:var(--stzh-form-input-tiny-height);transform:rotate(270deg) translateX(-1.125rem) translateY(-1.125rem)}}.stzh-readspeaker #rs-textsettings .rs-slider-label,.stzh-readspeaker .rs-dialog-esque .rs-slider-label,.stzh-readspeaker .rs-dialog-slider-dropdown .rs-slider-label,.stzh-readspeaker .rsbtn .rs-slider-label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);border-radius:0px;border:none;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.stzh-readspeaker .rsbtn_powered{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical{position:absolute;top:var(--dropdown-settings-top);bottom:var(--dropdown-settings-bottom);left:var(--dropdown-settings-left);right:var(--dropdown-settings-right);min-width:initial !important}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools{position:static;border-radius:0px;border:none;margin-top:var(--stzh-space-xxsmall);background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li{all:unset}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-large);white-space:nowrap;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool span.rsbtn_btnlabel{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-xsmall);margin-right:auto;color:inherit}.stzh-readspeaker .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-settings::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.75.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.5 4.337 3 3 0 0 0-4.632 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.5.001a5 5 0 0 1 2.25-2.77 5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334q-.315-.684-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499 0a5 5 0 0 1-2.25 2.77 5 5 0 0 1-3.526.564 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334q.315.684.75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-click-listen::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M13.91 12.36 17 20.854l-2.818 1.026-3.092-8.494-4.172 3.156 1.49-14.909 10.726 10.463z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-enlarged-text::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.246 15H4.754l-2 5H.6L7 4h2l6.4 16h-2.154zm-.8-2L8 6.885 5.554 13zM21 12.535V12h2v8h-2v-.535a4 4 0 1 1 0-6.93M19 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='currentColor' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-textmode::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zM8 7h8v2H8zm0 4h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rsbtn_tool:hover .rsicn-pagemask::before{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v5H3v-5h2v3h14v-3zM3 11h18v2H3zm18-3h-2V5H5v3H3V3h18z'/%3E%3C/svg%3E\")}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler{margin:0;margin-left:var(--stzh-space-large);background-color:var(--stzh-color-grey70);border-radius:0.75rem;box-sizing:border-box;width:3rem;height:1.5rem;border:none;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .on-icon,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler .off-icon{display:none}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool .rs_minitoggler::after{width:1.25rem;height:1.25rem;top:0.125rem;left:0.125rem;transition:all var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-white)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler{background-color:var(--stzh-color-secondary50)}.stzh-readspeaker .rs_addtools .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after,.stzh-readspeaker .rsbtn .rsbtn_toolpanel.vertical .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer ul.rsbtn_toollist li button.rsbtn_tool.active .rs_minitoggler::after{left:calc(50% + 0.125rem);background-color:var(--stzh-color-white)}#readspeaker_tooltip.rs_tooltip{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);z-index:var(--stzh-z-index-popup);border:none;border-radius:0px;box-shadow:none;color:var(--stzh-color-white);background-color:var(--stzh-color-coolgrey60);height:1.25rem;line-height:1.25rem;padding:0;padding-left:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-xxsmall)}.rspopup.rspopup{z-index:var(--stzh-z-index-popup);background:var(--stzh-color-grey10);border:none;border-radius:0px;box-shadow:none}.rspopup.rspopup .rspopup_btn{height:var(--stzh-form-input-small-height);box-sizing:border-box;display:flex;padding:var(--stzh-space-xsmall) var(--stzh-space-large);justify-content:center;align-items:center;gap:var(--stzh-space-xsmall);border-top:none;color:var(--stzh-color-primary70);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.rspopup.rspopup .rspopup_btn:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.rspopup.rspopup .rspopup_btn.rspopup_play::before{content:\"\";margin-right:0;left:0;position:relative;width:var(--stzh-icon-size);height:var(--stzh-icon-size);background-size:contain;background-position:center center;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230F05A0' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play:hover::before{background:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23070066' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 7.22 6.603 10H3v4h3.603L10 16.78zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387zm13.517 4.134-1.416-1.416A8.98 8.98 0 0 0 21 12a8.98 8.98 0 0 0-3.304-6.968l1.42-1.42A10.98 10.98 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134m-3.543-3.543-1.422-1.422A4 4 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.99 5.99 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}.rspopup.rspopup .rspopup_btn.rspopup_play::after{content:none}.rspopup.rspopup .rspopup_btn span.rspopup_label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);top:0}";
 const StzhReadspeakerStyle0 = stzhReadspeakerCss;
@@ -198,9 +198,9 @@ const StzhReadspeaker$1 = /*@__PURE__*/ proxyCustomElement(class StzhReadspeaker
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '2d8790dfc7a953df03c22323b4d2c2733a3296d5' }, h("div", { key: '509a17b7224d2ee02247d3965f2c411c83c2f0f1', class: classes }, h("div", { key: '294da961202d486df9a5847b56c3105f905853be', class: "stzh-readspeaker__actions" }, h("div", { key: '9d83737e2a633e4ead480f8e84f46df9c84f56bb', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'dfa4c42aa26a3620909fc9035b4fe4740716e224' })), h("stzh-button", { key: '907076bb64f296703476a06ab2c60f0bdeb86afc', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: '7435eddf95b8cd5c01cdf27e1974db974a4e67c8' }, h("div", { key: 'c7e2e3e8238fe5b2215f2adaf52a4ff97d990fdb', class: classes }, h("div", { key: '2f57daeb37d5e749019f5ac70218205cebcddb81', class: "stzh-readspeaker__actions" }, h("div", { key: 'e2de1d5e341a2400c1ad5368e96b4a99060db155', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'ae15fb192a99364c47759e8bd89dc8cd611bef9a' })), h("stzh-button", { key: 'b89502ea1f4f2caac5bf26ea727395cc92445cca', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: '02038c3f5e4d6868c749d132c044b1cceff6c394', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2cf2b7b2295cc1628d727fb28b073585024ca0c9', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     get element() { return this; }
     static get style() { return StzhReadspeakerStyle0; }

package/dist/components/stzh-richtext.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRichtext$1, d as defineCustomElement$1 } from './p-f7920d42.js';
+import { S as StzhRichtext$1, d as defineCustomElement$1 } from './p-9ad22ce8.js';
 const StzhRichtext = StzhRichtext$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-row.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as StzhRow$1, d as defineCustomElement$1 } from './p-387454b3.js';
+import { S as StzhRow$1, d as defineCustomElement$1 } from './p-8c638ee6.js';
 const StzhRow = StzhRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-saptcha.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$7 } from './p-dd1c0c0c.js';
-import { d as defineCustomElement$6 } from './p-4a78990f.js';
-import { d as defineCustomElement$5 } from './p-7c4e756c.js';
-import { d as defineCustomElement$4 } from './p-da83a0ad.js';
-import { d as defineCustomElement$3 } from './p-963d59bf.js';
-import { d as defineCustomElement$2 } from './p-63c4d8c4.js';
+import { d as defineCustomElement$7 } from './p-42e86bbd.js';
+import { d as defineCustomElement$6 } from './p-b84d0233.js';
+import { d as defineCustomElement$5 } from './p-a2659715.js';
+import { d as defineCustomElement$4 } from './p-f625c800.js';
+import { d as defineCustomElement$3 } from './p-7121e1bf.js';
+import { d as defineCustomElement$2 } from './p-ace11500.js';
 const stzhSaptchaCss = ".sc-stzh-saptcha-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-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::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-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}.stzh-saptcha__info.sc-stzh-saptcha{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}";
 const StzhSaptchaStyle0 = stzhSaptchaCss;
@@ -73,8 +73,8 @@ const StzhSaptcha$1 = /*@__PURE__*/ proxyCustomElement(class StzhSaptcha extends
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: '4e07d96b04e477b10895068a63ce7051d4b069fc', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '43c6c3a56116aae48d4710eb492d8d42543a2510', class: classes }, h("div", { key: '99bbce9cb5d20d461dfab80dfa28834dfbb7f52f', class: "stzh-saptcha__box" }, h("div", { key: '252f01b709c92c84f51dcab0862e5cf10dfce971', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'ebf0c0aee4514e1160f9532df0ad8c6ee294380a', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
-            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), 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 (h(Host, { key: 'ee619ffa2a023006996516ea45a6318667ad0562', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '5313a8fc06b72dce7a3e917e91ea30bc05817493', class: classes }, h("div", { key: '79a4f75803b92eab163339b5e04dc61a33a39307', class: "stzh-saptcha__box" }, h("div", { key: '7895197d71b5b2c121aad2390677620f635c59fb', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'd8fae85a010aef0cafdb2b45a9e152d43660265f', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
+            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), 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 this; }
     static get watchers() { return {

package/dist/components/stzh-scrollup.js CHANGED Viewed

@@ -32,7 +32,7 @@ const StzhScrollup$1 = /*@__PURE__*/ proxyCustomElement(class StzhScrollup exten
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: '25d05db7834097a9847f6ffc383096edec46407a' }, h("div", { key: '420bf5593e716079bb866b27ba1a5053a1703c66', class: classes }, h("slot", { key: 'd8d9d33461a9b313bb61cc2f9e519dd65e3fca90', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '4ab02254e94b18e44ad89f8e7382958c738030c9' }, h("div", { key: '25731c368f2aeb959cec2331eeb744bab0051855', class: classes }, h("slot", { key: '74610cc6fd4a16448c665185e2179e6b0883e64d', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return this; }
     static get style() { return StzhScrollupStyle0; }