@oiz/stzh-components 4.6.0 → 4.7.0

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

@@ -259,7 +259,7 @@ const StzhAppointments = class {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (index.h(index.Host, { key: '5047a8b34d1d9b1cc0019f617bdb65e370829dfe', "has-heading": headingUsed }, index.h("div", { key: '5ff934ffa9f5152d86e0b8684f8efca1ca30538a', class: classes }, index.h("div", { key: 'bd74515020eb2953b9d18e398ff2d036b0a13be1', class: "stzh-appointments__heading" }, index.h("slot", { key: '98ca7d2c91adcb08d808f5ecfdea2128b66e3084', name: "heading" })), index.h("div", { key: '5c42d5c742084fdd8d7cc5b0a60353c1dd7b525e', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: 'ac52f511b40b90c53c844154c09b789e4158e8f5', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: 'd6cc5ef7fe65de66aa7231f58ed0c72f726fc9e2', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: 'e6b059853b1699c05f2c576daee4af9724183a48', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: '1517008cdfffcfdbe55621ce8b5562571cfb5ac2', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: '89c7df8d3d8fd0d5fe0750c2b128f189305d3bf0', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: '9a0a82a30f7563852c5d3abc1ecfcf9eccf60931', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '448007c90836937a5b27d24e71b81c99789485cd', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '2b1bdc25171b55bf1b5c9e9731412d4107ed59aa', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: '15d930cdae9a17bff15f19de06eb164c2ec01e4c', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: 'f0ff51cf025de4cbb0b53b508999645e62120704', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: 'a8e7367160d14f811804c2835044da49ad0825d5', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '27eae77bde74e137ab830312d585852baa9e0da6', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: '5cd7dcca6c0c6386d2ae6bba23c58247cbfdc3bb', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: 'a9d444ddb2b4e5d5f29c886a6f29b951dee46123', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: 'f31f07f669a8eedbdf33695137673256f24fa87c', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: 'b5990b6cd7255c02b008499fc717e2e4b29e2bb4', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: 'a790e0fe7160bc14a81508ac8a3fb11dd7566649', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '4cc29bfb7e1eacd24b738e8d8e152b61bee719ac', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: '8108658e43aaaa0fc65944bd3cdf91e4519aa170', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: '868392f929e999a31e26f920fe7c52799572ae15', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: '6840c224cc1572a1132a2ab63f85bde1fe352d1e', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (index.h(index.Host, { key: 'f8b508a5a7ae9a34ea251303bc9ff3ac6f0d3d5e', "has-heading": headingUsed }, index.h("div", { key: 'c9dd2f36055a1938bdf2dd91d00906e953227d87', class: classes }, index.h("div", { key: '7c20767305d09a735c5d1369b619ad353588e2db', class: "stzh-appointments__heading" }, index.h("slot", { key: '423165796c578202b805f64fb2609dded2334360', name: "heading" })), index.h("div", { key: 'f12d802502964f7b9d4e980106021c39a1d6dcf1', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: '2872cdf5d6c9d021910973d404ca7011e5101365', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: '339445c3230edede656a0b1013002ed8b69710e7', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '5b05d9f1f43455f6ad98eacfaea2ba647a6a766e', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: '4c17bae9a582ddded29757d2bc8200da12e05d74', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: '4b9062002ed551cf0291e7bc44e38a6430bdac57', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: '89e8a1739a7a7030f13b5601b7461983545a8c0a', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '62d966aa36fb2adf073b00fa2efb875a72e27e9a', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: 'a3166a599363463361e88b74a53acebaf3cf1588', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: '4de0cc47b30b6f60bd4f45fa5532628bcda8489c', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '217e85e4453e1ea215b198fae02e6eb027c200df', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: 'fdcb194ac85ef791223eb9198a7f92ce43ef3bbb', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '26b25d12346f0380224639f3cde67e7decd86ada', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: '077a5b4642a5f81fabb5a8260427b04533f58857', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: 'b3e297ddac8ca11dbf834508236ec4c6b1736417', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '06e4f5ad42be3be6f199ac33a76870ba1cd665ef', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: '03fd212c2bfb1744d22dda2b14645e97bc06f516', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: '9f88214aa4910eff055b681ca8f60d2a4d4773f8', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '88bbcb6b38b6e1f72def8771c2ce09044a58528e', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: '600a9251421f315e7ea639915ce4e5aefe8bffcb', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: 'db216986e1bac232e155fc4cf948252dcde7376e', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: 'd787a30578bc16c02b74d4fb5d50799f46041546', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4140,7 +4140,7 @@ const StzhAudio = class {
         const classes = {
             "stzh-audio": true,
         };
-        return (index.h(index.Host, { key: '3d40486913fd3db68cdaae0a44ac3897ad0c1860' }, index.h("vds-media", { key: 'ec112a23ebed3ad1e4a421dd2af7becc7369a1c4', class: classes }, index.h("vds-audio", { key: '54668d3a8ffd91d8b95e75d37972ad5bbe4b8a59', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (index.h(index.Host, { key: '885601f7a8fe5c0014037fa56a05489c2dbeb75c' }, index.h("vds-media", { key: '21155299364b2c673cdda4f789ad610010b6973b', class: classes }, index.h("vds-audio", { key: 'd212afbaaa75a4c55052fbd978c864ce736420f1', 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" });
@@ -4152,11 +4152,11 @@ const StzhAudio = class {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, index.h("audio", { key: 'c94636199a8211ff5bd75bb496e68031aeeb10c4', preload: this.preload, src: this.src }, index.h("slot", { key: '86fc4510fa916bf2aec88426b66f2ba0f2df3243' }))), index.h("div", { key: 'c1fdd5c1bf08adc5a456324acd1f0b0c520d0ab2', class: "stzh-audio__controls" }, index.h("div", { key: '68835b5ea7ccfeaf7e2721b319dc666a2eab9776', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '6a5bcb4b1dc3ed89eb79a45cd27383a3589a2ca1', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: '36068388a784a44ee0f078d4c2b2e7aec7fe9ec6', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: 'eec8665ca50864323657e2374f48d187ea0b18d6', class: "stzh-audio__slider is-time" }, index.h("div", { key: '130c8ec09f559a204ee96cfd71eccb7d7c3b2395', class: "stzh-audio__slider-track" }), index.h("div", { key: '3ac50a1ca64ec490fb4bfb7c211acd664caf606e', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '2a23e42979ef03f05bb214f5a743e96a165bd627', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: 'c91ef0e535b6865136dd102fa561a1021c75fb54', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '50616eb7ff226e5e29949aafad71942b763f7f47', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '050222b05c938f4be7a68d7dbd93c014314af5eb', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: 'cd6dae954f1ce7558ed18f13bf59cc4967cceb03', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '1c2d78dd7981a8c335249208ff6c881d4ef10a98', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: 'cbe5972295cc149c143b2001dccc6e195b67f712' }, index.h("vds-play-button", { key: '695ef0d7b6df092013c0b7db0e451ae444a6cc8b', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: 'f00ff99cf2db18f35d36e37663ce863ce7d62d44', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: 'e6f4ca3cf3cf4380c83c111a345253f109416c4e', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: '84dffcda489971f55818055bfdd5f467159a3421', slot: "content" }, index.h("span", { key: '85df5a2af24e8a0746a776593d251d08ac393cd9', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '20e71be05fd9edee13ef0da3941ba6838ebb97c5', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: 'ace4a4b0bafc60984388e357dd1e508dd43ca1c2', class: "stzh-audio__time" }, index.h("vds-time", { key: 'fa24daf3af3862b0067ae72749042dc125ca61bf', type: "current" }), index.h("span", { key: 'dad9106498b30ccfe851f250d75d0e138b439f02', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: '2f5733ad580c78a1985483125d3254f430356cb0', type: "duration" })), index.h("stzh-tooltip", { key: 'd7aee440b11568d42c2e03ad8312056a606d45d8' }, index.h("vds-mute-button", { key: '7c842413fba97a286989d662fedfe43777d5401b', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: 'eb4b593b06d85a7bb2334625d1d7258651b1af94', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '41238af0eeb3148416561efa0823d091a0169dc9', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: '92c79322db2691e45dc28ed0c2b7a00768655936', slot: "content" }, index.h("span", { key: '31f89ac113c48f7e3904121b1cf8fbce001cf1b2', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: 'feb640737ef68e5997095eb8f9ba077e7e9aa1e5', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: 'fae7ee452e0ac5bc24865460014a5a1380015822', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '54399b7b75930da1323dbf2fa5922974edaa0287', class: "stzh-audio__slider-track" }), index.h("div", { key: 'fa45a8c1a853a53191367d88081e82d6b96feb74', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '377958d28409aa8dd324e077346c54a5b574c704', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '0899b146ebed8f9424ab60663dd3f443ffd2a66a', class: "stzh-audio__slider-thumb" })), index.h("div", { key: 'fed9fbe923795d5fd9a1568dad6bf7acd5bf02cf', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '7f2245dd71fe904a31901bc5c9d6f39d64e63464', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: 'e79b2e14c9843b7d58b0e00ef417e0f16107a97d', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: 'f8b9f8e104204f35a15d4a8d3928b959f253b99f', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: '5b406fa80c75f55973356a720dd25e6d38856cbe', class: {
+            } }, index.h("audio", { key: '6ba0e5c27dee2af99d6a9d7a2acbd817167772b6', preload: this.preload, src: this.src }, index.h("slot", { key: '9f51c9d5930d17a2f0835e48167e00e1626fd894' }))), index.h("div", { key: '86f222f220eb660d181303fc6872b4d258ea7028', class: "stzh-audio__controls" }, index.h("div", { key: '5b79cbf64d8a15e9980490d81b69421b612327a0', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '6dea41eb0698c6b1edc60d67a045e9ebbf0bbab7', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: 'd291e01f791acdaed41e27f4a59a30672b8046ba', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: '7be7204516cafb8a4ddf579c5d675f595911d4c7', class: "stzh-audio__slider is-time" }, index.h("div", { key: 'ef739a8b0cc62feec421833c5054f79ff69383ec', class: "stzh-audio__slider-track" }), index.h("div", { key: 'c18f7787faa1877c0dd25e7969186a6dbc735fbb', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '1ae54ecda3d2515aad18a2b30e7863c9a21019ad', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: '86d0ca6e05599b0baaaf45277607804f97973d04', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '414d6d8429c32ec610d7ca59d85118420404a26e', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'ae5d5e00e19012c00f96803041e0d87172aae077', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '8603fe1bb540db44f6cb3ce07943dbcd7610a2de', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '1cfadf63f9d64a5d98580915cb166af5ef12629b', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: '94f069444bdfa306743c522d0d579e5c59268303' }, index.h("vds-play-button", { key: 'e586ca819ea459b38d571e15e6c5b103f93e9cc4', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: '19968ceae2d711d290fbb579f5212819b920eba3', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '79d25bec9a3a8793a67a7511ef72f01d946d087b', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: '498e1f86053b7349286f907948efb6d74c2a2f69', slot: "content" }, index.h("span", { key: '84a11708bca1e42bc94a40b8b6e1de790b92f847', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '4d525f0932de2970c5a3d3d007ad037aaab621ce', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: '113ab6048ba941159cd26da369871599a75c3f9f', class: "stzh-audio__time" }, index.h("vds-time", { key: '4f8087b94faac1275b7c38540a9533c777a6a97f', type: "current" }), index.h("span", { key: '1fea6f1af049bb9b3ea86f1ec594881c73054e11', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: 'b15bc25b86646998a3fd3fabae0684667a9d34bc', type: "duration" })), index.h("stzh-tooltip", { key: '36db03b3ad70da9be228fdca7a1445702818c0e9' }, index.h("vds-mute-button", { key: 'e311bf1642bfcc4ee56cd8762973ce11bfe75214', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: 'b945d3d036f5c564320720fc4773cf091aa84d7a', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '71ff72dba183189562ae30d6c7b8e5e10da4742b', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: 'e513cb9be4e3f9ecbff108e2fc73df939c6c095c', slot: "content" }, index.h("span", { key: 'e6426812d304c9ecb236c1d6b6a73bd33faeeccc', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: '6a0b710d2806c6ff042ceb005e34ce676bc07fc3', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: '7b9f1c591bba9013cfdebbb03f5d7819017885c2', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '002c239c73bd2bcad2c5b24db187ee3ef7a8e8a0', class: "stzh-audio__slider-track" }), index.h("div", { key: '3b22febc2dd9326f97088920173a7b8b3441ba60', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: 'eaa4d21360febabd5de2583c5a663e7b3dc0ac4c', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '9247ee52c0b9094c18a798b92485bed4d02890d3', class: "stzh-audio__slider-thumb" })), index.h("div", { key: 'a5d1519e92341eb5e7428cb27e66701ec1f1733a', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'aed7660cfee52e443c1dd7735475035facb46074', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: 'ef2a9db0e0b826b99488f28b63f12b8c3eea6362', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: '30f6b75c9bdbd8e009871a3ad74911d46bdc7373', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: '983c80c814e7caa781e0edeaef1d86cc4349a585', 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) }, index.h("stzh-icon", { key: '3f80795cdca511dc2d138f56976e8fca30e4f98e', name: "transcript" })))), index.h("stzh-tooltip", { key: '45478cb8b2e8ce687844587c796f688245d5319e', content: this.localization.download }, index.h("a", { key: 'b32dc022b0bee1522cb9e32842fbeb1ab998ecdb', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '102db5b5548d554b8353cecc84fafd2dc4e255e8', name: "download" })))))), index.h("div", { key: '8b5b5ca69143473f56051ad54c064fa1e0c3d718', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: '60be245e803b80cffdf03e8186c9b95481afbbb3', name: "transcript" })))), index.h("stzh-tooltip", { key: 'aac897b3d58480c8b95e9d509e3731498427095a', content: this.localization.download }, index.h("a", { key: 'e75602c34aafcd32bf863c4fdbf4f739e368755c', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '405c2106e7b5c629ec995fd78b305a197087ab97', name: "download" })))))), index.h("div", { key: '27076f38abf5de874b540d557eebc354c0bc9927', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const StzhBadge = class {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'd9a44111a97f8f9b6a6fb3f8654850b8c6944df3', filled: !!this.label }, index.h("div", { key: 'bd1060b98f860ba77f52c0aaa1bc64c2b30193fa', class: classes }, this.label || index.h("slot", { key: '3a3cd91f00ba58027dc1a75ed750e0c96cbfb400' }))));
+        return (index.h(index.Host, { key: 'c27b1adf4ebf337e0b983225379f40c33aeda889', filled: !!this.label }, index.h("div", { key: '36682a4aab72ede0a8445085c49c5c2659e3fce1', class: classes }, this.label || index.h("slot", { key: '4cd0a2632d298f2f9bbff5af704d45e6f7e4a1a5' }))));
     }
 };
 StzhBadge.style = StzhBadgeStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
 
-const stzhBannerCss = ".sc-stzh-banner-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-error60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xxxxlarge);margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall);display:flex}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(--stzh-button-tertiary-hover-background-color)}";
+const stzhBannerCss = ".sc-stzh-banner-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-banner-h,[stzh-hidden].sc-stzh-banner-h{display:none}.sc-stzh-banner-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-banner-h *.sc-stzh-banner,.sc-stzh-banner-h *.sc-stzh-banner::before,.sc-stzh-banner-h *.sc-stzh-banner::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-banner-h .has-focus.sc-stzh-banner{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner{outline-style:none !important}.sc-stzh-banner-h .stzh-fylingfocus-focused.sc-stzh-banner::-moz-focus-inner{border:0 !important}.sc-stzh-banner-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--icon-color:var(--stzh-base-invert-color);--close-color:var(--stzh-base-invert-color);--label-color:var(--stzh-base-invert-color)}[type=info].sc-stzh-banner-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-info70);--background-color:var(--stzh-color-info20);--stzh-link-color:var(--stzh-color-info70)}[type=info].sc-stzh-banner-h:hover{--stzh-link-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-color:var(--stzh-color-info70);--stzh-button-tertiary-hover-background-color:var(--stzh-color-info30)}.stzh-banner.sc-stzh-banner{position:relative;box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius);background-color:var(--background-color)}.stzh-banner__container.sc-stzh-banner{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);padding-right:var(--stzh-space-xxxxlarge);margin-right:0}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{padding-right:var(--stzh-space-huge)}}@media screen and (min-width: 600px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 900px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1260px){.stzh-banner__container.sc-stzh-banner{margin-right:0px}}@media screen and (min-width: 1600px){.stzh-banner__container.sc-stzh-banner{margin-right:auto}}.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xsmall);display:flex}@media screen and (min-width: 600px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-banner__content.sc-stzh-banner{gap:var(--stzh-space-xlarge)}}.stzh-banner__icon-wrapper.sc-stzh-banner{display:flex;flex-shrink:0}.stzh-banner__icon.sc-stzh-banner{color:var(--icon-color)}.stzh-banner__link.sc-stzh-banner{color:var(--stzh-link-color)}.stzh-banner__link.sc-stzh-banner:hover{color:var(--stzh-link-hover-color)}.stzh-banner__text-wrapper.sc-stzh-banner{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xsmall);row-gap:var(--stzh-space-xxsmall);flex-wrap:wrap;flex-direction:row;align-items:center}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{column-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-banner__text-wrapper.sc-stzh-banner{row-gap:var(--stzh-space-small)}}.stzh-banner__label.sc-stzh-banner{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--label-color)}@media screen and (min-width: 600px){.stzh-banner__label.sc-stzh-banner{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-banner__close[variant=tertiary].sc-stzh-banner{--color:var(--close-color);position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-banner__close[variant=tertiary].sc-stzh-banner{top:0.625rem;right:0.625rem}}.stzh-banner__close[variant=tertiary].sc-stzh-banner:hover{--hover-color:var(--stzh-button-tertiary-hover-color);--hover-background-color:var(--stzh-button-tertiary-hover-background-color)}";
 const StzhBannerStyle0 = stzhBannerCss;
 
 const StzhBanner = class {
@@ -45,7 +45,7 @@ const StzhBanner = class {
             "stzh-banner--has-close-hidden": this.hideClose,
             [`stzh-banner--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '8cb4fb29a87a6cc740839076609e1cd30bbf91ab', hidden: !this.open }, index.h("div", { key: '21715a3b9d51917b75bb36d6ed5a107320a5a4c0', class: classes }, index.h("div", { key: '349607e440408e85ce251d8c0459d818e7beb95a', class: "stzh-banner__container" }, index.h("div", { key: '366f09535fdc87950f4b0098338e6fcdc9aa40ab', class: "stzh-banner__content" }, index.h("div", { key: 'c30a14f288e77dc103b86c6ecba2cd0d18ded4ae', class: "stzh-banner__icon-wrapper" }, index.h("stzh-icon", { key: '10652097a0d07d919497a5c4f0d8863f7c35427a', class: "stzh-banner__icon", name: "warning-filled" })), index.h("div", { key: 'dd902cb8e78cc34dc3466a06ad53cd7805e49532', class: "stzh-banner__text-wrapper" }, index.h("div", { key: 'cdfddda4f2886702cfe7aa2310688089bab17a51', class: "stzh-banner__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '88251ec034b429ce01ed53f46f897832c01d6b8f', class: "stzh-banner__link" }, index.h("slot", { key: '595bafedaa93d1fe423bec5eed590a78a4c5fca4', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: '6ecf4af64757d5a5135d8d2c21bc4f3ec9d44eb7', 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 (index.h(index.Host, { key: '31d5770c6c5885f755cf86a93fad2d622897333a', hidden: !this.open }, index.h("div", { key: '7f77ea7f33c94b3fafb49eace374d3696e3039d9', class: classes }, index.h("div", { key: '412a0aad01f585460f51558f7cf77292fac6d2d3', class: "stzh-banner__container" }, index.h("div", { key: '85c06961b7e07c2ae3e21466cdb18b5de3b2a94a', class: "stzh-banner__content" }, index.h("div", { key: '57154ef4056f84fce091c8d04298e24eb0f99aa0', class: "stzh-banner__icon-wrapper" }, index.h("stzh-icon", { key: '3697fb976e8c6f44a11feb54417d834700f1b88e', class: "stzh-banner__icon", name: "warning-filled" })), index.h("div", { key: '6e359aec2b3032b46cccde0c6857e921a6dded07', class: "stzh-banner__text-wrapper" }, index.h("div", { key: 'dfcbf94a7e128d6f88f373c1fd12049f2193ea3d', class: "stzh-banner__label" }, this.label ? this.label : index.h("slot", { name: "label" })), index.h("div", { key: '73a0f38e0b596318a2b216dae0f1aefe5ebb5d68', class: "stzh-banner__link" }, index.h("slot", { key: '442b511202f6248d411ecc9902b8d94ce91d9989', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: 'a3f456b30cc5ee5beed3d51bd0d910028a56277d', 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" }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-banner.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,+mQAA+mQ,CAAC;AACtoQ,yBAAe,aAAa;;MCcf,UAAU;;;;;QAwCb,uBAAkB,GAAG;YAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;SACb,CAAC;qBAxCsB,EAAE;yBAGG,KAAK;;oBAMgB,OAAO;oBAWhC,IAAI;;IAG7B,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAGD,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;SACjG;KACF;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,+BAA+B,EAAE,IAAI,CAAC,SAAS;YAC/C,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD,CAAC;QAEF,QACEA,QAACC,UAAI,qDAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtBD,kEAAK,KAAK,EAAE,OAAO,IACjBA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,kEAAK,KAAK,EAAC,2BAA2B,IACpCA,wEAAW,KAAK,EAAC,mBAAmB,EAClC,IAAI,EACF,gBAAgB,GAMP,CACT,EACNA,kEAAK,KAAK,EAAC,2BAA2B,IACpCA,kEAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAGA,kBAAM,IAAI,EAAC,OAAO,GAAQ,CACjD,EACNA,kEAAK,KAAK,EAAC,mBAAmB,IAC5BA,mEAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,EAEL,CAAC,IAAI,CAAC,SAAS,KACdA,0EACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EACnC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,IAAI,EAAC,WAAW,GACH,CAChB,CACG,CACF,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/CMS/stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/CMS/stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n  @include base-invert;\n  @include button-invert;\n\n  --background-color: #{$colorError60};\n  --icon-color: #{$baseInvertColor};\n  --close-color: #{$baseInvertColor};\n  --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n  --label-color: #{$colorInfo70};\n  --icon-color: #{$colorInfo50};\n  --close-color: #{$colorInfo70};\n  --background-color: #{$colorInfo20};\n  --stzh-link-color: #{$colorInfo70};\n}\n\n :host([type=\"info\"]):hover {\n  --stzh-link-hover-color: #{$colorInfo70};\n  --stzh-button-tertiary-hover-color: #{$colorInfo70};\n  --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n }\n\n.stzh-banner {\n  position: relative;\n  box-shadow: $boxShadowMessage;\n  border-radius: #{$buttonBorderRadius};\n  background-color: var(--background-color);\n\n  &__container {\n    @include container;\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    @include spaceCurve(\"padding-right\", \"huge\");\n    margin-right: 0;\n\n    @include mq($from: small) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: medium) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: large) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: auto;\n    }\n  }\n\n  &__content {\n    @include spaceCurve(\"gap\", \"small\");\n    display: flex;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    color: var(--icon-color);\n  }\n\n  &__link {\n    color: var(--stzh-link-color);\n  }\n\n  &__link:hover {\n    color: var(--stzh-link-hover-color);\n  }\n\n  &__text-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"column-gap\", \"small\");\n      @include spaceCurve(\"row-gap\", \"tiny\");\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"milli\");\n    color: var(--label-color);\n\n    @include mq($from: small) {\n      @include fontSize(\"centi\");\n    }\n  }\n\n  &__close[variant=\"tertiary\"] {\n    --color: var(--close-color);\n\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n\n  &__close[variant=\"tertiary\"]:hover {\n    --hover-color: var(--stzh-button-tertiary-hover-color);\n    --hover-background-color: var(--stzh-button-tertiary-hover-background-color);\n  }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, State } from \"@stencil/core\";\n\nimport { StzhBannerOpenEvent, StzhBannerCloseEvent } from \"../../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/**\n * @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n */\n@Component({\n  tag: \"stzh-banner\",\n  styleUrl: \"stzh-banner.scss\",\n  scoped: true,\n})\nexport class StzhBanner {\n  /** Label (slot can also be used as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings. */\n  @Prop() localization: StzhBannerLocalizedText;\n  \n  /** Type */\n  @Prop({ reflect: true }) type: \"error\" | \"info\" = \"error\";\n\n  /** Banner open event */\n  @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n  /** Banner close event */\n  @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n  @Element() element: HTMLStzhBannerElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"banner\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-banner\": true,\n      \"stzh-banner--has-close-hidden\": this.hideClose,\n      [`stzh-banner--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-banner__container\">\n            <div class=\"stzh-banner__content\">\n              <div class=\"stzh-banner__icon-wrapper\">\n                <stzh-icon class=\"stzh-banner__icon\" \n                  name={\n                    \"warning-filled\"\n                    // this.type === 'info' && \"info-help-filled\"\n                    // || this.type === 'success' && \"checkmark-circle-filled\"\n                    // || this.type === 'warning' && \"important-warning-filled\"\n                    // || this.type === 'error' && \"warning-filled\"\n                  }\n                ></stzh-icon>\n              </div>\n              <div class=\"stzh-banner__text-wrapper\">\n                <div class=\"stzh-banner__label\">\n                  {this.label ? this.label : <slot name=\"label\"></slot>}\n                </div>\n                <div class=\"stzh-banner__link\">\n                  <slot name=\"link\"></slot>\n                </div>\n              </div>\n            </div>\n\n            {!this.hideClose && (\n              <stzh-button\n                class=\"stzh-banner__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization?.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly\n                icon=\"close-big\"\n              ></stzh-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,+mQAA+mQ,CAAC;AACtoQ,yBAAe,aAAa;;MCcf,UAAU;;;;;QAwCb,uBAAkB,GAAG;YAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;SACb,CAAC;qBAxCsB,EAAE;yBAGG,KAAK;;oBAMgB,OAAO;oBAWhC,IAAI;;IAG7B,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAGD,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,SAAS,EAAE,aAAa;SACzB,CAAC,CAAC;KACJ;IAMD,MAAM,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;SACjG;KACF;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,+BAA+B,EAAE,IAAI,CAAC,SAAS;YAC/C,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD,CAAC;QAEF,QACEA,QAACC,UAAI,qDAAC,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IACtBD,kEAAK,KAAK,EAAE,OAAO,IACjBA,kEAAK,KAAK,EAAC,wBAAwB,IACjCA,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,kEAAK,KAAK,EAAC,2BAA2B,IACpCA,wEAAW,KAAK,EAAC,mBAAmB,EAClC,IAAI,EACF,gBAAgB,GAMP,CACT,EACNA,kEAAK,KAAK,EAAC,2BAA2B,IACpCA,kEAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAGA,kBAAM,IAAI,EAAC,OAAO,GAAQ,CACjD,EACNA,kEAAK,KAAK,EAAC,mBAAmB,IAC5BA,mEAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACF,EAEL,CAAC,IAAI,CAAC,SAAS,KACdA,0EACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EACnC,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,IAAI,EAAC,WAAW,GACH,CAChB,CACG,CACF,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/stzh-banner/stzh-banner.scss?tag=stzh-banner&encapsulation=scoped","src/components/stzh-banner/stzh-banner.tsx"],"sourcesContent":[":host {\n  @include base-invert;\n  @include button-invert;\n\n  --background-color: #{$colorCoral60};\n  --icon-color: #{$baseInvertColor};\n  --close-color: #{$baseInvertColor};\n  --label-color: #{$baseInvertColor};\n}\n\n:host([type=\"info\"]) {\n  --label-color: #{$colorInfo70};\n  --icon-color: #{$colorInfo50};\n  --close-color: #{$colorInfo70};\n  --background-color: #{$colorInfo20};\n  --stzh-link-color: #{$colorInfo70};\n}\n\n :host([type=\"info\"]):hover {\n  --stzh-link-hover-color: #{$colorInfo70};\n  --stzh-button-tertiary-hover-color: #{$colorInfo70};\n  --stzh-button-tertiary-hover-background-color: #{$colorInfo30};\n }\n\n.stzh-banner {\n  position: relative;\n  box-shadow: $boxShadowMessage;\n  border-radius: #{$buttonBorderRadius};\n  background-color: var(--background-color);\n\n  &__container {\n    @include container;\n    @include spaceCurve(\"padding-top\", \"small\");\n    @include spaceCurve(\"padding-bottom\", \"small\");\n    @include spaceCurve(\"padding-right\", \"huge\");\n    margin-right: 0;\n\n    @include mq($from: small) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: medium) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: large) {\n      margin-right: 0px;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: auto;\n    }\n  }\n\n  &__content {\n    @include spaceCurve(\"gap\", \"small\");\n    display: flex;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n  &__icon {\n    color: var(--icon-color);\n  }\n\n  &__link {\n    color: var(--stzh-link-color);\n  }\n\n  &__link:hover {\n    color: var(--stzh-link-hover-color);\n  }\n\n  &__text-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    @include mq($from: medium) {\n      @include spaceCurve(\"column-gap\", \"small\");\n      @include spaceCurve(\"row-gap\", \"tiny\");\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"milli\");\n    color: var(--label-color);\n\n    @include mq($from: small) {\n      @include fontSize(\"centi\");\n    }\n  }\n\n  &__close[variant=\"tertiary\"] {\n    --color: var(--close-color);\n\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n\n  &__close[variant=\"tertiary\"]:hover {\n    --hover-color: var(--stzh-button-tertiary-hover-color);\n    --hover-background-color: var(--stzh-button-tertiary-hover-background-color);\n  }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, State } from \"@stencil/core\";\n\nimport { StzhBannerOpenEvent, StzhBannerCloseEvent } from \"../../index\";\n\nimport { StzhBannerLocalizedText } from \"./stzh-banner.localization\";\n\n/**\n * @slot label - Slot for label (use as alternative for property)\n * @slot link - Slot for optional stzh-link element\n */\n@Component({\n  tag: \"stzh-banner\",\n  styleUrl: \"stzh-banner.scss\",\n  scoped: true,\n})\nexport class StzhBanner {\n  /** Label (slot can also be used as alternative) */\n  @Prop() label: string = \"\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings. */\n  @Prop() localization: StzhBannerLocalizedText;\n  \n  /** Type */\n  @Prop({ reflect: true }) type: \"error\" | \"info\" = \"error\";\n\n  /** Banner open event */\n  @Event() stzhOpen: EventEmitter<StzhBannerOpenEvent>;\n\n  /** Banner close event */\n  @Event() stzhClose: EventEmitter<StzhBannerCloseEvent>;\n\n  @Element() element: HTMLStzhBannerElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-banner\"\n    });\n  }\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"banner\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-banner\": true,\n      \"stzh-banner--has-close-hidden\": this.hideClose,\n      [`stzh-banner--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-banner__container\">\n            <div class=\"stzh-banner__content\">\n              <div class=\"stzh-banner__icon-wrapper\">\n                <stzh-icon class=\"stzh-banner__icon\" \n                  name={\n                    \"warning-filled\"\n                    // this.type === 'info' && \"info-help-filled\"\n                    // || this.type === 'success' && \"checkmark-circle-filled\"\n                    // || this.type === 'warning' && \"important-warning-filled\"\n                    // || this.type === 'error' && \"warning-filled\"\n                  }\n                ></stzh-icon>\n              </div>\n              <div class=\"stzh-banner__text-wrapper\">\n                <div class=\"stzh-banner__label\">\n                  {this.label ? this.label : <slot name=\"label\"></slot>}\n                </div>\n                <div class=\"stzh-banner__link\">\n                  <slot name=\"link\"></slot>\n                </div>\n              </div>\n            </div>\n\n            {!this.hideClose && (\n              <stzh-button\n                class=\"stzh-banner__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization?.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly\n                icon=\"close-big\"\n              ></stzh-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-bathstatus-item.cjs.entry.js

@@ -67,7 +67,7 @@ const StzhBathstatusItem = class {
             "stzh-bathstatus-item": true,
             [`stzh-bathstatus-item--${this.variant}`]: true,
         };
-        return (index.h(index.Host, { key: '049ceb12ea36d8540d62245110542cbce804d6b7' }, index.h("div", { key: 'af93314d9a9712643b4d758e67917778116a616f', class: classes }, !!this._item.description && index.h("div", { key: 'a917b9349b134461be1f738f085debbfa03e2c41', class: "stzh-bathstatus-item__description" }, this._item.description), index.h("div", { key: 'c17dfc404306d2a753860a1e9ec34b09a12fe7e0', class: "stzh-bathstatus-item-container" }, index.h("stzh-link", { key: '816825ba461c708ce5e51a5196339b57088a10e7', class: "stzh-bathstatus-item__title", size: "default", textAlign: "left", href: this._item.url, label: this._item.title }), !!this._item.temp && (index.h(index.Fragment, { key: '4fd0ead4e664c429f7059e76be391f461aed1f4a' }, index.h("div", { key: '37cd3e23f818f23b490ba7dc4f8e33e34dd33313', class: "stzh-bathstatus-item-key" }, this.localization.temperature), index.h("div", { key: '8da0302df8f4a96d97b4b1ee68d8b77f3a5ca06e', class: "stzh-bathstatus-item-value" }, this._item.temp))), !!this._item.statusMessage && (index.h(index.Fragment, { key: '8079570e42ca70cb479de3bd52a83e6a107072c0' }, index.h("div", { key: 'de3c53cbaba3c12fe1909beb09cb03934aa11c1e', class: "stzh-bathstatus-item-key" }, this.localization.status), index.h("div", { key: '1c4feab9ed2646ad86985f039a57004d5feef86a', class: "stzh-bathstatus-item-value" }, this._item.statusMessage))), !!this._item.lastUpdate && (index.h(index.Fragment, { key: 'd2d5919b7b779a9b27af04eede9158d949a42775' }, index.h("div", { key: 'dd9813587fc67e9a4f6e994a4e51d7b8e1b5591b', class: "stzh-bathstatus-item-key" }, this.localization.lastUpdate), index.h("div", { key: '426dc7476b0ff79c1fc4f5092d67fbf7642875e3', class: "stzh-bathstatus-item-value" }, this.isMedium ? (index.h(index.Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "datetimeLong"))) : (index.h(index.Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "dateInput"), " ", this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "time")))))), !!this._item.uvIndexPrediction && (index.h(index.Fragment, { key: '50848ab83a679b3e742996a4523a92f1c568176c' }, index.h("div", { key: '74a87aa163cfbdb17db7aee6bc5bf11b98b36222', class: "stzh-bathstatus-item-key" }, this.localization.uvIndexPrediction), index.h("div", { key: '09615be70ef67776a212324baa8f38c07d1362dc', class: "stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction" }, index.h("img", { key: 'b6743003860ceb1948142b2c27d927db63c4ed2a', src: `${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`, alt: "UV Index" + this._item.uvIndexPrediction }))))))));
+        return (index.h(index.Host, { key: '496723ede68faa084f028757800646bdb6d0efe5' }, index.h("div", { key: 'f964111a68fe87f325983a6cba18ad2e5e3a6822', class: classes }, !!this._item.description && index.h("div", { key: 'fcff4560326baecc20fe33318405cfec8001ce39', class: "stzh-bathstatus-item__description" }, this._item.description), index.h("div", { key: '312ba9f35912c9b0f10b027b4ba45011c84dc328', class: "stzh-bathstatus-item-container" }, index.h("stzh-link", { key: '9f44c9a983562d21fd3c236b39602174c38e4f68', class: "stzh-bathstatus-item__title", size: "default", textAlign: "left", href: this._item.url, label: this._item.title }), !!this._item.temp && (index.h(index.Fragment, { key: '9f5707749b2d45751f613b44b66d53cce88062da' }, index.h("div", { key: 'a82f2637155056bd56516f90c63deba5a8f1513d', class: "stzh-bathstatus-item-key" }, this.localization.temperature), index.h("div", { key: '55580e766b16ca9468671fb25adb6844a27f49cf', class: "stzh-bathstatus-item-value" }, this._item.temp))), !!this._item.statusMessage && (index.h(index.Fragment, { key: '68dbe0674fedf8368b91d6ed0af4fbe4cf23d6a3' }, index.h("div", { key: 'd8a01718ba91c0d39a6acdee5fb026be43c57cc5', class: "stzh-bathstatus-item-key" }, this.localization.status), index.h("div", { key: 'f6f0ed954a73ca41d033b0efdb1df98e2a1ffb99', class: "stzh-bathstatus-item-value" }, this._item.statusMessage))), !!this._item.lastUpdate && (index.h(index.Fragment, { key: '0b08d1badca10127a3aa9d1c8c37390f057c6da6' }, index.h("div", { key: 'bf907c9d6a91ae8517fd7acff92a2edc4b6d7436', class: "stzh-bathstatus-item-key" }, this.localization.lastUpdate), index.h("div", { key: '493c1714b655cdfc47ce64af428730fc32df0a7d', class: "stzh-bathstatus-item-value" }, this.isMedium ? (index.h(index.Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "datetimeLong"))) : (index.h(index.Fragment, null, this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "dateInput"), " ", this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), "time")))))), !!this._item.uvIndexPrediction && (index.h(index.Fragment, { key: '3299590f8fc202bed2614a89222e53953145acc4' }, index.h("div", { key: '1c0efe42467f9a6281eb1ef34c8372bba53ff465', class: "stzh-bathstatus-item-key" }, this.localization.uvIndexPrediction), index.h("div", { key: '7a1920a5ff79d5c04a55131260e7972b925a3d7a', class: "stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction" }, index.h("img", { key: '138c3757b4ac5f239078c5bf22f7b48d664d5914', src: `${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`, alt: "UV Index" + this._item.uvIndexPrediction }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-bathstatus-list.cjs.entry.js

@@ -53,7 +53,7 @@ const StzhBathstatusList = class {
         const classes = {
             "stzh-bathstatus-list": true,
         };
-        return (index.h(index.Host, { key: 'b9cff6372116ca549aa308341ff92d380fbcc632' }, index.h("div", { key: 'a6153fdd9425def7d42ddca415f4ddca3ca9c52e', class: classes }, index.h("stzh-overlay", { key: 'f44bd56482dde583f6cde10be05554899e5a0484', open: this.isLoading }, index.h("stzh-loader", { key: 'c4674457d352f16dc981e5606ff7b7a6a34260eb', label: this.loadingText })), index.h("div", { key: '161160331abe63b34e0ca9016117efb1abade501', class: "stzh-bathstatus-list__header" }, index.h("div", { key: 'a8e3ff7ba47114c9609e438386b989535665defc', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), index.h("div", { key: 'c21127a2167a7329525f3c9a3e45e718d8f2bfe9', class: "stzh-bathstatus-list__column-name" }, this.localization.water), index.h("div", { key: 'fa907650aeed5b0bc3ac0d844235de6f280858fd', class: "stzh-bathstatus-list__column-name" }, this.localization.status), index.h("div", { key: '0bbe23c4a04ede32ee23edd6db31d9ef02c1a4e8', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), index.h("div", { key: 'ce1a7c98d52cbe88a534eb12d431ca5f700b9339', class: "stzh-bathstatus-list__list", role: "list" }, index.h("slot", { key: 'd8061459273d61212b55023d55146da0cefd579a' }), this.items.length > 0 && (index.h(index.Fragment, { key: '7ad1c81c99ab590e70bc439e42b1489e3ec3c8be' }, this.items.map(item => (index.h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
+        return (index.h(index.Host, { key: '3235d24fdb96e731f5c69cd047cb93c6cc9591c4' }, index.h("div", { key: '0b0a5057591bc6b42d1ea0b21d39d0f0792b1825', class: classes }, index.h("stzh-overlay", { key: '101a29f2f84ebd779cd7dfc0fafa641041f43007', open: this.isLoading }, index.h("stzh-loader", { key: 'dd42ccca1e95bfd94d0538cdf1f6703dd8800b62', label: this.loadingText })), index.h("div", { key: 'ac6f1edc4dc9ccf87ac39b13badf7c0c2b1758f2', class: "stzh-bathstatus-list__header" }, index.h("div", { key: 'ab5a79808a6a402ac11b387ad15531525f111d6b', class: "stzh-bathstatus-list__column-name" }, this.localization.bath), index.h("div", { key: '47ccc622355e4e6e9e2e1e257019b81054554753', class: "stzh-bathstatus-list__column-name" }, this.localization.water), index.h("div", { key: '85fed10dafc95e26a6aa3693ef5c4330f8f676c8', class: "stzh-bathstatus-list__column-name" }, this.localization.status), index.h("div", { key: 'ac1b7e59b54d2b6f5374fca7de73784cb155d110', class: "stzh-bathstatus-list__column-name" }, this.localization.lastUpdate)), index.h("div", { key: '1f0a7c7aeacf1fee9df240d484773dfa89ea9d06', class: "stzh-bathstatus-list__list", role: "list" }, index.h("slot", { key: 'c719f099bc318a3608419e2c49d7e1187c3b2445' }), this.items.length > 0 && (index.h(index.Fragment, { key: 'fa9d43202adf7f76864f28b4844e826af079937c' }, this.items.map(item => (index.h("stzh-bathstatus-item", { item: item, variant: "list" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-card-superteaser.cjs.entry.js

@@ -136,7 +136,7 @@ const StzhCardSuperteaser = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (index.h(index.Host, { key: '319ba1541d2664bef85fa8c57036348ab8f05b2c', "has-image": hasImage }, index.h("article", { key: '7910c058b9cd59d489bf5e151f4f8348dbd030cd', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '85ffcc3c33c28e98962d9c775c030dc0114eed1e', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '107e650870f4c92029699aa1206982e2e69bbe8f', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '2a7665af63c9a66f7c5d1483d77f339195d9f316', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '974c53a6485c6f2eba4a452f8e9ef570cf653a36', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && index.h("div", { key: '390b9fedc123e9bae0738591b310a81828918a88', class: "stzh-card-superteaser__topic" }, this.topic), index.h(Heading, { key: '12c796bfa2c5688faef2b4f833b7b4f66525bfaf', class: `stzh-card-superteaser__heading ${utils.hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, index.h(HeadingLink, { key: 'af5cccf1056cc817ce76b760118837784bb59417', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (index.h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: '3c7453f2aabf60c11710bf64eee69b9e467054a3', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '21d7c108b51bf064706e65fd34d8c4b9d825d99e', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (index.h("div", { key: 'e5b94ea96e183b1a3bd8196422713880cf8ac5ed', class: "stzh-card-superteaser__event-date" }, index.h("span", { key: '0fabb37127b36307a5aae8167ad745853f95c6f7' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '0b283654e17ccd0ad605265ce90cf4babeed0719' }, !this.isOnHomepage && index.h("span", { key: '22fbd8490d38fe8e0485086346c0d2d00b1f65d0' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: 'cabac47862cb03eec4713fce7b4bee3e2c057199', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), index.h("div", { key: '06ec46490d7f654d1ae81f986eaffd5c1e8959e0', class: `stzh-card-superteaser__description ${utils.hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '779142cc228592dc0171e15c7633f2255f3a920b', class: "stzh-card-superteaser__image" }, eventDateStart && (index.h("div", { key: '1ea1bd8a72a80b92534fbdedc36c71ccf24a3975', class: "stzh-card-superteaser__event-date-teaser" }, index.h("div", { key: 'edbccf181f7d08ce51ac18b1bbf7317ab3272dbd', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: '0acb19fefef722c6b7b3f142db3e2590f76dd6f8', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: '24f370f313d1c683bb5b71573781fc3b17643351', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && index.h("div", { key: 'e32e5e83a26d4191437ab4672f3f9c8e1989960a', class: "stzh-card-superteaser__service" }, this.service), index.h("slot", { key: '1d46d0e477a639de84a52bcf14f88964eeb3bac4', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: '5243f75161af72e64483fc2d849c95d647bbca8d', ratio: "2:1" }, index.h("div", { key: 'e42635e5cd609bb4bfbb09dc976d1100a2d11075', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'bdae2f7e9ea172a56ac9fc4d27b5908e0ed8d606', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: 'ee58f91c853d431ad1be6a341800ddb3c8512dfe', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '3b94e59f08b7e661fc5ec82b1efb3b839e3df91d', class: "stzh-card-superteaser__meta" }, index.h("div", { key: 'ea705ed1594680cc49938330e8411a3eb157d560', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '828377ad49cffe0f5373b3639802714f3221db0d', class: "stzh-card-superteaser__download" }, index.h("div", { key: '3bcb61f367927c6530fac66f6753aa5ef0aee7ca', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (index.h("div", { key: '125525bbc6ba8da665b0c0e7ac2822127e9b5f5a', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: 'e7cb2a38b723d77f2917ebc1a050bc6b3aac3abf', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), index.h("div", { key: 'e33a1af85bb6e1c6c5920bbc4c45043ac5422e4b', class: "stzh-card-superteaser__download-button" }, index.h("stzh-icon", { key: 'c9dcbedd8dfb9c9fe4b05048df729c65ac7d6d1c', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
+        return (index.h(index.Host, { key: '5245e138f4b81ffb187fe51e3155fdee27947c66', "has-image": hasImage }, index.h("article", { key: 'c6613a4e654f576be4f0955aaf88906084f24b6e', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '063bf7197a15ca8634181e947a61cc177ea3baea', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '89de45450e9d783999ab5399107b21d62c5951d5', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '92cf3e4a99eefd42df9a392ad1feddcee7b820b0', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '1b80cba9903a04e7350e1463c5e7da6e057af10e', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && index.h("div", { key: 'a64ef101161aa9ff154e4920c2b627af658d9681', class: "stzh-card-superteaser__topic" }, this.topic), index.h(Heading, { key: 'd874ccd312a1c7f741b4c0890ce3d69e63e756ad', class: `stzh-card-superteaser__heading ${utils.hasSlot(this.element, "heading") ? "stzh-card-superteaser__heading--slotted" : ""}` }, index.h(HeadingLink, { key: '0a50a5cb89cab3a224f853fd84d70f053e99994b', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (index.h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: '0aa278f12ea65d12d5fe9734a08f09b2b97430d2', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '81acfe34018cb2480f43b1c72a64a017938ea2e5', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (index.h("div", { key: '74f580895437ce87c342c87bb4feafbb6c06a7a8', class: "stzh-card-superteaser__event-date" }, index.h("span", { key: '76f769c55a9764ea3dbcc57bd2f0fa86e93e5f87' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '99ecc1f86eccd583cf51b8b2929c0f5fdc84702c' }, !this.isOnHomepage && index.h("span", { key: '447370b6bb41cbd454082cce0f6468f11bcc4b98' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: 'aac3854ca21a2722c019e7adb21d9adcf8f191cb', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), index.h("div", { key: 'df4517459f1b1b4dec38dfe92487aba03fd5f44b', class: `stzh-card-superteaser__description ${utils.hasSlot(this.element, "heading") ? "stzh-card-superteaser__description--slotted" : ""}` }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '497d53d2fa56e32797dba0060881bee0a1bb67dd', class: "stzh-card-superteaser__image" }, eventDateStart && (index.h("div", { key: 'c653466d2e71ce9f3b619a612aa16e83c0203e5a', class: "stzh-card-superteaser__event-date-teaser" }, index.h("div", { key: '909af11c3a7ac1a34051b03cdce753a10c27ad51', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: 'a3f059a03ded1c2889d78777583a1094a09dbf41', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: '208913a664710ce9b5aaa2e9645658ba480fe220', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && index.h("div", { key: 'ad9242d67c859ba4d2c5fed3d3b3f6fbb59581a1', class: "stzh-card-superteaser__service" }, this.service), index.h("slot", { key: '00463aae0648705918c63fb808cbc82a10761694', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: '4064134ef853017f4fa059daca447372d213c0b2', ratio: "2:1" }, index.h("div", { key: '453d4385f91b8e0216626a3ce186fb8f164c8d4c', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: 'de452159c99b43aee0ad15bc8a8c9184c6dc75b0', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: 'f193f54bba19d97ba295fa7c8be6082df96ed4cd', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '38bc118f5fbf031a768e38818671abf539462c79', class: "stzh-card-superteaser__meta" }, index.h("div", { key: '490e9a78baa4ac470d56c6389adccee0a6651ae9', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '8978cc5afac406bb40e78973db170ab0ad054502', class: "stzh-card-superteaser__download" }, index.h("div", { key: '977bb9149a8efe4305103e930362d5c654f27bd2', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (index.h("div", { key: '61ae2dc917b5b401198ac1ad1cd2a5434c20e7c6', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: '03e2fd4a618d1be3776ae9bb1c03195904263c25', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), index.h("div", { key: '4e21b06bc0d47eff647e0a0d5a93877298ce9837', class: "stzh-card-superteaser__download-button" }, index.h("stzh-icon", { key: '6ba567d0c88b27cd24c4d85af91a5ad683537477', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-870b4dee.js');
 
-const stzhCardlistCss = ".sc-stzh-cardlist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);--stzh-icon-color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width));padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}";
+const stzhCardlistCss = ".sc-stzh-cardlist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);--stzh-icon-color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);position:relative;--slotted:var(--stzh-cardlist-pi-content, 0);left:calc(50% * (1 - var(--slotted)));right:calc(50% * (1 - var(--slotted)));margin-left:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));margin-right:calc((-50vw + var(--stzh-scrollbar-width) / 2) * (1 - var(--slotted)));width:calc((100vw - var(--stzh-scrollbar-width)) * (1 - var(--slotted)) + 100% * var(--slotted));max-width:100%;padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}";
 const StzhCardlistStyle0 = stzhCardlistCss;
 
 const StzhCardlist = class {