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

@oiz/stzh-components 4.6.0-beta3 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (977) hide show

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

@@ -42,7 +42,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (index.h(index.Host, { key: '2632c71ce90ddbb33bb4a6297282554930d9f6b2' }, index.h("div", { key: 'ea031a94cde87db2619902a42bdb1b5014191917', class: classes }, index.h("stzh-ratio", { key: '382f2721d242819064507c84959ec08018311c04' }, index.h("stzh-iframe", { key: 'fe692d1aac2655f0047af81ea45d3adfe9c921b0', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, index.h("slot", { key: 'ec54ccdd4f85a54057c10fcb31f4a285a936f3e3', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: '77a035d7878cdd45dde8dd2fc55727ef9a87a3fd', name: "preview-image", slot: "preview-image" }), index.h("div", { key: 'e952fdf00dba3245f995d0c003f56160a93d3233', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (index.h(index.Host, { key: '45ceef0e5c1d5b3b6eece2cfbeaae8895debd577' }, index.h("div", { key: '3d06295f92b4478ecef205d81be1c4d7bdfb37a9', class: classes }, index.h("stzh-ratio", { key: '00e06a8087d1699ecf8c48009abea41758b411c5' }, index.h("stzh-iframe", { key: '4637bfc71df79c31cde14a166210c5203a0a3125', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, index.h("slot", { key: '879e82d81db6a6c2202b138402ad87ac5e328570', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'abd050c060507907536a619727715a4d98193be4', name: "preview-image", slot: "preview-image" }), index.h("div", { key: 'f764501d02c8ed634f956412774906643a21744e', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/assets/pkzh/HelveticaNeueLTPro_normal_normal_300.woff2 ADDED Viewed

Binary file

package/dist/collection/assets/pkzh/HelveticaNeueLTPro_normal_normal_400.woff2 ADDED Viewed

Binary file

package/dist/collection/assets/pkzh/HelveticaNeueLTPro_normal_normal_500.woff2 ADDED Viewed

Binary file

package/dist/collection/assets/pkzh/HelveticaNeueLTPro_normal_normal_700.woff2 ADDED Viewed

Binary file

package/dist/collection/assets/pkzh/fonts.css ADDED Viewed

@@ -0,0 +1,38 @@
+/* @import must be at top of file, otherwise CSS will not work */
+@import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=48e39b68-7f5b-41b4-abe5-4a7764d07d1e");
+@font-face {
+  font-family: "HelveticaNeueLTPro";
+  font-style: normal;
+  font-weight: 500;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('./HelveticaNeueLTPro_normal_normal_500.woff2') format('woff2');
+}
+@font-face {
+  font-family: "HelveticaNeueLTPro";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('./HelveticaNeueLTPro_normal_normal_400.woff2') format('woff2');
+}
+@font-face {
+  font-family: "HelveticaNeueLTPro";
+  font-style: normal;
+  font-weight: 700;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('./HelveticaNeueLTPro_normal_normal_700.woff2') format('woff2');
+}
+@font-face {
+  font-family: "HelveticaNeueLTPro";
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: normal;
+  font-display: swap;
+  src: url('./HelveticaNeueLTPro_normal_normal_300.woff2') format('woff2');
+}

package/dist/collection/components/CMS/stzh-contact/stzh-contact.css CHANGED Viewed

@@ -425,17 +425,22 @@
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-.stzh-contact__heading:not(:empty):not(:last-child), .stzh-contact__name:not(:empty):not(:last-child), .stzh-contact__emails:not(:empty):not(:last-child), .stzh-contact__pobox:not(:empty):not(:last-child), .stzh-contact__availability-title:not(:empty):not(:last-child) {
+.stzh-contact__heading:not(:empty):not(:last-child), .stzh-contact__name:not(:empty):not(:last-child), .stzh-contact__pobox:not(:empty):not(:last-child), .stzh-contact__availability-title:not(:empty):not(:last-child), .stzh-contact__websites:not(:empty):not(:last-child) {
   margin-bottom: var(--stzh-space-xsmall);
 }
 .stzh-contact__numbers {
   white-space: nowrap;
 }
-.stzh-contact__number, .stzh-contact__email {
+.stzh-contact__number, .stzh-contact__email, .stzh-contact__website {
   display: flex;
   align-items: center;
   gap: var(--stzh-space-xxsmall);
 }
+.stzh-contact__website {
+  display: flex;
+  flex-direction: row;
+  --stzh-datalist-item-vertical-wrapper-padding: 0px;
+}
 .stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__departament, .stzh-contact__availability-title {
   font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));
   line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));

package/dist/collection/components/CMS/stzh-contact/stzh-contact.js CHANGED Viewed

@@ -17,6 +17,7 @@ export class StzhContact {
         this._streetInfo = [];
         this._numbers = [];
         this._emails = [];
+        this._websites = [];
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
@@ -36,6 +37,7 @@ export class StzhContact {
         this.location = undefined;
         this.numbers = [];
         this.emails = [];
+        this.websites = [];
         this.pobox = undefined;
         this.poboxHeading = undefined;
         this.poboxTitle = undefined;
@@ -81,6 +83,19 @@ export class StzhContact {
             this._emails = newValue;
         }
     }
+    websitesWatcher(newValue) {
+        if (typeof newValue === "string") {
+            try {
+                this._websites = JSON.parse(newValue);
+            }
+            catch (jsonParseException) {
+                // Nothing to do here, just catching to prevent component from dying.
+            }
+        }
+        else {
+            this._websites = newValue;
+        }
+    }
     streetWatcher(newValue) {
         if (typeof newValue === "string") {
             try {
@@ -113,6 +128,7 @@ export class StzhContact {
         this.availabilityWatcher(this.availability);
         this.streetWatcher(this.street);
         this.streetInfoWatcher(this.streetInfo);
+        this.websitesWatcher(this.websites);
     }
     render() {
         const hasImage = hasSlot(this.element, "image");
@@ -130,7 +146,8 @@ export class StzhContact {
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (h(Host, { key: 'fb4338d1553980ef47095cd9362ccd386e845c9d', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: 'b44eb36ed1b5951b654569066ad0548bc4fe8daa', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '01b3f402c57a61262124525f8fd1add368bd428e', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '0c89b5899c33651389fcb6989ac1a0b82d49350f', 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: '087dcaa78482ee4bea2d60348aef7fee244fc97f', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '9f747a504f339c5367134bae19fb791a81b658b9', curve: "h3", level: "3" }, h("span", { key: 'e50ca2fd44dbfb7fd65f6cf2e91298d46c9f2793', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (h("stzh-heading", { key: 'b542cfb7572aea4b52fdfb46f5285a06095cbb4c', curve: "h3", level: "3" }, h("span", { key: '59bfe9469c6dbfb806fc904135db18ecd2ad5dd4', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (h("stzh-heading", { key: '8662c4d60126999c12bc878d71e05ca647ef8aae', curve: "h3", level: "3" }, h("span", { key: '19633ffc0a5cabd2a9996fa67f740ed520fe1468', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: 'fd3d474b253615ec36efe1c024b639982e72b313', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '4d41e59efa772cf739b8e707371b478e48b1eeee', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: 'f327bdbb8333b06e4ad66effdd2625a0cddd6c2c', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '96d72f75845c2395257c03515eeacf9b6e4e3973', class: "stzh-contact__image-wrapper" }, h("div", { key: '8c24315f178d3db7b2bdbfdd9014b0c7e886cbb3', class: "stzh-contact__image" }, h("slot", { key: '03a7c2f48a0be7922b13b3dd98195940a023f3dd', name: "image" }))))), h("div", { key: '88e668d3872430515e57a9896839767d68a3f70c', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: 'e2d414a2ecd31e910b448adaf07181f7b02a0828', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '8e474a954a16e536ebc1b443fa207da9961b7193', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: 'b721d2011a5e1e4a78a1412d48bc964e3c19db6e', class: "stzh-contact__contact-form" }, h("slot", { key: 'bca3498091265309372e05490d161cc382c3f618', name: "contact-form" })), h("div", { key: '6990b6d6deca83012c38a4324857566ecadffadc', class: "stzh-contact__additional" }, h("slot", { key: '2a1264257f0fb4b045b7272ee37101867ee0e6c6' })), h("div", { key: '54c72ab58a6adfcc3c8c68981cffaedb58be6887', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '5986fd5fb95bdc99b02d7e62150574ef76a76c6a', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '03de39449a86df37b2689c21f2655d4dad2c9d15', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: 'ec5a3c42af6e485ac7c88ed3d533dc7c34415409' }, this._street.length > 0 && (h("div", { key: '16e35f3fd6ae2298811486a20125086689328802', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'e62850b61633cfc3e7aa799a4e7248080b575656' }, h("br", { key: 'e69d704cd61d43355034b24df570da5ecb927a52' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '1213a75879611860e30e1a07fa8c48f12d182d0c', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '0e8cd89b885f58784674cad60676edb911027d98', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '196ca1e1899f4554258df2630c5b25603c232c4e', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '1431850c89af7831b687a2915d12018406c102ad', 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: '9a3cd8f4553bd1524d2f4cb5d3a577d739cb6907', 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: '2a726a579a2d0eb9c18da2e056ebde3f1260d88d', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '2353100c0a1dc26ac13d2e1d4023441ae8d019c4' }, this.poboxHeading && h("div", { key: '91f6a737c336d0c744cf14595ed2ddf6f009ad6c', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: 'cb01067f6ade01368b0605723a3de842b500106a', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: '6921695603c68398090d326d8d5e42d7b910e037', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '8ba615f4baa57f6ef2389a0dba63094c26e2abcc', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: 'ef80e8c3759b94620480977214f1c3355eddf5f9', name: "pobox" })))), h("div", { key: '4f0f803ca3d6f8138c9dca9f5fda0bfda228eb3e', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '1286352e54bc2f51f1de698c7bb8618dd65dac95', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'ecff31f04abc4022bc2a31b7a6faf13c94c33aab', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '67436f1266f076d4aa959b7756ec28db9903b1ce', 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" })))))))))))))))));
+        const hasMainHeading = !!this.mainHeading || hasSlot(this.element, "main-heading");
+        return (h(Host, { key: '57322ee1d520a29beb3784d296128aeea4832f97', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: '004916525b0d7e05475fc7edcaad55202a826eee', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '24fc23fe4a718336e86f3b3dc5b797abd46fdfab', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, hasMainHeading && (h("div", { key: 'ce61a6e2dfe164639223d73aa202bcf0a7f0179b', 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: '5f6711d8d0f79e53fbf94bc6d9a0f663cceeafab', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: 'fbec847a727b9afb6c81c766c07977ee28922f95', curve: "h3", level: "3" }, h("span", { key: 'beeb28282171bd875dcedb302b53e0c9f8d1ba57', class: "stzh-contact__role" }, this.personRole))), this.cityLabel && isOrganization && (h("stzh-heading", { key: '8c02187bba4a0ec9ab26c48085cf8974e82135a6', curve: "h3", level: "3" }, h("span", { key: '8fd1e8a6bfbd7c281f766303aa90bc2ac38b8fea', class: "stzh-contact__departament" }, this.cityLabel))), this.departament && isOrganization && (h("stzh-heading", { key: 'b5aaf3730e77fef668c8a3e266809580902fd9c8', curve: "h3", level: "3" }, h("span", { key: 'ee9bf0a9151b6c223f0d9ace065f15090d97c291', class: "stzh-contact__departament" }, this.departament))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: '0296c7fa17c812e743667ca1581d07d1cc27a0ab', class: "stzh-contact__main-heading-type" }, this.name && isPerson && h("stzh-heading", { key: '29cabfad18473fc9a2f145e5c192eace2406283f', level: "3", curve: "h3", htmlContent: this.name }), this.heading && isOrganization && (h("stzh-heading", { key: 'efbc7d16bed4106feae2d755a07fa5edb0147de9', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '4924a75746ce16ae02cbb76dbbf7322c5a43defe', class: "stzh-contact__image-wrapper" }, h("div", { key: 'f5d1f546e94832eb8dca7a7c13f32d0536354ef4', class: "stzh-contact__image" }, h("slot", { key: 'a8048d1393d2b86576d9abba15d13b1bfc3d619d', name: "image" }))))), h("div", { key: '336b8c2bb9cd4e27250cc42b96bc47d08da9f925', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '91ea38d3412e9aee95c1d001709fab35383fb65c', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'ffc44b08670577587abe8977bac89ba30516ded1', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: 'eb5d6e313f891a80afb76215d5d0fbc4419b9f8c', class: "stzh-contact__contact-form" }, h("slot", { key: 'd3076448217fd80ffe164508cefe5bc64afb794a', name: "contact-form" })), h("div", { key: '8f3804eba63339c7fc00f1f945b0275e6e84e482', class: "stzh-contact__additional" }, h("slot", { key: '14227c31868989adf1c1553518deb05ca9ca7ca3' })), h("div", { key: '3915bba97fe2fac2e8dbddb2d98fcedea18d3196', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '96fbbcce53f9c15f2e4b04f04dd77816f6b0e2fd', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'b849b9a4ed53ad7e70a5f2afb4bf7075cec119ae', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '1753f50f29cf7fbccc9f3fe022d525c2efb00dbb' }, this._street.length > 0 && (h("div", { key: '5012e45f997439a8a80251d6d44364cf0ee8257d', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'cef86f797b3ed6fd2f7d374fcae3a3f5d6e6301b' }, h("br", { key: 'a8d909a5758b27f3f6e4bf05f71e7c266f9f50b0' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: 'e24ed881acc68d738cc4590a409fd3e1a309c88d', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: 'ad98a76b251955bf59ec09bb762db77be0ae641b', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '215adbee3dc1a4021cc31f63685f450299e67143', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '3bacb2732ae0e81f18c73c0c09d565c5cc187330', 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: 'aa62cae1a4aae0d2ba683754cbe9c6188ccf1f8a', 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))))))), this.websites && (h("div", { key: '7e73adcfe1bebc6c24922efd1f84b78ce892a9c3', class: "stzh-contact__websites" }, this._websites.map(website => (h("div", { class: "stzh-contact__website" }, h("span", null, website.label, "\u00A0"), h("stzh-datalist-item", { href: website.href, value: website.text, rel: website.rel })))))), h("div", { key: '70befe249a1cdb991710052c22ab764256089ed0', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '687cab0eca83230a2d274c5d4be7c0a7e03be62e' }, this.poboxHeading && h("div", { key: 'cdf8b41f0baeae7a7001961d40886fbe5fab0b21', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '4312f8468723ae001ed4396426371de46b1e683c', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: 'd86c7cbecf4015b81a2ad8b431ea477729452b38', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '58738d90c4f51bbf4ff2c399fd788f4e86b811bb', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '47bd3bcc86418dacbee51d49a617fb8933a02b68', name: "pobox" })))), h("div", { key: 'c079eff0462d4f6a15b88abd93d38a6513be0e44', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '8c16dc4d4b8f67899ca33a6c12e3ff7a5a525e3d', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '8766020093430c112669a00efdf0f05347bdeaeb', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'a62590875a99969d5d82362fdd046054977cc057', 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" })))))))))))))))));
     }
     static get is() { return "stzh-contact"; }
     static get encapsulation() { return "scoped"; }
@@ -469,6 +486,30 @@ export class StzhContact {
                 "reflect": false,
                 "defaultValue": "[]"
             },
+            "websites": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ContactWebsite[] | string",
+                    "resolved": "ContactWebsite[] | string",
+                    "references": {
+                        "ContactWebsite": {
+                            "location": "import",
+                            "path": "../../../index",
+                            "id": "src/index.ts::ContactWebsite"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Website\nArray of objects that can include the attributes `label`, `number`, `text`, `href`\nand optionally `analyticsId` for setting `s-object-id` to the link element\n(for Adobe Analytics, default value is `label` and `text`)."
+                },
+                "attribute": "websites",
+                "reflect": false,
+                "defaultValue": "[]"
+            },
             "pobox": {
                 "type": "string",
                 "mutable": false,
@@ -659,6 +700,9 @@ export class StzhContact {
             }, {
                 "propName": "emails",
                 "methodName": "emailsWatcher"
+            }, {
+                "propName": "websites",
+                "methodName": "websitesWatcher"
             }, {
                 "propName": "street",
                 "methodName": "streetWatcher"

package/dist/collection/components/CMS/stzh-contact/stzh-contact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-contact.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-contact/stzh-contact.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAInF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,SAAS,SAAS,CAAC,GAAW;IAC5B,OAAO,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAChC,CAAC;AAED;;;;;;;GAOG;AAMH,MAAM,OAAO,WAAW;;QAuCd,YAAO,GAAa,EAAE,CAAC;QAIvB,gBAAW,GAAa,EAAE,CAAC;QAe3B,aAAQ,GAAoB,EAAE,CAAC;QAS/B,YAAO,GAAmB,EAAE,CAAC;QA4B7B,kBAAa,GAAkC,EAAE,CAAC;oBA7FhB,cAAc;;gCAMN,GAAG;;;;;;4BAkBP,GAAG;;;;;;;;uBA+BL,EAAE;sBASJ,EAAE;;;;;;;;sCAyBY,GAAG;;;;IAU3D,mBAAmB,CAAC,QAAgD;QAClE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAChC,CAAC;IACH,CAAC;IAGD,cAAc,CAAC,QAAkC;QAC/C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACvC,CAAC;YAAC,OAAO,kBAAkB,EAAE,CAAC;gBAC5B,qEAAqE;YACvE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC;IACH,CAAC;IAGD,aAAa,CAAC,QAAiC;QAC7C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACtC,CAAC;YAAC,OAAO,kBAAkB,EAAE,CAAC;gBAC5B,qEAAqE;YACvE,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC1B,CAAC;IACH,CAAC;IAGD,aAAa,CAAC,QAA2B;QACvC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACtC,CAAC;YAAC,OAAO,gBAAgB,EAAE,CAAC;gBAC1B,IAAI,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC1B,CAAC;IACH,CAAC;IAGD,iBAAiB,CAAC,QAA2B;QAC3C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC1C,CAAC;YAAC,OAAO,gBAAgB,EAAE,CAAC;gBAC1B,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,IAAI,QAAQ,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC9B,CAAC;IACH,CAAC;IAID,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACtE,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEhD,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,yBAAyB,EAAE,QAAQ;YACnC,2BAA2B,EAAE,UAAU;YACvC,0BAA0B,EAAE,SAAS;YACrC,yBAAyB,EAAE,QAAQ;SACpC,CAAC;QAEF,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAC7C,MAAM,wBAAwB,GAAG,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;QACxC,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC;QAEpD,OAAO,CACL,EAAC,IAAI,yEAAmB,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAC5D,4DAAK,KAAK,EAAE,OAAO,EAAE,SAAS,QAAC,QAAQ,EAAE,qBAAqB,IAAI,CAAC,IAAI,EAAE;gBACvE,4DACE,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;oBAEvF,4DAAK,KAAK,EAAC,oCAAoC,IAC5C,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,oBAAc,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CAC9E,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG;oBAEN,4DAAK,KAAK,EAAE,QAAQ,IAAI,iCAAiC;wBACtD,IAAI,CAAC,UAAU,IAAI,QAAQ,IAAI,CAC9B,qEAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG;4BAChC,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,UAAU,CAAQ,CAC5C,CAChB;wBACA,IAAI,CAAC,SAAS,IAAI,cAAc,IAAI,CACnC,qEAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG;4BAChC,6DAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,SAAS,CAAQ,CAClD,CAChB;wBACA,IAAI,CAAC,WAAW,IAAI,cAAc,IAAI,CACrC,qEAAc,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG;4BAChC,6DAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,WAAW,CAAQ,CACpD,CAChB;wBACA,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAChE,4DAAK,KAAK,EAAC,iCAAiC;4BACzC,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,qEAAc,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,EAAE,IAAI,CAAC,IAAI,GAAI;4BACtF,IAAI,CAAC,OAAO,IAAI,cAAc,IAAI,CACjC,qEAAc,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,GAAI,CACtE,CACG,CACP,CACG;oBACL,QAAQ,IAAI,CACX,4DAAK,KAAK,EAAC,6BAA6B;wBACtC,4DAAK,KAAK,EAAC,qBAAqB;4BAC9B,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,CACF,CACP,CACG;gBAEN,4DAAK,KAAK,EAAC,8BAA8B;oBACtC,IAAI,CAAC,mBAAmB,IAAI,CAC3B,EAAC,YAAY,qDACX,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,SAAS,EAAE,IAAI,CAAC,mBAAmB,GACnC,CACH;oBACA,IAAI,CAAC,cAAc,IAAI,CACtB,kEAAW,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,cAAc,CAAa,CACvF,CACG;gBAEN,4DAAK,KAAK,EAAC,4BAA4B;oBACrC,6DAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B;gBAEN,4DAAK,KAAK,EAAC,0BAA0B;oBACnC,8DAAa,CACT;gBAEN,4DAAK,KAAK,EAAC,oBAAoB;oBAC5B,IAAI,CAAC,YAAY,IAAI,CACpB,EAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,YAAY,CACO,CAC5B;oBAED,4DACE,KAAK,EAAC,uBAAuB,EAC7B,QAAQ,EAAC,SAAS,EAClB,SAAS,QACT,QAAQ,EAAC,iCAAiC,EAC1C,SAAS,EAAE,IAAI,CAAC,OAAO,IAEtB,CAAC,IAAI,CAAC,OAAO,IAAI,CAChB,EAAC,QAAQ;wBACN,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,4DAAK,KAAK,EAAC,sBAAsB,EAAC,QAAQ,EAAC,eAAe;4BACvD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CACpC,EAAC,QAAQ;gCACN,MAAM;gCACP,aAAM,CACG,CACZ,CAAC;4BACD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,EAAC,QAAQ;gCACP,4DAAM;gCAAC,GAAG;gCACT,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAkB,EAAE,EAAE,CAAC,CAC5C,EAAC,QAAQ;oCACN,UAAU;oCACX,aAAM,CACG,CACZ,CAAC,CACO,CACZ,CACG,CACP;wBAEA,IAAI,CAAC,UAAU,IAAI,CAClB,6DAAM,KAAK,EAAC,2BAA2B,EAAC,QAAQ,EAAC,YAAY;4BAC1D,IAAI,CAAC,UAAU;qCACX,CACR;wBAEA,IAAI,CAAC,QAAQ,IAAI,CAChB,6DAAM,KAAK,EAAC,wBAAwB,EAAC,QAAQ,EAAC,iBAAiB,IAC5D,IAAI,CAAC,QAAQ,CACT,CACR;wBAED,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACnB,CACZ,CACG;oBAEL,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,4DAAK,KAAK,EAAC,uBAAuB,IAC/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC3B,WAAK,KAAK,EAAC,sBAAsB;wBAC/B;4BAAO,MAAM,CAAC,KAAK;qCAAc;wBACjC,iBACE,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAClD,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,EACrE,QAAQ,EAAE,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,IAE1D,MAAM,CAAC,MAAM,CACJ,CACR,CACP,CAAC,CACE,CACP;oBAEA,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACzB,WAAK,KAAK,EAAC,qBAAqB;wBAC9B;4BAAO,KAAK,CAAC,KAAK;qCAAc;wBAC/B,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,iBACE,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,UAAU,KAAK,CAAC,IAAI,EAAE,EAC5B,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,EAChE,QAAQ,EAAC,OAAO,IAEf,KAAK,CAAC,IAAI,CACD,CACb,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,4BAA4B,EAAC,QAAQ,EAAC,OAAO,IACtD,KAAK,CAAC,IAAI,CACN,CACR,CACG,CACP,CAAC,CACE,CACP;oBAED,4DAAK,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IACnD,CAAC,IAAI,CAAC,KAAK,IAAI,CACd,EAAC,QAAQ;wBACN,IAAI,CAAC,YAAY,IAAI,4DAAK,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,YAAY,CAAO;wBACvF,IAAI,CAAC,UAAU,IAAI,4DAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,UAAU,CAAO;wBACjF,IAAI,CAAC,eAAe,IAAI,CACvB,6DAAM,KAAK,EAAC,iCAAiC;4BAAE,IAAI,CAAC,eAAe;qCAAc,CAClF;wBACA,IAAI,CAAC,aAAa,IAAI,6DAAM,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,aAAa,CAAQ;wBAC7F,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACjB,CACZ,CACG;oBAEN,4DAAK,KAAK,EAAC,sCAAsC,EAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,GAAQ,CAC3F;gBAEL,IAAI,CAAC,YAAY,IAAI,CACpB,4DAAK,KAAK,EAAC,4BAA4B;oBACpC,IAAI,CAAC,iBAAiB,IAAI,CACzB,EAAC,wBAAwB,qDAAC,KAAK,EAAC,kCAAkC,IAC/D,IAAI,CAAC,iBAAiB,CACE,CAC5B;oBAEA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,2DAAI,KAAK,EAAC,iCAAiC,IACxC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9B,UAAI,KAAK,EAAC,sCAAsC;wBAC9C,WAAK,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,OAAO,CAAO;wBACnE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,WAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,EAAC,QAAQ;4BACP,WAAK,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAO;4BACxD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,WAAK,KAAK,EAAC,4CAA4C,GAAO,CAC/D,CACQ,CACZ,CAAC,CACE,CACP,CACE,CACN,CAAC,CACC,CACN,CACG,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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 /* City label /\n @Prop() cityLabel: string;\n\n /* Departament /\n @Prop() departament: 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\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 {this.cityLabel && isOrganization && (\n <stzh-heading curve=\"h3\" level=\"3\">\n <span class=\"stzh-contact__departament\">{this.cityLabel}</span>\n </stzh-heading>\n )}\n {this.departament && isOrganization && (\n <stzh-heading curve=\"h3\" level=\"3\">\n <span class=\"stzh-contact__departament\">{this.departament}</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} \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} </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} </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} </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"]}
1	+ {"version":3,"file":"stzh-contact.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-contact/stzh-contact.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { ContactEmail, ContactNumber, ContactWebsite, 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 /* City label /\n @Prop() cityLabel: string;\n\n /* Departament /\n @Prop() departament: 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 /\n Website\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() websites: ContactWebsite[] \| string = [];\n private _websites: ContactWebsite[] = [];\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 @Watch(\"websites\")\n websitesWatcher(newValue: ContactWebsite[] \| string) {\n if (typeof newValue === \"string\") {\n try {\n this._websites = JSON.parse(newValue);\n } catch (jsonParseException) {\n // Nothing to do here, just catching to prevent component from dying.\n }\n } else {\n this._websites = 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 this.websitesWatcher(this.websites);\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 const hasMainHeading = !!this.mainHeading \|\| hasSlot(this.element, \"main-heading\");\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 {hasMainHeading && (\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 )}\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 {this.cityLabel && isOrganization && (\n <stzh-heading curve=\"h3\" level=\"3\">\n <span class=\"stzh-contact__departament\">{this.cityLabel}</span>\n </stzh-heading>\n )}\n {this.departament && isOrganization && (\n <stzh-heading curve=\"h3\" level=\"3\">\n <span class=\"stzh-contact__departament\">{this.departament}</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} \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} </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} </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 {this.websites && (\n <div class=\"stzh-contact__websites\">\n {this._websites.map(website => (\n <div class=\"stzh-contact__website\">\n <span>{website.label} </span>\n <stzh-datalist-item href={website.href} value={website.text} rel={website.rel}></stzh-datalist-item>\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} </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"]}

package/dist/collection/components/CMS/stzh-contact/stzh-contact.stories.js CHANGED Viewed

@@ -90,11 +90,22 @@ const emails = [
     label: 'Email',
     text: 'claudia.mustermann@zuerich.ch',
     href: 'email@zuerich.ch'
-  },
+  }
+];
+const websites = [
   {
     label: 'Website',
     text: 'Berufliche Grundbildung',
-    href: 'email@zuerich.ch'
+    href: 'https://www.google.com/',
+    rel: 'external nofollow',
+    target: '_blank'
+  },
+  {
+    label: 'Internal',
+    text: 'Berufliche Grundbildung',
+    href: '',
+    rel: '',
+    target: '_blank'
   }
 ];
@@ -198,7 +209,8 @@ export const FurtherContactPersonWithEmails = {
     'contact-title': 'Kontakt',
     'postal-code': '9000',
     location: 'Muster',
-    emails
+    emails,
+    websites
   }
 };
@@ -224,6 +236,7 @@ export const ContactWithImageAndAvailability = {
     'postal-code': '8000',
     location: 'Zürich',
     numbers,
+    emails,
     'contact-title': 'Kontakt',
     'availability-title': 'Erreichbarkeit',
     availability: availabilityWithoutHours
@@ -250,6 +263,7 @@ export const ContactWithImageAndAvailabilityWithoutHours = {
     'contact-title': 'Kontakt',
     availability,
     emails,
+    websites,
     'city-label': 'Stadt Zuerich',
     departament: 'Departament'
   }
@@ -274,7 +288,8 @@ export const ContactWithImageLeftAndAvailability = {
     'availability-title': 'Erreichbarkeit',
     'contact-title': 'Kontakt',
     availability,
-    emails
+    emails,
+    websites
   }
 };

package/dist/collection/components/CMS/stzh-contact-cv/stzh-contact-cv.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class StzhContactCv {
             "stzh-contact-cv": true,
             "stzh-contact-cv--has-favorite-links": hasFavoriteLinks,
         };
-        return (h(Host, { key: 'e3359f0619fc064659d143be3e051091d2664ce3' }, h("div", { key: '2289639c9dda4bf9f68ea88cd3eef6f4b2bba3d8', class: classes }, h("div", { key: '1e108a3ca7ef30f2a0c83129d184dfcc8ac42ce0', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: 'c84ae820a1087d5c2851e8d184c0deff637ed250', class: "stzh-contact-cv__content-block" }, h("p", { key: 'f3f0c9d6cad94793add4ece9690d3a6c12f1aab7', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: 'dcecca0ab2927ccd1f170223343e4509b9c03af4' }, this.jobtitle)), h("stzh-text", { key: '57eec9f221e5c36c33cb786316acf86234acee6b', class: "stzh-contact-cv__content-block" }, h("p", { key: '75583c4ca274208345020289d39e42e9fd0c1811', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '3af0a7a3b49734f5b65d9f51f6987f42d915e620' }, this.responsibilities)), h("stzh-text", { key: '521e63d873df3fd397b939ce9861a35a402748f5', class: "stzh-contact-cv__content-block" }, h("p", { key: 'a3feeec741e255636e30321bcc4a0c8845f0a706', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: 'a8cb10bf050f5f48e7054aac097d1f09e4b895ac' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '09f8b2ae85bfc28d52d22682b215309342783cf0', class: "stzh-contact-cv__content-block" }, h("p", { key: 'b2c1592509f61992dcb238639ca626f5f9d6c4f0', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: 'e3dadd74195176b6fa2dffcb639c9d760bd5ae19' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '7f11f03e63c08b0b0f3935625095b5aaa38374fe', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '5e3e9ac4354cef54182adbb7ce9e5064aea9a19d', class: "stzh-contact-cv__content-block" }, h("p", { key: '4c6b1a5093a1f7a836ba26ea26d9f5e81808166b', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: '590b69491fe19a763b3c44bd5d48c83eac56ec92', name: "favorite-links" })))))));
+        return (h(Host, { key: '5a291f348ebadcbde51de7ad4b9ba377d797693f' }, h("div", { key: 'be10e062984ae67d06a055409d316d525cbce398', class: classes }, h("div", { key: 'bb62a08709141afdf55d3a1995d621d38544b928', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '87d66c355b366f232ae67dc4dc0b00d48993f370', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ed25eb6233741fbf7eb61db8ac7d25b4d76151eb', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: 'beb4fb7eb9a9097dc8ad52ed286bc0fb010308ad' }, this.jobtitle)), h("stzh-text", { key: '501245e800c42f0935b4ca56eee9dcba0c80ca3e', class: "stzh-contact-cv__content-block" }, h("p", { key: 'efbef83306ebf2c2123a84b50517267c36660404', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '5df94126ed2b6021e0567a89473581438d0566dc' }, this.responsibilities)), h("stzh-text", { key: '18973ce79765d018999abb3e26b2ff7f7266cf0a', class: "stzh-contact-cv__content-block" }, h("p", { key: '0811996e0a7583db612496f654b53bd5b7248020', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: 'a09f673fc22590c133fb88e67b6e659e6665e69e' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '2316b0d44c23eab83c95570f610f2105c353fd78', class: "stzh-contact-cv__content-block" }, h("p", { key: 'ce0b3b4306b40d2eaf8bc72f1ffdbeae6fe72c3a', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '92a4edb5f2c670560c8b224163f564bcd3f4707d' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: 'ebed4659a3cba6989971216a7ab5883715d18862', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '51b1de961263ad8158b29a42fb70adf505717d08', class: "stzh-contact-cv__content-block" }, h("p", { key: '3aeda3f44d909d5a5a928ce44db5e6ec2d737307', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: 'c1b6c8b7f0d96caf017c67f7f7de6da15f411aee', name: "favorite-links" })))))));
     }
     static get is() { return "stzh-contact-cv"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-disturber/stzh-disturber.js CHANGED Viewed

@@ -174,7 +174,7 @@ export class StzhDisturber {
             "stzh-disturber--has-link": linkUsed,
             "stzh-disturber--has-close-hidden": this.hideClose,
         };
-        return (h(Host, { key: '8b89b6ef3de7091937641b957abcba45e035e3cf' }, h("div", { key: 'a686138b7009bbb93987a53fc8bd61ed2f9cf60f', ref: el => (this.rootElement = el), class: classes }, h("div", { key: 'eb07a5fbc504e17994f81b19b388e68c7ba36aef', class: "stzh-disturber__content" }, h("div", { key: '8f69e4559147d78471bdecefec91683d018fd4ff', class: "stzh-disturber__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'fa90e3d04244a31152a6470ac2acdabfb038fb7f', class: "stzh-disturber__link" }, h("slot", { key: '04f1738d6a2a331b7f011c5add5fa70231631a1a', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (h("div", { key: 'a9df5feb4db889a339c417a1d3ee122402d24dba', class: "stzh-disturber__close-wrapper" }, h("stzh-button", { key: 'e91aa613d720082032580bc04f3dbd0d14725c40', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: '861040a01008f7fc6badcf562e1e6d3255470103' }, h("div", { key: 'ccfaf74d684c89e885fb7ba914597f512bbbb893', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '31e3345060aa1d5c1d506caf0c435bf6f852fe39', class: "stzh-disturber__content" }, h("div", { key: '9a88fcb0b7e88ad18c5057bdc90fa58b8b4da57a', class: "stzh-disturber__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9af588ae178e34d96cfc12de95c5a0e7ad50990c', class: "stzh-disturber__link" }, h("slot", { key: 'ba98087a4b4d96bb1443a7f2db179d5ec066a170', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (h("div", { key: '3d6e10b856995fabc8a25da27ab5ff3cb900fdea', class: "stzh-disturber__close-wrapper" }, h("stzh-button", { key: '04e7775c49d9f6e2a458ff6f16ed86b76b20f5d1', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     static get is() { return "stzh-disturber"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-editor/stzh-editor.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class StzhEditor {
         const classes = {
             "stzh-editor": true,
         };
-        return (h(Host, { key: 'dbb1f98888caeb2472aa4c5b333be9e79fbf6067' }, h("div", { key: 'f82f4ffb31e814c3299a5192b3ebacdc31ebd57e', class: classes }, h("div", { key: 'ba37da4d64b970e96d6aadcb2936b8dcfedd67b5', class: "stzh-editor__wrapper" }, h("h2", { key: '6fa6c890d21299df5b49a71a869d1c3a1c961c6b', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), h("ul", { key: '0eee6c2d48d5b7e1a23710525e1fcc1658197d55', class: "stzh-editor__link-list" }, this._items.map(link => (h("li", { class: "stzh-editor__link-item" }, h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
+        return (h(Host, { key: '791c543b2572b54d18c3fc179b4e8adcb3435177' }, h("div", { key: '30974153e6ee0dba8eb78b203fadbf2834e5b68e', class: classes }, h("div", { key: 'f9d13b4fba92f4f4b8d762f00819eb852174e9fe', class: "stzh-editor__wrapper" }, h("h2", { key: 'e35544e8341f76bc88f91771b2e7acc12f46cfea', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), h("ul", { key: '1df9e6372ccff95667c3a691f0da0dde9a5790a1', class: "stzh-editor__link-list" }, this._items.map(link => (h("li", { class: "stzh-editor__link-item" }, h("stzh-link", Object.assign({ class: "stzh-editor__link" }, link, { icon: typeof link.icon === "undefined" ? "arrow-right" : link.icon, iconPosition: "right" }))))))))));
     }
     static get is() { return "stzh-editor"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-eventdata/stzh-eventdata.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class StzhEventdata {
         const classes = {
             "stzh-eventdata": true,
         };
-        return (h(Host, { key: '332dfcd3aef629da32745df0673a468fb5f5a9b6' }, h("div", { key: '1d9029fbb01efa1e2b662096dcb8f72d55fbc7de', class: classes }, h("div", { key: '477436e7431e944e3630aa5bad1827c97dcb31e6', class: "stzh-eventdata__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'db8ec0e52f627614a4404e5d03a6cc73969e6b1e', class: "stzh-eventdata__content" }, h("slot", { key: '218303cfeec858f7f5a593621e6bb5aa61e6e8f4' })))));
+        return (h(Host, { key: 'b55c7d5cb29ac76169d26ef7e4e8fa9d04fb6084' }, h("div", { key: 'c09d03f910672925c6babd21447110d76e5407f7', class: classes }, h("div", { key: '46bcd9823eb8bed1e201b59dbc49ddb59d283904', class: "stzh-eventdata__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '393e51aaca45fc45af2d0aacef8ee5e63df7b13c', class: "stzh-eventdata__content" }, h("slot", { key: 'ca227e13f17d29899090cc7ea8f1a97c95f8a8fe' })))));
     }
     static get is() { return "stzh-eventdata"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-eventinfo/stzh-eventinfo.js CHANGED Viewed

@@ -109,7 +109,7 @@ export class StzhEventinfo {
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (h(Host, { key: '82bda2a0763e141162b814fbbb79118bac1e64dd' }, h("div", { key: '572cb08bc805e2358c5c9f91c864297662f401d6', class: classes }, h("div", { key: '9a8761e876ac56b91a7982a600c969c848b1ef77', class: "stzh-eventinfo__left" }, h("div", { key: '2cc2f87e763206a8fd3b62a9c9e62a653fdfdcf1', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: 'eeba6906100f4c517d84e89eb1c74f4895c86c4a', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: '8acffdcb6c6ace2f7ce0c9c10281d92dae9148e0', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '6abaf07acb610a15fd6cf906adeed9ca341cf753', class: "stzh-eventinfo__right" }, h("div", { key: '5b8cc4a44cebc9982bfec745c3e900e9fdb93795' }, h("div", { key: '5b039ffae534fa493a185e601d030bcc5b700788', class: "stzh-eventinfo__head" }, h("div", { key: '59f0c8b4d549fff00949f2128cd66640d79283b4', class: "stzh-eventinfo__main-date" }, h("span", { key: 'ece12cb7af54075b7cc39e7ba08861697c72dddd' }, this.localization.$globals.dayNames[startDate.getDay()]), h("span", { key: '7623b4ac184faa43e4bee6ebdc924bb17fdbc416' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (h("span", { key: 'ca0746ceeadcc8cc443f40de0e7aab9fe74f073b' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (h("div", { key: 'c7799622bbde73631618651eb3838e9f8e3a4f5c', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: 'ebf56e96788ecfd86d4601870b74f66485d55d38', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: 'bf2b28cd5b6be79142d5370d00ec50c2caccc81e', class: "stzh-eventinfo__text" }, h("div", { key: 'a455d25ecc8c272fc35ab170229dc277aaccf70a', class: "stzh-eventinfo__location" }, h("slot", { key: '09c1ad33b9ef9829c6a3a68f9be202f3b4c0a16e', name: "location" })), h("div", { key: 'f5210891a7c420582f8362b0137c956fadce42c4', class: "stzh-eventinfo__additional-info" }, h("slot", { key: 'b7aa8669b9f0c568eb57a91525274f2f989664c5', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '9e7d0b771900f6ed840b27f559a7b7c431e0239f', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'a54fc00f9e00b23c9d8002667c6f4701877fcef2', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '5e11a21a53f60dbce4c9421ae2bf561ab39a3129', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: 'df34267f5e0b57c7f47cc9d7f39ab308f13abfbe', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '3026ac1fa50c75e56f4b0a5470209a59f8b6a111', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: '854dcc887188e193d587f81b5de31c0f61b9747f', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
+        return (h(Host, { key: 'a32b2da85e14793a8ac42c567645adc05c313bab' }, h("div", { key: '48cc5310cf1598a67c8f90101a3385733746e2db', class: classes }, h("div", { key: '3f9d2bbbb5583970b61f7449b62ae042ea3570b0', class: "stzh-eventinfo__left" }, h("div", { key: '0b3fb0501e18c49fa5a1c2308702eb147d5e4a5b', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: '8afc863522eb10fa093af0d055a3ea8147501e0f', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: '6f86a442aeed256785370d311679cc98c30c2941', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: 'fefcbbe7a4af3ebe5aac7a617d0a8bb663c0ccd9', class: "stzh-eventinfo__right" }, h("div", { key: '22dcc1dc67cf433a2d640da59b1ff5408f9fad6d' }, h("div", { key: 'b9d985bfd80c8a6e887e14c83ebff954247eedc5', class: "stzh-eventinfo__head" }, h("div", { key: 'a7508eee252429cfbe93d40694f3b8567a1401c2', class: "stzh-eventinfo__main-date" }, h("span", { key: 'f991e18a6599386fe43f5791c2038ff1162684d9' }, this.localization.$globals.dayNames[startDate.getDay()]), h("span", { key: '065ac0293daa18cd5b7a3ee9807eaf02d4b990b8' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (h("span", { key: '55295c97325e5d13b0f01eee74494535af6ee593' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (h("div", { key: '881676c7dc6218179ea3996d30cdef1cdb6ef7be', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: 'a80155da73482384b9f4c05894138a6383ae45d8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '282cc40a84dd930b7f8446ab827cbe8dfc177709', class: "stzh-eventinfo__text" }, h("div", { key: '8baab4eef1ec47439d87b3e154529095a21fa701', class: "stzh-eventinfo__location" }, h("slot", { key: 'd7e634cbf9a888cd33d6ecc8ac7bafb6cb34dc76', name: "location" })), h("div", { key: 'f4368603e5f219bc3f72d3f87c07e6eb415cf260', class: "stzh-eventinfo__additional-info" }, h("slot", { key: 'a6678b84acfd6624bc45e0777fb667336664d871', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '29b2d0f60427580fcd6f13086ce0f9b4d045d502', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'bdd6ce10dca3c1402602bb270802c83b1fdd6a77', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '8eaf24796204da113e868e0132091b847f5440a2', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: 'ba9bbedf658ddcf677c8e867f1e441bca73617bf', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '6f7ab80440f0f36104d8ca53c384662f25ae3207', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'c45b051dacc402be5977d935337624f9b4de9d36', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
             this.dateAdapter.formatSpan(event.start, event.end, "time"))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     static get is() { return "stzh-eventinfo"; }

package/dist/collection/components/CMS/stzh-feedreader/stzh-feedreader.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class StzhFeedreader {
         const subscribeFeedSlotUsed = hasSlot(this.element, "subscribe-feed");
         const subscribeProxySlotUsed = hasSlot(this.element, "subscribe-proxy");
         const connectionErrorSlotUsed = hasSlot(this.element, "connection-error");
-        return (h(Host, { key: '2e4e41812c5f58600f1ba15cbc0e81196d39a9d8' }, h("div", { key: '6ff097350d5e302b14123539a2a8801491efbbfd', class: classes }, h("div", { key: '6cb386437c58aa2175dbd52984068ccab66739a9', class: "stzh-feedreader__container" }, h("div", { key: '117e38418268c21188e0125e02837602254ac4a1', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '63ef8c78a3fd34c8adfdc162a63636450f80dc95', level: this.headingLevel }, this.heading), h("stzh-text", { key: '1a443d5d94ae36054594e069d092b8cde736e65b' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '2795d37cea0fba835e3d01b07d37772db0fe2623', class: "stzh-feedreader__subscribe" }, h("slot", { key: '996d3ae5426e6635093b038eaa4284b51bbd9b18', name: "subscribe-feed" }), h("slot", { key: '8fa91abacaba196b36e9e098130ee702975ef8ad', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '7595d8acf99bb77aef43ce8012416f34e9130c33', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: 'a85bcbc97bbc449c57812ec5491680949511dbab', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '18512aa83f27322233b12dcd03740ba9c3766759', class: "stzh-feedreader__connection-error" }, h("slot", { key: '857ac117371d24f2d8242677dcde0871c34347f6', name: "connection-error" }))), h("div", { key: '5d13f3e7b033e27046a04e855d44a43bc62b5dab', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '0c5fe0eeb504e1aa319d046a8b4686435a36ba7a' }))))));
+        return (h(Host, { key: 'e38d99cd5fbf16ff2d7a5912628399abd1df7d04' }, h("div", { key: '20cbadadd7ba7241da76c365fa5a3a62c27686e8', class: classes }, h("div", { key: 'a00a151139fbc2d39070d1c9e5effa0fa92274e0', class: "stzh-feedreader__container" }, h("div", { key: '26d19ac2fb03aba5148621795fc0e2340e182f03', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '06828068ba871cbb95752bd148108e60aa777d25', level: this.headingLevel }, this.heading), h("stzh-text", { key: '80d04528dbdf6389679df8b99b14824636b34bed' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: '849115cd7446fe9e9b0031d95d95b3c09c623dba', class: "stzh-feedreader__subscribe" }, h("slot", { key: '60fc2658c3563efdaf4fb7f7d529a1f47b5fbc9b', name: "subscribe-feed" }), h("slot", { key: '85a3a8504f9806dfce752d031aff0dffa2fbeb3e', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: '749780dc8c43a41d9a4154beb178c1fcbd3a0e83', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '804b56a51a74b4917077e4f0b7000122dfa347dc', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '67a08c249d8db2ef48b95f02698fc862a1443aa3', class: "stzh-feedreader__connection-error" }, h("slot", { key: '7a2f78ce30aa8e507d8faec00d0b1b47f2c51f1d', name: "connection-error" }))), h("div", { key: '62bb3e13dfacfbd3379cec08b1677b0a941bc26e', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '81d8f7f909215aed04b8a56d444242f74687d104' }))))));
     }
     static get is() { return "stzh-feedreader"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-feedreader-item/stzh-feedreader-item.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class StzhFeedreaderItem {
             "stzh-feedreader-item--has-link": !!this.link,
             [`stzh-feedreader-item--${this.variant}`]: true,
         };
-        return (h(Host, { key: 'cca09872dd7266d787923616973495d736ac90eb', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
+        return (h(Host, { key: '6979b3287563e63ca2ef7e6fe2694390740ee05e', variant: this.variant }, !!this.link ? (h("a", { class: classes, href: this.link, target: this.target }, this.renderInner())) : (h("div", { class: classes }, this.renderInner()))));
     }
     static get is() { return "stzh-feedreader-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.js CHANGED Viewed

@@ -485,12 +485,12 @@ export class GeoRefData {
             "stzh-geo-ref-data--is-open": this.isOpen,
             "stzh-geo-ref-data--has-filters": this._availableTags.length > 0,
         };
-        return (h(Host, { key: '622fa576a12d4a4f14f0a3abcb0aee383447ed4e' }, h("stzh-toastbar", { key: '35c7c17d01a384663c260cd95ef1a0695f2d3f47', ref: el => (this.toastbarElement = el) }), h("div", { key: '4c5c5e2f63d3df941d9a5e6e4b04f5cab957a745', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: 'de597358856bdf35161f9828e847ebe83fe50417', name: "trigger" })), h("stzh-overlay", { key: 'a4e4b760d0bdaf40e323366f2f2cccc28d5ced63', open: this.isLoading }, h("stzh-loader", { key: 'b9b8167f9f9c846da78ad5564beb719c4d449e51', label: "Daten werden geladen..." })), h("div", { key: 'b967e2028eddb2f9cec34e02406632c9bd782384', class: classes }, h("div", { key: 'f3304f57e22263eeba6acd7e57b04bfe46bf1deb', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: 'c902710cd2873a98175d6b2538d70db80789d34b', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: '12fc1e28c6d4e0b491d0be9e27ac066b14fb51a7', name: "logo", slot: "logo" })), h("div", { key: 'e7a6c4c8919fe81eca84023df7e5518623ad3f7e', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: 'bb06d84141149d4efef44be0d10b47d241142ac3', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: 'd3ea28c2cfabf733ee224a0b6a5b7891cc1ebd5d', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: '7e33152f3e1c1ffb569ffcb29f38f0fd6a8f5142', class: "stzh-geo-ref-data__content" }, h("div", { key: '5792f4259ab3f693e1026ce38c65efa14bb2b423', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: '655d2a88a92cca05b67e5405c0a6cfd96183c2a5', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '28e95610103e34e8b5413f48e1215a40f618237c', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: '1dcf8a42747df8fc1d24ebb69d841c73cc957296', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: '9f69ad03171fdf6b5c568b256b3670a55e044f29', class: {
+        return (h(Host, { key: '3cb124f832c9e9e62b27c15ab255a4f2d0ec87e5' }, h("stzh-toastbar", { key: '1b40c462bae5a63930408d6e00eb6ab46136c8e9', ref: el => (this.toastbarElement = el) }), h("div", { key: '13d0c1b22834cefd3d96ca85b4c5eeb8e3062d88', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: '1251556180e0a8a319278ced4ac62e93e6f71960', name: "trigger" })), h("stzh-overlay", { key: '5bfafae0c6263d80221804a8d2739809a92d4823', open: this.isLoading }, h("stzh-loader", { key: '000cb6ca7504e9943d18927ea5bc5f322acf6436', label: "Daten werden geladen..." })), h("div", { key: '6a6cb46ce932b318eba79bd2179b61f2cce78711', class: classes }, h("div", { key: '5e8f652fcf22ea7e461d38a7d6010620393f8556', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '74cf907168ddcf4942775a07bb92669a62d512cc', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: '67f945a12df69aa18193492e2a4a0a9f3d438a81', name: "logo", slot: "logo" })), h("div", { key: 'e9b412668f7cda3c4a9828ca03a63b33a488ed90', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '806ebba0be19ec9944ebef1ee5e5faec40312621', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: '2bb8647c542fa3e59b573c55f21d1d2136ea764b', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: 'ccf14ed4ba7fd35ff912b48f009fd4d580908822', class: "stzh-geo-ref-data__content" }, h("div", { key: '8d0ae1a0926071691a71db58f53f52e35f296410', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: '35df3a882b5835988fa878b0e2c36aedc9ae6de3', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '523456b8e4d7dc0649738ca5c69b588eb9f4f265', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'c8106db204252c2082511ad5f87be2b70f36c3bb', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: 'd26c03f2805792b62bc8ebfea9b2dcb378ddf765', class: {
                 "stzh-geo-ref-data__filters-content": true,
                 "stzh-geo-ref-data__filters-content--visible": !this.isViewportLarge && this.isFiltersContentOpen,
-            } }, h("stzh-chipselect", { key: 'c27ee31157049458f50a47baddba94cfb5104d8c', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'bbd33d9325edba4ecfc322257fa6784c4f7acc79', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: 'c6226a9962aef1d0c9a34b74461da7f8c9209c45', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: 'e81605d03e3b06f12d3409db5f05e48aad4f6995', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '79ab7edfd3d6e90ca04a757a7fef9764fa868429', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '6b39cac1ee8d5d14c6f4d9d8e2e11aedd785990d', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: '0e0d333857c523de82f6e5eb8dde321480522d13', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '47fc05d878a5a3c30b384d8188cc884cb8ed7bed', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: '919980fe302ac2396582963a3e8b51c0b84fbc1b', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: '1627765063abcbe5fdc8c8dbae227b236af2b35a', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: 'd80b8667608f11ee213dd69345945a4cd00cd6b4', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: '5bf939fb6ee430af901a29fd8f838ab31e3bd866', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: '59231f60d9bb0ef8865601ed2a768349a3d68930', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: '2d5d59430f1f13a73763c7b57626e88cd75b9878' }, h("div", { key: '2132594f70a45cceac921e3e8310d6528774ed05', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: 'd03968de2cb968a143a25e40cc87ad63451124cc', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '49f07eeb65179d364e9eb716db1754ba5bcb24ef', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '31667e80a3278503099292cbea3c57dbb51d6c3e', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
+            } }, h("stzh-chipselect", { key: 'f325d70f2cb9040a03a9749c08d2920a633f4d96', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'ae21f09aad2136f524501899912658a4dac7cf5b', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: 'bdf74c45a428b57bb72c8ad57e7d7f85794a9b80', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '725e9503271bd36fa3de1e85bf4a9f15cb4b1636', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: 'df32adc5e1225f1794555a5ba48522146f6cf34b', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '43f5cee50c8ce1764838229466b6233c0ded3d5e', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: '70a973d9c308e04ee28e7cb318472cd403e0e5f5', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: 'aa67deb952bfde0f5fb1000b6629833d3733488f', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: '3a2cec8f045e87d31f0f44e5de62c6f951261e61', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: '1358e028c134dcd88f379989302081eb1d38fa1f', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: '23a09183a4f83a817e64894713ebdcfcfdc28f01', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: 'cd7e1a564e8ced4f18af231b24a4a9b9ddb0f2d9', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: '17170a188f962d1d41bdaa074168224b35b960c3', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'e0673d702a385a150de0068584b4e0acab13f074' }, h("div", { key: 'ef5d851aa494937e015d8eb6b7d48f99a0b73f96', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '447ebfa4da726b4caa1248d4ab5914f1e3e89b27', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '23625fe289ba9b8537003fa333d5a26b6038b8da', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '5ccaccb3d0660b8807050174df4d60e93ee091ea', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
             item.data.length > 0 &&
-            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: 'acda745d3572c46a6b918419f3f8d501d1a18675', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'e7c616229e3af0eede341226882d42dcc25eee78', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
+            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: 'e87f421c49d0d94fcaa4f5b7d4a6fea5e24f959d', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'e0353c2273d51a6bcff2c0711367459f95dcb690', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
     }
     static get is() { return "stzh-geo-ref-data"; }
     static get encapsulation() { return "shadow"; }