@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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

@@ -72,7 +72,7 @@ export class StzhMicrositeTeaserlist {
         const classes = {
             "stzh-microsite-teaserlist": true,
         };
-        return (h(Host, { key: '037ac3c273bd4f15ece3e41a1e2b3f607470429d' }, h("div", { key: '75a12d422b3a13b94bc5f7f18675ea43a73e8c41', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '1b9893a0d1f054d5f4e594772fc3cf3e04d16dfd', "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: 'e1d62163c5d29bb66f28fa1d79f402a2e5863766', 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: 'd118f38950ab4fb6a68b31b0988acf6d86177ae0', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: 'fafcc6bdf5c1047d5f48de45f6d05a42fbd198e8', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
+        return (h(Host, { key: '0f36a5370879333ccf565faa37b44406d061c27b' }, h("div", { key: 'e707b0d75ed7ad895040405243a4b34a394c0287', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: '2b62f7f91604aa72c428644b6dcb1c6f0451ff92', "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: '0e44440b6d3f8e87f96cfb51168150f4c0936f05', 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: '8f0c69df65086857710f1e473050902a0c1fa5bb', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: 'edb1405a4312d0ef9716f09f70a1c9d5889b02a5', 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

@@ -25,7 +25,7 @@ export class StzhPageSkiplinks {
         }
     }
     render() {
-        return (h(Host, { key: '409810be74740c94b493b890d43999a2c4c9b1d6' }, h("div", { key: '90e6ff829f95acaee31fb61e32266737022f36cd', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: '58eec930796c55319ca33753f87a751eda4c368a' }))));
+        return (h(Host, { key: '5046589207deb30c45a78f428eb40b5c5ee32f8d' }, h("div", { key: '8324bdf84d7e0cf527f62755c28f4ab261083c7f', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: '872ab4ccfaf265204cee9972bb514183bd389488' }))));
     }
     static get is() { return "stzh-page-skiplinks"; }
     static get encapsulation() { return "scoped"; }

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

@@ -27,7 +27,7 @@ export class StzhPagebottom {
             "stzh-pagebottom": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '86b219e13a6c85c70e372c828e974bdc65e46008' }, h("div", { key: '20bba21d493d56f2eb5a7939bf3caabbb4dbf32f', class: classes }, h("div", { key: 'e81fc4ef130048b7622c84d079b078a12ef130b5', class: "stzh-pagebottom__wrapper" }, h("div", { key: '9187966337d643df6040607705cbd70555205a15', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: '937f70cb75fc59de9d7d057f4694efd2a0fdc8ce', class: "stzh-pagebottom__print" }, h("stzh-print", { key: '31357b288e32c8948844ba7826641937904bac28' }, h("stzh-button", { key: 'b5077a2e0d80c9423e4a121076313ed9c1672c0b', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: '9e2fef4459e773003ec4ac3493cf9b9905b4c3a4', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: 'eb8d45284496f544c25b900cc77ce1ac204ea719', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: '97d0740070666ef7b6843220e562cdf78ecccff0', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: '5266eb1985d2c8574ca59a9365f971ac877b9f6c', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: '6c5455890be560cac1382688757fe5f9d21dc073', name: "sticky-actions" }))))));
+        return (h(Host, { key: '39fc15c82ea7a0342ae22995c955fb1aa335cf2f' }, h("div", { key: '3a98fdfddf3a7c8ec913e8d043abb3317960a613', class: classes }, h("div", { key: '7d0b419eb9e3c52033f23036acf768676dcbf7d4', class: "stzh-pagebottom__wrapper" }, h("div", { key: '0e226f0e488f5d47777db162f07642343451e051', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: '59d325ef57c910eed0e4d445859a9bb1c5f00b50', class: "stzh-pagebottom__print" }, h("stzh-print", { key: '0b91e400063e68a8a5693801f425cca292daee59' }, h("stzh-button", { key: 'e7318c4b8436589b7a465da53b36a9ba3a9dbc6b', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: '62743d682cc6bbb1c1a29abb3d8d045379ff5a7e', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: '0d02e2741d7ff6733cd66cce07f89a0c21c50d2f', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: '71fe83be58ab15c8cc2140290b2d734a1a6c8431', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: 'ddd86749013107816d852a7bb9ef6ef06f80f5f4', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: 'cd63c9c294c612119748bb25668ef1867354e21b', name: "sticky-actions" }))))));
     }
     static get is() { return "stzh-pagebottom"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: '4d9f85a23cdf707919faf0ca310094e998d9eab3' }, h("div", { key: '229b94d83ac0b07aff14a0c4c8aaecc73bbfbeb1', class: classes }, h("aside", { key: '44b74f2b05773a3fc24366a1d2a4f032b90f111c', class: "stzh-pagecontent__aside-left" }, h("div", { key: 'eca1e7294926c27c021d03cad273a9b3c2962b0d', class: "stzh-pagecontent__anchornav" }, h("slot", { key: 'afa16547566f035323f9032282303585bb2a7fb4', name: "anchornav" })), h("slot", { key: '8b1ac4b7aa2cfe6baf02538bfef73f163c958030', name: "aside-left" })), h("div", { key: '14703cd1bf2a490371046412586ba863ade146c9', class: "stzh-pagecontent__content" }, h("slot", { key: '12ffb5f3807742bbbddd7e70ba94a44e9db91799' })))));
+        return (h(Host, { key: 'e96ce1bc99f2ab5f8f282aec53deaf2908e1f8ba' }, h("div", { key: 'c9a7ca33dbe6a590722a540b9d2bb409fae365ab', class: classes }, h("aside", { key: '1d4f570f023aca62eb5e234261c2184082b66386', class: "stzh-pagecontent__aside-left" }, h("div", { key: 'c7cdda306b9302cb783afa8e065c1f22d1048861', class: "stzh-pagecontent__anchornav" }, h("slot", { key: '9a8c8304c851198acd84f22563a8df02ead9602a', name: "anchornav" })), h("slot", { key: '339ba37df14dacf411362086b38d147e10128047', name: "aside-left" })), h("div", { key: 'a28547b90c50f3149b9725f2129cc791f817f390', class: "stzh-pagecontent__content" }, h("slot", { key: 'deb6bbd7edd0f4749c710ba80a2d4706b8bec795' })))));
     }
     static get is() { return "stzh-pagecontent"; }
     static get encapsulation() { return "scoped"; }

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

@@ -134,7 +134,7 @@ export class StzhPagetitle {
             "stzh-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pagetitle--background-${this.background}`]: !!this.background,
         };
-        return (h(Host, { key: 'dd1dae5e9d6238ffdac9b57bee9028c6ab293a9e' }, h("div", { key: '7692e22c130fb9d768d54c57e56aea0bf5f49e75', class: classes }, h("div", { key: '276b719825766581a9310b2da3f2a8da24fc3ca8', class: "stzh-pagetitle__container" }, h("div", { key: '4edbf3c08ace8896ad635561e564fdfcfe9b0636', class: "stzh-pagetitle__wrapper" }, h("div", { key: 'b0d87b0ff4c587809434424dbe4b5ea820486849', class: "stzh-pagetitle__text" }, h("div", { key: '644c747a9faf9dec771338668bf8b1400ca0f22b', class: "stzh-pagetitle__meta" }, h("div", { key: '308d1af6ca44ed4e529f7b3f2c842c3cc5b433a8', class: "stzh-pagetitle__tag" }, h("slot", { key: '45d323f77a910db3c3333d71a4fca19e9df09de2', name: "tag" })), h("div", { key: '8c5f81a671e670b450efc5c689cba18b4146be34', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: '53ca3e154eba02986ebb6a6243b01cdf211ec8e0', name: "readspeaker" }))), this.dateline && h("div", { key: '4c75ea7565d6d7ace87e4d315c21eaf2afad2ee4', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: 'a26fc81a10690ac96d14dd298a195861001feeb4', class: "stzh-pagetitle__heading" }, h("slot", { key: '187a4b8f2c292263c9176fea2fe421d78f43aeeb', name: "heading" })), h("div", { key: '187da73cdbbc557ad0609f83fee27a982b400d90', class: "stzh-pagetitle__lead" }, h("slot", { key: '0209e7b1c9431237292c7d62db87c95f58f89855', name: "lead" }))), h("div", { key: '8e9b473d1b013b1cef1b0df537612568cf0849e8', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '3d360e87e41d8ad5f8cdd292ca4d6d971af1c3fb', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: '77fe51987394ce4d61e4b809bf3c1ed3e0231dcf', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: '74b4a5695c7fcd3f9dbdd11d2e6eae6f9cd395d6', name: "image" }))), h("div", { key: '70f64853370f205febf986d7b0f405aa5d635371', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: '8e45414bd0ef9b94029098bd2998ea3c6fb0c64d', name: "disturber" })))))));
+        return (h(Host, { key: 'e6398f212eed8534ac80eb764a74ebe35d311620' }, h("div", { key: 'c11ed79faf6349fde988346d754d5a2b905309ae', class: classes }, h("div", { key: '5e98c7aba81ccc1b3490cacacfa55af86a900ff5', class: "stzh-pagetitle__container" }, h("div", { key: 'de34dd84cdb5ada82a19191f4437b66a563ea89c', class: "stzh-pagetitle__wrapper" }, h("div", { key: '6fbf0bb4f0abc036927a0b64504ee5ca74ef6be7', class: "stzh-pagetitle__text" }, h("div", { key: 'b550842ed8723ec0502a8a139afcd5809d02176a', class: "stzh-pagetitle__meta" }, h("div", { key: '81ca34cc8ca8372d05050061493cc76551801e0f', class: "stzh-pagetitle__tag" }, h("slot", { key: '096301436aa8ac1f1377ad85169d8c3e04543fe8', name: "tag" })), h("div", { key: '035ef0ac6f8d40859ea758d0d3831cb28877e5bf', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: '5186a2037e376aabcfdd35b0b1d59458e3605126', name: "readspeaker" }))), this.dateline && h("div", { key: '23e7b45df5b0d607b247a93ea0dda8e0a28885ea', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: '8c6d1f999728d64f92b649a46364b74ee50d6c95', class: "stzh-pagetitle__heading" }, h("slot", { key: '1ac3b98d90c4a11e9e32c6a6b5fe78a2b9c1a0c7', name: "heading" })), h("div", { key: 'fcd54af4d4cab40af4a3dfa7b3f8fb98d6000ecf', class: "stzh-pagetitle__lead" }, h("slot", { key: 'a430bf605d8a66d7fb962bb5a01380053c174451', name: "lead" }))), h("div", { key: '195842563342453fea20960eebcb0af217f5ddac', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '56f5eebb638ece8823e6c73b290f53c84f63015b', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: '9bb742947b00b029f25d24d8930c4fb66fd355a8', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: 'f819b8ee87e9fd6a262ad868e5e94406d632ed15', name: "image" }))), h("div", { key: '8f4d70ee60c6da6689192c30be4dd26e11e3fde5', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: '5d90b3643bc224571d075f7522d048a5e49bbfdc', name: "disturber" })))))));
     }
     static get is() { return "stzh-pagetitle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -84,7 +84,7 @@ export class StzhPagetitleHero {
             "stzh-pagetitle-hero--has-no-lead": !leadSlotUsed,
             "stzh-pagetitle-hero--has-back-link": backLinkSlotUsed,
         };
