@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/components/stzh-calendar.js

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

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$2 } from './p-5a8587ab.js';
+import { d as defineCustomElement$2 } from './p-7c4e756c.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);display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@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__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);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}@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-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));margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@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)}}@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)}}@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);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@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)}}@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)}}@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__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{hyphens:auto}";
 const StzhCardNavigationStyle0 = stzhCardNavigationCss;
@@ -43,7 +43,7 @@ const StzhCardNavigation$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardNavi
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '1e056348d560aa7f4501e16c33c0cd0f1b49db02', "has-lead": hasLead }, h("article", { key: '54156988ac4bd4098914ee57f9a0788ce01ff22a', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: 'd79572c2c399126b4c075f14f16025137c174255', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '1397868e469bb5270aeea506c755672519b3f1c3', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'b3f2d084f95a3a59b8dfb3c66f794c6319339a70', 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), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '86b60abba3ece5962e7fe3b7fc6dd79e19dbb089', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '1e77be549ef79cccea7d29a3a9f6bb1b248382e2', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'b9d2204388547feda11bb7c66451ee441c0e7ed2', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '7be11d154e492971180bea1cca149662be680090', "has-lead": hasLead }, h("article", { key: 'f69c38a9bff3ec4024634ae8d9bd78d9680a658c', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '8e596f00b092324fc69959dd94dcd93f14abfdfc', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '8dca93f15b7aff88575b4f348bdd97d95b5bf51d', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'd15890c9a9047033089a69038bdc1bc17f791b3a', 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), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '024ec9a9b908958828c8c544478137716a664f74', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: 'ea78857b7b032e542e29dcfbcf62438a95a90563', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '0d9de48413f9f96a2f9525c8678f565747d26f68', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return this; }
     static get style() { return StzhCardNavigationStyle0; }

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

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$e } from './p-17efbc57.js';
-import { d as defineCustomElement$d } from './p-3e28d77d.js';
-import { d as defineCustomElement$c } from './p-e42121d1.js';
-import { d as defineCustomElement$b } from './p-b9a50363.js';
-import { d as defineCustomElement$a } from './p-7f251b60.js';
-import { d as defineCustomElement$9 } from './p-7889ebb0.js';
-import { d as defineCustomElement$8 } from './p-5a8587ab.js';
-import { d as defineCustomElement$7 } from './p-0ac64574.js';
-import { d as defineCustomElement$6 } from './p-527121ef.js';
-import { d as defineCustomElement$5 } from './p-f70f31d6.js';
-import { d as defineCustomElement$4 } from './p-9be51edc.js';
-import { d as defineCustomElement$3 } from './p-9a31aa56.js';
-import { d as defineCustomElement$2 } from './p-1449a24c.js';
+import { d as defineCustomElement$e } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$d } from './p-be365aa5.js';
+import { d as defineCustomElement$c } from './p-4a78990f.js';
+import { d as defineCustomElement$b } from './p-c5a240bd.js';
+import { d as defineCustomElement$a } from './p-506a00fc.js';
+import { d as defineCustomElement$9 } from './p-fdc914f5.js';
+import { d as defineCustomElement$8 } from './p-7c4e756c.js';
+import { d as defineCustomElement$7 } from './p-111f7e01.js';
+import { d as defineCustomElement$6 } from './p-36fb6c94.js';
+import { d as defineCustomElement$5 } from './p-72101ea0.js';
+import { d as defineCustomElement$4 } from './p-1816eeeb.js';
+import { d as defineCustomElement$3 } from './p-63c4d8c4.js';
+import { d as defineCustomElement$2 } from './p-613937f1.js';
 
 const PlaceholderImage = `<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
     <rect width="10000" height="10000" fill="currentColor" />
@@ -142,7 +142,7 @@ const StzhCardSearchresult$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSe
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '589615f3ad0ff1caa0706daff8e36b847e4fb19b', "has-image": hasImage }, h("article", { key: '6949183da69e9cfc1f5f7b5323fb5ef53eabd585', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '4193b5ccb2fc6f4e19b24ebc79527c525a781158', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '7b9865097a8ea94529d5fdcb1bbe6f6b640723d0', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '98fe0e0c249b1837af42a48e985b57294dd3de7a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'e46fe933b9a7a234adca8965d766b7f71e74778b', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '0752515d6685c030384d97b7cd9f157772e84568', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '712f79885c560f27ac9fc3551fb3490d6fb15aa5', 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), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'ff7ab3d144b00da287359680360e985888ebb506', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'ebd807b59bcb065a45d53672524ef14db6d32ff4', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '65718f1668b9f79137ee110ac9345a24fea7dd54', class: "stzh-card-searchresult__event-date" }, h("span", { key: 'ca5e768de6d73a09452fe26d11b193bc4fac0ffb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '0305f8925be598bca2aa92ec01cecffd2c887888' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '400f06c439b3f2aa708dbcd12230eef2f3ed5c10', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: 'a000b90de2325f55cd9a3df0570ed6e2d02b8207', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'ca8b5007f47cc08f03fda9c6ffd80d6b05333f18', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: 'c449ba5c1f91ba40af06e891cba8b1b89dffe468', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '85bbaf0a6402cdfc6840be24832379ee77f501ba', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'e48bd8f0fc4bdc466fd9dc53ca70e152e33fbf16', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'b998008a2bf415391d6ed167b8505cd23cadba7c', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '581b13c5d529d826414168ad60127e5a305d8c48', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'e2142783a3bc762ab56db28a8419f87c14485dca', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: 'bc86a58f07e275df70cdf2cc1e8a402e3776bff1', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'bea21a276a59de53c981a7443ac1a6cb4930b784', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: 'b680de582124716a6f3d61c9d337dcbe330c1bd0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '2b9e3eb2a06ac4cf228f2f873f699fa3785c7c4b', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'e2a09890545d9f92ec07f362962c497af24ecbb8', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '135e8c8c1c008f39afbd4ce75682bb7a390c40d9', class: "stzh-card-searchresult__meta" }, h("div", { key: 'dd35708ce114e0605cefa17558edd875ce37be38', 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: '18164cc8317f6a1e189c1bb1c46ee842f867ff0b', class: "stzh-card-searchresult__download" }, h("div", { key: '27e54267f457585a290a94851b9fb5979d360e05', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'e38cbbda83ef6a60f48b24289ae6c4ed4e846e7b', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '8886dd372656a4693897af816485c951f1df7aab', 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: '98578756208b1c55d766a423004320321904c44d', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'd3f5b7d51acaa5b68d661b21e478c122bf5393d1', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '330bb8819e6869698b5241e7b6d077c29c4ea12c', "has-image": hasImage }, h("article", { key: '8a711d7fa62aa71b5b29a78cb449363bd80fb4b5', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '38d732939a1daf687eabefb5df4ae5ae2cc97ed6', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '56c497155f2d6e6e5a1d5017cd6e738606e0a772', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '15b8e2f118c8436ededc6b985e9bc93b57f2f1c5', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '4e44a3a6b9bd8dafb427a8d610ab2402ea49a455', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: 'a0f2d3f6b5cf8e2ed261f2b8f3a65038bd9e18a1', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '103be8eed0766ee51ffb647d43be0fd26c97b201', 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), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'ee39b27c01e8008f6ee3be7fbb6903c3e0e6521a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '3372aa0efcec33a6c90d083e002a45009643616d', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '47eb3645551e39c2b3f120d2d1cd23b4bbc45eb1', class: "stzh-card-searchresult__event-date" }, h("span", { key: '53fe0007fff721a0cfba58b147a4ac97086425bb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '8fef98ab8bbcb7c7dd24b524cfd98177051b1a58' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'c46664a5e677e15cd31e5ad9bb44a4dd3c4589bf', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '96938d62a07b08817be66b264f372eb1f9bcc0d1', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '9db76c0340eefbc5c74506a83aaf11c1fb528db3', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '785671d87d7b3b4c0b37da98e40631a4cc21338f', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '133a268dcd3d0fc1ac39d74c8c0de49eb547a9bd', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'b43b74c756e35f5e2e5b91791fddc7bc5a716c90', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'abc5d6360081ce36f2453cce8822f0d919c274f0', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '89409c0aee836fbc737290a66512ec59da698a6d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '7733484819af6c23ab26995bfeb7e3bd86a5f6a1', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: 'c821ec35feaec954f42e1573559b524abadefcde', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'b3b25215879f549caf61898437c3036f11b283ba', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '3ab35c638b92546f7d6295f2712eee070ca9ac1e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '076584f80d8eaf0ab06d603d4310c12998d8aea1', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '887dac95369a740832d5723331775065a291b675', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '8d98639d093fd49eb72832763e138574bb95bf03', class: "stzh-card-searchresult__meta" }, h("div", { key: 'a9d9fbcfe872bc0fe359836ea1b6d69d77e908f0', 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: '411298470b412d464ad99d7dc2b75211225f6c27', class: "stzh-card-searchresult__download" }, h("div", { key: '97cc2f5b626609053df9a5069b4f91e0815d3c2e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '301f8d98b69fef740e540104ddfe6f7daa4a2251', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'fbc5704ce1e9b7d92911931706bfb0c28a5d0dd2', 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: 'c7fc5064bb3ac222dd87e82d72c87d0e9e333513', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '0cd7fdef8115914dfb6067bcc195ba0d2877c2e2', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$e } from './p-17efbc57.js';
-import { d as defineCustomElement$d } from './p-3e28d77d.js';
-import { d as defineCustomElement$c } from './p-e42121d1.js';
-import { d as defineCustomElement$b } from './p-b9a50363.js';
-import { d as defineCustomElement$a } from './p-7f251b60.js';
-import { d as defineCustomElement$9 } from './p-7889ebb0.js';
-import { d as defineCustomElement$8 } from './p-5a8587ab.js';
-import { d as defineCustomElement$7 } from './p-0ac64574.js';
-import { d as defineCustomElement$6 } from './p-527121ef.js';
-import { d as defineCustomElement$5 } from './p-f70f31d6.js';
-import { d as defineCustomElement$4 } from './p-9be51edc.js';
-import { d as defineCustomElement$3 } from './p-9a31aa56.js';
-import { d as defineCustomElement$2 } from './p-1449a24c.js';
+import { d as defineCustomElement$e } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$d } from './p-be365aa5.js';
+import { d as defineCustomElement$c } from './p-4a78990f.js';
+import { d as defineCustomElement$b } from './p-c5a240bd.js';
+import { d as defineCustomElement$a } from './p-506a00fc.js';
+import { d as defineCustomElement$9 } from './p-fdc914f5.js';
+import { d as defineCustomElement$8 } from './p-7c4e756c.js';
+import { d as defineCustomElement$7 } from './p-111f7e01.js';
+import { d as defineCustomElement$6 } from './p-36fb6c94.js';
+import { d as defineCustomElement$5 } from './p-72101ea0.js';
+import { d as defineCustomElement$4 } from './p-1816eeeb.js';
+import { d as defineCustomElement$3 } from './p-63c4d8c4.js';
+import { d as defineCustomElement$2 } from './p-613937f1.js';
 
 const 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-a649af8a.js';
+import { S as StzhCard$1, d as defineCustomElement$1 } from './p-12c94697.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-2f38d899.js';
+import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-ab25d4da.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-a393bd0b.js';
+import { S as StzhCarousel$1, d as defineCustomElement$1 } from './p-e3182412.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-46d253ca.js';
+import { S as StzhCell$1, d as defineCustomElement$1 } from './p-a0023430.js';
 
 const StzhCell = StzhCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chart.js

@@ -29806,7 +29806,7 @@ const StzhChart$1 = /*@__PURE__*/ proxyCustomElement(class StzhChart extends H {
         const classes = {
             "stzh-chart": true,
         };
-        return (h(Host, { key: 'd255a07bcb87e12716e3fa969d878616e60838fa' }, h("div", { key: '760d4b338712a2f55f2449469255930f4e0e18cd', class: classes }, h("div", { key: '7feb6fc7ce9fb55ed0e53f3a5d82e3719e67aa0c', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: '0f962e44141fff51a2805d0b141494d1b6f7e76d', name: "caption" }))));
+        return (h(Host, { key: '7e0432b9b76c6275f6edbe3f9b4920d155793650' }, h("div", { key: '5644ee33434e154a84cf875457233c37e643b25f', class: classes }, h("div", { key: 'dac236fdf3c6269f265abc1d58582015d3efb785', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'd0a343e8e77abff7639928c11676dec4954caa23', name: "caption" }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-checkbox.js

@@ -1,4 +1,4 @@
-import { S as StzhCheckbox$1, d as defineCustomElement$1 } from './p-044c234a.js';
+import { S as StzhCheckbox$1, d as defineCustomElement$1 } from './p-109076c9.js';
 
 const StzhCheckbox = StzhCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-checkboxgroup.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { h as hasSlot, c as camelCase } from './p-289f5de2.js';
 import { S as StzhInputDescription } from './p-a2148b9d.js';
-import { d as defineCustomElement$4 } from './p-5a8587ab.js';
-import { d as defineCustomElement$3 } from './p-6268e18b.js';
-import { d as defineCustomElement$2 } from './p-9a31aa56.js';
+import { d as defineCustomElement$4 } from './p-7c4e756c.js';
+import { d as defineCustomElement$3 } from './p-963d59bf.js';
+import { d as defineCustomElement$2 } from './p-63c4d8c4.js';
 
 const stzhCheckboxgroupCss = ".sc-stzh-checkboxgroup-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-checkboxgroup-h,[stzh-hidden].sc-stzh-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{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);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}";
 const StzhCheckboxgroupStyle0 = stzhCheckboxgroupCss;
@@ -186,11 +186,11 @@ const StzhCheckboxgroup$1 = /*@__PURE__*/ proxyCustomElement(class StzhCheckboxg
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '5ed667822930fc9d1d75e01a70a268e232643c2c', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: 'cab2fc217cdd150550905ecb0fd1243c0ad54cdc', class: classes }, this.legend && (h("legend", { key: 'ee1a161edec832762717b316cdd9686758922be6', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '43bf6fd071cbe307770a41de4914d1f559f294d2', class: "stzh-checkboxgroup__marker" }, h("span", { key: '6c6813a48eb1ec11ea404f738150e63264fa28c3', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '8da765b1cfd085e3502d9128eff7aaa5a3389f1c', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '25686307cc5438de0dc03d3fc8e94a9d63ca31b2', class: classes }, this.legend && (h("legend", { key: 'bad356bcae9441595d701871c0f6712fcdb6fdfd', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '6c84c36d5c71e4fc53255a9ecc630656ecb081e7', class: "stzh-checkboxgroup__marker" }, h("span", { key: '5bc82a5f7f5ff87925db2c52f2a396fc8885b897', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3c01722a86038fdcc18a1aae6a82de0229e35d5c', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'aa29654db17ca16bc3e50df0de7ffc61cffad2ff', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: '72763165d71b482f6c0755f5ea8c9cbdba64b0e3', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'd4f983b542f080a09d4e477aa9b0662067fe2f18' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '08a16eef6e0a9d2bf7040301c7e6f06717fa4393', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'b28245333edd1b432497e953dd1f352744938c0b', class: "stzh-checkboxgroup__fields" }, h("slot", { key: '0847ee7f407658ff476c10cf85fad3414ce9db31' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '94eaeb485f5168b97c6d0f726629e7db0d873c0f', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-chip.js

@@ -1,4 +1,4 @@
-import { S as StzhChip$1, d as defineCustomElement$1 } from './p-8436ccb7.js';
+import { S as StzhChip$1, d as defineCustomElement$1 } from './p-570cd361.js';
 
 const StzhChip = StzhChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chipgroup.js

@@ -1,4 +1,4 @@
-import { S as StzhChipgroup$1, d as defineCustomElement$1 } from './p-b8b342f5.js';
+import { S as StzhChipgroup$1, d as defineCustomElement$1 } from './p-b6faf10a.js';
 
 const StzhChipgroup = StzhChipgroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chipselect.js

@@ -1,4 +1,4 @@
-import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-820ce57f.js';
+import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-7d7ac6fc.js';
 
 const StzhChipselect = StzhChipselect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-clamp.js

@@ -1,4 +1,4 @@
-import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-b9a50363.js';
+import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-c5a240bd.js';
 
 const StzhClamp = StzhClamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-company-logo.js

@@ -12,7 +12,7 @@ const StzhCompanyLogo$1 = /*@__PURE__*/ proxyCustomElement(class StzhCompanyLogo
         const classes = {
             "stzh-company-logo": true,
         };
-        return (h(Host, { key: '5d9557a9e1894bb288fe48b7b6881d1b0009ebdf' }, h("div", { key: '3b8c65cac25c77dca64ba038ae270445803de052', class: classes }, h("div", { key: '5bc8157db7f1cbf1f009befc99116310661e2e00', class: "stzh-company-logo__image" }, h("slot", { key: '82ce03a4f08a6ced6bab88602be485143122f98c' })))));
+        return (h(Host, { key: 'ebefd4b5ddb5e0c535ce1f648c680bfe249a2861' }, h("div", { key: '67d665991d01c080b18761c22fa8178a69df71f8', class: classes }, h("div", { key: '9d759548cde8561c1a91014051621a11cdc75227', class: "stzh-company-logo__image" }, h("slot", { key: '4fd22d5647d73fe81fb381c3b576af65ecc10617' })))));
     }
     static get style() { return StzhCompanyLogoStyle0; }
 }, [6, "stzh-company-logo"]);

package/dist/components/stzh-contact-cv.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$4 } from './p-26ddf3b3.js';
-import { d as defineCustomElement$3 } from './p-1ebc2928.js';
-import { d as defineCustomElement$2 } from './p-9a31aa56.js';
+import { d as defineCustomElement$4 } from './p-6897315f.js';
+import { d as defineCustomElement$3 } from './p-c06cc6c5.js';
+import { d as defineCustomElement$2 } from './p-63c4d8c4.js';
 
 const stzhContactCvCss = ".sc-stzh-contact-cv-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-contact-cv-h,[stzh-hidden].sc-stzh-contact-cv-h{display:none}.sc-stzh-contact-cv-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-cv-h *.sc-stzh-contact-cv,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::before,.sc-stzh-contact-cv-h *.sc-stzh-contact-cv::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-contact-cv-h .has-focus.sc-stzh-contact-cv{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv{outline-style:none !important}.sc-stzh-contact-cv-h .stzh-fylingfocus-focused.sc-stzh-contact-cv::-moz-focus-inner{border:0 !important}.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv.sc-stzh-contact-cv{padding-top:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact-cv__content-block.sc-stzh-contact-cv{padding-bottom:var(--stzh-space-xlarge)}}.stzh-contact-cv__content-title.sc-stzh-contact-cv{margin-bottom:0;font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}";
 const StzhContactCvStyle0 = stzhContactCvCss;

package/dist/components/stzh-contact.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
-import { d as defineCustomElement$6 } from './p-17efbc57.js';
-import { d as defineCustomElement$5 } from './p-59b494a3.js';
-import { d as defineCustomElement$4 } from './p-5a8587ab.js';
-import { d as defineCustomElement$3 } from './p-0ac64574.js';
-import { d as defineCustomElement$2 } from './p-9a31aa56.js';
+import { d as defineCustomElement$6 } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$5 } from './p-18196788.js';
+import { d as defineCustomElement$4 } from './p-7c4e756c.js';
+import { d as defineCustomElement$3 } from './p-111f7e01.js';
+import { d as defineCustomElement$2 } from './p-63c4d8c4.js';
 
 const stzhContactCss = ".sc-stzh-contact-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-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::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-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}.sc-stzh-contact-h{--grid-template-areas:var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );--grid-template-columns:var(\n    --stzh-contact-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info info info info info\"\n        \"additional additional additional additional additional additional additional additional\"\n    )}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact{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);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__contact-form.sc-stzh-contact{grid-area:contactForm;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__contact-form.sc-stzh-contact-s>*,.stzh-contact__contact-form .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-contact__availability-weekday.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}";
 const StzhContactStyle0 = stzhContactCss;
@@ -23,7 +23,6 @@ const StzhContact$1 = /*@__PURE__*/ proxyCustomElement(class StzhContact extends
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
-        this.subHeading = undefined;
         this.mainHeadingLevel = "2";
         this.heading = undefined;
         this.responsibilityTitle = undefined;
@@ -132,7 +131,7 @@ const StzhContact$1 = /*@__PURE__*/ proxyCustomElement(class StzhContact extends
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (h(Host, { key: 'dad51a9ee4298a9ea3742ca2173a22194f69b1db', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: 'e0e9b1e0e13f433e3c6cb93303144eab0da9809c', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '6752d52203802f0eb0a27a546ba94bfa29e31026', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '09bdaaa843d5fb7477f0078ff9e71cd285ba854f', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" }))), h("div", { key: 'fe88cb7b28caa27c39b18cdc171bdd090ee9f25b', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '1a445d1e4074a5cc45a048b33a6f571fc07bd97a', curve: "h3", level: "3" }, h("span", { key: 'f4f7ebfb51a90a5eb3be0f562446f1aa72f87897', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: 'febc91a5b431baa8da5bcd187aca8c0f761c30a6', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: 'fa74e87aa22ed67a0ff2c7f1a72d35050ab04d30', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: '54a3a2937cc78b48d45f451ecb717b838deb836f', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '677e96edcdde01edff9ae5e7b06aeec10c6207c9', class: "stzh-contact__image-wrapper" }, h("div", { key: '879ee5f5ec02c306a4368d9b7e5ba8b13fc3d1d6', class: "stzh-contact__image" }, h("slot", { key: 'b47c3e23dba650f2dc6680cac72cfa0a613bb078', name: "image" }))))), h("div", { key: '0c8cadc9fead7a2c93f1fa02181a2925aa95c5d4', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '81130f8b290a1b48afa8f5c30f16f85003d0a667', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '5083e575b69dcb380db8992e22d825d5cadce848', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '66bae4d8f96dab390b4b3c2326edd65bc8a9281f', class: "stzh-contact__contact-form" }, h("slot", { key: '06e6e887ca77eb958602072d084201eab1228379', name: "contact-form" })), h("div", { key: '40eea28659e2bf42e989cb1aefac3535d9cf6863', class: "stzh-contact__additional" }, h("slot", { key: '9c69a412223cc5e157110e36e9d145a55c7b3f1a' })), h("div", { key: '05542c84d3c8f2121843ea8b8ee71c1df1bc567d', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '6141811c0a03333b02448454298866ee732be6f3', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '16f3319e8ad82ec3a9645a87852bc39dd54485c0', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '439462212e6fb9b5e451e747da15d01f92b72740' }, this._street.length > 0 && (h("div", { key: '5641fc230b51571125a8a994c5bc7e9ef42ff307', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: '25345110853906f6246566fa62875a80b6f83a7b' }, h("br", { key: '59e5dd64e0ba58fd813f022c175638aacaad43f2' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: 'affed1f04be7343562ec9ca2e3f271058424027f', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '5053b2a57d7aa566bbbd77c85ba800f86ce75561', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '6b0c95db39a01606ac637ee930477a3323b0a6a9', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '66fe77622b67e9d73d570939a02caf935108d8d1', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'e0e37a2aecdac984fab07deb62b692f3ffc8ebf4', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '5447944d63b062dd47629aa0a5463b8e19c3521c', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: 'b0715a8def97762bd828c74feb48d4dc5274f273' }, this.poboxHeading && h("div", { key: 'c8c076c53ce662c79f231d7f6f024539280b9cc0', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '8dbeb7af651ddf4be5bcfe20ebcd1f4a1c661c2b', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: '6b34cc21f40ec0830ab355d47566ed9c19c9718a', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '785cd456b339a76c8af8dcb5da81137e3ef34941', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '4f150bcd2cd1b81fee911371a0c068b7a795d51e', name: "pobox" })))), h("div", { key: '911aa629a016088adf43d0d4cf3a245641d0a02b', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '8ce0c4ee1b67c46aafa2680eea5aa7aa77fcdb63', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'd39ce1efe4f4caded52c1e772f35c2f7dafff92a', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'f015745e85f14d3a0b7f8c1b90940078eadc2986', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+        return (h(Host, { key: '6b270cf37b149ed00d09c0b33e66cb3a50d785cd', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: '892234b6375d8d2a7cb64ee2e8b45bf9e54c1266', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: 'bec08e6f8570f3d7b6ca937e0b3ae9125c8211a8', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '32eff74edfcd275ef5d1f594a4ad0116ae26eab3', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" }))), h("div", { key: 'af0b2e0e6fe1a6b7ba5200a3a7dd9dc4dd735050', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '030ce9f2b913952b326ad79a1a39e7324ca1ea64', curve: "h3", level: "3" }, h("span", { key: '3e2469a262ca6a4717cf98060e15ef408670bede', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: '3c84b65b7c393d7959c18aad22c7a8687e2dff90', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '421aa72124724f9eaae2bb03c9a631b6ad6fb156', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: 'f45c4245d3f5ed97ba81aebfd48f4a1f8a348cad', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: 'da47547c6f2f89b00a086908ec79e816c115e728', class: "stzh-contact__image-wrapper" }, h("div", { key: '4a05f34b24dab0045296af3831de1e1fe207a222', class: "stzh-contact__image" }, h("slot", { key: '16066ab3cf4be5f0b8e949653e26dc9debab0918', name: "image" }))))), h("div", { key: '5de7988d36b15558e25f56c9f49825864b515ae1', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: 'a4ee5fd063ea7c870e7b8bd6389b891bd5366211', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'd19d8b25742cd04954919a0292f227bb0852fcc6', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '05cc8154a6ea2270e5c14bcfe869c56cee5b4d55', class: "stzh-contact__contact-form" }, h("slot", { key: 'd2efa1ee73082baec6208cb28860cd3a7ae0c1fa', name: "contact-form" })), h("div", { key: 'e8a1bf9091234595f1d6b19485da78c1027bbc6a', class: "stzh-contact__additional" }, h("slot", { key: '99af6e87ac9a8f6b42a7636a2af58b1bbce3f0cf' })), h("div", { key: 'b9cfb7032b47e2b672634d2ca9b62976937df1fd', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'ba18558739793384e1170c212fe99612aae985a8', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '6e0bfa2aef1bf8936e7be82861fad1b4c1ad1798', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: 'f793cb7bf299c3aa58409132618185b39450360b' }, this._street.length > 0 && (h("div", { key: '3da7414abc86e30ee3edddfa4be1ebf318fb5c76', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: '50fc6ebac7d8dc0224a9f866017293e1ce7690bd' }, h("br", { key: '8793ce6d88712a914984ac670baa9eba7da0bcdc' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '3ed11133300085e8862337813a7fb5a3ee28b6ce', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: 'd9e3a1406984e18c498487555bc5f76395efa91d', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: 'c233ecc561baae858d07d1962e07c36826908bdc', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '8cde75a245d6a076caa92e5fa2dae5bfd34a5884', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'f7031235ce1c8babef36f965b63e8243e5e5ba18', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '24f553f19d2eacab69fd9a607acfe413dd19fa91', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '9c74eda47d7a7dc93e4f874c8978b13a832a3964' }, this.poboxHeading && h("div", { key: 'f98ef6776f271adc37eba8595d573e93d40bad91', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: 'dbaab541dc88c0b91518e56a9c423324b6247cb4', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: 'a479f1069f01c23c52ffa4eb2a009589590b3d64', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '0fefb1c0c3e4b8a8ec1af740188089b873e12287', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: 'd715c43bf639a5641cad5c791375343ade9ff03c', name: "pobox" })))), h("div", { key: 'ba17d3f71d7b22012d939097c190c8bd972d48d6', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '83b05e23a140c775d8dd15497d945a6826ad4c8c', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '560b991894ca111680bcdfcc88d50d929babf007', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '6475aa21d798c36e3cf1c03c4f8df5f29f41bb4c', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -146,7 +145,6 @@ const StzhContact$1 = /*@__PURE__*/ proxyCustomElement(class StzhContact extends
 }, [6, "stzh-contact", {
         "type": [1],
         "mainHeading": [1, "main-heading"],
-        "subHeading": [1, "sub-heading"],
         "mainHeadingLevel": [1, "main-heading-level"],
         "heading": [1],
         "responsibilityTitle": [1, "responsibility-title"],

package/dist/components/stzh-contact.js.map

@@ -1 +1 @@
-{"file":"stzh-contact.js","mappings":"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","names":["StzhContact"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\"\n          \"image image image image . . . .\"\n          \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n          \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n          \"info info info info info info info info\"\n          \"additional additional additional additional additional additional additional additional\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space(\"xsmall\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        padding-top: space(\"xsmall\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space(\"medium\");\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"large\");\n        padding-top: space(\"large\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xlarge\");\n        padding-top: space(\"xlarge\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n        padding-top: space(\"xxlarge\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role {\n    @include fontSize(\"milli\");\n    @include font(\"medium\");\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__contact-form {\n    grid-area: contactForm;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-top: space(\"xlarge\");\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-top: space(\"xxlarge\");\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space(\"xxsmall\");\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Sub heading */\n  @Prop() subHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && (\n                    <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n                  )}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-contact.js","mappings":"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","names":["StzhContact"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n    \"heading heading heading heading\" \"image image image image\"\n      \"responsibility responsibility responsibility responsibility\"\n      \"contactForm contactForm contactForm contactForm\" \"info info info info\"\n      \"availability availability availability availability\"\n      \"additional additional additional additional\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n      \"heading heading heading heading heading heading heading heading\"\n        \"image image image image . . . .\"\n        \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n        \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n        \"info info info info availability availability availability availability\"\n        \"additional additional additional additional additional additional additional additional\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\"\n          \"image image image image . . . .\"\n          \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"\n          \"contactForm contactForm contactForm contactForm contactForm contactForm contactForm contactForm\"\n          \"info info info info info info info info\"\n          \"additional additional additional additional additional additional additional additional\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space(\"xsmall\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        padding-top: space(\"xsmall\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        padding-top: space(\"small\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space(\"medium\");\n      padding-top: space(\"medium\");\n      padding-bottom: space(\"xxsmall\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"large\");\n        padding-top: space(\"large\");\n        padding-bottom: space(\"xxsmall\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xlarge\");\n        padding-top: space(\"xlarge\");\n        padding-bottom: space(\"xsmall\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n        padding-top: space(\"xxlarge\");\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role {\n    @include fontSize(\"milli\");\n    @include font(\"medium\");\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__contact-form {\n    grid-area: contactForm;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-top: space(\"xlarge\");\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-top: space(\"xxlarge\");\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space(\"xxsmall\");\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading} />\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && <stzh-heading level=\"3\" curve=\"h3\" htmlContent={this.name} />}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stzh-container.js

@@ -1,4 +1,4 @@
-import { S as StzhContainer$1, d as defineCustomElement$1 } from './p-683460a5.js';
+import { S as StzhContainer$1, d as defineCustomElement$1 } from './p-479db6c6.js';
 
 const StzhContainer = StzhContainer$1;
 const defineCustomElement = defineCustomElement$1;