@oiz/stzh-components 4.13.0-beta2 → 4.13.0

package/dist/components/stzh-appointments.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { t as tc } from './p-uD4ilJut.js';
-import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-Cm4H5jKM.js';
+import { p as parseISODate, a as printISODate, d as defineCustomElement$b } from './p-DtcaCKDY.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$d } from './p-Cl1gEXQY.js';
-import { d as defineCustomElement$c } from './p-XwB7D2_o.js';
-import { d as defineCustomElement$a } from './p-4LLNW_Sp.js';
-import { d as defineCustomElement$9 } from './p-D5scUQED.js';
-import { d as defineCustomElement$8 } from './p-DSXTn_9y.js';
-import { d as defineCustomElement$7 } from './p-ClSK_zhJ.js';
-import { d as defineCustomElement$6 } from './p-U9-oC6Mf.js';
-import { d as defineCustomElement$5 } from './p-cy07BSqU.js';
-import { d as defineCustomElement$4 } from './p-qCrKVPwN.js';
-import { d as defineCustomElement$3 } from './p-CSvDDg8y.js';
-import { d as defineCustomElement$2 } from './p-v5danKU8.js';
+import { d as defineCustomElement$d } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$c } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$a } from './p-C32XvIgd.js';
+import { d as defineCustomElement$9 } from './p-fBN1fT9G.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BuDWT42k.js';
+import { d as defineCustomElement$6 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$5 } from './p-BJZwsXr4.js';
+import { d as defineCustomElement$4 } from './p-jnLGVWPm.js';
+import { d as defineCustomElement$3 } from './p-BmPPlJXz.js';
+import { d as defineCustomElement$2 } from './p-BaQRAFeH.js';
 
 const stzhAppointmentsCss = () => `.sc-stzh-appointments-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-appointments-h,[stzh-hidden].sc-stzh-appointments-h{display:none}.sc-stzh-appointments-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-appointments-h *.sc-stzh-appointments,.sc-stzh-appointments-h *.sc-stzh-appointments::before,.sc-stzh-appointments-h *.sc-stzh-appointments::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-appointments-h .has-focus.sc-stzh-appointments{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments{outline-style:none !important}.sc-stzh-appointments-h .stzh-fylingfocus-focused.sc-stzh-appointments::-moz-focus-inner{border:0 !important}.sc-stzh-appointments-h{--background-color:var(--stzh-color-secondary10)}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__heading.sc-stzh-appointments:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-top:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-appointments__wrapper.sc-stzh-appointments{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-appointments__wrapper.sc-stzh-appointments{display:flex;flex-direction:column;padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-appointments__wrapper.sc-stzh-appointments{flex-direction:row}}.stzh-appointments__calendar-wrapper.sc-stzh-appointments{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-appointments__calendar-wrapper.sc-stzh-appointments{margin-right:var(--stzh-space-xxlarge)}}.stzh-appointments__appointments-wrapper.sc-stzh-appointments{flex-grow:1;display:flex;flex-direction:column}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{margin-bottom:var(--stzh-space-xlarge)}}.stzh-appointments__calendar-title-wrapper.sc-stzh-appointments,.stzh-appointments__appointments-title-wrapper.sc-stzh-appointments{display:flex;align-items:center;justify-content:space-between}.stzh-appointments__calendar-title.sc-stzh-appointments,.stzh-appointments__appointments-title.sc-stzh-appointments{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--stzh-color-primary70);display:flex;align-items:center}.stzh-appointments__calendar-icon.sc-stzh-appointments,.stzh-appointments__appointments-icon.sc-stzh-appointments{--size:var(--stzh-icon-size-large);margin-right:var(--stzh-space-xsmall)}.stzh-appointments__calendar-content.sc-stzh-appointments,.stzh-appointments__calendar-content-medium.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content.sc-stzh-appointments{display:none}}.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:none;background-color:var(--stzh-color-white);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-appointments__calendar-content-medium.sc-stzh-appointments{display:block}}.stzh-appointments__appointments-content.sc-stzh-appointments{flex-grow:1}.stzh-appointments__appointments-radiogroup.sc-stzh-appointments{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-appointments__more-link.sc-stzh-appointments{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-top:var(--stzh-space-medium)}.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:var(--stzh-space-large)}@media screen and (min-width: 900px){.stzh-appointments--has-calendar.sc-stzh-appointments .stzh-appointments__appointments-wrapper.sc-stzh-appointments{margin-top:0}}`;
 