-        return (h(Host, { key: '4092fdf29e81da467a01ce14169ef0a236fa1e81' }, h("div", { key: 'a3a5fa6f25707cfc669ebc2068c7659b2ede3a75', class: classes }, h("div", { key: '44705be15cd02e32cd63089fec428ca89f274c4e', class: "stzh-pagetitle-hero__header" }, h("div", { key: '3368ece2fcb33a65b43ef1d69cac47bfabacd7a6', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: 'e9a10e3a4ea5f63929e4a5b1a36f5d1a70c00744', name: "back-link" })), h("div", { key: 'c469457f5348d0fbaa824bf440078320e8a32596', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: 'fc53ef3d0dcfde0d119e7027b4d9188b900c751c', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: '9ae6ec6a9935a3aa4ffd8053c18664067d6680cb', name: "image" })), h("div", { key: '0f0f8af4c8f2112e2e6c3b93e21271e827366052', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: '58645c0a1a06a5989dcbcceecff1257bf9f014ff', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '4c6eee91b82a84e6aebbf47bd7579a0ed38aac14', name: "tag" })), h("div", { key: '41d1ef58eab92d23dd56280f366372e1f314ad9d', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: '08158f41da5669da5cee4d65f66022220f7c7304', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: 'fcc6c8049f43836f7ed054225c0f32c50161c19c', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '281ce8413afb63bd550af21b02eeed4337c979f9', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '992301a3e044847bc796daa82ffe749c2e9055d0', name: "lead" }), h("div", { key: 'ffb40b5bf0fc473a8b1c3acdd9fe10c699fd5063', class: "stzh-pagetitle-hero__lead-author" }, this.leadAuthor)))));
+        return (h(Host, { key: '1657d8a33fc183979dae782a391de0615dfbc4ea' }, h("div", { key: '801b6d1369e98f67c208b0be3fa45c1a176e39d6', class: classes }, h("div", { key: '935eac6988b56b44cfec10230c8bf18bf8ab1e31', class: "stzh-pagetitle-hero__header" }, h("div", { key: '5848e215afaaf040201ed738b39aab2a6f07062c', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: '24b64fc4a9a4b29ea6b39f08ca702b7809f1e7d5', name: "back-link" })), h("div", { key: '0ddaa2d333f1caeea92c72c5cebd45d0a3b018a2', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: '2b1400b3453a9a095b97ea3fe98a235d19cd5438', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: 'e183ea5dc1b2a58ac728e2cf53a722178134b666', name: "image" })), h("div", { key: '4cc1a4ae81ed787411bc61dcac181be4d6964cd9', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: 'b6a3bb60c5fdac396380bdcec66371bdd832d69b', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '7006bdba82027e8c87e5284599be85b2ea9eeee9', name: "tag" })), h("div", { key: 'ed97596a9d6efe5efcbae587205abeeaf1250741', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: 'ae7f0e566032dc884cde9cfd0952f6604e390fe9', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: '79de06597cdd88a0dc71551293a4a42efbe0a68e', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '964ca1ab5ab1605759fbcc8a7a7267f70d570a16', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '669bb2abe3cd5afafe31047ae0642c7ea7f6b33c', name: "lead" }), h("div", { key: '67404442468b2d4a599409fa43271068e958b55f', 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

@@ -73,7 +73,7 @@ export class StzhPagetitleHome {
             "stzh-pagetitle-home--hyphens": this.hyphensEnabled,
             "stzh-pagetitle-home--has-meta": readspeakerSlotUsed,
         };
-        return (h(Host, { key: 'b638d153bcfb7b4fe87b87b29d7320583775bd46', "has-image": imageSlotUsed }, h("div", { key: '68999d5a6d6ec3470b2d7b90fa7240fb101f8972', class: classes }, h("div", { key: '01da18fe59c497bd145f9d6db14334fc518f9063', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: '058edc2961c2f6f186711bdb0904d1998eb0e990', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '925bbfc859262fd6d2ff3ab2130d1e3d82f85b44', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: '6b26d4baaa957d85f8ff20d62380a18734fbbc6a', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: '70101199a9e82da6a40dd921a7d961f82b1eb764', name: "image" }))), h("div", { key: 'b0110b6de4093b9f62993ccbf3fcea7adbaf23d9', class: "stzh-pagetitle-home__container" }, h("div", { key: '13050ea6e6d918ef44cf8a9aa7168d9b5619cace', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: 'c324c43fe755b7716d11b1734304656c464f2f50', class: "stzh-pagetitle-home__text" }, h("div", { key: '8368115a3c0629aec8ba5b427aac8fe1b11de5da', class: "stzh-pagetitle-home__meta" }, h("div", { key: 'b03e94e3011103f27a3344e08d0889b2a8f3beba', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: '693a60c6dab6698c2ff8c526e8635c2c7b69d371', name: "readspeaker" }))), h("div", { key: 'a4b9dcf0f9f62b21d5077cb070baeefe98a79613', class: "stzh-pagetitle-home__heading" }, h("slot", { key: '42b95509e25a8496ebb19f6e20d48526dc981a41', name: "heading" })), h("div", { key: '9f115338a44493e71aab896f8610962e139cda0e', class: "stzh-pagetitle-home__subheading" }, h("slot", { key: '298604d1fce9000561b0aeac82fa13e84700821f', name: "subheading" }))))))));
+        return (h(Host, { key: '411e43b873355f6833302d3f5c4634656d07674f', "has-image": imageSlotUsed }, h("div", { key: '9ad919e56bffd1e94aae92ef51f9c1fe3b6f9baf', class: classes }, h("div", { key: 'f190aa80becf5e7d4da05629e141341f5487d32b', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: 'e45711502cef5fa846f3d23f3e6f8294a961d8b2', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '4d85c6a810e68f9b4cee772c6dcc39f38d028d5f', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: '6ba98cd456027bd4d149d4b5b00ba5d2ba959c0f', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: '4a007d005c3daa04819fb460b8add30a08be6e6c', name: "image" }))), h("div", { key: '48b3c611569615b7c426246ef6c5563fb81f346a', class: "stzh-pagetitle-home__container" }, h("div", { key: 'fee8d4b5883efd42f1b5f2d8da8d8d2345e1ecb0', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: '94fdb6c4dc4896572899fd322d85c62fab62441f', class: "stzh-pagetitle-home__text" }, h("div", { key: '6a19a90f9a5265aa920a0bfd4dfa857456a0514c', class: "stzh-pagetitle-home__meta" }, h("div", { key: '117fe57cb0a394ea68123ddb8a2e8758739667e4', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: 'e851ae904e772763342e5511b3c5c9fd05655cf5', name: "readspeaker" }))), h("div", { key: '8144c982a635ce17edd77f285842ec958cca80d8', class: "stzh-pagetitle-home__heading" }, h("slot", { key: '241266cbb89558ef831725c518ff9d28dcc2058d', name: "heading" })), h("div", { key: 'e0e9cc3e78d2ccc635283eae26867b9002c1a64e', class: "stzh-pagetitle-home__subheading" }, h("slot", { key: '21a58fe263656bc417fe254de48474d47e774227', name: "subheading" }))))))));
     }
     static get is() { return "stzh-pagetitle-home"; }
     static get encapsulation() { return "scoped"; }

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

