@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/components/stzh-panorama.js

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$b } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$a } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$9 } from './p-BVyHe4zB.js';
-import { d as defineCustomElement$8 } from './p-B1ilR8O2.js';
-import { d as defineCustomElement$7 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$6 } from './p-D1qHu5Qi.js';
-import { d as defineCustomElement$5 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$4 } from './p-Chfmq0ty.js';
-import { d as defineCustomElement$3 } from './p-CqIeGIYq.js';
-import { d as defineCustomElement$2 } from './p-Bnxt1olk.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$b } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$a } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$9 } from './p-BDyLmXTF.js';
+import { d as defineCustomElement$8 } from './p-D8sqmC0t.js';
+import { d as defineCustomElement$7 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$6 } from './p-CxqE2nhG.js';
+import { d as defineCustomElement$5 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$4 } from './p-DK163sow.js';
+import { d as defineCustomElement$3 } from './p-CIG3atcV.js';
+import { d as defineCustomElement$2 } from './p-BNb1mC_F.js';
 
 // Pannellum 2.5.7, https://github.com/mpetroff/pannellum
 window.libpannellum=function(E,g,p){function Ba(K){function ja(a,d){return 1==a.level&&1!=d.level?-1:1==d.level&&1!=a.level?1:d.timestamp-a.timestamp}function Q(a,d){return a.level!=d.level?a.level-d.level:a.diff-d.diff}function ka(a,d,c,g,k,h){this.vertices=a;this.side=d;this.level=c;this.x=g;this.y=k;this.path=h.replace("%s",d).replace("%l",c).replace("%x",g).replace("%y",k);}function Ja(a,d,g,p,k){var h;var e=d.vertices;h=la(a,e.slice(0,3));var u=la(a,e.slice(3,6)),x=la(a,e.slice(6,9)),e=la(a,e.slice(9,
@@ -457,9 +457,9 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
             text: imageTitle,
         }));
         const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
-        return (h(Host, { key: 'e2e17f1a5e0314174c820d8551edf1fbb452bbb0' }, h("div", { key: '816f51b66f11337a27ac7881100e451f21d927d1', class: classes }, h("stzh-figure", { key: '6b390f5f9092d7a7726e41cf4e0a7e6852fa5658', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '9c888f468827cf86b7d8fdbdccc978982c191b64' }, h("div", { key: '3f1b367eab34307a515793bb04c21a4f428b2df6', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'e86b824b7fbded76e8a3c1040f5215c871323dc9', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '64188c4f27d7b5645001293e15a127ce2b302ac6', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: '5dd8c6aa6265c51662fa5f41a162c3f7701aa933', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'a8d65e0c01b01466025a2190dbd948b6b89ff715', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'd983af0ef37487e6ba1776a5a3a8bde7cadde0bc' }, h("stzh-button", { key: '63a496c7595618ba5563697a95d919bec1f17a77', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: 'f4d2124fbb7dcabcf3629aaf0a2073594e30edba', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: '28c5fb49bf771dd41ae826a2107a6295d4b76b0b', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: '2e452d171515cbdee667a8edf250f2e6ecd54c04', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: '7ce2e270dd5039f860fce36aead3cc38feae01cb', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: 'd9a2465fc035fb19b2bc49006125733861ac298b', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: 'bbc3001ba0d7db4c8a96a0872717b53f1ee9fb2e', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        return (h(Host, { key: 'b655766a1672228c550870ac9c31d3a1e8e41e22' }, h("div", { key: 'af1ea689328cf6086abd4d77d47181d242698217', class: classes }, h("stzh-figure", { key: 'fa43dc03602d65d2aca0bbdb13bed50e208abf7e', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '392f882d38d78e70f9ef0de965789e1dfd5c8a70' }, h("div", { key: '115d0c41fa86c8747aca52e240ca970f05635a48', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'e67d548071fb82b0f53d8260a1e9329ec6fc08b5', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '7957bd4d735c866387da3995cb4ba93d7183001e', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: 'b8fd89547c99c42d83f331da9abadfb317430c15', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: '4091737aeefd0b98b73025de8eb5f49c9307bcb4', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: '9a9dc27f4c8f32416bf7f0742980afe21241e780' }, h("stzh-button", { key: 'fe2aeddfaa86920668ae99b8980cc15468655ff0', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: '538ee2ac1943e2f0baac9ebf71aa049839e6a2e2', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: '38a04ab80ca4362a726562165d6a6aa6b7444341', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: 'b8b492dd85322df74c345c4aafc9eb74c9f505b7', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: '0a42a7bc499234b46603eab850d46899c0f6656c', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: 'ea58a4a8f7909ead4a98a493e21aa851a628c706', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: '56aa87820ea94a34055c017cc4b1ec3b05aaa9b2', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
                 ? this.localization.stopOrientation
-                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: '228c83e4c03c14f197b87d2eb068d6a98d8ed862', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
+                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: '558609476a69539b4ec3733de501d5d0c1400bcd', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
                 ? this.localization.disableFullscreenLabel
                 : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))))));
     }

package/dist/components/stzh-pi-content-navigation.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$3 } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$2 } from './p-Chfmq0ty.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$3 } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$2 } from './p-DK163sow.js';
 
 const stzhPiContentNavigationCss = () => `.sc-stzh-pi-content-navigation-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-content-navigation-h,[stzh-hidden].sc-stzh-pi-content-navigation-h{display:none}.sc-stzh-pi-content-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::before,.sc-stzh-pi-content-navigation-h *.sc-stzh-pi-content-navigation::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-content-navigation-h .has-focus.sc-stzh-pi-content-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation{outline-style:none !important}.sc-stzh-pi-content-navigation-h .stzh-fylingfocus-focused.sc-stzh-pi-content-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-pi-content-navigation-h{--arrow-background-color:var(
     --stzh-pi-content-navigation-arrow-background-color,
@@ -57,7 +57,7 @@ const StzhPiContentNavigation$1 = /*@__PURE__*/ proxyCustomElement(class StzhPiC
             "stzh-pi-content-navigation--is-navigation-level-1-or-2": isNavigationLevel1or2,
         };
         const CardLink = this.href ? "a" : "button";
-        return (h(Host, { key: '399314241e8e2f08f57ebcd9442c5353f1d818f1', "has-lead": hasLead }, h("article", { key: 'da0fd8bf88501d00b507b98f2ba9f1ce143baf49', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '2bdfe7c9f9eccc2c9f9998427458cca4df3a83f9', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '710112ac3ed0d7ee51423d7af37140dafe7816fc', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: '9b8b005db9ad12f0dd76e021fa3d3fc6beb7f200', ratio: "2:1" }, h("slot", { key: '42eaf7af99f21ccb88a1e8cf11dad5b3429e308c', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '87bf2afb7914ee21a8993aa3c3bdbf6ffdc52c82', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '24cd8522948426a092f1126e851b8174cb54baf6', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '0f8c0ad83fe65a0f4fa3d2b13e1496a8372b26d0', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '1c8db1e5078892575c7676694095c0f70f6f4da5', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '1e2676d7ce5bc54d545c65047d5ea2592be97e4c', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
+        return (h(Host, { key: '1fcdf6772f6dfc253e6df83effcb61223238e712', "has-lead": hasLead }, h("article", { key: 'b0bfb722b0f3d0bee9522769fa1edd6a56109ef4', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'ce1405ed4f7a74eb373cc2069fde662af7e5cfda', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'c99e39a32446e6b150b6a9b4f3089acbaa24ed5a', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: 'd6a037b474b29d15dfe54f0357616a31fbdfe2b4', ratio: "2:1" }, h("slot", { key: '14127d387d0fd8635bdc8fb2f867af3bd53b53c6', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '1654ab8463e716c491e669d0a7ccde56197dfe54', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '3d4afac6fb942549e64efaa3017b3df955dc5d6f', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '3f7e0862b1e1fc59c8a9532b7aa6d8ad9c2d3cc5', class: "stzh-pi-content-navigation__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" })))), h("div", { key: 'a9b420773192d691851b9709b26a5c493a79c26a', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: 'd4e57b3f7366425ee5a242d9f5db209a5b0a046d', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
     }
     get element() { return this; }
     static get style() { return stzhPiContentNavigationCss(); }

package/dist/components/stzh-pi-content-navigation.js.map

@@ -1 +1 @@
-{"file":"stzh-pi-content-navigation.js","mappings":"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","names":["StzhPiContentNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.scss?tag=stzh-pi-content-navigation&encapsulation=scoped","src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.tsx"],"sourcesContent":["/**\n * @prop --stzh-pi-content-navigation-arrow-background-color: Background color of the arrow\n */\n\n:host {\n  --arrow-background-color: var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    #{$colorSecondary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-content-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  gap: space(\"small\");\n  background-color: var(--stzh-color-coolgrey20);\n\n  @media (forced-colors: active) {\n    border: 2px solid;\n  }\n\n  &:hover &__arrow-icon {\n    transform: translateX(4px);\n  }\n\n  &__wrapper {\n    // @include spaceCurve('padding-left', 'intermediary');\n    display: flex;\n    // align-items: center;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__title {\n    @include font(\"heavy\");\n    @include fontSize(\"deci\", \"heading\");\n    @include wordWrap;\n    color: var(--stzh-color-black);\n    margin: 0;\n\n    @include mq($from: medium) {\n      @include fontSize(\"deca\", \"heading\");\n    }\n\n    &:has(+ .stzh-pi-content-navigation__lead) {\n      @include spaceCurve(\"padding-bottom\", \"small\");\n    }\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n    flex-grow: 1;\n    padding-bottom: 40px; // safe space for arrow minus a optical correction\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontCurve(\"p2\");\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 44px;\n    height: 44px;\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    color: var(--stzh-color-black);\n    background-color: var(--arrow-background-color);\n  }\n\n  &__arrow-icon {\n    transition: transform 150ms ease;\n    --size: #{iconSize(\"large\")};\n  }\n\n  /* Level 3 and 4 */\n\n  &:not(&--is-navigation-level-1-or-2) &__wrapper {\n    @include spaceCurve(\"padding-right\", \"small\");\n    @include spaceCurve(\"padding-left\", \"small\");\n  }\n\n  &:not(&--is-navigation-level-1-or-2) &__title-ratio &__title {\n    @include spaceCurve(\"padding-right\", \"small\");\n    @include spaceCurve(\"padding-left\", \"small\");\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  /* Title ratio styling (when navigation level 1 and 2 and no image) */\n  &__title-ratio {\n    background-color: var(--stzh-color-coolgrey30);\n    aspect-ratio: 2/1;\n    display: flex;\n    align-items: center;\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n  }\n\n  &__title-ratio &__title {\n    // display: flex;\n    // align-items: center;\n    height: fit-content;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiCardNavigationClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-content-navigation\",\n  styleUrl: \"stzh-pi-content-navigation.scss\",\n  scoped: true,\n})\nexport class StzhPiContentNavigation {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Content navigation level */\n  @Prop({ reflect: true }) navigationLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"1\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiCardNavigationClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-content-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.heading || this.headingTextElement?.innerText;\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <Heading class=\"stzh-pi-content-navigation__title\" ref={el => (this.headingTextElement = el)}>\n        {this.heading || <slot name=\"heading\"></slot>}\n      </Heading>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const isNavigationLevel1or2 = this.navigationLevel === \"1\" || this.navigationLevel === \"2\";\n    const hasImage = hasImageSlot && isNavigationLevel1or2;\n    const shouldRenderTitleRatio = isNavigationLevel1or2 && !hasImage;\n\n    const classes = {\n      \"stzh-pi-content-navigation\": true,\n      \"stzh-pi-content-navigation--has-lead\": hasLead,\n      \"stzh-pi-content-navigation--has-image\": hasImage,\n      \"stzh-pi-content-navigation--is-navigation-level-1-or-2\": isNavigationLevel1or2,\n    };\n\n    const CardLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-content-navigation__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-content-navigation__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <div class=\"stzh-pi-content-navigation__title-ratio\">{this.renderHeading()}</div>\n            )}\n            <div class=\"stzh-pi-content-navigation__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              {hasLead && (\n                <div class=\"stzh-pi-content-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n              )}\n            </div>\n\n            <div class=\"stzh-pi-content-navigation__arrow\">\n              <stzh-icon class=\"stzh-pi-content-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-pi-content-navigation.js","mappings":"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","names":["StzhPiContentNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.scss?tag=stzh-pi-content-navigation&encapsulation=scoped","src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.tsx"],"sourcesContent":["/**\n * @prop --stzh-pi-content-navigation-arrow-background-color: Background color of the arrow\n */\n\n:host {\n  --arrow-background-color: var(\n    --stzh-pi-content-navigation-arrow-background-color,\n    #{$colorSecondary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-content-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  gap: space(\"small\");\n  background-color: var(--stzh-color-coolgrey20);\n\n  @media (forced-colors: active) {\n    border: 2px solid;\n  }\n\n  &:hover &__arrow-icon {\n    transform: translateX(4px);\n  }\n\n  &__wrapper {\n    // @include spaceCurve('padding-left', 'intermediary');\n    display: flex;\n    // align-items: center;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__title {\n    @include font(\"heavy\");\n    @include fontSize(\"deci\", \"heading\");\n    @include wordWrap;\n    color: var(--stzh-color-black);\n    margin: 0;\n\n    @include mq($from: medium) {\n      @include fontSize(\"deca\", \"heading\");\n    }\n\n    &:has(+ .stzh-pi-content-navigation__lead) {\n      @include spaceCurve(\"padding-bottom\", \"small\");\n    }\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n    flex-grow: 1;\n    padding-bottom: 40px; // safe space for arrow minus a optical correction\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontCurve(\"p2\");\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 44px;\n    height: 44px;\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    color: var(--stzh-color-black);\n    background-color: var(--arrow-background-color);\n  }\n\n  &__arrow-icon {\n    transition: transform 150ms ease;\n    --size: #{iconSize(\"large\")};\n  }\n\n  /* Level 3 and 4 */\n\n  &:not(&--is-navigation-level-1-or-2) &__wrapper {\n    @include spaceCurve(\"padding-right\", \"small\");\n    @include spaceCurve(\"padding-left\", \"small\");\n  }\n\n  &:not(&--is-navigation-level-1-or-2) &__title-ratio &__title {\n    @include spaceCurve(\"padding-right\", \"small\");\n    @include spaceCurve(\"padding-left\", \"small\");\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  /* Title ratio styling (when navigation level 1 and 2 and no image) */\n  &__title-ratio {\n    background-color: var(--stzh-color-coolgrey30);\n    aspect-ratio: 2/1;\n    display: flex;\n    align-items: center;\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n  }\n\n  &__title-ratio &__title {\n    // display: flex;\n    // align-items: center;\n    height: fit-content;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiCardNavigationClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-content-navigation\",\n  styleUrl: \"stzh-pi-content-navigation.scss\",\n  scoped: true,\n})\nexport class StzhPiContentNavigation {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Content navigation level */\n  @Prop({ reflect: true }) navigationLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"1\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiCardNavigationClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-content-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.heading || this.headingTextElement?.innerText;\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <Heading class=\"stzh-pi-content-navigation__title\" ref={el => (this.headingTextElement = el)}>\n        {this.heading || <slot name=\"heading\"></slot>}\n      </Heading>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const isNavigationLevel1or2 = this.navigationLevel === \"1\" || this.navigationLevel === \"2\";\n    const hasImage = hasImageSlot && isNavigationLevel1or2;\n    const shouldRenderTitleRatio = isNavigationLevel1or2 && !hasImage;\n\n    const classes = {\n      \"stzh-pi-content-navigation\": true,\n      \"stzh-pi-content-navigation--has-lead\": hasLead,\n      \"stzh-pi-content-navigation--has-image\": hasImage,\n      \"stzh-pi-content-navigation--is-navigation-level-1-or-2\": isNavigationLevel1or2,\n    };\n\n    const CardLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-content-navigation__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-content-navigation__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <div class=\"stzh-pi-content-navigation__title-ratio\">{this.renderHeading()}</div>\n            )}\n            <div class=\"stzh-pi-content-navigation__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              {hasLead && (\n                <div class=\"stzh-pi-content-navigation__lead\">\n                  {this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}\n                </div>\n              )}\n            </div>\n\n            <div class=\"stzh-pi-content-navigation__arrow\">\n              <stzh-icon class=\"stzh-pi-content-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-pi-menu.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-BOO84wnP.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-CUGRmgip.js';
-import { d as defineCustomElement$3 } from './p-CUg-9OV-.js';
-import { d as defineCustomElement$2 } from './p-DZ_hOgVb.js';
+import { d as defineCustomElement$3 } from './p-CyByUFaI.js';
+import { d as defineCustomElement$2 } from './p-mPSUVIkD.js';
 
 const stzhPiMenuCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu{scrollbar-color:var(--stzh-color-primary40) var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__sub-menu.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu{}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu{}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}`;
 
@@ -264,7 +264,7 @@ const StzhPiMenu$1 = /*@__PURE__*/ proxyCustomElement(class StzhPiMenu extends H
         // Screens medium, large and ultra
         const wideScreens = `${this.entangledMenuSize}px`;
         const menuWidth = this.open ? (this.isMedium ? wideScreens : narrowScreens) : this.isMedium ? wideScreens : closed;
-        return (h(Host, { key: '36015ffafb4adfba9ab41d9b081be708f3f071e8', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '08a861ee169b9081052d26b9754d1c9d338d1832', class: "stzh-pi-menu-positioner" }, h("div", { key: 'a5ba39c2581d951d9737a96dd8a2838bdff0d17c', class: classes, style: { width: menuWidth } }, h("div", { key: 'a3b18bc27e04d54c7d84677d217de0f57ef0acc9', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: 'c0debf902c417ed701766dce5a8aa178acb426d7', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '7e9f51c1ffe00b9e33ed0aa512fb08d030877428', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: 'ad5b9db7571f1de1733ade202b58f59e1db3dabf', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: '8eb0e48a97056f1378d38a916cc44666e3471832', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: '928d39fc8e68fa0cb3d1915f4bcfba0a8ececa45', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'b98f8c01f61c73498e73f3ac1be25e6dad53a60c', class: "stzh-pi-menu__content-inner" }, h("nav", { key: 'fa52a4d2e49c8ef0c42582550e2a099a1062b17d', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: 'd900480dc83c64f5608e753680e1a4e86680db75', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: 'cbcf40c5f8adb102ce64917464402fb1a440b0cb', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: 'ed0a0f4aa3c54ae85d947c6498c8a3ef8f919c66', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: '949b0d4c2ef0e3f00eb6ec3018d1b5eff4093c43', class: "stzh-pi-menu__button-text" }, h("span", { key: '0a9695584bc2088bc22a004616ef7716549300e6', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: '07761cd5b334ac2621f38342c69e450bbbef35b2', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
+        return (h(Host, { key: 'f59980c8aa292bf78da6bf77085799a509de100f', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: 'f2000909d1cf15db086db5c830ff1b4a6561731d', class: "stzh-pi-menu-positioner" }, h("div", { key: '7ebd56f4f27c8e639b790e963b2a6da512d2a5cd', class: classes, style: { width: menuWidth } }, h("div", { key: 'f708129df2dce5d1eeff48457a7ba68cb0b5b467', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '4d14eccd1eacd6b2c45f98f4393d0ea073ec5d82', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '6695c0b957b84b8f3aceeb2c2d723be9b17f688d', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '09969a05944aeb17ad6121aad2fc0c4b64eefb85', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: '750f36b3ff5126b80cf81bd945e24e0e5db5023d', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: '871d2ac9b1a26ac539c9b13d00d6896d77b313fd', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'e85f0ed1d76615ab3b3d3f69dd075aa1f301948a', class: "stzh-pi-menu__content-inner" }, h("nav", { key: 'c258cb4102b4dcd60328b6002ba78380cd514226', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '6f50b9a55b3274d3348f3e5ae6c5d3bbcb622f80', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '46b2241d14386be10b289561ceb49ab86b054cd0', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: '080220e14ea2ce396ba89388f724424b755d8cb5', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: 'de6a5934addbf0f7d1b0a41c5c17c32636863ffa', class: "stzh-pi-menu__button-text" }, h("span", { key: '6ac6bf59013993a226825d6a0fdf3f1cdd5568ec', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: 'bcf4b44e733f44b458b0b3264401e5348a228803', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-pi-pagetitle.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { s as setPropsIfNull, h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$2 } from './p-Chfmq0ty.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { s as setPropsIfNull, h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$2 } from './p-DK163sow.js';
 
 const stzhPiPagetitleCss = () => `.sc-stzh-pi-pagetitle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(
     --stzh-pi-pagetitle-hero-background-color,
@@ -88,7 +88,7 @@ const StzhPiPagetitle$1 = /*@__PURE__*/ proxyCustomElement(class StzhPiPagetitle
             "stzh-pi-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,
         };
-        return (h(Host, { key: 'be801802140467c0c1fde3ae8380852f4c45e6dc', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '42cb3a210fd0b3884d5169ab701e954dabc5e6f2', class: classes }, h("div", { key: '194cbd31797b027038a067470e1d5b0a70712246', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '916aa381caa9451b6a176f2cbcba3da5d441412b', class: "stzh-pi-pagetitle__hero" }, h("div", { key: '0542cfcaa836152c9a29e459eae6dbf3b2095e38', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '2f861dd126aa8ae736ff5cbe7171acccbd4c4e66', name: "breadcrumb" })), h("div", { key: 'f83ee185ce58a32d055dee70f1ecf07c808ad8f6', class: "stzh-pi-pagetitle__meta" }, h("div", { key: 'ac00669bebba7e6fa6e0da5c98705116426f8f37', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: '08784f7aea95a2b916dab2420ba4a4b722c82df2', name: "readspeaker" }))), h("div", { key: '09d98ba4b13bcaae28807cda91aba56e2a46f362', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: 'b791558a9cdb9bccc642c36d7da7dc4c0f6373db', name: "dateline" })), h("div", { key: '8b840870ed81b6d37c13b52e46987cb668678f6b', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'c78614e3ea59598728f5e2b2ac617c17ca7ec233', name: "heading" })))), h("div", { key: '71592494b79a2da0bab6650f4411fc5fdcd1717b', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'fd7f085ae465e70b3df95876d805a44a78700ba3', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: '75c454873d81bc373c017eb63d5e50aa3057ebb0', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '96432fc2cbeeab0a44fe148c7802a04a02129c7c', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: 'c2a0660b417bfe0404f58aae94181b4354e71080', name: "menu" })))), hasImageSlot && (h("div", { key: '4629ab0d0bc952066b505126cfe0cf9d162bdf64', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '78be746459f675752b071dc22b10e09965ab489d', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '875a2a4c1b982ca0b57bd609b2966d1947b72c23', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'ee0a242fd2d380fc257cb01b0bd0e82cfb78c319', name: "image" })))))), menuSlotUsed && (h("div", { key: 'e5db467395276bb81658f04794ccd7a0324ca797', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '90812fe611657dce381669cb5f6174c3090fa11f', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '11bd0877dd89366df102deead732a07be6206238', name: "lead" })))))), !menuSlotUsed && (h("div", { key: '0bd135dcc2e2fa917201e4f3160456086bc09b08', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: '535b69e09f973f8a76543e1bdf905e61b59656e8', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '5c73c2b92c14f18765f5b6cb31d13e509f59472c', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '50c21a029ee6fff9029f705dc1b47b242f67bd24', name: "lead" }))))), h("div", { key: 'ca769ba00a8b44ff1a6594c8c986151c6d9c72e5', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: 'e576515aca31ccc7a1c28ca4059d39cf7c1a1adb', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: '8c01435da933f655acdfcbfee254ca5bd3d893c6', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: 'c8b4f6779cd3ba0f74e09d92b102528ed36afb55' }, this.author && h("p", { key: '5d5745969539f33e6749d06e4bc3512556b11a25', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: '33c258edfce42764605d9e427449b9a7cd7752b4', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '3614f399ff0df547065988a234132e9d294833a2', name: "content" })))))));
+        return (h(Host, { key: 'f46da62bbf355635434b3cf9191cd1a5de10239c', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '9a12a7a73f6d3cd06476ade7af053e65de0181a0', class: classes }, h("div", { key: 'dec9aa35b40efb51bb1bfaf679018d0cd806a9bd', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '2a154984dfbdd94b8e3f6bbb2ee35e8b4ad269c6', class: "stzh-pi-pagetitle__hero" }, h("div", { key: 'f088bc2ca767e5acd26f41cdcefa3f6fe24e3291', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: 'b8bfe971cf94130e6385cf5da0afb3ae7ab05a09', name: "breadcrumb" })), h("div", { key: '9fec1691cf0ff47251954809b4542226189192bd', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '90298dfd3905660ba94b5ccca9a5c16b1a8c0bda', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: 'e899f724cce4bbaf576c63a4aa4681cab8b55aa1', name: "readspeaker" }))), h("div", { key: 'ff21745b7d0eb66b36c2e90771ba4b31de899e88', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: 'fde950feb62c82fdb4e101a1138694f2dc552135', name: "dateline" })), h("div", { key: 'efb929aa4345528514b0af23ca2c721119df02a7', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'a3c65bad70588e5f1f28429d254b81ee46bfccac', name: "heading" })))), h("div", { key: '7e3e970bed8e21a212aae2e494f7b6d2f3fd3ca6', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: '4e49b257a9f953f87a7c3d178728be39c6e55861', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: 'e6133250389c46429dc02ef92bf052ba7b44b454', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '6865d2ffd51517ed00e5c27adba5cbe0befd4003', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: '17d0a81dfa2271e1ffb6a9e7c645df4e5464ec28', name: "menu" })))), hasImageSlot && (h("div", { key: 'aafd30ce117fef08d95f193d6371de01d2288f05', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '6fca999c7eb15f93c8a1029b2ee91462ac186614', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '5994121f6b339ce2790b2c4e4ca576e3dd8cef8b', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'b22410646fb82698c97a1ac1b82fbd8d34406a89', name: "image" })))))), menuSlotUsed && (h("div", { key: '884f86d24b9c25f39a26c314315d3648edf671f6', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '46080750113f5416011ba54c4415bdf2c3167186', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: 'a32bf1b11bd78326c78fb85687314310db1857c8', name: "lead" })))))), !menuSlotUsed && (h("div", { key: '508adbcd96b3e9d0a7ef26d97635eb783005aed8', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: 'b13ed47959a7c48d81ca2b8b9bd7bcca9bec74ba', class: "stzh-pi-pagetitle__lead" }, h("div", { key: 'ac362d43d6632f1739d0d1cc413ce20f8d20f4e3', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '1e805dbef0b024460585156d30fafd8ae2f7990a', name: "lead" }))))), h("div", { key: '947f22c8b39402fcf1d84eb6cf1fd0126e384bcf', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: '2ab74087cc49f188e159a5a131193cd883554a5d', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: 'c0cc042eea5762f81db3f2e23cebfa989439e053', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: '2219e88bfc37e3e606f3ecbba827401f64a1218e' }, this.author && h("p", { key: '477c954c7d50b158c4be4dd6fd16dd1ecd01756d', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: 'c07e85cc0a3cb45f61a216ec6ce676f8a268d5a2', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '0d41216d0a35394f604696ba32e7daf568ef2d7a', name: "content" })))))));
     }
     get element() { return this; }
     static get style() { return stzhPiPagetitleCss(); }

package/dist/components/stzh-pi-quote.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 
 const stzhPiQuoteCss = () => `@charset "UTF-8";.sc-stzh-pi-quote-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-quote-h,[stzh-hidden].sc-stzh-pi-quote-h{display:none}.sc-stzh-pi-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-quote-h *.sc-stzh-pi-quote,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::before,.sc-stzh-pi-quote-h *.sc-stzh-pi-quote::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-quote-h .has-focus.sc-stzh-pi-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote{outline-style:none !important}.sc-stzh-pi-quote-h .stzh-fylingfocus-focused.sc-stzh-pi-quote::-moz-focus-inner{border:0 !important}.sc-stzh-pi-quote-h{--background-color:var(--stzh-pi-quote-background-color, var(--stzh-color-primary30));--color:var(--stzh-pi-quote-color, var(--stzh-color-primary50))}.stzh-pi-quote.sc-stzh-pi-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-top:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-right:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-pi-quote.sc-stzh-pi-quote{padding-left:9.875rem}}@media print{.stzh-pi-quote.sc-stzh-pi-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stzh-pi-quote__content.sc-stzh-pi-quote{margin:0}.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-pi-quote__text.sc-stzh-pi-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-pi-quote__text.sc-stzh-pi-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex}.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{display:block;font-size:var(--stzh-font-mega-font-size)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::before,.stzh-pi-quote__text.sc-stzh-pi-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-pi-quote__text.sc-stzh-pi-quote::before{content:"«";color:var(--color);display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-pi-quote__text.sc-stzh-pi-quote::after{content:"»";color:var(--color);display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-pi-quote__text.sc-stzh-pi-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-pi-quote__author.sc-stzh-pi-quote{display:block;margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-top:var(--stzh-space-xxlarge)}}.stzh-pi-quote__author.sc-stzh-pi-quote{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-micro-font-size);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-pi-quote__author.sc-stzh-pi-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-pi-quote__author.sc-stzh-pi-quote{font-size:var(--stzh-font-centi-font-size)}}`;
 
@@ -17,7 +17,7 @@ const StzhPiQuote$1 = /*@__PURE__*/ proxyCustomElement(class StzhPiQuote extends
         const classes = {
             "stzh-pi-quote": true,
         };
-        return (h(Host, { key: '7bd0955bfa6f6bd36d4602bb1093a1d8e89df3b4' }, h("div", { key: '38cf6de06830835ab44bef045d900b175ffe974c', class: classes }, h("blockquote", { key: '0f2e37ec295855bb304c088a3bc7b0ae32a63ead', class: "stzh-pi-quote__content" }, h("p", { key: '7ea07d731ae20ee8e29b6b2768e151fe46bc97be', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: '1468daeb78b0b413f2aeca7d06a6d223de47403c', class: "stzh-pi-quote__author" }, this.author)))));
+        return (h(Host, { key: 'c4047d268cc08ebcb427475c44681b6ece37813d' }, h("div", { key: 'afe29f3639e31dd83aba43f9adfbde7f6845ff94', class: classes }, h("blockquote", { key: 'abbc83bc1f3cbd81f9b515ddd289af6058cd7546', class: "stzh-pi-quote__content" }, h("p", { key: 'c764e46228a63b7783d99216591b2acd7168ec4d', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: 'd96ee223a7ca68b12f0ff0c860d8b00a5002a0d7', class: "stzh-pi-quote__author" }, this.author)))));
     }
     get element() { return this; }
     static get style() { return stzhPiQuoteCss(); }

package/dist/components/stzh-pi-teaser-layout-item.js

@@ -1,4 +1,4 @@
-import { S as StzhPiTeaserLayoutItem$1, d as defineCustomElement$1 } from './p-DF6aCFVH.js';
+import { S as StzhPiTeaserLayoutItem$1, d as defineCustomElement$1 } from './p-BDTQkRkl.js';
 
 const StzhPiTeaserLayoutItem = StzhPiTeaserLayoutItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-pi-teaser-layout.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 import { m as media, a as addMediaChangeListener } from './p-CUGRmgip.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$2 } from './p-DF6aCFVH.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$2 } from './p-BDTQkRkl.js';
 
 const stzhPiTeaserLayoutCss = () => `.sc-stzh-pi-teaser-layout-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-teaser-layout-h,[stzh-hidden].sc-stzh-pi-teaser-layout-h{display:none}.sc-stzh-pi-teaser-layout-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::before,.sc-stzh-pi-teaser-layout-h *.sc-stzh-pi-teaser-layout::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-teaser-layout-h .has-focus.sc-stzh-pi-teaser-layout{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout{outline-style:none !important}.sc-stzh-pi-teaser-layout-h .stzh-fylingfocus-focused.sc-stzh-pi-teaser-layout::-moz-focus-inner{border:0 !important}.sc-stzh-pi-teaser-layout-h{--grid-pi-teaser-layout-columns:repeat(12, 1fr);--min-height:112.5rem;--max-height:118.75rem;--gap:1rem;--grid-pi-teaser-layout-template:"t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"
     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2" "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"

package/dist/components/stzh-pi-teaser.js

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { h as hasSlot } from './p-CN5apKPb.js';
-import { d as defineCustomElement$2 } from './p-Chfmq0ty.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { h as hasSlot } from './p-DBHUqFOB.js';
+import { d as defineCustomElement$2 } from './p-DK163sow.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(
     --stzh-pi-teaser-image-background-color,
@@ -78,7 +78,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: '5de62fb3bcf3aa74f23a1ec0bd56adecc6f413a1', "has-lead": hasLead }, h("article", { key: '17e16cf28798e121ae8d18dbaffbd6e01ae14639', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '2fc1a4a1160be1a87f036c1982506f4cc8786a4e', ref: el => (this.cardLinkElement = el), class: "stzh-pi-teaser__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'd8b9d711ba3f3999dd9d863771d6f38543385359', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '0903987a40e33156506c6dc6ef5bcfa0e4a49ed7', ratio: "2:1" }, h("slot", { key: 'acada0d530285e49f8586d07c79bac866bb5b90b', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: 'aee4462b525b2ce52feed146cb853099002d0687', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: 'eee77c4ffb66dd894a9a35292f93cbcd3af7cbd9', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '9b9b63a9514f6881dce296d5ed3dc684babcfe1a', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: 'bf30e0101a9e134caeb9895291dbad426529f71c', class: "stzh-pi-teaser__date" }, this.date))))));
+        return (h(Host, { key: '7390f7e3ea2c03a3ef4eda7510f83fc73aa71bba', "has-lead": hasLead }, h("article", { key: '0548adf4be7ce5e01e9ff2355d2eb683536fc7fb', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'baddbddfb7fc5008fb3fd8217679a0abda852ace', ref: el => (this.cardLinkElement = el), class: "stzh-pi-teaser__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '34a6571ac84f190525d230ec62a66f76d965cf90', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '790089236fcf35c986592946938e5bab1a9d87a5', ratio: "2:1" }, h("slot", { key: 'ffef3cec52fab726574f65eae66f60a626d011dc', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: '0b964ee204053f5f212c0d822273cb3c07cfaf1b', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: 'eb4f6d3d18cd91dba3a689f3ace8c5a174c5dceb', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: 'cc7d0ae8a238111ceac3d5bb2297dc63ea2e99fa', class: "stzh-pi-teaser__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" })), this.date && h("p", { key: '3bee7dcfd652179d0291590a071a6ea2d55b5d81', class: "stzh-pi-teaser__date" }, this.date))))));
     }
     get element() { return this; }
     static get style() { return stzhPiTeaserCss(); }

package/dist/components/stzh-pi-teaser.js.map

@@ -1 +1 @@
-{"file":"stzh-pi-teaser.js","mappings":"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","names":["StzhPiTeaser","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.scss?tag=stzh-pi-teaser&encapsulation=scoped","src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-teaser-image-background-color: Background color if no image is present\n */\n\n:host {\n  --image-background-color: var(\n    --stzh-pi-teaser-image-background-color,\n    #{$colorPrimary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-teaser {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--stzh-color-white);\n\n  &__wrapper {\n    display: flex;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__dateline {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    color: var(--stzh-color-coolgrey70);\n    margin: 0 0 var(--stzh-space-small);\n    flex-shrink: 0;\n  }\n\n  &__title {\n    @include font(\"title\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n\n    color: var(--stzh-color-black);\n    margin: 0;\n    min-height: 0;\n\n    display: -webkit-box;\n    -webkit-line-clamp: var(--line-clamp, 3); /* Limit the text to 3 lines */\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis; /* Adds \"...\" at the end if truncated */\n    //line-height: 1.0 !important;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontSize(\"milli\");\n    margin-top: 0;\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  &__date {\n    color: var(--stzh-color-coolgrey70);\n    margin: 0;\n    text-align: right;\n    width: 100%;\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  &--has-image &__lead {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  /* Title ratio styling (no image) */\n  &__title-ratio {\n    --background-color: var(--image-background-color);\n  }\n\n  &__title-ratio &__title-wrapper {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    gap: var(--stzh-space-xxsmall);\n  }\n\n  &__title-ratio &__dateline {\n    margin-bottom: 0;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-teaser\",\n  styleUrl: \"stzh-pi-teaser.scss\",\n  scoped: true,\n})\nexport class StzhPiTeaser {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Dateline */\n  @Prop() dateline: string = \"\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Date */\n  @Prop() date: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n  private datelineTextElement: HTMLDivElement;\n  private wrapperElement: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-teaser\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private setLineAmount = () => {\n    if (!this.wrapperElement || !this.headingTextElement || !this.datelineTextElement) return;\n\n    const wrapperStyle = getComputedStyle(this.wrapperElement);\n    const titleStyle = getComputedStyle(this.headingTextElement);\n\n    const paddingTop = parseFloat(wrapperStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(wrapperStyle.paddingBottom) || 0;\n\n    const lineHeight = parseFloat(titleStyle.lineHeight);\n    const datelineHeight = this.datelineTextElement.offsetHeight;\n    const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n    const gap = parseFloat(wrapperStyle.rowGap || wrapperStyle.gap) || 0;\n    const fitsThreeLines = available >= lineHeight * 3 + gap;\n\n    this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(this.setLineAmount);\n    this.resizeObserver.observe(this.element);\n    this.setLineAmount();\n  }\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n        {this.dateline && (\n          <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n            {this.dateline}\n          </p>\n        )}\n        <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n        </Heading>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const shouldRenderTitleRatio = !hasImageSlot;\n    const CardLink = this.href ? \"a\" : \"button\";\n    const classes = {\n      \"stzh-pi-teaser\": true,\n      \"stzh-pi-teaser--has-lead\": hasLead,\n      \"stzh-pi-teaser--has-image\": hasImageSlot,\n    };\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-teaser__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-teaser__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n                {this.renderHeading()}\n              </stzh-ratio>\n            )}\n            <div class=\"stzh-pi-teaser__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              <div class=\"stzh-pi-teaser__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n              {this.date && <div class=\"stzh-pi-teaser__date\">{this.date}</div>}\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-pi-teaser.js","mappings":"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","names":["StzhPiTeaser","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.scss?tag=stzh-pi-teaser&encapsulation=scoped","src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-teaser-image-background-color: Background color if no image is present\n */\n\n:host {\n  --image-background-color: var(\n    --stzh-pi-teaser-image-background-color,\n    #{$colorPrimary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-teaser {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--stzh-color-white);\n\n  &__wrapper {\n    display: flex;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__dateline {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    color: var(--stzh-color-coolgrey70);\n    margin: 0 0 var(--stzh-space-small);\n    flex-shrink: 0;\n  }\n\n  &__title {\n    @include font(\"title\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n\n    color: var(--stzh-color-black);\n    margin: 0;\n    min-height: 0;\n\n    display: -webkit-box;\n    -webkit-line-clamp: var(--line-clamp, 3); /* Limit the text to 3 lines */\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis; /* Adds \"...\" at the end if truncated */\n    //line-height: 1.0 !important;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontSize(\"milli\");\n    margin-top: 0;\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  &__date {\n    color: var(--stzh-color-coolgrey70);\n    margin: 0;\n    text-align: right;\n    width: 100%;\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  &--has-image &__lead {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  /* Title ratio styling (no image) */\n  &__title-ratio {\n    --background-color: var(--image-background-color);\n  }\n\n  &__title-ratio &__title-wrapper {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    gap: var(--stzh-space-xxsmall);\n  }\n\n  &__title-ratio &__dateline {\n    margin-bottom: 0;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-teaser\",\n  styleUrl: \"stzh-pi-teaser.scss\",\n  scoped: true,\n})\nexport class StzhPiTeaser {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Dateline */\n  @Prop() dateline: string = \"\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Date */\n  @Prop() date: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n  private datelineTextElement: HTMLDivElement;\n  private wrapperElement: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-teaser\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private setLineAmount = () => {\n    if (!this.wrapperElement || !this.headingTextElement || !this.datelineTextElement) return;\n\n    const wrapperStyle = getComputedStyle(this.wrapperElement);\n    const titleStyle = getComputedStyle(this.headingTextElement);\n\n    const paddingTop = parseFloat(wrapperStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(wrapperStyle.paddingBottom) || 0;\n\n    const lineHeight = parseFloat(titleStyle.lineHeight);\n    const datelineHeight = this.datelineTextElement.offsetHeight;\n    const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n    const gap = parseFloat(wrapperStyle.rowGap || wrapperStyle.gap) || 0;\n    const fitsThreeLines = available >= lineHeight * 3 + gap;\n\n    this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(this.setLineAmount);\n    this.resizeObserver.observe(this.element);\n    this.setLineAmount();\n  }\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n        {this.dateline && (\n          <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n            {this.dateline}\n          </p>\n        )}\n        <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n        </Heading>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const shouldRenderTitleRatio = !hasImageSlot;\n    const CardLink = this.href ? \"a\" : \"button\";\n    const classes = {\n      \"stzh-pi-teaser\": true,\n      \"stzh-pi-teaser--has-lead\": hasLead,\n      \"stzh-pi-teaser--has-image\": hasImageSlot,\n    };\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-teaser__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-teaser__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n                {this.renderHeading()}\n              </stzh-ratio>\n            )}\n            <div class=\"stzh-pi-teaser__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              <div class=\"stzh-pi-teaser__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n              {this.date && <p class=\"stzh-pi-teaser__date\">{this.date}</p>}\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,23 +1,23 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
-import { d as defineCustomElement$k } from './p-D4BnQdqZ.js';
-import { d as defineCustomElement$j } from './p-Yktwo3G-.js';
-import { d as defineCustomElement$i } from './p-B7_vqC4s.js';
-import { d as defineCustomElement$h } from './p-DX8rme7W.js';
-import { d as defineCustomElement$g } from './p-DStLZwaI.js';
-import { d as defineCustomElement$f } from './p-BQkPv0M-.js';
-import { d as defineCustomElement$e } from './p-U00jMEtY.js';
-import { d as defineCustomElement$d } from './p-LMO8z7aY.js';
-import { d as defineCustomElement$c } from './p-hX8escCp.js';
-import { d as defineCustomElement$b } from './p-CLg_b_CM.js';
-import { d as defineCustomElement$a } from './p-DZ_hOgVb.js';
-import { d as defineCustomElement$9 } from './p-G6s0H-yQ.js';
-import { d as defineCustomElement$8 } from './p-Nj7vgfBU.js';
-import { d as defineCustomElement$7 } from './p-BNRtW-oE.js';
-import { d as defineCustomElement$6 } from './p-zn9oE-TU.js';
-import { d as defineCustomElement$5 } from './p-C9VQ8n2k.js';
-import { d as defineCustomElement$4 } from './p-Cqgkebne.js';
-import { d as defineCustomElement$3 } from './p-CqIeGIYq.js';
-import { d as defineCustomElement$2 } from './p-Bnxt1olk.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
+import { d as defineCustomElement$k } from './p-9KM31mTj.js';
+import { d as defineCustomElement$j } from './p-Dn7rMHvA.js';
+import { d as defineCustomElement$i } from './p-CrQrHbCR.js';
+import { d as defineCustomElement$h } from './p-pfvnaMy-.js';
+import { d as defineCustomElement$g } from './p-D8xZNR0-.js';
+import { d as defineCustomElement$f } from './p-T-BXBdfL.js';
+import { d as defineCustomElement$e } from './p-BHup0e1i.js';
+import { d as defineCustomElement$d } from './p-Cg2CourL.js';
+import { d as defineCustomElement$c } from './p-_Wg6OwyH.js';
+import { d as defineCustomElement$b } from './p-DmbPNk49.js';
+import { d as defineCustomElement$a } from './p-mPSUVIkD.js';
+import { d as defineCustomElement$9 } from './p-DhDUHSh7.js';
+import { d as defineCustomElement$8 } from './p-BJz42pna.js';
+import { d as defineCustomElement$7 } from './p-Bi0j3C9E.js';
+import { d as defineCustomElement$6 } from './p-d0YyMFGG.js';
+import { d as defineCustomElement$5 } from './p-o7Gv1uJo.js';
+import { d as defineCustomElement$4 } from './p-BAcc6I3E.js';
+import { d as defineCustomElement$3 } from './p-CIG3atcV.js';
+import { d as defineCustomElement$2 } from './p-BNb1mC_F.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{}: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)}@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)}}.stzh-pkzh-qr-results{--stzh-datalist-nested-margin-left:var(--stzh-space-xsmall)}`;
 

package/dist/components/stzh-popover.js

@@ -1,4 +1,4 @@
-import { S as StzhPopover$1, d as defineCustomElement$1 } from './p-BNRtW-oE.js';
+import { S as StzhPopover$1, d as defineCustomElement$1 } from './p-Bi0j3C9E.js';
 
 const StzhPopover = StzhPopover$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-print.js

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

package/dist/components/stzh-quote.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-5QD-jnDI.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DqjRJcEM.js';
 
 const stzhQuoteCss = () => `@charset "UTF-8";.sc-stzh-quote-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-quote-h,[stzh-hidden].sc-stzh-quote-h{display:none}.sc-stzh-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-quote-h *.sc-stzh-quote,.sc-stzh-quote-h *.sc-stzh-quote::before,.sc-stzh-quote-h *.sc-stzh-quote::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-quote-h .has-focus.sc-stzh-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote{outline-style:none !important}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote::-moz-focus-inner{border:0 !important}.sc-stzh-quote-h{--background-color:var(--stzh-quote-background-color, var(--stzh-color-grey10));--color:var(--stzh-quote-color, var(--stzh-color-primary70));--quotemarks-color:var(--stzh-quote-color, var(--stzh-color-secondary40))}.stzh-quote.sc-stzh-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:9.875rem}}@media print{.stzh-quote.sc-stzh-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (forced-colors: active){.stzh-quote.sc-stzh-quote{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-quote__content.sc-stzh-quote{margin:0}.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-quote__text.sc-stzh-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex;color:var(--color)}.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{display:block;font-size:var(--stzh-font-mega-font-size);color:var(--quotemarks-color)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-quote__text.sc-stzh-quote::before{content:"«";display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-quote__text.sc-stzh-quote::after{content:"»";display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-quote__author.sc-stzh-quote{display:block;margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xxlarge)}}.stzh-quote__author.sc-stzh-quote{color:var(--color);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-micro-font-size);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-centi-font-size)}}`;
 
@@ -17,7 +17,7 @@ const StzhQuote$1 = /*@__PURE__*/ proxyCustomElement(class StzhQuote extends H {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: '9a2e41d49d10d0b32b83143022c85fae4c9b42b8' }, h("div", { key: '5c19894aa24edc6ab8d55c238e3a499089a8fa94', class: classes }, h("blockquote", { key: 'db0e67668e8f7b284dae466973d38d3041882f74', class: "stzh-quote__content" }, h("p", { key: '2f16d8c76dc5820874aeaab614c5b299505b79cb', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '61505bc4fdc70c1d5d2815f61b4dbbff18cabaf6', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: '3bcda15b99f3fe0034aae231c35984cd7adacda6' }, h("div", { key: '414dcdbbcc8e2a85b89ad130ea257326f3c7177e', class: classes }, h("blockquote", { key: '0b90fe868a2c63af428b045186f346b7a5e30dcc', class: "stzh-quote__content" }, h("p", { key: 'f6d5e3dd5a9d4302deecf53f0cda9766f6cb6bcc', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'd398fed97fa733f8f0812d8172aa9afbf4b43838', class: "stzh-quote__author" }, this.author)))));
     }
     get element() { return this; }
     static get style() { return stzhQuoteCss(); }

package/dist/components/stzh-radio.js

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

package/dist/components/stzh-radiogroup.js

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