@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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

@@ -122,18 +122,18 @@ const StzhActionset = class {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (h("stzh-button", { key: 'd0e49e31ca8762d5faf49bcfd1facb75119625cb', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (h("stzh-button", { key: '1f7563d9c5032e13be6575adc2be43d0f787d3a5', 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 (h(Host, { key: '7ba29f5a2431146d73b47f3fe4c9caa8df008125', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: '1808d68add46e4677dd0b1372912ed4249a49578', class: classes }, h("div", { key: '7d56d17280f57189a38a8357a6f532c2b826d37e', class: "stzh-actionset__actions", role: "group" }, 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 ? (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))))), h("div", { key: '62abf51b40d7caa44a55b5f791a0122ac28f4bd9', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '3d164466f363a0b199fcd46a8875490c7d1802a4', label: this.variant === "stack"
+        return (h(Host, { key: '4c5dbb5e74df1c08799e6983ea7af2bce400db26', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: '29d124397dd04a5761fbfc96e06210f477cd0cd8', class: classes }, h("div", { key: 'f9433d56273b3782d923d9a7299a74cb8f0246a1', class: "stzh-actionset__actions", role: "group" }, h("div", { key: '686785c397fd6376fe84bfccc2c59e8deef093b5', 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 ? (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))))), h("div", { key: '87d949a4cc0bfb59c51b66dfa1661741b77b8be9', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '4c38dba537ab91510d04112a63e8480df29145ad', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, 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" }, h("stzh-button", { key: 'debb0672bd249e8f2f8953a034947f3d46242551', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -141,7 +141,7 @@ const StzhActionset = class {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '59b28eb2e8bad618e7be4f256ca73e36338c031d', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: 'c82a73a0bc80c8c9214ed9fb0814ae13a5980e9a', slot: "content" }, this.actionsCollapsed.map(action => (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/esm/stzh-amount.entry.js

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

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

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

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

@@ -27,7 +27,7 @@ const StzhAppNav = class {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (h(Host, { key: '28755895d833a369da3678b55c41362340dbf98b' }, h("nav", { key: '6375efcd34fc270155dbfadef06442ece3d9486f', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, h("div", { key: '7c7a9afd20f6d8f92e21cc8b7b5c7b83f88a881a', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (h(Host, { key: 'd705906dfa8fc79d2151d76ab800a6c73bbfdf4c' }, h("nav", { key: '868360ba1ff91177d4087609c48d48e6ee656277', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, h("div", { key: '6c8dfba33c021fdf7f6481584ee1c136fdadecce', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

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

@@ -255,7 +255,7 @@ const StzhAppointments = class {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (h(Host, { key: '8ab45c7c12bfbbb3c4c867466cd330ff96efe180', "has-heading": headingUsed }, h("div", { key: 'e8221619246241934fda5d298b504164d6d977a3', class: classes }, h("div", { key: '04972ef7684289297b9d293eb95d969ec82fc024', class: "stzh-appointments__heading" }, h("slot", { key: 'c9330ba61e4ccc92bf4fecb8369ad62b94c9f9fb', name: "heading" })), h("div", { key: '4ed093060304f64ee8dbfea31362ada6ce3c53a9', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'df625608fa8e532d90eb60b1408fff48793a15d9', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: '11a85c1d0054d3ebf1acfc19191426039f057b52', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '26383b0e3190d9c804fcee0d9f77342f46b6ec78', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'bedf14c7dd84fe20b9971d3121175c2b9045f0e8', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: 'f15967e675442dc7ab81bd955752b886a37b2bef', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '76946ce297cda3a08465c380894845090da63b70', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: 'be184bcb8a7822de809ce35c2ea19aa6b48d44ca', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '28d378fc668cbbce1ef129380e539b37d03c0077', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'e2e8a92b2fa355a67999cc7ecec7f33ce16fb515', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: 'ca5aff9b71102904b9c4e483e00511e71c25177b', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: '4c3db37b9e6dd02f961121e23cfa313f92ea0c7a', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: 'ea0fe690049c12b5adeb9444096aa7fdc6aec7bf', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'b4c0c2e2ed30206fcce32a20375e057bfeeca7d8', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'd11f4c940085d1ed217fd8172d670c729b100ad3', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '794071f8d430c155f200c4d630bc0c4bcd76f86b', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '133956df1305e1cf7385419e7cf2a088c5c260fb', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '076f390763c550f85238cf1dc6de8b8ff6cb20df', class: "stzh-appointments__sort" }, 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 }))))), h("div", { key: '2be297b3b773b3768d113cdd536c66651c81abd2', class: "stzh-appointments__appointments-content" }, 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 => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: '3c6a8433c3f968c3ce3b04e49c5b76a1e3f54371', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (h(Host, { key: '1728e91f3166d35ed8c3c81e9d82c93fb51de5f3', "has-heading": headingUsed }, h("div", { key: 'fe4b6a5334801c2d0293085ee1f579541fa96ded', class: classes }, h("div", { key: '5546e6431292451f3214f8008f4faedc5f6cbafe', class: "stzh-appointments__heading" }, h("slot", { key: 'ad7ae815d65a27009500c5baa8b1bf3509c78760', name: "heading" })), h("div", { key: '7ac2311c272c59907466527c31e80a52ffd75d72', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'efcf72400a53e89c16b8ca00366c369474b674d3', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'd31158baae7e6819f79047f9ab73b1339c7d151e', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '9390fee5869b94d031094fed5f68f985c1a42e5a', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'f0e6b9aa9a3aa09f982fd8ac2eb6ff5468166a58', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: 'a00d58dff58de3ecdc6b4f6e7d432e7ab97c5f37', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '29cd37f62445669df46b7f89811797f35540cd5b', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '109453c006e4eaa7faaaecee91fa8600aaa3ec3f', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: 'f06429980ba5c3c48c78204c70e52ff41bd50a98', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'd96d65c976e7b7f0a9cdd97e0e1e2f5d6ba61aee', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '50cf47b44de9b9b05760cc130afd80b62be72ecd', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'd5f890eff5882530c31d10083e0e5a92f55ebd8f', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: 'dbdb4aae72f2f0ae92ce7915cfff8d86d2f6b2c7', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'a964e646b14cb7d82530ea199858b9c26b4c9186', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'ae31d2f5c8552126f8c352dd388032b90991b313', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '428d7b016152f20849fb2088252e0b44b82301a7', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '7818a53dfaf106b0e76a5840babb51f611d7266c', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '3aca013063a7b1aa3d2e797bafdcba2cd1f47bad', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '1fefcb5799637b45ec1c5029b7b3098def83e261', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '7ceab2672395b3a7aff85abc53f744cd37723b45', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: 'e8d157ebcf8e11c766d3c71968c9e20c18cb98d1', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: 'ce621d82405ee70ebf00a00a78651c11c822fa51', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -4136,7 +4136,7 @@ const StzhAudio = class {
         const classes = {
             "stzh-audio": true,
         };
-        return (h$2(Host, { key: '0c0922c5bea67ec74e19897668b043539f2c46e8' }, h$2("vds-media", { key: '41d93bf0925db89a92f1e1e9254daed6829814ab', class: classes }, h$2("vds-audio", { key: '05d5fe898a95cb6463beb9592c7d6d15cf2721ff', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h$2(Host, { key: 'adc7c38e9004abb43c53f7a6a200ff371cffa327' }, h$2("vds-media", { key: 'd4e49e3f00311782be26550c40076d905605c4a4', class: classes }, h$2("vds-audio", { key: 'fb8764bbc6a2e5184553f355b10acb54a2491f06', 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" });
@@ -4148,11 +4148,11 @@ const StzhAudio = class {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, h$2("audio", { key: 'fb3a58e8c5c0aaa1bd299b7a702d7608b2c59488', preload: this.preload, src: this.src }, h$2("slot", { key: 'eb36f00378d5ef96e2c78671b86a6ff37a47c810' }))), h$2("div", { key: '4f0864e441b004950e51e97445f37335b93faae6', class: "stzh-audio__controls" }, h$2("div", { key: '28c617821f8ca3b3f85f631017cd1d75f3fff66c', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: 'bc4cc4119fb00655b6b08cc7833af76878d1e378', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: '58386221c01342bd9c2cfd7349ae3820b11f59a5', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: 'd718fa5da274c700bfbaf5cb9e31f02df46e0f56', class: "stzh-audio__slider is-time" }, h$2("div", { key: '789616b462c4e4d3f634053a4c67fd37e033a31a', class: "stzh-audio__slider-track" }), h$2("div", { key: '339e32a82e0d9d87074e5e1a6c2c5c1a83342c49', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '32515309118f44f7f40f6690a1608681121a5d97', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: 'c3adb2ef821fd3af39d3d499aa8c888936fa787b', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '3e09b2c578d11dcb5cad2ce0d828ff77b26b838e', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '1d80cd027ee1b7c127ec93887b205bca0ed72c56', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: 'cf8a4143b36f91797b133420b2269183a5054f74', class: "stzh-audio__controls-bottom" }, h$2("div", { key: '1286db5c251ad9e1d2d8f6fb86033dbdc9ce7529', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: '2ab03fe7415fd736cba1c7e9308ec203871163ce' }, h$2("vds-play-button", { key: '89d38b6a684cb443138e82250c4c958264fc1c6e', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: '9d3ea893f20ec59c403245563bda97f5803d8c2a', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: '57858a1d2d95497b20f9fc6186c9281601729ad1', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: 'c402b2d8327cae5faa0d1483eaa170816a115631', slot: "content" }, h$2("span", { key: '42004e5b728fc934ad84ef98a54088457f29f82a', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: '8bb7f92135008dd12d9a4d7b151939b5bebd30de', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: '08d916d00cbbbd7d1dbde0c9f507d0f092b79743', class: "stzh-audio__time" }, h$2("vds-time", { key: 'b69c2871af544dd3f027e8fe73f77f92bba1dc9c', type: "current" }), h$2("span", { key: 'c5f7b3923843dc762318844de5a4ffba72d5d68b', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: 'd3f44e2904ac3b89d863350cbe6522ab6f9e4e5e', type: "duration" })), h$2("stzh-tooltip", { key: 'cdb367ca07da009e0018334be84dd69644109f84' }, h$2("vds-mute-button", { key: '3a318c2e8dbc89e0f0d95bc2c2f099c498287c8e', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: 'ba33deb8a6ed7cb2e2ee810921c2d94d3fbed406', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '14d1ba645f7a05f375b421fbf02881f16e6798b7', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: '7c4c1a9b6a3f647c7532ba2f739dc115c556cd65', slot: "content" }, h$2("span", { key: '23c8500055d5da7704a0324f8c79d464447529f6', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: 'ac9f48768415d77e3f2083fe07ee31b2e2d2900b', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: '1dd32cf79d22a3618c52f56c2b7db773aca01793', class: "stzh-audio__slider is-volume" }, h$2("div", { key: 'b6cf9bc0d7e6edeb822eb0641341dab4845ec42a', class: "stzh-audio__slider-track" }), h$2("div", { key: '7424176908f27f7b789bd57c2cfd3adeea237322', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '2495aa8f386ae25ee353727c0914359170626faa', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '9f580e1756cc0e11e3c31ecfa70ed28157beea3e', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '9c9d60ec103ea6bfe7ee96fab4751204f1ea5094', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '0eece2ab72d08b804ddf198186f3e39cd8cbcfc8', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: 'f54b89b444b2750175ef1db198652f86a44327ec', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: '96d724d22d7dc33e280dd0aaba14a342c684f604', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: '2932f01a64fde628b2f124a00ce0247f6ea8c61d', class: {
+            } }, h$2("audio", { key: '0b221a814271376201133ff7edba260f5ca7463f', preload: this.preload, src: this.src }, h$2("slot", { key: 'fc125dc950fab61eb4ee5ce5675b0d2a1ede821e' }))), h$2("div", { key: 'efcc542fca2fe230f4441ca9409ff2b71bf1c814', class: "stzh-audio__controls" }, h$2("div", { key: 'fc8489dfa5b1400c2375a63a53d05e1109a870c2', class: "stzh-audio__loader-overlay" }, h$2("stzh-loader", { key: '208366f97280cb38f1ced382d3ed0d674a0ddfd4', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h$2("div", { key: '994f06627e2700625f3f344cdb622b3dfd80e994', class: "stzh-audio__controls-top" }, h$2("vds-time-slider", { key: '599fec3c58eb03334103f6353372a031ba86c24e', class: "stzh-audio__slider is-time" }, h$2("div", { key: '9027c1f04fb1ecdb29bfedf8462510cc3de8a4c9', class: "stzh-audio__slider-track" }), h$2("div", { key: 'c2bf3737c348187a9c7ccd1f774b2e61ea559cc0', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: 'a8888b1465dbc5ba770e1eb1be8a68975dcc6c2a', class: "stzh-audio__slider-thumb-container" }, h$2("div", { key: 'cd918d8bf70cd5086bad4fd7ff566f3ea24dea2d', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '7727c198878168a0d21502e42e512a168c472a10', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: 'a179681a425f4a323dea97e3b1c0f71b23d75b95', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h$2("div", { key: '3348ebd143b9448928d78f87ef62c7027a41eebc', class: "stzh-audio__controls-bottom" }, h$2("div", { key: '18ba37d17f119e2d808d724b11a2f8c30e4397c5', class: "stzh-audio__controls-bottom-left" }, h$2("stzh-tooltip", { key: 'fcd87ccb74cbc230025dc877ccbd04c1b2be5d46' }, h$2("vds-play-button", { key: '53fc6e83f6bff2c4082a8a24b5951abe3999af03', class: "stzh-audio__button is-play" }, h$2("stzh-icon", { key: '492b659de3453c47d4a7e9c80ae759aeb109a3bb', class: "stzh-audio__played", name: "play" }), h$2("stzh-icon", { key: 'e422ac424e34723e315d46b0f55f05c618ef5444', class: "stzh-audio__paused", name: "pause" })), h$2("span", { key: '0d6fc0648d44ee7fd2a4dd6c776ab367c4f16d56', slot: "content" }, h$2("span", { key: '3382db81b57204c2f1e3687397067102a1cddf99', class: "stzh-audio__played" }, this.localization.play), h$2("span", { key: 'b7b7994d9cc526b01da08979d458afd88f24f748', class: "stzh-audio__paused" }, this.localization.pause))), h$2("div", { key: '58c00d329f58db7b53d92a633c41c413fbb8548d', class: "stzh-audio__time" }, h$2("vds-time", { key: 'cd052f9b18dc89436bdfe4d204ee84fd466d4ac2', type: "current" }), h$2("span", { key: '4f0ca82a5aeadb62e21420824fbdb3a242d8ecbc', class: "stzh-audio__time-separator" }, "/"), h$2("vds-time", { key: '92ac5701e584129585ea52c8fc54528f0bb4ea71', type: "duration" })), h$2("stzh-tooltip", { key: '1b7fb13bf74b63ee5a63c39a5af73d1b051e209b' }, h$2("vds-mute-button", { key: '158b2b77a2b8a5c931b37cedc16399b2740d8abb', class: "stzh-audio__button is-mute" }, h$2("stzh-icon", { key: '2c7595b59335247a3db7ffb06d8ee580bee5371c', class: "stzh-audio__muted", name: "volume-medium" }), h$2("stzh-icon", { key: '50f4200533d92909a834dfcdbe866857cb2f0810', class: "stzh-audio__unmuted", name: "silent-mode" })), h$2("span", { key: 'cbe10d1bb537653fbb22cac0ad7c7a053313a379', slot: "content" }, h$2("span", { key: 'fbaf5804f0bdda0649f1354597747c761f80b04b', class: "stzh-audio__muted" }, this.localization.mute), h$2("span", { key: 'a0d23ed2d2d43a8cafde24feb24845d471236f84', class: "stzh-audio__unmuted" }, this.localization.unmute))), h$2("vds-volume-slider", { key: '75573a956988404ffaea86da114a0f97f517ee88', class: "stzh-audio__slider is-volume" }, h$2("div", { key: '3e13e4826980600295b92194f2bd7bcf583a0e57', class: "stzh-audio__slider-track" }), h$2("div", { key: '7bb8b898b4f51fe33990cc42eaa8be05156d0c0b', class: "stzh-audio__slider-track is-fill" }), h$2("div", { key: '64c7bc436408e4d7e964c310f26a703a8db46b43', class: "stzh-audio__slider-thumb-container is-shown" }, h$2("div", { key: '2a782c51dd01519edb75764d813f99fcfbd5a135', class: "stzh-audio__slider-thumb" })), h$2("div", { key: '85cfa0c27692fb9d77156d4719f147e2e2592708', class: "stzh-audio__media-preview-container" }, h$2("vds-slider-value-text", { key: '76593d9391bf40711131632d2d18654830f87aa9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h$2("div", { key: 'ac714c6f89f87b22eda68e346f065a9abb84b5b2', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h$2("stzh-tooltip", { key: 'a51a57933f2ab92651456f81996550a7cf6d35f0', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h$2("button", { key: '0e968fcecd862b6352aded773283c31558f79072', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h$2("stzh-icon", { key: '13c5fb1eea2d467a8b433c090043cf245f372d3e', name: "transcript" })))), h$2("stzh-tooltip", { key: '7053e389ceee6d3cdaea9d52b2bb5ab03a59c50c', content: this.localization.download }, h$2("a", { key: '53c3c6a5bee894aee28f9833eebaa1cff0c58e96', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: '82073e65edb99efb9ba1c3cac3cdba06f5a47c81', name: "download" })))))), h$2("div", { key: 'abed2f26ee12d9d522ccea9a9048b4d80959fbb3', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h$2("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h$2("stzh-icon", { key: 'bb1b4acca149507438f66d77bb90483fd75c9f83', name: "transcript" })))), h$2("stzh-tooltip", { key: '1c3d793229e8c3601b14fef416be878461c9d62f', content: this.localization.download }, h$2("a", { key: '9a26959304cfc32852987e2f4c25c56df19d929a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h$2("stzh-icon", { key: 'bbf59976f0ae87bfeeb28373f10a96a8f67320c9', name: "download" })))))), h$2("div", { key: '6ca84f7d53b8634f508cc0dd67ec5ee14e4774bb', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h$2("slot", { name: "transcript" })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const StzhBadge = class {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '1b42d7cb4a93678a94f1bc798732bc5f6db2babc', filled: !!this.label }, h("div", { key: '4a243d650f37dc2c2f152fac9d6f2b3f762c1fb6', class: classes }, this.label || h("slot", { key: '40a5477fd92b3113f48238f12ebe48f04331f83a' }))));
+        return (h(Host, { key: 'ab244b1fcd1862bbd1b913aa567a93482ed1fd58', filled: !!this.label }, h("div", { key: '54a8d091b9371f422a8c560eee21347362c3417f', class: classes }, this.label || h("slot", { key: '4ad245f23016d0645c4ea109cc0bddf40fb690ca' }))));
     }
 };
 StzhBadge.style = StzhBadgeStyle0;
@@ -184,7 +184,7 @@ const StzhButton = class {
             [`stzh-button--type-${this.type}`]: !!this.type,
             [`stzh-button--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '79df9e7e527e6ad6a131169214c87494269d866a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: 'a18cb416b26eec4275810c9cd5b16bdef0d3bcdf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     get element() { return getElement(this); }
 };
@@ -269,7 +269,7 @@ const StzhIcon = class {
         }, 0);
     }
     render() {
-        return (h(Host, { key: '19cb42da1fd943f75c53d42cce691463d2819a1f' }, h("div", { key: '5e4a829c48e645567e6d50812a562f40d69b1baa', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (h(Host, { key: '3632f281961b04c9603091a7f9db711a6123793f' }, h("div", { key: '70ca189751061be8bdbaac7bbb1c04b13c2ca881', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -151,7 +151,7 @@ const StzhBreadcrumb = class {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '17a7c8d6979322a23d837cc2f203d59f13f3f14a' }, h("div", { key: '145887ca99351bbd0728cb96da831bca94e2e7a2', class: classes }, h("nav", { key: '97b977aeb9ec018ac7555d9dfed4e27e0208280d', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '34aa0a57738b17354798c611a227da692792cd52', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
+        return (h(Host, { key: 'ed1c7468acd17e85c9b2a4b9a751e7d3ac819405' }, h("div", { key: '4076813c39b6af2cf5d7f68f6483707bc5a36a06', class: classes }, h("nav", { key: '9280811b687f8162e9c17c856299fd34747ad05b', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '505ad815ab804d4579832e8ed77236fdcbf705e4', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index + 1 === this._items.length,
                 "is-first": index === 0,
@@ -248,7 +248,7 @@ const StzhTag = class {
             [`stzh-tag--${this.type}`]: !!this.type,
         };
         const Tag = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: 'c6f24fb12cffb20436394e55a414dd39d2968453', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '6cf7947df7e7d2b2a6a3b46ba2505458ae6c1a25', class: classes }, this.href ? (h(Tag, { ref: el => (this.tag = el), class: {
+        return (h(Host, { key: '7e49900fcacc8ad594ca1b62b47225af5bf73cde', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ce01e82ddced2f93aeca018a5c746fc69d07a4f8', class: classes }, this.href ? (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/esm/stzh-buttongroup.entry.js

@@ -102,7 +102,7 @@ const StzhButtongroup = class {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (h(Host, { key: 'e032f27a3c8e4486bc9002513424f6e1a4602df3' }, h("div", { key: '68d0440a95fa382ac3ed03500fb9845d7f9831c5', class: classes }, h("slot", { key: '536761fa4a1c430caa44f738265acfc43df75d54', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '9501867b5b621c393a605e5b06dfb5cdcc1fe012' }, h("div", { key: '7243ae784e70f49f6441656f579e1ae583ca608f', class: classes }, h("slot", { key: 'd8853459525ba37f2792005f0e9f91acf8fde8e4', onSlotchange: this.onSlotChange }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -42,7 +42,7 @@ const StzhCardNavigation = class {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '1e056348d560aa7f4501e16c33c0cd0f1b49db02', "has-lead": hasLead }, h("article", { key: '54156988ac4bd4098914ee57f9a0788ce01ff22a', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: 'd79572c2c399126b4c075f14f16025137c174255', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '1397868e469bb5270aeea506c755672519b3f1c3', class: "stzh-card-navigation__title" }, 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 ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '86b60abba3ece5962e7fe3b7fc6dd79e19dbb089', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '1e77be549ef79cccea7d29a3a9f6bb1b248382e2', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'b9d2204388547feda11bb7c66451ee441c0e7ed2', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '126238eacbee51894478325827183eb25d07ae1c', "has-lead": hasLead }, h("article", { key: '58564a2b5e5d15d17ce0194657b1a3c44305c58c', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '92569a606c10d0ff218144d34e125891881a89b2', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'de17979df832b89b5c69930179bb23d27f365dd9', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'c62ce84e0727bfb5f5dd3e4c38cf12b04029a45f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: 'da2992e3f27517aedc2a56c390076093bcf78945', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '5b550f74204099775b53ed12cf40252c81abc955', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'fb3b980cb1f5ad314ca592acaced9fe8ef89781b', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -129,7 +129,7 @@ const StzhCardSearchresult = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '589615f3ad0ff1caa0706daff8e36b847e4fb19b', "has-image": hasImage }, h("article", { key: '6949183da69e9cfc1f5f7b5323fb5ef53eabd585', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '4193b5ccb2fc6f4e19b24ebc79527c525a781158', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '7b9865097a8ea94529d5fdcb1bbe6f6b640723d0', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '98fe0e0c249b1837af42a48e985b57294dd3de7a', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'e46fe933b9a7a234adca8965d766b7f71e74778b', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: '0752515d6685c030384d97b7cd9f157772e84568', class: "stzh-card-searchresult__heading" }, 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 ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'ff7ab3d144b00da287359680360e985888ebb506', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: 'ebd807b59bcb065a45d53672524ef14db6d32ff4', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '65718f1668b9f79137ee110ac9345a24fea7dd54', class: "stzh-card-searchresult__event-date" }, h("span", { key: 'ca5e768de6d73a09452fe26d11b193bc4fac0ffb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '0305f8925be598bca2aa92ec01cecffd2c887888' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '400f06c439b3f2aa708dbcd12230eef2f3ed5c10', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: 'a000b90de2325f55cd9a3df0570ed6e2d02b8207', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'ca8b5007f47cc08f03fda9c6ffd80d6b05333f18', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: 'c449ba5c1f91ba40af06e891cba8b1b89dffe468', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '85bbaf0a6402cdfc6840be24832379ee77f501ba', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'e48bd8f0fc4bdc466fd9dc53ca70e152e33fbf16', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'b998008a2bf415391d6ed167b8505cd23cadba7c', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '581b13c5d529d826414168ad60127e5a305d8c48', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'e2142783a3bc762ab56db28a8419f87c14485dca', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: 'bc86a58f07e275df70cdf2cc1e8a402e3776bff1', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'bea21a276a59de53c981a7443ac1a6cb4930b784', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: 'b680de582124716a6f3d61c9d337dcbe330c1bd0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '2b9e3eb2a06ac4cf228f2f873f699fa3785c7c4b', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'e2a09890545d9f92ec07f362962c497af24ecbb8', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '135e8c8c1c008f39afbd4ce75682bb7a390c40d9', class: "stzh-card-searchresult__meta" }, h("div", { key: 'dd35708ce114e0605cefa17558edd875ce37be38', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '18164cc8317f6a1e189c1bb1c46ee842f867ff0b', class: "stzh-card-searchresult__download" }, h("div", { key: '27e54267f457585a290a94851b9fb5979d360e05', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: 'e38cbbda83ef6a60f48b24289ae6c4ed4e846e7b', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '8886dd372656a4693897af816485c951f1df7aab', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: '98578756208b1c55d766a423004320321904c44d', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'd3f5b7d51acaa5b68d661b21e478c122bf5393d1', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '257b6fcf95d0434504f155ef180aeb68e71d44a1', "has-image": hasImage }, h("article", { key: 'b53d03d99b9def93efb7c157546f24b7fb100119', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '7990b36edadf79d91225debb31fcebf04b46c465', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '181b898fc2d64a7951268bc68a8b9b9df258de95', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '110b908e7736976aecca796098bae3021a905fae', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'e2bf802dffc433a9cc5ef27dfbe67cbf31bbd843', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: 'e629e9c3a303ad1e073dd0eb1f085c7fc2de5ab5', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '1f3f5df84d1eab7e08b490e23ec53dbc2e4acc79', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '43e3d3e81629a1e9337907d22d79e3cf7cb81799', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '79776893713db4e5b8cd0929dd7243f0b9726fbb', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: 'b448fdcf09171c9a27ca83464d5947dc4b4f6099', class: "stzh-card-searchresult__event-date" }, h("span", { key: '206dc26c966d4c25ca9b2b5d2cc3eac08b77388a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '1374dc07fcbd41352bd5776fff87b099a817eb29' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '0de1eadafece104ace8ff26e747be5dd94da61f3', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '4b59a46ab104a1682ee91f727cb201e131452968', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '04bfddd13391e29c5efef90b528d201abfb20565', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '8301d8f74ec8b8abd0f7df06dea53250584b1a0b', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: 'ce8dd4abe7c1bd2632bd7de39acf0ccc7d8196df', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'af7ada23d8cc14882dc7503b10c3fcec12e03b9f', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '4e12626e5a4affd1e249559ac42fb27c6612a7c5', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '44b4450170f51c7cf0239ff412b581f7d1162fe1', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'a81ca254a177f8d3c60381cb609522762c681afa', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '6c82e999d779af2ba03126ea5a21be2121aae304', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '08ee1fc6495875a37d0c115c4d41cdafb7c104c4', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '70d95e85c5e8c075b76254da93368403e81040f0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '07f46a5a979592aaafe9b55f04813f8f7d4b0c57', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'b9105a376424e6ed71a4a4b4441d347a8615de97', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '547ea6ef7d7b8462c853a8239a99eea4ec4b7368', class: "stzh-card-searchresult__meta" }, h("div", { key: '181a4b7d1a460355dd6d04bf5b0dea29f90585b0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '5137dd35c04e300bb784b2c88cac57118d1af4c2', class: "stzh-card-searchresult__download" }, h("div", { key: '416b67c41af0066f00dec182e1b2717f2259aa96', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '2acc05a484c75c94e63f1a365cfe4783e38891e1', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '1264dd5b5028a1fcd74f65c730060e1584f15aa4', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: 'd9611d38e906a616220a53e7bed08e22fae09cb9', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'a6241e06cef95f1714183247e6242c82a04a78da', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -292,14 +292,14 @@ const StzhCard = class {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (h(Host, { key: 'bd8573e9257289d47a37aa9e4b2da14721063d05', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '6336738a215dccc1695bf2ce622560239cd4bf22',
+        return (h(Host, { key: '1572888deff0cdc23ed21421458869592e83b242', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '41d64741a737f6440ef4f14ba1563458c64a9f89',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, 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 }, h("slot", { key: '8d30491a6eb15e1114e06b3af7b4c13ac29fe9e9', name: "image" })), h("div", { key: '84c05505532b0745a53e374e3efdb81873a075df', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '6f6b89242a82cf6fa7dbb38cd485ebaeec6c446e', class: "stzh-card__dnd", name: "drag" }), h("header", { key: 'b73224b3a6c6d24435674c7cf6792a1c27704f36', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: 'e104379bf206383e16d0e387d061c4b129ddc5b9', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '9b4f6b38f7df769c956d2c2b504914566407146e', class: "stzh-card__header-top" }, h("div", { key: 'c72b4f59ff689be2cebd89a29c0d131ce9b21537', class: "stzh-card__header-left" }, h("div", { key: '89706d7b0656fbb47723ebdb752bf279d78e8d53', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '63f97de77b427c301bb1413b9207415b519fc82f', class: "stzh-card__title" }, 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 }, h("div", { key: '189f03d0bd82a7ddad6298b166a54de93228b5ee', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: '87e4fe582c8f6b64c2f84ab12d69d5cddddf323a', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: '95eb379a5ace4ffb33ba467b00381a954471a578', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '27fff9346ef20b920096d6c09b51c6364ad059ba', class: "stzh-card__header-right" }, h("div", { key: 'c5e2348c7e9334837af3be47d8dc85d9d93c5d6e', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: '2fe9056f6a1e50afbb3a6e4e916e1f124c6a9c32' }, 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 }), h("div", { key: 'f92be611f7eaa4d3051fc62019668deeceb1df48', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '57fa85fe3590a010248a6ddd93ddbce5ecb9ec34', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: '58227bb0b3bb1ccc1e62d69693ee5181ee7e4710', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'fb029dd333198d02a7912c00cbeb541697894f45', name: "image" })), h("div", { key: '0bf91b735f3300eab9d93ae8708ca4ba570b67ef', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '4631088bf33ddcbd2916de4e96b91804c23e366c', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '21cb5bcd361e9a23507ebf5fd1629449537b520d', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '0bf345168d1dae51b8926fc4ae48cfd3567f0e57', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '515e44f8f74694951012d1e588ed52c7d608e66a', class: "stzh-card__header-top" }, h("div", { key: '09639aea50aed0d878e6797831170ef4c274a5b2', class: "stzh-card__header-left" }, h("div", { key: 'efecb89c56301b80e4d02acda3ce66ad06f52d10', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: 'e069ccc41979c531c88ed20cab9a298878cc179c', class: "stzh-card__title" }, h("a", { key: '686849f9bb3dc2ea6a276cc3bdbbf2c54366b4b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '42791028e739b4b8b7004433ab242fc246dae8f3', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: 'b120533300ed723ec033dda8cca857ef3c4d7882', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'd4bee0ad4238b833511a65f00a1f0439acfd7425', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '7d8ebcdb9ee82bbe33dbd65d69f090a01cf5c74c', class: "stzh-card__header-right" }, h("div", { key: '40e77cd5a4aa99875c313fa787e3a637582f31bb', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: '892240acd426e95dfd674b9a67367b05a0c6ef07' }, h("stzh-button", { key: '8efe0701f02ad6474b5e26ef6ba44ee2c9ae5aa7', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '61fdbc6110ddad0931e35a10ca79b373284bd1af', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '5a76648a820109e067cdad0ed9a0b197762a9b63', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, 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" }), h("stzh-menu", { key: '57adc23deaea3ee7ed426fd34388f4d817ab48d1', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, h("stzh-button", { key: '79a6cf054d07ab7ed8b152da7e30e560fd0dee66', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '502b61374688bc119032a8790ef0cd7cb8c12e57', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: '60978fc752f6c296fef5abb470fd56ee3bd8e387' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: 'a3f86189eb35224abc182f0ebee952db2dbb5921', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: 'fcef523918a9e02fd5b9b62de4705e2ca9d3a81d', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '7530f9193ce92301544826efc87d89ed09ff7558', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: '9db4b3c7d47a29b23709dedd1255c9b3b166c4f2', class: "stzh-card__header-meta" }, h("slot", { key: '4e813372cbc75f967542fc8ac6b5d1b4a849838e', name: "meta" }))), h("div", { key: 'e1de65030df162949e455c43f630b3a9e40f60f0', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '584b2a99ce186321391e382a577186ab48fd2fba', name: "content" })), h("div", { key: '3d5316ab0215a7f1035da4af7835376169cb2527', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: '26139c582901ff4c82707249e0670a52130ba738', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: '4385a589426e899bee9e15382a56c00a1ae290ca', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (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 && (h(Fragment, { key: '74dad17d1443dbb00ed137da9b7fe71a18b500fa' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '0f300c16fa1701b8ec74de55d9640c236e0514ed', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: '1a3c869b187e2f984ebc17cd82ad1efd55841c12', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: 'cdbb0c9dde1eac63703a12c3a462a4a02f4a93cc', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'cba6a93e0d933efd81f73071fa884643c4322c67', class: "stzh-card__header-meta" }, h("slot", { key: 'd14fd3456d04e0db8353a87388c0d7a052dc0cc8', name: "meta" }))), h("div", { key: '099c16541db316ab56e01e4f12b2000499836272', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '49e90957a96df696cc900f70a7047431bac9e3b5', name: "content" })), h("div", { key: '735acedd93518779ec5072d9c742d7797086ce90', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'bcf888acf08e0aac57d574f0615ad5b00212558b', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'e2b1371966f3bed178ae947dd535347a107b1ed1', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '07c75ae6ea0f21c5e6982e1c099c86101ecf5276', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -86,7 +86,7 @@ const StzhCardlist = class {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (h(Host, { key: 'f31abf75db257f1ba545eae7f9549855142e45ee' }, h("div", { key: '96e429ac8b4fdcd3715bc63f22564f484bb99031', class: classes }, h("div", { key: '4e9c16b12ed21e4119bec5dc7ec8568681f1be99', class: "stzh-cardlist__header" }, h("div", { key: 'c8d14af7a5f68db60b82e63112314cdb95224c61', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (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 }))), h("stzh-sortable", { key: 'dcb79be71478be55363807f378edea0e464bc809', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: 'eb3857b28525d3f0bf4c337b32038df5c1191af3', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '05e742b84855d89a7a04301af06afcddda632cad' }))), h("div", { key: '4895a6b165ff757a1c57800ae1556eb73179efd2', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '541bbb3bf1c5f8f8677f39835ec47d7f2bb9b392' }, h("slot", { key: '5c9113d56decf94da3c0653bb2ee60ad9122822b', name: "footer" }))))));
+        return (h(Host, { key: 'f73db51e12e6077c42c0af841ad46b253ee9be44' }, h("div", { key: 'd789c4cfef62c8e9f275028e38f06d77c31be4b1', class: classes }, h("div", { key: '5152932220f38f8d4ef5218dc83a1f6d70de0808', class: "stzh-cardlist__header" }, h("div", { key: '66a58fe85ca60617d2e65c142e1ec32f4de7d75a', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: 'e0db8dc31b7224e3a14329daf8072fbfc2207dec', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'd0923c027a3fb6f5de0ec7479595b597b6d23c69', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '0ed6cc7a48cbcd741f864393d90540b99d9f8cd0', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '8e51bc6204efe2002e05b51050b880ee1d7e7149' }))), h("div", { key: '709b1a79ad8fa0766ad4641e0c623a0afad8c573', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '20c2a75df7b5e3e2c5550323bf46deb89fd6a06a' }, h("slot", { key: '349e2ec5d7b21dc3e7e901cff2c17a95c7288110', name: "footer" }))))));
     }
     get element() { return getElement(this); }
 };
@@ -106,7 +106,7 @@ const StzhContainer = class {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'bfbbfa4d7ebe7f553cc14cc9d453582f5d8ef083' }, h("div", { key: 'f7648c8137df212852875d0685d136ca500c6bd8', class: classes }, h("slot", { key: '428fb8a30bed21c3ad5df95476ee8ff9a1336012' }))));
+        return (h(Host, { key: '717cb4567ff52afb05def1e4e8174045d2751752' }, h("div", { key: '62d35746de72e6b6f4b250313dd47a3da863ed1c', class: classes }, h("slot", { key: 'ec0c6849262ba909a205ec541dbe50bf3d5c70d5' }))));
     }
 };
 StzhContainer.style = StzhContainerStyle0;
@@ -4152,7 +4152,7 @@ const StzhSortable = class {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (h(Host, { key: 'ff42878834e103659161fa8fe1125e8f290c69ba' }, h("div", { key: '209df0c0947821ff28b6e4a0a07fbecd62e19a05', class: classes }, !this.disabled && (h("div", { key: '6b702e2919bf91401389870b08dce3363c720894', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: 'f271702521f077ca0d0ab47a8d761af6beedce14', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '6bed399b0231648d1f86393d320c3cf58d7ef4b7', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'a4be5231727ebbad9e25ca0b20f40ac65768d5cf' })))));
+        return (h(Host, { key: '21c77d6d28983804a4cf545d374b9a1eb41a0236' }, h("div", { key: '55646a6aa415acc2b009d4b53855fa570b9c0bee', class: classes }, !this.disabled && (h("div", { key: '122f39898552ed7f916b0235cf627ce9d358d68e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: '74a75b7d2d0e81461d18d08eeeccfbcab21d755b', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '02b4eb42e9b83563e163ef7c6ff3cd3a34d3b693', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'fb8654074c73f5a8d3e416562ea90662eed480ac' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -512,9 +512,9 @@ const StzhCarousel = class {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (h(Host, { key: '9d93bad573670cffe389a620ef75ba7da49d01b2', "aria-roledescription": "carousel", style: {
+        return (h(Host, { key: '32d3f1590a4543c3b1e6bf514d14f9973eb97619', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, h("div", { key: '43050b1463ec555b4b1baab04bb7af7b9cd500b1', class: classes }, h("slot", { key: '409c58565a93ddc243ae58d57f8cf7aab124680c', name: "actions" }), h("div", { key: '4afbf7f55065f750b984f5455fb43ee1148fda14', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: 'ab16c7e3a6c31984f24cff25f4a13aef85a4295b', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: '2b7a82eac85a0c190903648117db088a4f1861cf' })), this.withTrack && (h("div", { key: 'e79b32e04f7d4693d5383548d43b3f0e10c307c7', class: "stzh-carousel__indicator" }, h("div", { key: '419985cf8bc3c39c0b1363af8eda18e1e57e8c93', class: "stzh-carousel__indicator-track", style: {
+            } }, h("div", { key: '5e5cae6353d205f4d7f68538e794c675c05ff433', class: classes }, h("slot", { key: '733acff05b65a2a4387e1abe2612770d88cb55d6', name: "actions" }), h("div", { key: '37b84b8ed2e9ff8f5b246344c1bb19289fed1e0d', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: 'ccbc976b10e0340c9a01022d9ef08ffe234df7a4', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: '5fec7c1c4de813273a6cbb9447b772bf75bf49e8' })), this.withTrack && (h("div", { key: '12ac2cbc4e24b63023ed87cd85604c1a60a81aec', class: "stzh-carousel__indicator" }, h("div", { key: '4c61fcd561ff9e566d7f4ac6b33a8bf82cf915a2', class: "stzh-carousel__indicator-track", style: {
                 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/esm/stzh-chart.entry.js

@@ -29805,7 +29805,7 @@ const StzhChart = class {
         const classes = {
             "stzh-chart": true,
         };
-        return (h(Host, { key: 'd255a07bcb87e12716e3fa969d878616e60838fa' }, h("div", { key: '760d4b338712a2f55f2449469255930f4e0e18cd', class: classes }, h("div", { key: '7feb6fc7ce9fb55ed0e53f3a5d82e3719e67aa0c', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: '0f962e44141fff51a2805d0b141494d1b6f7e76d', name: "caption" }))));
+        return (h(Host, { key: '20fe77e413e479d982e6ad17e5563a185ad6372a' }, h("div", { key: '3de1e9d303195109a50212f1fe92d949390a104b', class: classes }, h("div", { key: '04d438934c93140550813fc731942866fc56b53f', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'b2876bc2eddb54b3593899a4607fa867170f3215', name: "caption" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -124,11 +124,11 @@ const StzhCheckbox = class {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (h(Host, { key: '69135f85a8c98b7357977d1bcc894d40f6748d2e', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c5eb48485626c99a362d702696ebc56c5f4b9f18', class: classes }, h("label", { key: '0702b60ae97eead51faa453d05834ba238fd2646', class: "stzh-checkbox__field-wrapper" }, 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 }), h("div", { key: '6aa9a868e0dc70442e24cd1039f6faefb0f878b1', class: "stzh-checkbox__mark" }, h("div", { key: 'a95db0e4b2149688299e561c9d6e7d63f1bf2a25', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: 'f3fa499c7482fa3cdc75dc8a2c5b34c418af2a78', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '49f150a1ed9f4a855b77e40327bdb3157aba88bd', class: "stzh-checkbox__marker" }, h("span", { key: '4dd6e8a1c4993fdc22b18a6bd424d68f942cb9c0', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '3992b31d8d2fec0ce87d9cc841f4508fb552721a', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c0ec35701febbe9c0b3f63091182fe4cb5e96508', class: classes }, h("label", { key: 'bc0479b4b11d991cdb2410c9b1d5c0933616da3e', class: "stzh-checkbox__field-wrapper" }, h("input", { key: 'f865a9b7105dbd8692e13a3dac08e3bcec898283', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '9dc5910aa037ef8b87e3cef2f6993a9970752aff', class: "stzh-checkbox__mark" }, h("div", { key: '1854a06f912692c81392d007badc64a3fcac66f0', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: '288debe5fb521c988ac9649dccc3a5821b03d035', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'ab751958c4c11a5a6aa016f8d365c9eac37a8762', class: "stzh-checkbox__marker" }, h("span", { key: 'fdf70b5bf345261de12732471ef1ad08fcabab3b', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'c3668f8710f8ab20d4dfdbc7903a18812cb9c853', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'b1928b271af93d0042d74b7a904aaf0837b2908a', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (h(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) && (h(StzhInputDescription, { key: 'abd7dd52c0e2d2c66adc060b13d66079278fa517', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -183,11 +183,11 @@ const StzhCheckboxgroup = class {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '5ed667822930fc9d1d75e01a70a268e232643c2c', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: 'cab2fc217cdd150550905ecb0fd1243c0ad54cdc', class: classes }, this.legend && (h("legend", { key: 'ee1a161edec832762717b316cdd9686758922be6', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '43bf6fd071cbe307770a41de4914d1f559f294d2', class: "stzh-checkboxgroup__marker" }, h("span", { key: '6c6813a48eb1ec11ea404f738150e63264fa28c3', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '727bc1cd323fcc2d9a7cde3900d1b8e241bb2d31', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '2df6dd56ce4edb6f2c29cb971ff952d18f9a7705', class: classes }, this.legend && (h("legend", { key: 'fd3e9810a9cc612a75cf81c045ba2ece0a9e7ae8', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '08386a519939bdf45bb691819bd6e33aca9e3e8e', class: "stzh-checkboxgroup__marker" }, h("span", { key: '416a93e89a1ff3aae6499276fedcd7b6a7089d5f', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3c01722a86038fdcc18a1aae6a82de0229e35d5c', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '541a18ff41e43f521f97119692758588ca23b435', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: '72763165d71b482f6c0755f5ea8c9cbdba64b0e3', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'd4f983b542f080a09d4e477aa9b0662067fe2f18' })), (this.errorUsed || this.description) && (h(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))))), h("div", { key: '938b1e10779414edfd8527c4991a95bdad0b62a1', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'bccc5fbb3b92012042a81002910aa4e33d7337fc' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'fa6025aed1b15dd2f6186fcd32fd454dcf03d1e1', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

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

package/dist/esm/stzh-chipgroup.entry.js

@@ -11,7 +11,7 @@ const StzhChipgroup = class {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (h(Host, { key: 'a17068f6d1b821440777dd2abdc7c7fad987000a' }, h("div", { key: 'aae05e10e1635d651ebb4962711f84314a3aec5d', class: classes }, h("slot", { key: '96a93d655da18623bdc42e723d3bfac1224c5cab' }))));
+        return (h(Host, { key: '8b35eb7106f9d9e214ce210a49f217620a224e29' }, h("div", { key: '5dd45712b45a3bc0325c9574b8cd33d5a6efe1f9', class: classes }, h("slot", { key: '1effc84edf8640d2b2c2c91b78d8c37ff23c2c3d' }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -210,11 +210,11 @@ const StzhChipselect = class {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (h(Host, { key: '726f31149449b63ccc239b4f3d9b85047a071801', "is-invalid": this.invalid || errorUsed }, h("div", { key: '17c9b0f60859ceec61d8bffceb57394718c404a7', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: '5f717b198396ba191f640ebb4a547d0f3911f087', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'cbad63d61e9d78a8323fafba3f96eeac644adbb3', class: "stzh-chipselect__marker" }, h("span", { key: 'd9cc199d2935452e305f7848b3b017373b0dbcad', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '1ad56117838e8839c693f1f3e92b67dd5b5a65b0', "is-invalid": this.invalid || errorUsed }, h("div", { key: '9b9d3250f082b9a48c8f2b52b9e90e0b749da22c', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: '8bbddbdc73ec2676a03d36f3cfb10d0ea5cb509d', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'f42bd7e4742206e71cee672fd6eeb3609bf60589', class: "stzh-chipselect__marker" }, h("span", { key: '6288d4644ff6b5ddc05f6ba2269beaab2bdd3fb9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '0c6c571b323c16349872d7b22d512d807e52a2cc', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4f1cb0a792d34744387cfe548fe88e4d48f33c12', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: 'e563b931ef38d5e7c0d684f2c600f25fbdadfc03' }, 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) => (h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: '24d5e0f2c7ae0b16cf7d4daaf44a8bc55b0e7534' }, h("div", { key: '27c8720557014be5a3f9b0c947c1b7c7506d932e', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index,
             }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, inverted: data.inverted, variant: data.variant, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -227,7 +227,7 @@ const StzhChipselect = class {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: '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}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: '918af684569f748346bd7c57252172b787879659', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -90,13 +90,13 @@ const StzhClamp = class {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (h(Host, { key: 'ce2564683bb369204b34d6172388b15af81ed849', style: {
+        return (h(Host, { key: '4c3beb6c44ea2c7e85074c232058429c5c2f6f90', style: {
                 "--lines": this.lines ? this.lines.toString() : null,
                 "--lines-small": this.linesSmall ? this.linesSmall.toString() : null,
                 "--lines-medium": this.linesMedium ? this.linesMedium.toString() : null,
                 "--lines-large": this.linesLarge ? this.linesLarge.toString() : null,
                 "--lines-ultra": this.linesUltra ? this.linesUltra.toString() : null,
-            } }, h("div", { key: '56f31cdbcd4b3fa77c03b2935772a22037d65690', class: classes }, h("div", { key: '7176aa165e8ab282b88881382e0482ec9c7b186c', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: '45a9d189f108270afe090fe1f5ec81ee965efa85' })), h("div", { key: 'd6e1bbac98926f8571d8abe521e72b1072e89a9b', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (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)))));
+            } }, h("div", { key: '6dea274e23657d573a734c5262d336a832d0a6e4', class: classes }, h("div", { key: '9d8e15e67d8a9f79e7529cd84a4927d229f4f9a6', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'af576c95944517bfbba6be6cc09bcc0c52d42db4' })), h("div", { key: 'd9b1407596a639ba1608bf2487388c2d528a8ef0', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: '4789e0580e79636b866e4137e7342cbd1b3d4f4d', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     get element() { return getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const StzhCompanyLogo = class {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (h(Host, { key: '5d9557a9e1894bb288fe48b7b6881d1b0009ebdf' }, h("div", { key: '3b8c65cac25c77dca64ba038ae270445803de052', class: classes }, h("div", { key: '5bc8157db7f1cbf1f009befc99116310661e2e00', class: "stzh-company-logo__image" }, h("slot", { key: '82ce03a4f08a6ced6bab88602be485143122f98c' })))));
+        return (h(Host, { key: '4959ebfe9a7a0fa186a00189346c6ddadc8127c4' }, h("div", { key: 'b4b41b2b0c8499a9aab18a3a7e63d2cce28bae07', class: classes }, h("div", { key: '7658e571cce0a5ec772eda7b4bea9bf5ec409538', class: "stzh-company-logo__image" }, h("slot", { key: '2be998eef31c4d9935c08947871978d164cc29d2' })))));
     }
 };
 StzhCompanyLogo.style = StzhCompanyLogoStyle0;