npm - @oiz/stzh-components - Versions diffs - 4.12.2 → 4.13.0-beta1 - Mend

@oiz/stzh-components 4.12.2 → 4.13.0-beta1

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

Files changed (1023) hide show

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

@@ -513,12 +513,12 @@ export class GeoRefData {
             "stzh-geo-ref-data--is-open": this.isOpen,
             "stzh-geo-ref-data--has-filters": this._availableTags.length > 0,
         };
-        return (h(Host, { key: 'd52d0d415c95921c0cb91de53945300a71270825' }, h("stzh-toastbar", { key: '59a4c0e3643dedfa18d8d891ea3aeed48ee48d9b', ref: el => (this.toastbarElement = el) }), h("div", { key: '7776860e9ad59cea2a5d95ae31e6cf71bf20a930', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: 'db1209ae70598b030657ddc81f75f949d8ddba95', name: "trigger" })), h("stzh-overlay", { key: 'd9f2134896e7374130341874a12d1ff5fb1d0b5e', open: this.isLoading }, h("stzh-loader", { key: '54b780faa5920d364e4cc639240e9d5825bd1ecd', label: "Daten werden geladen..." })), h("div", { key: 'a6de037b1cbe84cd16e1fa4097e3624cab5c9a7b', class: classes }, h("div", { key: '7ef109f93812461e91b11cd4750afd1bc98a0d23', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '8b88a24ad9849b6fb9bd7eacb14ad605a65aa366', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: 'ab9b717180e53d7bbd99d1729cbae15565d92d1d', name: "logo", slot: "logo" })), h("div", { key: '48ba84a6c740c28fe60a2ffb78a0eb9b78993438', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '0793726f2ae85b1b10a561397b2c9ecedbef7ef4', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: 'd7b7f250cfcc45e90918133b39d7db014214dbbd', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: 'c9279a32efbec1d9592109ac3d397d02ac50aa8a', class: "stzh-geo-ref-data__content" }, h("div", { key: '8ee2d9ff4fe917f3b4d6e4085dd7ea08482bcd04', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'bb91f67a0ce5a195e2c57e54181f7a52ca0b2fc6', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '08c520f373df48cc0a14f338ecdbb87e06ce7aa2', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'f825c034f2603f93d870f5a4cf8c5bf7629846c9', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: '4ed37da08408980af725b9f14345417a83e3a8fe', class: {
+        return (h(Host, { key: 'b84a082aacb25ea2b52ec3b438bc4dc09df800d4' }, h("stzh-toastbar", { key: '4f00377df14ce2ceb3b33bf2ee92685846c99a0b', ref: el => (this.toastbarElement = el) }), h("div", { key: 'b3ecb1c9cf31118104f9a3f9f34c65c4181fe251', class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { key: '59ccf138ede77079d537c02e06e3dab43a6e6a26', name: "trigger" })), h("stzh-overlay", { key: '31f5f3f6c74b6ff7d41d6f9796112bfd16811bff', open: this.isLoading }, h("stzh-loader", { key: '90801343a95570f7e65fff0524fea16cbc929f23', label: "Daten werden geladen..." })), h("div", { key: '1fe783f3c4c1c2d6bb6f7a062471aad2be6d35b5', class: classes }, h("div", { key: '24aeb6e8ab2bf75a3c4cca5089e2f9d5f3c132ee', class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { key: '626f5c3e6f319ab45843dff26d5f539050a4e4bd', class: "stzh-geo-ref-data__header", "hide-metabar": true, sticky: "disabled" }, h("slot", { key: '3748508b51e7bdb3be3d5ae7af02a9741ab6d29c', name: "logo", slot: "logo" })), h("div", { key: '6bf18bdbc10df063e0edd70dd3477fcba3d253cf', class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { key: '5f982d253740b30f9eeedd1a6b6092213b61f9aa', class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { key: '555928e67aad0b182cf23825c6e9a0dadbee3c11', class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { key: '647b1d16322a8f48f96225771e9c45ff0c7ed5ea', class: "stzh-geo-ref-data__content" }, h("div", { key: '26fcdd53a095fe9cf337e721163a23e7b3a396ed', class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { key: 'b9a7bcb321f8b17e2e3bf4a6185d48197e368e86', class: "stzh-geo-ref-data__filters" }, this._availableTags.length > 0 && (h("div", { key: '23f92faa966b4c34b97deb6781218a570bdae6dc', class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { key: 'ab2453c849d6b1c6eee6928e8795ddd3bac98ea8', label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering", onStzhClick: this.handleFilterToggleClick }))), h("div", { key: 'a224026b0d060c765c52a24ca81eb70126c32433', class: {
                 "stzh-geo-ref-data__filters-content": true,
                 "stzh-geo-ref-data__filters-content--visible": !this.isViewportLarge && this.isFiltersContentOpen,
-            } }, h("stzh-chipselect", { key: '36f0c38f154b9c74649f2139ba3b8deb42b023e6', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'ccd97322af0a6d3de6344a3af68ddbc5ae8ab289', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '184c1c66cb90e5a0a6d27d2a7c47cba65e8072e3', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '0b667cb3fc9097e39968998751d75605ea12dd7c', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '79ba7798b85d227ccac8cf82c5fb6d999e888c7c', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '49c453ef092e73e98ee4d2a0651be2d729ef6828', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: '6d9df7ef57ac9b315b3925810524e14df8a1f87b', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '275cbee5735cb3e70d01845a7bc32b2504fe727d', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: '20425624999a7173557c56872ffdd9ca4dcdc38a', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: 'fddcb135cabe600528de028ac921cd80b95b63bb', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: '6ec4d6187da2c7e23828c85798cce7564c662fbe', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: 'a698b96f45ab95a490323b7a9593cde0db215f41', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: 'a2f1bdc52720c767b8a2a59130ea60ac7dac29ba', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'a875704253805a5da7d515d77470ec04413ab03b' }, h("div", { key: '8b50082582512194f5c4414e9b950f7d481585ce', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '945c821be01a1e4bdc589d385a73524df268b3a2', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '55ac872a105878b98045e60b003aade6d692a8c8', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '2ae22da80a239339277e7775d352bc4fb77cc854', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
+            } }, h("stzh-chipselect", { key: '4890e6d7f3887375410e448b6dbba98dd8037cfd', "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: this.appliedFilters, value: this.appliedFilters }), h("div", { key: 'fe26f10856b8d256cf6fe704071b904e5f5129d6', class: "stzh-geo-ref-data__filters-apply-button" }, h("stzh-button", { key: '2a27c1a2015529c50f6bb38b0da2ae8e9a00b276', size: "small", fullwidth: true, onStzhClick: this.handleApplyFilterClick }, "Anwenden")))), h("div", { key: '6f5185ce4e7e1ac98209f99da5a002375d051ae5', class: "stzh-geo-ref-data__search" }, h("stzh-input", { key: '9b1bb7a2ad3957c6ef7aeb58a8d6d032f5a5ce84', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { key: '50d5edcaedeb9581ca0de2b1142a967c34477355', class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { key: 'dd708ae91316cef9edca1117d874dc92b4a161aa', onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { key: '2088e12776b13e77e4bd57e3d4e4fef1908990dc', class: "stzh-geo-ref-data__results-wrapper" }, h("div", { key: 'cbf389ff3efcbe33bea4e9679c0f13150d3dec56', class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { key: '88f51081ccc80f548a4fa81fa9d0b72c80eebaf7', class: "stzh-geo-ref-data__ol-map", centerMarker: this.centerMarker, zoom: this.zoom, zoomLocation: this.zoomLocation, writeExtentToUrlEnabled: this.isOpen, locationControl: this.locationControl, pinchRotateThreshold: this.pinchRotateThreshold, ref: el => (this.mapElement = el) }), h("div", { key: '1208cec306615bb40271a127a165dd165138c1c1', class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { key: '2956eb3edd767580eebfef1249248db7e57eb5c1', label: "Treffer an Kartenausschnitt anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { key: '702ed6ee52b561160e7d8d25e8eee3a5c773f55f', class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, { key: 'c0d59069891464e4262a954c16c55c81c027f698' }, h("div", { key: 'fb112d103eeefc1bd6f7b9a44e2d07515db86f10', class: "stzh-geo-ref-data__list-search" }, h("stzh-input", { key: '54e83d77b87d3a24db0f3694bdaeb3065e273765', name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("stzh-text", { key: '636fca50b5f0877bf4adfe1099fceaa4812b0262', class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { key: '82ce4bc9718568138dc4f26115aec594a5e1cd3b', class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
             item.data.length > 0 &&
-            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '2b673f61bb521c312250e4a8e91aba7042cc6a7f', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'd1622f3c220fca2a70615f695de480b7355e4fb8', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
+            item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), item.image && (h("div", { class: "stzh-poi-teaser__image-wrapper" }, h("stzh-ratio", { ratio: "2:1", "ratio-large": "5:4", "ratio-ultra": "1:1", portrait: this.isViewportLarge, class: "stzh-poi-teaser__ratio" }), h("div", { class: "stzh-poi-teaser__image-inner-wrapper" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname })))))))), this.canLoadMore && (h("div", { key: '17e0f4a6a17c5997dc9f60f8594c2e54417ea95e', class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { key: 'f2e4895e8fa921d0f5de445ad494ad01c71bb801', onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
     }
     static get is() { return "stzh-geo-ref-data"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,7 +69,7 @@ export class StzhGhettobox {
             "stzh-ghettobox--has-close-button": !this.hideClose,
         };
         // TODO: Temporary workaround/bugfix for readspeaker class "rs_skip" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).
-        return (h(Host, { key: '7c47a3726acef0e1ba746e43a007a49cb42431ed', hidden: !this.open }, h("div", { key: 'a814ec6079c6eacf6201ceb28fa412ab15d6f8f0', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '458dd1e86c90171ab9c5fbf32824487d73e21724', class: "stzh-ghettobox__container" }, h("h1", { key: '3feb35d8942c0b40069b7542caaec9f1828b28ae', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: 'fd7c74978a44665eda144c6c1ac6b9f25dcc1be8', class: "stzh-ghettobox__message" }, h("div", { key: '601fa3826d6dfd7d596ca11270db3203c89c019f', class: "stzh-ghettobox__text" }, h("h2", { key: '734b9b8456604b06c34d968dfca8388522c01b94', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: 'b4539d7100e8c5e64230f326479509b53d0985ea', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '19e0c96b5feffc546f7b45772172fc8888d1e7af', class: "stzh-ghettobox__button" }, h("slot", { key: '24cc1487f410c6280445be4ed4264efa58fffa78', name: "button" }))), !this.hideClose && (h("stzh-button", { key: 'e917e01d64ba00304725e349db632db27aa3e3cb', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: 'db167e75c72007418b4cd2af2c90089e36f3850d', hidden: !this.open }, h("div", { key: 'c51de64f081af3d1bb3fcae1c1579e358bf796b8', class: Object.assign(Object.assign({}, classes), { rs_skip: !this.open }), "aria-hidden": this.open ? "false" : "true" }, h("div", { key: '9d5b4d9eb09960287648e9e7ec14176c38f4982c', class: "stzh-ghettobox__container" }, h("h1", { key: 'f68763be6afc8e9adaca729db33b40dab2d389f9', class: "stzh-ghettobox__hidden-title" }, this.hiddenTitle || this.localization.hiddenTitle), h("div", { key: '448199817d132a0fa67b7147ea7b9a20eae45104', class: "stzh-ghettobox__message" }, h("div", { key: '6dc0829c3d5cc74e3b69dcc53d80c49cb260e2b8', class: "stzh-ghettobox__text" }, h("h2", { key: '874bc27302f04a9e09931534996c404ffda56a66', class: "stzh-ghettobox__main-title" }, this.mainTitle), h("div", { key: '01a604db8c917084b4ad2c79d9f867e052997de7', class: "stzh-ghettobox__description" }, this.description ? this.description : h("slot", null))), h("div", { key: '0b9673753f62450b713ff6083b15d18ddaeb31f7', class: "stzh-ghettobox__button" }, h("slot", { key: 'bc9fcd5f97b4586726e0921ae618bff5023397e3', name: "button" }))), !this.hideClose && (h("stzh-button", { key: '00fe78850b4be6477724c018f5e1ab1cc82e0578', class: "stzh-ghettobox__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     static get is() { return "stzh-ghettobox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -46,7 +46,7 @@ export class StzhHomepageSearch {
             "stzh-homepage-search": true,
             "stzh-homepage-search--is-search-filled": this.searchFilled,
         };
-        return (h(Host, { key: 'f4157fc23e4f412d32121e853fc792791dd67b90' }, h("div", { key: '64ce72819e765915488c6f900a6aca21e382b234', class: classes }, h("div", { key: 'fb392058680115176466bc58363f1b0823bc9b84', class: "stzh-homepage-search__container" }, h("form", { key: '244efcdfc92d2ae7346d633851c8c47a2494ea23', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '1fa799f102751630fffdd1f7962621bd0e3a37cb', class: "stzh-homepage-search__search" }, h("input", { key: 'ee46583a9beb66a7be4f33d6f6d62f04d4f462bc', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '11eb8cc4a6091fe83e61deb386f1fcfdfd7d0764', class: "stzh-homepage-search__search-icon", name: "search" })))))));
+        return (h(Host, { key: 'a405db73d38a839b887cda7c18c75d279ef108b5' }, h("div", { key: 'fb6a64cbf483ec6329596589738ac7831eecdf8e', class: classes }, h("div", { key: '01a778c08bf08aa16411882cd19bf8f513b3e23b', class: "stzh-homepage-search__container" }, h("form", { key: '767a079cc4d43d3a44a79a753087364db2517fee', class: "stzh-homepage-search__form", action: this.searchAction, role: "search", ref: el => (this.formElement = el) }, h("label", { key: '95b8528024593513e79a3043b90932176caebbcc', class: "stzh-homepage-search__search" }, h("input", { key: '10085864b8d9eba3595e7a7b695cc02d9f1f7295', id: this.searchId, ref: el => (this.searchInput = el), class: "stzh-homepage-search__search-input", type: "search", name: this.searchFieldName, onChange: this.handleSearchChange, onInput: this.handleSearchInput, placeholder: this.placeholder }), h("stzh-icon", { key: '64d1aeb502e185ffedb3bade1c12fc11c8e8f640', class: "stzh-homepage-search__search-icon", name: "search" })))))));
     }
     static get is() { return "stzh-homepage-search"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.js CHANGED Viewed

@@ -84,14 +84,14 @@ export class StzhHomepageServiceHighlights {
             "stzh-homepage-service-highlights": true,
             "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
         };
-        return (h(Host, { key: 'bcb0a20383e46d811c1b68fc7f75a18b94c5a430' }, h("div", { key: 'e10c83bd95ec5ca87e70a8e0919ab467d56cec1f', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: '4f76453d0ecd4cd90ac91b513c575886b3580bad', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
+        return (h(Host, { key: '0658261e51e7450bcb45fc6c44bfafff9dfba45b' }, h("div", { key: 'b76616a0b99b3a31c53e1fccf0d2bbdc8ea8ffaf', class: classes }, this._topnewsItems.length > 0 && (h("div", { key: 'dcfb7d9f58669b683d1be70eac6e93440482cd22', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (h("a", { href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
                 "stzh-topnews-item--has-link": true,
             } }, this.renderTopnewsItemInner(item))) : (h("div", { class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '69fe1fc1500fac3ba418fd1e79e9141357df5a18', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (h("div", { key: '5d0e88ff304a7f4b8cfe6c5af5b8b085c24db942', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (h("div", { class: {
                 "stzh-mostsearched-item": true,
             } }, h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, target: !item.target && this.isExternal(item.href) ? "_blank" : item.target, rel: this.isExternal(item.href) ? "noopener noreferrer" : undefined, icon: "arrow-right" }, item.label)))))))));
     }

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

@@ -18,7 +18,7 @@ export class StzhLinklist {
             "stzh-linklist": true,
         };
         const datalistSlotUsed = hasSlot(this.element, "datalist");
-        return (h(Host, { key: 'edbe519049ece41d4f0d5d6a2333431acdf324af', "padding-bottom": this.paddingBottom }, h("div", { key: '993be3724c72b6c8067e20ab2cc49fede408eeb4', class: classes }, h("div", { key: '73be1270eda2c91388625ba7969b02b883424eae', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: 'efc92b68441f0de06c31c1cd7f7c05b377d3bb74', class: "stzh-linklist__heading" }, h("stzh-heading", { key: '4d2c758412dd5c4585463ac6ab17552c32fde02b', level: this.headingLevel }, this.heading))), h("div", { key: '0e39faa755fd3655dd51e7022c8a8d7261b0213d', class: "stzh-linklist__list" }, datalistSlotUsed ? (h("slot", { name: "datalist" })) : (h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
+        return (h(Host, { key: '36aae6903bf4c597a1fbf037c74c4eff12d78252', "padding-bottom": this.paddingBottom }, h("div", { key: 'a7de18a71383054e37fba8ca7952034574678433', class: classes }, h("div", { key: '92edd73b543ab5d33481de0b5eeaa22ad965c6b8', class: "stzh-linklist__wrapper" }, this.heading && (h("div", { key: 'b287545c89b2123fd6d55ad8f4627a444c0592ad', class: "stzh-linklist__heading" }, h("stzh-heading", { key: '255a0fe4ea816f31afc0aff6c2de633adadf9991', level: this.headingLevel }, this.heading))), h("div", { key: '724d17a14bddf350d33c10ae874c84c898359149', class: "stzh-linklist__list" }, datalistSlotUsed ? (h("slot", { name: "datalist" })) : (h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
     }
     static get is() { return "stzh-linklist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -74,7 +74,7 @@ export class StzhMicrositeTeaserlist {
         const classes = {
             "stzh-microsite-teaserlist": true,
         };
-        return (h(Host, { key: '493881fe60c1bd36f5b8eb17c79c9ed75389e273' }, h("div", { key: '65b89c2559acc803e9c22b820342e5a43abd6a8b', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '2378969579ea5b40c9703a4ff08e33e7656cbbac', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: 'd16d302b6df82205c8001da373a01d8a558c33f4', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: 'ad8dc397fc793f36e30b69c68eb0322d126c02fb', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '5145f059a54719eafe2175529949fd12ef2b7058', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
+        return (h(Host, { key: '2930671ef918b1fc58f04266e273023a1d352a21' }, h("div", { key: 'eb934e120ad0b983fab8103384032ee1b234395a', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '39ec31f3b1afca5de78717c34b4d8c00c9a0d410', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: 'a7b87841e34de65e2f59ad6c82bdba6e4184cec2', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: 'def3a144c48718a92971f6e3dfb7790e602e3917', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '7c06b54361395a84f5aa3b33d4327cd45deb8de4', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
     }
     static get is() { return "stzh-microsite-teaserlist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -25,7 +25,7 @@ export class StzhPageSkiplinks {
         }
     }
     render() {
-        return (h(Host, { key: '87ac525819d3a69c5bfe0d704388a1bd236bf98b' }, h("div", { key: '623078f423e43dcb1d7cf12a4acdfed67b2af159', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: 'fa135a04302e9f2451169886b75e0642c9eb313c' }))));
+        return (h(Host, { key: '4ae6bd02feca124cdb3259294ab0962c07c7049e' }, h("div", { key: '7815a05faa537d379dc8eebedf9d045a35d6a393', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: 'b8612fb095f606c97fe6151ca246e21f8544cf64' }))));
     }
     static get is() { return "stzh-page-skiplinks"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ export class StzhPagebottom {
             "stzh-pagebottom": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: 'fb410b028d088e1c978f4dfa4baab3307db2a348' }, h("div", { key: '5e30158587388ec65991009e42ce89d3db88e497', class: classes }, h("div", { key: '77bb93f7f48ab842984c7b5cd5f3f571b1491f61', class: "stzh-pagebottom__wrapper" }, h("div", { key: 'e8d165ff441a7d7bdadea24fd80911451c3fdf28', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: 'b9e99241900d9e65c9aa32f7aaa4b6e4776f053e', class: "stzh-pagebottom__print" }, h("stzh-print", { key: '033e9421bf139317acba6abb2f40a901bf8ca2d3' }, h("stzh-button", { key: 'b187f969c40f4c63484511911e4b9aee9a7621f9', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: 'a206c22ff38fabace4aca2bd8da138fe02f3db0d', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: '0d63e03c3491cc644d7c008749ed771de2d4e604', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: 'b7a0c81938c1fac1d68a3ac90dfeaf825959d3e0', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: '2f243f8ca26f3de042345d95f3e8e3ae55777b21', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: 'a867836d0745607b6a0fc5d64e9cf3e246092725', name: "sticky-actions" }))))));
+        return (h(Host, { key: '3686e31e9e2db54e53ab55ad3d20197332731c90' }, h("div", { key: '3bc596bf0d7b4b258c7c4f71a1aaa53641e3a36d', class: classes }, h("div", { key: 'af6f34ffe582a590364059f6567c58f03348b4e6', class: "stzh-pagebottom__wrapper" }, h("div", { key: '32c06b21b773753feed8ca41981ee8d5d49214c5', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: 'f1e7b8cc1c799a3e914863fd5a2bff892b50aee7', class: "stzh-pagebottom__print" }, h("stzh-print", { key: '896034193e4774907a4732cbd06773da472772af' }, h("stzh-button", { key: '194e6b813e6e36964c75ad77c7e3ee245af12047', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: '260d3383c6e728059cd92d1abc0cffd93da89aa4', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: '1c23a46d3c0d05af5e594bbe5df3cbbe54bf5c43', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: '05d55f418c7d6fccfb80da67098f8f3ee3247889', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: '3db15ef8e81932cfff067c001972ea5c2c2443ee', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: '7145c3291f9b2bbb9eb1811b7e2b63e207c5cdf1', name: "sticky-actions" }))))));
     }
     static get is() { return "stzh-pagebottom"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,7 +14,7 @@ export class StzhPagecontent {
             "stzh-pagecontent--has-aside-left": hasAsideLeft || hasAnchornav,
             "stzh-pagecontent--has-no-aside-left": !hasAsideLeft && !hasAnchornav,
         };
-        return (h(Host, { key: 'ef21a102b23b2806c429804c20fd8ee0c4a8ca32' }, h("div", { key: '4b2ecc617c4ca5812be4d8b147b86abbfde7e4c5', class: classes }, h("aside", { key: 'd6dbbbc4dcafc7d514eac248f24e0ebd25a96e45', class: "stzh-pagecontent__aside-left" }, h("div", { key: 'ddc3bdcc9ddda593755c8368b5eabba3962d3492', class: "stzh-pagecontent__anchornav" }, h("slot", { key: '8a5f65b0eeee2983a9708d0b0071e52a384250e6', name: "anchornav" })), h("slot", { key: '7fd8ca81b507aaef2348e29f5da4602e99d95b75', name: "aside-left" })), h("div", { key: '838d7e0acef4e4fe48a8a3d13885e30d684b3ae4', class: "stzh-pagecontent__content" }, h("slot", { key: 'a8b4157148712320c9548187ca87c98b6e6dc3dc' })))));
+        return (h(Host, { key: 'f1e932f5091fb04d5ad49b2be7b8b1c9cdf46333' }, h("div", { key: 'addfe2e3805e8a1530348d053947c8e03aa7bc1a', class: classes }, h("aside", { key: '42d52801fda3ddd06f1d7570e526610ba5857a05', class: "stzh-pagecontent__aside-left" }, h("div", { key: '05272f5690f6bf1a6564ef9d3c143f42697c1e2d', class: "stzh-pagecontent__anchornav" }, h("slot", { key: 'e8b79cf1cf7cc058e77f8776bb8c725d8d20b193', name: "anchornav" })), h("slot", { key: 'd46a54d6898f2259d8f17a769e616d2123855382', name: "aside-left" })), h("div", { key: '4bdb322ab1ac0707027a61148897f75a6c6ceee8', class: "stzh-pagecontent__content" }, h("slot", { key: 'fcaf75cf11bd56c91a096c9aadc1dbff39c533f6' })))));
     }
     static get is() { return "stzh-pagecontent"; }
     static get encapsulation() { return "scoped"; }

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

@@ -135,7 +135,7 @@ export class StzhPagetitle {
             "stzh-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pagetitle--background-${this.background}`]: !!this.background,
         };
-        return (h(Host, { key: 'e2bdde916dbe418342a870e9aa98201f0a2feb52' }, h("div", { key: 'eae3efe2e64191d5a1760f3a4fee70f05ffb8388', class: classes }, h("div", { key: '7ebdc64f665e74d55034cc7654a6aa715a5df9da', class: "stzh-pagetitle__container" }, h("div", { key: 'abcefa1f095731dac7e4928809d4c8421d1198eb', class: "stzh-pagetitle__wrapper" }, h("div", { key: '2b7416b94624386e13909e92b6eb660981cb9a90', class: "stzh-pagetitle__text" }, h("div", { key: '7a9eaa3fc65de9271bc3d8e601e1e405117b60e9', class: "stzh-pagetitle__meta" }, h("div", { key: 'a734515d00b0901fe48a16b0598ab6891d4e165c', class: "stzh-pagetitle__tag" }, h("slot", { key: '1a6b3c85b8afe616a8ec7729b1572269c871589b', name: "tag" })), h("div", { key: 'bee6295d45d77b6a771726f5b1a1c027c3f01e1f', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: 'b1479fc116bebe1b6e30b0ec30b7b47ca2acf2b3', name: "readspeaker" }))), this.dateline && h("div", { key: '8813421a85d36c3bac8d0f2d6db4f75a0e92de06', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: '79a34dac8f8f7eb8aa3ee5a3c4c3a8dff169510d', class: "stzh-pagetitle__heading" }, h("slot", { key: '030d91e53e1f740755a3fc0d9088058becead8d5', name: "heading" })), h("div", { key: 'ed55f77df59654bb35cedaf06251fb86dfd6a77d', class: "stzh-pagetitle__lead" }, h("slot", { key: '0f8fa0b8a1f50e2752eb12cfae2fdf2cbb505578', name: "lead" }))), h("div", { key: '96b405dd149682108248f2f0173c29389f24124d', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '27e32482c3c07f2f09f1528a0b63da509dbf4934', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: 'e2ac0825e684e3667305ce88aaeacb747fbdf6a4', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: '14bc27bd443576f9d40f7b25c9ba86ba229baf28', name: "image" }))), h("div", { key: '7936922bda0fb96f0b4a6b21a715c26736084fbc', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: 'c84542c8cfdb07db8ab59e24786a2a7461e86232', name: "disturber" })))))));
+        return (h(Host, { key: '3454ae1f590963e62a7c6dc7eb799817536636af' }, h("div", { key: 'be7ef709f41f4661ad973a3b6dc97df2fea6b48e', class: classes }, h("div", { key: '4dc09e72307dcfc85219c81d9204e7605d86c76b', class: "stzh-pagetitle__container" }, h("div", { key: 'f4b2af20620f1b672604fe69f8bfdc2af390a1a7', class: "stzh-pagetitle__wrapper" }, h("div", { key: '609904049170e67c165f7f15c479c96328f5e741', class: "stzh-pagetitle__text" }, h("div", { key: '6c3071a488ac4a7b64fba9265bf162501af2949f', class: "stzh-pagetitle__meta" }, h("div", { key: 'd2e3c9d6d171bb22559f0a31c647eacf31f6ed3b', class: "stzh-pagetitle__tag" }, h("slot", { key: 'd8c11843761be62950405c18fc5b1f55e63ec3a1', name: "tag" })), h("div", { key: '87f452777d8436dd4a3d6b79e9572f4c3077aa46', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: 'bde7da4614e59138d2bba047e2d6bf931ec4c757', name: "readspeaker" }))), this.dateline && h("div", { key: '2c0c7981eae2a73155d8fdb78c0f1c6bf78e260c', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: '7042c83804be94804a6e6a48a03446a60022fb53', class: "stzh-pagetitle__heading" }, h("slot", { key: 'bc864c63e2641ac96425c84f3172564f25b9c11e', name: "heading" })), h("div", { key: 'd3b7343952b85604b9554e30c31eaba16a97a7d0', class: "stzh-pagetitle__lead" }, h("slot", { key: 'fff14f063ee9fed40cb10ee54140f69b908c64e3', name: "lead" }))), h("div", { key: '712a883a138f6ac17685d590850ca20fda5e1ff5', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '126ea8707ce30ce341d0242eb65933026fd704d6', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: '361f1a144036b8a88747ad7ff1f3bb7a4de36187', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: '425cd21b5c381f4133c0ae34351029bdd0edc6cc', name: "image" }))), h("div", { key: '45b03ba7543e0b82f07eafa5bbb167ac92dd4f2d', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: 'bdc31554690bdbe27036cc59464adc462071d9c6', name: "disturber" })))))));
     }
     static get is() { return "stzh-pagetitle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,8 +16,10 @@ const TEMPLATE = `
   <stzh-heading slot="heading" id="anchorContent">CO<sub>2</sub> ipsum dolor sit amet</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
   <stzh-text slot="lead">
+  <p>
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
-  </stzh-text>
+  </p>
+    </stzh-text>
 </stzh-pagetitle>
 `;
@@ -30,8 +32,10 @@ const TEMPLATE_WITH_HYPHENS = `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Geburtsvorbereitungskurs</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
-  <stzh-text slot="lead">
+  <stzh-text slot="lead" >
+   <p>
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+  </p>
   </stzh-text>
 </stzh-pagetitle>
 `;
@@ -45,7 +49,9 @@ const TEMPLATE_WITHOUT_IMAGE = `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <stzh-text slot="lead">
+   <p>
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+  </p>
   </stzh-text>
 </stzh-pagetitle>
 `;
@@ -60,7 +66,9 @@ const TEMPLATE_WITH_TAG_WITHOUT_IMAGE = `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <stzh-text slot="lead">
+    <p>
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+  </p>
   </stzh-text>
 </stzh-pagetitle>
 `;
@@ -87,7 +95,9 @@ const TEMPLATE_WITH_DISTURBER = `
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
   <stzh-text slot="lead">
+   <p>
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+  </p>
   </stzh-text>
   <stzh-show slot="disturber">
     <stzh-disturber label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tortor.">

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

@@ -88,7 +88,7 @@ export class StzhPagetitleHero {
             "stzh-pagetitle-hero--has-no-lead": !leadSlotUsed,
             "stzh-pagetitle-hero--has-back-link": backLinkSlotUsed,
         };
-        return (h(Host, { key: 'a6e59de03065ac0caded2b839d347410566c819d' }, h("div", { key: '37a42432e06c29bf610a86de0bd3160fb01db353', class: classes }, h("div", { key: '6cf8c7011d2ab2d0fedd68bb8905c61e65333035', class: "stzh-pagetitle-hero__header" }, h("div", { key: '6af890acbc034d7bbeb69b218c88c82eb0f44e35', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: '0b67ae8fb67294187e4f078a5916ed25289b6452', name: "back-link" })), h("div", { key: '3b1d96f08ff5f74b0479c1092e30340374e3eb3f', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: '3e744913ebc82a0525986f3eedd9a031cda7031b', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: '307340d6d173c2ad66667b89c70e96debe34e5a9', name: "image" })), h("div", { key: 'f4337ce806bb0f862bca6d21ffced420bd92f611', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: '9eb98633b1b15e3ffbec516631f067ab15420740', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '4f5982c2480f45f42e01ce3b359bc46526399959', name: "tag" })), h("div", { key: '89fb2ce4210687601231a687d85934dbf36d9e6d', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: '07993e408c13aef15188a7f3b0b7cf4148ce15fe', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: '6938db20dd18d7dc16135ce9217d29b0a19e1fe4', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: 'f59aabe5f4d5c81ab71851abdead479d943b3390', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '47f189acebd0ec3ae0a14d62af470611e44dbf97', name: "lead" }), h("div", { key: '7a7c397e8251ad91a4577318c62eaa259e06559e', class: "stzh-pagetitle-hero__lead-author" }, this.leadAuthor)))));
+        return (h(Host, { key: '08f30d59053c716eefad2b81cdf196b98900fc29' }, h("div", { key: '0ed82aacdfdc0514eb1bb5e85f6b5db99674e623', class: classes }, h("div", { key: '0369349af430205ee70ff554e3096dc06aca4414', class: "stzh-pagetitle-hero__header" }, h("div", { key: 'd66efddddf34b1143666452b1426d740156a0740', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: '2dae5ea1efadce20515625ad33895e64b5588e5c', name: "back-link" })), h("div", { key: 'f4d060574693a5a8d35d0f3799b0894fbe8809ee', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: 'e378fc1253b8b16701790aec7a923f89a23fa8a1', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: '1725468fd5f484033978494b9f45c397a282fa3e', name: "image" })), h("div", { key: '17272d01d88603ea956cc37ecd31eab96f7b8d23', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: 'b53a4318be9454016eb264f48ebe5105f3643b24', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '43aa94f018df15978fd55abb80bd69f54db410f4', name: "tag" })), h("div", { key: '8a945236d237a7df1a6f21d2df1cca85c5597608', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: 'aff2b1a31f1748f77f010e208b1af5201f9dda04', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: 'bd05d266017e8a005e05e40dd69712f934bb4554', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '52213f8329afeb0e54d96b88bc6e1b5d0868a308', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '4762c61f5560a390d6392f2bc837f4b0ef20e092', name: "lead" }), h("div", { key: '08d534ab271d27f98e442f01199625b773bad07d', class: "stzh-pagetitle-hero__lead-author" }, this.leadAuthor)))));
     }
     static get is() { return "stzh-pagetitle-hero"; }
     static get encapsulation() { return "scoped"; }

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

@@ -90,10 +90,10 @@ export class StzhPagetitleHome {
             "stzh-pagetitle-home--hyphens": this.hyphensEnabled,
             "stzh-pagetitle-home--has-meta": readspeakerSlotUsed,
         };
-        return (h(Host, { key: 'faf2c10cdef0d4706c16aede1d3967ce0a2bffad', "has-image": imageSlotUsed }, h("div", { key: 'b64d06efd5cfa4fa72e7a52b3f0d73b841741208', class: classes }, h("div", { key: 'caedafc6fc12cc0d152d6579d6285a5d3bdf7e43', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: '4d2310af65e887677a4bd14dc319d6d38b0afef5', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '6e55258ce4ef9bdb93a86afefc7a4e858b1cc68c', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: 'b48643edb74b2f4fa32c343c46ad5f24a3dfe0ea', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: '2a3fa090dadfdfba007e2a0a2453df036eaf28ff', name: "image" }))), h("div", { key: '8e0d137679c29a6dc083aa82a9581bef616cab43', class: "stzh-pagetitle-home__container" }, h("div", { key: '497107f523d35b186186e7dd1f000e4544d0461c', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: '3b729d550d0cd9919a26c06ba4ce791747ab56aa', class: "stzh-pagetitle-home__text" }, h("div", { key: '1ea39450590c629753bf5cd7cf65c3fff833af5c', class: "stzh-pagetitle-home__meta" }, h("div", { key: 'cb9aa7f608fb4fe7a4156a8e3d537c6fb68f0c9e', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: 'adf7725e4083f514ebc09ae1ecb9917ea77b4ef5', name: "readspeaker" }))), h("div", { key: '87ba9eab48af52ef5bd7309c7fa3daa0af454bda', class: "stzh-pagetitle-home__heading" }, h("slot", { key: '81dab6b26464fe1430894cf9033fffcd3a3793c5', name: "heading" })), h("div", { key: 'cf03e3aba1e666dec21a4bfc2b8a0172f5e589d6', class: {
+        return (h(Host, { key: '615db35b2dd582755517dbb5d3a142255cff49c1', "has-image": imageSlotUsed }, h("div", { key: '2cb35db472a7ecbf6351777ad6e549f712a051cf', class: classes }, h("div", { key: 'ed2419a60bbd3389c0a94a50fe1353ca841af4ee', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: 'f2c9dbfc22c731469827af30ff9b0771d078f5c1', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: 'd11779b1e262b98b9a6b5fb1f0165cd9ad4f42aa', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: 'da6d7bf142725d4030248c2a9a522cbb7780c0cd', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: 'acde0367c098de0829477f264f510309f41236aa', name: "image" }))), h("div", { key: 'ce9c314b3ef27e60a426bb080a95169729dbf520', class: "stzh-pagetitle-home__container" }, h("div", { key: '53e1543eb32c431786b86166ee6062a28125f4c9', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: 'ae4ab30d8249ec9e0cc96551710225756912ed6d', class: "stzh-pagetitle-home__text" }, h("div", { key: '909b0ad724c40bac2d963f6a8eb3e4da74ee8b9a', class: "stzh-pagetitle-home__meta" }, h("div", { key: '7e723a8ecfc8d49b9ec752ea47d8ae512cfb527c', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: 'e4f836543f4a31533b9fd41f9e58364943cd6240', name: "readspeaker" }))), h("div", { key: '1206bac13642b50cf7accc070a57475c00278eb8', class: "stzh-pagetitle-home__heading" }, h("slot", { key: '02e05f9e49a16aa9a6a44ba322f4492b2ba62692', name: "heading" })), h("div", { key: 'df5c299a574102a9632d018c16b3cd117daa0107', class: {
                 "stzh-pagetitle-home__subheading": true,
                 "stzh-pagetitle-home__subheading--hidden": this.displaySubheading && imageSlotUsed,
-            } }, h("slot", { key: 'ec27213fb6bd067e0f2953422d3ffd419111a438', name: "subheading" }))))))));
+            } }, h("slot", { key: 'aa818fe5edf8bb72c5d57bc2dc6aea8c3d9f320d', name: "subheading" }))))))));
     }
     static get is() { return "stzh-pagetitle-home"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,7 +16,7 @@ const TEMPLATE = `
   <stzh-heading slot="heading" id="anchorContent">Maximus tempor est venenatis</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
   <stzh-text slot="subheading">
-    Eros scelerisque
+  <p>Eros scelerisque</p>
   </stzh-text>
 </stzh-pagetitle-home>
 `;
@@ -30,7 +30,7 @@ const TEMPLATE_WITHOUT_IMAGE = `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Gesundheitsförderung und Prävention</stzh-heading>
   <stzh-text slot="subheading">
-    Eros scelerisque justo maximus tempor est venenatis
+    <p>Eros scelerisque justo maximus tempor est venenatis</p>
   </stzh-text>
 </stzh-pagetitle-home>
 `;

package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class StzhPiContentNavigation {
             "stzh-pi-content-navigation--is-navigation-level-1-or-2": isNavigationLevel1or2,
         };
         const CardLink = this.href ? "a" : "button";
-        return (h(Host, { key: '399314241e8e2f08f57ebcd9442c5353f1d818f1', "has-lead": hasLead }, h("article", { key: 'da0fd8bf88501d00b507b98f2ba9f1ce143baf49', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '2bdfe7c9f9eccc2c9f9998427458cca4df3a83f9', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '710112ac3ed0d7ee51423d7af37140dafe7816fc', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: '9b8b005db9ad12f0dd76e021fa3d3fc6beb7f200', ratio: "2:1" }, h("slot", { key: '42eaf7af99f21ccb88a1e8cf11dad5b3429e308c', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '87bf2afb7914ee21a8993aa3c3bdbf6ffdc52c82', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '24cd8522948426a092f1126e851b8174cb54baf6', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '0f8c0ad83fe65a0f4fa3d2b13e1496a8372b26d0', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '1c8db1e5078892575c7676694095c0f70f6f4da5', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '1e2676d7ce5bc54d545c65047d5ea2592be97e4c', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
+        return (h(Host, { key: '1fcdf6772f6dfc253e6df83effcb61223238e712', "has-lead": hasLead }, h("article", { key: 'b0bfb722b0f3d0bee9522769fa1edd6a56109ef4', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'ce1405ed4f7a74eb373cc2069fde662af7e5cfda', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'c99e39a32446e6b150b6a9b4f3089acbaa24ed5a', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: 'd6a037b474b29d15dfe54f0357616a31fbdfe2b4', ratio: "2:1" }, h("slot", { key: '14127d387d0fd8635bdc8fb2f867af3bd53b53c6', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '1654ab8463e716c491e669d0a7ccde56197dfe54', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '3d4afac6fb942549e64efaa3017b3df955dc5d6f', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '3f7e0862b1e1fc59c8a9532b7aa6d8ad9c2d3cc5', class: "stzh-pi-content-navigation__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" })))), h("div", { key: 'a9b420773192d691851b9709b26a5c493a79c26a', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: 'd4e57b3f7366425ee5a242d9f5db209a5b0a046d', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
     }
     static get is() { return "stzh-pi-content-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-pi-content-navigation.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGvF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C;;;;GAIG;AAMH,MAAM,OAAO,uBAAuB;IALpC;QAmBE,+BAA+B;QACN,oBAAe,GAA0B,GAAG,CAAC;QAEtE,6CAA6C;QACrC,YAAO,GAAW,EAAE,CAAC;QAE7B,oBAAoB;QACZ,iBAAY,GAA0B,GAAG,CAAC;QAElD,4CAA4C;QACpC,SAAI,GAAW,EAAE,CAAC;QAUlB,oBAAe,GAAG,CAAC,aAAyB,EAAE,EAAE;YACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAClB,SAAS,EAAE,4BAA4B;gBACvC,aAAa;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,CAAC;QACL,CAAC,CAAC;~~KAqEH~~;~~IAnEC~~,kBAAkB;QAChB,qBAAqB,CAAC,GAAG,EAAE;;YACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,KAAI,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,CAAA,CAAC;YACxF,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAA,IAAI,CAAC,eAAe,0CAAE,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,CACL,EAAC,OAAO,IAAC,KAAK,EAAC,mCAAmC,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC,IACzF,IAAI,CAAC,OAAO,IAAI,YAAM,IAAI,EAAC,SAAS,GAAQ,CACrC,CACX,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC7D,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACpD,MAAM,qBAAqB,GAAG,IAAI,CAAC,eAAe,KAAK,GAAG,IAAI,IAAI,CAAC,eAAe,KAAK,GAAG,CAAC;QAC3F,MAAM,QAAQ,GAAG,YAAY,IAAI,qBAAqB,CAAC;QACvD,MAAM,sBAAsB,GAAG,qBAAqB,IAAI,CAAC,QAAQ,CAAC;QAElE,MAAM,OAAO,GAAG;YACd,4BAA4B,EAAE,IAAI;YAClC,sCAAsC,EAAE,OAAO;YAC/C,uCAAuC,EAAE,QAAQ;YACjD,wDAAwD,EAAE,qBAAqB;SAChF,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE5C,OAAO,CACL,EAAC,IAAI,iEAAW,OAAO;YACrB,gEAAS,KAAK,EAAE,OAAO,gBAAc,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,UAAU;gBAChE,EAAC,QAAQ,qDACP,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,EAA2C,CAAC,EAC/E,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,eAAe;oBAE7B,4DAAK,KAAK,EAAC,mCAAmC;wBAC5C,mEAAY,KAAK,EAAC,KAAK;4BACrB,6DAAM,IAAI,EAAE,OAAO,GAAS,CACjB,CACT;oBACL,sBAAsB,IAAI,CACzB,4DAAK,KAAK,EAAC,yCAAyC,IAAE,IAAI,CAAC,aAAa,EAAE,CAAO,CAClF;oBACD,4DAAK,KAAK,EAAC,qCAAqC;wBAC7C,CAAC,sBAAsB,IAAI,IAAI,CAAC,aAAa,EAAE;wBAC/C,OAAO,IAAI,CACV,4DAAK,KAAK,EAAC,kCAAkC,~~IAAE~~,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,MAAM,GAAQ,~~CAAO~~,~~CACxG~~,CACG;oBAEN,4DAAK,KAAK,EAAC,mCAAmC;wBAC5C,kEAAW,KAAK,EAAC,wCAAwC,EAAC,IAAI,EAAC,aAAa,GAAa,CACrF,CACG,CACH,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiCardNavigationClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-content-navigation\",\n styleUrl: \"stzh-pi-content-navigation.scss\",\n scoped: true,\n})\nexport class StzhPiContentNavigation {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Content navigation level /\n @Prop({ reflect: true }) navigationLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"1\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n @Element() element: HTMLStzhListElement;\n\n /* Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhPiCardNavigationClickEvent>;\n\n private cardLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-content-navigation\",\n originalEvent,\n href: this.href,\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.heading \|\| this.headingTextElement?.innerText;\n if (objectId) {\n this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n return (\n <Heading class=\"stzh-pi-content-navigation__title\" ref={el => (this.headingTextElement = el)}>\n {this.heading \|\| <slot name=\"heading\"></slot>}\n </Heading>\n );\n }\n\n render() {\n const hasLead = !!this.lead \|\| hasSlot(this.element, \"lead\");\n const hasImageSlot = hasSlot(this.element, \"image\");\n const isNavigationLevel1or2 = this.navigationLevel === \"1\" \|\| this.navigationLevel === \"2\";\n const hasImage = hasImageSlot && isNavigationLevel1or2;\n const shouldRenderTitleRatio = isNavigationLevel1or2 && !hasImage;\n\n const classes = {\n \"stzh-pi-content-navigation\": true,\n \"stzh-pi-content-navigation--has-lead\": hasLead,\n \"stzh-pi-content-navigation--has-image\": hasImage,\n \"stzh-pi-content-navigation--is-navigation-level-1-or-2\": isNavigationLevel1or2,\n };\n\n const CardLink = this.href ? \"a\" : \"button\";\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <CardLink\n ref={el => (this.cardLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-content-navigation__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div class=\"stzh-pi-content-navigation__image\">\n <stzh-ratio ratio=\"2:1\">\n <slot name={\"image\"}></slot>\n </stzh-ratio>\n </div>\n {shouldRenderTitleRatio && (\n <div class=\"stzh-pi-content-navigation__title-ratio\">{this.renderHeading()}</div>\n )}\n <div class=\"stzh-pi-content-navigation__wrapper\">\n {!shouldRenderTitleRatio && this.renderHeading()}\n {hasLead && (\n <div class=\"stzh-pi-content-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n )}\n </div>\n\n <div class=\"stzh-pi-content-navigation__arrow\">\n <stzh-icon class=\"stzh-pi-content-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n </CardLink>\n </article>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-pi-content-navigation.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiCardNavigationClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-content-navigation\",\n styleUrl: \"stzh-pi-content-navigation.scss\",\n scoped: true,\n})\nexport class StzhPiContentNavigation {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Content navigation level /\n @Prop({ reflect: true }) navigationLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"1\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n @Element() element: HTMLStzhListElement;\n\n /* Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhPiCardNavigationClickEvent>;\n\n private cardLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-content-navigation\",\n originalEvent,\n href: this.href,\n });\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.heading \|\| this.headingTextElement?.innerText;\n if (objectId) {\n this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n return (\n <Heading class=\"stzh-pi-content-navigation__title\" ref={el => (this.headingTextElement = el)}>\n {this.heading \|\| <slot name=\"heading\"></slot>}\n </Heading>\n );\n }\n\n render() {\n const hasLead = !!this.lead \|\| hasSlot(this.element, \"lead\");\n const hasImageSlot = hasSlot(this.element, \"image\");\n const isNavigationLevel1or2 = this.navigationLevel === \"1\" \|\| this.navigationLevel === \"2\";\n const hasImage = hasImageSlot && isNavigationLevel1or2;\n const shouldRenderTitleRatio = isNavigationLevel1or2 && !hasImage;\n\n const classes = {\n \"stzh-pi-content-navigation\": true,\n \"stzh-pi-content-navigation--has-lead\": hasLead,\n \"stzh-pi-content-navigation--has-image\": hasImage,\n \"stzh-pi-content-navigation--is-navigation-level-1-or-2\": isNavigationLevel1or2,\n };\n\n const CardLink = this.href ? \"a\" : \"button\";\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <CardLink\n ref={el => (this.cardLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-content-navigation__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div class=\"stzh-pi-content-navigation__image\">\n <stzh-ratio ratio=\"2:1\">\n <slot name={\"image\"}></slot>\n </stzh-ratio>\n </div>\n {shouldRenderTitleRatio && (\n <div class=\"stzh-pi-content-navigation__title-ratio\">{this.renderHeading()}</div>\n )}\n <div class=\"stzh-pi-content-navigation__wrapper\">\n {!shouldRenderTitleRatio && this.renderHeading()}\n {hasLead && (\n <div class=\"stzh-pi-content-navigation__lead\">\n {this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}\n </div>\n )}\n </div>\n\n <div class=\"stzh-pi-content-navigation__arrow\">\n <stzh-icon class=\"stzh-pi-content-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n </CardLink>\n </article>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.stories.js CHANGED Viewed

@@ -8,6 +8,9 @@ const story = createComponentStory(COMPONENT_NAME);
 const TEMPLATE_WITHOUT_IMAGE = `
 <stzh-pi-content-navigation>
+<stzh-clamp lines="3" slot="lead" expand-link-size="default" style="--lines: 3;" class="hydrated" clamped="">
+  <p>Erfahren Sie, was unsere Mitarbeitenden auszeichnet, warum sie sich mit Herzblut und Know-how für ein gutes Leben im Alter einsetzen und was ihren Beruf spannend macht.</p>
+</stzh-clamp>
 </stzh-pi-content-navigation>
 `;

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

@@ -250,7 +250,7 @@ export class StzhPiMenu {
         // Screens medium, large and ultra
         const wideScreens = `${this.entangledMenuSize}px`;
         const menuWidth = this.open ? (this.isMedium ? wideScreens : narrowScreens) : this.isMedium ? wideScreens : closed;
-        return (h(Host, { key: '36015ffafb4adfba9ab41d9b081be708f3f071e8', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '08a861ee169b9081052d26b9754d1c9d338d1832', class: "stzh-pi-menu-positioner" }, h("div", { key: 'a5ba39c2581d951d9737a96dd8a2838bdff0d17c', class: classes, style: { width: menuWidth } }, h("div", { key: 'a3b18bc27e04d54c7d84677d217de0f57ef0acc9', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: 'c0debf902c417ed701766dce5a8aa178acb426d7', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '7e9f51c1ffe00b9e33ed0aa512fb08d030877428', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: 'ad5b9db7571f1de1733ade202b58f59e1db3dabf', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: '8eb0e48a97056f1378d38a916cc44666e3471832', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: '928d39fc8e68fa0cb3d1915f4bcfba0a8ececa45', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'b98f8c01f61c73498e73f3ac1be25e6dad53a60c', class: "stzh-pi-menu__content-inner" }, h("nav", { key: 'fa52a4d2e49c8ef0c42582550e2a099a1062b17d', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: 'd900480dc83c64f5608e753680e1a4e86680db75', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: 'cbcf40c5f8adb102ce64917464402fb1a440b0cb', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: 'ed0a0f4aa3c54ae85d947c6498c8a3ef8f919c66', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: '949b0d4c2ef0e3f00eb6ec3018d1b5eff4093c43', class: "stzh-pi-menu__button-text" }, h("span", { key: '0a9695584bc2088bc22a004616ef7716549300e6', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: '07761cd5b334ac2621f38342c69e450bbbef35b2', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
+        return (h(Host, { key: 'f59980c8aa292bf78da6bf77085799a509de100f', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: 'f2000909d1cf15db086db5c830ff1b4a6561731d', class: "stzh-pi-menu-positioner" }, h("div", { key: '7ebd56f4f27c8e639b790e963b2a6da512d2a5cd', class: classes, style: { width: menuWidth } }, h("div", { key: 'f708129df2dce5d1eeff48457a7ba68cb0b5b467', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '4d14eccd1eacd6b2c45f98f4393d0ea073ec5d82', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '6695c0b957b84b8f3aceeb2c2d723be9b17f688d', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '09969a05944aeb17ad6121aad2fc0c4b64eefb85', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: '750f36b3ff5126b80cf81bd945e24e0e5db5023d', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: '871d2ac9b1a26ac539c9b13d00d6896d77b313fd', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'e85f0ed1d76615ab3b3d3f69dd075aa1f301948a', class: "stzh-pi-menu__content-inner" }, h("nav", { key: 'c258cb4102b4dcd60328b6002ba78380cd514226', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '6f50b9a55b3274d3348f3e5ae6c5d3bbcb622f80', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '46b2241d14386be10b289561ceb49ab86b054cd0', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: '080220e14ea2ce396ba89388f724424b755d8cb5', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: 'de6a5934addbf0f7d1b0a41c5c17c32636863ffa', class: "stzh-pi-menu__button-text" }, h("span", { key: '6ac6bf59013993a226825d6a0fdf3f1cdd5568ec', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: 'bcf4b44e733f44b458b0b3264401e5348a228803', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
     }
     static get is() { return "stzh-pi-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class StzhPiPagetitle {
             "stzh-pi-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,
         };
-        return (h(Host, { key: 'be801802140467c0c1fde3ae8380852f4c45e6dc', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '42cb3a210fd0b3884d5169ab701e954dabc5e6f2', class: classes }, h("div", { key: '194cbd31797b027038a067470e1d5b0a70712246', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '916aa381caa9451b6a176f2cbcba3da5d441412b', class: "stzh-pi-pagetitle__hero" }, h("div", { key: '0542cfcaa836152c9a29e459eae6dbf3b2095e38', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '2f861dd126aa8ae736ff5cbe7171acccbd4c4e66', name: "breadcrumb" })), h("div", { key: 'f83ee185ce58a32d055dee70f1ecf07c808ad8f6', class: "stzh-pi-pagetitle__meta" }, h("div", { key: 'ac00669bebba7e6fa6e0da5c98705116426f8f37', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: '08784f7aea95a2b916dab2420ba4a4b722c82df2', name: "readspeaker" }))), h("div", { key: '09d98ba4b13bcaae28807cda91aba56e2a46f362', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: 'b791558a9cdb9bccc642c36d7da7dc4c0f6373db', name: "dateline" })), h("div", { key: '8b840870ed81b6d37c13b52e46987cb668678f6b', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'c78614e3ea59598728f5e2b2ac617c17ca7ec233', name: "heading" })))), h("div", { key: '71592494b79a2da0bab6650f4411fc5fdcd1717b', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'fd7f085ae465e70b3df95876d805a44a78700ba3', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: '75c454873d81bc373c017eb63d5e50aa3057ebb0', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '96432fc2cbeeab0a44fe148c7802a04a02129c7c', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: 'c2a0660b417bfe0404f58aae94181b4354e71080', name: "menu" })))), hasImageSlot && (h("div", { key: '4629ab0d0bc952066b505126cfe0cf9d162bdf64', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '78be746459f675752b071dc22b10e09965ab489d', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '875a2a4c1b982ca0b57bd609b2966d1947b72c23', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'ee0a242fd2d380fc257cb01b0bd0e82cfb78c319', name: "image" })))))), menuSlotUsed && (h("div", { key: 'e5db467395276bb81658f04794ccd7a0324ca797', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '90812fe611657dce381669cb5f6174c3090fa11f', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '11bd0877dd89366df102deead732a07be6206238', name: "lead" })))))), !menuSlotUsed && (h("div", { key: '0bd135dcc2e2fa917201e4f3160456086bc09b08', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: '535b69e09f973f8a76543e1bdf905e61b59656e8', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '5c73c2b92c14f18765f5b6cb31d13e509f59472c', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '50c21a029ee6fff9029f705dc1b47b242f67bd24', name: "lead" }))))), h("div", { key: 'ca769ba00a8b44ff1a6594c8c986151c6d9c72e5', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: 'e576515aca31ccc7a1c28ca4059d39cf7c1a1adb', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: '8c01435da933f655acdfcbfee254ca5bd3d893c6', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: 'c8b4f6779cd3ba0f74e09d92b102528ed36afb55' }, this.author && h("p", { key: '5d5745969539f33e6749d06e4bc3512556b11a25', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: '33c258edfce42764605d9e427449b9a7cd7752b4', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '3614f399ff0df547065988a234132e9d294833a2', name: "content" })))))));
+        return (h(Host, { key: 'f46da62bbf355635434b3cf9191cd1a5de10239c', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '9a12a7a73f6d3cd06476ade7af053e65de0181a0', class: classes }, h("div", { key: 'dec9aa35b40efb51bb1bfaf679018d0cd806a9bd', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '2a154984dfbdd94b8e3f6bbb2ee35e8b4ad269c6', class: "stzh-pi-pagetitle__hero" }, h("div", { key: 'f088bc2ca767e5acd26f41cdcefa3f6fe24e3291', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: 'b8bfe971cf94130e6385cf5da0afb3ae7ab05a09', name: "breadcrumb" })), h("div", { key: '9fec1691cf0ff47251954809b4542226189192bd', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '90298dfd3905660ba94b5ccca9a5c16b1a8c0bda', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: 'e899f724cce4bbaf576c63a4aa4681cab8b55aa1', name: "readspeaker" }))), h("div", { key: 'ff21745b7d0eb66b36c2e90771ba4b31de899e88', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: 'fde950feb62c82fdb4e101a1138694f2dc552135', name: "dateline" })), h("div", { key: 'efb929aa4345528514b0af23ca2c721119df02a7', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'a3c65bad70588e5f1f28429d254b81ee46bfccac', name: "heading" })))), h("div", { key: '7e3e970bed8e21a212aae2e494f7b6d2f3fd3ca6', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: '4e49b257a9f953f87a7c3d178728be39c6e55861', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: 'e6133250389c46429dc02ef92bf052ba7b44b454', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '6865d2ffd51517ed00e5c27adba5cbe0befd4003', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: '17d0a81dfa2271e1ffb6a9e7c645df4e5464ec28', name: "menu" })))), hasImageSlot && (h("div", { key: 'aafd30ce117fef08d95f193d6371de01d2288f05', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '6fca999c7eb15f93c8a1029b2ee91462ac186614', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '5994121f6b339ce2790b2c4e4ca576e3dd8cef8b', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'b22410646fb82698c97a1ac1b82fbd8d34406a89', name: "image" })))))), menuSlotUsed && (h("div", { key: '884f86d24b9c25f39a26c314315d3648edf671f6', class: "stzh-pi-pagetitle__lead" }, h("div", { key: '46080750113f5416011ba54c4415bdf2c3167186', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: 'a32bf1b11bd78326c78fb85687314310db1857c8', name: "lead" })))))), !menuSlotUsed && (h("div", { key: '508adbcd96b3e9d0a7ef26d97635eb783005aed8', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: 'b13ed47959a7c48d81ca2b8b9bd7bcca9bec74ba', class: "stzh-pi-pagetitle__lead" }, h("div", { key: 'ac362d43d6632f1739d0d1cc413ce20f8d20f4e3', class: "stzh-pi-pagetitle__lead-inner" }, h("slot", { key: '1e805dbef0b024460585156d30fafd8ae2f7990a', name: "lead" }))))), h("div", { key: '947f22c8b39402fcf1d84eb6cf1fd0126e384bcf', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: '2ab74087cc49f188e159a5a131193cd883554a5d', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: 'c0cc042eea5762f81db3f2e23cebfa989439e053', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: '2219e88bfc37e3e606f3ecbba827401f64a1218e' }, this.author && h("p", { key: '477c954c7d50b158c4be4dd6fd16dd1ecd01756d', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: 'c07e85cc0a3cb45f61a216ec6ce676f8a268d5a2', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '0d41216d0a35394f604696ba32e7daf568ef2d7a', name: "content" })))))));
     }
     static get is() { return "stzh-pi-pagetitle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -125,7 +125,7 @@ const TEMPLATE = (args) => `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <stzh-text slot="lead">
-    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
   </stzh-text>
 </stzh-pi-pagetitle>
 `;
@@ -142,8 +142,8 @@ const TEMPLATE_WITH_MENU = (args) => `
   </stzh-readspeaker>
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <stzh-text slot="lead">
-    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
-  </stzh-text>
+    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
+ </stzh-text>
   <stzh-pi-menu heading="Menu" subheading="Impuls Subheading" menu-items='${JSON.stringify(
     piMenuItems
   )}' slot="menu"></stzh-pi-menu>
@@ -163,9 +163,8 @@ const TEMPLATE_WITH_IMAGE = (args) => `
   <stzh-heading slot="heading" id="anchorContent">Lorem ipsum dolor sit amet</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
   <stzh-text slot="lead">
-    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
   </stzh-text>
-  <div slot="lead" ></div>
 </stzh-pi-pagetitle>
 `;
@@ -182,7 +181,7 @@ const TEMPLATE_WITH_IMAGE_AND_MENU = (args) => `
   <stzh-heading slot="heading" id="anchorContent">Steuerpflichtige natürliche Personen der Stadt Zürich</stzh-heading>
   <img slot="image" src="media/images/example.jpg" loading="lazy" alt="Example image" />
   <stzh-text slot="lead">
-    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
+    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
   </stzh-text>
   <stzh-pi-menu heading="Menu" subheading="Impuls Subheading" menu-items='${JSON.stringify(
     piMenuItems

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

@@ -13,7 +13,7 @@ export class StzhPiQuote {
         const classes = {
             "stzh-pi-quote": true,
         };
-        return (h(Host, { key: '7bd0955bfa6f6bd36d4602bb1093a1d8e89df3b4' }, h("div", { key: '38cf6de06830835ab44bef045d900b175ffe974c', class: classes }, h("blockquote", { key: '0f2e37ec295855bb304c088a3bc7b0ae32a63ead', class: "stzh-pi-quote__content" }, h("p", { key: '7ea07d731ae20ee8e29b6b2768e151fe46bc97be', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: '1468daeb78b0b413f2aeca7d06a6d223de47403c', class: "stzh-pi-quote__author" }, this.author)))));
+        return (h(Host, { key: 'c4047d268cc08ebcb427475c44681b6ece37813d' }, h("div", { key: 'afe29f3639e31dd83aba43f9adfbde7f6845ff94', class: classes }, h("blockquote", { key: 'abbc83bc1f3cbd81f9b515ddd289af6058cd7546', class: "stzh-pi-quote__content" }, h("p", { key: 'c764e46228a63b7783d99216591b2acd7168ec4d', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: 'd96ee223a7ca68b12f0ff0c860d8b00a5002a0d7', class: "stzh-pi-quote__author" }, this.author)))));
     }
     static get is() { return "stzh-pi-quote"; }
     static get encapsulation() { return "scoped"; }

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

@@ -71,7 +71,7 @@ export class StzhPiTeaser {
             "stzh-pi-teaser--has-lead": hasLead,
             "stzh-pi-teaser--has-image": hasImageSlot,
         };
-        return (h(Host, { key: '5de62fb3bcf3aa74f23a1ec0bd56adecc6f413a1', "has-lead": hasLead }, h("article", { key: '17e16cf28798e121ae8d18dbaffbd6e01ae14639', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '2fc1a4a1160be1a87f036c1982506f4cc8786a4e', ref: el => (this.cardLinkElement = el), class: "stzh-pi-teaser__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'd8b9d711ba3f3999dd9d863771d6f38543385359', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '0903987a40e33156506c6dc6ef5bcfa0e4a49ed7', ratio: "2:1" }, h("slot", { key: 'acada0d530285e49f8586d07c79bac866bb5b90b', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: 'aee4462b525b2ce52feed146cb853099002d0687', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: 'eee77c4ffb66dd894a9a35292f93cbcd3af7cbd9', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '9b9b63a9514f6881dce296d5ed3dc684babcfe1a', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: 'bf30e0101a9e134caeb9895291dbad426529f71c', class: "stzh-pi-teaser__date" }, this.date))))));
+        return (h(Host, { key: '7390f7e3ea2c03a3ef4eda7510f83fc73aa71bba', "has-lead": hasLead }, h("article", { key: '0548adf4be7ce5e01e9ff2355d2eb683536fc7fb', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'baddbddfb7fc5008fb3fd8217679a0abda852ace', ref: el => (this.cardLinkElement = el), class: "stzh-pi-teaser__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '34a6571ac84f190525d230ec62a66f76d965cf90', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '790089236fcf35c986592946938e5bab1a9d87a5', ratio: "2:1" }, h("slot", { key: 'ffef3cec52fab726574f65eae66f60a626d011dc', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: '0b964ee204053f5f212c0d822273cb3c07cfaf1b', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: 'eb4f6d3d18cd91dba3a689f3ace8c5a174c5dceb', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: 'cc7d0ae8a238111ceac3d5bb2297dc63ea2e99fa', class: "stzh-pi-teaser__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" })), this.date && h("p", { key: '3bee7dcfd652179d0291590a071a6ea2d55b5d81', class: "stzh-pi-teaser__date" }, this.date))))));
     }
     static get is() { return "stzh-pi-teaser"; }
     static get encapsulation() { return "scoped"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-pi-teaser.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"names":[],"mappings":"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~~wBAC1F~~,IAAI,CAAC,IAAI,IAAI,~~4DAAK~~,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,IAAI,~~CAAO~~,~~CAC7D~~,CACG,CACH,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-teaser\",\n styleUrl: \"stzh-pi-teaser.scss\",\n scoped: true,\n})\nexport class StzhPiTeaser {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Dateline /\n @Prop() dateline: string = \"\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n /* Date /\n @Prop() date: string = \"\";\n\n @Element() element: HTMLStzhListElement;\n\n /* Click event (if href is used) /\n @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n private cardLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n private datelineTextElement: HTMLDivElement;\n private wrapperElement: HTMLDivElement;\n private resizeObserver?: ResizeObserver;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-teaser\",\n originalEvent,\n href: this.href,\n });\n };\n\n private setLineAmount = () => {\n if (!this.wrapperElement \|\| !this.headingTextElement \|\| !this.datelineTextElement) return;\n\n const wrapperStyle = getComputedStyle(this.wrapperElement);\n const titleStyle = getComputedStyle(this.headingTextElement);\n\n const paddingTop = parseFloat(wrapperStyle.paddingTop) \|\| 0;\n const paddingBottom = parseFloat(wrapperStyle.paddingBottom) \|\| 0;\n\n const lineHeight = parseFloat(titleStyle.lineHeight);\n const datelineHeight = this.datelineTextElement.offsetHeight;\n const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n const gap = parseFloat(wrapperStyle.rowGap \|\| wrapperStyle.gap) \|\| 0;\n const fitsThreeLines = available >= lineHeight 3 + gap;\n\n this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.headingTextElement?.innerText;\n\n if (objectId) {\n this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(this.setLineAmount);\n this.resizeObserver.observe(this.element);\n this.setLineAmount();\n }\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n return (\n <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n {this.dateline && (\n <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n {this.dateline}\n </p>\n )}\n <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </Heading>\n </div>\n );\n }\n\n render() {\n const hasLead = !!this.lead \|\| hasSlot(this.element, \"lead\");\n const hasImageSlot = hasSlot(this.element, \"image\");\n const shouldRenderTitleRatio = !hasImageSlot;\n const CardLink = this.href ? \"a\" : \"button\";\n const classes = {\n \"stzh-pi-teaser\": true,\n \"stzh-pi-teaser--has-lead\": hasLead,\n \"stzh-pi-teaser--has-image\": hasImageSlot,\n };\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <CardLink\n ref={el => (this.cardLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-teaser__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div class=\"stzh-pi-teaser__image\">\n <stzh-ratio ratio=\"2:1\">\n <slot name={\"image\"}></slot>\n </stzh-ratio>\n </div>\n {shouldRenderTitleRatio && (\n <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n {this.renderHeading()}\n </stzh-ratio>\n )}\n <div class=\"stzh-pi-teaser__wrapper\">\n {!shouldRenderTitleRatio && this.renderHeading()}\n <div class=\"stzh-pi-teaser__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n {this.date && <~~div~~ class=\"stzh-pi-teaser__date\">{this.date}</~~div~~>}\n </div>\n </CardLink>\n </article>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-pi-teaser.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/*\n @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n /\n@Component({\n tag: \"stzh-pi-teaser\",\n styleUrl: \"stzh-pi-teaser.scss\",\n scoped: true,\n})\nexport class StzhPiTeaser {\n /* Href of card /\n @Prop({ reflect: true }) href: string;\n\n /* target if the button is used as link (if href used) /\n @Prop() target: string;\n\n /\n For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n /\n @Prop() analyticsId: string;\n\n /* Dateline /\n @Prop() dateline: string = \"\";\n\n /* Heading (alternative for heading slot) /\n @Prop() heading: string = \"\";\n\n /* Heading level /\n @Prop() headingLevel: \"1\" \| \"2\" \| \"3\" \| \"4\" = \"3\";\n\n /* Lead text (alternative for lead slot) /\n @Prop() lead: string = \"\";\n\n /* Date /\n @Prop() date: string = \"\";\n\n @Element() element: HTMLStzhListElement;\n\n /* Click event (if href is used) /\n @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n private cardLinkElement: HTMLAnchorElement \| HTMLButtonElement;\n private headingTextElement: HTMLDivElement;\n private datelineTextElement: HTMLDivElement;\n private wrapperElement: HTMLDivElement;\n private resizeObserver?: ResizeObserver;\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-pi-teaser\",\n originalEvent,\n href: this.href,\n });\n };\n\n private setLineAmount = () => {\n if (!this.wrapperElement \|\| !this.headingTextElement \|\| !this.datelineTextElement) return;\n\n const wrapperStyle = getComputedStyle(this.wrapperElement);\n const titleStyle = getComputedStyle(this.headingTextElement);\n\n const paddingTop = parseFloat(wrapperStyle.paddingTop) \|\| 0;\n const paddingBottom = parseFloat(wrapperStyle.paddingBottom) \|\| 0;\n\n const lineHeight = parseFloat(titleStyle.lineHeight);\n const datelineHeight = this.datelineTextElement.offsetHeight;\n const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n const gap = parseFloat(wrapperStyle.rowGap \|\| wrapperStyle.gap) \|\| 0;\n const fitsThreeLines = available >= lineHeight 3 + gap;\n\n this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n };\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId \|\| this.headingTextElement?.innerText;\n\n if (objectId) {\n this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n componentDidLoad() {\n this.resizeObserver = new ResizeObserver(this.setLineAmount);\n this.resizeObserver.observe(this.element);\n this.setLineAmount();\n }\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n renderHeading(): DocumentFragment {\n const Heading = `h${this.headingLevel}`;\n return (\n <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n {this.dateline && (\n <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n {this.dateline}\n </p>\n )}\n <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </Heading>\n </div>\n );\n }\n\n render() {\n const hasLead = !!this.lead \|\| hasSlot(this.element, \"lead\");\n const hasImageSlot = hasSlot(this.element, \"image\");\n const shouldRenderTitleRatio = !hasImageSlot;\n const CardLink = this.href ? \"a\" : \"button\";\n const classes = {\n \"stzh-pi-teaser\": true,\n \"stzh-pi-teaser--has-lead\": hasLead,\n \"stzh-pi-teaser--has-image\": hasImageSlot,\n };\n\n return (\n <Host has-lead={hasLead}>\n <article class={classes} aria-label={this.heading} role=\"listitem\">\n <CardLink\n ref={el => (this.cardLinkElement = el as HTMLAnchorElement \| HTMLButtonElement)}\n class=\"stzh-pi-teaser__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.handleCardClick}\n >\n <div class=\"stzh-pi-teaser__image\">\n <stzh-ratio ratio=\"2:1\">\n <slot name={\"image\"}></slot>\n </stzh-ratio>\n </div>\n {shouldRenderTitleRatio && (\n <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n {this.renderHeading()}\n </stzh-ratio>\n )}\n <div class=\"stzh-pi-teaser__wrapper\">\n {!shouldRenderTitleRatio && this.renderHeading()}\n <div class=\"stzh-pi-teaser__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n {this.date && <p class=\"stzh-pi-teaser__date\">{this.date}</p>}\n </div>\n </CardLink>\n </article>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js CHANGED Viewed

@@ -53,7 +53,7 @@ export class StzhPiTeaserLayoutItem {
             "stzh-pi-teaser-layout-item--has-lead": hasLead,
             "stzh-pi-teaser-layout-item--has-image": hasImage,
         };
-        return (h(Host, { key: 'aadd9d30259533a6613854be971113fd45ed3c74', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: 'db650763d9f4ad952908631eb03b173327ba774e', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '40c929dc9c5e0a46480721574336c5ed70208f5a', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '0a2a51a0363eef1c48ba2b658b51eec846810c5c', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '3f7a6190d344c6858aa4d38b2e6ccfb77dfd1e1c', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: 'ea1e11365abacd509f38fb0b302dd0c6d4780211', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: '6c80179e503c030b4021426379abfeb9fafee703', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '1553256b7d58824b81f1503e099a35e4a5d3b3ab', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: 'bc9129024d081f9446c2f34eba375b5435008215', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: '7b317274a7a40ce25150056446e345de91f8b0ce', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
+        return (h(Host, { key: '13d79df994febfd547cd05d35d469420ddf1144b', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: '5d6c133f2d7621222e3057ab332f5cacdcbc35e3', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '819c1daa852719eb3352e04e5bd8cb17d5f432cf', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '504ab79d53e695b08ba27bd127f3be56ccd96d44', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '35db932bfdb0ea36d9b778a1d2ae87839d47bb14', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: 'eb31441a0cd66287fd402ed45ffd1f85845cd74c', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: 'dd14010525e94b66447e2a79b34d400a0b4ccd67', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '2fca42129ae56228fb788e62c865bd978b51b55c', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("p", { key: 'ff44e7c14e79461adea244f9c46884fdb9cc2ff8', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("p", { key: 'e7d37f3a99f83a5bac78ea94ebd443196addac0a', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
     }
     static get is() { return "stzh-pi-teaser-layout-item"; }
     static get encapsulation() { return "scoped"; }