package/dist/components/stzh-archivelist.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-kwBmMJ76.js';
-import { d as defineCustomElement$7 } from './p-Cl1gEXQY.js';
-import { d as defineCustomElement$6 } from './p-XwB7D2_o.js';
-import { d as defineCustomElement$5 } from './p-CiYdGxRQ.js';
-import { d as defineCustomElement$4 } from './p-Dlsh0TmW.js';
-import { d as defineCustomElement$3 } from './p-DSXTn_9y.js';
-import { d as defineCustomElement$2 } from './p-U9-oC6Mf.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
+import { d as defineCustomElement$7 } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$6 } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$5 } from './p-DpaVUmTK.js';
+import { d as defineCustomElement$4 } from './p-CvaREbqQ.js';
+import { d as defineCustomElement$3 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$2 } from './p-BvV59h_6.js';
 
 const stzhArchivelistCss = () => `.sc-stzh-archivelist-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-archivelist-h,[stzh-hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::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-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{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);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__actions.sc-stzh-archivelist{display:flex;justify-content:center}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}`;
 

package/dist/components/stzh-audio.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H as H$1, d as createEvent, h as h$2, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H as H$1, d as createEvent, h as h$2, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$5 } from './p-DSXTn_9y.js';
-import { d as defineCustomElement$4 } from './p-D9laE83Y.js';
-import { d as defineCustomElement$3 } from './p-v5danKU8.js';
-import { d as defineCustomElement$2 } from './p-BLPv4qvK.js';
+import { d as defineCustomElement$5 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$4 } from './p-CmKF84b9.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 
 /**
  * @license

package/dist/components/stzh-badge.js

@@ -1,4 +1,4 @@
-import { S as StzhBadge$1, d as defineCustomElement$1 } from './p-Cl1gEXQY.js';
+import { S as StzhBadge$1, d as defineCustomElement$1 } from './p-ndh9Y2u_.js';
 
 const StzhBadge = StzhBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-banner.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-kwBmMJ76.js';
-import { d as defineCustomElement$4 } from './p-Cl1gEXQY.js';
-import { d as defineCustomElement$3 } from './p-XwB7D2_o.js';
-import { d as defineCustomElement$2 } from './p-DSXTn_9y.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
+import { d as defineCustomElement$4 } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$3 } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$2 } from './p-CuGNlsAf.js';
 
 const stzhBannerCss = () => `.sc-stzh-banner-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-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::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-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color);--icon-offset:calc((var(--stzh-font-milli-font-size) * var(--stzh-font-milli-text-line-height) - var(--stzh-icon-size)) * 0.5)}@media screen and (min-width: 600px){.sc-stzh-banner-h{--icon-offset:calc((var(--stzh-font-centi-font-size) * var(--stzh-font-centi-text-line-height) - var(--stzh-icon-size)) * 0.5)}}.sc-stzh-banner-h{--close-offset:0px}@media screen and (min-width: 600px){.sc-stzh-banner-h{--close-offset:0.625rem}}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}@media (forced-colors: active){.stzh-banner.sc-stzh-banner{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}.stzh-banner__container.sc-stzh-banner{margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__content.sc-stzh-banner{display:flex}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{position:relative;top:var(--icon-offset);color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close.sc-stzh-banner{--color:var(--close-color);position:absolute;top:var(--close-offset);right:var(--close-offset)}@media (forced-colors: none){.stzh-banner__close.sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(
       --stzh-button-tertiary-hover-background-color

package/dist/components/stzh-breadcrumb.js

@@ -1,4 +1,4 @@
-import { S as StzhBreadcrumb$1, d as defineCustomElement$1 } from './p-CJHyHIqZ.js';
+import { S as StzhBreadcrumb$1, d as defineCustomElement$1 } from './p-BFvfQqwV.js';
 
 const StzhBreadcrumb = StzhBreadcrumb$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-button.js

@@ -1,4 +1,4 @@
-import { S as StzhButton$1, d as defineCustomElement$1 } from './p-XwB7D2_o.js';
+import { S as StzhButton$1, d as defineCustomElement$1 } from './p-D0sPQTAC.js';
 
 const StzhButton = StzhButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-buttongroup.js

@@ -1,4 +1,4 @@
-import { S as StzhButtongroup$1, d as defineCustomElement$1 } from './p-Cgv50ptD.js';
+import { S as StzhButtongroup$1, d as defineCustomElement$1 } from './p-DCZZ334-.js';
 
 const StzhButtongroup = StzhButtongroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-calendar.js

@@ -1,4 +1,4 @@
-import { S as StzhCalendar$1, d as defineCustomElement$1 } from './p-Cm4H5jKM.js';
+import { S as StzhCalendar$1, d as defineCustomElement$1 } from './p-DtcaCKDY.js';
 
 const StzhCalendar = StzhCalendar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-card-navigation.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$2 } from './p-DSXTn_9y.js';
+import { d as defineCustomElement$2 } from './p-CuGNlsAf.js';
 
-const stzhCardNavigationCss = () => `.sc-stzh-card-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-card-navigation-h,[stzh-hidden].sc-stzh-card-navigation-h{display:none}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-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-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation.sc-stzh-card-navigation:hover{background-color:var(--stzh-color-secondary10)}.stzh-card-navigation.sc-stzh-card-navigation:hover .stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transform:translateX(0.25rem)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-card-navigation__title.sc-stzh-card-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-card-navigation__title.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-navigation__title.sc-stzh-card-navigation{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xlarge)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{flex-direction:column;align-items:flex-start}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}`;
+const stzhCardNavigationCss = () => `.sc-stzh-card-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-card-navigation-h,[stzh-hidden].sc-stzh-card-navigation-h{display:none}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-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-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation.sc-stzh-card-navigation:hover{background-color:var(--stzh-color-secondary10)}.stzh-card-navigation.sc-stzh-card-navigation:hover .stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transform:translateX(0.25rem)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-card-navigation__title.sc-stzh-card-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing)}@media screen and (min-width: 1260px){.stzh-card-navigation__title.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-navigation__title.sc-stzh-card-navigation{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-xlarge)}}.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-navigation__lead-text.sc-stzh-card-navigation{margin-top:0;margin-bottom:0}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transition:transform 150ms ease;--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{flex-direction:column;align-items:flex-start}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}`;
 
 const StzhCardNavigation$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardNavigation extends H {
     constructor(registerHost) {
@@ -45,7 +45,7 @@ const StzhCardNavigation$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardNavi
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '21d56ae54df2b7856304a50fe9671667da7ccf4d', "has-lead": hasLead }, h("article", { key: 'bf9927133bb6159a61ddae06ca9cbead8952a484', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '5da0a8f84c2908277fdbaf1d04c81d2ede7c9f19', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'a953746076a4fa14be8ec4ff7a1280210617f5c8', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'cea6ec3a8243d4413b1b6da21a96cbe65f9bd46f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '56366a0bfec11383d7e3cce88ad5a96d9ebadffd', class: "stzh-card-navigation__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" }))), h("div", { key: 'e84b6bb37d685f6b101b9a5ea60fccd3d48338ab', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '6a7c2215dc971c99a10fb6ea37770d2b4249416f', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '21d56ae54df2b7856304a50fe9671667da7ccf4d', "has-lead": hasLead }, h("article", { key: 'bf9927133bb6159a61ddae06ca9cbead8952a484', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '5da0a8f84c2908277fdbaf1d04c81d2ede7c9f19', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'a953746076a4fa14be8ec4ff7a1280210617f5c8', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'cea6ec3a8243d4413b1b6da21a96cbe65f9bd46f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '56366a0bfec11383d7e3cce88ad5a96d9ebadffd', class: "stzh-card-navigation__lead" }, this.lead ? h("p", { class: "stzh-card-navigation__lead-text" }, this.lead) : h("slot", { name: "lead" }))), h("div", { key: '86aec03b135309d9777f0c5cabec610aad3bfb7a', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '1e3045eeed474afad9c92796d252e2b5cc5db74a', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return this; }
     static get style() { return stzhCardNavigationCss(); }

package/dist/components/stzh-card-navigation.js.map

@@ -1 +1 @@
-{"file":"stzh-card-navigation.js","mappings":"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","names":["StzhCardNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-card-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  gap: space(\"small\");\n  background-color: $colorGrey10;\n\n  &:hover {\n    background-color: var(--stzh-color-secondary10);\n  }\n\n  &:hover &__arrow-icon {\n    transform: translateX(4px);\n  }\n\n  &__wrapper {\n    @include spaceCurve(\"padding-left\", \"regular\");\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    // safe space padding top/bottom when it would go to three lines\n    padding-top: var(--stzh-space-xsmall);\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n\n  &__title {\n    @include font(\"heavy\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n    color: $colorPrimary70;\n    margin: 0;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: $colorPrimary;\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 fontCurve(\"p2\");\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 64px;\n    height: 64px;\n    color: $colorPrimary70;\n    background-color: $colorSecondary30;\n  }\n\n  &__arrow-icon {\n    transition: transform 150ms ease;\n    --size: #{iconSize(\"large\")};\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__wrapper {\n    @include spaceCurve(\"padding-right\", \"regular\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"large\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &--has-lead &__arrow {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 44px;\n    height: 44px;\n  }\n\n  /* Hyphens */\n  &--hyphens &__title,\n  &--hyphens &__title-link {\n    @include wordWrap;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, 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 */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true,\n})\nexport class StzhCardNavigation {\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  /** 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  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n      \"stzh-card-navigation--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n                  </div>\n                ) : (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-card-navigation.js","mappings":"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","names":["StzhCardNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-card-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  gap: space(\"small\");\n  background-color: $colorGrey10;\n\n  &:hover {\n    background-color: var(--stzh-color-secondary10);\n  }\n\n  &:hover &__arrow-icon {\n    transform: translateX(4px);\n  }\n\n  &__wrapper {\n    @include spaceCurve(\"padding-left\", \"regular\");\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    // safe space padding top/bottom when it would go to three lines\n    padding-top: var(--stzh-space-xsmall);\n    padding-bottom: var(--stzh-space-xsmall);\n  }\n\n  &__title {\n    @include font(\"heavy\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n    color: $colorPrimary70;\n    margin: 0;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: $colorPrimary;\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 fontCurve(\"p2\");\n    @include spaceCurve(\"margin-top\", \"small\");\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n  &__lead-text {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 64px;\n    height: 64px;\n    color: $colorPrimary70;\n    background-color: $colorSecondary30;\n  }\n\n  &__arrow-icon {\n    transition: transform 150ms ease;\n    --size: #{iconSize(\"large\")};\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__wrapper {\n    @include spaceCurve(\"padding-right\", \"regular\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"large\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &--has-lead &__arrow {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 44px;\n    height: 44px;\n  }\n\n  /* Hyphens */\n  &--hyphens &__title,\n  &--hyphens &__title-link {\n    @include wordWrap;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, 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 */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true,\n})\nexport class StzhCardNavigation {\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  /** 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  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n      \"stzh-card-navigation--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n                  </div>\n                ) : (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">\n              {this.lead ? <p class=\"stzh-card-navigation__lead-text\">{this.lead}</p> : <slot name=\"lead\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-card-searchresult.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$e } from './p-Cl1gEXQY.js';
-import { d as defineCustomElement$d } from './p-CJHyHIqZ.js';
-import { d as defineCustomElement$c } from './p-XwB7D2_o.js';
-import { d as defineCustomElement$b } from './p-CiYdGxRQ.js';
-import { d as defineCustomElement$a } from './p-BFYM0d9U.js';
-import { d as defineCustomElement$9 } from './p-Bqs0ypNa.js';
-import { d as defineCustomElement$8 } from './p-DSXTn_9y.js';
-import { d as defineCustomElement$7 } from './p-U9-oC6Mf.js';
-import { d as defineCustomElement$6 } from './p-BsVAjQYR.js';
-import { d as defineCustomElement$5 } from './p-B3JZYmt1.js';
-import { d as defineCustomElement$4 } from './p-ugjxp2cX.js';
-import { d as defineCustomElement$3 } from './p-v5danKU8.js';
-import { d as defineCustomElement$2 } from './p-BLPv4qvK.js';
+import { d as defineCustomElement$e } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$d } from './p-BFvfQqwV.js';
+import { d as defineCustomElement$c } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$b } from './p-DpaVUmTK.js';
+import { d as defineCustomElement$a } from './p-BYV94voK.js';
+import { d as defineCustomElement$9 } from './p-C4ug0GfL.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$6 } from './p-W_HkMjDQ.js';
+import { d as defineCustomElement$5 } from './p-CCOQ6qgQ.js';
+import { d as defineCustomElement$4 } from './p-B1bpRji0.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
     <rect width="10000" height="10000" fill="currentColor" />
@@ -111,9 +111,6 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
         const hasImageSlot = hasSlot(this.element, "image");
         const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);
         const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);
-        if (eventDateStart && !hasImageSlot) {
-            this.placeholderImageEnabled = true;
-        }
         const hasImage = hasImageSlot || this.placeholderImageEnabled;
         const classes = {
             "stzh-card-searchresult": true,
@@ -134,7 +131,7 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '38c1edfb92b8a85d290e03de40cdfc463d25c26a', "has-image": hasImage }, h("article", { key: '9951da0b98cdbdab4faec5fdc8db7a938671f126', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '69d582443db5943a172d65ab88c0db063037abbd', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '80478e6d09f2bb41edb94b1f539d533f5f69b49d', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '5618e5437ca2b3e44f8b7a1a1c367290164a5dde', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'fcb6bc3ba9680f604f88f7de6bb0b48ef7a16f06', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '22995332ca5083fc87cb6bc53c5976229d07284c', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '1b044d12d9b0d5066918d54e3d23851a43b8d77a', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'd9e4b4cd99f17f0cbd71c7e0a1b1731c82d6f878', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'ee0b0876b6230a1a4327e8c61177887434d1c33c', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '924a84f0c389918be8cfd892f16026a5064f88ca', class: "stzh-card-searchresult__event-date" }, h("span", { key: '4814e85a7e44a0a01c7d2f8ee5b7e59ea4387ab6' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '4e0f45010ba20ce3d81523a58c774d9637967063' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '386d09c1e61fc0dbcdd382eb4a8684c9c80e5843', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '3821bdd453738158d47d36873d072a6e6807550e', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '3dc89fbb839e5adf23a2ccadc9d01c1e292cc9b7', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '97087bf1aab5830862d86ed272c7dc2b865301b7', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '85f80217a15a4330930256bc9695977e980279bf', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'b596ccb23043ec58515d1aa1e7aecdc33cc49993', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '032135b983118a6591d836acfb80212b1e9f3abc', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '41eb2ccc70c0ddc2968d17b2cb0e089d8eb0e3ae', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '4aafea2c9208010b5462d67dc34692a671963a64', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '16cdd8f1d89f04f02962ae9a79008cb178294550', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'f4f1103e8ebf58e8da52caf6748a094709dbeacd', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '4266d6984cc31f00e86c1a9852169ddebc21eb92', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '0e284e2aec959268214d5562980219bb49c5dcf4', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '410f9f191a40e7d2b604bf1b89e5bfaf7ba334c7', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '459f09f306767160dfecfbcf4cb4b4159ac0c922', class: "stzh-card-searchresult__meta" }, h("div", { key: 'd0f300d8586e131ae37c316ebab8c79eb0df5fa5', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '3b061115dbf798e3a5f9aa571a5d11c970bad325', class: "stzh-card-searchresult__download" }, h("div", { key: 'bf0fd2d3bdf6758d39e6649f1bab5f7ba36a7b03', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '47bb73b43067cd8f5245c99ef0df239c2d06f8be', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'cdc67bacb6c4271fee71af15ab1d6c01355c7aee', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '6ddbee7b6362a3dba868450acacbdbfd50fe7790', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '28f9d6bf93b2b1a2717dc03b1aff47816d3a6e87', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '8d339b33ce6e6f0532b497a34000d49f43a3d077', "has-image": hasImage }, h("article", { key: '6fe395854b2dcf7f9b50278cdf122793964a253d', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: 'ffbd3737ab1206b6facf634abdeb6f10502edef7', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '9c49eff576a09d285cd50bf2532a1f8c11e77eac', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'a1dd5b81113a722a959e6ecab2cb5e828a73c0ab', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '4c578bef82d8c7c8fadee98b3465e5b828d30063', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '2b441363a64c40db2e58ed356c7963df35e59d46', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '0ef24fe8a4a535f2f6b4d094b68c9ef88188aae9', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("span", { innerHTML: formatHeadingForHyphenation(this.heading) }))) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '87019b6ee8a9734e14d0c588ac9d1b23c8fd9c8a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'b0813201202a24378ae50a4bc2d3f82257792893', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '927415972b8f71e065b5148e3d780e6f2e8ea6d3', class: "stzh-card-searchresult__event-date" }, h("span", { key: '85a1e44ab190c99679037d6af2899163f975eec9' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '481f478884ea22963f9f68092ad3dd20b2a81115' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '11fac004b800fda6a6a9bd60b6c3cb256fbb43c5', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '026af38cb65b592fb300a4246a9727ec304d876c', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'fcbabd8eedbb6c5f6f31219b690f934bb523e7f6', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '629454f775e1122a6cc6cff039de238abbace801', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: 'fe7206605f8984afb9e1a8b456440243ed1cc09d', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '5e3b9f781b92492e12afcb0bc9138674ec4b8c44', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '6c25a2b37a9732e1ab0659f447e875fba683d343', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: 'd5ff2df754b17b0bdbfa640fc634019f7c7801e0', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '8f1ea43583f3d6af5540205fb62a4e7c6430ef6d', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '84202d026221af1e01ef0a3607e2a595bc4458ae', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'ea231cce4e4c479cf67ab90d7fdb6840cfeb1133', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '6fb891dd826b8fba31853b2d072d5f8c13ecb50e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '7caf9f4ca8937b9d3828670ef07a787d4c5da297', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'd77e5bd1c4e711bf5a3a59d3a1bb8a325c31d4e3', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: 'f87583d4e6f4fc4910c290aac242459c54a43ca7', class: "stzh-card-searchresult__meta" }, h("div", { key: 'd04f1daadc681f28aa59b4c9228b323c97be9e61', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '7076f67f955279ca7ebb9b676a9716a4d735ab95', class: "stzh-card-searchresult__download" }, h("div", { key: 'a18ad1d589fe4930b549772a612ed2b84357b62b', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'aeafacce44cdabfc7c27322b9468b8c3840b8b8c', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'b5f99f634b4dcdfecc70465cb1eb95eff977cdc8', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '9b7eac2ef40bbaa29819124eae12c66fd9d9eb2e', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'd6dbedee403799bb31e119a7791003bac0bd661d', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-card-searchresult.js.map

@@ -1 +1 @@
-{"file":"stzh-card-searchresult.js","mappings":"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","names":["StzhCardSearchresult","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":["/**\n * @prop --placeholder-image-color: color of placeholder image (svg)\n */\n:host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n  --placeholder-image-color: #{$colorGrey30};\n\n  --grid-template-areas: \"heading\" \"description\" \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas: \"image\" \"heading\" \"description\" \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas: \"heading image\" \"description image\" \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas: \"heading image\" \"description description\"\n        \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize(\"milli\");\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space(\"medium\");\n    margin-right: space(\"medium\");\n    margin-bottom: space(\"large\");\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space(\"xlarge\");\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__image-placeholder {\n    /* Apply color since the placeholder svg has fill \"currentColor\" */\n    color: var(--placeholder-image-color);\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space(\"xsmall\");\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n    padding: space(\"xsmall\") space(\"medium\");\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__dateline {\n    @include fontSize(\"micro\");\n    margin-bottom: space(\"small\");\n  }\n\n  &__heading {\n    margin-top: 0;\n    margin-bottom: space(\"xsmall\");\n  }\n\n  &__heading-link {\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize(\"micro\");\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space(\"small\");\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space(\"small\");\n  }\n\n  &__event-date-teaser {\n    @include fontSize(\"nano\");\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font(\"heavy\");\n    @include fontSize(\"hecto\");\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize(\"micro\");\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space(\"xsmall\");\n    margin-left: calc((#{space(\"xsmall\")} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space(\"xsmall\");\n\n    &::before {\n      content: \"\";\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space(\"xlarge\");\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space(\"xxxlarge\");\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space(\"xxxxlarge\");\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space(\"xxxlarge\");\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space(\"small\");\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space(\"small\");\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space(\"xsmall\");\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    @include wordWrap;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n  StzhBreadcrumbItem,\n  StzhCardSearchresultClickEvent,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n  StzhLocaleComponent,\n} from \"../../index\";\n\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\nimport PlaceholderImage from \"./assets/placeholder-image.svg\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-searchresult\",\n  styleUrl: \"stzh-card-searchresult.scss\",\n  scoped: true,\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\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  /** Download attribute (if href is used) */\n  @Prop() download: 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  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Enable placeholder image if image slot not used */\n  @Prop() placeholderImageEnabled: boolean = false;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-searchresult\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-searchresult\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, \"heading\");\n    const hasDescription = !!this.description || hasSlot(this.element, \"description\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n    if (eventDateStart && !hasImageSlot) {\n      this.placeholderImageEnabled = true;\n    }\n\n    const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n    const classes = {\n      \"stzh-card-searchresult\": true,\n      \"stzh-card-searchresult--has-heading\": hasHeading,\n      \"stzh-card-searchresult--has-description\": hasDescription,\n      \"stzh-card-searchresult--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-searchresult--has-link\": !!this.href,\n      \"stzh-card-searchresult--has-service\": !!this.service,\n      \"stzh-card-searchresult--has-tag\": !!this.tag,\n      \"stzh-card-searchresult--has-topic\": !!this.topic,\n      \"stzh-card-searchresult--has-image\": hasImage,\n      \"stzh-card-searchresult--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-searchresult--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-searchresult--has-meta\": this._meta.length > 0,\n      \"stzh-card-searchresult--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-searchresult--has-breadcrumb\": !!this.breadcrumbItems,\n      \"stzh-card-searchresult--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n                  </div>\n                ) : (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")}</span>\n                    {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n                      <span>,&nbsp;{this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}</span>\n                    )}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && \"0\"}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n            {this.placeholderImageEnabled && !hasImageSlot && (\n              <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n                <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n              </stzh-ratio>\n            )}\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-card-searchresult.js","mappings":"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","names":["StzhCardSearchresult","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":["/**\n * @prop --placeholder-image-color: color of placeholder image (svg)\n */\n:host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n  --placeholder-image-color: #{$colorGrey30};\n\n  --grid-template-areas: \"heading\" \"description\" \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas: \"image\" \"heading\" \"description\" \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas: \"heading image\" \"description image\" \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas: \"heading image\" \"description description\"\n        \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize(\"milli\");\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space(\"medium\");\n    margin-right: space(\"medium\");\n    margin-bottom: space(\"large\");\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space(\"xlarge\");\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__image-placeholder {\n    /* Apply color since the placeholder svg has fill \"currentColor\" */\n    color: var(--placeholder-image-color);\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space(\"xsmall\");\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n    padding: space(\"xsmall\") space(\"medium\");\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__dateline {\n    @include fontSize(\"micro\");\n    margin-bottom: space(\"small\");\n  }\n\n  &__heading {\n    margin-top: 0;\n    margin-bottom: space(\"xsmall\");\n  }\n\n  &__heading-link {\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize(\"micro\");\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space(\"small\");\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space(\"small\");\n  }\n\n  &__event-date-teaser {\n    @include fontSize(\"nano\");\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font(\"heavy\");\n    @include fontSize(\"hecto\");\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize(\"micro\");\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space(\"xsmall\");\n    margin-left: calc((#{space(\"xsmall\")} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space(\"xsmall\");\n\n    &::before {\n      content: \"\";\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space(\"xlarge\");\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space(\"xxxlarge\");\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space(\"xxxxlarge\");\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space(\"xxxlarge\");\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space(\"small\");\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space(\"small\");\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space(\"xsmall\");\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    @include wordWrap;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n  StzhBreadcrumbItem,\n  StzhCardSearchresultClickEvent,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n  StzhLocaleComponent,\n} from \"../../index\";\n\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\nimport PlaceholderImage from \"./assets/placeholder-image.svg\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-searchresult\",\n  styleUrl: \"stzh-card-searchresult.scss\",\n  scoped: true,\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\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  /** Download attribute (if href is used) */\n  @Prop() download: 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  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Enable placeholder image if image slot not used */\n  @Prop() placeholderImageEnabled: boolean = false;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-searchresult\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-searchresult\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, \"heading\");\n    const hasDescription = !!this.description || hasSlot(this.element, \"description\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n\n    const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n    const classes = {\n      \"stzh-card-searchresult\": true,\n      \"stzh-card-searchresult--has-heading\": hasHeading,\n      \"stzh-card-searchresult--has-description\": hasDescription,\n      \"stzh-card-searchresult--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-searchresult--has-link\": !!this.href,\n      \"stzh-card-searchresult--has-service\": !!this.service,\n      \"stzh-card-searchresult--has-tag\": !!this.tag,\n      \"stzh-card-searchresult--has-topic\": !!this.topic,\n      \"stzh-card-searchresult--has-image\": hasImage,\n      \"stzh-card-searchresult--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-searchresult--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-searchresult--has-meta\": this._meta.length > 0,\n      \"stzh-card-searchresult--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-searchresult--has-breadcrumb\": !!this.breadcrumbItems,\n      \"stzh-card-searchresult--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <span innerHTML={formatHeadingForHyphenation(this.heading)}></span>\n                  </div>\n                ) : (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")}</span>\n                    {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n                      <span>,&nbsp;{this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}</span>\n                    )}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && \"0\"}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n            {this.placeholderImageEnabled && !hasImageSlot && (\n              <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n                <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n              </stzh-ratio>\n            )}\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-card-superteaser.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, f as formatHeadingForHyphenation } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$e } from './p-Cl1gEXQY.js';
-import { d as defineCustomElement$d } from './p-CJHyHIqZ.js';
-import { d as defineCustomElement$c } from './p-XwB7D2_o.js';
-import { d as defineCustomElement$b } from './p-CiYdGxRQ.js';
-import { d as defineCustomElement$a } from './p-BFYM0d9U.js';
-import { d as defineCustomElement$9 } from './p-Bqs0ypNa.js';
-import { d as defineCustomElement$8 } from './p-DSXTn_9y.js';
-import { d as defineCustomElement$7 } from './p-U9-oC6Mf.js';
-import { d as defineCustomElement$6 } from './p-BsVAjQYR.js';
-import { d as defineCustomElement$5 } from './p-B3JZYmt1.js';
-import { d as defineCustomElement$4 } from './p-ugjxp2cX.js';
-import { d as defineCustomElement$3 } from './p-v5danKU8.js';
-import { d as defineCustomElement$2 } from './p-BLPv4qvK.js';
+import { d as defineCustomElement$e } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$d } from './p-BFvfQqwV.js';
+import { d as defineCustomElement$c } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$b } from './p-DpaVUmTK.js';
+import { d as defineCustomElement$a } from './p-BYV94voK.js';
+import { d as defineCustomElement$9 } from './p-C4ug0GfL.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$6 } from './p-W_HkMjDQ.js';
+import { d as defineCustomElement$5 } from './p-CCOQ6qgQ.js';
+import { d as defineCustomElement$4 } from './p-B1bpRji0.js';
+import { d as defineCustomElement$3 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$2 } from './p-g99SJmS9.js';
 
 var PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
     <rect width="10000" height="10000" fill="currentColor" />

package/dist/components/stzh-card.js

@@ -1,4 +1,4 @@
-import { S as StzhCard$1, d as defineCustomElement$1 } from './p-CpOGdrbL.js';
+import { S as StzhCard$1, d as defineCustomElement$1 } from './p-BIaHkub8.js';
 
 const StzhCard = StzhCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cardlist.js

@@ -1,4 +1,4 @@
-import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-Dux-ObXr.js';
+import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-BL7NQ4Wt.js';
 
 const StzhCardlist = StzhCardlist$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-carousel.js

@@ -1,4 +1,4 @@
-import { S as StzhCarousel$1, d as defineCustomElement$1 } from './p-B4t4nDXO.js';
+import { S as StzhCarousel$1, d as defineCustomElement$1 } from './p-DBcnovVn.js';
 
 const StzhCarousel = StzhCarousel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cell.js

@@ -1,4 +1,4 @@
-import { S as StzhCell$1, d as defineCustomElement$1 } from './p-Z-Jqp34a.js';
+import { S as StzhCell$1, d as defineCustomElement$1 } from './p-2zoJg-p3.js';
 
 const StzhCell = StzhCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chart.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-kwBmMJ76.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 
 function ascending$3(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;