@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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

@@ -126,18 +126,18 @@ const StzhActionset = class {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (index.h("stzh-button", { key: 'd0e49e31ca8762d5faf49bcfd1facb75119625cb', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (index.h("stzh-button", { key: 'f2856fc3a86cdf886789ae26f8f3d6534ad6fad9', a11yTabindex: disableTabbing ? "-1" : null, class: {
                 "stzh-actionset__action": true,
                 "is-button": true,
             }, label: action.label, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant ? action.variant : this.variant === "stack" ? "secondary" : "tertiary", size: action.size ? action.size : this.variant === "stack" ? "small" : "tiny", badgePosition: "icon", onClick: e => {
                 this.actionClick(action, e);
             } }));
-        return (index.h(index.Host, { key: '7ba29f5a2431146d73b47f3fe4c9caa8df008125', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: '1808d68add46e4677dd0b1372912ed4249a49578', class: classes }, index.h("div", { key: '7d56d17280f57189a38a8357a6f532c2b826d37e', class: "stzh-actionset__actions", role: "group" }, index.h("div", { key: '9e554e61ab1ae3cae499c238b635c251cb26b1b1', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: '62abf51b40d7caa44a55b5f791a0122ac28f4bd9', class: "stzh-actionset__action-popover-wrapper" }, index.h("stzh-popover", { key: '3d164466f363a0b199fcd46a8875490c7d1802a4', label: this.variant === "stack"
+        return (index.h(index.Host, { key: '6b08b0b6a6eeab602f1cd8e5f83836d7f8713384', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: 'acdef4783a48d197895dc971dbbf7e4d8f05301f', class: classes }, index.h("div", { key: 'eb446afb198afb2ced0be517dd2d11d0e5e55bab', class: "stzh-actionset__actions", role: "group" }, index.h("div", { key: '589562030a56efee2e0f6d0ce84fc774a0183554', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
+            (action.tooltipContent ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: '2045f6c0a5ef152a08c1e3517a242ab6f737884c', class: "stzh-actionset__action-popover-wrapper" }, index.h("stzh-popover", { key: '354dd56ed1cab651fb0a95b46c43da86cb89e2ab', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { key: '49189e2c861711d01895bf4c7a12cb4ec583fbd8', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { key: 'a39acd31895565f1bb1511e349256cc42ccb5f23', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -145,7 +145,7 @@ const StzhActionset = class {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: '59b28eb2e8bad618e7be4f256ca73e36338c031d', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: '19a1969d884d34faa9fc3a24dc0816dc545dc5de', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

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

@@ -143,7 +143,7 @@ const StzhAmount = class {
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (index.h(index.Host, { key: '9c544f41e83ec474bf6f736edb3b17974e0c14b9', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'ee4e08661c9d86c5aa6203d4130556ed37c5f9c6', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (index.h(index.Host, { key: 'e9d4d0fcbca92ae15ccb66d8d6cad67ab69876f6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'eade6ac6e27252f33bd665a829ec924c28660d36', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -50,7 +50,7 @@ const StzhAnchornav = class {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (index.h(index.Host, { key: 'd2670aae0c137e8a0361da5772fe04649ccb2841' }, index.h("nav", { key: 'a5bc191a8aa326f80a288563bd11c0623b86ec48', class: classes, role: "navigation", "aria-label": this.localization.title }, index.h("div", { key: '34e52b11eb04030f3d60fdd2e5dc63f175763b0c', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (index.h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, index.h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, index.h("div", { innerHTML: item.label })), index.h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (index.h(index.Host, { key: 'b703dd408f81a32ef4dee680871c4376b72d0706' }, index.h("nav", { key: 'a19428b3d47d4bbfa84524e9b94db5fdffa27088', class: classes, role: "navigation", "aria-label": this.localization.title }, index.h("div", { key: '57453c4d9ee0c6af4258442bb27e4ce905358789', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (index.h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, index.h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, index.h("div", { innerHTML: item.label })), index.h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-app-nav.cjs.entry.js

@@ -31,7 +31,7 @@ const StzhAppNav = class {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (index.h(index.Host, { key: '28755895d833a369da3678b55c41362340dbf98b' }, index.h("nav", { key: '6375efcd34fc270155dbfadef06442ece3d9486f', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, index.h("div", { key: '7c7a9afd20f6d8f92e21cc8b7b5c7b83f88a881a', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (index.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 (index.h(index.Host, { key: '6aca18c8040667968cc291e82469826c6427ed72' }, index.h("nav", { key: 'e3db9d373f33780b50d177f42a99aa87f31ee257', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, index.h("div", { key: '056f487b031c715ecd4a1f8372c153c9bb95a297', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (index.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/cjs/stzh-appointments.cjs.entry.js

@@ -259,7 +259,7 @@ const StzhAppointments = class {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (index.h(index.Host, { key: '8ab45c7c12bfbbb3c4c867466cd330ff96efe180', "has-heading": headingUsed }, index.h("div", { key: 'e8221619246241934fda5d298b504164d6d977a3', class: classes }, index.h("div", { key: '04972ef7684289297b9d293eb95d969ec82fc024', class: "stzh-appointments__heading" }, index.h("slot", { key: 'c9330ba61e4ccc92bf4fecb8369ad62b94c9f9fb', name: "heading" })), index.h("div", { key: '4ed093060304f64ee8dbfea31362ada6ce3c53a9', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: 'df625608fa8e532d90eb60b1408fff48793a15d9', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: '11a85c1d0054d3ebf1acfc19191426039f057b52', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '26383b0e3190d9c804fcee0d9f77342f46b6ec78', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: 'bedf14c7dd84fe20b9971d3121175c2b9045f0e8', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: 'f15967e675442dc7ab81bd955752b886a37b2bef', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: '76946ce297cda3a08465c380894845090da63b70', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: 'be184bcb8a7822de809ce35c2ea19aa6b48d44ca', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '28d378fc668cbbce1ef129380e539b37d03c0077', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: 'e2e8a92b2fa355a67999cc7ecec7f33ce16fb515', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: 'ca5aff9b71102904b9c4e483e00511e71c25177b', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: '4c3db37b9e6dd02f961121e23cfa313f92ea0c7a', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: 'ea0fe690049c12b5adeb9444096aa7fdc6aec7bf', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: 'b4c0c2e2ed30206fcce32a20375e057bfeeca7d8', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: 'd11f4c940085d1ed217fd8172d670c729b100ad3', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '794071f8d430c155f200c4d630bc0c4bcd76f86b', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: '133956df1305e1cf7385419e7cf2a088c5c260fb', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: '076f390763c550f85238cf1dc6de8b8ff6cb20df', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '4b0fec40d7216f72231f5777cf5825590aefa509', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: '2be297b3b773b3768d113cdd536c66651c81abd2', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: '56444a0ae164a74af298549d0b2814e0fd3415ca', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: '3c6a8433c3f968c3ce3b04e49c5b76a1e3f54371', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (index.h(index.Host, { key: 'dffb215bec670ef5c6369169eeef64ef63aa5d08', "has-heading": headingUsed }, index.h("div", { key: 'ce9b0ca8798e6b10f69943728491cb554fc239ab', class: classes }, index.h("div", { key: 'e52de53d53a7182a4dfe21684b2cf352b9bb2083', class: "stzh-appointments__heading" }, index.h("slot", { key: '4915ff8a7a2918465d073aa3adc8b5f8286eb6c9', name: "heading" })), index.h("div", { key: '65292989bd3d1e14e6ee2ead0ed1b33e8eb66cb7', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: '98859f0e37663d040989661406f36bdf0906cf03', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: 'a4b023d5475391393556f1c14e1ff1f40256281b', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '9c726f07fd2db5cddb059b01ef6f9004e93b3e18', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: '56b6ed54adc23682afd9e3a1443ef97d81f91cff', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: 'ed775244a96514d1c5699b3a81a983b8adb8a78f', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: 'a937e312311f368ad42503870e98393075cda451', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '3ec5b6eb566c2b9dd5ce339009b4acd2e178fcc0', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '817b302973b58ea676573276964d69d6f7e54c37', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: '346881ad2f66545d74fac734a8decd5a03497b4a', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '3b7c8a0bfd33289fc0f7b1f9c9d9aec188bc62d5', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: '8d2183e6cf1e3055fdb4ee65ec0981edf2109391', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '1a1d8a61e7bdb46bbc97f14b10d3b2f626802ad0', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: 'db0d4c16e21d0a899c9952a2aa58e7201abe72f8', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: '75d73e624fd313fbc124c9914ce44b16cdff1ca8', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '6bf0aaba8e5f07498d22ed697dc6bf116afce033', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: 'cfca38ae437b0117ddfcae0b02edc44084265ae8', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: 'f434c8d00d9fe214fe30e9bd047f5531635cb360', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '7a7a9137ae83e11895ea63d89cb7eb2c1e0097af', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: 'cd053398dc906d19f2eeafb1b902de56b3c1b7c4', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: 'ba2fb3992d9c50b9972049dee2ecefc84eb987d2', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: '190c7a16f08710dc7e8a225f566f12bddd2aebc3', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4140,7 +4140,7 @@ const StzhAudio = class {
         const classes = {
             "stzh-audio": true,
         };
-        return (index.h(index.Host, { key: '0c0922c5bea67ec74e19897668b043539f2c46e8' }, index.h("vds-media", { key: '41d93bf0925db89a92f1e1e9254daed6829814ab', class: classes }, index.h("vds-audio", { key: '05d5fe898a95cb6463beb9592c7d6d15cf2721ff', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (index.h(index.Host, { key: '27b8c29b39a206ff2aaba2477168eb975e6e60f4' }, index.h("vds-media", { key: '0a15f9fb2d6d17dd0c1f6409531ec5d0a32d9955', class: classes }, index.h("vds-audio", { key: '056001a6d0a434b3fd9456a85a9bb795e0fb687f', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
                 this.stzhPlay.emit({ component: "stzh-audio" });
             }, "onVds-playing": () => {
                 this.stzhPlaying.emit({ component: "stzh-audio" });
@@ -4152,11 +4152,11 @@ const StzhAudio = class {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, index.h("audio", { key: 'fb3a58e8c5c0aaa1bd299b7a702d7608b2c59488', preload: this.preload, src: this.src }, index.h("slot", { key: 'eb36f00378d5ef96e2c78671b86a6ff37a47c810' }))), index.h("div", { key: '4f0864e441b004950e51e97445f37335b93faae6', class: "stzh-audio__controls" }, index.h("div", { key: '28c617821f8ca3b3f85f631017cd1d75f3fff66c', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: 'bc4cc4119fb00655b6b08cc7833af76878d1e378', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: '58386221c01342bd9c2cfd7349ae3820b11f59a5', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: 'd718fa5da274c700bfbaf5cb9e31f02df46e0f56', class: "stzh-audio__slider is-time" }, index.h("div", { key: '789616b462c4e4d3f634053a4c67fd37e033a31a', class: "stzh-audio__slider-track" }), index.h("div", { key: '339e32a82e0d9d87074e5e1a6c2c5c1a83342c49', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '32515309118f44f7f40f6690a1608681121a5d97', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: 'c3adb2ef821fd3af39d3d499aa8c888936fa787b', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '3e09b2c578d11dcb5cad2ce0d828ff77b26b838e', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '1d80cd027ee1b7c127ec93887b205bca0ed72c56', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: 'cf8a4143b36f91797b133420b2269183a5054f74', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '1286db5c251ad9e1d2d8f6fb86033dbdc9ce7529', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: '2ab03fe7415fd736cba1c7e9308ec203871163ce' }, index.h("vds-play-button", { key: '89d38b6a684cb443138e82250c4c958264fc1c6e', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: '9d3ea893f20ec59c403245563bda97f5803d8c2a', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '57858a1d2d95497b20f9fc6186c9281601729ad1', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: 'c402b2d8327cae5faa0d1483eaa170816a115631', slot: "content" }, index.h("span", { key: '42004e5b728fc934ad84ef98a54088457f29f82a', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '8bb7f92135008dd12d9a4d7b151939b5bebd30de', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: '08d916d00cbbbd7d1dbde0c9f507d0f092b79743', class: "stzh-audio__time" }, index.h("vds-time", { key: 'b69c2871af544dd3f027e8fe73f77f92bba1dc9c', type: "current" }), index.h("span", { key: 'c5f7b3923843dc762318844de5a4ffba72d5d68b', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: 'd3f44e2904ac3b89d863350cbe6522ab6f9e4e5e', type: "duration" })), index.h("stzh-tooltip", { key: 'cdb367ca07da009e0018334be84dd69644109f84' }, index.h("vds-mute-button", { key: '3a318c2e8dbc89e0f0d95bc2c2f099c498287c8e', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: 'ba33deb8a6ed7cb2e2ee810921c2d94d3fbed406', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '14d1ba645f7a05f375b421fbf02881f16e6798b7', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: '7c4c1a9b6a3f647c7532ba2f739dc115c556cd65', slot: "content" }, index.h("span", { key: '23c8500055d5da7704a0324f8c79d464447529f6', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: 'ac9f48768415d77e3f2083fe07ee31b2e2d2900b', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: '1dd32cf79d22a3618c52f56c2b7db773aca01793', class: "stzh-audio__slider is-volume" }, index.h("div", { key: 'b6cf9bc0d7e6edeb822eb0641341dab4845ec42a', class: "stzh-audio__slider-track" }), index.h("div", { key: '7424176908f27f7b789bd57c2cfd3adeea237322', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '2495aa8f386ae25ee353727c0914359170626faa', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '9f580e1756cc0e11e3c31ecfa70ed28157beea3e', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '9c9d60ec103ea6bfe7ee96fab4751204f1ea5094', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '0eece2ab72d08b804ddf198186f3e39cd8cbcfc8', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: 'f54b89b444b2750175ef1db198652f86a44327ec', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: '96d724d22d7dc33e280dd0aaba14a342c684f604', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: '2932f01a64fde628b2f124a00ce0247f6ea8c61d', class: {
+            } }, index.h("audio", { key: '248d12af43c5c99faf780eba2500add904cc2de6', preload: this.preload, src: this.src }, index.h("slot", { key: '86e9e2e5f20d52c67aed02fa405155af1cc4544b' }))), index.h("div", { key: '4ed9c52eddc1d7c1c9ae157e5698e3ed78b572c2', class: "stzh-audio__controls" }, index.h("div", { key: '7167804f74c262b41a29bf4e52c75d39e213cabd', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '0ea1a5728a8deb2e07404609ff2b559affb3f9f8', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: 'fdb285745da1d07578e7211a6e8174939d49f978', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: 'de43671d8d44f9894b89ebdc30ff795fc5c8d87d', class: "stzh-audio__slider is-time" }, index.h("div", { key: '4e0be9b5fc2553bb2731856537f44fc362e18dda', class: "stzh-audio__slider-track" }), index.h("div", { key: '0694df1c57b913b691b61387b5d9f6ce9340c438', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '67091a52c24316820c4904f3da81fc54ba348650', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: '9eb0d0e54db1a3c9b0c235b98df3b3fef7cac2ed', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '77ebc090a231fdcc0a4a841cf07b50ad78cee4f1', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'b62c2bb285fad4ce4e45ff3b69ee54aa77ef36d3', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '96c93056e46de4431132283151d43f5cf92854a6', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '8f2ce03e20fd4afaf52c5036766d99b2f44ccb70', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: '4cbdf5abdf0710613512b19d8e3b23d6a379e0b2' }, index.h("vds-play-button", { key: '635ae0dfeddd91f8b20aebd8950bfea4433d76d6', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: '879a4da886197b9c83a912af6a8c6abfa1983b5b', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '094b0646941548104b7b8182890aaa13576eac95', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: 'cb9e8d36e1daa618dda3cc157d2566e16f071959', slot: "content" }, index.h("span", { key: '3ca5461fce2650f8b03b0c6a70236c7edcc0ceeb', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '6b0b9ca5a4db30c74b91439b64007dab98706aff', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: 'e3e5b865f7f17101dbdb62e9d7fba0b1e8e7a26f', class: "stzh-audio__time" }, index.h("vds-time", { key: '2f21e2b2d3bc201b9674585f6a5c3846f5b7633f', type: "current" }), index.h("span", { key: 'aa36ddfc042ac6cfabcb8918e1f9f0a0ae2fb7ea', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: 'a7995f88f8e8ccad94db8241931881f40b97396d', type: "duration" })), index.h("stzh-tooltip", { key: 'f6546ba3ec0f7be59ed599aa327d658136c515a9' }, index.h("vds-mute-button", { key: 'ba406097c694b786727d5fc012ab543e68ebe358', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: '86f3b3593cbce0ca60abf41142c52f1ff64176c1', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: 'bc26dece09335cefe1c9e94fb29c00b60620c429', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: '94879f483d9c76c33ec8b31563e3f89f4739eed0', slot: "content" }, index.h("span", { key: '6738e3db61955f19196cb05cbedb2ea8bbd2635b', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: '2bd19afd7d4c95dbaa84d54789736337d852dc80', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: 'f9b1881c5326461b1779a4d22ffbc43ab34def6c', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '0b67e73238c6ae4958d2be7148fc570de3250c4a', class: "stzh-audio__slider-track" }), index.h("div", { key: '4e31c9f8050145a7138fa08efeba07ddf054358d', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '22b0d576382aa5a4543147ed72684393368c4f88', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '65ab0ecfbfc2a8a0e89d2c7381c7f7c0272acf5a', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '1bbc8781ec51d783ba563650433fae022ee3d107', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'b17e4dfe31452e4033377d53508ea526c885c765', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: '44a829ff986b8d66709058b33be565caa430d4ef', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: 'de16e6f4cd7178f7be0c10bb8cf58c49bfa833d1', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: 'e746dd06345be41e88e5bd7317f90400a582b65b', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: '13c5fb1eea2d467a8b433c090043cf245f372d3e', name: "transcript" })))), index.h("stzh-tooltip", { key: '7053e389ceee6d3cdaea9d52b2bb5ab03a59c50c', content: this.localization.download }, index.h("a", { key: '53c3c6a5bee894aee28f9833eebaa1cff0c58e96', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '82073e65edb99efb9ba1c3cac3cdba06f5a47c81', name: "download" })))))), index.h("div", { key: 'abed2f26ee12d9d522ccea9a9048b4d80959fbb3', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: '62a1def91855e4139b5d3e5b1397b205bdf5ac34', name: "transcript" })))), index.h("stzh-tooltip", { key: 'c9dbe8bbf9b5702cf093436137de909446595b19', content: this.localization.download }, index.h("a", { key: '9be41d416a2d925fa9c9c75b6075e53467a3a54a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '4ed61efe1e0da290eec1fa43fe43f948bbf1e662', name: "download" })))))), index.h("div", { key: '0da58cc17278814d20325fedd47902eb1a607f91', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const StzhBadge = class {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: '1b42d7cb4a93678a94f1bc798732bc5f6db2babc', filled: !!this.label }, index.h("div", { key: '4a243d650f37dc2c2f152fac9d6f2b3f762c1fb6', class: classes }, this.label || index.h("slot", { key: '40a5477fd92b3113f48238f12ebe48f04331f83a' }))));
+        return (index.h(index.Host, { key: 'd6170c71160cbbbb2cd70da749848d74e92d8d44', filled: !!this.label }, index.h("div", { key: '6c72c35171306f56dad91de49c304fb24b33f19b', class: classes }, this.label || index.h("slot", { key: '45113debd9c2149e7ed65b11ebc9d20386d63f8f' }))));
     }
 };
 StzhBadge.style = StzhBadgeStyle0;
@@ -188,7 +188,7 @@ const StzhButton = class {
             [`stzh-button--type-${this.type}`]: !!this.type,
             [`stzh-button--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '79df9e7e527e6ad6a131169214c87494269d866a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.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" ? (index.h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, index.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))) : (index.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 (index.h(index.Host, { key: '300f899f87e3d5a07c5dcdd588137efac16189d7', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.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" ? (index.h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, index.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))) : (index.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)))));
     }
     get element() { return index.getElement(this); }
 };
@@ -273,7 +273,7 @@ const StzhIcon = class {
         }, 0);
     }
     render() {
-        return (index.h(index.Host, { key: '19cb42da1fd943f75c53d42cce691463d2819a1f' }, index.h("div", { key: '5e4a829c48e645567e6d50812a562f40d69b1baa', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (index.h(index.Host, { key: 'bfdbbe588b9497dff0de28e61250a77a205c3f88' }, index.h("div", { key: 'cf90b6a37000f6c23dac9bbf93d21d5c2b3a1630', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -155,7 +155,7 @@ const StzhBreadcrumb = class {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (index.h(index.Host, { key: '17a7c8d6979322a23d837cc2f203d59f13f3f14a' }, index.h("div", { key: '145887ca99351bbd0728cb96da831bca94e2e7a2', class: classes }, index.h("nav", { key: '97b977aeb9ec018ac7555d9dfed4e27e0208280d', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, index.h("ol", { key: '34aa0a57738b17354798c611a227da692792cd52', class: "stzh-breadcrumb__list" }, this._items.map((item, index$1) => (index.h(index.Fragment, null, index.h("li", { class: {
+        return (index.h(index.Host, { key: '217497bb945d3eaa81439a6d977c931434ebf0e9' }, index.h("div", { key: '1b4247fd3045b96bdb38e33da0c4cb3f32fe6d0d', class: classes }, index.h("nav", { key: 'd9050b8955ca9bbb9206926c0494cf8bd0746544', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, index.h("ol", { key: 'ba84e539e40f7ca7cb8d76375df8c6d4727389ef', class: "stzh-breadcrumb__list" }, this._items.map((item, index$1) => (index.h(index.Fragment, null, index.h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index$1 + 1 === this._items.length,
                 "is-first": index$1 === 0,
@@ -252,7 +252,7 @@ const StzhTag = class {
             [`stzh-tag--${this.type}`]: !!this.type,
         };
         const Tag = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'c6f24fb12cffb20436394e55a414dd39d2968453', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '6cf7947df7e7d2b2a6a3b46ba2505458ae6c1a25', class: classes }, this.href ? (index.h(Tag, { ref: el => (this.tag = el), class: {
+        return (index.h(index.Host, { key: '8aad47231d864ffd86a6c4cb9fcf97133fb35e92', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'f847abadf73486e73a24fb50b694c20679dba9d9', class: classes }, this.href ? (index.h(Tag, { ref: el => (this.tag = el), class: {
                 "stzh-tag__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

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

@@ -106,7 +106,7 @@ const StzhButtongroup = class {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (index.h(index.Host, { key: 'e032f27a3c8e4486bc9002513424f6e1a4602df3' }, index.h("div", { key: '68d0440a95fa382ac3ed03500fb9845d7f9831c5', class: classes }, index.h("slot", { key: '536761fa4a1c430caa44f738265acfc43df75d54', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '83723a5e9098e4bcdbc766a2e5107e2e56a0220f' }, index.h("div", { key: 'da13b86bf79d49b6a8631ab2774ea14f2b00f877', class: classes }, index.h("slot", { key: '13757ac234bf8e9c3ce589e88580054584ddf767', onSlotchange: this.onSlotChange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -46,7 +46,7 @@ const StzhCardNavigation = class {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '1e056348d560aa7f4501e16c33c0cd0f1b49db02', "has-lead": hasLead }, index.h("article", { key: '54156988ac4bd4098914ee57f9a0788ce01ff22a', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: 'd79572c2c399126b4c075f14f16025137c174255', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '1397868e469bb5270aeea506c755672519b3f1c3', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: 'b3f2d084f95a3a59b8dfb3c66f794c6319339a70', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: '86b60abba3ece5962e7fe3b7fc6dd79e19dbb089', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: '1e77be549ef79cccea7d29a3a9f6bb1b248382e2', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: 'b9d2204388547feda11bb7c66451ee441c0e7ed2', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (index.h(index.Host, { key: '7be11d154e492971180bea1cca149662be680090', "has-lead": hasLead }, index.h("article", { key: 'f69c38a9bff3ec4024634ae8d9bd78d9680a658c', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '8e596f00b092324fc69959dd94dcd93f14abfdfc', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '8dca93f15b7aff88575b4f348bdd97d95b5bf51d', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: 'd15890c9a9047033089a69038bdc1bc17f791b3a', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: '024ec9a9b908958828c8c544478137716a664f74', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: 'ea78857b7b032e542e29dcfbcf62438a95a90563', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '0d9de48413f9f96a2f9525c8678f565747d26f68', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -133,7 +133,7 @@ const StzhCardSearchresult = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (index.h(index.Host, { key: '589615f3ad0ff1caa0706daff8e36b847e4fb19b', "has-image": hasImage }, index.h("article", { key: '6949183da69e9cfc1f5f7b5323fb5ef53eabd585', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '4193b5ccb2fc6f4e19b24ebc79527c525a781158', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '7b9865097a8ea94529d5fdcb1bbe6f6b640723d0', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '98fe0e0c249b1837af42a48e985b57294dd3de7a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: 'e46fe933b9a7a234adca8965d766b7f71e74778b', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: '0752515d6685c030384d97b7cd9f157772e84568', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '712f79885c560f27ac9fc3551fb3490d6fb15aa5', 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 ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'ff7ab3d144b00da287359680360e985888ebb506', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: 'ebd807b59bcb065a45d53672524ef14db6d32ff4', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '65718f1668b9f79137ee110ac9345a24fea7dd54', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: 'ca5e768de6d73a09452fe26d11b193bc4fac0ffb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '0305f8925be598bca2aa92ec01cecffd2c887888' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '400f06c439b3f2aa708dbcd12230eef2f3ed5c10', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: 'a000b90de2325f55cd9a3df0570ed6e2d02b8207', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: 'ca8b5007f47cc08f03fda9c6ffd80d6b05333f18', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: 'c449ba5c1f91ba40af06e891cba8b1b89dffe468', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '85bbaf0a6402cdfc6840be24832379ee77f501ba', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: 'e48bd8f0fc4bdc466fd9dc53ca70e152e33fbf16', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: 'b998008a2bf415391d6ed167b8505cd23cadba7c', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '581b13c5d529d826414168ad60127e5a305d8c48', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: 'e2142783a3bc762ab56db28a8419f87c14485dca', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: 'bc86a58f07e275df70cdf2cc1e8a402e3776bff1', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: 'bea21a276a59de53c981a7443ac1a6cb4930b784', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: 'b680de582124716a6f3d61c9d337dcbe330c1bd0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '2b9e3eb2a06ac4cf228f2f873f699fa3785c7c4b', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: 'e2a09890545d9f92ec07f362962c497af24ecbb8', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '135e8c8c1c008f39afbd4ce75682bb7a390c40d9', class: "stzh-card-searchresult__meta" }, index.h("div", { key: 'dd35708ce114e0605cefa17558edd875ce37be38', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '18164cc8317f6a1e189c1bb1c46ee842f867ff0b', class: "stzh-card-searchresult__download" }, index.h("div", { key: '27e54267f457585a290a94851b9fb5979d360e05', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: 'e38cbbda83ef6a60f48b24289ae6c4ed4e846e7b', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: '8886dd372656a4693897af816485c951f1df7aab', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: '98578756208b1c55d766a423004320321904c44d', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: 'd3f5b7d51acaa5b68d661b21e478c122bf5393d1', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (index.h(index.Host, { key: '330bb8819e6869698b5241e7b6d077c29c4ea12c', "has-image": hasImage }, index.h("article", { key: '8a711d7fa62aa71b5b29a78cb449363bd80fb4b5', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '38d732939a1daf687eabefb5df4ae5ae2cc97ed6', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '56c497155f2d6e6e5a1d5017cd6e738606e0a772', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '15b8e2f118c8436ededc6b985e9bc93b57f2f1c5', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '4e44a3a6b9bd8dafb427a8d610ab2402ea49a455', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: 'a0f2d3f6b5cf8e2ed261f2b8f3a65038bd9e18a1', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '103be8eed0766ee51ffb647d43be0fd26c97b201', 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 ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'ee39b27c01e8008f6ee3be7fbb6903c3e0e6521a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '3372aa0efcec33a6c90d083e002a45009643616d', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '47eb3645551e39c2b3f120d2d1cd23b4bbc45eb1', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: '53fe0007fff721a0cfba58b147a4ac97086425bb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '8fef98ab8bbcb7c7dd24b524cfd98177051b1a58' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: 'c46664a5e677e15cd31e5ad9bb44a4dd3c4589bf', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '96938d62a07b08817be66b264f372eb1f9bcc0d1', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '9db76c0340eefbc5c74506a83aaf11c1fb528db3', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: '785671d87d7b3b4c0b37da98e40631a4cc21338f', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '133a268dcd3d0fc1ac39d74c8c0de49eb547a9bd', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: 'b43b74c756e35f5e2e5b91791fddc7bc5a716c90', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: 'abc5d6360081ce36f2453cce8822f0d919c274f0', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '89409c0aee836fbc737290a66512ec59da698a6d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '7733484819af6c23ab26995bfeb7e3bd86a5f6a1', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: 'c821ec35feaec954f42e1573559b524abadefcde', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: 'b3b25215879f549caf61898437c3036f11b283ba', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: '3ab35c638b92546f7d6295f2712eee070ca9ac1e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '076584f80d8eaf0ab06d603d4310c12998d8aea1', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '887dac95369a740832d5723331775065a291b675', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '8d98639d093fd49eb72832763e138574bb95bf03', class: "stzh-card-searchresult__meta" }, index.h("div", { key: 'a9d9fbcfe872bc0fe359836ea1b6d69d77e908f0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '411298470b412d464ad99d7dc2b75211225f6c27', class: "stzh-card-searchresult__download" }, index.h("div", { key: '97cc2f5b626609053df9a5069b4f91e0815d3c2e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: '301f8d98b69fef740e540104ddfe6f7daa4a2251', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: 'fbc5704ce1e9b7d92911931706bfb0c28a5d0dd2', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: 'c7fc5064bb3ac222dd87e82d72c87d0e9e333513', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: '0cd7fdef8115914dfb6067bcc195ba0d2877c2e2', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -296,14 +296,14 @@ const StzhCard = class {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (index.h(index.Host, { key: 'bd8573e9257289d47a37aa9e4b2da14721063d05', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '6336738a215dccc1695bf2ce622560239cd4bf22',
+        return (index.h(index.Host, { key: 'a1927ae6d62f21414304d6462b9d041988b3c59b', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '1c972d5a6f15a4a0b335b35e0630a4a374975ae3',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: 'c98709db6062af06c675fcac37ef41dabdcfeae2', 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 }, index.h("slot", { key: '8d30491a6eb15e1114e06b3af7b4c13ac29fe9e9', name: "image" })), index.h("div", { key: '84c05505532b0745a53e374e3efdb81873a075df', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: '6f6b89242a82cf6fa7dbb38cd485ebaeec6c446e', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: 'b73224b3a6c6d24435674c7cf6792a1c27704f36', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: 'e104379bf206383e16d0e387d061c4b129ddc5b9', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: '9b4f6b38f7df769c956d2c2b504914566407146e', class: "stzh-card__header-top" }, index.h("div", { key: 'c72b4f59ff689be2cebd89a29c0d131ce9b21537', class: "stzh-card__header-left" }, index.h("div", { key: '89706d7b0656fbb47723ebdb752bf279d78e8d53', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: '63f97de77b427c301bb1413b9207415b519fc82f', class: "stzh-card__title" }, index.h("a", { key: 'ae5634a51e7807c832d980cc2d9b2b85590373b1', 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 }, index.h("div", { key: '189f03d0bd82a7ddad6298b166a54de93228b5ee', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: '87e4fe582c8f6b64c2f84ab12d69d5cddddf323a', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: '95eb379a5ace4ffb33ba467b00381a954471a578', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '27fff9346ef20b920096d6c09b51c6364ad059ba', class: "stzh-card__header-right" }, index.h("div", { key: 'c5e2348c7e9334837af3be47d8dc85d9d93c5d6e', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: '2fe9056f6a1e50afbb3a6e4e916e1f124c6a9c32' }, index.h("stzh-button", { key: '240af33f27b18fbf79f822e1b5be3e2d50530dde', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: 'f92be611f7eaa4d3051fc62019668deeceb1df48', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: '57fa85fe3590a010248a6ddd93ddbce5ecb9ec34', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: '5cf04a76fad58fca6b0966e5425e91ae85c71d5f', 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 }, index.h("slot", { key: 'f7341e9d893bef8c126c57bdc9658ac5d7322b53', name: "image" })), index.h("div", { key: 'b2e1162fcd1f69b8b2fbead1bd1c69d3730adc96', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: 'dcfabe4d87f43b0fd7c81d661b1f0b1a5a864d0a', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: '5dc111120bcb74bbf7154a35b834a56a952da91b', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '41038648295d4bfaab4843e89b5d98fb05b16158', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: 'f610a679f5d4a221f853732b8c4c5d1127c7bc0b', class: "stzh-card__header-top" }, index.h("div", { key: 'a01863d74297dac0932eb9091d5fea06cd3b0c0e', class: "stzh-card__header-left" }, index.h("div", { key: '2f4d07b00d3ac7afa2f483405d6f536750983035', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: '20e27a11ac1906a5190379db019de6a392d2f5e4', class: "stzh-card__title" }, index.h("a", { key: '86d67ffb4ebc77fb3f048c730f7984ad08318ad4', 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 }, index.h("div", { key: '62bf9c28ef2841c7c5f76815789e94f21493d7f9', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: 'f9dd86d7d74b9421ac23556e5695de064a1be16b', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: 'c5fb4c5b7ad3d3343ed78fe24793c0414d33ffb7', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '58834cd8fd62c79669bdffc0e86c100e014675e3', class: "stzh-card__header-right" }, index.h("div", { key: '312f0a4839d113921cfe19980247107d16a6f389', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: 'dc88f8d9c9b27ef01c7fc046016f479b4c9b957a' }, index.h("stzh-button", { key: 'b82b568f13a9cdabcdd54503c07bbf5524071919', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: '24936f59baa0b0e18aafc05eb2cd3553aa7c7551', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: 'e74953b1570e871de39895ff1a110125565a42ad', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, index.h("stzh-button", { key: '2eea1d7d38db81b1874deb21ac78c0ca548d2f71', 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" }), index.h("stzh-menu", { key: '57adc23deaea3ee7ed426fd34388f4d817ab48d1', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, index.h("stzh-button", { key: 'e3e5761b4469c00df3597954fe35dd0a78eeedb7', 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" }), index.h("stzh-menu", { key: '7a2d55ed89b15122f7dff103e90b5ee96a9953a1', slot: "content" }, this._headerActions.map(action => (index.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 && (index.h(index.Fragment, { key: '60978fc752f6c296fef5abb470fd56ee3bd8e387' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: 'a3f86189eb35224abc182f0ebee952db2dbb5921', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: 'fcef523918a9e02fd5b9b62de4705e2ca9d3a81d', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '7530f9193ce92301544826efc87d89ed09ff7558', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: '9db4b3c7d47a29b23709dedd1255c9b3b166c4f2', class: "stzh-card__header-meta" }, index.h("slot", { key: '4e813372cbc75f967542fc8ac6b5d1b4a849838e', name: "meta" }))), index.h("div", { key: 'e1de65030df162949e455c43f630b3a9e40f60f0', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '584b2a99ce186321391e382a577186ab48fd2fba', name: "content" })), index.h("div", { key: '3d5316ab0215a7f1035da4af7835376169cb2527', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: '26139c582901ff4c82707249e0670a52130ba738', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: '4385a589426e899bee9e15382a56c00a1ae290ca', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: '7fdc60ff4a7aa9b3b7bd64878a5ba9b4feef28f3', 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 && (index.h(index.Fragment, { key: 'a64c018b74ed9ad7252f971b79ed82e45632c5ff' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: '03c36ab54ddd81286ce203bd319ec1b825a03475', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: '51feaeba837cb5000662abcff76608a55209d9f7', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '9edb6e478a90c38e1792d42b8c9ad75d3682ed15', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'aaf4a1c9280fe8aab924fb6d65def99f06916aa0', class: "stzh-card__header-meta" }, index.h("slot", { key: '5b2e0e6c14626f74a9ea6452da4a2ad076152abf', name: "meta" }))), index.h("div", { key: '97f9726fdcabda0fed04fef2a0ab47a467a148a3', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '8cc5f12a74585dbdd92e2596fb7263b30dc26c6a', name: "content" })), index.h("div", { key: '5c6c406551d34e0d59d85daa5d1fd4e162fb177a', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: '21ab202353ae5c00e0ac7429f3cea8eb78e13169', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: 'e2911f2b831e2bd1c169b04f565bcf412c1d844e', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: '0c7c3aa76b9cd08bc3092963c1398d0aa59d9d0c', 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 }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -90,7 +90,7 @@ const StzhCardlist = class {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (index$1.h(index$1.Host, { key: 'f31abf75db257f1ba545eae7f9549855142e45ee' }, index$1.h("div", { key: '96e429ac8b4fdcd3715bc63f22564f484bb99031', class: classes }, index$1.h("div", { key: '4e9c16b12ed21e4119bec5dc7ec8568681f1be99', class: "stzh-cardlist__header" }, index$1.h("div", { key: 'c8d14af7a5f68db60b82e63112314cdb95224c61', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.h("stzh-link", { key: '4784ee4f76e0ec7ba1c200de7265769eb45e7bdd', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index$1.h("stzh-sortable", { key: 'dcb79be71478be55363807f378edea0e464bc809', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: 'eb3857b28525d3f0bf4c337b32038df5c1191af3', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: '05e742b84855d89a7a04301af06afcddda632cad' }))), index$1.h("div", { key: '4895a6b165ff757a1c57800ae1556eb73179efd2', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: '541bbb3bf1c5f8f8677f39835ec47d7f2bb9b392' }, index$1.h("slot", { key: '5c9113d56decf94da3c0653bb2ee60ad9122822b', name: "footer" }))))));
+        return (index$1.h(index$1.Host, { key: 'dd5316c1f306951f130f204e951296ed5b3abff1' }, index$1.h("div", { key: '7611cb1ab5de29edfc59372d62feebcbb22ce60e', class: classes }, index$1.h("div", { key: 'c4e81a7f047679fa3f1c049c18cb3b1424fee30d', class: "stzh-cardlist__header" }, index$1.h("div", { key: 'ff80154539417734e5027b0598327d97c420c2be', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.h("stzh-link", { key: '756c5adb98e94cb636274d642449323a1ea16bf5', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index$1.h("stzh-sortable", { key: '46a6eea318db227006b01d356c50c72f02c27d85', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: '080ef0e0daca8159474dd98515b2d2636f64a5d2', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: '2877167582196e17abea39372d09e8bd03709e05' }))), index$1.h("div", { key: '0929b5f71bfc15fcfe36fe5bbb8c7f9a0b9cad5d', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: 'c331aeb44d10456c88605d474fcea51924c27b22' }, index$1.h("slot", { key: '8e4c8be038c7b1d407702dcf6022f20d3f7432c6', name: "footer" }))))));
     }
     get element() { return index$1.getElement(this); }
 };
@@ -110,7 +110,7 @@ const StzhContainer = class {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (index$1.h(index$1.Host, { key: 'bfbbfa4d7ebe7f553cc14cc9d453582f5d8ef083' }, index$1.h("div", { key: 'f7648c8137df212852875d0685d136ca500c6bd8', class: classes }, index$1.h("slot", { key: '428fb8a30bed21c3ad5df95476ee8ff9a1336012' }))));
+        return (index$1.h(index$1.Host, { key: 'b3f0d265d9fc1069d992c0c40f09ad03b6d4562c' }, index$1.h("div", { key: '7f29efabddd07aa2c088ed5efc6e56571ccf4e76', class: classes }, index$1.h("slot", { key: '1c89ecf1b493a19a0f150ed4b6f07b4a06ba1e08' }))));
     }
 };
 StzhContainer.style = StzhContainerStyle0;
@@ -4156,7 +4156,7 @@ const StzhSortable = class {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (index$1.h(index$1.Host, { key: 'ff42878834e103659161fa8fe1125e8f290c69ba' }, index$1.h("div", { key: '209df0c0947821ff28b6e4a0a07fbecd62e19a05', class: classes }, !this.disabled && (index$1.h("div", { key: '6b702e2919bf91401389870b08dce3363c720894', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: 'f271702521f077ca0d0ab47a8d761af6beedce14', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: '6bed399b0231648d1f86393d320c3cf58d7ef4b7', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: 'a4be5231727ebbad9e25ca0b20f40ac65768d5cf' })))));
+        return (index$1.h(index$1.Host, { key: 'c0fcc3ea7f0df3028b8a53bc5476a29feef8440f' }, index$1.h("div", { key: '70713c2e141417f83434c161ad3f961f7706c658', class: classes }, !this.disabled && (index$1.h("div", { key: '5f197fce7d95fe0d460b46c5edbe8bc67ccb78e3', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: '235e348891ffbd9bce59702458818ffc65b0c56a', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: 'b8f29e10d876dfe5880bc4ad58e19af5e6408b54', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: 'fd1b30cfa0483571dea1056142c86bf74faf226d' })))));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -516,9 +516,9 @@ const StzhCarousel = class {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (index.h(index.Host, { key: '9d93bad573670cffe389a620ef75ba7da49d01b2', "aria-roledescription": "carousel", style: {
+        return (index.h(index.Host, { key: 'fdf547b612031c85489a82a6019bb5a536b54df6', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, index.h("div", { key: '43050b1463ec555b4b1baab04bb7af7b9cd500b1', class: classes }, index.h("slot", { key: '409c58565a93ddc243ae58d57f8cf7aab124680c', name: "actions" }), index.h("div", { key: '4afbf7f55065f750b984f5455fb43ee1148fda14', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: 'ab16c7e3a6c31984f24cff25f4a13aef85a4295b', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: '2b7a82eac85a0c190903648117db088a4f1861cf' })), this.withTrack && (index.h("div", { key: 'e79b32e04f7d4693d5383548d43b3f0e10c307c7', class: "stzh-carousel__indicator" }, index.h("div", { key: '419985cf8bc3c39c0b1363af8eda18e1e57e8c93', class: "stzh-carousel__indicator-track", style: {
+            } }, index.h("div", { key: '4f88b815150e4061fe25a360108e5db0c793cb6d', class: classes }, index.h("slot", { key: '1605bf5a1d13c8a3c2e2e6feb0c11b027261a6af', name: "actions" }), index.h("div", { key: '0c6f2e928dd431f8308a970c27824d5ef4158cc5', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: '00fb4cc4cf6b9ca341ee30f42d4b121c2f10f603', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: 'b4634831097d51e7cc4ac379f23b396dfc59a5f3' })), this.withTrack && (index.h("div", { key: '467b2f7b3b8d350e1cc940718b4d46151584cd42', class: "stzh-carousel__indicator" }, index.h("div", { key: '7c2ae95b3ae38c24b52d584a4b824db5012fec07', 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/cjs/stzh-chart.cjs.entry.js

@@ -29809,7 +29809,7 @@ const StzhChart = class {
         const classes = {
             "stzh-chart": true,
         };
-        return (index$5.h(index$5.Host, { key: 'd255a07bcb87e12716e3fa969d878616e60838fa' }, index$5.h("div", { key: '760d4b338712a2f55f2449469255930f4e0e18cd', class: classes }, index$5.h("div", { key: '7feb6fc7ce9fb55ed0e53f3a5d82e3719e67aa0c', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$5.h("slot", { key: '0f962e44141fff51a2805d0b141494d1b6f7e76d', name: "caption" }))));
+        return (index$5.h(index$5.Host, { key: '7e0432b9b76c6275f6edbe3f9b4920d155793650' }, index$5.h("div", { key: '5644ee33434e154a84cf875457233c37e643b25f', class: classes }, index$5.h("div", { key: 'dac236fdf3c6269f265abc1d58582015d3efb785', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), index$5.h("slot", { key: 'd0a343e8e77abff7639928c11676dec4954caa23', name: "caption" }))));
     }
     get element() { return index$5.getElement(this); }
     static get watchers() { return {

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

@@ -128,11 +128,11 @@ const StzhCheckbox = class {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (index.h(index.Host, { key: '69135f85a8c98b7357977d1bcc894d40f6748d2e', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c5eb48485626c99a362d702696ebc56c5f4b9f18', class: classes }, index.h("label", { key: '0702b60ae97eead51faa453d05834ba238fd2646', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: 'dc99be9c50f7d87fe3277d7d6cbe3ed0e69671af', 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 }), index.h("div", { key: '6aa9a868e0dc70442e24cd1039f6faefb0f878b1', class: "stzh-checkbox__mark" }, index.h("div", { key: 'a95db0e4b2149688299e561c9d6e7d63f1bf2a25', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: 'f3fa499c7482fa3cdc75dc8a2c5b34c418af2a78', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '49f150a1ed9f4a855b77e40327bdb3157aba88bd', class: "stzh-checkbox__marker" }, index.h("span", { key: '4dd6e8a1c4993fdc22b18a6bd424d68f942cb9c0', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '405ef3c9c5c3e613e214eff95ccbb2bf244868e4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '896827d5b531870193d71f40fcb5a8ee1ed63e6d', class: classes }, index.h("label", { key: 'ffe5f1ea705f59890d620dcaadfc25fa95570c25', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: '4a764662bdf9b4f3f58dad7af6079891fab23096', 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 }), index.h("div", { key: '6f5530363f8a1e00f7529dfecf1bdc41ca70369c', class: "stzh-checkbox__mark" }, index.h("div", { key: 'e35ad44f2d7bf741ed14d30b57676a936fb1c0f1', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: 'e7a45c2e0e1117b97cd4d1f8c4c643a6c825ab28', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '7568ecb3bfabcf8c80f505afc2c66aa4e193a8d3', class: "stzh-checkbox__marker" }, index.h("span", { key: '8cb60015dcb0001add1aa4c99273d2ceef3c56f3', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'c3668f8710f8ab20d4dfdbc7903a18812cb9c853', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '9d995ce3f36042512c5aae083e2203463ff9af5e', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: '76c2c9f4451bd5b8833d3f873270a4c270a30e5d', 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) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'aa8c6b17aa646e0801be413736160307160e34f2', 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 })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -187,11 +187,11 @@ const StzhCheckboxgroup = class {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (index.h(index.Host, { key: '5ed667822930fc9d1d75e01a70a268e232643c2c', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: 'cab2fc217cdd150550905ecb0fd1243c0ad54cdc', class: classes }, this.legend && (index.h("legend", { key: 'ee1a161edec832762717b316cdd9686758922be6', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: '43bf6fd071cbe307770a41de4914d1f559f294d2', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: '6c6813a48eb1ec11ea404f738150e63264fa28c3', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '8da765b1cfd085e3502d9128eff7aaa5a3389f1c', "is-invalid": this.invalid || this.errorUsed }, index.h("fieldset", { key: '25686307cc5438de0dc03d3fc8e94a9d63ca31b2', class: classes }, this.legend && (index.h("legend", { key: 'bad356bcae9441595d701871c0f6712fcdb6fdfd', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (index.h("span", { key: '6c84c36d5c71e4fc53255a9ecc630656ecb081e7', class: "stzh-checkboxgroup__marker" }, index.h("span", { key: '5bc82a5f7f5ff87925db2c52f2a396fc8885b897', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '3c01722a86038fdcc18a1aae6a82de0229e35d5c', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'aa29654db17ca16bc3e50df0de7ffc61cffad2ff', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h("div", { key: '72763165d71b482f6c0755f5ea8c9cbdba64b0e3', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: 'd4f983b542f080a09d4e477aa9b0662067fe2f18' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '08a16eef6e0a9d2bf7040301c7e6f06717fa4393', 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))))), index.h("div", { key: 'b28245333edd1b432497e953dd1f352744938c0b', class: "stzh-checkboxgroup__fields" }, index.h("slot", { key: '0847ee7f407658ff476c10cf85fad3414ce9db31' })), (this.errorUsed || this.description) && (index.h(stzhInputDescription.StzhInputDescription, { key: '94eaeb485f5168b97c6d0f726629e7db0d873c0f', 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 })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -109,7 +109,7 @@ const StzhChip = class {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (index.h(index.Host, { key: 'a16b072b892c58de5ccb221c7afb6aa32c86e73b', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '5f3106e3c736fd9c0e14a1e0aa3f433bf1f29cbb', class: classes }, this.removable && (index.h("button", { key: 'ca21ab6c2e48070300ca3dcd785ecd00df972dd1', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: '7fc952bb9200bea96d28cfca9c8eb3621222a4b9', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.h(Chip, { ref: el => (this.chip = el), class: {
+        return (index.h(index.Host, { key: '65e333ff1871fd944718ee7c08505a00813ff29e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '584d6a7ca664ad5e996f5d859cb3e4a1d77a1f40', class: classes }, this.removable && (index.h("button", { key: '5c66a71163fff90c6dfcaf99da577f05f2c1ff85', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, index.h("stzh-icon", { key: '43f9713f4519413b8abeb320cda2a3a2839fe3dc', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (index.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/cjs/stzh-chipgroup.cjs.entry.js

@@ -15,7 +15,7 @@ const StzhChipgroup = class {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (index.h(index.Host, { key: 'a17068f6d1b821440777dd2abdc7c7fad987000a' }, index.h("div", { key: 'aae05e10e1635d651ebb4962711f84314a3aec5d', class: classes }, index.h("slot", { key: '96a93d655da18623bdc42e723d3bfac1224c5cab' }))));
+        return (index.h(index.Host, { key: 'b9eaeaa1754b716f237cbeb1e3edeb9be0c90c5d' }, index.h("div", { key: '17f4053f1f13bcd45884549b9c0d81ac694382c4', class: classes }, index.h("slot", { key: '9b4b14008acaa7651f4ace46743f98bde1eb9f4e' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -214,11 +214,11 @@ const StzhChipselect = class {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (index.h(index.Host, { key: '726f31149449b63ccc239b4f3d9b85047a071801', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: '17c9b0f60859ceec61d8bffceb57394718c404a7', class: classes }, this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value })), index.h("label", { key: '5f717b198396ba191f640ebb4a547d0f3911f087', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'cbad63d61e9d78a8323fafba3f96eeac644adbb3', class: "stzh-chipselect__marker" }, index.h("span", { key: 'd9cc199d2935452e305f7848b3b017373b0dbcad', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '164faf93243aee65308c7eef392d7ac421617d28', "is-invalid": this.invalid || errorUsed }, index.h("div", { key: 'c2b3fa892fd219a9843747025efdb8f2a8fa007e', class: classes }, this.multiple ? (index.h(index.Fragment, null, this._value.map(value => (index.h("input", { type: "hidden", name: this.name, value: value }))))) : (index.h("input", { type: "hidden", name: this.name, value: this.value })), index.h("label", { key: '62f65f4e2f15dd11553a103d91197391c27a6c52', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'cbf05d5f55392cb8281977a1a18d22d1fa87472b', class: "stzh-chipselect__marker" }, index.h("span", { key: '06715d220d746904a726718a845a78a33ced63b1', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '0c6c571b323c16349872d7b22d512d807e52a2cc', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '87080c43d571d10e18a6324da0e16fe27b795b1d', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (index.h(index.Fragment, { key: 'e563b931ef38d5e7c0d684f2c600f25fbdadfc03' }, index.h("div", { key: '93ef094b49fa2c1016bceb68e02b862d902e4413', 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$1) => (index.h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (index.h(index.Fragment, { key: 'bf3a273b9630c0e55b8d065a5c89e1b67cf711c2' }, index.h("div", { key: 'a7189bc21bdbd23a557c274c67956cf87280b7bb', 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$1) => (index.h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index$1,
             }, 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) ||
@@ -231,7 +231,7 @@ const StzhChipselect = class {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))), index.h(stzhInputDescription.StzhInputDescription, { key: 'a1405dc46d7681b491c35adfb052bd9712988678', 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$1}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index$1) })))), index.h(stzhInputDescription.StzhInputDescription, { key: 'df71c063f7b727aee45ccb891bc4e6188ef3af58', 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 }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -94,13 +94,13 @@ const StzhClamp = class {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (index.h(index.Host, { key: 'ce2564683bb369204b34d6172388b15af81ed849', style: {
+        return (index.h(index.Host, { key: '30e87a53eed4c18ac3b98973d14fa5814bc4727c', 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,
-            } }, index.h("div", { key: '56f31cdbcd4b3fa77c03b2935772a22037d65690', class: classes }, index.h("div", { key: '7176aa165e8ab282b88881382e0482ec9c7b186c', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, index.h("slot", { key: '45a9d189f108270afe090fe1f5ec81ee965efa85' })), index.h("div", { key: 'd6e1bbac98926f8571d8abe521e72b1072e89a9b', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (index.h("stzh-link", { key: 'f5ee1f3dbf26525b06e68bc05cb41968dbc51c41', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
+            } }, index.h("div", { key: '3338d81ec65be721ae83ee51acafd05c46f5650c', class: classes }, index.h("div", { key: 'c84ae325487f0118f60df2b700e42c17189ae85b', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, index.h("slot", { key: 'f6f7ac8362f8bdcc2ece90c7647200e02f162fca' })), index.h("div", { key: 'bf1b33ee613175cae4eaffdbfbd7525c29c48915', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (index.h("stzh-link", { key: '0b65923f6e740e56a2fea343a91d3a701a61130c', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-company-logo.cjs.entry.js

@@ -15,7 +15,7 @@ const StzhCompanyLogo = class {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (index.h(index.Host, { key: '5d9557a9e1894bb288fe48b7b6881d1b0009ebdf' }, index.h("div", { key: '3b8c65cac25c77dca64ba038ae270445803de052', class: classes }, index.h("div", { key: '5bc8157db7f1cbf1f009befc99116310661e2e00', class: "stzh-company-logo__image" }, index.h("slot", { key: '82ce03a4f08a6ced6bab88602be485143122f98c' })))));
+        return (index.h(index.Host, { key: 'ebefd4b5ddb5e0c535ce1f648c680bfe249a2861' }, index.h("div", { key: '67d665991d01c080b18761c22fa8178a69df71f8', class: classes }, index.h("div", { key: '9d759548cde8561c1a91014051621a11cdc75227', class: "stzh-company-logo__image" }, index.h("slot", { key: '4fd22d5647d73fe81fb381c3b576af65ecc10617' })))));
     }
 };
 StzhCompanyLogo.style = StzhCompanyLogoStyle0;