@oiz/stzh-components 4.5.0 → 4.6.0-beta2

package/dist/cjs/stzh-upload.cjs.entry.js

@@ -14147,10 +14147,10 @@ const StzhUpload = class {
         };
         const fileRestrictionsLocalization = this.localization.description;
         const totalFileSizeLimitLocalization = this.localization.descriptionTotalFileSizeLimit;
-        return (index.h(index.Host, { key: 'a60be43213ba3aba2e283ae5a70fd97cb7459fa4', "is-invalid": this.invalid || errorUsed }, index.h("stzh-toastbar", { key: 'c37ee964da436de9a1193ed7c9d1375b60b5da68' }), index.h("div", { key: 'f3552136385a52cfcaddbfd5188874dbaba372b6', class: classes, ref: el => (this.dropzoneElement = el) }, index.h("div", { key: 'bd7ac2d34d546ee7aa3bfae6ff48fc56f880a79e', ref: el => (this.hiddenInputContainerElement = el) }), index.h("div", { key: '86936929f36e751091bec353aed262b54074e498', id: `${this.uploadId}-label` }, this.label && index.h("div", { key: '2f0fc3e22713038c4539de2850550cb539e9a83c', class: "stzh-upload__label" }, this.label)), index.h("div", { key: 'dfa112092700ecc0fd14eb58f01917b342d37d31', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, index.h("div", { key: '33f4d71ad192d0dd1ed8fe6911f0dc26a6932107', class: "stzh-upload__heading-wrapper" }, index.h("div", { key: '2d36e7f20982333e21f6fad0b2c8de9b7961b338', class: "stzh-upload__heading-inner-wrapper" }, index.h("div", { key: 'aa1c5a84b2d9957af1dfc230e325d2f05038a561', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), index.h("div", { key: '0f6ad3a25c03f9aa5841fbfb98d517221bbd22c6', class: "stzh-upload__buttons-wrapper" }, index.h("stzh-button", { key: 'a3a82dea6dbd29ce04e0707632e9df3e3816571b', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
-                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, index.h("stzh-icon", { key: 'bd18ae051d59e8303a425b6ab7b185b7de4ed54c', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (index.h("stzh-button", { key: '2c31fd7f61fe420921429479fb43f8b6d6ce5cc1', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, index.h("stzh-icon", { key: '2eb1eb73c8d37e4c03413355d899d26f611a6fab', slot: "icon", name: "camera" })))), index.h("div", { key: '8f2c1e59d916b69dd7a5ba2f4cca9cde7daded1b', class: "stzh-upload__hint-wrapper" }, index.h("span", { key: 'fcf153916839cb0b20a98bf54e2b304df8c7e02f' }, this.localization.buttonIntro)))), index.h("div", { key: '3245b65555d4446313bbeb04ad8c8eac8b20f997', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, index.h("p", { key: 'b038aae62879d5cbbd2be1bebf33266f2b608486' }, this.description && (index.h("span", { key: '693c018986a75fb30b5bf7fb7790ad757ecb1b5c', class: "stzh-upload__instructions__description" }, this.description, index.h("br", { key: 'cb066950935dc1a2ead3a3ae0a2bf00cc85428d2' }))), fileRestrictionsLocalization
+        return (index.h(index.Host, { key: '834738f8712d6f0f757b14be1a8b8ab69f4a9599', "is-invalid": this.invalid || errorUsed }, index.h("stzh-toastbar", { key: 'a6da2dbf6f7f9719e85f19ca79ae5e36cd266ae3' }), index.h("div", { key: 'a82a412a86f5e8f304309ad60375bed92ab8e41c', class: classes, ref: el => (this.dropzoneElement = el) }, index.h("div", { key: '156ce5e80ec3050d1730abcfda8fc47db7e84813', ref: el => (this.hiddenInputContainerElement = el) }), index.h("div", { key: 'e5092f0004c578b630eab5c9fde9da151d993738', id: `${this.uploadId}-label` }, this.label && index.h("div", { key: 'cd2e1539fab7b22d4b89f386f2d89450be7b4535', class: "stzh-upload__label" }, this.label)), index.h("div", { key: '157d9a7058eed0d92417dfff06644978c879c66b', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, index.h("div", { key: 'a7f149490d55aa03ed4edc8698552ad04c66820d', class: "stzh-upload__heading-wrapper" }, index.h("div", { key: 'f8a926a4ca1f98598a9da13b334b343ae134a296', class: "stzh-upload__heading-inner-wrapper" }, index.h("div", { key: '35a5f8c3837d6cbb80d9f89495b0895e6ed1daeb', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), index.h("div", { key: '7677942b4fbf366c8e646e1206c1fbacd340e33f', class: "stzh-upload__buttons-wrapper" }, index.h("stzh-button", { key: 'a151269f94342dc768705e15180b851adb7a0275', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
+                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, index.h("stzh-icon", { key: '1b10fe930196bb033abc4fcec7d1ce35b994db63', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (index.h("stzh-button", { key: '133cb3cc9183b7358b8a0ee9ec30dc13209d6456', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, index.h("stzh-icon", { key: '0f426a73f97dda24a3c203c74cc8cb22df0417aa', slot: "icon", name: "camera" })))), index.h("div", { key: 'ec7d15e9a4ec1e04844dad132873a4ed3dd77792', class: "stzh-upload__hint-wrapper" }, index.h("span", { key: 'f6e6a79b1320b3ac65962561a1a218bfeefd66c1' }, this.localization.buttonIntro)))), index.h("div", { key: '4689c9f8ba58030773a76ef400b08108ff6f8dc0', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, index.h("p", { key: 'ea25b5b1d48aa2763e97a106d917aad671c07522' }, this.description && (index.h("span", { key: '368ace915f6a37609fc0580303020c09ea0a0b2d', class: "stzh-upload__instructions__description" }, this.description, index.h("br", { key: '1b8fb4bad33da7f89a7b2c70e715d490635d9095' }))), fileRestrictionsLocalization
             .replace("{{fileformats}}", this.acceptedFiles)
-            .replace("{{filesize}}", `${this.maxFilesize}`), index.h("br", { key: 'ce7b675234f6523ec32237ac1afcf951d4bc9332' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (index.h("div", { key: '9c0ad41d3444bb3137d25fcd8fdb3b0c635bc089', class: "stzh-upload__description-wrapper" }, index.h(stzhInputDescription.StzhInputDescription, { key: '0a1595217ed043d668c2a3f70015cc330c3904d6', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), index.h("div", { key: '8e6800fa806e5c5f91fa0841c94458c7443edc5f', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, index.h("div", { key: '91e448a7c9389e48d6bd79cfa7d6c3054860e0f7', class: "stzh-upload__previews-inner-wrapper" }, index.h("div", { key: 'fe6a9dda04013821e2e3a33205d1eccc704e3bf0', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), index.h("div", { key: '7092c958d98d9b22aa0305391901c3642629ac6f', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (index.h("div", { key: 'b66322401ad81347d5f415cda2b6e524e5299671', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: '072e432acb5d26d66eb840410027ed799f1a2db8', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, index.h("stzh-text", { key: '1ac85f639b5f365948c2afe423f10d6d4681a367' }, index.h("p", { key: 'bc9b43e0fb527a54cbe17eadada570dd2e340724' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), index.h("p", { key: '012c677dfa91a1520da1992633ff8dce9351f4fb' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (index.h("div", { key: 'f2309ce268d585d52ac70d45271df7d35be74f0d', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: 'fd561192017bc8de5efd4265f1c04434b6bf0b9a', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, index.h("stzh-text", { key: '7feb1ddfc5c919010171eb6c2075bbe21de02739' }, index.h("p", { key: 'ee161a015d9e42fb790671fe268dc9f0cc6ee293' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), index.h("stzh-dialog", { key: '731c6702ff599e51d5a8f28daf59dbc36e53945e', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, index.h("stzh-button", { key: '2ee17f59c9b7c8d0579f3391019bac03b0772032', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (index.h(index.Fragment, { key: 'a53f6e1536d3420ea578796c9d5aa3a20505d0c8' }, index.h("div", { key: 'b9d7a1d1204ff267d26c87d2afa269329d1f1b8a', class: "stzh-upload-photographing__info" }, index.h("div", { key: '338b3c47f36540f82e955c67b1b2003768948c75', class: "stzh-upload-photographing__text-qrcode" }, index.h("div", { key: '8626e347581d79c68082278c19698a2a070b9df1', class: "stzh-upload-photographing-qrlink-container" }, index.h("stzh-text", { key: 'e43cda90c48e4d61c476db2d841b87d560372498' }, this.localization.photographingText1)), index.h("div", { key: '7d19352385fff7107a9eb41d88751e27d0d33b90', class: "stzh-upload-photographing-qrcode-container" }, index.h("canvas", { key: 'ecaf1911757ac902bf12d94e48bccb5bac6e5928', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), index.h("div", { key: 'df0ff02d7ab566e44665e585422c2362b0376c5e', class: "stzh-upload-photographing__info" }, index.h("stzh-heading", { key: 'd326ca088c7dc0dfe1158cd8a2b9831530f25a59', level: "3" }, this.localization.photographingTitle2), index.h("stzh-text", { key: 'eba8bf2e456400668af3880461362243125bccd7' }, this.localization.photographingText2)), index.h("div", { key: '849446b25e80178f944e64870a6d9faaf32137af', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (index.h("stzh-link", { key: '8e4b7d43a32dc248154f7fb20f96347daa63de49', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            .replace("{{filesize}}", `${this.maxFilesize}`), index.h("br", { key: '925f969acbc3002d9b7245a366033fb3badb4574' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (index.h("div", { key: '36ad833717a89d5df7ef75a438de23382d40c68a', class: "stzh-upload__description-wrapper" }, index.h(stzhInputDescription.StzhInputDescription, { key: '5bf05a6104a71278b512875e7d546c4bd8e38635', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), index.h("div", { key: '52e298a78d081c7be29603ce074c3ccc1a0bfd1b', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, index.h("div", { key: '7a4d7eca041cf79bfcc24586a48efb2c06384527', class: "stzh-upload__previews-inner-wrapper" }, index.h("div", { key: '0fab73a54ad0fa02f28a9274595989e0a5b7d1f9', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), index.h("div", { key: '7420fe6b0051e38e4ef69652e7c2f4c5ebf99361', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (index.h("div", { key: 'f574c077b50138e1fd11cc99b743cc1f808c0735', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: '01ecdace52b8a557b15273ba975818d0faff1038', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, index.h("stzh-text", { key: '79b300ab407c4854e65c1103f85cf1926c0f21c8' }, index.h("p", { key: 'c913cb4b5145384a23a75cc9ffd344f462192ee4' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), index.h("p", { key: 'aede5370ca4909512b817f816fca78417f85c8d4' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (index.h("div", { key: 'bb92084f0ce121f8186f492f9daf7cb09f7a3dd4', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: '186443c103d5b1de73934d9a1f66d96b56d807bb', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, index.h("stzh-text", { key: '63f5bd7d437a0a013d1388f3512115893011c882' }, index.h("p", { key: '31233379f6c00a6c0ce3773bb06eb46329c6f908' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), index.h("stzh-dialog", { key: '878b5394e02a497a26f9a202f43e0c4ee39c3258', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, index.h("stzh-button", { key: 'c42e189f414ae6b742a2290580e937414b0a4f94', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (index.h(index.Fragment, { key: '33ba6c15fee2c52151c8fc1e3647b5dd1501fdf1' }, index.h("div", { key: '0d9e0f412ed90a9fbfe93fc4392ba2bb91393516', class: "stzh-upload-photographing__info" }, index.h("div", { key: '68d38278f7a14f1e4850c307cdb5289d77076ab9', class: "stzh-upload-photographing__text-qrcode" }, index.h("div", { key: 'effba6f0d3e7f8b8acd13ead9cd89e2295663b04', class: "stzh-upload-photographing-qrlink-container" }, index.h("stzh-text", { key: 'a85fb1a414059c83142515af56a06e8138184286' }, this.localization.photographingText1)), index.h("div", { key: '24efc436fcc7a0ee704d6a1ca0c2b49b1e794af2', class: "stzh-upload-photographing-qrcode-container" }, index.h("canvas", { key: 'be28337ad3f5c664dc14416bf2d7ed6981ef83a9', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), index.h("div", { key: 'f6575114000ea40a1a7604ebea2fcf17c9a4428c', class: "stzh-upload-photographing__info" }, index.h("stzh-heading", { key: '27b25952aae713dd64d3fe1fcd9af0ea5f408fbf', level: "3" }, this.localization.photographingTitle2), index.h("stzh-text", { key: '0097f88238056b97b37b105e95818524cefbe7e7' }, this.localization.photographingText2)), index.h("div", { key: '809ee9954ae324d0893768d3a36695b21799ee6e', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (index.h("stzh-link", { key: 'be98709f3d996d07965ffee1370e07d03b79cf11', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-visuallyhidden.cjs.entry.js

@@ -12,9 +12,9 @@ const StzhVisuallyhidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9cefe75f5e220a3e05bd67feffdf6148a2eacd15' }, index.h("div", { key: '52f4997638e9324eb980146a51e05f38d9e4206f', class: {
+        return (index.h(index.Host, { key: '778b9d29f48c98a8905cb67f64b849d355a694d0' }, index.h("div", { key: '9e8a21ace1cfcb099be5c85ea4f56ac57a929b40', class: {
                 "stzh-visuallyhidden": true,
-            } }, index.h("slot", { key: '710b4b42c15925872e34c49b59f7472990c824a6' }))));
+            } }, index.h("slot", { key: 'f41cc6c7698c8a1b2aac4608e67e90839f86d141' }))));
     }
 };
 StzhVisuallyhidden.style = StzhVisuallyhiddenStyle0;

package/dist/cjs/stzh-vspace.cjs.entry.js

@@ -24,11 +24,11 @@ const StzhVspace = class {
         this.border = "none";
     }
     render() {
-        return (index.h(index.Host, { key: '56d43c88fe9e3c4aa08b7abfff6454e01adf9b37' }, index.h("div", { key: 'f0e1c7b25938222a030ef7a4cf70964478c45d1b', class: {
+        return (index.h(index.Host, { key: '97699c9a8cad84523b4d48d59bab07674aa6bf96' }, index.h("div", { key: '75878d6ea1746371a724a800451a18557a6f9b86', class: {
                 "stzh-vspace": true,
                 [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-vspace--items-${this.items}`]: !!this.items,
-            } }, index.h("slot", { key: '50de504c5c92fac9adc1ac95c71c6664e019b7b6' }))));
+            } }, index.h("slot", { key: '0fb66f214df58eff40112c02f9faae21ca8d170e' }))));
     }
 };
 StzhVspace.style = StzhVspaceStyle0;

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

@@ -42,7 +42,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (index.h(index.Host, { key: 'f915218fc3ef5b9b13bc15d5bb291c655ccf70c6' }, index.h("div", { key: '2487cb89f2c3e36b2971e583afb8b652396a9670', class: classes }, index.h("stzh-ratio", { key: 'd854f8a366e6af63b3ff79dedb825bf5c5656361' }, index.h("stzh-iframe", { key: '065aedde9c2b79ff6f5f55ce2d3a2efe72c879d9', 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: '9ba4be8f219c93c653773ec763e50de56c163d7d', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: '57c58b21543679072de7bf1a74fc3b8e8a5bb7a0', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '5fe6ec8bed3e854a6ce0be066a12f64fb092c63a', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (index.h(index.Host, { key: '66d708e737e6a1f4a814f71a050db77da9ceadb9' }, index.h("div", { key: '2f1e89588c3d67dc53e068c0d21ad97431df5374', class: classes }, index.h("stzh-ratio", { key: '52f3f1d1e06d701bdeaed1322f73a847bc6f781a' }, index.h("stzh-iframe", { key: '1f5a381dc9b114486101f54f7b91495b0ce74233', 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: 'f55c265197e8af533ddeb912264d9c7c0ea4f124', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'fa5d123bd6d9b77bec901d3c5563b99366055669', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '979182fa3fc39b3934d00d46fa19412e7c0a0c1d', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/collection-manifest.json

@@ -38,6 +38,7 @@
     "components/CMS/stzh-pi-quote/stzh-pi-quote.js",
     "components/CMS/stzh-pi-teaser/stzh-pi-teaser.js",
     "components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.js",
+    "components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js",
     "components/CMS/stzh-poicard/stzh-poicard.js",
     "components/CMS/stzh-poilist/stzh-poilist.js",
     "components/CMS/stzh-print/stzh-print.js",

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

@@ -258,6 +258,9 @@
 .stzh-contact__main-heading {
   grid-area: heading;
 }
+.stzh-contact__main-heading ::slotted([slot=main-heading]) {
+  display: none;
+}
 .stzh-contact__main-heading:not(:empty) {
   margin-bottom: var(--stzh-space-xlarge);
 }
@@ -321,7 +324,7 @@
   grid-area: image;
   background-color: var(--stzh-color-secondary20);
 }
-.stzh-contact__role {
+.stzh-contact__role, .stzh-contact__departament {
   font-size: var(--stzh-font-milli-font-size);
   line-height: var(--stzh-font-milli-text-line-height);
   letter-spacing: var(--stzh-font-curve---text-letter-spacing);
@@ -433,14 +436,14 @@
   align-items: center;
   gap: var(--stzh-space-xxsmall);
 }
-.stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__availability-title {
+.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));
   letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);
   margin: 0px;
 }
 @media screen and (min-width: 900px) {
-  .stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__availability-title {
+  .stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__departament, .stzh-contact__availability-title {
     font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));
     line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));
     letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);

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

@@ -20,9 +20,10 @@ export class StzhContact {
         this._availability = [];
         this.type = "Organization";
         this.mainHeading = undefined;
-        this.subHeading = undefined;
         this.mainHeadingLevel = "2";
         this.heading = undefined;
+        this.cityLabel = undefined;
+        this.departament = undefined;
         this.responsibilityTitle = undefined;
         this.responsibility = undefined;
         this.headingLevel = "3";
@@ -129,7 +130,7 @@ export class StzhContact {
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === "Person";
         const isOrganization = this.type === "Organization";
-        return (h(Host, { key: 'dad51a9ee4298a9ea3742ca2173a22194f69b1db', "has-availability": !!this.availability ? "true" : "false" }, h("div", { key: 'e0e9b1e0e13f433e3c6cb93303144eab0da9809c', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: '6752d52203802f0eb0a27a546ba94bfa29e31026', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) || (isPerson && !this.name) ? "name" : null }, h("div", { key: '09bdaaa843d5fb7477f0078ff9e71cd285ba854f', class: "stzh-contact__main-heading-section" }, this.mainHeading ? (h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })) : (h("slot", { name: "main-heading" }))), h("div", { key: 'fe88cb7b28caa27c39b18cdc171bdd090ee9f25b', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '1a445d1e4074a5cc45a048b33a6f571fc07bd97a', curve: "h3", level: "3" }, h("span", { key: 'f4f7ebfb51a90a5eb3be0f562446f1aa72f87897', class: "stzh-contact__role" }, this.personRole))), ((isPerson && this.name) || (isOrganization && this.heading)) && (h("div", { key: 'febc91a5b431baa8da5bcd187aca8c0f761c30a6', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: 'fa74e87aa22ed67a0ff2c7f1a72d35050ab04d30', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: '54a3a2937cc78b48d45f451ecb717b838deb836f', level: this.headingLevel, htmlContent: this.heading }))))), isPerson && (h("div", { key: '677e96edcdde01edff9ae5e7b06aeec10c6207c9', class: "stzh-contact__image-wrapper" }, h("div", { key: '879ee5f5ec02c306a4368d9b7e5ba8b13fc3d1d6', class: "stzh-contact__image" }, h("slot", { key: 'b47c3e23dba650f2dc6680cac72cfa0a613bb078', name: "image" }))))), h("div", { key: '0c8cadc9fead7a2c93f1fa02181a2925aa95c5d4', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '81130f8b290a1b48afa8f5c30f16f85003d0a667', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '5083e575b69dcb380db8992e22d825d5cadce848', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '66bae4d8f96dab390b4b3c2326edd65bc8a9281f', class: "stzh-contact__contact-form" }, h("slot", { key: '06e6e887ca77eb958602072d084201eab1228379', name: "contact-form" })), h("div", { key: '40eea28659e2bf42e989cb1aefac3535d9cf6863', class: "stzh-contact__additional" }, h("slot", { key: '9c69a412223cc5e157110e36e9d145a55c7b3f1a' })), h("div", { key: '05542c84d3c8f2121843ea8b8ee71c1df1bc567d', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: '6141811c0a03333b02448454298866ee732be6f3', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '16f3319e8ad82ec3a9645a87852bc39dd54485c0', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '439462212e6fb9b5e451e747da15d01f92b72740' }, this._street.length > 0 && (h("div", { key: '5641fc230b51571125a8a994c5bc7e9ef42ff307', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: '25345110853906f6246566fa62875a80b6f83a7b' }, h("br", { key: '59e5dd64e0ba58fd813f022c175638aacaad43f2' }), " ", this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: 'affed1f04be7343562ec9ca2e3f271058424027f', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '5053b2a57d7aa566bbbd77c85ba800f86ce75561', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '6b0c95db39a01606ac637ee930477a3323b0a6a9', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '66fe77622b67e9d73d570939a02caf935108d8d1', class: "stzh-contact__numbers" }, this._numbers.map(number => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === "fax" ? "faxNumber" : "telephone" }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'e0e37a2aecdac984fab07deb62b692f3ffc8ebf4', class: "stzh-contact__emails" }, this._emails.map(email => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '5447944d63b062dd47629aa0a5463b8e19c3521c', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: 'b0715a8def97762bd828c74feb48d4dc5274f273' }, this.poboxHeading && h("div", { key: 'c8c076c53ce662c79f231d7f6f024539280b9cc0', class: "stzh-contact__pobox-heading" }, this.poboxHeading), this.poboxTitle && h("div", { key: '8dbeb7af651ddf4be5bcfe20ebcd1f4a1c661c2b', class: "stzh-contact__pobox-title" }, this.poboxTitle), this.poboxPostalCode && (h("span", { key: '6b34cc21f40ec0830ab355d47566ed9c19c9718a', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && h("span", { key: '785cd456b339a76c8af8dcb5da81137e3ef34941', class: "stzh-contact__pobox-locality" }, this.poboxLocation), h("slot", { key: '4f150bcd2cd1b81fee911371a0c068b7a795d51e', name: "pobox" })))), h("div", { key: '911aa629a016088adf43d0d4cf3a245641d0a02b', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '8ce0c4ee1b67c46aafa2680eea5aa7aa77fcdb63', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'd39ce1efe4f4caded52c1e772f35c2f7dafff92a', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: 'f015745e85f14d3a0b7f8c1b90940078eadc2986', class: "stzh-contact__availability-list" }, this._availability.map(item => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+        return (h(Host, { key: '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" })))))))))))))))));
     }
     static get is() { return "stzh-contact"; }
     static get encapsulation() { return "scoped"; }
@@ -180,7 +181,25 @@ export class StzhContact {
                 "attribute": "main-heading",
                 "reflect": false
             },
-            "subHeading": {
+            "mainHeadingLevel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"1\" | \"2\" | \"3\" | \"4\"",
+                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Main heading level"
+                },
+                "attribute": "main-heading-level",
+                "reflect": false,
+                "defaultValue": "\"2\""
+            },
+            "heading": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -192,30 +211,29 @@ export class StzhContact {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Sub heading"
+                    "text": "Heading"
                 },
-                "attribute": "sub-heading",
+                "attribute": "heading",
                 "reflect": false
             },
-            "mainHeadingLevel": {
+            "cityLabel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "\"1\" | \"2\" | \"3\" | \"4\"",
-                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\"",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Main heading level"
+                    "text": "City label"
                 },
-                "attribute": "main-heading-level",
-                "reflect": false,
-                "defaultValue": "\"2\""
+                "attribute": "city-label",
+                "reflect": false
             },
-            "heading": {
+            "departament": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -227,9 +245,9 @@ export class StzhContact {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Heading"
+                    "text": "Departament"
                 },
-                "attribute": "heading",
+                "attribute": "departament",
                 "reflect": false
             },
             "responsibilityTitle": {

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

@@ -1 +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, StzhContactAvailabilityItem } from \"../../../index\";\n\nimport { hasSlot } from \"../../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g, \"\");\n}\n\n/**\n * @slot main-heading - slot for main heading\n * @slot contact-form - slot for contact form\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true,\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Sub heading */\n  @Prop() subHeading: string;\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string;\n\n  /** Resposibility title */\n  @Prop() responsibility: string;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Person role */\n  @Prop() personRole: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string | string[];\n  private _street: string[] = [];\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[];\n  private _streetInfo: string[] = [];\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = [];\n  private _emails: ContactEmail[] = [];\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string;\n\n  /** Post office box heading */\n  @Prop() poboxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Contact title */\n  @Prop() contactTitle: string;\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Watch(\"emails\")\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue;\n    }\n  }\n\n  @Watch(\"street\")\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._street = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._street = [newValue];\n      }\n    } else if (newValue) {\n      this._street = newValue;\n    }\n  }\n\n  @Watch(\"streetInfo\")\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._streetInfo = JSON.parse(newValue);\n      } catch (noArrayException) {\n        this._streetInfo = [newValue];\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.emailsWatcher(this.emails);\n    this.availabilityWatcher(this.availability);\n    this.streetWatcher(this.street);\n    this.streetInfoWatcher(this.streetInfo);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n    const hasAddons = hasSlot(this.element, \"addons\");\n    const hasLinks = hasSlot(this.element, \"links\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-addons\": hasAddons,\n      \"stzh-contact--has-links\": hasLinks,\n    };\n\n    const HeadingLevel = `h${this.headingLevel}`;\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;\n    const isPerson = this.type === \"Person\";\n    const isOrganization = this.type === \"Organization\";\n\n    return (\n      <Host has-availability={!!this.availability ? \"true\" : \"false\"}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div\n            class=\"stzh-contact__main-heading\"\n            itemprop={(isOrganization && !this.heading) || (isPerson && !this.name) ? \"name\" : null}\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading ? (\n                <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\n              ) : (\n                <slot name=\"main-heading\"></slot>\n              )}\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve=\"h3\" level=\"3\">\n                  <span class=\"stzh-contact__role\">{this.personRole}</span>\n                </stzh-heading>\n              )}\n              {((isPerson && this.name) || (isOrganization && this.heading)) && (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && (\n                    <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n                  )}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                  )}\n                </div>\n              )}\n            </div>\n            {isPerson && (\n              <div class=\"stzh-contact__image-wrapper\">\n                <div class=\"stzh-contact__image\">\n                  <slot name=\"image\"></slot>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n            {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n            {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">{this.responsibility}</stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__contact-form\">\n            <slot name=\"contact-form\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n            {this.contactTitle && (\n              <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                {this.contactTitle}\n              </AvailabilityTitleElement>\n            )}\n\n            <div\n              class=\"stzh-contact__address\"\n              itemprop=\"address\"\n              itemscope\n              itemtype=\"http://schema.org/PostalAddress\"\n              innerHTML={this.address}\n            >\n              {!this.address && (\n                <Fragment>\n                  {this._street.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{\" \"}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-contact.js","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, 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}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map(number => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={number.analyticsId || `${number.label} ${number.number}`}\n                      itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map(email => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={email.analyticsId || `${email.label} ${email.text}`}\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && <div class=\"stzh-contact__pobox-heading\">{this.poboxHeading}</div>}\n                  {this.poboxTitle && <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                  )}\n                  {this.poboxLocation && <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map(item => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">{item.weekday}</div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">{hour}</div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -14,7 +14,7 @@ const TEMPLATE = ({ _additional = '' }) => `
 </stzh-contact>
 `;
 
-const TEMPLATE_PERSON_WITH_IMAGE_AND_AVAILABILITY = ({ _additional = '' }) =>
+const ORGANIZATION_DEFAULT = ({ _additional = '' }) =>
   `<stzh-contact>
     <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
     <div slot="contact-form">
@@ -164,6 +164,8 @@ export const OrganizationMinimal = {
     'postal-code': '8000',
     location: 'Zürich',
     'contact-title': 'Kontakt',
+    'city-label': 'Stadt Zuerich',
+    departament: 'Departament',
     numbers: [
       {
         type: 'tel',
@@ -190,7 +192,6 @@ export const FurtherContactPerson = {
 export const FurtherContactPersonWithEmails = {
   render: (args) => story(args, TEMPLATE(args)),
   args: {
-    heading: 'Further Contact',
     type: 'Person',
     name: 'Hans Muster',
     street: 'Musterstrasse 12',
@@ -214,23 +215,7 @@ export const FurtherContactOrganization = {
 };
 
 export const ContactWithImageAndAvailability = {
-  render: (args) => story(args, TEMPLATE_PERSON_WITH_IMAGE_AND_AVAILABILITY(args)),
-  args: {
-    type: 'Organization',
-    'main-heading': 'Contact heading',
-    street: 'Musterstrasse 1',
-    'postal-code': '8000',
-    location: 'Zürich',
-    numbers,
-    'contact-title': 'Kontakt',
-    'availability-title': 'Erreichbarkeit',
-    availability,
-    emails
-  }
-};
-
-export const ContactWithImageAndAvailabilityWithoutHours = {
-  render: (args) => story(args, TEMPLATE_PERSON_WITH_IMAGE_AND_AVAILABILITY(args)),
+  render: (args) => story(args, ORGANIZATION_DEFAULT(args)),
   args: {
     type: 'Organization',
     'main-heading': 'Contact heading',
@@ -245,8 +230,8 @@ export const ContactWithImageAndAvailabilityWithoutHours = {
   }
 };
 
-export const ContactWithImageLeftAndAvailability = {
-  render: (args) => story(args, TEMPLATE_PERSON_WITH_IMAGE_AND_AVAILABILITY(args)),
+export const ContactWithImageAndAvailabilityWithoutHours = {
+  render: (args) => story(args, ORGANIZATION_DEFAULT(args)),
   args: {
     type: 'Organization',
     name: 'Claudia Mustermann',
@@ -264,12 +249,14 @@ export const ContactWithImageLeftAndAvailability = {
     'availability-title': 'Erreichbarkeit',
     'contact-title': 'Kontakt',
     availability,
-    emails
+    emails,
+    'city-label': 'Stadt Zuerich',
+    departament: 'Departament'
   }
 };
 
-export const ContactWithImageLeftAndAvailabilityTwo = {
-  render: (args) => story(args, TEMPLATE_PERSON_WITH_IMAGE_AND_AVAILABILITY(args)),
+export const ContactWithImageLeftAndAvailability = {
+  render: (args) => story(args, ORGANIZATION_DEFAULT(args)),
   args: {
     type: 'Organization',
     name: 'Claudia Mustermann',

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

@@ -42,7 +42,7 @@ export class StzhContactCv {
             "stzh-contact-cv": true,
             "stzh-contact-cv--has-favorite-links": hasFavoriteLinks,
         };
-        return (h(Host, { key: '85310a4f52c72d7edc69c092dbb224690573b9c3' }, h("div", { key: '64b9e3060f79f344b478f2edf4cdd23eeb92f2be', class: classes }, h("div", { key: '0b13674a5b0d74aad4abed3c14be9a9da6c35d4a', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '5a47791ecc75b4df90e7d55bd42fbd1a9f3dd3d4', class: "stzh-contact-cv__content-block" }, h("p", { key: '0ea97862d15e9dabc536bc34d7453f295b886d32', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: 'd271e4f150c51537127c2141c1d793db07f1546a' }, this.jobtitle)), h("stzh-text", { key: 'aac7cc491d04b411c85cf90e4c38e9482dca98a2', class: "stzh-contact-cv__content-block" }, h("p", { key: '31e496b15c245500a6ba8b16704ef09eb7181849', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '0a5d9f3c1b050e7358b5a0f8c0082f89120edb82' }, this.responsibilities)), h("stzh-text", { key: '4ce6b6e220883015301a1062cc6beb3c7ead79fb', class: "stzh-contact-cv__content-block" }, h("p", { key: '6c91b0368f3d8b5905f836a68afa6cc53e602f52', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: '4bf0808384c5f4cebea7e756cb5762ac6e924e98' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: 'bb3127e9e9e4112c2d425fb533db6cf90961aff0', class: "stzh-contact-cv__content-block" }, h("p", { key: '27f2cbefb67c6487dbf2b946c0346629d335f862', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: 'bbe9af5f802cb9867eb146fd2c166b2804b31522' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '2a6996adec82a1a27f66bd8f4245acc4694343c8', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '207837260bb3ce935a086fbb240602ae7fe706c2', class: "stzh-contact-cv__content-block" }, h("p", { key: '7287fe89629729554a898be78d600f944fc80563', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: '294560b6c9de7ea61b8e35808802c607021bcbaa', name: "favorite-links" })))))));
+        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" })))))));
     }
     static get is() { return "stzh-contact-cv"; }
     static get encapsulation() { return "scoped"; }

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

@@ -174,7 +174,7 @@ export class StzhDisturber {
             "stzh-disturber--has-link": linkUsed,
             "stzh-disturber--has-close-hidden": this.hideClose,
         };
-        return (h(Host, { key: 'f19e5810bfeecd3bb76f59ea82661ed812242ffa' }, h("div", { key: 'f617cd158b3d7eb9aa3de15a4dfc1117f220996f', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '1fb355e9b38adf2360ab67c59acda734bd7f7e32', class: "stzh-disturber__content" }, h("div", { key: '0a05a4529387e8b19c232622a8384058938271a9', class: "stzh-disturber__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'ca5dfb38d59b7667f2e03697d4017a28921644ac', class: "stzh-disturber__link" }, h("slot", { key: '80d231d69ab10d348ef4061c52a9a689c64de8c8', name: "link", onSlotchange: this.handleLinkSlotchange }))), !this.hideClose && (h("div", { key: '825b1cbe02f4c62b50108879aeebae59689bf3d1', class: "stzh-disturber__close-wrapper" }, h("stzh-button", { key: '10b3b017f17fcb84124089d50f39c1422aaa42b5', class: "stzh-disturber__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        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" }))))));
     }
     static get is() { return "stzh-disturber"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class StzhEditor {
         const classes = {
             "stzh-editor": true,
         };
-        return (h(Host, { key: '72a967929119a1f37d09187364eeacb120e0fe0f' }, h("div", { key: '2c24010345d27a79809bade7b7f23e10b027bd3a', class: classes }, h("div", { key: '16f8956d26111d227308348df9d688b9d484fbad', class: "stzh-editor__wrapper" }, h("h2", { key: '1eb4053320ae145cd985ecd036cb7a050289fd71', class: "stzh-editor__heading" }, typeof this.heading === "string" ? this.heading : this.localization.heading), h("ul", { key: '6db5eb4085c4730dcb8db423bdfc7eb0e882a80a', 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: '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" }))))))))));
     }
     static get is() { return "stzh-editor"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhEventdata {
         const classes = {
             "stzh-eventdata": true,
         };
-        return (h(Host, { key: '80fe3a7f6b30a7706771903ef535be2d7abf15b8' }, h("div", { key: '6fc722f225efe2f9f96ef8e41d913353e52de514', class: classes }, h("div", { key: 'dbaa5c96a4382b10743823a3247b921eb962f95b', class: "stzh-eventdata__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'debec6dd6f7f780c526962e01d90e1b744ce387e', class: "stzh-eventdata__content" }, h("slot", { key: '245e78b5ea00f44a11dcaa0d8dec2708a29ec961' })))));
+        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' })))));
     }
     static get is() { return "stzh-eventdata"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: 'e36815481d42e206d790f02ebae56134307f0bb1' }, h("div", { key: 'd2dd8172e8ba2ba9ac0b46c30d8c1fb15ee0454f', class: classes }, h("div", { key: '5d157b270db59c345e65b7d5e6dcea6a77aa91c1', class: "stzh-eventinfo__left" }, h("div", { key: '05419bcc8815ba29b34ee30b57f4eaec0842ca6d', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: '5ae972b52f0421cee71348005e3ff4b4951854c8', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: '16c739e003177607926cd1136c9eab260493f76f', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '2ecb7e2a55cc0f3eac1354c18a196fb61ebb1165', class: "stzh-eventinfo__right" }, h("div", { key: '4c7e802a996e23d8a6939a92087ee6d581d46909' }, h("div", { key: '2cc496e037d3e122a7e19319c773ea8fb55ff7bf', class: "stzh-eventinfo__head" }, h("div", { key: '41de130350e8b118722a4af55bae3d251d595e2a', class: "stzh-eventinfo__main-date" }, h("span", { key: 'e853f910a2445c54b8019dacda1c15506f8e0358' }, this.localization.$globals.dayNames[startDate.getDay()]), h("span", { key: 'c2a98c3feeea3b8e805f202c4a47a77424e1b945' }, this.dateAdapter.format(startDate, "date")), this.hasProperStartAndOrEndDate(startDate, endDate) && (h("span", { key: 'b3675031da3f5266b11290c502eeb1a6e0d6d5ec' }, this.dateAdapter.formatSpan(startDate, endDate, "time")))), this.calendarUrl && (h("div", { key: '9d611bc39968f5da171d962b08d498f37e9a6960', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '331a6f47a11341f56773006de0bdc1032b01935c', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '510773d29dc3c8bfa3e0c0c0f83da885881f8741', class: "stzh-eventinfo__text" }, h("div", { key: '0c5bc4c79bf0e737526db9eef0bc69d25cb7a0f7', class: "stzh-eventinfo__location" }, h("slot", { key: '49c70b4b49c9ed0d33437c4d5e14eceae4f0da50', name: "location" })), h("div", { key: 'c7883912606ed5cf67a1de54a55ae5c82bd5adb2', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '11116d63d311f7c69e0b1f800da1fc1451861d42', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '89adf3c665e7560da07b10853becbfbc9f964850', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: '2dcf3044da3e8784bc5a0d7b625358264b7d2fc5', class: "stzh-eventinfo__details" }, h("stzh-link", { key: 'e5d104b8fa5792420a5fe0c843d5cdcd6af1e4a0', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: 'f5a2b07bc371f1b6e59a2375a779141b4fd98bde', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '61af8286b97203310f6a8d3a7e9721539d13c920', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: '7b439130e219df59fe6fd8ca308e7ae88fb58d3e', 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: '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) &&
             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

@@ -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: 'a4365c1891910f0da7e15c7f7dab9fbb242298e1' }, h("div", { key: 'dd2714281a163b9079ea06a7ecd9f0169afd73bf', class: classes }, h("div", { key: '70bbedff5644d6a795a87c2bf62a562a7b8556eb', class: "stzh-feedreader__container" }, h("div", { key: '86b43c47440ad86e7396a23bf3099fca774f8767', class: "stzh-feedreader__header" }, h("stzh-heading", { key: '9d453a82f444b2be5639fbbd79f972ee98c7c48f', level: this.headingLevel }, this.heading), h("stzh-text", { key: 'd6d30c279c3a19a1d898020fc113e607dd31c1ba' }, this.description)), (subscribeFeedSlotUsed || subscribeProxySlotUsed) && (h("div", { key: 'a77e3a3c4b04e3bc3328804fa81237a16a137a3b', class: "stzh-feedreader__subscribe" }, h("slot", { key: '14de4cde4de9fa0cbb72b3307f7c1dc8a1f8cf98', name: "subscribe-feed" }), h("slot", { key: 'd2436c794d230b195455072315b8d9f73382946c', name: "subscribe-proxy" }))), !this.hasItems && !connectionErrorSlotUsed && (h("stzh-message", { key: 'ae09838ae394d3fefdaeddfa5f4e9c57e23c6470', label: this.noItemsText, hideClose: true }, !!this.noItemsLink && (h("stzh-link", { key: '6b815697b6819b4dc4e92f7a26b0fffcc7eadc5a', slot: "link", href: this.noItemsLink }, this.localization.moreInfo)))), connectionErrorSlotUsed && (h("div", { key: '5463e9c3e0958e6514572f06a2118dd63805137d', class: "stzh-feedreader__connection-error" }, h("slot", { key: '3cf75f36d17366d544c1a6a298a581928db8cb66', name: "connection-error" }))), h("div", { key: 'a6f2ab8634561f78c1945d7676ceee282d55df98', class: "stzh-feedreader__items", ref: el => (this.itemsWrapperElement = el) }, h("slot", { key: '48dbf02b1d1560828fb3224b6dd636c27f2269ad' }))))));
+        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' }))))));
     }
     static get is() { return "stzh-feedreader"; }
     static get encapsulation() { return "scoped"; }