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

@oiz/stzh-components 4.6.0-beta1 → 4.6.0-beta2

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 (948) hide show

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: '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' })))));
+        return (h(Host, { key: 'f726915c77fb50da570f9464c11423e5a8ccd89a' }, h("div", { key: 'd41812115b4a4acde596e6a0ab9f010cbd0a61cb', class: classes }, h("aside", { key: 'c66267f8d7d3cedc013a2ec928ed4c45c03255f8', class: "stzh-pagecontent__aside-left" }, h("div", { key: 'e4e90e268463053ebacfbce8ff4812a737fe7367', class: "stzh-pagecontent__anchornav" }, h("slot", { key: '08a0ca43c98fd32d7ef4585d7dcb5e4720f2865c', name: "anchornav" })), h("slot", { key: 'a423a6bd099c5891ef13aea3ff2ed09703b8b952', name: "aside-left" })), h("div", { key: '1cdcdf7717832b8d55634a4775f6f5ebda741126', class: "stzh-pagecontent__content" }, h("slot", { key: 'a67910955cf2adde8784169a5ff9bb3d3306871a' })))));
     }
     static get is() { return "stzh-pagecontent"; }
     static get encapsulation() { return "scoped"; }

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

@@ -134,7 +134,7 @@ export class StzhPagetitle {
             "stzh-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pagetitle--background-${this.background}`]: !!this.background,
         };
