@oiz/stzh-components 4.6.0-beta3 → 4.6.0

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

@@ -43,7 +43,7 @@ export class StzhAnchornav {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (h(Host, { key: '82d4f917cff546ae7c0bc1de7d0458017335ff71' }, h("nav", { key: 'a5ba98e4e9f6c979c162978e695e60d397c9a8af', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '3b8a3ea14969e66a30295aa54139ff8ed1bb0bbc', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (h(Host, { key: 'b1af877dbff2500e43ab440a170b1811e4520989' }, h("nav", { key: 'bf14abeb8f4fe01cbe5ae2d64f0edfb13431a999', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: 'e570eb008a0c917ad0e368d3b08e50645cdbb52f', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     static get is() { return "stzh-anchornav"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-app-nav/stzh-app-nav.js

@@ -21,7 +21,7 @@ export class StzhAppNav {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (h(Host, { key: 'd705906dfa8fc79d2151d76ab800a6c73bbfdf4c' }, h("nav", { key: 'b75ac042503af6261accf0759b751f8bc7be9563', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: '4cd53761af9826865bcaf940c4a64f89157b95b6', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (h(Host, { key: 'ae1db42d407b412d01a61e10e47b641c974dbeee' }, h("nav", { key: 'cc55ef669d14fc26662166ac2d08c0993f5cfbc8', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: 'b42e215ca7db6fd60d8739d11dc83aa6be1a6c02', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

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

@@ -251,7 +251,7 @@ export class StzhAppointments {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (h(Host, { key: '1728e91f3166d35ed8c3c81e9d82c93fb51de5f3', "has-heading": headingUsed }, h("div", { key: 'fe4b6a5334801c2d0293085ee1f579541fa96ded', class: classes }, h("div", { key: '5546e6431292451f3214f8008f4faedc5f6cbafe', class: "stzh-appointments__heading" }, h("slot", { key: 'ad7ae815d65a27009500c5baa8b1bf3509c78760', name: "heading" })), h("div", { key: '7ac2311c272c59907466527c31e80a52ffd75d72', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'efcf72400a53e89c16b8ca00366c369474b674d3', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'd31158baae7e6819f79047f9ab73b1339c7d151e', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '9390fee5869b94d031094fed5f68f985c1a42e5a', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'f0e6b9aa9a3aa09f982fd8ac2eb6ff5468166a58', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: 'a00d58dff58de3ecdc6b4f6e7d432e7ab97c5f37', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '29cd37f62445669df46b7f89811797f35540cd5b', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '109453c006e4eaa7faaaecee91fa8600aaa3ec3f', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: 'f06429980ba5c3c48c78204c70e52ff41bd50a98', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'd96d65c976e7b7f0a9cdd97e0e1e2f5d6ba61aee', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '50cf47b44de9b9b05760cc130afd80b62be72ecd', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'd5f890eff5882530c31d10083e0e5a92f55ebd8f', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: 'dbdb4aae72f2f0ae92ce7915cfff8d86d2f6b2c7', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'a964e646b14cb7d82530ea199858b9c26b4c9186', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'ae31d2f5c8552126f8c352dd388032b90991b313', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '428d7b016152f20849fb2088252e0b44b82301a7', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '7818a53dfaf106b0e76a5840babb51f611d7266c', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '3aca013063a7b1aa3d2e797bafdcba2cd1f47bad', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '1fefcb5799637b45ec1c5029b7b3098def83e261', "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 }))))), h("div", { key: '7ceab2672395b3a7aff85abc53f744cd37723b45', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: 'e8d157ebcf8e11c766d3c71968c9e20c18cb98d1', 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 => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: 'ce621d82405ee70ebf00a00a78651c11c822fa51', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (h(Host, { key: '5047a8b34d1d9b1cc0019f617bdb65e370829dfe', "has-heading": headingUsed }, h("div", { key: '5ff934ffa9f5152d86e0b8684f8efca1ca30538a', class: classes }, h("div", { key: 'bd74515020eb2953b9d18e398ff2d036b0a13be1', class: "stzh-appointments__heading" }, h("slot", { key: '98ca7d2c91adcb08d808f5ecfdea2128b66e3084', name: "heading" })), h("div", { key: '5c42d5c742084fdd8d7cc5b0a60353c1dd7b525e', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'ac52f511b40b90c53c844154c09b789e4158e8f5', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'd6cc5ef7fe65de66aa7231f58ed0c72f726fc9e2', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: 'e6b059853b1699c05f2c576daee4af9724183a48', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: '1517008cdfffcfdbe55621ce8b5562571cfb5ac2', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: '89c7df8d3d8fd0d5fe0750c2b128f189305d3bf0', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '9a0a82a30f7563852c5d3abc1ecfcf9eccf60931', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '448007c90836937a5b27d24e71b81c99789485cd', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '2b1bdc25171b55bf1b5c9e9731412d4107ed59aa', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '15d930cdae9a17bff15f19de06eb164c2ec01e4c', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: 'f0ff51cf025de4cbb0b53b508999645e62120704', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'a8e7367160d14f811804c2835044da49ad0825d5', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '27eae77bde74e137ab830312d585852baa9e0da6', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: '5cd7dcca6c0c6386d2ae6bba23c58247cbfdc3bb', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'a9d444ddb2b4e5d5f29c886a6f29b951dee46123', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: 'f31f07f669a8eedbdf33695137673256f24fa87c', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: 'b5990b6cd7255c02b008499fc717e2e4b29e2bb4', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: 'a790e0fe7160bc14a81508ac8a3fb11dd7566649', class: "stzh-appointments__sort" }, 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 }))))), h("div", { key: '8108658e43aaaa0fc65944bd3cdf91e4519aa170', class: "stzh-appointments__appointments-content" }, 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 => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: '6840c224cc1572a1132a2ab63f85bde1fe352d1e', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     static get is() { return "stzh-appointments"; }
     static get encapsulation() { return "scoped"; }

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

@@ -38,7 +38,7 @@ export class StzhAudio {
         const classes = {
             "stzh-audio": true,
         };
-        return (h(Host, { key: 'adc7c38e9004abb43c53f7a6a200ff371cffa327' }, h("vds-media", { key: 'd4e49e3f00311782be26550c40076d905605c4a4', class: classes }, h("vds-audio", { key: 'fb8764bbc6a2e5184553f355b10acb54a2491f06', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h(Host, { key: '3d40486913fd3db68cdaae0a44ac3897ad0c1860' }, h("vds-media", { key: 'ec112a23ebed3ad1e4a421dd2af7becc7369a1c4', class: classes }, h("vds-audio", { key: '54668d3a8ffd91d8b95e75d37972ad5bbe4b8a59', 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" });
@@ -50,11 +50,11 @@ export class StzhAudio {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, h("audio", { key: '0b221a814271376201133ff7edba260f5ca7463f', preload: this.preload, src: this.src }, h("slot", { key: 'fc125dc950fab61eb4ee5ce5675b0d2a1ede821e' }))), h("div", { key: 'efcc542fca2fe230f4441ca9409ff2b71bf1c814', class: "stzh-audio__controls" }, h("div", { key: 'fc8489dfa5b1400c2375a63a53d05e1109a870c2', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: '208366f97280cb38f1ced382d3ed0d674a0ddfd4', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: '994f06627e2700625f3f344cdb622b3dfd80e994', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: '599fec3c58eb03334103f6353372a031ba86c24e', class: "stzh-audio__slider is-time" }, h("div", { key: '9027c1f04fb1ecdb29bfedf8462510cc3de8a4c9', class: "stzh-audio__slider-track" }), h("div", { key: 'c2bf3737c348187a9c7ccd1f774b2e61ea559cc0', class: "stzh-audio__slider-track is-fill" }), h("div", { key: 'a8888b1465dbc5ba770e1eb1be8a68975dcc6c2a', class: "stzh-audio__slider-thumb-container" }, h("div", { key: 'cd918d8bf70cd5086bad4fd7ff566f3ea24dea2d', class: "stzh-audio__slider-thumb" })), h("div", { key: '7727c198878168a0d21502e42e512a168c472a10', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'a179681a425f4a323dea97e3b1c0f71b23d75b95', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: '3348ebd143b9448928d78f87ef62c7027a41eebc', class: "stzh-audio__controls-bottom" }, h("div", { key: '18ba37d17f119e2d808d724b11a2f8c30e4397c5', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: 'fcd87ccb74cbc230025dc877ccbd04c1b2be5d46' }, h("vds-play-button", { key: '53fc6e83f6bff2c4082a8a24b5951abe3999af03', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: '492b659de3453c47d4a7e9c80ae759aeb109a3bb', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: 'e422ac424e34723e315d46b0f55f05c618ef5444', class: "stzh-audio__paused", name: "pause" })), h("span", { key: '0d6fc0648d44ee7fd2a4dd6c776ab367c4f16d56', slot: "content" }, h("span", { key: '3382db81b57204c2f1e3687397067102a1cddf99', class: "stzh-audio__played" }, this.localization.play), h("span", { key: 'b7b7994d9cc526b01da08979d458afd88f24f748', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: '58c00d329f58db7b53d92a633c41c413fbb8548d', class: "stzh-audio__time" }, h("vds-time", { key: 'cd052f9b18dc89436bdfe4d204ee84fd466d4ac2', type: "current" }), h("span", { key: '4f0ca82a5aeadb62e21420824fbdb3a242d8ecbc', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: '92ac5701e584129585ea52c8fc54528f0bb4ea71', type: "duration" })), h("stzh-tooltip", { key: '1b7fb13bf74b63ee5a63c39a5af73d1b051e209b' }, h("vds-mute-button", { key: '158b2b77a2b8a5c931b37cedc16399b2740d8abb', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: '2c7595b59335247a3db7ffb06d8ee580bee5371c', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: '50f4200533d92909a834dfcdbe866857cb2f0810', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: 'cbe10d1bb537653fbb22cac0ad7c7a053313a379', slot: "content" }, h("span", { key: 'fbaf5804f0bdda0649f1354597747c761f80b04b', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: 'a0d23ed2d2d43a8cafde24feb24845d471236f84', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: '75573a956988404ffaea86da114a0f97f517ee88', class: "stzh-audio__slider is-volume" }, h("div", { key: '3e13e4826980600295b92194f2bd7bcf583a0e57', class: "stzh-audio__slider-track" }), h("div", { key: '7bb8b898b4f51fe33990cc42eaa8be05156d0c0b', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '64c7bc436408e4d7e964c310f26a703a8db46b43', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '2a782c51dd01519edb75764d813f99fcfbd5a135', class: "stzh-audio__slider-thumb" })), h("div", { key: '85cfa0c27692fb9d77156d4719f147e2e2592708', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '76593d9391bf40711131632d2d18654830f87aa9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: 'ac714c6f89f87b22eda68e346f065a9abb84b5b2', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: 'a51a57933f2ab92651456f81996550a7cf6d35f0', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: '0e968fcecd862b6352aded773283c31558f79072', class: {
+            } }, h("audio", { key: 'c94636199a8211ff5bd75bb496e68031aeeb10c4', preload: this.preload, src: this.src }, h("slot", { key: '86fc4510fa916bf2aec88426b66f2ba0f2df3243' }))), h("div", { key: 'c1fdd5c1bf08adc5a456324acd1f0b0c520d0ab2', class: "stzh-audio__controls" }, h("div", { key: '68835b5ea7ccfeaf7e2721b319dc666a2eab9776', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: '6a5bcb4b1dc3ed89eb79a45cd27383a3589a2ca1', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: '36068388a784a44ee0f078d4c2b2e7aec7fe9ec6', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: 'eec8665ca50864323657e2374f48d187ea0b18d6', class: "stzh-audio__slider is-time" }, h("div", { key: '130c8ec09f559a204ee96cfd71eccb7d7c3b2395', class: "stzh-audio__slider-track" }), h("div", { key: '3ac50a1ca64ec490fb4bfb7c211acd664caf606e', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '2a23e42979ef03f05bb214f5a743e96a165bd627', class: "stzh-audio__slider-thumb-container" }, h("div", { key: 'c91ef0e535b6865136dd102fa561a1021c75fb54', class: "stzh-audio__slider-thumb" })), h("div", { key: '50616eb7ff226e5e29949aafad71942b763f7f47', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '050222b05c938f4be7a68d7dbd93c014314af5eb', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: 'cd6dae954f1ce7558ed18f13bf59cc4967cceb03', class: "stzh-audio__controls-bottom" }, h("div", { key: '1c2d78dd7981a8c335249208ff6c881d4ef10a98', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: 'cbe5972295cc149c143b2001dccc6e195b67f712' }, h("vds-play-button", { key: '695ef0d7b6df092013c0b7db0e451ae444a6cc8b', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: 'f00ff99cf2db18f35d36e37663ce863ce7d62d44', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: 'e6f4ca3cf3cf4380c83c111a345253f109416c4e', class: "stzh-audio__paused", name: "pause" })), h("span", { key: '84dffcda489971f55818055bfdd5f467159a3421', slot: "content" }, h("span", { key: '85df5a2af24e8a0746a776593d251d08ac393cd9', class: "stzh-audio__played" }, this.localization.play), h("span", { key: '20e71be05fd9edee13ef0da3941ba6838ebb97c5', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: 'ace4a4b0bafc60984388e357dd1e508dd43ca1c2', class: "stzh-audio__time" }, h("vds-time", { key: 'fa24daf3af3862b0067ae72749042dc125ca61bf', type: "current" }), h("span", { key: 'dad9106498b30ccfe851f250d75d0e138b439f02', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: '2f5733ad580c78a1985483125d3254f430356cb0', type: "duration" })), h("stzh-tooltip", { key: 'd7aee440b11568d42c2e03ad8312056a606d45d8' }, h("vds-mute-button", { key: '7c842413fba97a286989d662fedfe43777d5401b', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: 'eb4b593b06d85a7bb2334625d1d7258651b1af94', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: '41238af0eeb3148416561efa0823d091a0169dc9', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: '92c79322db2691e45dc28ed0c2b7a00768655936', slot: "content" }, h("span", { key: '31f89ac113c48f7e3904121b1cf8fbce001cf1b2', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: 'feb640737ef68e5997095eb8f9ba077e7e9aa1e5', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: 'fae7ee452e0ac5bc24865460014a5a1380015822', class: "stzh-audio__slider is-volume" }, h("div", { key: '54399b7b75930da1323dbf2fa5922974edaa0287', class: "stzh-audio__slider-track" }), h("div", { key: 'fa45a8c1a853a53191367d88081e82d6b96feb74', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '377958d28409aa8dd324e077346c54a5b574c704', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '0899b146ebed8f9424ab60663dd3f443ffd2a66a', class: "stzh-audio__slider-thumb" })), h("div", { key: 'fed9fbe923795d5fd9a1568dad6bf7acd5bf02cf', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '7f2245dd71fe904a31901bc5c9d6f39d64e63464', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: 'e79b2e14c9843b7d58b0e00ef417e0f16107a97d', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: 'f8b9f8e104204f35a15d4a8d3928b959f253b99f', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: '5b406fa80c75f55973356a720dd25e6d38856cbe', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: 'bb1b4acca149507438f66d77bb90483fd75c9f83', name: "transcript" })))), h("stzh-tooltip", { key: '1c3d793229e8c3601b14fef416be878461c9d62f', content: this.localization.download }, h("a", { key: '9a26959304cfc32852987e2f4c25c56df19d929a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: 'bbf59976f0ae87bfeeb28373f10a96a8f67320c9', name: "download" })))))), h("div", { key: '6ca84f7d53b8634f508cc0dd67ec5ee14e4774bb', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: '3f80795cdca511dc2d138f56976e8fca30e4f98e', name: "transcript" })))), h("stzh-tooltip", { key: '45478cb8b2e8ce687844587c796f688245d5319e', content: this.localization.download }, h("a", { key: 'b32dc022b0bee1522cb9e32842fbeb1ab998ecdb', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: '102db5b5548d554b8353cecc84fafd2dc4e255e8', name: "download" })))))), h("div", { key: '8b5b5ca69143473f56051ad54c064fa1e0c3d718', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
     }
     static get is() { return "stzh-audio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhBadge {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'ab244b1fcd1862bbd1b913aa567a93482ed1fd58', filled: !!this.label }, h("div", { key: '54a8d091b9371f422a8c560eee21347362c3417f', class: classes }, this.label || h("slot", { key: '4ad245f23016d0645c4ea109cc0bddf40fb690ca' }))));
+        return (h(Host, { key: 'd9a44111a97f8f9b6a6fb3f8654850b8c6944df3', filled: !!this.label }, h("div", { key: 'bd1060b98f860ba77f52c0aaa1bc64c2b30193fa', class: classes }, this.label || h("slot", { key: '3a3cd91f00ba58027dc1a75ed750e0c96cbfb400' }))));
     }
     static get is() { return "stzh-badge"; }
     static get encapsulation() { return "scoped"; }

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

@@ -148,7 +148,7 @@ export class StzhBreadcrumb {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: 'ed1c7468acd17e85c9b2a4b9a751e7d3ac819405' }, h("div", { key: '4076813c39b6af2cf5d7f68f6483707bc5a36a06', class: classes }, h("nav", { key: '9280811b687f8162e9c17c856299fd34747ad05b', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '505ad815ab804d4579832e8ed77236fdcbf705e4', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
+        return (h(Host, { key: 'ce1552e4612985eed6a7c6e071cd30a836fba0ad' }, h("div", { key: 'b921fb04eb278ad1531ef792f1e4d246c5df6066', class: classes }, h("nav", { key: 'e9653b97c7f172161704b1125cf7a0b08f3c6ffe', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: 'ea3261be43b39081deab6b5f402e8b31b539d733', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index + 1 === this._items.length,
                 "is-first": index === 0,

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

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

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

@@ -100,7 +100,7 @@ export class StzhButtongroup {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (h(Host, { key: '9501867b5b621c393a605e5b06dfb5cdcc1fe012' }, h("div", { key: '7243ae784e70f49f6441656f579e1ae583ca608f', class: classes }, h("slot", { key: 'd8853459525ba37f2792005f0e9f91acf8fde8e4', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '165b0be231882e0333c166b49e52ef2519165f30' }, h("div", { key: '62e0f8c17082cd8dfd7934cf878cc6e01670e43f', class: classes }, h("slot", { key: 'f2a4b181d925eadb56f3cc04713a13e17a312dd2', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "stzh-buttongroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -288,14 +288,14 @@ export class StzhCard {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (h(Host, { key: '1572888deff0cdc23ed21421458869592e83b242', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '41d64741a737f6440ef4f14ba1563458c64a9f89',
+        return (h(Host, { key: '32f19a2b9b0a59d404915e98b3eb5dc2d5a7effd', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '7fca998a2cdf67444916543d7596d3816f49dadd',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: '58227bb0b3bb1ccc1e62d69693ee5181ee7e4710', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'fb029dd333198d02a7912c00cbeb541697894f45', name: "image" })), h("div", { key: '0bf91b735f3300eab9d93ae8708ca4ba570b67ef', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '4631088bf33ddcbd2916de4e96b91804c23e366c', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '21cb5bcd361e9a23507ebf5fd1629449537b520d', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '0bf345168d1dae51b8926fc4ae48cfd3567f0e57', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '515e44f8f74694951012d1e588ed52c7d608e66a', class: "stzh-card__header-top" }, h("div", { key: '09639aea50aed0d878e6797831170ef4c274a5b2', class: "stzh-card__header-left" }, h("div", { key: 'efecb89c56301b80e4d02acda3ce66ad06f52d10', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: 'e069ccc41979c531c88ed20cab9a298878cc179c', class: "stzh-card__title" }, h("a", { key: '686849f9bb3dc2ea6a276cc3bdbbf2c54366b4b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '42791028e739b4b8b7004433ab242fc246dae8f3', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: 'b120533300ed723ec033dda8cca857ef3c4d7882', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'd4bee0ad4238b833511a65f00a1f0439acfd7425', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '7d8ebcdb9ee82bbe33dbd65d69f090a01cf5c74c', class: "stzh-card__header-right" }, h("div", { key: '40e77cd5a4aa99875c313fa787e3a637582f31bb', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: '892240acd426e95dfd674b9a67367b05a0c6ef07' }, h("stzh-button", { key: '8efe0701f02ad6474b5e26ef6ba44ee2c9ae5aa7', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '61fdbc6110ddad0931e35a10ca79b373284bd1af', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '5a76648a820109e067cdad0ed9a0b197762a9b63', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: 'ad660ab04610f2406794862fd4b2e2cef2f5c5dd', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'd265dd56a89f9c7d541a220bd8ac6ffbf884547c', name: "image" })), h("div", { key: '7b7d1287e8058dde4680f08c4be1a3a41320d68a', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: 'a5f90c68a12adea2e9a7b4e8ae3e8517973afc31', class: "stzh-card__dnd", name: "drag" }), h("header", { key: 'f826000ddee9b0dacc7bf3e95052a52dbdbb7776', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '8205375dde066a4d0d5e520edb3f79f065f96183', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '91dee9bdcc4e13e9e49e9252ec9159ffa5b364e6', class: "stzh-card__header-top" }, h("div", { key: '42730ab46b412ed48ae5cb117f65847d83f9ebc8', class: "stzh-card__header-left" }, h("div", { key: 'a03ed1544104f8b53b676aeb5bc90406343bf02c', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: 'b25cf4c1d0c3cf32696bcb4869239b580c3ea42a', class: "stzh-card__title" }, h("a", { key: '382c8e68cb57eade1945e50768419a33873e32b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '3e2f6d1a1ccd0fbeab0ed3da69075aeeb719b92c', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: '5fc0ca3507e67f9f5316130e46c8cb85b7b071b3', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: '423da1e03bd4f01ec1e927c085a080374ea38f66', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '25c3f2f4a920786d3d0645c7d5537660ad2cb308', class: "stzh-card__header-right" }, h("div", { key: 'f4b6571aafc3e0dec662646c801b8ec61fc536f2', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: 'e78dfb668bd5938ce15c8a50a2642b77f1204830' }, h("stzh-button", { key: '9055272fcca5f79be01ae484e104831f61443346', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: 'a0ce8435e47c67982bf332e7094ed55b9c2dd257', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '5db6605c91be265a48a1a5b1ce2a3e3b27010899', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, h("stzh-button", { key: '79a6cf054d07ab7ed8b152da7e30e560fd0dee66', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '502b61374688bc119032a8790ef0cd7cb8c12e57', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, h("stzh-button", { key: 'da7ab4eb33c8e717ea2e64f0b7d390f4c0c1052b', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '905257e77cebe6763289b268b20372297db3ab35', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: '74dad17d1443dbb00ed137da9b7fe71a18b500fa' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '0f300c16fa1701b8ec74de55d9640c236e0514ed', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: '1a3c869b187e2f984ebc17cd82ad1efd55841c12', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: 'cdbb0c9dde1eac63703a12c3a462a4a02f4a93cc', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'cba6a93e0d933efd81f73071fa884643c4322c67', class: "stzh-card__header-meta" }, h("slot", { key: 'd14fd3456d04e0db8353a87388c0d7a052dc0cc8', name: "meta" }))), h("div", { key: '099c16541db316ab56e01e4f12b2000499836272', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '49e90957a96df696cc900f70a7047431bac9e3b5', name: "content" })), h("div", { key: '735acedd93518779ec5072d9c742d7797086ce90', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'bcf888acf08e0aac57d574f0615ad5b00212558b', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'e2b1371966f3bed178ae947dd535347a107b1ed1', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '07c75ae6ea0f21c5e6982e1c099c86101ecf5276', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: '8ef2cae74e377f211ef38e14a47d80a81d28490e' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: 'f6ca25106dd5bc6917d1ee8d03547d502d51708e', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: '99d072f9e427e766a450b44b9dbcc24604ac2bc9', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '6fddcbad714a174a8021a7c3c58ce98eefeb151b', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: '28564b7c0c1ce48cc517dddf37a5971d447a82d4', class: "stzh-card__header-meta" }, h("slot", { key: '529c9a0bbf832d5db209364372984c38f660554f', name: "meta" }))), h("div", { key: '346bf22c0949d103ea39703e9d41d72a60606e98', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '216017c223ec04bb5356efff4a7931f9d4e6f304', name: "content" })), h("div", { key: '781e5a126a1ce00f4233cc07948b0a678a232c3e', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'bb3d67eeab7d148d224efb705b232f60a59b0497', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: '793543f023b0cfd1c65095377b49d7bf3da5a834', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '699e0d125e2b5673b97ce489285032e8a117268f', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     static get is() { return "stzh-card"; }
     static get encapsulation() { return "scoped"; }

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

@@ -39,7 +39,7 @@ export class StzhCardNavigation {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '126238eacbee51894478325827183eb25d07ae1c', "has-lead": hasLead }, h("article", { key: '58564a2b5e5d15d17ce0194657b1a3c44305c58c', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '92569a606c10d0ff218144d34e125891881a89b2', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'de17979df832b89b5c69930179bb23d27f365dd9', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'c62ce84e0727bfb5f5dd3e4c38cf12b04029a45f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: 'da2992e3f27517aedc2a56c390076093bcf78945', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '5b550f74204099775b53ed12cf40252c81abc955', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'fb3b980cb1f5ad314ca592acaced9fe8ef89781b', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: 'ff7822e226f8be71748941b195a1a603c1c56245', "has-lead": hasLead }, h("article", { key: '09adf9d0d76646d1b18ce9037b34692e5a7fe75e', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '9506cbcb86ffc1e5a4c8a39c1e67c28c9b4805ec', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'e4c99f354b832767b968a8ed84c50b5a62bfbf65', class: "stzh-card-navigation__title" }, h(TitleLink, { key: '4cac9dddd6d67269bc64be5f75451494079aff96', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '231bd8ab3718a66129165f9c316b428d06f77a94', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: 'be998d149971b1ac8a4ee37988cfe1fecc2580bd', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'd4e532c4725e941d86f9140c5470071ab1e25a76', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     static get is() { return "stzh-card-navigation"; }
     static get encapsulation() { return "scoped"; }

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

@@ -123,7 +123,7 @@ export class StzhCardSearchresult {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '257b6fcf95d0434504f155ef180aeb68e71d44a1', "has-image": hasImage }, h("article", { key: 'b53d03d99b9def93efb7c157546f24b7fb100119', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '7990b36edadf79d91225debb31fcebf04b46c465', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '181b898fc2d64a7951268bc68a8b9b9df258de95', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '110b908e7736976aecca796098bae3021a905fae', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'e2bf802dffc433a9cc5ef27dfbe67cbf31bbd843', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: 'e629e9c3a303ad1e073dd0eb1f085c7fc2de5ab5', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '1f3f5df84d1eab7e08b490e23ec53dbc2e4acc79', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '43e3d3e81629a1e9337907d22d79e3cf7cb81799', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '79776893713db4e5b8cd0929dd7243f0b9726fbb', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: 'b448fdcf09171c9a27ca83464d5947dc4b4f6099', class: "stzh-card-searchresult__event-date" }, h("span", { key: '206dc26c966d4c25ca9b2b5d2cc3eac08b77388a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '1374dc07fcbd41352bd5776fff87b099a817eb29' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '0de1eadafece104ace8ff26e747be5dd94da61f3', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '4b59a46ab104a1682ee91f727cb201e131452968', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '04bfddd13391e29c5efef90b528d201abfb20565', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '8301d8f74ec8b8abd0f7df06dea53250584b1a0b', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: 'ce8dd4abe7c1bd2632bd7de39acf0ccc7d8196df', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'af7ada23d8cc14882dc7503b10c3fcec12e03b9f', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '4e12626e5a4affd1e249559ac42fb27c6612a7c5', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '44b4450170f51c7cf0239ff412b581f7d1162fe1', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'a81ca254a177f8d3c60381cb609522762c681afa', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '6c82e999d779af2ba03126ea5a21be2121aae304', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '08ee1fc6495875a37d0c115c4d41cdafb7c104c4', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '70d95e85c5e8c075b76254da93368403e81040f0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '07f46a5a979592aaafe9b55f04813f8f7d4b0c57', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'b9105a376424e6ed71a4a4b4441d347a8615de97', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '547ea6ef7d7b8462c853a8239a99eea4ec4b7368', class: "stzh-card-searchresult__meta" }, h("div", { key: '181a4b7d1a460355dd6d04bf5b0dea29f90585b0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '5137dd35c04e300bb784b2c88cac57118d1af4c2', class: "stzh-card-searchresult__download" }, h("div", { key: '416b67c41af0066f00dec182e1b2717f2259aa96', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '2acc05a484c75c94e63f1a365cfe4783e38891e1', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '1264dd5b5028a1fcd74f65c730060e1584f15aa4', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: 'd9611d38e906a616220a53e7bed08e22fae09cb9', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'a6241e06cef95f1714183247e6242c82a04a78da', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: 'cbafbc560aff47f8c539c5899f990eecff46ce66', "has-image": hasImage }, h("article", { key: 'ca5c014f1faad73453122bb2e0614671c9a1d88a', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: 'eb48cde2b51b06ec33d5cf55bf76fa94e0178e05', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: 'd782ffa94323710d23ecd1356efb1093d44fd577', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'f13a96703bd24b99d8804db440246a71192203b5', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '38dc876bbe902e80de6ea1a441e6062a6951b2ef', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '15e975053ce5e387f584ccecb786ca254b155bf5', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: 'c4c1e0b4e85e4ab3b909e10019578cb4ab348bd6', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'a71a5adbbab561465b58dc24345cb4c1e6115f4e', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '66cbdcd4e7e528d984b7df77b3353f55f8e72171', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '8cf8334fd492b58d7516b910a21c3674ace419d4', class: "stzh-card-searchresult__event-date" }, h("span", { key: '5b76cabe5faa55b40ec73acc59412e1042e9b74d' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '8961bb3f1af9afe989eebcb4cde7668b12b247f6' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'acd7b08ca6a727c0a1743c6f729149056626d33c', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '883100a1018a404c466051bb959aaf8592020e7a', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'fd61fe010cb55e80d506b15bd50b3c51a7a6db1c', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '9e334768f9719d98b63695ef271e201b8b6053ca', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '71fc984b1adf4700c4804e50a2ccda241a52dec2', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '87260077c3f71e0cb8d9c8cc6ef2d241cf3864d7', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'aa5e3e7ef9e7ec0d0d8a890e20be356b59a224d7', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: 'c73ae5a2946cf50346f704c938a61ec611457ae0', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'ef630978c11ddfae650d39049e6472936ff6b26f', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '5195c6070c2d6e848c16026bdd0daac7ef7ca3ca', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '5c3386e308fc95d993c599de274ad484ac610076', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '6b5cacd8e8e414e20cbb18f4e535a1e1b6e52694', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '89dbb2ca7ea9f45621a294ef86e92b8303e111fe', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '7d604a4b050131cf83f6d2a9a6fdd093eea7634f', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '5b8f99dbba495ad96d0123861932d5ad9d4eda27', class: "stzh-card-searchresult__meta" }, h("div", { key: '2d9e15984f0de40a5b2ed5a8220fa1b764daff47', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '40baa9baa20eccb6d88e5c53b992e88a3fb62a09', class: "stzh-card-searchresult__download" }, h("div", { key: 'bdfa86f496058489c700886fe05c54ee901664e7', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '64b4512bfab0e9bcf42f692b1d7a096e6eca7ed8', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'a53829afeb68e4435c988ec73db26319ea55c9f2', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '5bfc817779e65c3637ad6d462e44babe9d6095ae', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '771853052149b54db3ef905c78867ece287db837', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     static get is() { return "stzh-card-searchresult"; }
     static get encapsulation() { return "scoped"; }

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

@@ -85,7 +85,7 @@ export class StzhCardlist {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (h(Host, { key: 'f73db51e12e6077c42c0af841ad46b253ee9be44' }, h("div", { key: 'd789c4cfef62c8e9f275028e38f06d77c31be4b1', class: classes }, h("div", { key: '5152932220f38f8d4ef5218dc83a1f6d70de0808', class: "stzh-cardlist__header" }, h("div", { key: '66a58fe85ca60617d2e65c142e1ec32f4de7d75a', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: 'e0db8dc31b7224e3a14329daf8072fbfc2207dec', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'd0923c027a3fb6f5de0ec7479595b597b6d23c69', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '0ed6cc7a48cbcd741f864393d90540b99d9f8cd0', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '8e51bc6204efe2002e05b51050b880ee1d7e7149' }))), h("div", { key: '709b1a79ad8fa0766ad4641e0c623a0afad8c573', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '20c2a75df7b5e3e2c5550323bf46deb89fd6a06a' }, h("slot", { key: '349e2ec5d7b21dc3e7e901cff2c17a95c7288110', name: "footer" }))))));
+        return (h(Host, { key: 'c76528eba83545b0501dc8114d922ac7b3d208f7' }, h("div", { key: 'c4a0bf6834111d9e9335ff90f32e0affe10edc2a', class: classes }, h("div", { key: 'fa2db680334b637f7c3f8cf4107b9b08d38ebf21', class: "stzh-cardlist__header" }, h("div", { key: 'a371b3539efed0ce4cabe33696281713d7e4bb5c', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: 'f40d445fd585672064621ed608c2505c21e3e124', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'd93fbf438468b3ee4dca1718d683fd8d76154c66', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: 'f4a91764a2edb4680f60293aedb7ab90459148cf', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: 'b8f06ebd86c267751d9b15fc04ba1175d72e7e09' }))), h("div", { key: 'af3aa390856571047a7b3bb83c6ded736d702b6f', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '49f7e8a2a80ae6b7358b022a4c4caa6ec8b56d4a' }, h("slot", { key: '1bdccf0e3ca69875e36fdca599dae61fc013fee3', name: "footer" }))))));
     }
     static get is() { return "stzh-cardlist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -516,9 +516,9 @@ export class StzhCarousel {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (h(Host, { key: '32d3f1590a4543c3b1e6bf514d14f9973eb97619', "aria-roledescription": "carousel", style: {
+        return (h(Host, { key: 'b05585785ab010a769dfa39821313d5a12a1339c', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, h("div", { key: '5e5cae6353d205f4d7f68538e794c675c05ff433', class: classes }, h("slot", { key: '733acff05b65a2a4387e1abe2612770d88cb55d6', name: "actions" }), h("div", { key: '37b84b8ed2e9ff8f5b246344c1bb19289fed1e0d', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: 'ccbc976b10e0340c9a01022d9ef08ffe234df7a4', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: '5fec7c1c4de813273a6cbb9447b772bf75bf49e8' })), this.withTrack && (h("div", { key: '12ac2cbc4e24b63023ed87cd85604c1a60a81aec', class: "stzh-carousel__indicator" }, h("div", { key: '4c61fcd561ff9e566d7f4ac6b33a8bf82cf915a2', class: "stzh-carousel__indicator-track", style: {
+            } }, h("div", { key: 'd6181fcda037a23a6f1949cef0ebc6a7c3ba1729', class: classes }, h("slot", { key: '51ec8e8d87532c157964d4ed2962cda1462788ac', name: "actions" }), h("div", { key: 'a25581c30cf3e244e006c5a46a7853fe2b99f985', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: '05119011c9a6424d90bb4de7fbfcaa9ea3b319c1', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: 'b12757bcf0e6b72162c57bc8cde3c82d27094cdb' })), this.withTrack && (h("div", { key: '9038a2f155990f86daafa91c3ad2d2c093828655', class: "stzh-carousel__indicator" }, h("div", { key: 'a4802b6a4c7d919179ecab542a932629fc26058a', class: "stzh-carousel__indicator-track", style: {
                 left: `${(100 / (((_a = this.slideElements) === null || _a === void 0 ? void 0 : _a.length) || 1)) * this.slide}%`,
                 width: `${(100 / (((_b = this.slideElements) === null || _b === void 0 ? void 0 : _b.length) || 1)) * this.currentSlides || 0}%`,
             } }))))));

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

@@ -13,9 +13,9 @@ export class StzhCell {
         this.alignSelf = "auto";
     }
     render() {
-        return (h(Host, { key: '74305f85fac11be1d4099204b0bad158db539a72' }, h("div", { key: '826f6d0f8f2286b83aa05c3bb65b58ab410c5300', class: {
+        return (h(Host, { key: 'e69d4a858d0c8a648fe11ef94e92ed58d6eb5118' }, h("div", { key: '828fa4c918feab9c8be44ffb454e1352ca7d3d09', class: {
                 "stzh-cell": true,
-            } }, h("slot", { key: 'e11439082fa2ba4e3c7de5df868a39d710ec6dce' }))));
+            } }, h("slot", { key: '38bfc39c2a4b59a717c61b7c5939c989cc63fa30' }))));
     }
     static get is() { return "stzh-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class StzhChart {
         const classes = {
             "stzh-chart": true,
         };
-        return (h(Host, { key: '20fe77e413e479d982e6ad17e5563a185ad6372a' }, h("div", { key: '3de1e9d303195109a50212f1fe92d949390a104b', class: classes }, h("div", { key: '04d438934c93140550813fc731942866fc56b53f', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'b2876bc2eddb54b3593899a4607fa867170f3215', name: "caption" }))));
+        return (h(Host, { key: '79b4484e5aa91c0d1a02f18690332b85feff4b17' }, h("div", { key: '6bdfdfa6388de647e143f17e4edc8c16b9790969', class: classes }, h("div", { key: '2876a8ee68ebb97fc0326b2a975c79cde4c6502b', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'a9d733f818d2398ce03282c8b43d7472062697cf', name: "caption" }))));
     }
     static get is() { return "stzh-chart"; }
     static get originalStyleUrls() {

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

@@ -122,11 +122,11 @@ export class StzhCheckbox {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (h(Host, { key: '3992b31d8d2fec0ce87d9cc841f4508fb552721a', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c0ec35701febbe9c0b3f63091182fe4cb5e96508', class: classes }, h("label", { key: 'bc0479b4b11d991cdb2410c9b1d5c0933616da3e', class: "stzh-checkbox__field-wrapper" }, h("input", { key: 'f865a9b7105dbd8692e13a3dac08e3bcec898283', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '9dc5910aa037ef8b87e3cef2f6993a9970752aff', class: "stzh-checkbox__mark" }, h("div", { key: '1854a06f912692c81392d007badc64a3fcac66f0', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: '288debe5fb521c988ac9649dccc3a5821b03d035', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'ab751958c4c11a5a6aa016f8d365c9eac37a8762', class: "stzh-checkbox__marker" }, h("span", { key: 'fdf70b5bf345261de12732471ef1ad08fcabab3b', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'daddb2edb85feee481f3fe9d759e16d2ebdfbea8', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '08ac2801482ba30003af03ed2986e803b428b4bf', class: classes }, h("label", { key: 'a9eb2ff79836b05c240f7a37b7c4cfd8c9c862f9', class: "stzh-checkbox__field-wrapper" }, h("input", { key: 'a8f5c1f553135f61ab56748c98ee5f55136bcb52', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '5c8e9c02e999e6337417c71af7f3c8ef1fa50e32', class: "stzh-checkbox__mark" }, h("div", { key: 'ab9b969977ad97df300024c598687c1590b1a281', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: 'f1417ec7e65322ae3b672bbd98ee265fe919a5d8', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '22ff43c43f5d2f39513935054b17e25691596c19', class: "stzh-checkbox__marker" }, h("span", { key: '6b2c985877ea6b150ef86457d9a9aeab9c1261a6', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'b1928b271af93d0042d74b7a904aaf0837b2908a', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '0bb58f8c51d9ac32f3dfe5b6d9ea19549bafe633', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'abd7dd52c0e2d2c66adc060b13d66079278fa517', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '317cfc11eba8538ce1c8d2969cde39740f95cd57', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -184,11 +184,11 @@ export class StzhCheckboxgroup {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '727bc1cd323fcc2d9a7cde3900d1b8e241bb2d31', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '2df6dd56ce4edb6f2c29cb971ff952d18f9a7705', class: classes }, this.legend && (h("legend", { key: 'fd3e9810a9cc612a75cf81c045ba2ece0a9e7ae8', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '08386a519939bdf45bb691819bd6e33aca9e3e8e', class: "stzh-checkboxgroup__marker" }, h("span", { key: '416a93e89a1ff3aae6499276fedcd7b6a7089d5f', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '5746ad3393fd7a6a9a4301cf0748fb12fa7cfbca', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '4bc007e097f7e6542c7032ab8fbd6514b02f3b65', class: classes }, this.legend && (h("legend", { key: '725184fb9a5b8858fa8498730650e0a750cf3230', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: 'caf11bd7d98e57d159d8426bd310e124f9fa59ef', class: "stzh-checkboxgroup__marker" }, h("span", { key: 'b7318989f4ca2cbb714728d663841d1c9074fab3', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '541a18ff41e43f521f97119692758588ca23b435', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd18ccbdfa85a596efda62a3f49a3a8686286a2c0', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: '938b1e10779414edfd8527c4991a95bdad0b62a1', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'bccc5fbb3b92012042a81002910aa4e33d7337fc' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'fa6025aed1b15dd2f6186fcd32fd454dcf03d1e1', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'ccc991d52c9946aa1706568ac0ee6be73c503063', class: "stzh-checkboxgroup__fields" }, h("slot", { key: '65b055d5d5751d1a1af801695b88f3cf77abac05' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'b9d2137126c953605dd1fe4fb6b069fe8c553be7', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-checkboxgroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -100,7 +100,7 @@ export class StzhChip {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '76532030ebb92f7f449438858d8ba368646b6abf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3fb18457d3129b90471bd8bf00d1ed97e21739f0', class: classes }, this.removable && (h("button", { key: '9e98c9fa3a954a35d68d9f6a3962ea10398295a9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: 'd28f15c8baeed116dd11814acf918a4f13768be8', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
+        return (h(Host, { key: '96e00d4e289a9b21349c73fb6f472d03c7e6734c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8cafb467437c04848ab4cc4a6099ecef3e76220f', class: classes }, this.removable && (h("button", { key: '69981c4f5be28abe8a40971f666174dd5403921f', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '811def417077a97b4ea532fbe8e618bdbb4a8782', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
                 "stzh-chip__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

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

@@ -7,7 +7,7 @@ export class StzhChipgroup {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (h(Host, { key: '8b35eb7106f9d9e214ce210a49f217620a224e29' }, h("div", { key: '5dd45712b45a3bc0325c9574b8cd33d5a6efe1f9', class: classes }, h("slot", { key: '1effc84edf8640d2b2c2c91b78d8c37ff23c2c3d' }))));
+        return (h(Host, { key: '4c7e64f4acb37e905527d8162bc37b8704193a47' }, h("div", { key: '6ea413f28a9046dc884dce3d4f003760df0e4e53', class: classes }, h("slot", { key: 'f6d1747555d06553f1dda0e04881036912c204c3' }))));
     }
     static get is() { return "stzh-chipgroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -211,11 +211,11 @@ export class StzhChipselect {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (h(Host, { key: '1ad56117838e8839c693f1f3e92b67dd5b5a65b0', "is-invalid": this.invalid || errorUsed }, h("div", { key: '9b9d3250f082b9a48c8f2b52b9e90e0b749da22c', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: '8bbddbdc73ec2676a03d36f3cfb10d0ea5cb509d', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'f42bd7e4742206e71cee672fd6eeb3609bf60589', class: "stzh-chipselect__marker" }, h("span", { key: '6288d4644ff6b5ddc05f6ba2269beaab2bdd3fb9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '4161021da18b9b06aaff411c28a8d048a1a0a659', "is-invalid": this.invalid || errorUsed }, h("div", { key: '9c94e4c66a743bc31b4c0f2cf1afce3c0317afc8', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: 'd2d9140d14e7ce3c8c295146a097ec0e0f4ee6dc', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '3ee1dc931d60159ae494e674f84b961fea04430f', class: "stzh-chipselect__marker" }, h("span", { key: '4e6c35a50910032d6172e71dc75d7a6a05977a88', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4f1cb0a792d34744387cfe548fe88e4d48f33c12', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '0739ce248173572f67bea5e06a4702b3b8d42a7e', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: '24d5e0f2c7ae0b16cf7d4daaf44a8bc55b0e7534' }, h("div", { key: '27c8720557014be5a3f9b0c947c1b7c7506d932e', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: '2723bf07f2d8afbf6e725e387df21927d569368d' }, h("div", { key: 'f77d157c0d61bc3c5d96b48e8daaa8a617949864', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index,
             }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, inverted: data.inverted, variant: data.variant, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -228,7 +228,7 @@ export class StzhChipselect {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: '918af684569f748346bd7c57252172b787879659', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))))));
+                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: '0f31db7d4069acef9b153764733c59de85335ca2', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))))));
     }
     static get is() { return "stzh-chipselect"; }
     static get encapsulation() { return "scoped"; }

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

@@ -86,13 +86,13 @@ export class StzhClamp {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (h(Host, { key: '4c3beb6c44ea2c7e85074c232058429c5c2f6f90', style: {
+        return (h(Host, { key: '9f96032720173df1707953f3727a2b399afc01f4', style: {
                 "--lines": this.lines ? this.lines.toString() : null,
                 "--lines-small": this.linesSmall ? this.linesSmall.toString() : null,
                 "--lines-medium": this.linesMedium ? this.linesMedium.toString() : null,
                 "--lines-large": this.linesLarge ? this.linesLarge.toString() : null,
                 "--lines-ultra": this.linesUltra ? this.linesUltra.toString() : null,
-            } }, h("div", { key: '6dea274e23657d573a734c5262d336a832d0a6e4', class: classes }, h("div", { key: '9d8e15e67d8a9f79e7529cd84a4927d229f4f9a6', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'af576c95944517bfbba6be6cc09bcc0c52d42db4' })), h("div", { key: 'd9b1407596a639ba1608bf2487388c2d528a8ef0', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: '4789e0580e79636b866e4137e7342cbd1b3d4f4d', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
+            } }, h("div", { key: 'fae2b7776a1cad70da73371fc6084bf10a733baa', class: classes }, h("div", { key: '245d3ca7373fdb8dc910247bdcce57be56baaaec', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'a34a85cb29e011879eff01db11d8170af886b8f6' })), h("div", { key: '2fad216c03be3213879c0a8f53a386ebc6e60739', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: '8e780ff9e4bb2bf4cb8fd1dffdb7bbad86ac6298', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     static get is() { return "stzh-clamp"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-company-logo/stzh-company-logo.js

@@ -7,7 +7,7 @@ export class StzhCompanyLogo {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (h(Host, { key: '4959ebfe9a7a0fa186a00189346c6ddadc8127c4' }, h("div", { key: 'b4b41b2b0c8499a9aab18a3a7e63d2cce28bae07', class: classes }, h("div", { key: '7658e571cce0a5ec772eda7b4bea9bf5ec409538', class: "stzh-company-logo__image" }, h("slot", { key: '2be998eef31c4d9935c08947871978d164cc29d2' })))));
+        return (h(Host, { key: 'aaee2d74d65107414494d8c3e387a60bb01b089e' }, h("div", { key: 'cf21c9f3fc427272521043820d73a38d64a3323e', class: classes }, h("div", { key: '0870d28665e04f41f45302a77d45b9d2fde53a1c', class: "stzh-company-logo__image" }, h("slot", { key: '1a44a080e4607599a9c2442220a243caf56d8ddb' })))));
     }
     static get is() { return "stzh-company-logo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhContainer {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: '717cb4567ff52afb05def1e4e8174045d2751752' }, h("div", { key: '62d35746de72e6b6f4b250313dd47a3da863ed1c', class: classes }, h("slot", { key: 'ec0c6849262ba909a205ec541dbe50bf3d5c70d5' }))));
+        return (h(Host, { key: '031996d79ff59ea593694885503aac9d80416b63' }, h("div", { key: 'fdbb0edcfe418a4edb113a4816130b92b0b67af6', class: classes }, h("slot", { key: '110f3dcd65e820ece9931b0c1aed4de9a50b0fbc' }))));
     }
     static get is() { return "stzh-container"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhContent {
             "stzh-content": true,
             [`stzh-content--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'cffa3a18fc0101013a29855994f81133fca9c04d' }, h("div", { key: 'd845ebc4007c66dd3e9ced1e8cdcf7e66825b113', class: classes }, h("slot", { key: 'b56a870acd0d05d9e181a460152e8c4afd2020d1' }))));
+        return (h(Host, { key: '5f11755626099ab1efe7a9009fe3a94fea51bf70' }, h("div", { key: 'd46c25ab977b7bf92d7b3830efb9a9344588e240', class: classes }, h("slot", { key: '6d1c9886cbbf906dc8ff869b0035b3cec2926e29' }))));
     }
     static get is() { return "stzh-content"; }
     static get encapsulation() { return "scoped"; }

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

@@ -559,6 +559,9 @@ stzh-cspace > .stzh-cspace > .section > stzh-input, stzh-cspace > .stzh-cspace >
 stzh-cspace > .stzh-cspace > .section > stzh-chipgroup, stzh-cspace > .stzh-cspace > stzh-chipgroup, stzh-cspace > .stzh-cspace > .section > stzh-chipselect, stzh-cspace > .stzh-cspace > stzh-chipselect {
   margin-bottom: var(--stzh-space-xlarge);
 }
+stzh-cspace > .stzh-cspace > .section > stzh-toggle, stzh-cspace > .stzh-cspace > stzh-toggle {
+  margin-bottom: var(--stzh-space-medium);
+}
 stzh-cspace > .stzh-cspace > .section > stzh-http-error, stzh-cspace > .stzh-cspace > stzh-http-error {
   margin-top: var(--stzh-space-xxlarge);
 }

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

@@ -47,7 +47,7 @@ export class StzhCspace {
         const classes = {
             "stzh-cspace": true,
         };
-        return (h(Host, { key: 'f153d3a3bc466282e357366c894e14130800ac79', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '14483f534bdfe96b133c7b126f2aa679ac53a914', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: '05e906b11ed1547d698b7f61e67be071ed16858f' }))));
+        return (h(Host, { key: '033f6439f7d724c969fabedc3a7eff93b3420de9', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '84caf813c5bf500138d49400f3354d0a854ecdaf', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: '787986c239df2d33fa3747bb15d162aa052afc5d' }))));
     }
     static get is() { return "stzh-cspace"; }
     static get originalStyleUrls() {

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

@@ -115,7 +115,7 @@ export class StzhCta {
             "stzh-cta--has-lead": hasLead,
             [`stzh-cta--size-${size}`]: !!size,
         };
-        return (h(Host, { key: '1c6a3e0d43a7f79352f7486354658a0b372e94fa', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: 'fbdd85036eeaa33d351aa1a7334d79f74c682f88', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: '21d6e0d4d2b4d796501d2b46d5183f851460b138', class: "stzh-cta__wrapper" }, h("div", { key: '6299462fe56d3f4065c21def2f461b8fd0f7511b', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '85ad0c2272c96cb70043347186c6fc791e5b38a4', class: "stzh-cta__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), h("stzh-sticky", { key: '832d25b73df0bfb3fd7ee4cb2e3cb298a307ab1d', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
+        return (h(Host, { key: '68c966c4cbcfa8e941bbda18c5f03c9f7d437a47', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: '5aca932849fef1190f175f2d221a14b62d82de48', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: '4b92168fdaae0dab2601baff19b07eefdcff24b3', class: "stzh-cta__wrapper" }, h("div", { key: '4a19f3758d58c46638fc906293c36a74e184ba5e', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '6bbb967bd057f47ffd9caefd506d3dc58723cfe7', class: "stzh-cta__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), h("stzh-sticky", { key: 'd9ef1af607df95adc39c2b5b4b9e6e27728346ea', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
     }
     static get is() { return "stzh-cta"; }
     static get encapsulation() { return "scoped"; }

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

@@ -117,9 +117,9 @@ export class StzhDatalist {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: 'bd6f1d0398aba2c7286ce4dc5314a2fd43f63097', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: 'f55bf6edb128f70d0472e60d678d2d1bf6886063', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: 'd4d4540689a54609be70e9fc9aa504977317db9d', class: classes }, h("div", { key: '0fc7143742b703c1439c8821795f93ad30ffc7a6', class: "stzh-datalist__wrapper" }, h("div", { key: 'c5955076df340e5e6774208237f38202f033304d', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '234c19a5ef8e8d87b95b5cb6ab07b12bba1e1b14' }))))));
+            } }, h("div", { key: '15956b8fc489b222fd25bacaa54a27a0e55c556c', class: classes }, h("div", { key: 'd79210ec8fb288e7c91b68777ad58a0dfbb7f3c3', class: "stzh-datalist__wrapper" }, h("div", { key: '3f29eb25cd39c0981f2f665595615ebc689ec638', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'e92b5ca486764202c52ea32f7aec53e456e0c606' }))))));
     }
     static get is() { return "stzh-datalist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-datalist-item/stzh-datalist-item.css

@@ -169,6 +169,10 @@
   --leading-icon-color: var(--stzh-color-grey90);
   --nested-display: var(--stzh-datalist-item-nested-display, block);
   --wrapper-display: var(--stzh-datalist-item-wrapper-display, contents);
+  --vertical-wrapper-padding: var(
+    --stzh-datalist-item-vertical-wrapper-padding,
+    var(--stzh-space-xsmall)
+  );
   --text-overflow: clip;
   --white-space: normal;
   --overflow: visible;
@@ -342,8 +346,8 @@
   flex-grow: inherit;
 }
 .stzh-datalist-item--direction-vertical .stzh-datalist-item__leading:not(:empty), .stzh-datalist-item--direction-vertical .stzh-datalist-item__wrapper:not(:empty), .stzh-datalist-item--direction-vertical .stzh-datalist-item__action-list:not(:empty) {
-  padding-top: var(--stzh-space-xsmall);
-  padding-bottom: var(--stzh-space-xsmall);
+  padding-top: var(--vertical-wrapper-padding);
+  padding-bottom: var(--vertical-wrapper-padding);
 }
 .stzh-datalist-item--direction-vertical .stzh-datalist-item__meta {
   flex-direction: column;