@@ -48,7 +48,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: 'c42abe95e0d73723d1f0cf2aa751973a5a583c62', "has-lead": hasLead }, h("article", { key: '879c274c2073ea1ce0c5b6017233b610365d7aa2', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '8332f0c407d0c69d8c063ab1667a6c1465993925', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'aeb3927354ce525cbe6edee3ae7226409de22a7e', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: 'da9d6a69d53465d9171c7c6ab0e96bd1dc985024', ratio: "2:1" }, h("slot", { key: 'dfd6406a810fd11a13bc0f2670df982e33096103', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '4399f9261a7546906257c928c511aeac337feda2', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: 'cc0310c4e4ba422fc5f7a171206aa7902bea2052', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '0de77793c29c75685a56e073b15ff5b2b84321e9', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '6d5307769334e8f1da198b5d375a4141aae31b2a', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '89a95c1f263261738f1578db407e9121f3807775', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
+        return (h(Host, { key: '0a16919e13de81aa15deb81d4162461bc797686d', "has-lead": hasLead }, h("article", { key: '546ab726feeb9c83537035fadb527653736a9883', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'f70c9644e16f1e6ec267000151c0a0f1b6f3ec78', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'd4b40a0c8bc2dd10832ee93c17706a0a449ca7a5', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: '61f8e77a448c9bc15ffeb684c7fa6d209223f935', ratio: "2:1" }, h("slot", { key: 'b35984bd914f3a7eaaf75d11e57a125f50097a4f', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '787bbc48bafb804de5202715d1eb520599c90061', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '2e5d9234f52eccf7dffa868b00c0a8bfcd337d62', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: 'c3be66d778cf8d7e84c385c778c9ea638b4d5756', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '5785a3fda4de2dd49ef6151ed9383b2ec00109a2', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '0790cce9f6da093c7fd2e1614afe1c5b4e679da2', 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-menu/stzh-pi-menu.js

@@ -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: '8d814a8e0e79688c18cf252a97027944664eaeee', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: 'e4048c92028b18c3a6e2bd0a33200b80cbf63bef', class: "stzh-pi-menu-positioner" }, h("div", { key: '58cba2e20480c28bea85e7268370aeb686785f2f', class: classes, style: { width: menuWidth } }, h("div", { key: '427a08f026aa5f274e6358e44e21d01754c88322', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '9e3b71a442ad935930fa47961dfcce387220dd27', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '76e742716dc800c260ad509413efa3abcf2b7b1c', 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: 'd907834e673e9838d75120b239f3bba9574cbf43', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: 'a0aee001981739d866c75673f4e9739b299aa9f9', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: 'f48db0525c4aa919af26b0b102e187b0fba12175', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: '7d601e993e68d909bada6b7f73690b4b544d5f94', class: "stzh-pi-menu__content-inner" }, h("nav", { key: '16f78af2613d5d627ae425012e8ace36788d9c37', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '861ad618e88385525ce7455e3c3c3eeeb085ca97', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '3c57f05aa34ab8c0900c41f61beba7ad28dca17e', 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: 'fb870cbd1098cab33cdcd3a641146cd591bde3bc', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: 'f4073640a70396980e8d3a3305dbd58858cc7ead', class: "stzh-pi-menu__button-text" }, h("span", { key: '90c703747d6ac6fb8849bfb207a2c1fffe660cf5', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: '21cdf06321e37b291f4c32fda90c75b86d918ffe', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
+        return (h(Host, { key: '57045684e2f4a2ad5559d0a531b77d1bb3e13fcc', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '42c42aa79045f7df2899fe837fee2f447a67d99b', class: "stzh-pi-menu-positioner" }, h("div", { key: 'dcb487d0a8c093aa51403b204e33ad5a4d89682f', class: classes, style: { width: menuWidth } }, h("div", { key: '49bd807628e73a723b2a6ff2088f30315eee2131', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: 'b85e45447c9ea90347107a8dbca3c925aa5c2315', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: '42082f63ea72df85dd0d196383a4c9407b28caeb', 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: '64717628f0b735ebd05447efd2880f2c30d2b190', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: 'b727aef4cfd5bfffd7d8332d214db3062e6b85c7', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: 'fd1eb0ba81ab4853f7404777aab058280227f6e3', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: '684f545d9e82648acc98013ad52012eda80126de', class: "stzh-pi-menu__content-inner" }, h("nav", { key: '69d4e538668cd30c89b7b5054de0ecacb3f94d14', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '325c29a8d6b209ea46ca2c42eae6ba21386d8163', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: 'e96fc4a6d795f42f7de769caa7503b312450c5e4', 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: 'a796b83c07871db48cdb79cf57f33fc45c463442', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: 'be9e79e611839893454186a68a384c887d8fdd5f', class: "stzh-pi-menu__button-text" }, h("span", { key: '24d7d0ad3f41dd70e887bff7e1d50a6297e8e369', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: 'a8a0ef3058c5b26000c6edfc68f2935c578058df', 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

@@ -64,7 +64,7 @@ export class StzhPiPagetitle {
             "stzh-pi-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,
         };
-        return (h(Host, { key: 'bc1447bd906371534607883029d0fdafaac84865', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '2976ef10ec0a80e25447a706948df5e83bce96e4', class: classes }, h("div", { key: 'a643484b32794710eb3209eb30a464f2e6abd4f5', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: 'c7fb03253283621f30d744fd7b42bf88a7650aa7', class: "stzh-pi-pagetitle__hero" }, h("div", { key: '276a214f03d357f18601abb6573fd99fd492a89a', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '1406af1abed10f1d4f19a25ca4889fd09a5dd594', name: "breadcrumb" })), h("div", { key: 'c02fd00abc4bb83333a392bcb6594e31a45e4733', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '323c574c1b38891b9aea152fc0fde085ce645189', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: '023779d61f0f1726c7740726a5d5ad96db24837a', name: "readspeaker" }))), h("div", { key: 'a04c33680ba7bec7cd34b7e11d14e2761f75cf1e', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: '242c2ba331c2bd373970d3a36225acfa7ce55ca8', name: "dateline" })), h("div", { key: '2e4ea0b21f4ff9479b9a6c4ada9a355283fe3847', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'bd4a74fbc65b05564abf7a0b88eee4c2ca523dbd', name: "heading" })))), h("div", { key: 'ee24ff47efc29d6fe1345ef7bfd08c697ccdcebb', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'db6cb2a05c58b1189832d350160e943c4fb228a9', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: 'bae5a9d6aa541bbd8c978b550f22bbecf92caab2', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '64614f49e06acaa037f233a4b4361f5d0618f950', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: 'dbc9294e0a1ed5d65e2998aa1c956fed8355bf0b', name: "menu" })))), imageSlotUsed && (h("div", { key: '46cc40114e3d085f261e1244b2efe64fdc73073e', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '2448c75b847ab9f4729aba5681c30bac615c6f9f', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '01dcebc68d01b849f86073885564df8fb1ffdfcb', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: '2b668c52975933f2294e6f3c87bcae85219d6044', name: "image" })))))), menuSlotUsed && (h("div", { key: 'a989167bc3a76e160b5cde9c06871948b65d0042', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'bae28bb8353549eb9c4b4b9b3ce65aae911f07ca', name: "lead" }))))), !menuSlotUsed && (h("div", { key: '47657439842999b021bc4158c19b755f21ae8752', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: '5358eb381605b433ffd56793bd719ff3d1be9746', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: '09dd20699f06cd5a77356f00d6db001264596f7c', name: "lead" })))), hasArticleInfo && (h("div", { key: '6087fc056609840d8f1ee629379c8da77440d035', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: 'ba08bb1cc82b8b13fb385a5b823ccf45d43c4252', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: '1158c090072dc2090273d967e7bf2aaa22610272', class: "stzh-pi-pagetitle__article-info-holder" }, this.author && h("p", { key: 'd7bb67b16ad7404da9cb1b49df4921a681638fd1', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: '615e3defa175315b194e2ebe8333f6d856327b24', class: "stzh-pi-pagetitle__date" }, this.date), h("slot", { key: '413b9e6f73c14b62ba6d752e644e0f928be4d7ca', name: "content" }))))))));
+        return (h(Host, { key: '517553d8fc2eccd4e392639972efd195cc13b82c', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: '2c9b74f7594d4369ae717f3a0aa6221737818e37', class: classes }, h("div", { key: '6dbb9e4c7ef4125ef23884373700ca5510d5e2dc', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '7d6590d75609755b9945181590a58e841ccb6a5d', class: "stzh-pi-pagetitle__hero" }, h("div", { key: 'efbac24ba586ef740b3fd012b653dacd571f8f87', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '49ffdf90794fee13ac4098a7b7ab9ffffa022a00', name: "breadcrumb" })), h("div", { key: '87b59eafb444a76e740931ef533a17ef3dc7b378', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '023f4c2a17340475e9a1bb99e5f9a7255b974cb2', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: 'f0f935fd4145be184f001899228e77d2d758e7a3', name: "readspeaker" }))), h("div", { key: '5b2800adf6b2e29621c5e0071daf3c6ead61f85c', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: 'e2b975fec524d79b1703c16bbdf59ca542173fec', name: "dateline" })), h("div", { key: 'f716648deb81197cb86ec57e153ef9533de7c739', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: '29c5e4ef9226d7d5733c33d12232fee33f8044ae', name: "heading" })))), h("div", { key: 'd31ba15572bed4af76cd98acfef77998c297e805', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: '3b77bd8ecbdf2a9e8ba57a2f43df4e67893f9c6f', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: 'b31a688785c6ff74d414602e13240d7aca264f58', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: 'f9023fc9c4a64a7a618e95b646185a9a03e0b101', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: 'e9cf0a9658c999a5e4f8e1706976308e091f9e2a', name: "menu" })))), imageSlotUsed && (h("div", { key: '563ec8906f9a1829b3795ec4fa1d808e7bb1982e', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: 'f5608867a4849f00a22671b3e533259fec06e06f', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: 'd8026fe3433a8f59a43a874b9e64dfcf74fda574', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'bc44a468ece509db858af815781cc9950b79cec9', name: "image" })))))), menuSlotUsed && (h("div", { key: '6c0268e26dd4462b28b41b234b8998c6cc4ebb7a', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'dd88416348dde4e1a748f2bc842941c0bb1b17aa', name: "lead" }))))), !menuSlotUsed && (h("div", { key: '159cd4cc09defa62f7c926ba4d71d43762e7d682', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: 'a35c3f7341e49762fc86d9dde3055b89677dd919', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: '559b60a5f60a8b0fdf6f7f5b9c221924ec932acf', name: "lead" })))), h("div", { key: '81477ae7580ee075a57395bced4f525a472d2680', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: '1e232da206f1fd05ea3fa28d85d1c773d17d2b6e', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: 'e097552cd246d1064cb9f9b307f45ef1bfde834d', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: '11a170814162133727a85f9d3daf79499d0612e6' }, this.author && h("p", { key: 'a50c86bd6d4c336aeed4a77990be0854aa0fa869', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: '8b3c06a346f10e06c9c6e969899b0f5db75aa172', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '1616edd716b2161e4ed69a31fc8c0f84ba93b7e8', 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-pi-pagetitle.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n  tag: \"stzh-pi-pagetitle\",\n  styleUrl: \"stzh-pi-pagetitle.scss\",\n  scoped: true,\n})\nexport class StzhPiPagetitle {\n  /** Level */\n  @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  /** Author of the content */\n  @Prop({ reflect: true }) author: string = \"\";\n\n  /** Date of the content */\n  @Prop({ reflect: true }) date: string = \"\";\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"hero\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    leads.forEach(lead => {\n      setPropsIfNull(lead, {\n        lead: true,\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n    const menuSlotUsed = hasSlot(this.element, \"menu\");\n    const hasArticleInfo = !!this.author || !!this.date;\n\n    const classes = {\n      \"stzh-pi-pagetitle\": true,\n      \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n      \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n      \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n      \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n      \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n      \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n      \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n      [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n    };\n\n    return (\n      <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n        <div class={classes}>\n          <div class=\"stzh-pi-pagetitle__hero-container\">\n            <div class=\"stzh-pi-pagetitle__hero\">\n              <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n                <slot name=\"breadcrumb\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__meta\">\n                <div class=\"stzh-pi-pagetitle__readspeaker\">\n                  <slot name=\"readspeaker\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__dateline\">\n                <slot name=\"dateline\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__heading\">\n                <slot name=\"heading\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n            <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n              <div class=\"stzh-pi-pagetitle__menu\">\n                {menuSlotUsed && (\n                  <div class=\"stzh-pi-pagetitle__menu-inner\">\n                    <slot name=\"menu\"></slot>\n                  </div>\n                )}\n              </div>\n\n              {imageSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__image\">\n                  {[1, 2].indexOf(this.level) > -1 && (\n                    <div class=\"stzh-pi-pagetitle__image-wrapper\">\n                      <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n                        <slot name={\"image\"}></slot>\n                      </stzh-ratio>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {menuSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__lead\">\n                  <slot name=\"lead\"></slot>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {!menuSlotUsed && (\n            <div class=\"stzh-pi-pagetitle__lead-container\">\n              <div class=\"stzh-pi-pagetitle__lead\">\n                <slot name=\"lead\"></slot>\n              </div>\n            </div>\n          )}\n\n          {hasArticleInfo && (\n            <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n              <div class=\"stzh-pi-pagetitle__article-info\">\n                <div class=\"stzh-pi-pagetitle__article-info-holder\">\n                  {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n                  {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n\n                  <slot name=\"content\" />\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-pi-pagetitle.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n  tag: \"stzh-pi-pagetitle\",\n  styleUrl: \"stzh-pi-pagetitle.scss\",\n  scoped: true,\n})\nexport class StzhPiPagetitle {\n  /** Level */\n  @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  /** Author of the content */\n  @Prop({ reflect: true }) author: string = \"\";\n\n  /** Date of the content */\n  @Prop({ reflect: true }) date: string = \"\";\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"hero\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    leads.forEach(lead => {\n      setPropsIfNull(lead, {\n        lead: true,\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n    const menuSlotUsed = hasSlot(this.element, \"menu\");\n    const hasArticleInfo = !!this.author || !!this.date;\n\n    const classes = {\n      \"stzh-pi-pagetitle\": true,\n      \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n      \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n      \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n      \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n      \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n      \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n      \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n      [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n    };\n\n    return (\n      <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n        <div class={classes}>\n          <div class=\"stzh-pi-pagetitle__hero-container\">\n            <div class=\"stzh-pi-pagetitle__hero\">\n              <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n                <slot name=\"breadcrumb\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__meta\">\n                <div class=\"stzh-pi-pagetitle__readspeaker\">\n                  <slot name=\"readspeaker\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__dateline\">\n                <slot name=\"dateline\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__heading\">\n                <slot name=\"heading\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n            <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n              <div class=\"stzh-pi-pagetitle__menu\">\n                {menuSlotUsed && (\n                  <div class=\"stzh-pi-pagetitle__menu-inner\">\n                    <slot name=\"menu\"></slot>\n                  </div>\n                )}\n              </div>\n\n              {imageSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__image\">\n                  {[1, 2].indexOf(this.level) > -1 && (\n                    <div class=\"stzh-pi-pagetitle__image-wrapper\">\n                      <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n                        <slot name={\"image\"}></slot>\n                      </stzh-ratio>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {menuSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__lead\">\n                  <slot name=\"lead\"></slot>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {!menuSlotUsed && (\n            <div class=\"stzh-pi-pagetitle__lead-container\">\n              <div class=\"stzh-pi-pagetitle__lead\">\n                <slot name=\"lead\"></slot>\n              </div>\n            </div>\n          )}\n\n          <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n            <div class=\"stzh-pi-pagetitle__article-info\">\n              <div class=\"stzh-pi-pagetitle__article-info-holder\">\n                {hasArticleInfo && (\n                  <div>\n                    {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n                    {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n                  </div>\n                )}\n                <slot name=\"content\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -114,8 +114,9 @@ const piMenuItems = [
   }
 ];
 
-const TEMPLATE = `
+const TEMPLATE = (args) => `
 <stzh-pi-pagetitle author="Firstname Lastname" date="27.03.2027">
+<div slot="content">${args.content}</div>
   <stzh-breadcrumb items='${JSON.stringify(breadcrumbItems)}' slot="breadcrumb"></stzh-breadcrumb>
   <stzh-text slot="dateline">Spitzmarke Dateline</stzh-text>
   <stzh-readspeaker slot="readspeaker" href="https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html">
@@ -130,8 +131,9 @@ const TEMPLATE = `
 </stzh-pi-pagetitle>
 `;
 
-const TEMPLATE_WITH_MENU = `
+const TEMPLATE_WITH_MENU = (args) => `
 <stzh-pi-pagetitle author="Firstname Lastname" date="27.03.2027">
+<div slot="content">${args.content}</div>
   <stzh-breadcrumb items='${JSON.stringify(breadcrumbItems)}' slot="breadcrumb"></stzh-breadcrumb>
   <stzh-text slot="dateline">Spitzmarke Dateline</stzh-text>
   <stzh-readspeaker slot="readspeaker" href="https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html">
@@ -149,8 +151,9 @@ const TEMPLATE_WITH_MENU = `
 </stzh-pi-pagetitle>
 `;
 
-const TEMPLATE_WITH_IMAGE = `
+const TEMPLATE_WITH_IMAGE = (args) => `
 <stzh-pi-pagetitle author="Firstname Lastname" date="27.03.2027">
+<div slot="content">${args.content}</div>
   <stzh-breadcrumb items='${JSON.stringify(breadcrumbItems)}' slot="breadcrumb"></stzh-breadcrumb>
   <stzh-text slot="dateline">Spitzmarke Dateline</stzh-text>
   <stzh-readspeaker slot="readspeaker" href="https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html">
@@ -168,7 +171,7 @@ const TEMPLATE_WITH_IMAGE = `
 `;
 
 const TEMPLATE_WITH_IMAGE_AND_MENU = (args) => `
-<stzh-pi-pagetitle author="Firstname Lastname" date="27.03.2027">
+<stzh-pi-pagetitle >
   <div slot="content">${args.content}</div>
   <stzh-breadcrumb items='${JSON.stringify(breadcrumbItems)}' slot="breadcrumb"></stzh-breadcrumb>
   <stzh-text slot="dateline">Spitzmarke Dateline</stzh-text>
@@ -211,23 +214,29 @@ export default {
 };
 
 export const Default = {
-  render: (args) => story(args, TEMPLATE),
-  args: {}
+  render: (args) => story(args, TEMPLATE(args)),
+  args: {
+    content: `<p>Template - content</p>`
+  }
 };
 
 export const WithImage = {
-  render: (args) => story(args, TEMPLATE_WITH_IMAGE),
-  args: {}
+  render: (args) => story(args, TEMPLATE_WITH_IMAGE(args)),
+  args: {
+    content: `<p>Template with image - content</p>`
+  }
 };
 
 export const WithMenu = {
-  render: (args) => story(args, TEMPLATE_WITH_MENU),
-  args: {}
+  render: (args) => story(args, TEMPLATE_WITH_MENU(args)),
+  args: {
+    content: `<p>Template with menu - content</p>`
+  }
 };
 
 export const WithImageAndMenu = {
   render: (args) => story(args, TEMPLATE_WITH_IMAGE_AND_MENU(args)),
   args: {
-    content: `<p>Hey</p>`
+    content: `<p>Template with image and menu - content</p>`
   }
 };