-        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" })))))));
+        return (h(Host, { key: '44f334e63ff5db5a9a1d97e849da679dcc31839b' }, h("div", { key: '30456eb5fd2763ea488a1dafc7b2aee3e0ed4377', class: classes }, h("div", { key: 'f01d7ffba4f3347a13d85be74f41b37daa6bcaec', class: "stzh-pagetitle__container" }, h("div", { key: 'cb24305da741c280db8f91c77e61cbf51a7c1bf8', class: "stzh-pagetitle__wrapper" }, h("div", { key: '37ba4fbeea5c5a05b404cdf7985f8c813bea71a8', class: "stzh-pagetitle__text" }, h("div", { key: '073ba56929ce3463d71050652ea1462c685e27cf', class: "stzh-pagetitle__meta" }, h("div", { key: '2ffd8a096f4b83604499bd7f2ec0d7a854663647', class: "stzh-pagetitle__tag" }, h("slot", { key: 'e46fe24b23852c524aa8022892451835c1ffa798', name: "tag" })), h("div", { key: '9e1427369474667936816c937c05460db2ca9e32', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: '381371798764e856e046768e2e8400e9721bb3b9', name: "readspeaker" }))), this.dateline && h("div", { key: 'd506066275fcd82211fe691d6b679b5ba93afe15', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: '5d9808dd2aebe14646a7b550cca1dcc69e1a61f1', class: "stzh-pagetitle__heading" }, h("slot", { key: 'a466725b4361d869036486ad2ecdb461a53f6be5', name: "heading" })), h("div", { key: '09c87ce1f8caba89b916e122fdb033018040254c', class: "stzh-pagetitle__lead" }, h("slot", { key: 'df1436e56e97f206efa49f846e714db15e56f1b7', name: "lead" }))), h("div", { key: '3481dfdd6294adae1b326882b5b2661548cbfaca', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: 'bfee946466a4e6244ca71f775151929d1a225a4a', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: '5bb505e0c6fb23c54cca77cdd4bb80c96388d6ad', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: 'c45840b576424d1b0a6185f3fb48c3ecf06f5884', name: "image" }))), h("div", { key: '2358fb35eda7fa73e9d0ee107bb9bed919e6297a', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: '89902de8265bc604db44feb9f7e6a1068253c495', 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 CHANGED Viewed

@@ -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: '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)))));
+        return (h(Host, { key: '7131fb3579b554c83ed04bfe3adf7a334cea4a11' }, h("div", { key: 'ae93f4d178c03843cc294dc161b2f86745da9df5', class: classes }, h("div", { key: 'bfc41e3c232ba164871607a2545e767e212998d5', class: "stzh-pagetitle-hero__header" }, h("div", { key: 'b0f8eeff9b5a96b3351d0caa67d9c054486b21be', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: 'f0d6ac1f0ce21887f59a86b3972ed8ca5a5503b2', name: "back-link" })), h("div", { key: '4b1b3be34cb11c0d681ef1b0fde01d32102feb28', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: '4910095f7a2168ee467e366e743d8b345d2a1a03', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: '7ba9ad2669e9c7e2e2107fc0af9794ad712f1dfa', name: "image" })), h("div", { key: '0149cf3acc30fcf1cc9a69893b64256789cbb365', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: '6a333694de2e2afe32b9876495d3f06852f0f458', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: 'a2d242d2e4b05b43430ef358f1284a349750b5d6', name: "tag" })), h("div", { key: 'afddda21b9a8c4582fa9d4ce93bde060767182b1', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: 'b91e3e159a07f765be288379646506e080668a48', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: 'c1a796b7ca15da84d12da31c92c4248e76ad5c55', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '9c58abab4911b1ade0ecf535cd7766113e77dbf9', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '319faf271c067665cfe0101293250cce130bb656', name: "lead" }), h("div", { key: '2afffcdf300dae75622fa3da9cbd671a9a7411d9', 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

@@ -73,7 +73,7 @@ export class StzhPagetitleHome {
             "stzh-pagetitle-home--hyphens": this.hyphensEnabled,
             "stzh-pagetitle-home--has-meta": readspeakerSlotUsed,
         };
-        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" }))))))));
+        return (h(Host, { key: 'a6b5a908d562b6d6f595e92178b884c6c45f46f3', "has-image": imageSlotUsed }, h("div", { key: 'babedc3294a807918c5c8e66aaf9e6a497d0aa19', class: classes }, h("div", { key: 'a91f46ddc54b508eddaef1bd9b961e225f3b29bf', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: '6fdd7ae67e9d3c37ea3b4c5abdbf83900f4ad724', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '85a80d1fc9c2b64fe884deb0ff4783a8875ba882', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: '06016f5efb8b69effaeccd47c672b0bf400bf652', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: '30026bf3cf9fa3542d21163d75e30112296b1333', name: "image" }))), h("div", { key: '266b6330efdc3724a8f4055cf1117d51402b7a6d', class: "stzh-pagetitle-home__container" }, h("div", { key: '2bb3e41d69a23d18d9c75ff79b293ac17b93b49a', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: '570d416be79b7d1b82772c10d07d0a709708f426', class: "stzh-pagetitle-home__text" }, h("div", { key: '04e39163a9bad8ba4ef5385a5f0503a72292d6a0', class: "stzh-pagetitle-home__meta" }, h("div", { key: '6318ed166a9502c9966fd9bc67c6ff764ccf0af1', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: '3f1506b2d98b9ebf56734b77b0426a9cf01c4e50', name: "readspeaker" }))), h("div", { key: '85ae0b1b6aa706aff5f2cff5223b0c737f6723ce', class: "stzh-pagetitle-home__heading" }, h("slot", { key: 'b09c9b60fba35f97c4f481293ae05f849a543646', name: "heading" })), h("div", { key: '024e544ef0657fc490485aff1b745b54f034b070', class: "stzh-pagetitle-home__subheading" }, h("slot", { key: 'c015ffb08dee3ee824a7745743cb66c6e28928b5', 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 CHANGED Viewed

@@ -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: '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" }))))));
+        return (h(Host, { key: '76c5d185c4b95277345a7553e2fb2624b2381c73', "has-lead": hasLead }, h("article", { key: 'c6951fc908a7c16cd6664e74dd895339628c96b4', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'f5124cbc29d5e191d30410d41c21c575dfb0b7f5', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '6ffc74e56bc15e97d56290b67dcad105fe37464d', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: 'd1f29fd45d125151bf697b5a69ea2a804823dc24', ratio: "2:1" }, h("slot", { key: 'cccf70fe733b2a71813fd04fedcf8f8120d47049', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '4f060613a6dc993ffebe15c33752bdb118418e21', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: 'dc35588c012f3fc1736ae8fbb9b5c01f19587db8', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '4157f021b2f12c6f36a3de1d71155704c73689f3', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '2d1949deebd2556d9994df1d8d372aebe44135e7', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: 'd24c8c04a36f75c80c15e7801e65559820a0b587', 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 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: '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" })))));
+        return (h(Host, { key: '19c9245b7898158309b63e3cecbb6322a9494567', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '80bf1fd91b550fcfd4b1894020957f890d67520f', class: "stzh-pi-menu-positioner" }, h("div", { key: '44b07a6af2535d75f2aee4f64edae2f05420774f', class: classes, style: { width: menuWidth } }, h("div", { key: '5ebcdd0b185e4be3b9e86bc7e83ce2087b09dabb', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '075ce52b2106e0df7eac5414a51690b049f982c7', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: 'b1a7f0497f7e973848e8fe4d337d2f7d5b13b28f', 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: '7beb1052c937d6c7a536be8bd92f8cc536cc9018', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: '9901049180363da950c14a75ad44db0360cc4e2f', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: 'd0ebd8482b70224040fcc19a3693026c95e60579', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'fd76f69718f44ca704754e0c5ebed8309ea9f2f4', class: "stzh-pi-menu__content-inner" }, h("nav", { key: 'ebc0138ea3372635a5c2538050dbe235e41735d8', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '778afe5da2ce59a0a72456c44f7be248a097c707', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '6fc94fcfb7a6711928e624f854b77bd5927fc24e', 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: '0347330e191eda5dda471f6e4379b254edc5cab2', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: 'a42ee43aa87c160023605933428c75c0072fe691', class: "stzh-pi-menu__button-text" }, h("span", { key: '53106545d12e49cde15a24706f532bdfd179e8b3', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: 'e638fc640654dc3cb1223a40c34cfc7b8191e19a', 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

@@ -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: '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" })))))));
+        return (h(Host, { key: '7ea11c48b8c57d36a37c2a6d74bbf9a2fc9d904e', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: 'c9d1cc9761d0a35b9fc66baf409813c0af435685', class: classes }, h("div", { key: 'e32cb331b8e6f03381bb8b5ca33af86a992edf26', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '37c4e72c7eb3b4e2ec1a64ace15c4d47b0f6e43a', class: "stzh-pi-pagetitle__hero" }, h("div", { key: 'f285333ba0eff3875613a2b890c36196f99ee12c', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: 'fd81c5e3e49816288ec9d822a86950c5702964a5', name: "breadcrumb" })), h("div", { key: '935d4419958984a2d91ed7db6d37a5beca568598', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '328d4c6994b315da26f3f7470d741cffdbada90d', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: '2ead52ad42dabc733bfa67b3e743bc790c2b50eb', name: "readspeaker" }))), h("div", { key: '4df5e3871f9114a38dccc6739304df280f6cd7d4', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: '4576c4f11268a8081b71a8e776c3527f8cb94571', name: "dateline" })), h("div", { key: '24d4ef15a376d07ad44a95e38ea83e86e3be29cd', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: '5530b2846ff28d8568c6781279d9671ab17e1601', name: "heading" })))), h("div", { key: '9dbfc7fac99bb4b89eef7887296648392e099109', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'ab73e1d6f13e2098309bc03454657e9a9b189f4a', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: '4a28eadc08311050cb0f6a591c01cf91c94dfdc1', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '566cf88bd625035d8060e7de23d1bfaf0858d1f7', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: '837e00551eb0e0208ec9ab979a3cf090af734b5a', name: "menu" })))), imageSlotUsed && (h("div", { key: '2f4be9e6df7f32ca34dff53a225f859905df6339', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: 'c7c913468286788ec37f5be9a03e5c8aa0870b9c', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '0cff56d0e99705c567589db49931ceff94b6ae5f', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'd5288b9554264c8d976188ad61898eaf4ae284ed', name: "image" })))))), menuSlotUsed && (h("div", { key: 'ba77a201bef9d6a44fae462cc30bf0d35a1e74db', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'c388a5a185ff83d98fb1e8400b4ffa6f0693e1bb', name: "lead" }))))), !menuSlotUsed && (h("div", { key: 'f2d78346bce95f3271cb386d3e03bbe0ceba8eac', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: '647bcc87e9fbfb359bc11b7b7b1b080f8a914b78', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: '5c03b625f0282c93c4e32f24996caa0bfd12db78', name: "lead" })))), h("div", { key: '713935d6e3d7ed9ce9ec93fc551e37c820d043e1', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: 'd0103129df581d0b516f74556d26c0487cf17c2e', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: '51b9b85aca3e2158ba29366dcc9497ff24da6781', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: 'd1b26da604f2c60a8ca6d4a321cb113e610fd1c7' }, this.author && h("p", { key: '8fc605d7235b143d4fc6eee854a32ba493b2b8f4', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: '6e9d57f0b109d837b850db8733eb5271af54ef81', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: 'b87768ccb4752a0027585601b121f1948d9d31e4', name: "content" })))))));
     }
     static get is() { return "stzh-pi-pagetitle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhPiQuote {
         const classes = {
             "stzh-pi-quote": true,
         };
-        return (h(Host, { key: '5fd70d77731728318c9b9653b9bdc0796f7fc8a0' }, h("div", { key: '6e142cb6d6d2a4a4f78aa312bdd8c9d4968e959e', class: classes }, h("blockquote", { key: '69dc187d2d494dad5294299456920fd6ec7933c3', class: "stzh-pi-quote__content" }, h("p", { key: '5ae1f9a4d0df0d8285a1769729c419c640b029b1', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: '0c251dc121558bf2ee8bed7a52d118df740eacae', class: "stzh-pi-quote__author" }, this.author)))));
+        return (h(Host, { key: '213692370897716d960e3dfbfa16142c6468bb6a' }, h("div", { key: '6fdc12ea34841aff0da66ff40f58812a94fa516d', class: classes }, h("blockquote", { key: '0b812d842316c3e83c1b44efc9c710bede61bcdd', class: "stzh-pi-quote__content" }, h("p", { key: '89ecfec809044b3cea057a017643ac6b7f04b26b', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: '05f63895d5f308ec94f5528133a6cce6bd00ee66', 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

@@ -46,7 +46,7 @@ export class StzhPiTeaser {
             "stzh-pi-teaser--has-lead": hasLead,
             "stzh-pi-teaser--has-image": hasImageSlot,
         };
-        return (h(Host, { key: 'aadddeb1b286ccdcaad715fb158836c64172859a', "has-lead": hasLead }, h("article", { key: 'f7732f31c853c62786b4f802e77a386aa7300f6b', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '0600c3ba6eaffcfbc2adf7cd6bba047a10f603e2', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '47fedc1ec5622cfb4ef9c2f48ef326f3eeec46b9', ratio: "2:1" }, h("slot", { key: '109a0ef33b7a592e73189db1c822bf41e21c690b', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: 'a635121bff26dd5e8a8f941651be7a02279c9c69', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '97a87ef704edf0808d6e825a9915ce2a7d78037e', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '83568e5e3bf19338ce8b733632a41c92f74adf34', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: '4940a979321c9896c976ae1fe3901810b15e1c00', class: "stzh-pi-teaser__date" }, this.date)))));
+        return (h(Host, { key: 'a70c8996daeb2c0083462ca59fe804c4e85b9b38', "has-lead": hasLead }, h("article", { key: '609aaef998f024efe25cb4a8a927edfdfd849903', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '561364097a5782bcfcb787879ad2e9f3f8008228', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '1a26623c55eac86f1614ecdd2d3fc9fb5251522c', ratio: "2:1" }, h("slot", { key: '41749baf95c3683971cf74d69f769136b222e3dd', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: '6edba9e3e9a365f3b7ef439b6f38138321e167aa', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '113133924dac251e51c3962fe35562cdb2303a6f', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '7ea6d341b3c5f68f6c51e0d0d7f1c7a3831133aa', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: 'e0508125c1ed1e8eb34494976e725645b5d1a269', 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-layout/stzh-pi-teaser-layout.css CHANGED Viewed

@@ -259,22 +259,22 @@
 :host[is-rubrick=true][amount=one] {
   --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1";
   --grid-pi-teaser-layout-rows: 1fr;
-  --min-height: 34.375rem;
+  --min-height: 32.8125rem;
   --max-height: 37.5rem;
 }
 :host[is-rubrick=true][amount=two] {
   --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"
     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2";
   --grid-pi-teaser-layout-rows: 1fr 1fr;
-  --min-height: 68.75rem;
+  --min-height: 65.625rem;
   --max-height: 75rem;
 }
 :host[is-rubrick=true][amount=three] {
   --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"
     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"
     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3";
-  --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.6fr;
-  --min-height: 84.375rem;
+  --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.3fr;
+  --min-height: 75rem;
   --max-height: 87.5rem;
 }
 :host[is-rubrick=true][amount=four] {
@@ -282,17 +282,8 @@
     "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"
     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"
     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4";
-  --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.55fr 0.55fr;
-  --min-height: 103.125rem;
-  --max-height: 103.125rem;
-}
-:host[is-rubrick=true][amount=four] {
-  --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1 t1"
-    "t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2 t2"
-    "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"
-    "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4";
-  --grid-pi-teaser-layout-rows: 1.1fr 1.1fr 0.55fr 0.55fr;
-  --min-height: 103.125rem;
+  --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr;
+  --min-height: 87.5rem;
   --max-height: 103.125rem;
 }
 :host[is-rubrick=true][amount=five] {
@@ -301,8 +292,8 @@
     "t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3 t3"
     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"
     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5";
-  --grid-pi-teaser-layout-rows: 1fr 1fr 0.55fr 0.55fr 0.3fr;
-  --min-height: 112.5rem;
+  --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr 0.3fr;
+  --min-height: 100rem;
   --max-height: 118.75rem;
 }
 :host[is-rubrick=true][amount=six] {
@@ -312,29 +303,29 @@
     "t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4 t4"
     "t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5 t5"
     "t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6 t6";
-  --grid-pi-teaser-layout-rows: 1fr 1fr 0.63fr 0.63fr 0.3fr 0.3fr;
-  --min-height: 137.5rem;
+  --grid-pi-teaser-layout-rows: 1fr 1fr 0.3fr 0.3fr 0.3fr 0.3fr;
+  --min-height: 112.5rem;
   --max-height: 143.75rem;
 }
 @media screen and (min-width: 600px) {
   :host[is-rubrick=true][amount=three] {
-    --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.42fr;
-    --min-height: 84.375rem;
+    --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr;
+    --min-height: 81.25rem;
     --max-height: 87.5rem;
   }
   :host[is-rubrick=true][amount=four] {
-    --grid-pi-teaser-layout-rows: 1.2fr 1.2fr 0.42fr 0.42fr;
-    --min-height: 100rem;
+    --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr;
+    --min-height: 93.75rem;
     --max-height: 106.25rem;
   }
   :host[is-rubrick=true][amount=five] {
-    --grid-pi-teaser-layout-rows: 1fr 1fr 0.42fr 0.42fr 0.26fr;
-    --min-height: 112.5rem;
+    --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr 0.26fr;
+    --min-height: 103.125rem;
     --max-height: 118.75rem;
   }
   :host[is-rubrick=true][amount=six] {
-    --grid-pi-teaser-layout-rows: 1fr 1fr 0.42fr 0.42fr 0.26fr 0.26fr;
-    --min-height: 125rem;
+    --grid-pi-teaser-layout-rows: 0.95fr 0.95fr 0.26fr 0.26fr 0.26fr 0.26fr;
+    --min-height: 112.5rem;
     --max-height: 131.25rem;
   }
 }
@@ -409,38 +400,38 @@
     --grid-pi-teaser-layout-template: "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"
       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4";
     --grid-pi-teaser-layout-rows: 1fr 1fr;
-    --min-height: 43.75rem;
-    --max-height: 50rem;
+    --min-height: 35rem;
+    --max-height: 43.75rem;
   }
   :host[is-rubrick=true][amount=four][has-side=true] {
     --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"
       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"
       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4";
     --grid-pi-teaser-layout-rows: 1fr 0.5fr 0.5fr;
-    --min-height: 81.25rem;
+    --min-height: 75rem;
     --max-height: 81.25rem;
   }
   :host[is-rubrick=true][amount=five] {
     --grid-pi-teaser-layout-template: "t1 t1 t1 t2 t2 t2 t3 t3 t3 t4 t4 t4"
       "t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5";
     --grid-pi-teaser-layout-rows: 1fr 1fr;
-    --min-height: 43.75rem;
-    --max-height: 50rem;
+    --min-height: 35rem;
+    --max-height: 43.75rem;
   }
   :host[is-rubrick=true][amount=five][has-side=true] {
     --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"
       "t3 t3 t3 t3 t3 t3 t4 t4 t4 t4 t4 t4"
       "t3 t3 t3 t3 t3 t3 t5 t5 t5 t5 t5 t5";
     --grid-pi-teaser-layout-rows: 1fr 0.45fr 0.45fr;
-    --min-height: 81.25rem;
+    --min-height: 75rem;
     --max-height: 81.25rem;
   }
   :host[is-rubrick=true][amount=six] {
     --grid-pi-teaser-layout-template: "t1 t1 t1 t2 t2 t2 t3 t3 t3 t5 t5 t5"
       "t1 t1 t1 t2 t2 t2 t4 t4 t4 t6 t6 t6";
     --grid-pi-teaser-layout-rows: 1fr 1fr;
-    --min-height: 43.75rem;
-    --max-height: 50rem;
+    --min-height: 35rem;
+    --max-height: 43.75rem;
   }
   :host[is-rubrick=true][amount=six][has-side=true] {
     --grid-pi-teaser-layout-template: "t1 t1 t1 t1 t1 t1 t2 t2 t2 t2 t2 t2"

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

@@ -87,11 +87,14 @@ export class StzhPiTeaserLayout {
                     case 2:
                         return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "L" : "M";
                     case 3:
+                        if (rubrickSize == RubrickSize.xsmall) {
+                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
+                        }
                         if (rubrickSize == RubrickSize.small) {
                             return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
                         }
                         if (rubrickSize == RubrickSize.medium) {
-                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "L" : "M";
+                            return big ? "L" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
                         }
                         if (rubrickSize == RubrickSize.large) {
                             return big ? "M" : this.isMedium ? sideSize : this.isSmall ? "S" : "XS";
@@ -146,7 +149,10 @@ export class StzhPiTeaserLayout {
                             return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         return big ? lead : this.isMedium ? lead : null;
                     case 4:
@@ -154,22 +160,34 @@ export class StzhPiTeaserLayout {
                             return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.medium) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
-                            return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            if (this.hasSide) {
+                                return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;
+                            }
+                            return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;
                         }
                         return big ? lead : this.isMedium ? lead : null;
                     case 5:
                         if (noImage) {
                             return big ? lead : this.isMedium ? lead : null;
                         }
-                        return null;
+                        if (this.hasSide) {
+                            return null;
+                        }
+                        return big ? lead : this.isMedium ? null : null;
                     case 6:
                         if (noImage) {
                             return big ? lead : this.isMedium ? lead : null;
                         }
-                        return null;
+                        if (this.hasSide) {
+                            return null;
+                        }
+                        return big ? lead : this.isMedium ? null : null;
                 }
             }
             else {
@@ -208,34 +226,43 @@ export class StzhPiTeaserLayout {
                     case 3:
                         if (rubrickSize == RubrickSize.medium) {
                             if (this.hasSide) {
-                                return big ? "top" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
                         }
+                        if (rubrickSize == RubrickSize.large) {
+                            if (this.hasSide) {
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
+                            }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
+                        }
+                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                     case 4:
                         if (rubrickSize == RubrickSize.medium) {
                             if (this.hasSide) {
-                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
                         }
                         if (rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
-                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                                return big ? "right" : this.isMedium ? "top" : this.isSmall ? null : null;
                             }
+                            return big ? null : this.isMedium ? "top" : this.isSmall ? null : null;
                         }
-                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? "right" : "top";
+                        return big ? "top" : this.isMedium ? "top" : this.isSmall ? null : null;
                     case 5:
-                        if (rubrickSize == RubrickSize.medium) {
+                        if (rubrickSize == RubrickSize.medium || rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
                                 return big ? "right" : this.isMedium ? "right" : null;
                             }
-                            return big ? "top" : this.isMedium ? "right" : null;
+                            return big ? null : this.isMedium ? "right" : null;
                         }
                     case 6:
                         if (rubrickSize == RubrickSize.large) {
                             if (this.hasSide) {
                                 return big ? "right" : this.isMedium ? "right" : null;
                             }
-                            return big ? "top" : this.isMedium ? "right" : null;
+                            return big ? null : this.isMedium ? "right" : null;
                         }
                 }
             }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-pi-teaser-layout.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Host, Prop, State } from \"@stencil/core\";\nimport { addMediaChangeListener, media } from \"../../../utils/media-utils\";\nimport { hasSlot } from \"../../../utils/utils\";\nimport { EmptyTeaser, PiTeaser } from \"../../..\";\n\nexport enum RubrickSize {\n xxxsmall = \"one\",\n xxsmall = \"two\",\n xsmall = \"three\",\n small = \"four\",\n medium = \"five\",\n large = \"six\",\n}\n\nconst getRubrickSize = (length: number): RubrickSize => {\n switch (length) {\n case 1:\n return RubrickSize.xxxsmall;\n case 2:\n return RubrickSize.xxsmall;\n case 3:\n return RubrickSize.xsmall;\n case 4:\n return RubrickSize.small;\n case 5:\n return RubrickSize.medium;\n case 6:\n return RubrickSize.large;\n default:\n return null;\n }\n};\n/*\n @slot bottom - Slot for bottom content - like buttons to load more data\n /\n@Component({\n tag: \"stzh-pi-teaser-layout\",\n styleUrl: \"stzh-pi-teaser-layout.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayout {\n /\n Variant specifies which grid is being shown\n /\n @Prop() variant: \"hero\" \| \"rubrick\" = \"hero\";\n\n /\n Aside changes the grid behavior when the layout is presented beside other content aside like menu\n /\n @Prop() hasSide: boolean = false;\n\n /* Heading for the section /\n @Prop() heading: string = \"\";\n\n / Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" = \"3\";\n\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n /\n @Prop() contentList: PiTeaser[] \| EmptyTeaser[] = [];\n\n /* Break points for displays /\n @State() isSmall: boolean;\n @State() isMedium: boolean;\n @State() isLarge: boolean;\n @State() isUltra: boolean;\n\n @Element() element: HTMLStzhPiPagetitleElement;\n\n componentDidLoad() {\n this.mediaChangeHandler();\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n */\n this.contentList = this.contentList.slice(0, 6);\n\n if (this.variant == \"rubrick\" && this.contentList.length < 4) {\n // Always make sure you have at least 4 elements\n if ((this.isLarge \|\| this.isUltra) && !this.hasSide) {\n const paddingNeeded = Math.max(0, 4 - this.contentList.length);\n this.contentList = [...this.contentList, ...Array(paddingNeeded).fill({ type: \"empty-teaser\" })];\n }\n }\n }\n\n private mediaChangeHandler = () => {\n this.isSmall = media(\"small\").matches;\n this.isMedium = media(\"medium\").matches;\n this.isLarge = media(\"large\").matches;\n this.isUltra = media(\"ultra\").matches;\n };\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const isRubrick = this.variant == \"rubrick\";\n const rubrickSize: RubrickSize = getRubrickSize(this.contentList.length);\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-pi-teaser-layout\": true,\n \"stzh-pi-teaser-layout--rubrick\": isRubrick,\n \"stzh-pi-teaser-layout--has-side\": this.hasSide,\n };\n const hasHeading = !!this.heading;\n const bottomSlotUsed = hasSlot(this.element, \"bottom\");\n\n const contentSizeBehavior = (index: number): \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const big = this.isUltra \|\| this.isLarge;\n const sideSize = this.hasSide ? \"M\" : \"L\";\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n case 3:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 4:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n case 6:\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return big ? \"XL\" : this.isMedium ? \"L\" : this.isSmall ? \"L\" : \"M\";\n case 3:\n case 4:\n return big ? \"L\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n case 5:\n case 6:\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n };\n\n const leadBehavior = (lead: string \| null, index: number, imageSrc: string \| null): string \| null => {\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 4:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.medium) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 5:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return null;\n case 6:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return null;\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n case 4:\n if (noImage) {\n return lead;\n }\n if (this.hasSide) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 5:\n case 6:\n return big ? lead : this.isMedium ? lead : null;\n }\n }\n return lead;\n };\n\n const imageBehavior = (imageSrc: string \| null, index: number): \"top\" \| \"right\" \| null => {\n // Image has higher priority than lead\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (noImage) {\n return null;\n }\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n case 4:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n }\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? \"right\" : \"top\";\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? \"top\" : this.isMedium ? \"right\" : null;\n }\n\n case 6:\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? \"top\" : this.isMedium ? \"right\" : null;\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n case 4:\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"right\" : this.isSmall ? \"right\" : \"top\";\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n case 6:\n return big ? null : this.isMedium ? null : this.isSmall ? null : null;\n }\n }\n };\n\n if (!isRubrick && this.contentList.length < 6) {\n return <div>At least add 6 elements for hero</div>;\n }\n\n const teaserClasses = (index: number) => ({\n \"stzh-pi-teaser-layout-teaser\": true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n });\n\n return (\n <Host is-rubrick={isRubrick ? \"true\" : \"false\"} amount={rubrickSize} has-side={this.hasSide ? \"true\" : \"false\"}>\n {hasHeading && (\n <div class=\"stzh-pi-teaser-layout__header-holder\">\n <Heading class=\"stzh-pi-teaser-layout__header\" level={this.headingLevel}>\n {this.heading}\n </Heading>\n </div>\n )}\n <div class={classes}>\n {...this.contentList.map((teaser: PiTeaser \| EmptyTeaser, index) =>\n teaser.type == \"empty-teaser\" ? (\n <div class={teaserClasses(index)} />\n ) : (\n <stzh-pi-teaser-layout-item\n key={index}\n href={teaser.href}\n dateline={teaser.dateline}\n heading={teaser.heading}\n date={teaser.date}\n imageSrc={teaser.imageSrc}\n contentSize={contentSizeBehavior(index + 1)}\n lead={leadBehavior(teaser.lead, index + 1, teaser.imageSrc)}\n imagePosition={imageBehavior(teaser.imageSrc, index + 1)}\n class={teaserClasses(index)}\n />\n ),\n )}\n </div>\n {bottomSlotUsed && (\n <div class=\"stzh-pi-teaser-layout__bottom-slot\">\n <slot name=\"bottom\" />\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"stzh-pi-teaser-layout.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Host, Prop, State } from \"@stencil/core\";\nimport { addMediaChangeListener, media } from \"../../../utils/media-utils\";\nimport { hasSlot } from \"../../../utils/utils\";\nimport { EmptyTeaser, PiTeaser } from \"../../..\";\n\nexport enum RubrickSize {\n xxxsmall = \"one\",\n xxsmall = \"two\",\n xsmall = \"three\",\n small = \"four\",\n medium = \"five\",\n large = \"six\",\n}\n\nconst getRubrickSize = (length: number): RubrickSize => {\n switch (length) {\n case 1:\n return RubrickSize.xxxsmall;\n case 2:\n return RubrickSize.xxsmall;\n case 3:\n return RubrickSize.xsmall;\n case 4:\n return RubrickSize.small;\n case 5:\n return RubrickSize.medium;\n case 6:\n return RubrickSize.large;\n default:\n return null;\n }\n};\n/*\n @slot bottom - Slot for bottom content - like buttons to load more data\n /\n@Component({\n tag: \"stzh-pi-teaser-layout\",\n styleUrl: \"stzh-pi-teaser-layout.scss\",\n scoped: true,\n})\nexport class StzhPiTeaserLayout {\n /\n Variant specifies which grid is being shown\n /\n @Prop() variant: \"hero\" \| \"rubrick\" = \"hero\";\n\n /\n Aside changes the grid behavior when the layout is presented beside other content aside like menu\n /\n @Prop() hasSide: boolean = false;\n\n /* Heading for the section /\n @Prop() heading: string = \"\";\n\n / Heading level, for accessibility, no visual impact /\n @Prop({ reflect: true }) headingLevel: \"1\" \| \"2\" \| \"3\" = \"3\";\n\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n /\n @Prop() contentList: PiTeaser[] \| EmptyTeaser[] = [];\n\n /* Break points for displays /\n @State() isSmall: boolean;\n @State() isMedium: boolean;\n @State() isLarge: boolean;\n @State() isUltra: boolean;\n\n @Element() element: HTMLStzhPiPagetitleElement;\n\n componentDidLoad() {\n this.mediaChangeHandler();\n /\n The Hero variant has 6 teaser items list requirement, if there is more the list will be cut if less an error will be shown.\n The rubrick is either 1,2,3,4,5 or 6 elements big if there is more the list will be cut to 6 if there is less we show an empty div for every empty element.\n */\n this.contentList = this.contentList.slice(0, 6);\n\n if (this.variant == \"rubrick\" && this.contentList.length < 4) {\n // Always make sure you have at least 4 elements\n if ((this.isLarge \|\| this.isUltra) && !this.hasSide) {\n const paddingNeeded = Math.max(0, 4 - this.contentList.length);\n this.contentList = [...this.contentList, ...Array(paddingNeeded).fill({ type: \"empty-teaser\" })];\n }\n }\n }\n\n private mediaChangeHandler = () => {\n this.isSmall = media(\"small\").matches;\n this.isMedium = media(\"medium\").matches;\n this.isLarge = media(\"large\").matches;\n this.isUltra = media(\"ultra\").matches;\n };\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const isRubrick = this.variant == \"rubrick\";\n const rubrickSize: RubrickSize = getRubrickSize(this.contentList.length);\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-pi-teaser-layout\": true,\n \"stzh-pi-teaser-layout--rubrick\": isRubrick,\n \"stzh-pi-teaser-layout--has-side\": this.hasSide,\n };\n const hasHeading = !!this.heading;\n const bottomSlotUsed = hasSlot(this.element, \"bottom\");\n\n const contentSizeBehavior = (index: number): \"XS\" \| \"S\" \| \"M\" \| \"L\" \| \"XL\" => {\n const big = this.isUltra \|\| this.isLarge;\n const sideSize = this.hasSide ? \"M\" : \"L\";\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"L\" : \"M\";\n case 3:\n if (rubrickSize == RubrickSize.xsmall) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 4:\n if (rubrickSize == RubrickSize.small) {\n return big ? \"L\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? sideSize : this.isSmall ? \"S\" : \"XS\";\n }\n case 5:\n if (rubrickSize == RubrickSize.medium) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n case 6:\n if (rubrickSize == RubrickSize.large) {\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return big ? \"XL\" : this.isMedium ? \"L\" : this.isSmall ? \"L\" : \"M\";\n case 3:\n case 4:\n return big ? \"L\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n case 5:\n case 6:\n return big ? \"M\" : this.isMedium ? \"M\" : this.isSmall ? \"S\" : \"XS\";\n }\n }\n };\n\n const leadBehavior = (lead: string \| null, index: number, imageSrc: string \| null): string \| null => {\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 4:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : this.isSmall ? lead : null;\n }\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return this.isUltra ? null : this.isLarge ? null : this.isMedium ? lead : null;\n }\n return this.isUltra ? lead : this.isLarge ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? lead : null;\n case 5:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n if (this.hasSide) {\n return null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 6:\n if (noImage) {\n return big ? lead : this.isMedium ? lead : null;\n }\n if (this.hasSide) {\n return null;\n }\n return big ? lead : this.isMedium ? null : null;\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return lead;\n case 3:\n case 4:\n if (noImage) {\n return lead;\n }\n if (this.hasSide) {\n return big ? lead : this.isMedium ? lead : null;\n }\n return big ? lead : this.isMedium ? null : null;\n case 5:\n case 6:\n return big ? lead : this.isMedium ? lead : null;\n }\n }\n return lead;\n };\n\n const imageBehavior = (imageSrc: string \| null, index: number): \"top\" \| \"right\" \| null => {\n // Image has higher priority than lead\n const big = this.isUltra \|\| this.isLarge;\n const noImage = imageSrc == null \|\| imageSrc == undefined;\n\n if (noImage) {\n return null;\n }\n\n if (isRubrick) {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n }\n\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 4:\n if (rubrickSize == RubrickSize.medium) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n return big ? null : this.isMedium ? \"top\" : this.isSmall ? null : null;\n }\n\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n if (rubrickSize == RubrickSize.medium \|\| rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? null : this.isMedium ? \"right\" : null;\n }\n\n case 6:\n if (rubrickSize == RubrickSize.large) {\n if (this.hasSide) {\n return big ? \"right\" : this.isMedium ? \"right\" : null;\n }\n return big ? null : this.isMedium ? \"right\" : null;\n }\n }\n } else {\n switch (index) {\n case 1:\n case 2:\n return \"top\";\n case 3:\n case 4:\n if (this.hasSide) {\n return big ? \"top\" : this.isMedium ? \"right\" : this.isSmall ? \"right\" : \"top\";\n }\n return big ? \"top\" : this.isMedium ? \"top\" : this.isSmall ? null : null;\n case 5:\n case 6:\n return big ? null : this.isMedium ? null : this.isSmall ? null : null;\n }\n }\n };\n\n if (!isRubrick && this.contentList.length < 6) {\n return <div>At least add 6 elements for hero</div>;\n }\n\n const teaserClasses = (index: number) => ({\n \"stzh-pi-teaser-layout-teaser\": true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}`]: true,\n [`stzh-pi-teaser-layout-teaser--${index + 1}--${rubrickSize}--${this.hasSide ? \"side\" : \"no-side\"}`]: true,\n });\n\n return (\n <Host is-rubrick={isRubrick ? \"true\" : \"false\"} amount={rubrickSize} has-side={this.hasSide ? \"true\" : \"false\"}>\n {hasHeading && (\n <div class=\"stzh-pi-teaser-layout__header-holder\">\n <Heading class=\"stzh-pi-teaser-layout__header\" level={this.headingLevel}>\n {this.heading}\n </Heading>\n </div>\n )}\n <div class={classes}>\n {...this.contentList.map((teaser: PiTeaser \| EmptyTeaser, index) =>\n teaser.type == \"empty-teaser\" ? (\n <div class={teaserClasses(index)} />\n ) : (\n <stzh-pi-teaser-layout-item\n key={index}\n href={teaser.href}\n dateline={teaser.dateline}\n heading={teaser.heading}\n date={teaser.date}\n imageSrc={teaser.imageSrc}\n contentSize={contentSizeBehavior(index + 1)}\n lead={leadBehavior(teaser.lead, index + 1, teaser.imageSrc)}\n imagePosition={imageBehavior(teaser.imageSrc, index + 1)}\n class={teaserClasses(index)}\n />\n ),\n )}\n </div>\n {bottomSlotUsed && (\n <div class=\"stzh-pi-teaser-layout__bottom-slot\">\n <slot name=\"bottom\" />\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

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

@@ -40,7 +40,7 @@ const articlesLong = [
     href: '/sports/championship',
     imageSrc: 'media/images/example2.jpg',
     dateline: 'Sports',
-    heading: 'Real Madrid Wins Champions League Final',
+    heading: 'Real Madrid Wins Champions League Final With A Large Discount To The Price',
     lead: 'A new model developed by MIT is capable of odel developed by MIT is capabl solving complex logic puzzles faster odel developed by MIT is ca new model developed by MIT is capable of odel developed by MIT is capabl pabl than ever before. A new model developed by MIT is capable of solving complex logic puzzles faster than ever before.',
     date: '01.06.2024'
   },
@@ -48,7 +48,7 @@ const articlesLong = [
     href: '/business/markets',
     imageSrc: 'media/images/example2.jpg',
     dateline: 'Markets',
-    heading: 'Global Stocks Rally as Inflation Eases',
+    heading: 'Global Stocks Rally as Inflation Eases With A Large Discount',
     lead: 'A new model developed by MIT is capable of odel developed by MIT is capabl solving complex logic puzzles faster odel developed by MIT is capabl than ever before. A new model new model developed by MIT is capable of odel developed by MIT is capabl  developed by MIT is capable of solving complex logic puzzles faster than ever before.',
     date: '18.04.2024'
   },