@oiz/stzh-components 4.6.0-beta1 → 4.6.0-beta2

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

@@ -93,7 +93,7 @@ const StzhAccordion = class {
             "stzh-accordion": true,
             "stzh-accordion--is-nested": this.isNested,
         };
-        return (index.h(index.Host, { key: '2dde1e9bcf86097f0c3c00f1f407b07773da313c' }, index.h("div", { key: '411bdfb4672e6842c0f8d6e9e944af06d39be36f', class: classes }, this.heading && (index.h("div", { key: '6f9c89a59f2a25563039669fd573cd29e543f9e9', class: "stzh-accordion__heading" }, index.h("stzh-heading", { key: '28cf3aa9798077864bd36314da445f49b930ff38', level: "2" }, this.heading))), index.h("slot", { key: 'e74c3faa442732de660ff8b570eedeb8d4d0946c' }))));
+        return (index.h(index.Host, { key: '25878532d107b4951dcec78cdf9949e555b6c306' }, index.h("div", { key: '33311c8d0930112bc7c111b93ddb131625da4b29', class: classes }, this.heading && (index.h("div", { key: '69b78c5144b6bb2140b7cd1130e66e0607b01e81', class: "stzh-accordion__heading" }, index.h("stzh-heading", { key: '8f83e2fedf199a3bdfa0c311e9847878d458b2db', level: "2" }, this.heading))), index.h("slot", { key: 'ced5efd487d058f8676b2b293f5880938be9653e' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -355,7 +355,7 @@ const StzhAccordionItem = class {
             "stzh-accordion-item--is-disabled": this.disabled,
             [`stzh-accordion-item--${this._variant}`]: !!this._variant,
         };
-        return (index.h(index.Host, { key: 'a8c56e353d7902a77917eb6efec2ced839e66bcc', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, index.h("div", { key: '739947ef46cd567c819aef178de914ba41593879', class: classes }, index.h(Heading, { key: '43df5b0e8314df3b4a84e336fbcf0b2f6d362d58', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, index.h("button", { key: 'a86ce8dda8443f36614db81c4b697969688fa22e', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, index.h("span", { key: '536a30b9b0de27bfd77057f1b8f7621dd60f8b4c', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (index.h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), index.h("span", { key: '3ddc1b31fe83b63306a7a46fd789361bed08e0b4', class: "stzh-accordion-item__button-text" }, index.h("span", { key: '552a2947ed3a485acf1c86bcd013be344c0ef6fc', class: "stzh-accordion-item__subtitle" }, this.subtitle), index.h("span", { key: 'b4adaec387a75f405fa7ef34b4b88126f134143b', class: "stzh-accordion-item__heading-text" }, this.heading), index.h("span", { key: '6890cabc94d0f53a4288eb67f9e6b160ae462ee8', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (index.h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (index.h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '6418a9bd2bfa948525154bbc7065a68d38ebd20c', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), index.h("div", { key: '55b11d742681dea18161d5c301ad664917164b90', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { key: 'd4e0d502d8d3ab6728c0ff2b0925919c9ca1d0bb', class: "stzh-accordion-item__content-inner" }, index.h("slot", { key: 'ddf28eeec9a50f0717210e7bf61d055eea0a1217' }))))));
+        return (index.h(index.Host, { key: '8f9d285493e602a2a2997539c3d829d47ac4003b', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, index.h("div", { key: '486b4d0b79f8108ae8b7efed68e3f981798504c3', class: classes }, index.h(Heading, { key: 'be31a982a27418c0ad46498bef6baccc27b1f246', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, index.h("button", { key: 'd64e83a2825e07a48c211b826e0a3b7e98b3e818', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, index.h("span", { key: '853ebadb5257cd7df61063ec5ac7dc54bb21f597', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (index.h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (index.h("slot", { name: "icon" }))), index.h("span", { key: '1e02739df2af3902ef7dd3eaad5640d85319f786', class: "stzh-accordion-item__button-text" }, index.h("span", { key: 'a0f190fbd1d3c1e7483261ea61fb81d0efa92e6e', class: "stzh-accordion-item__subtitle" }, this.subtitle), index.h("span", { key: 'f81c34f16771f3b307b714a6e6c910b5222ad436', class: "stzh-accordion-item__heading-text" }, this.heading), index.h("span", { key: '71d037f00c5c65c7b7c366d1e9248d3039611207', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (index.h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (index.h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '295bc58ac5b6c4a26606e4319b8494aeb12be417', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), index.h("div", { key: '3e14db4796b00e7be4e7cdf81bd2530f7fe40162', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, index.h("div", { key: '8ea1d3dbd7878a2d300e0d42fa487c5fddfc06e0', class: "stzh-accordion-item__content-inner" }, index.h("slot", { key: '30cbc336c9274caf9b822021aeb45c299d58b450' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -435,7 +435,7 @@ const StzhPagination = class {
             "stzh-pagination": true,
             [`stzh-pagination--size-${this.size}`]: !!this.size,
         };
-        return (index.h(index.Host, { key: '1bae61e7030acb82bf38a50b175091f34166ed24', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '33274b9f75d30a2946652339dd00210f833353fe', class: classes }, this.allowManualInput ? (index.h(index.Fragment, null, index.h("stzh-input", { class: "stzh-pagination__input", type: "number", min: 1, max: this.total, label: this.label || this.localization.label, labelHidden: true, ref: el => (this.input = el), onStzhChange: this.onInputChange, value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || "", required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: true, noAutocomplete: true }), index.h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (index.h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), index.h("stzh-buttongroup", { key: 'c1fa8d738778b55660e8ff5435d60a6f66c1a748' }, index.h("stzh-button", { key: 'c3e9f38c120eba5b97728ea50626f8698f3bf4c6', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), index.h("stzh-button", { key: 'e9e3b2ab4bf1ef64d1744108ae77480fa09e7bf4', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
+        return (index.h(index.Host, { key: 'd57d694f339308950c600ed52c4e220b367a551f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'a69ea143898c3a211c41cda63feea7679f553a06', class: classes }, this.allowManualInput ? (index.h(index.Fragment, null, index.h("stzh-input", { class: "stzh-pagination__input", type: "number", min: 1, max: this.total, label: this.label || this.localization.label, labelHidden: true, ref: el => (this.input = el), onStzhChange: this.onInputChange, value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || "", required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: true, noAutocomplete: true }), index.h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (index.h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), index.h("stzh-buttongroup", { key: 'a7c1ac7e26642164aed88c140d90aabd032aaf5a' }, index.h("stzh-button", { key: '5a306d29b9359615287ebb9ae0d2b34a1d109c75', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), index.h("stzh-button", { key: 'e57e1a185af7ee4b6f59d059e2d970b5dfd9fcb3', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -48,7 +48,7 @@ const StzhActions = class {
             "stzh-actions--space-between": this.spaceBetween,
             [`stzh-actions--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'd61a47a12fa3cc0516ac8263b7e586d25b4cc9af', "space-between": this.spaceBetween }, index.h("div", { key: '54f3037a60fe456f3deea75be7e89d6eb694a2a9', class: classes }, index.h("div", { key: '6a932e655b9f2bc3ef1adbb4747dad51dbbef4db', class: "stzh-actions__actions", role: "group" }, index.h("div", { key: '635683787f8abaf0b4e6aedce9dbe903df0efabb', class: "stzh-actions__tertiary-actions" }, index.h("slot", { key: 'fb32b12f22784029d42fc6ecf196a19433de806e', name: "tertiary" })), index.h("div", { key: 'd0a8bd3e6cdacd238d9d6959f486bcb4985bb186', class: "stzh-actions__wrapper" }, index.h("div", { key: '4473c132630b0ecdcc669f780859bff677d4732c', class: "stzh-actions__secondary-actions" }, index.h("slot", { key: 'f230b0cd76569f177a1a964953f66ed8b68ea181', name: "secondary" })), index.h("div", { key: '1204f0f1c4be504d5a96e82e39ec1207027e098e', class: "stzh-actions__primary-actions" }, index.h("slot", { key: '20d8acd01aeee79a9c1b48661d8f662be4781627', name: "primary" })))))));
+        return (index.h(index.Host, { key: '6f2fa3a12747f51f18e613908f76d6ed72cce777', "space-between": this.spaceBetween }, index.h("div", { key: '289677944be98dfe8abd41f03b09c6fa12318e8d', class: classes }, index.h("div", { key: 'c348ca9ea3fbf7846eb3ebe23cdf36e93a12088a', class: "stzh-actions__actions", role: "group" }, index.h("div", { key: 'fe87f7a0629b8df8a26a313e21946df2246d6153', class: "stzh-actions__tertiary-actions" }, index.h("slot", { key: '178170babd992f3450e452a2b3dd1622ce0a2b47', name: "tertiary" })), index.h("div", { key: '45bd80ba3cbd48e86604f02f3e80e02354ffac5f', class: "stzh-actions__wrapper" }, index.h("div", { key: 'dd00ba8284996ded53c568b2ead2c1cde9b554c2', class: "stzh-actions__secondary-actions" }, index.h("slot", { key: '834b135efe725ed2ed155bdb174a926edf4b9487', name: "secondary" })), index.h("div", { key: '923fc8334c1e5c0d9c0f67bd1c162826b20c6262', class: "stzh-actions__primary-actions" }, index.h("slot", { key: '75ec7c89fe2df103e9e44a18c5b2ce673fea9ca0', name: "primary" })))))));
     }
     get element() { return index.getElement(this); }
 };
@@ -69,9 +69,9 @@ const StzhCell = class {
         this.alignSelf = "auto";
     }
     render() {
-        return (index.h(index.Host, { key: '36b1b52578f1376aaa2bb9ece69e9f6b9a6b3cc8' }, index.h("div", { key: '05ffd2740396f6d0f83edeb0a7a6bf74650021d5', class: {
+        return (index.h(index.Host, { key: '74305f85fac11be1d4099204b0bad158db539a72' }, index.h("div", { key: '826f6d0f8f2286b83aa05c3bb65b58ab410c5300', class: {
                 "stzh-cell": true,
-            } }, index.h("slot", { key: '234b9e17c0a533f5866f9989a7a12fe8f109b95d' }))));
+            } }, index.h("slot", { key: 'e11439082fa2ba4e3c7de5df868a39d710ec6dce' }))));
     }
 };
 StzhCell.style = StzhCellStyle0;
@@ -124,7 +124,7 @@ const StzhCspace = class {
         const classes = {
             "stzh-cspace": true,
         };
-        return (index.h(index.Host, { key: '0823b1ffbe489c4c6e3869e250024cae55716237', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, index.h("div", { key: '5f27c23b12b7c6f55dce00194295db56e869c9be', ref: el => (this.rootElement = el), class: classes }, index.h("slot", { key: '33b9a5c2882390e81f42f058bd69edf4fd21e63b' }))));
+        return (index.h(index.Host, { key: 'f153d3a3bc466282e357366c894e14130800ac79', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, index.h("div", { key: '14483f534bdfe96b133c7b126f2aa679ac53a914', ref: el => (this.rootElement = el), class: classes }, index.h("slot", { key: '05e906b11ed1547d698b7f61e67be071ed16858f' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -149,7 +149,7 @@ const StzhFieldset = class {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (index.h(index.Host, { key: '6dc88914e72a0576865acf9297d8d24d6c15ec08' }, index.h("fieldset", { key: '481d29f4bf886d6f9dfb39fd94c57422daa93fa4', class: classes }, this.legend && (index.h("legend", { key: 'e3fae1578d619ca630ab2fcc333c0eea5dbeaa39', class: "stzh-fieldset__legend" }, this.legendLevel ? (index.h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), index.h("div", { key: '0d0a0fa4a037e36384f34807ea9310ae75fbf4bf', class: "stzh-fieldset__wrapper" }, index.h("slot", { key: '84c2f4803844fc9419e56c66562bdef7e8a28db2' })))));
+        return (index.h(index.Host, { key: 'd21e242d5706f99cff48f443b3fb7feaf7351d52' }, index.h("fieldset", { key: '97bbacc020de20e0a418a5081cece082090b6f26', class: classes }, this.legend && (index.h("legend", { key: '42afde4fa8ef2ab952bb00e4aa21d9d61e8f2c00', class: "stzh-fieldset__legend" }, this.legendLevel ? (index.h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), index.h("div", { key: '1a79935c13f3ab1d4241566e6c5f8f776080d595', class: "stzh-fieldset__wrapper" }, index.h("slot", { key: '3aef657a432af36a5cf97a50c95dee50f7e8453f' })))));
     }
 };
 StzhFieldset.style = StzhFieldsetStyle0;
@@ -170,12 +170,12 @@ const StzhRow = class {
         this.content = "start";
     }
     render() {
-        return (index.h(index.Host, { key: '78a67fedfca80991b13e78909b2d2ac946cd2b76' }, index.h("div", { key: '5814d3ae91c58e63be3272d56a8d9744513826df', class: {
+        return (index.h(index.Host, { key: 'cb5ba8c2a86bff875abcb4d938b1e451270954ad' }, index.h("div", { key: '001fa9a443b8b4baa89898cf016a3cad641cc5e2', class: {
                 "stzh-row": true,
                 [`stzh-row--justify-${this.justify}`]: !!this.justify,
                 [`stzh-row--items-${this.items}`]: !!this.items,
                 [`stzh-row--content-${this.content}`]: !!this.content,
-            } }, index.h("slot", { key: '5b23950827230b17820b03820760f26e03ba5538' }))));
+            } }, index.h("slot", { key: '6420ccd46fae9fe414fed4b9c3294b495a9cd969' }))));
     }
 };
 StzhRow.style = StzhRowStyle0;
@@ -198,12 +198,12 @@ const StzhSpace = class {
         this.border = "none";
     }
     render() {
-        return (index.h(index.Host, { key: '34939b8ebf618121793211f210d419f844105a16' }, index.h("div", { key: '11c50b003b4b1d1673e70b0bb5a5cc523d65c11c', class: {
+        return (index.h(index.Host, { key: '1aee1c3c46e69b07d73fecc94a2dc65c2c08e2dc' }, index.h("div", { key: 'd1129a5d118567250d6ddc95b7ee242d113d6b24', class: {
                 "stzh-space": true,
                 "stzh-space--is-around": this.around,
                 [`stzh-space--justify-${this.justify}`]: !!this.justify,
                 [`stzh-space--items-${this.items}`]: !!this.items,
-            } }, index.h("slot", { key: 'ac110dbadb9822f2bf806fa5b1dce6eccc4d8c2d' }))));
+            } }, index.h("slot", { key: 'c34e59400131b49a8fbe7b3edd70174edbe9821d' }))));
     }
 };
 StzhSpace.style = StzhSpaceStyle0;

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

@@ -126,18 +126,18 @@ const StzhActionset = class {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (index.h("stzh-button", { key: 'f2856fc3a86cdf886789ae26f8f3d6534ad6fad9', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (index.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 (index.h(index.Host, { key: '6b08b0b6a6eeab602f1cd8e5f83836d7f8713384', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: 'acdef4783a48d197895dc971dbbf7e4d8f05301f', class: classes }, index.h("div", { key: 'eb446afb198afb2ced0be517dd2d11d0e5e55bab', class: "stzh-actionset__actions", role: "group" }, index.h("div", { key: '589562030a56efee2e0f6d0ce84fc774a0183554', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: '2045f6c0a5ef152a08c1e3517a242ab6f737884c', class: "stzh-actionset__action-popover-wrapper" }, index.h("stzh-popover", { key: '354dd56ed1cab651fb0a95b46c43da86cb89e2ab', label: this.variant === "stack"
+        return (index.h(index.Host, { key: '4c5dbb5e74df1c08799e6983ea7af2bce400db26', "has-collapsed-items": this.actionsCollapsed.length > 0 }, index.h("div", { key: '29d124397dd04a5761fbfc96e06210f477cd0cd8', class: classes }, index.h("div", { key: 'f9433d56273b3782d923d9a7299a74cb8f0246a1', class: "stzh-actionset__actions", role: "group" }, index.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 ? (index.h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), index.h("div", { key: '87d949a4cc0bfb59c51b66dfa1661741b77b8be9', class: "stzh-actionset__action-popover-wrapper" }, index.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" }, index.h("stzh-button", { key: 'a39acd31895565f1bb1511e349256cc42ccb5f23', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, index.h("stzh-button", { key: 'debb0672bd249e8f2f8953a034947f3d46242551', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -145,7 +145,7 @@ const StzhActionset = class {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: '19a1969d884d34faa9fc3a24dc0816dc545dc5de', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), index.h("stzh-menu", { key: 'c82a73a0bc80c8c9214ed9fb0814ae13a5980e9a', slot: "content" }, this.actionsCollapsed.map(action => (index.h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

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

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

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

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

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

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

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

@@ -259,7 +259,7 @@ const StzhAppointments = class {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (index.h(index.Host, { key: 'dffb215bec670ef5c6369169eeef64ef63aa5d08', "has-heading": headingUsed }, index.h("div", { key: 'ce9b0ca8798e6b10f69943728491cb554fc239ab', class: classes }, index.h("div", { key: 'e52de53d53a7182a4dfe21684b2cf352b9bb2083', class: "stzh-appointments__heading" }, index.h("slot", { key: '4915ff8a7a2918465d073aa3adc8b5f8286eb6c9', name: "heading" })), index.h("div", { key: '65292989bd3d1e14e6ee2ead0ed1b33e8eb66cb7', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: '98859f0e37663d040989661406f36bdf0906cf03', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: 'a4b023d5475391393556f1c14e1ff1f40256281b', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '9c726f07fd2db5cddb059b01ef6f9004e93b3e18', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: '56b6ed54adc23682afd9e3a1443ef97d81f91cff', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: 'ed775244a96514d1c5699b3a81a983b8adb8a78f', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: 'a937e312311f368ad42503870e98393075cda451', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '3ec5b6eb566c2b9dd5ce339009b4acd2e178fcc0', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: '817b302973b58ea676573276964d69d6f7e54c37', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: '346881ad2f66545d74fac734a8decd5a03497b4a', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '3b7c8a0bfd33289fc0f7b1f9c9d9aec188bc62d5', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: '8d2183e6cf1e3055fdb4ee65ec0981edf2109391', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: '1a1d8a61e7bdb46bbc97f14b10d3b2f626802ad0', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: 'db0d4c16e21d0a899c9952a2aa58e7201abe72f8', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: '75d73e624fd313fbc124c9914ce44b16cdff1ca8', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '6bf0aaba8e5f07498d22ed697dc6bf116afce033', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: 'cfca38ae437b0117ddfcae0b02edc44084265ae8', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: 'f434c8d00d9fe214fe30e9bd047f5531635cb360', class: "stzh-appointments__sort" }, index.h("stzh-dropdown", { key: '7a7a9137ae83e11895ea63d89cb7eb2c1e0097af', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), index.h("div", { key: 'cd053398dc906d19f2eeafb1b902de56b3c1b7c4', class: "stzh-appointments__appointments-content" }, index.h("stzh-radiogroup", { key: 'ba2fb3992d9c50b9972049dee2ecefc84eb987d2', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: '190c7a16f08710dc7e8a225f566f12bddd2aebc3', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (index.h(index.Host, { key: '1728e91f3166d35ed8c3c81e9d82c93fb51de5f3', "has-heading": headingUsed }, index.h("div", { key: 'fe4b6a5334801c2d0293085ee1f579541fa96ded', class: classes }, index.h("div", { key: '5546e6431292451f3214f8008f4faedc5f6cbafe', class: "stzh-appointments__heading" }, index.h("slot", { key: 'ad7ae815d65a27009500c5baa8b1bf3509c78760', name: "heading" })), index.h("div", { key: '7ac2311c272c59907466527c31e80a52ffd75d72', class: "stzh-appointments__wrapper" }, this.showCalendar && (index.h("div", { key: 'efcf72400a53e89c16b8ca00366c369474b674d3', class: "stzh-appointments__calendar-wrapper" }, index.h("div", { key: 'd31158baae7e6819f79047f9ab73b1339c7d151e', class: "stzh-appointments__calendar-title-wrapper" }, index.h("div", { key: '9390fee5869b94d031094fed5f68f985c1a42e5a', class: "stzh-appointments__calendar-title" }, index.h("stzh-icon", { key: 'f0e6b9aa9a3aa09f982fd8ac2eb6ff5468166a58', class: "stzh-appointments__calendar-icon", name: "calendar" }), index.h("span", { key: 'a00d58dff58de3ecdc6b4f6e7d432e7ab97c5f37', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), index.h("div", { key: '29cd37f62445669df46b7f89811797f35540cd5b', class: "stzh-appointments__calendar-content" }, index.h("stzh-datepicker", { key: '109453c006e4eaa7faaaecee91fa8600aaa3ec3f', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, index.h("stzh-link", { key: 'f06429980ba5c3c48c78204c70e52ff41bd50a98', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), index.h("div", { key: 'd96d65c976e7b7f0a9cdd97e0e1e2f5d6ba61aee', class: "stzh-appointments__calendar-content-medium" }, index.h("stzh-datepicker", { key: '50cf47b44de9b9b05760cc130afd80b62be72ecd', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: dateUtils.printISODate(this.earliestDate), calendarMax: dateUtils.printISODate(this.latestDate) }, this.nextDate && (index.h("stzh-link", { key: 'd5f890eff5882530c31d10083e0e5a92f55ebd8f', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), index.h("div", { key: 'dbdb4aae72f2f0ae92ce7915cfff8d86d2f6b2c7', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (index.h("div", { key: 'a964e646b14cb7d82530ea199858b9c26b4c9186', class: "stzh-appointments__appointments-title-wrapper" }, index.h("div", { key: 'ae31d2f5c8552126f8c352dd388032b90991b313', class: "stzh-appointments__appointments-title" }, index.h("stzh-icon", { key: '428d7b016152f20849fb2088252e0b44b82301a7', class: "stzh-appointments__appointments-icon", name: "clock" }), index.h("span", { key: '7818a53dfaf106b0e76a5840babb51f611d7266c', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (index.h("div", { key: '3aca013063a7b1aa3d2e797bafdcba2cd1f47bad', class: "stzh-appointments__sort" }, index.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 }))))), index.h("div", { key: '7ceab2672395b3a7aff85abc53f744cd37723b45', class: "stzh-appointments__appointments-content" }, index.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 => (index.h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, index.h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (index.h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), index.h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (index.h("stzh-link", { key: 'ce621d82405ee70ebf00a00a78651c11c822fa51', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, index$1.tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4140,7 +4140,7 @@ const StzhAudio = class {
         const classes = {
             "stzh-audio": true,
         };
-        return (index.h(index.Host, { key: '27b8c29b39a206ff2aaba2477168eb975e6e60f4' }, index.h("vds-media", { key: '0a15f9fb2d6d17dd0c1f6409531ec5d0a32d9955', class: classes }, index.h("vds-audio", { key: '056001a6d0a434b3fd9456a85a9bb795e0fb687f', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (index.h(index.Host, { key: 'adc7c38e9004abb43c53f7a6a200ff371cffa327' }, index.h("vds-media", { key: 'd4e49e3f00311782be26550c40076d905605c4a4', class: classes }, index.h("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" });
@@ -4152,11 +4152,11 @@ const StzhAudio = class {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, index.h("audio", { key: '248d12af43c5c99faf780eba2500add904cc2de6', preload: this.preload, src: this.src }, index.h("slot", { key: '86e9e2e5f20d52c67aed02fa405155af1cc4544b' }))), index.h("div", { key: '4ed9c52eddc1d7c1c9ae157e5698e3ed78b572c2', class: "stzh-audio__controls" }, index.h("div", { key: '7167804f74c262b41a29bf4e52c75d39e213cabd', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '0ea1a5728a8deb2e07404609ff2b559affb3f9f8', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: 'fdb285745da1d07578e7211a6e8174939d49f978', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: 'de43671d8d44f9894b89ebdc30ff795fc5c8d87d', class: "stzh-audio__slider is-time" }, index.h("div", { key: '4e0be9b5fc2553bb2731856537f44fc362e18dda', class: "stzh-audio__slider-track" }), index.h("div", { key: '0694df1c57b913b691b61387b5d9f6ce9340c438', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '67091a52c24316820c4904f3da81fc54ba348650', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: '9eb0d0e54db1a3c9b0c235b98df3b3fef7cac2ed', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '77ebc090a231fdcc0a4a841cf07b50ad78cee4f1', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'b62c2bb285fad4ce4e45ff3b69ee54aa77ef36d3', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '96c93056e46de4431132283151d43f5cf92854a6', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '8f2ce03e20fd4afaf52c5036766d99b2f44ccb70', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: '4cbdf5abdf0710613512b19d8e3b23d6a379e0b2' }, index.h("vds-play-button", { key: '635ae0dfeddd91f8b20aebd8950bfea4433d76d6', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: '879a4da886197b9c83a912af6a8c6abfa1983b5b', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: '094b0646941548104b7b8182890aaa13576eac95', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: 'cb9e8d36e1daa618dda3cc157d2566e16f071959', slot: "content" }, index.h("span", { key: '3ca5461fce2650f8b03b0c6a70236c7edcc0ceeb', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: '6b0b9ca5a4db30c74b91439b64007dab98706aff', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: 'e3e5b865f7f17101dbdb62e9d7fba0b1e8e7a26f', class: "stzh-audio__time" }, index.h("vds-time", { key: '2f21e2b2d3bc201b9674585f6a5c3846f5b7633f', type: "current" }), index.h("span", { key: 'aa36ddfc042ac6cfabcb8918e1f9f0a0ae2fb7ea', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: 'a7995f88f8e8ccad94db8241931881f40b97396d', type: "duration" })), index.h("stzh-tooltip", { key: 'f6546ba3ec0f7be59ed599aa327d658136c515a9' }, index.h("vds-mute-button", { key: 'ba406097c694b786727d5fc012ab543e68ebe358', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: '86f3b3593cbce0ca60abf41142c52f1ff64176c1', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: 'bc26dece09335cefe1c9e94fb29c00b60620c429', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: '94879f483d9c76c33ec8b31563e3f89f4739eed0', slot: "content" }, index.h("span", { key: '6738e3db61955f19196cb05cbedb2ea8bbd2635b', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: '2bd19afd7d4c95dbaa84d54789736337d852dc80', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: 'f9b1881c5326461b1779a4d22ffbc43ab34def6c', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '0b67e73238c6ae4958d2be7148fc570de3250c4a', class: "stzh-audio__slider-track" }), index.h("div", { key: '4e31c9f8050145a7138fa08efeba07ddf054358d', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '22b0d576382aa5a4543147ed72684393368c4f88', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '65ab0ecfbfc2a8a0e89d2c7381c7f7c0272acf5a', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '1bbc8781ec51d783ba563650433fae022ee3d107', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'b17e4dfe31452e4033377d53508ea526c885c765', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: '44a829ff986b8d66709058b33be565caa430d4ef', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: 'de16e6f4cd7178f7be0c10bb8cf58c49bfa833d1', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("button", { key: 'e746dd06345be41e88e5bd7317f90400a582b65b', class: {
+            } }, index.h("audio", { key: '0b221a814271376201133ff7edba260f5ca7463f', preload: this.preload, src: this.src }, index.h("slot", { key: 'fc125dc950fab61eb4ee5ce5675b0d2a1ede821e' }))), index.h("div", { key: 'efcc542fca2fe230f4441ca9409ff2b71bf1c814', class: "stzh-audio__controls" }, index.h("div", { key: 'fc8489dfa5b1400c2375a63a53d05e1109a870c2', class: "stzh-audio__loader-overlay" }, index.h("stzh-loader", { key: '208366f97280cb38f1ced382d3ed0d674a0ddfd4', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), index.h("div", { key: '994f06627e2700625f3f344cdb622b3dfd80e994', class: "stzh-audio__controls-top" }, index.h("vds-time-slider", { key: '599fec3c58eb03334103f6353372a031ba86c24e', class: "stzh-audio__slider is-time" }, index.h("div", { key: '9027c1f04fb1ecdb29bfedf8462510cc3de8a4c9', class: "stzh-audio__slider-track" }), index.h("div", { key: 'c2bf3737c348187a9c7ccd1f774b2e61ea559cc0', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: 'a8888b1465dbc5ba770e1eb1be8a68975dcc6c2a', class: "stzh-audio__slider-thumb-container" }, index.h("div", { key: 'cd918d8bf70cd5086bad4fd7ff566f3ea24dea2d', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '7727c198878168a0d21502e42e512a168c472a10', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: 'a179681a425f4a323dea97e3b1c0f71b23d75b95', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), index.h("div", { key: '3348ebd143b9448928d78f87ef62c7027a41eebc', class: "stzh-audio__controls-bottom" }, index.h("div", { key: '18ba37d17f119e2d808d724b11a2f8c30e4397c5', class: "stzh-audio__controls-bottom-left" }, index.h("stzh-tooltip", { key: 'fcd87ccb74cbc230025dc877ccbd04c1b2be5d46' }, index.h("vds-play-button", { key: '53fc6e83f6bff2c4082a8a24b5951abe3999af03', class: "stzh-audio__button is-play" }, index.h("stzh-icon", { key: '492b659de3453c47d4a7e9c80ae759aeb109a3bb', class: "stzh-audio__played", name: "play" }), index.h("stzh-icon", { key: 'e422ac424e34723e315d46b0f55f05c618ef5444', class: "stzh-audio__paused", name: "pause" })), index.h("span", { key: '0d6fc0648d44ee7fd2a4dd6c776ab367c4f16d56', slot: "content" }, index.h("span", { key: '3382db81b57204c2f1e3687397067102a1cddf99', class: "stzh-audio__played" }, this.localization.play), index.h("span", { key: 'b7b7994d9cc526b01da08979d458afd88f24f748', class: "stzh-audio__paused" }, this.localization.pause))), index.h("div", { key: '58c00d329f58db7b53d92a633c41c413fbb8548d', class: "stzh-audio__time" }, index.h("vds-time", { key: 'cd052f9b18dc89436bdfe4d204ee84fd466d4ac2', type: "current" }), index.h("span", { key: '4f0ca82a5aeadb62e21420824fbdb3a242d8ecbc', class: "stzh-audio__time-separator" }, "/"), index.h("vds-time", { key: '92ac5701e584129585ea52c8fc54528f0bb4ea71', type: "duration" })), index.h("stzh-tooltip", { key: '1b7fb13bf74b63ee5a63c39a5af73d1b051e209b' }, index.h("vds-mute-button", { key: '158b2b77a2b8a5c931b37cedc16399b2740d8abb', class: "stzh-audio__button is-mute" }, index.h("stzh-icon", { key: '2c7595b59335247a3db7ffb06d8ee580bee5371c', class: "stzh-audio__muted", name: "volume-medium" }), index.h("stzh-icon", { key: '50f4200533d92909a834dfcdbe866857cb2f0810', class: "stzh-audio__unmuted", name: "silent-mode" })), index.h("span", { key: 'cbe10d1bb537653fbb22cac0ad7c7a053313a379', slot: "content" }, index.h("span", { key: 'fbaf5804f0bdda0649f1354597747c761f80b04b', class: "stzh-audio__muted" }, this.localization.mute), index.h("span", { key: 'a0d23ed2d2d43a8cafde24feb24845d471236f84', class: "stzh-audio__unmuted" }, this.localization.unmute))), index.h("vds-volume-slider", { key: '75573a956988404ffaea86da114a0f97f517ee88', class: "stzh-audio__slider is-volume" }, index.h("div", { key: '3e13e4826980600295b92194f2bd7bcf583a0e57', class: "stzh-audio__slider-track" }), index.h("div", { key: '7bb8b898b4f51fe33990cc42eaa8be05156d0c0b', class: "stzh-audio__slider-track is-fill" }), index.h("div", { key: '64c7bc436408e4d7e964c310f26a703a8db46b43', class: "stzh-audio__slider-thumb-container is-shown" }, index.h("div", { key: '2a782c51dd01519edb75764d813f99fcfbd5a135', class: "stzh-audio__slider-thumb" })), index.h("div", { key: '85cfa0c27692fb9d77156d4719f147e2e2592708', class: "stzh-audio__media-preview-container" }, index.h("vds-slider-value-text", { key: '76593d9391bf40711131632d2d18654830f87aa9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), index.h("div", { key: 'ac714c6f89f87b22eda68e346f065a9abb84b5b2', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (index.h("stzh-tooltip", { key: 'a51a57933f2ab92651456f81996550a7cf6d35f0', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, index.h("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) }, index.h("stzh-icon", { key: '62a1def91855e4139b5d3e5b1397b205bdf5ac34', name: "transcript" })))), index.h("stzh-tooltip", { key: 'c9dbe8bbf9b5702cf093436137de909446595b19', content: this.localization.download }, index.h("a", { key: '9be41d416a2d925fa9c9c75b6075e53467a3a54a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: '4ed61efe1e0da290eec1fa43fe43f948bbf1e662', name: "download" })))))), index.h("div", { key: '0da58cc17278814d20325fedd47902eb1a607f91', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, index.h("stzh-icon", { key: 'bb1b4acca149507438f66d77bb90483fd75c9f83', name: "transcript" })))), index.h("stzh-tooltip", { key: '1c3d793229e8c3601b14fef416be878461c9d62f', content: this.localization.download }, index.h("a", { key: '9a26959304cfc32852987e2f4c25c56df19d929a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, index.h("stzh-icon", { key: 'bbf59976f0ae87bfeeb28373f10a96a8f67320c9', name: "download" })))))), index.h("div", { key: '6ca84f7d53b8634f508cc0dd67ec5ee14e4774bb', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : index.h("slot", { name: "transcript" })))));
     }
     get element() { return index.getElement(this); }
 };

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

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

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

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

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

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

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

@@ -46,7 +46,7 @@ const StzhCardNavigation = class {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (index.h(index.Host, { key: '7be11d154e492971180bea1cca149662be680090', "has-lead": hasLead }, index.h("article", { key: 'f69c38a9bff3ec4024634ae8d9bd78d9680a658c', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '8e596f00b092324fc69959dd94dcd93f14abfdfc', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: '8dca93f15b7aff88575b4f348bdd97d95b5bf51d', class: "stzh-card-navigation__title" }, index.h(TitleLink, { key: 'd15890c9a9047033089a69038bdc1bc17f791b3a', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: '024ec9a9b908958828c8c544478137716a664f74', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: 'ea78857b7b032e542e29dcfbcf62438a95a90563', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: '0d9de48413f9f96a2f9525c8678f565747d26f68', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (index.h(index.Host, { key: '126238eacbee51894478325827183eb25d07ae1c', "has-lead": hasLead }, index.h("article", { key: '58564a2b5e5d15d17ce0194657b1a3c44305c58c', class: classes, "aria-label": this.heading, role: "listitem" }, index.h("div", { key: '92569a606c10d0ff218144d34e125891881a89b2', class: "stzh-card-navigation__wrapper" }, index.h(Heading, { key: 'de17979df832b89b5c69930179bb23d27f365dd9', class: "stzh-card-navigation__title" }, index.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 ? (index.h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" }))))), index.h("div", { key: 'da2992e3f27517aedc2a56c390076093bcf78945', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : index.h("slot", { name: "lead" }))), index.h("div", { key: '5b550f74204099775b53ed12cf40252c81abc955', class: "stzh-card-navigation__arrow" }, index.h("stzh-icon", { key: 'fb3b980cb1f5ad314ca592acaced9fe8ef89781b', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -133,7 +133,7 @@ const StzhCardSearchresult = class {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (index.h(index.Host, { key: '330bb8819e6869698b5241e7b6d077c29c4ea12c', "has-image": hasImage }, index.h("article", { key: '8a711d7fa62aa71b5b29a78cb449363bd80fb4b5', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '38d732939a1daf687eabefb5df4ae5ae2cc97ed6', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '56c497155f2d6e6e5a1d5017cd6e738606e0a772', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '15b8e2f118c8436ededc6b985e9bc93b57f2f1c5', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: '4e44a3a6b9bd8dafb427a8d610ab2402ea49a455', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: 'a0f2d3f6b5cf8e2ed261f2b8f3a65038bd9e18a1', class: "stzh-card-searchresult__heading" }, index.h(HeadingLink, { key: '103be8eed0766ee51ffb647d43be0fd26c97b201', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: 'ee39b27c01e8008f6ee3be7fbb6903c3e0e6521a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '3372aa0efcec33a6c90d083e002a45009643616d', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: '47eb3645551e39c2b3f120d2d1cd23b4bbc45eb1', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: '53fe0007fff721a0cfba58b147a4ac97086425bb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '8fef98ab8bbcb7c7dd24b524cfd98177051b1a58' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: 'c46664a5e677e15cd31e5ad9bb44a4dd3c4589bf', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '96938d62a07b08817be66b264f372eb1f9bcc0d1', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '9db76c0340eefbc5c74506a83aaf11c1fb528db3', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: '785671d87d7b3b4c0b37da98e40631a4cc21338f', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: '133a268dcd3d0fc1ac39d74c8c0de49eb547a9bd', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: 'b43b74c756e35f5e2e5b91791fddc7bc5a716c90', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: 'abc5d6360081ce36f2453cce8822f0d919c274f0', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '89409c0aee836fbc737290a66512ec59da698a6d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: '7733484819af6c23ab26995bfeb7e3bd86a5f6a1', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: 'c821ec35feaec954f42e1573559b524abadefcde', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: 'b3b25215879f549caf61898437c3036f11b283ba', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: '3ab35c638b92546f7d6295f2712eee070ca9ac1e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '076584f80d8eaf0ab06d603d4310c12998d8aea1', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: '887dac95369a740832d5723331775065a291b675', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '8d98639d093fd49eb72832763e138574bb95bf03', class: "stzh-card-searchresult__meta" }, index.h("div", { key: 'a9d9fbcfe872bc0fe359836ea1b6d69d77e908f0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '411298470b412d464ad99d7dc2b75211225f6c27', class: "stzh-card-searchresult__download" }, index.h("div", { key: '97cc2f5b626609053df9a5069b4f91e0815d3c2e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: '301f8d98b69fef740e540104ddfe6f7daa4a2251', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: 'fbc5704ce1e9b7d92911931706bfb0c28a5d0dd2', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: 'c7fc5064bb3ac222dd87e82d72c87d0e9e333513', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: '0cd7fdef8115914dfb6067bcc195ba0d2877c2e2', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (index.h(index.Host, { key: '257b6fcf95d0434504f155ef180aeb68e71d44a1', "has-image": hasImage }, index.h("article", { key: 'b53d03d99b9def93efb7c157546f24b7fb100119', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && index.h("stzh-tag", { key: '7990b36edadf79d91225debb31fcebf04b46c465', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), index.h("div", { key: '181b898fc2d64a7951268bc68a8b9b9df258de95', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (index.h("stzh-breadcrumb", { key: '110b908e7736976aecca796098bae3021a905fae', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && index.h("div", { key: 'e2bf802dffc433a9cc5ef27dfbe67cbf31bbd843', class: "stzh-card-searchresult__dateline" }, this.dateline), index.h(Heading, { key: 'e629e9c3a303ad1e073dd0eb1f085c7fc2de5ab5', class: "stzh-card-searchresult__heading" }, index.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 ? (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (index.h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, index.h("slot", { name: "heading" })))))), index.h("div", { key: '43e3d3e81629a1e9337907d22d79e3cf7cb81799', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (index.h("div", { key: '79776893713db4e5b8cd0929dd7243f0b9726fbb', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (index.h("div", { key: 'b448fdcf09171c9a27ca83464d5947dc4b4f6099', class: "stzh-card-searchresult__event-date" }, index.h("span", { key: '206dc26c966d4c25ca9b2b5d2cc3eac08b77388a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (index.h("span", { key: '1374dc07fcbd41352bd5776fff87b099a817eb29' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && index.h("div", { key: '0de1eadafece104ace8ff26e747be5dd94da61f3', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), index.h("div", { key: '4b59a46ab104a1682ee91f727cb201e131452968', class: "stzh-card-searchresult__description" }, this.description ? this.description : index.h("slot", { name: "description" }))), index.h("div", { key: '04bfddd13391e29c5efef90b528d201abfb20565', class: "stzh-card-searchresult__image" }, eventDateStart && (index.h("div", { key: '8301d8f74ec8b8abd0f7df06dea53250584b1a0b', class: "stzh-card-searchresult__event-date-teaser" }, index.h("div", { key: 'ce8dd4abe7c1bd2632bd7de39acf0ccc7d8196df', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), index.h("div", { key: 'af7ada23d8cc14882dc7503b10c3fcec12e03b9f', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), index.h("div", { key: '4e12626e5a4affd1e249559ac42fb27c6612a7c5', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && index.h("div", { key: '44b4450170f51c7cf0239ff412b581f7d1162fe1', class: "stzh-card-searchresult__topic" }, this.topic), this.service && index.h("div", { key: 'a81ca254a177f8d3c60381cb609522762c681afa', class: "stzh-card-searchresult__service" }, this.service), index.h("slot", { key: '6c82e999d779af2ba03126ea5a21be2121aae304', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (index.h("stzh-ratio", { key: '08ee1fc6495875a37d0c115c4d41cdafb7c104c4', ratio: "21:9", "ratio-small": "1:1" }, index.h("div", { key: '70d95e85c5e8c075b76254da93368403e81040f0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '07f46a5a979592aaafe9b55f04813f8f7d4b0c57', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (index.h("stzh-datalist", { key: 'b9105a376424e6ed71a4a4b4441d347a8615de97', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (index.h("div", { key: '547ea6ef7d7b8462c853a8239a99eea4ec4b7368', class: "stzh-card-searchresult__meta" }, index.h("div", { key: '181a4b7d1a460355dd6d04bf5b0dea29f90585b0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (index.h("div", { key: '5137dd35c04e300bb784b2c88cac57118d1af4c2', class: "stzh-card-searchresult__download" }, index.h("div", { key: '416b67c41af0066f00dec182e1b2717f2259aa96', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (index.h("div", { key: '2acc05a484c75c94e63f1a365cfe4783e38891e1', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (index.h("div", { key: '1264dd5b5028a1fcd74f65c730060e1584f15aa4', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (index.h(index.Fragment, null, index.h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), index.h("div", { key: 'd9611d38e906a616220a53e7bed08e22fae09cb9', class: "stzh-card-searchresult__download-button" }, index.h("stzh-icon", { key: 'a6241e06cef95f1714183247e6242c82a04a78da', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -296,14 +296,14 @@ const StzhCard = class {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (index.h(index.Host, { key: 'a1927ae6d62f21414304d6462b9d041988b3c59b', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '1c972d5a6f15a4a0b335b35e0630a4a374975ae3',
+        return (index.h(index.Host, { key: '1572888deff0cdc23ed21421458869592e83b242', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, index.h("article", { key: '41d64741a737f6440ef4f14ba1563458c64a9f89',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.h("a", { key: '5cf04a76fad58fca6b0966e5425e91ae85c71d5f', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, index.h("slot", { key: 'f7341e9d893bef8c126c57bdc9658ac5d7322b53', name: "image" })), index.h("div", { key: 'b2e1162fcd1f69b8b2fbead1bd1c69d3730adc96', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: 'dcfabe4d87f43b0fd7c81d661b1f0b1a5a864d0a', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: '5dc111120bcb74bbf7154a35b834a56a952da91b', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '41038648295d4bfaab4843e89b5d98fb05b16158', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: 'f610a679f5d4a221f853732b8c4c5d1127c7bc0b', class: "stzh-card__header-top" }, index.h("div", { key: 'a01863d74297dac0932eb9091d5fea06cd3b0c0e', class: "stzh-card__header-left" }, index.h("div", { key: '2f4d07b00d3ac7afa2f483405d6f536750983035', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: '20e27a11ac1906a5190379db019de6a392d2f5e4', class: "stzh-card__title" }, index.h("a", { key: '86d67ffb4ebc77fb3f048c730f7984ad08318ad4', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, index.h("div", { key: '62bf9c28ef2841c7c5f76815789e94f21493d7f9', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: 'f9dd86d7d74b9421ac23556e5695de064a1be16b', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: 'c5fb4c5b7ad3d3343ed78fe24793c0414d33ffb7', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '58834cd8fd62c79669bdffc0e86c100e014675e3', class: "stzh-card__header-right" }, index.h("div", { key: '312f0a4839d113921cfe19980247107d16a6f389', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: 'dc88f8d9c9b27ef01c7fc046016f479b4c9b957a' }, index.h("stzh-button", { key: 'b82b568f13a9cdabcdd54503c07bbf5524071919', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), index.h("div", { key: '24936f59baa0b0e18aafc05eb2cd3553aa7c7551', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.h("stzh-popover", { key: 'e74953b1570e871de39895ff1a110125565a42ad', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, index.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 }, index.h("slot", { key: 'fb029dd333198d02a7912c00cbeb541697894f45', name: "image" })), index.h("div", { key: '0bf91b735f3300eab9d93ae8708ca4ba570b67ef', class: "stzh-card__content-wrapper" }, index.h("stzh-icon", { key: '4631088bf33ddcbd2916de4e96b91804c23e366c', class: "stzh-card__dnd", name: "drag" }), index.h("header", { key: '21cb5bcd361e9a23507ebf5fd1629449537b520d', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '0bf345168d1dae51b8926fc4ae48cfd3567f0e57', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), index.h("div", { key: '515e44f8f74694951012d1e588ed52c7d608e66a', class: "stzh-card__header-top" }, index.h("div", { key: '09639aea50aed0d878e6797831170ef4c274a5b2', class: "stzh-card__header-left" }, index.h("div", { key: 'efecb89c56301b80e4d02acda3ce66ad06f52d10', class: "stzh-card__title-area" }, hasHeading && (index.h(Heading, { key: 'e069ccc41979c531c88ed20cab9a298878cc179c', class: "stzh-card__title" }, index.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 }, index.h("div", { key: '42791028e739b4b8b7004433ab242fc246dae8f3', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : index.h("slot", { name: "heading" }))))), index.h("span", { key: 'b120533300ed723ec033dda8cca857ef3c4d7882', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (index.h(Subtitle, { key: 'd4bee0ad4238b833511a65f00a1f0439acfd7425', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (index.h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), index.h("div", { key: '7d8ebcdb9ee82bbe33dbd65d69f090a01cf5c74c', class: "stzh-card__header-right" }, index.h("div", { key: '40e77cd5a4aa99875c313fa787e3a637582f31bb', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (index.h("stzh-tooltip", { key: '892240acd426e95dfd674b9a67367b05a0c6ef07' }, index.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 }), index.h("div", { key: '61fdbc6110ddad0931e35a10ca79b373284bd1af', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (index.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
-            } }, index.h("stzh-button", { key: 'e3e5761b4469c00df3597954fe35dd0a78eeedb7', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), index.h("stzh-menu", { key: '7a2d55ed89b15122f7dff103e90b5ee96a9953a1', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, index.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" }), index.h("stzh-menu", { key: '502b61374688bc119032a8790ef0cd7cb8c12e57', slot: "content" }, this._headerActions.map(action => (index.h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: 'a64c018b74ed9ad7252f971b79ed82e45632c5ff' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: '03c36ab54ddd81286ce203bd319ec1b825a03475', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: '51feaeba837cb5000662abcff76608a55209d9f7', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: '9edb6e478a90c38e1792d42b8c9ad75d3682ed15', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'aaf4a1c9280fe8aab924fb6d65def99f06916aa0', class: "stzh-card__header-meta" }, index.h("slot", { key: '5b2e0e6c14626f74a9ea6452da4a2ad076152abf', name: "meta" }))), index.h("div", { key: '97f9726fdcabda0fed04fef2a0ab47a467a148a3', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '8cc5f12a74585dbdd92e2596fb7263b30dc26c6a', name: "content" })), index.h("div", { key: '5c6c406551d34e0d59d85daa5d1fd4e162fb177a', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: '21ab202353ae5c00e0ac7429f3cea8eb78e13169', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: 'e2911f2b831e2bd1c169b04f565bcf412c1d844e', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.h("stzh-button", { key: '0c7c3aa76b9cd08bc3092963c1398d0aa59d9d0c', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (index.h(index.Fragment, { key: '74dad17d1443dbb00ed137da9b7fe71a18b500fa' }, !isFirstItemInSortable && (index.h("stzh-menu-item", { key: '0f300c16fa1701b8ec74de55d9640c236e0514ed', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (index.h("stzh-menu-item", { key: '1a3c869b187e2f984ebc17cd82ad1efd55841c12', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (index.h("stzh-menu-item", { key: 'cdbb0c9dde1eac63703a12c3a462a4a02f4a93cc', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), index.h("div", { key: 'cba6a93e0d933efd81f73071fa884643c4322c67', class: "stzh-card__header-meta" }, index.h("slot", { key: 'd14fd3456d04e0db8353a87388c0d7a052dc0cc8', name: "meta" }))), index.h("div", { key: '099c16541db316ab56e01e4f12b2000499836272', class: "stzh-card__content hide-when-collapsed" }, index.h("slot", { key: '49e90957a96df696cc900f70a7047431bac9e3b5', name: "content" })), index.h("div", { key: '735acedd93518779ec5072d9c742d7797086ce90', class: "stzh-card__footer hide-when-collapsed" }, index.h("slot", { key: 'bcf888acf08e0aac57d574f0615ad5b00212558b', name: "footer" }, this._footerActions.length > 0 && (index.h("stzh-actionset", { key: 'e2b1371966f3bed178ae947dd535347a107b1ed1', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (index.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 index.getElement(this); }
     static get watchers() { return {

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

@@ -90,7 +90,7 @@ const StzhCardlist = class {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (index$1.h(index$1.Host, { key: 'dd5316c1f306951f130f204e951296ed5b3abff1' }, index$1.h("div", { key: '7611cb1ab5de29edfc59372d62feebcbb22ce60e', class: classes }, index$1.h("div", { key: 'c4e81a7f047679fa3f1c049c18cb3b1424fee30d', class: "stzh-cardlist__header" }, index$1.h("div", { key: 'ff80154539417734e5027b0598327d97c420c2be', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.h("stzh-link", { key: '756c5adb98e94cb636274d642449323a1ea16bf5', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), index$1.h("stzh-sortable", { key: '46a6eea318db227006b01d356c50c72f02c27d85', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: '080ef0e0daca8159474dd98515b2d2636f64a5d2', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: '2877167582196e17abea39372d09e8bd03709e05' }))), index$1.h("div", { key: '0929b5f71bfc15fcfe36fe5bbb8c7f9a0b9cad5d', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: 'c331aeb44d10456c88605d474fcea51924c27b22' }, index$1.h("slot", { key: '8e4c8be038c7b1d407702dcf6022f20d3f7432c6', name: "footer" }))))));
+        return (index$1.h(index$1.Host, { key: 'f73db51e12e6077c42c0af841ad46b253ee9be44' }, index$1.h("div", { key: 'd789c4cfef62c8e9f275028e38f06d77c31be4b1', class: classes }, index$1.h("div", { key: '5152932220f38f8d4ef5218dc83a1f6d70de0808', class: "stzh-cardlist__header" }, index$1.h("div", { key: '66a58fe85ca60617d2e65c142e1ec32f4de7d75a', class: "stzh-cardlist__description" }, this.description ? this.description : index$1.h("slot", { name: "description" })), this.showToggleLink && (index$1.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 }))), index$1.h("stzh-sortable", { key: 'd0923c027a3fb6f5de0ec7479595b597b6d23c69', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, index$1.h("div", { key: '0ed6cc7a48cbcd741f864393d90540b99d9f8cd0', class: "stzh-cardlist__cards", role: "list" }, index$1.h("slot", { key: '8e51bc6204efe2002e05b51050b880ee1d7e7149' }))), index$1.h("div", { key: '709b1a79ad8fa0766ad4641e0c623a0afad8c573', class: "stzh-cardlist__footer" }, index$1.h("stzh-container", { key: '20c2a75df7b5e3e2c5550323bf46deb89fd6a06a' }, index$1.h("slot", { key: '349e2ec5d7b21dc3e7e901cff2c17a95c7288110', name: "footer" }))))));
     }
     get element() { return index$1.getElement(this); }
 };
@@ -110,7 +110,7 @@ const StzhContainer = class {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (index$1.h(index$1.Host, { key: 'b3f0d265d9fc1069d992c0c40f09ad03b6d4562c' }, index$1.h("div", { key: '7f29efabddd07aa2c088ed5efc6e56571ccf4e76', class: classes }, index$1.h("slot", { key: '1c89ecf1b493a19a0f150ed4b6f07b4a06ba1e08' }))));
+        return (index$1.h(index$1.Host, { key: '717cb4567ff52afb05def1e4e8174045d2751752' }, index$1.h("div", { key: '62d35746de72e6b6f4b250313dd47a3da863ed1c', class: classes }, index$1.h("slot", { key: 'ec0c6849262ba909a205ec541dbe50bf3d5c70d5' }))));
     }
 };
 StzhContainer.style = StzhContainerStyle0;
@@ -4156,7 +4156,7 @@ const StzhSortable = class {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (index$1.h(index$1.Host, { key: 'c0fcc3ea7f0df3028b8a53bc5476a29feef8440f' }, index$1.h("div", { key: '70713c2e141417f83434c161ad3f961f7706c658', class: classes }, !this.disabled && (index$1.h("div", { key: '5f197fce7d95fe0d460b46c5edbe8bc67ccb78e3', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: '235e348891ffbd9bce59702458818ffc65b0c56a', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: 'b8f29e10d876dfe5880bc4ad58e19af5e6408b54', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: 'fd1b30cfa0483571dea1056142c86bf74faf226d' })))));
+        return (index$1.h(index$1.Host, { key: '21c77d6d28983804a4cf545d374b9a1eb41a0236' }, index$1.h("div", { key: '55646a6aa415acc2b009d4b53855fa570b9c0bee', class: classes }, !this.disabled && (index$1.h("div", { key: '122f39898552ed7f916b0235cf627ce9d358d68e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), index$1.h("div", { key: '74a75b7d2d0e81461d18d08eeeccfbcab21d755b', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), index$1.h("div", { key: '02b4eb42e9b83563e163ef7c6ff3cd3a34d3b693', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, index$1.h("slot", { key: 'fb8654074c73f5a8d3e416562ea90662eed480ac' })))));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -516,9 +516,9 @@ const StzhCarousel = class {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (index.h(index.Host, { key: 'fdf547b612031c85489a82a6019bb5a536b54df6', "aria-roledescription": "carousel", style: {
+        return (index.h(index.Host, { key: '32d3f1590a4543c3b1e6bf514d14f9973eb97619', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, index.h("div", { key: '4f88b815150e4061fe25a360108e5db0c793cb6d', class: classes }, index.h("slot", { key: '1605bf5a1d13c8a3c2e2e6feb0c11b027261a6af', name: "actions" }), index.h("div", { key: '0c6f2e928dd431f8308a970c27824d5ef4158cc5', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: '00fb4cc4cf6b9ca341ee30f42d4b121c2f10f603', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: 'b4634831097d51e7cc4ac379f23b396dfc59a5f3' })), this.withTrack && (index.h("div", { key: '467b2f7b3b8d350e1cc940718b4d46151584cd42', class: "stzh-carousel__indicator" }, index.h("div", { key: '7c2ae95b3ae38c24b52d584a4b824db5012fec07', class: "stzh-carousel__indicator-track", style: {
+            } }, index.h("div", { key: '5e5cae6353d205f4d7f68538e794c675c05ff433', class: classes }, index.h("slot", { key: '733acff05b65a2a4387e1abe2612770d88cb55d6', name: "actions" }), index.h("div", { key: '37b84b8ed2e9ff8f5b246344c1bb19289fed1e0d', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), index.h("div", { key: 'ccbc976b10e0340c9a01022d9ef08ffe234df7a4', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, index.h("slot", { key: '5fec7c1c4de813273a6cbb9447b772bf75bf49e8' })), this.withTrack && (index.h("div", { key: '12ac2cbc4e24b63023ed87cd85604c1a60a81aec', class: "stzh-carousel__indicator" }, index.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/cjs/stzh-chart.cjs.entry.js

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

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

@@ -128,11 +128,11 @@ const StzhCheckbox = class {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (index.h(index.Host, { key: '405ef3c9c5c3e613e214eff95ccbb2bf244868e4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '896827d5b531870193d71f40fcb5a8ee1ed63e6d', class: classes }, index.h("label", { key: 'ffe5f1ea705f59890d620dcaadfc25fa95570c25', class: "stzh-checkbox__field-wrapper" }, index.h("input", { key: '4a764662bdf9b4f3f58dad7af6079891fab23096', class: "stzh-checkbox__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), index.h("div", { key: '6f5530363f8a1e00f7529dfecf1bdc41ca70369c', class: "stzh-checkbox__mark" }, index.h("div", { key: 'e35ad44f2d7bf741ed14d30b57676a936fb1c0f1', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: 'e7a45c2e0e1117b97cd4d1f8c4c643a6c825ab28', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '7568ecb3bfabcf8c80f505afc2c66aa4e193a8d3', class: "stzh-checkbox__marker" }, index.h("span", { key: '8cb60015dcb0001add1aa4c99273d2ceef3c56f3', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: '3992b31d8d2fec0ce87d9cc841f4508fb552721a', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c0ec35701febbe9c0b3f63091182fe4cb5e96508', class: classes }, index.h("label", { key: 'bc0479b4b11d991cdb2410c9b1d5c0933616da3e', class: "stzh-checkbox__field-wrapper" }, index.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 }), index.h("div", { key: '9dc5910aa037ef8b87e3cef2f6993a9970752aff', class: "stzh-checkbox__mark" }, index.h("div", { key: '1854a06f912692c81392d007badc64a3fcac66f0', class: "stzh-checkbox__check", "aria-hidden": "true" })), index.h("div", { key: '288debe5fb521c988ac9649dccc3a5821b03d035', class: "stzh-checkbox__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'ab751958c4c11a5a6aa016f8d365c9eac37a8762', class: "stzh-checkbox__marker" }, index.h("span", { key: 'fdf70b5bf345261de12732471ef1ad08fcabab3b', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '9d995ce3f36042512c5aae083e2203463ff9af5e', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'b1928b271af93d0042d74b7a904aaf0837b2908a', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.StzhInputDescription, { key: 'aa8c6b17aa646e0801be413736160307160e34f2', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (index.h(stzhInputDescription.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 index.getElement(this); }
     static get watchers() { return {