@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/collection/components/stzh-appointments/stzh-appointments.stories.js

@@ -55,93 +55,93 @@ export default {
 const appointments = [
   {
     value: 'appointment1',
-    start: '2022-01-10T07:30:00.000Z',
-    end: '2022-01-10T08:30:00.000Z',
+    start: '2026-01-10T07:30:00.000Z',
+    end: '2026-01-10T08:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   },
   {
     value: 'appointment2',
-    start: '2022-01-10T08:30:00.000Z',
-    end: '2022-01-10T09:30:00.000Z',
+    start: '2026-01-10T08:30:00.000Z',
+    end: '2026-01-10T09:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment3',
-    start: '2022-01-10T09:30:00.000Z',
-    end: '2022-01-10T10:30:00.000Z',
+    start: '2026-01-10T09:30:00.000Z',
+    end: '2026-01-10T10:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich',
     disabled: true
   },
   {
     value: 'appointment4',
-    start: '2022-01-10T12:30:00.000Z',
-    end: '2022-01-10T13:30:00.000Z',
+    start: '2026-01-10T12:30:00.000Z',
+    end: '2026-01-10T13:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment5',
-    start: '2022-01-10T13:30:00.000Z',
-    end: '2022-01-10T14:30:00.000Z',
+    start: '2026-01-10T13:30:00.000Z',
+    end: '2026-01-10T14:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   },
   {
     value: 'appointment6',
-    start: '2022-01-10T14:30:00.000Z',
-    end: '2022-01-10T15:30:00.000Z',
+    start: '2026-01-10T14:30:00.000Z',
+    end: '2026-01-10T15:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment7',
-    start: '2022-01-10T15:30:00.000Z',
-    end: '2022-01-10T16:30:00.000Z',
+    start: '2026-01-10T15:30:00.000Z',
+    end: '2026-01-10T16:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment8',
-    start: '2022-01-10T16:30:00.000Z',
-    end: '2022-01-10T17:30:00.000Z',
+    start: '2026-01-10T16:30:00.000Z',
+    end: '2026-01-10T17:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment9',
-    start: '2022-01-12T15:30:00.000Z',
-    end: '2022-01-12T16:30:00.000Z',
+    start: '2026-01-12T15:30:00.000Z',
+    end: '2026-01-12T16:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   },
   {
     value: 'appointment10',
-    start: '2022-01-14T15:30:00.000Z',
-    end: '2022-01-14T16:30:00.000Z',
+    start: '2026-01-14T15:30:00.000Z',
+    end: '2026-01-14T16:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   },
   {
     value: 'appointment11',
-    start: '2022-01-14T15:30:00.000Z',
-    end: '2022-01-14T16:30:00.000Z',
+    start: '2026-01-14T15:30:00.000Z',
+    end: '2026-01-14T16:30:00.000Z',
     place: 'A',
     caption: 'Kreisbüro 3, Zurlindenstrasse 87, 8003 Zürich'
   },
   {
     value: 'appointment12',
-    start: '2022-01-16T14:30:00.000Z',
-    end: '2022-01-16T15:30:00.000Z',
+    start: '2026-01-16T14:30:00.000Z',
+    end: '2026-01-16T15:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   },
   {
     value: 'appointment13',
-    start: '2022-01-16T15:30:00.000Z',
-    end: '2022-01-16T16:30:00.000Z',
+    start: '2026-02-01T15:30:00.000Z',
+    end: '2026-02-01T16:30:00.000Z',
     place: 'B',
     caption: 'Stadthaus Zimmer 103, Stadthausquai 17, 8001 Zürich'
   }
@@ -204,7 +204,7 @@ export const Default = {
   }
 };
 
-export const InitiallyChecked = {
+export const SpecificDefaultValue = {
   render: (args) => story(args, TEMPLATE),
   args: {
     appointments,
@@ -213,6 +213,32 @@ export const InitiallyChecked = {
   }
 };
 
+export const NoDefaultValue = {
+  render: (args) => story(args, TEMPLATE),
+  args: {
+    appointments,
+    value: '',
+    name: 'appointments_story_no-value'
+  },
+  play: async ({ canvasElement, step }) => {
+    stzhAppointmentsEl = await getComponentByTestId(canvasElement, APPOINTMENTS_TEST_ID);
+
+    await step('no appointment is selected by default', async () => {
+      // The component value should stay explicitly empty.
+      expect(stzhAppointmentsEl.value).toBe('');
+
+      const radiogroupEl = stzhAppointmentsEl.querySelector('stzh-radiogroup');
+      expect(radiogroupEl).not.toBeNull();
+
+      // The radiogroup should also not receive an auto-selected value.
+      expect(radiogroupEl.value).toBe('');
+
+      const selectedRadioEl = stzhAppointmentsEl.querySelector('stzh-radio[checked]');
+      expect(selectedRadioEl).toBeNull();
+    });
+  }
+};
+
 export const OnlyOneDay = {
   render: (args) => story(args, TEMPLATE),
   args: {

package/dist/collection/components/stzh-audio/stzh-audio.js

@@ -39,7 +39,7 @@ export class StzhAudio {
         const classes = {
             "stzh-audio": true,
         };
-        return (h(Host, { key: 'fb23d7aec7a8835e2b67887cf682cc7416444aa8' }, h("vds-media", { key: '0cd01be53a3d127b1898cb7e22e7057d5e1feae3', class: classes }, h("vds-audio", { key: '51b940dfcc68d9b9b3e78485a6c710d1b9790327', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h(Host, { key: '34b29d58d34857e6f7b996a808aea2b02dde3956' }, h("vds-media", { key: '3f3d248014f029385e5853b84aa7bb304046581f', class: classes }, h("vds-audio", { key: '31b2f62739e61235db96390f6f7e72cd1d06d258', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
                 this.stzhPlay.emit({ component: "stzh-audio" });
             }, "onVds-playing": () => {
                 this.stzhPlaying.emit({ component: "stzh-audio" });
@@ -51,11 +51,11 @@ export class StzhAudio {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, h("audio", { key: '09374bd444289f35b125ab8a86226f150811caad', preload: this.preload, src: this.src }, h("slot", { key: 'cbc14ef0fcf7cd525f94966f091da2824e4f6e38' }))), h("div", { key: 'fb2cb837e73106560fea95d4b2ceecb5235fe641', class: "stzh-audio__controls" }, h("div", { key: '984fc9a4190afb003413cf73b11e5cff518a6546', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: 'b8e9f4dcecb2f8eaf2b21c6a2cb042da7967f102', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: '800e14500760a34cb1ed41f9f4be05caf294e049', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: '0ef969815a888ae91a21bc407966c71ee167b1bd', class: "stzh-audio__slider is-time" }, h("div", { key: 'bdd5d0d06580a74a88461af607476243649f69ca', class: "stzh-audio__slider-track" }), h("div", { key: '4024ef1f29e904cb72e10ffd5563ff433e880265', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '25d6d2fae53120a4419c26e59d9150c045644d3f', class: "stzh-audio__slider-thumb-container" }, h("div", { key: '7f163e2e78a5392bdbba63268fe7b6770083cd45', class: "stzh-audio__slider-thumb" })), h("div", { key: '1e414d53e714cc186b897d301bed17b915bc2433', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '404195b199fed0f2f3e159b4333a20e52ffe7227', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: '152211f575fc14d321c82de49d4bb12e59327c87', class: "stzh-audio__controls-bottom" }, h("div", { key: '2f5d27afe4bf87f6a60e5526720e7ac207773e62', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: 'c9f01059a1024ccaabbea9216a7b1c76bfb00587' }, h("vds-play-button", { key: 'e03bfcdf4ca407bb904d6ae4148cf34028ba23d6', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: 'df56f324b0aba22556afceac6c0a609ac2434725', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: '5ed2332b545cd59b3423a7b969cfec5921700623', class: "stzh-audio__paused", name: "pause" })), h("span", { key: '4599f4e9f32a50fc8a1f780051d0d158994e22b1', slot: "content" }, h("span", { key: 'd9c0e0cfb9b25a3d45585d6b645102e37403c3dd', class: "stzh-audio__played" }, this.localization.play), h("span", { key: '6d5c1adedcf6cbdabb006aa54a897a1e2b087337', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: '829ab581d0bfcf712f62dee5e1f0790cd72d65ff', class: "stzh-audio__time" }, h("vds-time", { key: '870d363061c1f6e9add70758ee15bfa55861fc34', type: "current" }), h("span", { key: '470f86294175f0e64169164d156b6ece1f21be28', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: '1fd0cb11b98751ac3d7e9f6177fdb92fc62787c9', type: "duration" })), h("stzh-tooltip", { key: '2b83efb635599e9cee1df548e4d1e61fa63e91ea' }, h("vds-mute-button", { key: '1ae98c008a5e26e0de85a7d15b45daa5bff80cce', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: 'a20ad9ae9467d1ac90bf8db0ec0d98fca23e4ec8', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: '2b8e42c8cdb34e3a47c6e34f20ad5b010dbed3c3', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: 'eaeafd4e5b5a069f6e874f3061c6f22394118bd8', slot: "content" }, h("span", { key: '6fac09c84f664f656487b768ea63482c356c0ec6', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: '4474837802b417163b399a643e744e3efa4b0505', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: 'e9307c267e337adbf20c2159d60b3679c57ea28e', class: "stzh-audio__slider is-volume" }, h("div", { key: '514c7342889a589b5a479774c3948be891015bb4', class: "stzh-audio__slider-track" }), h("div", { key: '11441c7954fc01398c2c5a60f8088fd514d3a4ea', class: "stzh-audio__slider-track is-fill" }), h("div", { key: 'b4f59b8330fc9fc9fb0aefe12c0c7fcf62d5c656', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '6e7d9a76bc90af83c7d747db8df67f9717e58004', class: "stzh-audio__slider-thumb" })), h("div", { key: '260221d31b8af1b115d487d647556cf1b78cc455', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'd07f1ec5bc1ced56ae6930e4b9d29f397f4435b9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: '7f676aecacc7e73b9981bc333adf47975e6ed192', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: '7697457d13b431f6aeb3d9923fda87f9551dc6cb', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: '4a38e308e8f724c51ce978edd0453095040fdd21', class: {
+            } }, h("audio", { key: '323118a2bb5b23b9de751959242a505c2267bcdc', preload: this.preload, src: this.src }, h("slot", { key: 'da5d8b40935d490ad1b6496c42ddcf3825f20610' }))), h("div", { key: '02f6546c5e3e7b326d02988059f8597d1eeb30f3', class: "stzh-audio__controls" }, h("div", { key: '8e11bcb5c49d7095c284e4ca8428b348de1a7f27', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: '492f1ea8fa9a392fd44746aed59e3a3a56280ef6', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: 'ea6dcb718dcbfdd933c5932c66bdc11fc8e3c70b', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: 'de9f99fb2b216e9f4ab1acb4bc9d0edc2650e8e3', class: "stzh-audio__slider is-time" }, h("div", { key: 'f2fb9cf555824a92f426463b745a0ae0266275bf', class: "stzh-audio__slider-track" }), h("div", { key: '9ff4ccc9e82ea0141114f358f429791e7dacccdc', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '7684c9474fa90d22af7030fdcb35288ed5cc0a40', class: "stzh-audio__slider-thumb-container" }, h("div", { key: '9153df46f04f594503b0df5b72ee640a9ae3fbda', class: "stzh-audio__slider-thumb" })), h("div", { key: '507c03222b90dd1d5c86ad45803d02849c471f1a', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '5d9f04cc8b8819c3310260e177e733cca6a5df14', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: '879ff29036492f65c22bb5e5d7ff791e58e17120', class: "stzh-audio__controls-bottom" }, h("div", { key: 'd5c179d0c7f1c0d041e99e4fadf2a76558c0c95c', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: 'bb956533ec5b1e9262f33aeea15f973c498554fa' }, h("vds-play-button", { key: '73060f63d0aee2a2aff6fb94cfb1f890986f1035', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: 'b6824fa3d74fbeb7704e40b51a83a5eeaa07710b', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: '1a665bf98e42f45264a57190299fe82ebb06311d', class: "stzh-audio__paused", name: "pause" })), h("span", { key: '911f756cc2d2e058c125d38f50d80412ba95aab2', slot: "content" }, h("span", { key: 'c95db58c23369219c448ac07b64c92ff34cdd481', class: "stzh-audio__played" }, this.localization.play), h("span", { key: '9a52167692509529651f7a9a4f62a9dda58b5612', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: 'f68aff02800487ddc2840996c0c6c32739e7bf1c', class: "stzh-audio__time" }, h("vds-time", { key: 'd9dbaaa00f020d54057d7cda733f77f5b18d85d4', type: "current" }), h("span", { key: '894b23e543e53c9db01a7b817dcf0060c4e1979c', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: '07d50699e48d35dc2340149f00a14792536ae114', type: "duration" })), h("stzh-tooltip", { key: 'a69ef2af52ecfd11ac3d0eb98404fbaf495e8547' }, h("vds-mute-button", { key: '83f1d87bf10ac0c88ee04eb27fbe28c19e9bfb66', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: '1bfd1e3e2a3583392cbfdecca74f9f631c7d2cf1', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: '65bfa0ab40c9c0dff3db3fd310f960a7eaba89a8', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: 'db7db77f6b4666d275dad1f3ebf11a6d99a69c0e', slot: "content" }, h("span", { key: '37a3764f56ab5c8916199b12b1bcc4720e3bf30b', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: '9370f1d31e5a2c3ead1c66658d1accbbfc319242', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: '318202a5c8ea031460e8f55a8f6eeaa1940e251b', class: "stzh-audio__slider is-volume" }, h("div", { key: '596a7d20cef28ff8117b69202adc7aa8a6e6d089', class: "stzh-audio__slider-track" }), h("div", { key: '4b19ed1e33101331b6590a4bc9b572c607f41c4b', class: "stzh-audio__slider-track is-fill" }), h("div", { key: 'fbedfd98873ca827e2663fb8a43d1c046d102466', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '123e914e91b3ccaf332792c3943106da2c2f404f', class: "stzh-audio__slider-thumb" })), h("div", { key: 'c1d05608bf321927aee4e07ce8ef91b7407261ae', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'e83015ee2670454e3d0a3585cefcd5e736adc361', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: '58169c8b35629f50d05d8634673a8e5e839416c1', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: '197cdf84054a5064e74e7b67f841694be4858e38', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: 'd1d9ff75dedd6ca63c39efb57178223c268f3ccc', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: '3b6b2002bd6c2c7fdd4e5eba033149ac3ba025c4', name: "transcript" })))), h("stzh-tooltip", { key: '5c7d069ffe12b4bce90a9a79265656429b0ee4b1', content: this.localization.download }, h("a", { key: '7b5d4d739887c10ab2d62bb966290942905515ff', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: '944b6a86d6786dc9e1db61b5bb408b7a3e556e8d', name: "download" })))))), h("div", { key: 'b5f539393869879c2664973984330685ac53f339', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: 'b0045338c753e62476d574c482ff6cc486763a45', name: "transcript" })))), h("stzh-tooltip", { key: '596a06321b2205f07c9decaf72624d7d3a662e46', content: this.localization.download }, h("a", { key: 'bbf6a2e7b350418bf801f4fcf61386a27616ef3a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: '564fea0cb924208aecf1faa4fd9d6cd3edd27888', name: "download" })))))), h("div", { key: '645beed2645c3f3f16c2c5596750804655c85f2b', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
     }
     static get is() { return "stzh-audio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-badge/stzh-badge.js

@@ -14,7 +14,7 @@ export class StzhBadge {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'df104d229e9d213512e27295caa6f16baa587dc9', filled: !!this.label }, h("div", { key: '9ce9713f2be20c9ed7febbcdd42b944fa47f2128', class: classes }, this.label || h("slot", { key: '652a44c269a3e6df0ec789fb6759b67e9e10c6f9' }))));
+        return (h(Host, { key: 'ef294e02455eea0101ea08e6a440b27b6febee80', filled: !!this.label }, h("div", { key: '3bbef5dddeddab39aedb13bed2b1567e2896f95d', class: classes }, this.label || h("slot", { key: '67679cf0b4084008e1004c57dbf2d2104af38b09' }))));
     }
     static get is() { return "stzh-badge"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-banner/stzh-banner.js

@@ -41,7 +41,7 @@ export class StzhBanner {
             "stzh-banner--has-close-hidden": this.hideClose,
             [`stzh-banner--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'a7aef84f49f311e5d6d9940349f248d2cd904bd0', hidden: !this.open }, h("div", { key: '6224c8a4c43483c533dea53267dab27d1ee7c81a', class: classes }, h("div", { key: 'fea1dc02cb6fffc2575426726de2b4f3e748d5d9', class: "stzh-banner__container" }, h("div", { key: '262bbea42583212a155d12f3d572db7af34402f0', class: "stzh-banner__content" }, h("div", { key: '4e25b8ca7aeda1478710f6791f032300efee50bc', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: 'bf05888d44c37a5f437b26c6387bda5b8637c657', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: '4ce75ecd80747749bda9a1dc34e2c71fc350101d', class: "stzh-banner__text-wrapper" }, h("div", { key: 'd7a4c97a1a7b04a61678ed2d78511873200b1b05', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9212be30f7aa4765305feb2aaea82844bb2b4351', class: "stzh-banner__link" }, h("slot", { key: '718554acbf0ac240d2459794a51097ac08b1287b', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '9d3098860307f820a9148729e74ac61eddef3549', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+        return (h(Host, { key: '672997a0f0a8cddd81fd7b36a17adecd296c863d', hidden: !this.open }, h("div", { key: '43429022c24b482549be3feafd78c1d28636e0e2', class: classes }, h("div", { key: '58627b08f10af716db96cf56d3075384cc97c78f', class: "stzh-banner__container" }, h("div", { key: '6b988afa6465d9c07c06c4301642799ef9806e40', class: "stzh-banner__content" }, h("div", { key: '2092db97af3c1c7822b304a7ed78c06158e89bb3', class: "stzh-banner__icon-wrapper" }, h("stzh-icon", { key: '249c2c68828be5609395506976f59a99fcaf8843', class: "stzh-banner__icon", name: "warning-filled" })), h("div", { key: '99e1b40c87e26a4b29511bb174ae3595eb41e341', class: "stzh-banner__text-wrapper" }, h("div", { key: 'c69c7a07cd7a28eb594707235edf123be053fb9a', class: "stzh-banner__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '870e2d24e83a2190c37e9565b790801d773c3651', class: "stzh-banner__link" }, h("slot", { key: '83c3805d7cca4280ae7ea632479225f5606a3ddf', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '1676d8b59e0d74830b818759917c8f45bc6c6f61', class: "stzh-banner__close", onClick: this.onCloseButtonClick, a11yLabel: (_a = this.localization) === null || _a === void 0 ? void 0 : _a.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     static get is() { return "stzh-banner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-breadcrumb/stzh-breadcrumb.js

@@ -151,7 +151,7 @@ export class StzhBreadcrumb {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: 'd9a0ef53390275860a0cc56f11ae83be68cd7ada' }, h("div", { key: '3a018fe4e5e9c311bd150fa54bd244b199de84e3', class: classes }, h("nav", { key: '6194023063673526ed22c327a06e11f07b01cac0', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '98851963ccccfbcab4921d19668c208873ce87b3', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
+        return (h(Host, { key: 'd425fe883141357260d5e59c89e1b3be52c44327' }, h("div", { key: 'ae53a282b8beb0ebdf3c918a9623bfe81ade6dd9', class: classes }, h("nav", { key: '3ab29ad0016d133d22a94e4e34c433537b43d385', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '5e7796e80887d3590c733d55eb31869ba7c8cf9f', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index + 1 === this._items.length,
                 "is-first": index === 0,

package/dist/collection/components/stzh-button/stzh-button.js

@@ -170,7 +170,7 @@ export class StzhButton {
             [`stzh-button--type-${this.type}`]: !!this.type,
             [`stzh-button--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '38d3ff67d409cfca0675d8e33444a98933719726', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: '9010c95b64b999d9c6b62b9c6346e0fedfd07ef2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-buttongroup/stzh-buttongroup.js

@@ -95,7 +95,7 @@ export class StzhButtongroup {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (h(Host, { key: '1a46aa3830b9776afc46f0f03f9efd428cc1fc5a' }, h("div", { key: 'b3f0643aa039b0ad0594a11219c3dce012af040a', class: classes }, h("slot", { key: '2dc6d4813b5c94664da7931090b72a7289c66619', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'cb5867144c0c59b10ed58c6a75f9506f05342ba9' }, h("div", { key: '75ba0faf490545b9003a5e4334deb5679e0e701a', class: classes }, h("slot", { key: 'e01d53461a0b9215196c45cdb4cb6f11d1710418', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "stzh-buttongroup"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-card/stzh-card.js

@@ -320,14 +320,14 @@ export class StzhCard {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (h(Host, { key: '33e7f6068d01d02a6d0f63cea1f1ec8ecbd0e2e1', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: 'adbd610e86751bc568142b11c587d60c55201523',
+        return (h(Host, { key: '5f4b8f7b7b11625ac69095b6d388e40047b24bf7', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '2d2c69019049bf0039f9dac185852f1ff8d61ff9',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: 'b8b4562700eb3c03feca43b11c696e39c40e96e5', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'fc0b4d71114fa2dafdd661477a5317bdf81cf34f', name: "image" })), h("div", { key: 'e3bfe22210f971cfaaf368245a384eeef1939e8c', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: 'b486ece84a5a59327a7fa87cf7466e45f766b0da', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '8c47c7628f1ab6abec4a154910f0ea499446e6b5', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: 'faa75fa40cbdf732524d90d3e58f0ccc1ceb0443', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: 'c7779d95597e93b949a07f074405d1a538a9f034', class: "stzh-card__header-top" }, h("div", { key: '0bb0edf6ee95e8d91e35802af3b5a48eb913fb84', class: "stzh-card__header-left" }, h("div", { key: '19cb59dc9ba0018ccfb872107daafdc1cab7a5ac', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '3eb0444c2fa87c28e637153c044d703e72664624', class: "stzh-card__title" }, h("a", { key: '36cf30f2a840afa849d8ff6f3a70b078f7afae34', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '436390daef524b176e44678194bbe98efde27ae5', ref: el => (this.headingTextElement = el) }, this.heading ? formatHeadingForHyphenation(this.heading) : h("slot", { name: "heading" }))))), h("span", { key: '6bd4b92b9008a72dd514e9f5e0410717d12d83da', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'a402cb10658585a8872528a7327b0a290d1a03ac', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: 'faccb0e755d6b97ffe23bfd383b8c09226060a41', class: "stzh-card__header-right" }, h("div", { key: '5cf7f808fb07449890f2bfae3d6f2a0f8a04fe62', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: 'afd049b35fc2b07d3e72f5b16118be55e3f71783' }, h("stzh-button", { key: '57f3a52bdf5a0bccbeae30dd896cf6c0c51236c8', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: 'faa84a326c445d3f4bbbb7a34c3ce9cf7a7f5824', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: 'b6370bae155b39c65fe3cc4a3a9a29e727897e87', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: '9b90a7dd51371d5f79d3fff9c5420ec91cae8ced', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'b0309dd5ddff5ac03e5c37fa69ec2b9282ec3e17', name: "image" })), h("div", { key: '0f809cf84f19afcea4eb9f00e8892b9102f0f907', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: 'f0ab81bc2a92fc3db4f09d039ea68b673730ebef', class: "stzh-card__dnd", name: "drag" }), h("header", { key: 'fb5e91106e25567db15d9a3413686dfbd02b82a8', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: 'd566f23df950afd747c1eec8226782e53fbd86bd', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '7de659f3b7b0c7b048a8772499c5e5898722baa4', class: "stzh-card__header-top" }, h("div", { key: 'be1fc88958bb7eb1517f673b97add3b38a4d0f87', class: "stzh-card__header-left" }, h("div", { key: '484073e7fd63c15b60416989b958d6dec8a0fb56', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '6f383730d2a4675675e4cac79dce260095fd0774', class: "stzh-card__title" }, h("a", { key: '598d782692f8d5e75f35bd9a44e4960d2364727c', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '69bc329e9e104dbf3229e766971ff68c7a5e325c', ref: el => (this.headingTextElement = el) }, this.heading ? formatHeadingForHyphenation(this.heading) : h("slot", { name: "heading" }))))), h("span", { key: '0ee6cf2199690dd92468df695578891976692650', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: '81590f63fd315b4c67c88aa86412a6fada88fd2e', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '69bec42986b0d12eca385dd9aadf1d819c6778fc', class: "stzh-card__header-right" }, h("div", { key: '13ebf5aba91dfe89988c0cb4241f1ea4ef08768f', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: '30051e596e1b7da9c7b4c38db1b1f89fe3071669' }, h("stzh-button", { key: '35c9b7b882c7f72c6b14575cbf24c291cbf4d0f9', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: 'd3381c03377c1cf23646d0f8d6e339a1bcce3732', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '21b59eeb0b681d1bcf51dd712ac8a54bfd0bed9d', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, h("stzh-button", { key: 'ad1cfa24b2cad417242733233ff9f9a1e131fb75', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: 'a8f839bdcdfa8fc9c1f54dfcae1c6efaf041a910', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, h("stzh-button", { key: 'f05019b9371cf9fb808252a4f3d88fa1a667ef7d', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '864ec785c95e48ca3f62d7443c1c6b6fa4c7030b', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: '36a0af23833590dbda823ddf5f5067f375b95ad0' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '79318d19cf0cdaddad583f1f701715219b1abbb6', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: 'd05364b6f075c41ef93757f805960aae2faa619e', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '6a2af56d061d0610650ddb3454c0c7c240d29a24', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'dd7a1a8a849e03faf746ba79b5dfb33e93b9f3db', class: "stzh-card__header-meta" }, h("slot", { key: '75653848572646a4ba0e480a22e8a0f942aae41c', name: "meta" }))), h("div", { key: '853c8ffe6f6eee5693d792e76c9db52484d47be6', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '2649d049f1fe8748b39e64acc67adebb8f5514e8', name: "content" })), h("div", { key: '9fb8cbd3aeead5b9ba9352b22b68bd34ff102388', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'cd6ee862f77778cc95f4387a3e1e7b17a4e279c2', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: '9a8a4450bf2a69e5930f15c6e6bea9a47722accd', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: 'a2b393684c8ed0865b40587010f866b296f7ccfe', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: 'f7a63db4d8702fecf421f007070c1bb0ad9c1af4' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: 'ee860f022c9dc201357c04ddfb88f50d575ee8c4', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: 'c11ba36b7836dd2a304fa41500ce9c94743d1f1f', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '0755987b3ba90184e49ad31fddabae6752725af1', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'e81b1d3bad3fe2a78c7b6f358530b65cdb958e00', class: "stzh-card__header-meta" }, h("slot", { key: 'c1b0701df1d019cd0eecb1631f86b31b4d45db53', name: "meta" }))), h("div", { key: '76229c61be57cd65848f70c2295008009e4adf64', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: 'c4e2b083d1430b682493748d951e261df721d713', name: "content" })), h("div", { key: '95e6c51cb69589f2016e7277fa155efb394a352f', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: '861b1a04d17efa240420c2e7975cff5cfa32a59f', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'ea7a4e7f6ab61353b68673fa77553a66fa1b8430', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: 'c9ba233b4ba0a5c88afaab1da30005231e8339c3', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     static get is() { return "stzh-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js

@@ -40,7 +40,7 @@ export class StzhCardNavigation {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: 'e2e22a226ad93f8d2b312d01eeb056971e3b348e', "has-lead": hasLead }, h("article", { key: 'fa9e11c3c0d9db1a3d8eb27dd2f29fa28140e36a', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: 'fbecaad7fda56af6619dc56f148b6a96db02aea2', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '581d2269effc384f1ba5018d6bbca37dfd533178', class: "stzh-card-navigation__title" }, h(TitleLink, { key: '20985cdf43d1f475e95e2443d3f33dc8e4fee017', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: formatHeadingForHyphenation(this.heading) })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '1c3f833b5dd17439a4b69bbe518ada1d913fdfda', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '2757dbf059e0b5757f205e315cc568d4b29e9b8e', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '88187f313e2646d0f60db326ca8395f3048bf312', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '685799f3445fe55fd33e3d66d7456a3cc399b79a', "has-lead": hasLead }, h("article", { key: '2b9380114b800596f5232d6c35bcd0352facaf94', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '536b33182e26bcdea6ca641b03a7c97b7c6481bc', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '0bf5c636946fe9d3ae1b4c077a6f3a5db6b1028b', class: "stzh-card-navigation__title" }, h(TitleLink, { key: '745d3b07a06c338132492a04ab133eefae4d6f08', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: formatHeadingForHyphenation(this.heading) })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: 'cbf940fed8f23b27273a2010c5a1a20e12d5974d', class: "stzh-card-navigation__lead" }, this.lead ? h("p", null, this.lead) : h("slot", { name: "lead" }))), h("div", { key: 'f6d3b9feb2679baf9375423e4f05b41609ac306e', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '69c975b6562dccb62545f14a856f77581a97a919', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     static get is() { return "stzh-card-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-card-navigation.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true,\n})\nexport class StzhCardNavigation {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n      \"stzh-card-navigation--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                    innerHTML={formatHeadingForHyphenation(this.heading)}\n                  ></div>\n                ) : (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-card-navigation.js","sourceRoot":"","sources":["../../../../src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhCardNavigationClickEvent } from \"../../index\";\nimport { formatHeadingForHyphenation, hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true,\n})\nexport class StzhCardNavigation {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n      \"stzh-card-navigation--hyphens\": this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                    innerHTML={formatHeadingForHyphenation(this.heading)}\n                  ></div>\n                ) : (\n                  <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js

@@ -113,7 +113,7 @@ export class StzhCardSearchresult {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '3ae82ba387b77362bc6ef91a154514aa26908bf7', "has-image": hasImage }, h("article", { key: 'fc296636b69cd80fbd3a391b823dfd4b71763c79', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '9fa4d1043760865821b7525c4e9e429a21bab631', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: 'dae6ad7510af19baf8fd4ad62d44d96ad47b7a05', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'e423a959f0191ad9c6dfafc8a97efd1bf8094db8', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'ad41a404bae111d2409ba6fcba61d278349da2e0', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '9e26e549a796bd19cfbb9b3e75805ca4944437dc', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '06951dbcd6728657eecff68f89aac49230fe84de', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: formatHeadingForHyphenation(this.heading) })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'de3ec782d8bcd276dba15f646a4661534a774a93', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '6e3af140e51bbfc01a8dae84ac08f0c85ca3393e', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '99df4963a45c596348b3608a37f941df02d14fd8', class: "stzh-card-searchresult__event-date" }, h("span", { key: 'e0e2d8bb4c53853ca6dbb719637dc561b9b9994a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '725c2ea0ff663d7aab468971d402c135a7fb381c' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '3200b1bee5834b17014b4e18c66cfd277fa1e771', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '53b5c48d344eae6966792e84317c77375114377c', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '60ee4a822f5333c3351547704ebc0fdd0350dcd4', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '30c09d5974aa4f44394b72092a682ed2f80b3463', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '6d0a69eddbb37ed60c94135d121b60f55a524ede', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '5e814559752e8f757467fb51b7324204cfbc3369', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'c8fac0a6f46e10c00cf55995418abededdcd83d1', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '05697f1b385d1a7bba25c4b5bcdcd962204e356d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '6db8c6dcc6b629ede2d7c5edb0bdfbe2917d33f8', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '72bd6c404f069238657a758b991e02a72abd9571', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '36949efc4df7ea6853216ec39225738ff0aaa0b4', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: 'ec427ef7256621a13c80de508ec2e9e58c375ae8', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'fdc42c153540f365776aa2f8bc46badfb5a03c7a', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '426d78016eaa57fd9e1742c622ee62498cbff16a', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '5e44f923c9ee05be175cdc860d0884e67e05d8dc', class: "stzh-card-searchresult__meta" }, h("div", { key: '2a26c265e982bee58c64855539a6ac4908ad596b', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: 'f5f014598298a54288c667aada4dbe7fe048a8cf', class: "stzh-card-searchresult__download" }, h("div", { key: '1f92634795e59fec02a6d45158b3f1d19f99048b', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'f7718577a02ca5f581175cb8f188ecc42b84f576', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '437fd0f56e131b8f1e01d3e241cdf56b19b31843', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '469c351e22786e59d7b5799aac6adb99e702c8a4', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '45385639e43a22f2b368a9fccc8b9b85df76bdbf', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '74017f9a5c1a4104a3ccb6ee5d974cbeb3de9806', "has-image": hasImage }, h("article", { key: 'fdfb1e9a5885daa1b9616bc7053ee1a7e700c4ec', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '6c5aa712510b854ac42f2247c3c58e717a91f211', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: 'b750a2186579be8706828ab00424dd9824386b93', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'd4847693c87d59c9444301d139a9f19c56aca17a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '8160403ba0ab20f1f69a4e339e51ecb14ed4a14b', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '5dfd9de959d21669d2d39861792c6b7877966438', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '16a7b014335694f979ce50b23ff83250792f9295', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: formatHeadingForHyphenation(this.heading) })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'a271d51f4c699ce77559bf9b786a5db4acc0d02d', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '655a23e35ece2c49eaeb131bd027e6acd68c8c5c', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '4dec6cf7b9cc9cc337d30149b9ab0ea6bf886960', class: "stzh-card-searchresult__event-date" }, h("span", { key: '2917247cc5ef64a14621eac98f834e9f6e249d2b' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '1e472419aa9a1b4916698609f0a0ad2536e5239f' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '95ab56458a65bc29c08efda0e35390a709447ef0', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '31b8a01402712564b765484058f4f40501da14a1', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '0b45619d8e1d9f1db640376923c16544a56a768a', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: 'ae8067786ba06e3db6e951f93d293640a9c0fb8d', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '505a37ac6a09a3f561aab2b19134df14c173f23b', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '03bfae37e12c43065b737049a754e5f5fddde6c6', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '951106db1810a172a5bb2aac810afcb594606068', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: 'e51a37d550b33bf9a773ba672245156147473e12', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '2a9b48098e7b4fb87085dbd3cb735772d2fc1035', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '92a15649442d11bde2b22860c1a6a15cd807e376', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'c0bd101e65d723586cf9bddc9add7dccb8d1f9c4', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '8987e3e565fdf6bda792e165f5998cb9f301b15c', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '82d630c3af253ad322acfeacd409575c80e7e31c', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '6199288e16758d369a3d25c6925d6fc1f2e85340', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: 'bcd9bf59df3eb5c0d6127dd06435501740f51cc4', class: "stzh-card-searchresult__meta" }, h("div", { key: '252a43648ca2bae88b7532ac824eedffde87b669', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '67a7ec80ece51e1965c4bb6d87a66b2ceb83d755', class: "stzh-card-searchresult__download" }, h("div", { key: '617f523655894a0f28866606cb14aa0d89df052e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'aa7397f34569981d3cc2d3fbac430c0827ecbc03', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'd3555db9375efe2099767b1722b02eb3b13604a9', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: 'f0d68f7b6c06ce004339d2932565aa73a46a1e4d', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'db11ec5790a099b3ba51af7bb3d6ad75d4ffbfca', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     static get is() { return "stzh-card-searchresult"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-cardlist/stzh-cardlist.css

@@ -330,70 +330,38 @@
 .stzh-cardlist {
   /* Teasers and Pi Teasers layout variant */
 }
-.stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-  row-gap: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    row-gap: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 900px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    row-gap: var(--stzh-space-xxlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    row-gap: var(--stzh-space-xxxlarge);
-  }
-}
-@media screen and (min-width: 600px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-@media screen and (min-width: 900px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-@media screen and (min-width: 1260px) {
-  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-}
-.stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+.stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+  --slotted: var(--stzh-cardlist-pi-content, 0);
   row-gap: var(--stzh-space-large);
 }
 @media screen and (min-width: 600px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
     row-gap: var(--stzh-space-xlarge);
   }
 }
 @media screen and (min-width: 900px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
     row-gap: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
     row-gap: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 600px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 @media screen and (min-width: 900px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+    grid-template-columns: repeat(calc(3 - var(--slotted)), minmax(0, 1fr));
   }
 }
 @media screen and (min-width: 1260px) {
-  .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+  .stzh-cardlist--layout-pi-teasers .stzh-cardlist__cards, .stzh-cardlist--layout-teasers .stzh-cardlist__cards {
+    grid-template-columns: repeat(calc(4 - var(--slotted)), minmax(0, 1fr));
   }
 }
 @media screen and (min-width: 1260px) {

package/dist/collection/components/stzh-cardlist/stzh-cardlist.js

@@ -87,7 +87,7 @@ export class StzhCardlist {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (h(Host, { key: 'cab3894d68ca709d6964b83cb2bc4e9609e8e790' }, h("div", { key: 'ee5e9d6c657d0d05167b163c62dd7e85794cb65d', class: classes }, h("div", { key: '33fe366319708e24283d5404c9aaaf698fa4270e', class: "stzh-cardlist__header" }, h("div", { key: '32865cbaa2513cf1a0c935ae1b641cf429267966', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: '0d94e7cef1ac66e5c34f13fa9b468766fe36d238', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: '521140988d209c1f0f4531af0bd8c9732896cee8', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '94a0ecb1fe1cedd5e76c4dc14b284af80758b1d5', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '482e087a5dc782fc243b199847ba76dd90f781c1' }))), h("div", { key: 'b30a4752a49f39e9fc2d698d6911d1616fb8c9df', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '13425780b3376d060c9bb0c2892243db774a2cdc' }, h("slot", { key: 'e94cdf67ae4bddd692000bc140f6f392a2a19ca1', name: "footer" }))))));
+        return (h(Host, { key: '94f28bcbc9c88e6e11e7019bc5528649025f0300' }, h("div", { key: 'efdb613f275d52c340006e41693b39f265bbaf72', class: classes }, h("div", { key: 'e336b798fabeaa74054d6cc129ec3cd60a17fa12', class: "stzh-cardlist__header" }, h("div", { key: '818ccef76d6d98515cf70210b7899bdf194ec065', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: '75278803d962dd3036de05a598c3f73d1b3f1df6', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'd7b4b788168e87b098aad928fa1f1d580074a7b1', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '66b06a8108d08197df74235bcc0c83afbc10cbf7', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '637413ed9db97adaa3d08d87cdd19e4260759c8c' }))), h("div", { key: 'c8ecf2ab6a2c5582d4424760447e96fe006d36af', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '83867aa1029df1706ccebc1ff905e201ac998de6' }, h("slot", { key: '77ae34ee7b64ce57b2ff4149e2310b8434c8bcce', name: "footer" }))))));
     }
     static get is() { return "stzh-cardlist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-carousel/stzh-carousel.js

@@ -569,9 +569,9 @@ export class StzhCarousel {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (h(Host, { key: '86ffbd32c70a0f2f6f641969a163053a37fe7bcc', "aria-roledescription": "carousel", style: {
+        return (h(Host, { key: '9aa6741c68f62c76f3ee6c4cdcd8b1f3d9600bee', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, h("div", { key: 'cb009d2ff66d244fa7d3add94a4a78739aaef2ab', class: classes }, h("slot", { key: 'e26b09a5d34b3e9382ca2670654af34cc8b4b6ad', name: "actions" }), h("div", { key: '8f202d6da32750ac7ee2f1651b7525a4852e768a', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: '0be46177c028d4fda2fefd84ad207905b575188b', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: 'e319820d34877f92c198b66b158c05cb6b83f527' })), this.withTrack && (h("div", { key: 'e9c050f1ca869dabcea08c01fafe037502b61fc9', class: "stzh-carousel__indicator-track" }, h("div", { key: '34083d74f1f91e620051871e8b5422737992a8ca', class: "stzh-carousel__indicator-thumb", style: {
+            } }, h("div", { key: '646b302609024c2598a41ec958492857fbd905f3', class: classes }, h("slot", { key: 'bb8db85f9066f87b3efdff94a0feafe727f094fe', name: "actions" }), h("div", { key: '65aa1ac81011b039034c9a7d7ff96993d60ecc9f', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: 'acdb1c0e5b82a153c5130d14839362b0a11bf8a1', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: '2e935ec8d866376d7ec337ceb425006e58f08552' })), this.withTrack && (h("div", { key: '9ed358649c4465895e79e00eb23616986112747f', class: "stzh-carousel__indicator-track" }, h("div", { key: 'd16e8253df0b01fe8381addfe3cf2994c71ac524', class: "stzh-carousel__indicator-thumb", style: {
                 left: `${(100 / (((_a = this.slideElements) === null || _a === void 0 ? void 0 : _a.length) || 1)) * this.slide}%`,
                 width: `${(100 / (((_b = this.slideElements) === null || _b === void 0 ? void 0 : _b.length) || 1)) * this.currentSlides || 0}%`,
             } }))))));

package/dist/collection/components/stzh-cell/stzh-cell.js

@@ -10,9 +10,9 @@ export class StzhCell {
         this.alignSelf = "auto";
     }
     render() {
-        return (h(Host, { key: '4e462f0e833e394bc9585a7ba711be978fc3472f' }, h("div", { key: 'fab4a420661c0a5c4a20ae22c1d401c4dbde09a8', class: {
+        return (h(Host, { key: '45897f5b976da9160a7cb451319fc52d0b1f7666' }, h("div", { key: 'e0df0272ad5ac18125e42eca2178ad70d9299bda', class: {
                 "stzh-cell": true,
-            } }, h("slot", { key: '4c27bd002e494d3d2f7329ab67ae5fad247ddf29' }))));
+            } }, h("slot", { key: '0603ab1810f29d89dedc956e5771be77bcb4d54b' }))));
     }
     static get is() { return "stzh-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-chart/stzh-chart.js

@@ -29,7 +29,7 @@ export class StzhChart {
         const classes = {
             "stzh-chart": true,
         };
-        return (h(Host, { key: '0b184f853a718b83768e563d01a41d91d0d4887f' }, h("div", { key: '09f952dfd2d028c513420fe0e010b79059f5d490', class: classes }, h("div", { key: '5b6598d54e9aa29b3c944c0e0c3f887da05718a8', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: '651fdc4e70f80b2a7424816ddb9949c21a9ae788', name: "caption" }))));
+        return (h(Host, { key: '20ba86fe7721b0f21f48e4b5a28a5be56518927e' }, h("div", { key: '69f96a271c0db6c6feb01ddf253fd8b20c7a8cd1', class: classes }, h("div", { key: 'c5eb602d02a7ce5c79171df2e0d0eee3a5227cee', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: '87028fb4ccb8260e0f247b389d97aa5817da90d7', name: "caption" }))));
     }
     static get is() { return "stzh-chart"; }
     static get originalStyleUrls() {