@oiz/stzh-components 4.6.0-beta3 → 4.6.0

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

@@ -7,7 +7,7 @@ export class StzhDatamessagelist {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: '0a660be3b51fdfa258071dc75e812e03c20237d2' }, h("div", { key: 'dfb4a7af52a337372d9bd1b01a9ecfb7765cf1bf', class: classes }, h("div", { key: '3575ea0bef98181965ee2522c3a6622cc14b0662', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: '65d5ddfb353a8dbc7b6c045126c2d10ebc07675b' })))));
+        return (h(Host, { key: '89bc786faf75f2da885285f4539d3e756123ff8b' }, h("div", { key: 'cb1f12f19c83dc36e9cc19316dc1fff405a23e36', class: classes }, h("div", { key: 'df3264f3ce4df11747145b940087b1f28ce2da56', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'dfb7e35b57751d35d69b932a5f564275ae028ff8' })))));
     }
     static get is() { return "stzh-datamessagelist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-datamessagelist-item/stzh-datamessagelist-item.js

@@ -85,7 +85,7 @@ export class StzhDatamessagelistItem {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '35e80e1eb927de23057366fcb116b421869eaa61', role: "listitem" }, h("article", { key: '9e70827a806198f9ea18ce38f2fc06c3fd9a6232', class: classes }, h("div", { key: '39d489e641eae30505936e4e94d9d1313d3554a2', class: "stzh-datamessagelist-item__content" }, h("div", { key: '62f85d42ff3b28341c2fc8120ec0c14b02c40aa5', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '6d81d15bf82915c269c4ae4e9018441954f4e785', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '56f4360076866e145943d21e86c5da9a8b9e5727', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'dc97b2dd11d336d7c48d1607deba7a6397e5fc88', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'cbc57474699067e8604db726b507e869c7a9d3a2', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '09c9bfae4e8a1bbcd9c1abaad463fa3939edd525', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '44e9f2074e30af80b84777016062ca570f8fa4e4', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'e756c17e5cd43721686fc71e397fb992698ddc77', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '0cb4bb2fc00e0fd844c51dedf320f6c1717fa709', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '599fc7dc12095ca8e8b7d22e134e372333214ba5', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'ee0950fd2e36abe01d81950c507dcc9e185e6236', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '6485fb7603de5904f22bb3be5ade1e70faff11d5', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: 'f130f4078c08dd979104b3dffde27eb0dbe7fc58', role: "listitem" }, h("article", { key: 'b15cb348f4c17d18ce4e676ce22d3f53aa780cfc', class: classes }, h("div", { key: 'bbbcfa34b37b4f8cc3055397309266121ea96f1d', class: "stzh-datamessagelist-item__content" }, h("div", { key: '4fc349b7f7ea760ab81c8b025b4985a523522f1d', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '3083663e3c95bd8a7908a980b67cf9fd20370cc2', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: 'f8d8df9cddf40e920298867f1a01c7191b42e8c1', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: '40718f3e83e102074cc6b58772a5c05879e64109', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'c4342f5d5b1b502ba30d625e452e6c369aab27a6', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: 'd6b1cd484426da53f2e6c43fe4d1271ca57ecb4b', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: 'e37a29e1580b6a4e93be2c3d684be91e9b9a695e', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '972b4de6ab89cdf5ad87c1e1126a8783544c1dc0', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'da964a1293dbfca80586d3ece1c3d68c2262c03b', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: 'f47a9a398fa933458c4eb7e6fb360a3550189bc3', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '9794461aa6a98d90e814ea824104a2f3b2dd4eb1', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: 'fbeecb243fb58c81ce26cefd9fb35d1dc688439e', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -154,11 +154,11 @@ export class StzhDatepicker {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: '4ff21a8fcd972b2619acae49ee0f22d3d0de2147', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8bc68db9617210bdaf0130c979e5db77bd271366', class: classes }, h("input", { key: '3a580a6831d811e4bc3c9739aec1748b8a3bcf90', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: 'a3f0746ac7bfd4a627f1fafd42c524df03681600' }, h("stzh-calendar", { key: '7514b26698908cfa19e0d965f0d838b471eef594',
+        return (h(Host, { key: 'b737864e7c14ce95320f4d8be85763c61a9a3cb7', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '6a070c8c46263bffc120fc692c925dcbc870d388', class: classes }, h("input", { key: 'dadfd2e7af7330ec7207a7e6c9b3535c9fc3c2f3', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '053a2eca2fea74ca3a5a0cbe6d9ee6ef7e404f56' }, h("stzh-calendar", { key: '80cdd4f547243ae08793e152502f7ffa51282972',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'e893e6f4b8cdf52a16011dffe2a228baaf6eaa4b', class: "stzh-datepicker__actions" }, h("slot", { key: '190ffdaab1a41fbd6b31e63ed4b91b9cbf648fe4', name: "action" })))), !this.inline && (h("stzh-input", { key: '5b06696ac06ec03e8db3e771957b6309a9b77a4a', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '033bb37fd62713376ad0ee54381b4f2d0cabe9be', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'e1f192ae423808b8ae971f96f091d447a47beb10', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'a8ab8497e4bc47f2295bc77945748e3669dec0c6', slot: "content" }, h("stzh-calendar", { key: '434c79f929e60d7007454550cb1d5cbff71fe743',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'c8470735dbf2be1ad55ae93f50350023e4f4a21b', class: "stzh-datepicker__actions" }, h("slot", { key: '623680c5d24d36cb2ca91097ec8daad5a6d5e44f', name: "action" })))), !this.inline && (h("stzh-input", { key: '8f5e3e7a81f73f55aed1a7606a1f6884c343cfc3', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: 'ddfaf8a5441d585543e104cbeca03c08a5c2e0c2', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'ae69bb43285fc8295d0b13adfe16d5a78b49c293', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: '268e0aa47eed4cce4d319c12260a2d585e6102cf', slot: "content" }, h("stzh-calendar", { key: '3d9d62d50037e87bca8c267e5994207e55325ca3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'e11f352cb4f42017425498de2454a4e259eb0d9f', class: "stzh-datepicker__actions" }, h("slot", { key: '09e89c4faa8f7f7916fe1b4ee60e086a45cf787a', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'ac911f0727a49de3c788fa8d70120387a594cb3e', class: "stzh-datepicker__actions" }, h("slot", { key: '2d5f31388c9202ad3774c51bd75646d393659f94', name: "action" })))))))));
     }
     static get is() { return "stzh-datepicker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -88,7 +88,7 @@ export class StzhDaterange {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: '5db12671735d866351c367181125e0d8626e3d97' }, h("fieldset", { key: '3f244b90e8a311caf2ca0871dfe39e00c336ecad', class: classes }, h("legend", { key: '7b5863c6e15d54fcd88b1f3f415726dfa3d71720', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: '7776e92c391453da877c0886c5a9c4eec550e6e4', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '796592b37f14b485affa914323824b0504426a40', name: "from" })), h("div", { key: '24ea52e086a5ea62329fc47c13427f6a25709d14', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '8b7c4cc8bd024d7de758ba34c740eee34f97d67d', name: "to" })), h("div", { key: 'b3725426b9ca967980df071770d068252b419154', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '753d2135b9fef539f23b46c5f4ec9a02cf562359' }, h("fieldset", { key: '0b18a05d98f04cedecda4ec390a780a6f4b6b9bb', class: classes }, h("legend", { key: '49e614e15e3c37f4bcb91ae95fb7b39512b9f840', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: '7a3516247d4943e806b5c87a3e24c9d60ac7b1b7', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '9c39e3195cb3273d6595ee9aaa0d1ae73842228b', name: "from" })), h("div", { key: '54fdba2e441ae05cc8f385048f7f16efc11ce10b', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '6779537fcf45055e9e4f148924139e6aaa4f472a', name: "to" })), h("div", { key: 'a903a332c302e482e24c37cf07f08491da31f6ab', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     static get is() { return "stzh-daterange"; }
     static get encapsulation() { return "scoped"; }

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

@@ -137,7 +137,7 @@ export class StzhDetails {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: 'ca6bbca4ac3dc3269384587a605bcf97472570d8' }, h("div", { key: '18cee3ca3a3e902db6fce7f73874613c7c81381e', class: classes }, h("div", { key: 'bb557c1c6cdf1f082618040b3c7e541f3b554d70', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '6e7b7ad5bf2542c6bd78915c11abf67d3ee46e71' })), h("div", { key: '7ce3e9dfc0769848b53805b6bcba2ddc95d2c1f8', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '8104b32d9205e54735a8fe48ba9cc7094a357cb1', class: "stzh-details__content-inner" }, h("slot", { key: 'db96f455cb2148c6c16ab156708ee2a32eddbf8d', name: "content" }))))));
+        return (h(Host, { key: '8aee4deeb3e05291be9cad3e431262d7165d984c' }, h("div", { key: '83d02120b8181e53198fb14dd9f7dbbd2a261de3', class: classes }, h("div", { key: 'b3c56f36ce6b3ac46f84c612d0c6e5499aadbca2', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'e6e9308b337d5356f653c86aa7078d7f3533f111' })), h("div", { key: 'ae1becf0a3499f0f296ccb62c67d983292cf4964', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '0d691198d6ac905e542b2c0e713841907925d6d8', class: "stzh-details__content-inner" }, h("slot", { key: '70d777d2df922cf3ead152301f473996ff097a55', name: "content" }))))));
     }
     static get is() { return "stzh-details"; }
     static get encapsulation() { return "scoped"; }

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

@@ -153,13 +153,13 @@ export class StzhDialog {
         }
     }
     render() {
-        return (h(Host, { key: '80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce' }, h("div", { key: '90da322bcc2e511e889b2c307823a2894883d77a', class: {
+        return (h(Host, { key: '083adde5512ab9ceeb8675c4b17e9d29bc8abcd2' }, h("div", { key: 'fdbaa1de1bd13189efc2e54f7ddfd61b4ffe8236', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '40f75980e48c54b7add9f58b21f403df741ad0c8', class: "stzh-dialog__backdrop" }), h("div", { key: '3918ecd700af69e6faecd4aea069aa5458b09c0b', class: "stzh-dialog__content" }, h("div", { key: 'b4e451d98f0187bef0de13f68f5fb229aac1cb65', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '28a6c7165701d4411d8bbcdca8b702b80f53bae6', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '100e036c24a5b1744dceda661d740563bedc1a9d', class: "stzh-dialog__dialog-content" }, h("slot", { key: '4a58bb4166608fb49101eb3def4008bf0caf76eb' })), h("div", { key: '77f9e8e7c59aeb35ed562d9a1ba179071c142499', class: "stzh-dialog__actions" }, h("slot", { key: '1065d137ee0f2df141dfaee50ef4699cf42eccd3', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '8a77da3056076d419dcec314cb84b0ad8154d88d', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: '2a9059cdf7f02290f5ad58b330097b677880dd8a', class: "stzh-dialog__backdrop" }), h("div", { key: '9c6cc625a094c06d868083bc289b1f185537c1de', class: "stzh-dialog__content" }, h("div", { key: 'a92c8bd82f3b7bb8b9c00d56f75d14698d5bfbe6', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: 'df1f419402788b1866fff55f4cac48124001420f', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '181ca3137a8bdcba570a9becddec69c33b7939d3', class: "stzh-dialog__dialog-content" }, h("slot", { key: '64f77e06eb37383cf8fb7127c9b1a240cca39751' })), h("div", { key: '6c90e79a550f4b0754d3cf38b0efc2b643c136e0', class: "stzh-dialog__actions" }, h("slot", { key: '817a56c567599503ddac979152e089dd4e529e60', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '36a19a8064eaa9d8719c3e3eddf950b2debbe95c', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     static get is() { return "stzh-dialog"; }
     static get encapsulation() { return "scoped"; }

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

@@ -519,14 +519,14 @@ export class StzhDropdown {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '879808a5f7b0903cb25ea2f4ba9bd202c0363c05', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b98513a95cc287957ad93927f526d613c95a0eaa', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: 'd0687b0202052b45458cc3ddd7028ae26b0f68c5', class: "stzh-dropdown__wrapper" }, h("label", { key: 'b59350b3f742fe97748211528207059ea8176854', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '5b025973be9b3816f65b04ba4f278a63ba16ebf2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'cfd8afb93fa33ca458e66b63a77dd7fb4214f3fa', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '6c0519f26b9b446af6efb4211c64081ff404cdbc', class: "stzh-dropdown__wrapper" }, h("label", { key: '7fe9015887823cdb9779dccc23b9ccaca1c61ade', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '7aa1320ae0c3eda68e315e360a0ae160093cf8dc', class: "stzh-dropdown__marker" }, h("span", { key: 'fd18ba027192ba581718aad2efeb0d7e42dc81a4', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '62ea57a37f38825f9d7f4510f6b8c03fc0fe777e', class: "stzh-dropdown__marker" }, h("span", { key: 'e003849ef73c016347bd68c6d635208fe9604bd9', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '90c278e994a27842c88866b89255ca33a4d576e3', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '140844c8bac0b5ae844dbed52cbd31b0b774d0f6', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: '19a3bbf933617bc46ebb0d182fab84f9ccd6e23a', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '39612fa5432e8a8fd3e2ff87a39bffdf32c9c884', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: 'd4db4a853c7c473112fbc428fe7296d4f9164350' })), this.inline && this.label && h("div", { key: 'dda64e280c1b9df023bf5c07a1e78f446cf78bfb', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '60d4600acd1417ca9e58cc088dd5b96d9c2e2f5f', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'feecac10404ae57c119203638ed98c0833b6455a', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '1559a3b2cd140d3916eb52c7fd2df255b25f9720', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '269f13b057e3deed620348ed6e406aa1bcab16f1', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '8fdcad8b0664cf461b3717deff0956fe73a85f72', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '61d80976a73041311a4e54c40585c24af50e129a', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: '8cb5a1048a8a61bcaa457adf6900ce4f391099ed', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '58adaec8559b819e7ebc6c556a9d9dae703a1ad6', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: 'e6ab0c203dc33c761cdf6cb71db7b50a3718d6cb' })), this.inline && this.label && h("div", { key: '69334293fb5ce937e4f2eb5f0979f6b291cb8e07', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '9e61b80ff217f4f31fe6c403e7fed121314ec46c', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '94e0ba6374db92d0f1233b13c1f440fbb80a1a50', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '7521eb2e7cb1f745e44dc30a325c3fbc2e9eaa55', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '043a8f352108135e13fc3d2a06a39d987200e5dd', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'bb0b3ae5f601bca89c060f040b5f76dd7779e0ba', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'e54d0df4aee6b25e7ea18cdc45ae3f5e4624870a', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-dropdown"; }
     static get originalStyleUrls() {

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

@@ -14,7 +14,7 @@ export class StzhFieldset {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (h(Host, { key: 'd21e242d5706f99cff48f443b3fb7feaf7351d52' }, h("fieldset", { key: '97bbacc020de20e0a418a5081cece082090b6f26', class: classes }, this.legend && (h("legend", { key: '42afde4fa8ef2ab952bb00e4aa21d9d61e8f2c00', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '1a79935c13f3ab1d4241566e6c5f8f776080d595', class: "stzh-fieldset__wrapper" }, h("slot", { key: '3aef657a432af36a5cf97a50c95dee50f7e8453f' })))));
+        return (h(Host, { key: '978b2db15b263d84126079e3e9bcb3832cddc6cb' }, h("fieldset", { key: '4a0553a1bcf91e387803f8710d3eccc1c8461402', class: classes }, this.legend && (h("legend", { key: '1935118e1cb19f69f531c71646cfabf6b4f5393d', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: 'fa763d4c80d666b9b58c9caf936dd2dd4238bbef', class: "stzh-fieldset__wrapper" }, h("slot", { key: 'd2e642e5d7291d777907b87d8b7c2ce038505c68' })))));
     }
     static get is() { return "stzh-fieldset"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class StzhFigure {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: 'b5010b12c131781135de2947978236f6519a68ea' }, h("figure", { key: 'd852a55175e0112b228462fc2a8da671e777c1ec', class: classes }, h("div", { key: 'a65d3f58aa990b1743d56f1c9c8e5c8ac6a2a219', class: "stzh-figure__element" }, h("slot", { key: 'ad75ba98a51726ef789531a3137c280ad2fbb7fc' })), h("figcaption", { key: 'e8f483e072fa95594e3bade4c1f9dc1300c9fee8', class: "stzh-figure__caption-wrapper" }, h("div", { key: '71f8d37155b97133886a47f74d5a873533972e0e', class: "stzh-figure__heading-wrapper" }, h("div", { key: '34f0076b9b37d7871ff6e3b3937b4e8ac0ff1378', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '44531bb0d07a8baf580083e7275396583952cf64', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'f56c37117df794260b4d71debe993c12c7cb67bd', class: "stzh-figure__caption" }, h("div", { key: '1adc85f3cba94e100ca34df96e75b18576415ebe', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '6985a9eea02fa4cf2f2f3865c49da28d15ee4768', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: '1aa7e16757befd573dbd4391ce0a306fbcbde1f7' }, h("figure", { key: 'af2c499c86f773bddee095bf17b089cf67adf83f', class: classes }, h("div", { key: '7ce26fec71dee7b0d915be1f6db6ae130d3f899c', class: "stzh-figure__element" }, h("slot", { key: '5b1e3cf1334075905b7fb219ec7421c2ff9e8558' })), h("figcaption", { key: '07403afe5110e3cdf7b71e3ee5885e51e7266ee0', class: "stzh-figure__caption-wrapper" }, h("div", { key: '5ec7440a539994b5cdf914648103ea9d52e2f570', class: "stzh-figure__heading-wrapper" }, h("div", { key: '64d4ee74680f5e63e47187ec9f680d3afb16cc63', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '220c4bc4d5b0734f4a2b1a146392f0236f01a1ea', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'cb1eec67a3808999daf44ca2fecaf2a4273dae56', class: "stzh-figure__caption" }, h("div", { key: '458c313f45373a49a1300607cbf41fc98ad543be', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '3562edb8bce01132005c53b940c84ef25efd76fe', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     static get is() { return "stzh-figure"; }
     static get encapsulation() { return "scoped"; }

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

@@ -199,7 +199,7 @@ export class StzhFlyingfocus {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: 'ae0657d6f9f952faccdbb63f24624f6d8ff809be' }, h("div", { key: 'b93bf5e66112c094eab5f67cb909d9f44fbb734e', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: 'c0180fc31d346b27c9b39b9b17ea8f6271472632' }, h("div", { key: '6d87773369d0e86aaf356439332266b50d9eae3f', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     static get is() { return "stzh-flyingfocus"; }
     static get encapsulation() { return "scoped"; }

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

@@ -75,7 +75,7 @@ export class StzhFooter {
             "stzh-footer--has-links": linkSlotUsed,
             "stzh-footer--has-menu-links": menuLinkSlotUsed,
         };
-        return (h(Host, { key: 'fcc52b34fbeee3d8c5b997be7ec41e9e168e9acf' }, h("footer", { key: 'c0a484754576e2803ba9c8744a4616eb95727f1f', class: classes }, h("div", { key: '5bd2ee1d4ab6008979fbd0eb63e60542c3de5cc9', class: "stzh-footer__menu" }, h("div", { key: 'b5f78ad7ee617fcedebe0629b39990372d1e200c', class: "stzh-footer__menu-inner" }, h("slot", { key: '128f4fa19dfddc6b3a0a6c13df693900c169aa55', name: "menu-link" }))), h("div", { key: '613ac537c19ec62986e7a3b6e0a7e500e2b4df27', class: "stzh-footer__wrapper" }, h("div", { key: '50def68b431d40374af39c5ce8e14592a29cbfc9', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'd3df4227d34c06e5e35115a0e240c596d1909ec7', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: 'c5b8e552a08786947c7bd98129b60ec29a3fee85', class: "stzh-footer__logo" }, h("slot", { key: '9c2a2097fa31846177f5a5c7919d901d0cd4a2c9', name: "logo" }))), h("div", { key: 'afdba8ba2573e3e02ce33ff4c97aeb79522fd934', class: "stzh-footer__info" }, h("slot", { key: '75f54444d0ffd3fcd8183f1e73b8650275c79fab', name: "info" })), h("div", { key: 'caa4b0518506e93d4eaf0cefa1a639714f4a4fe7', class: "stzh-footer__links", role: "list" }, h("slot", { key: '0fb0f7b70735c6549e2cec0e1933d1b43ee96a5f', name: "link" }, this.variant === "egov" && (h(Fragment, { key: 'df37b106c2203533552fb59ce57cb0ffb409fbf9' }, h("stzh-link", { key: 'ba0cbca639aa1c5a536afa3b14be4f85697f298f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '17341dd7169039feb9fdf33db658f39d933b508f', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: 'a26a73778051ed736af515ee9169129e25478d61', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+        return (h(Host, { key: 'fc662dcd2dd6f0c8acdac7bfa629ab8a4f6ed542' }, h("footer", { key: 'e4a57c0627277192023b3eeb0586829f27f16bb8', class: classes }, h("div", { key: 'dca9ea415be78bba5337a5b1d5e81afa93d50cde', class: "stzh-footer__menu" }, h("div", { key: '3501a13a5d94d0b0e2a7d2f4f2b4c143c44a3351', class: "stzh-footer__menu-inner" }, h("slot", { key: 'b611df385f47532b6dc7b2eb3a767988a37a2b17', name: "menu-link" }))), h("div", { key: '5cf518bd3b62e36048d36448742cf75f7029ba21', class: "stzh-footer__wrapper" }, h("div", { key: 'a2ef1586e42cd3b12a58863c2abd72c1f0fcf682', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'a715f5a87ccadd8f07db866ec003529647200e06', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: '6e451c44642bf40fdb843e013e8a0483374a608d', class: "stzh-footer__logo" }, h("slot", { key: '800d6a7ea3490895446bbc5e26e1475973c53a6e', name: "logo" }))), h("div", { key: '0c4d54fc7c4f5a13a7ff8d44dcbfcdcf0989f284', class: "stzh-footer__info" }, h("slot", { key: '1280db17d6f6e24a685750c744188548e4c44560', name: "info" })), h("div", { key: 'e426bb2f362a704a26b2387823b9070977f2c08f', class: "stzh-footer__links", role: "list" }, h("slot", { key: 'a61674fa2640dedc05777807a17998f37c743ed6', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '61de46692ba22ea2679ec231779e87aa9eebd660' }, h("stzh-link", { key: 'dd9907f15536adc069efb87c6082dd66fb8dcf12', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: '773fb89153ff94381ecd2b56f6a531a9611530eb', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '15f20f446656ad578d7ae536e63b2ff52dde6152', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
     }
     static get is() { return "stzh-footer"; }
     static get originalStyleUrls() {

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

@@ -310,7 +310,7 @@ export class StzhGallery {
             "stzh-gallery": true,
             [`stzh-gallery--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'd370dd12c15f087bae87068f7fcc23bb12e33faf' }, h("div", { key: '22f33e8bcfc0ceee2552f6a5682321c15afb3604', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '3350c33575d2066e0989e8d953d46e2b65d6c442' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '1090feca335e58782f1d362508ec4f91b50fcbbb' }, h("div", { key: 'ef1e6af52b0b7a9b2a9b7112db4b00065c4a6c57', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: 'b74b2295453a6bc51936d9aa0a11f79174093eb8', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: 'c30d8b0f15bf484847c8bfb6c844e504a91c831f', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: '93beecf5451cab34704a6663716fb70cc7ce87ca', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: '8121c7cc1d6511cefa2fbbe5a94601f28a778139', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: 'a07208ac4b57f6f572cac6f379395389b5e96b02' }, h("stzh-button", { key: 'd04bcb4c5e5ae36e2dd57b658bbaae7c1deaebe9', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '36b80a9669c0587687203564146a8280cf19fea2', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: 'a62350f3ee9f15067529cfeda3cb914af8a73fc2', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '78a0a085661b1690d0f5d1f29fbe0d2420f7af71', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: '879f444cac5c71bf721a877e923c9b1fe108b04d' }))));
+        return (h(Host, { key: 'b5b0f38eca4d3ee82ed5f49da869d80abf33a67e' }, h("div", { key: '23d688a7b0a747b37b01265ed9101c24a399948e', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '6e6bd3afbb8e027c7edd18b1ddd523e8f345df9f' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '3958266862b186a2377084f3a1bf23813ad37be0' }, h("div", { key: 'f0ac3e2a626cf9cd3949b940c28830963ac87a02', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: '658c2f4354d595f605b2342bedd660b7a03977f3', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '24c16fe70fa4996f0a43ffd6d8329285c57aa312', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: '41368895caffe00ccd69dc6e4750ca510334d218', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: 'eef7f6952d5ec0d2784e0279abaab068007c786c', ref: el => (this.carouselActionsElement = el), slot: "actions", class: "stzh-gallery__carousel-actions", ratio: this.ratio, ratioSmall: this.ratioSmall, ratioMedium: this.ratioMedium, ratioLarge: this.ratioLarge, ratioUltra: this.ratioUltra }, h("div", { key: '62598f5eb9aee7cc3f4f0f02463f0752c78036ee' }, h("stzh-button", { key: '34df2a8fae15ff980f03030c36b231ee74fb68ea', class: "stzh-carousel-action-previous", "data-stzh-carousel-previous": true, variant: "secondary", size: "small", icon: "angle-left", label: this.localization.arrowPrevTitle, "icon-only": true }), h("stzh-button", { key: '32d31aad429b63cdae979a98016de2cfc2977687', class: "stzh-carousel-action-next", "data-stzh-carousel-next": true, variant: "secondary", size: "small", icon: "angle-right", label: this.localization.arrowNextTitle, "icon-only": true })), h("stzh-hspace", { key: '0120bdaa4ed053462df9fef5d7d5a20510e9892b', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '8b8746465791b0f8f9469812f6ebba3914c1903e', variant: "secondary", size: "small", icon: "expand", "icon-only": true, label: this.localization.openLightbox, onClick: this.openCurrentCarouselSlide }))), this._images.map((image, index) => this.renderFigure(image, index)))), h("slot", { key: 'dc6035d7bc7cef7dfa1e21eb1547c11b6d61a787' }))));
     }
     static get is() { return "stzh-gallery"; }
     static get originalStyleUrls() {

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

@@ -22,7 +22,7 @@ export class StzhHeading {
             [`stzh-heading--level-${this.level}`]: !!this.level,
             [`stzh-heading--curve-${this.curve}`]: !!this.curve,
         };
-        return (h(Host, { key: '5acb9043a2947260ed388ed38d799b99d049c493' }, h(Heading, { key: '6d63908b0aab24e951146ed84791fc93826a354d', class: classes }, h("slot", { key: '76168a0f8520aa45dc648a441a3f2aafb26acc82' }), this._htmlContent && h("div", { key: 'c8c1f7336c6088fbdf41da2b90d78901d6607c69', innerHTML: this._htmlContent }))));
+        return (h(Host, { key: 'eaf8a708466e40c3c95dc59ca9ea92444ed8d2f5' }, h(Heading, { key: 'a0ceeda6256786c22fc028b2cf5efac7779e84ee', class: classes }, h("slot", { key: 'ecc6f4c3272769cd7ec2d16f227c22ccea7d5de1' }), this._htmlContent && h("div", { key: '80c9327fd208c991facc1d5129d4ba8e58a7638e', innerHTML: this._htmlContent }))));
     }
     static get is() { return "stzh-heading"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhHr {
         const classes = {
             "stzh-hr": true,
         };
-        return (h(Host, { key: '8ee946297a2352e2f2b69b78c2eed83ef57acf38' }, h("div", { key: 'c12bc60281fdefaaad7565303c9f6cafef98ee4d', class: classes })));
+        return (h(Host, { key: '51310e84c2836513c8f0c640126ecf7063d38e6a' }, h("div", { key: 'fe997180353937f70ebaa9d41977149d59109a33', class: classes })));
     }
     static get is() { return "stzh-hr"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,11 +18,11 @@ export class StzhHspace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: 'f54cee0965bf78238ee9fd8c818eda54c7ccb041' }, h("div", { key: '395b4bab64a6a8981926ea3c536d4d17f15d95ac', class: {
+        return (h(Host, { key: '26a64904432da9ee6f19a513402cd75f2acd052f' }, h("div", { key: '5d2eec1dcfa7819781fa5f2cd1e77ff7d118f7e6', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'd96f138cf73a0ba708def22dfa6ce11754bc154a' }))));
+            } }, h("slot", { key: 'e2d7bc17f13c4a565e2ae4260b040d4c766f6bf4' }))));
     }
     static get is() { return "stzh-hspace"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-http-error/stzh-http-error.js

@@ -58,7 +58,7 @@ export class StzhHttpError {
         const classes = {
             "stzh-http-error": true,
         };
-        return (h(Host, { key: 'cfc3dd8de838310ec154555d577679105a7393eb' }, h("div", { key: '031050df094911b84d3bd0a954d5050a643625c8', class: classes }, h("div", { key: '55a3232fc0152c00c9b2703175e99e14ce172dce', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '07f0905739e164f36a3325ed191172c75847e483', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '17392867124c8b5b076723eb1ba04a96182c27b6' }, this.heading)), h("div", { key: 'cc8e08ec1813235a8b96d17192b88ad94d5d6459', class: "stzh-http-error__description" }, h("stzh-text", { key: '6b2208ccf493949b32146ed796e60ff6364707e9' }, this.description)), h("div", { key: '50280edc8c034014eaa4c015d471e6e720dcb14b', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '1a7805f341ced7b4e12ffbe112ad78f730ac6dba' }, window.history.length > 1 && (h("stzh-button", { key: '486772c71b230e6ad9ebdef3d99ad4705036d9ca', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '28eae2eec9e8a841478b1a8e7ba087138d2da83b', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (h(Host, { key: '297859714d4bfaf8e159174d7cc641a10d438c22' }, h("div", { key: '2b433964431cd33103a93069361aa0c5f8ab066c', class: classes }, h("div", { key: '392527d7d3aca463e508145e3803b98bd146aee3', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '4cfbc1cf5d7efedfdd9b32fa61f3b6c8ec55868a', class: "stzh-http-error__heading" }, h("stzh-heading", { key: 'c7b92f7872a3f1f7b043abac6bf93458ae7682f1' }, this.heading)), h("div", { key: 'da07a4b71fcc68e422d12dfaa5b0944de8a4eb1e', class: "stzh-http-error__description" }, h("stzh-text", { key: 'd0f2780b270dfd86f9d5ab6aee53200e7a122615' }, this.description)), h("div", { key: '5af6dd8d667a2cd5a440f410ef3f31903a790190', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '94db7fc32b4f0e4d9dbe0e0bae29cbeefed9f107' }, window.history.length > 1 && (h("stzh-button", { key: '8cb985a08148f3a09a475897e4d6c1aac143b901', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: 'ea1d93ed313481b6e7721795f2c702fc1faac10f', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
     }
     static get is() { return "stzh-http-error"; }
     static get encapsulation() { return "scoped"; }

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

@@ -74,7 +74,7 @@ export class StzhIcon {
         }, 0);
     }
     render() {
-        return (h(Host, { key: '3632f281961b04c9603091a7f9db711a6123793f' }, h("div", { key: '70ca189751061be8bdbaac7bbb1c04b13c2ca881', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (h(Host, { key: '48bec2666774f99ae81c11a48beb8138b9b107ac' }, h("div", { key: '65b8489b21a64236e6964fca027a2f7f3c963b88', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     static get is() { return "stzh-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,18 +193,18 @@ export class StzhIframe {
         const classes = {
             "stzh-iframe": true,
         };
-        return (h(Host, { key: '83905f1eb3b93e49bacb5a1651b1d48efaf71cee' }, h("div", { key: '11e20e2e73c93e45748de8f66d2ba5bd26bafadd', class: classes }, this.view === "iframe" && (h("iframe", { key: '8f4817abd4dcd8fdd720c976892845b5ca9371bd', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: '0d21a7e62b501df91af60573d7359d2ad70802eb', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (h(Host, { key: '1fe69c3ed66fcf2df93b326c561a6028440692f8' }, h("div", { key: '82c58641c4db576f6294f8393a986b943e772037', class: classes }, this.view === "iframe" && (h("iframe", { key: '034edfb3de8526aecade255a12d0bea73c9d7c71', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), h("button", { key: '241e3cf41fc8937e6552fbb11b9639f2bae81deb', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, h("div", { key: 'b5f6fa5337569423bb4d6ee4fa1a1d826794c924', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: 'c9c64cd911e5296437073db4676aff3a60d4d05f', name: "preview-image" })), h("div", { key: '13e4dd2d6de1edb0f23ea77674ff192d5d9f4429', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: 'a63dd2fea16f88417d3e858f06847ccd8ed81e98', name: "preview-logo" })), this.previewIcon && (h("div", { key: '5cc64238a8ce780bab4cbf7bed34b4081ec14eff', class: {
+            } }, h("div", { key: '59b04f8ea93e8c235d9bba0957d3a63e12a2c095', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: 'ebc653577a767530f95f67cf0ba6bcf0dc051e9a', name: "preview-image" })), h("div", { key: 'b1777308ade82ccbd82c870b8e15ceee41124e44', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '3fe5a67d48484ffecb7e59c46bdeb608130959fc', name: "preview-logo" })), this.previewIcon && (h("div", { key: 'ad2566078d6d368c3c4d3a32ffe6fb8ce3a47f4c', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, h("stzh-icon", { key: 'f252b81ed3a4ed6b729e09451e303fdda0a7d73f', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: 'b29d2221b6e714fb176a358d74bcc896dfe51cc6', class: {
+            } }, h("stzh-icon", { key: 'f7229a598f04da50096adc3c88d4bef42d9e9e12', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '0c7901bee220013d19dd97b64c32df893bf5c5f1', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, h("div", { key: '12332cc3b9f1c02073f50d7fbe5369d39ebbc711', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '2de7967ef65747f2ea1364cf4a46ecb8fa62587d', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '6e58db408c546e2a82cef9e2b880511d3b269d3b', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: 'b4b57d749651383399baf4d0a7f36cc2110bed79', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: 'badfa065c2ddb75bd6eaca320a28ea36a4943eb1', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, h("div", { key: 'f4376e70c26584881df1a3258e4cd5a9da7c65c0', class: "stzh-iframe__cookiewall-content" }, h("div", { key: 'dae5a42169876ae0e176afbcc0d2f86a9f426667', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '3557ea0293bc76e09a944c46f09b59ee606cef02', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (h("button", { key: '0bc9209657a7e522ffcb263b179504197750cd31', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '3de9e76a87abfde642139fc941da28aee0f1d98f', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
     }
     static get is() { return "stzh-iframe"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,9 +32,9 @@ export class StzhImageComparison {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (h(Host, { key: '80cb3434084cb01fa1ff0a5b4b7e2c0ca6ef87e0', "aria-roledescription": this.localization.label, style: {
+        return (h(Host, { key: 'e14e02a2bd26d36304c0f334357c99d356de6f1d', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, h("div", { key: '3684dfdef166ce92d5363f100567099310083352', class: classes }, h("div", { key: '2e503ff9c6f517a163cc3497979761c711dd07f9', class: "stzh-imagecomparison__element" }, h("slot", { key: '7d8b208d494d2220a00accd7b8254a60070b852c', name: "image-before" }), h("slot", { key: '950d97bad8493642ae01c71b9352328cd8ebb22f', name: "image-after" }), h("label", { key: '5ab34ea10b71060ee8af6400a21f078be0ee4a91', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'fb809f6403ae0950444596ac495c63b0e47686ea', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: 'dbaedb469cfe4dcfd5db5d0db2217c26d443cab1', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'be740e95d75cdcae5a9e6b8ebc1b9c06a14364c2', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '7926a9fe241177311ec7691a47cb3ba2e9b7fe15', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'c807985805ffa6eeebb8bd3ebccbf057c135a362', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '8e5981a411dbef1b7453d3ca32752c37613fe985', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: '2b5c4e58b84f29dfd18e9588d7cdf1396e3fc373', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: 'e1299d0ede6f8408098d596476e7ae03d153e446', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
+            } }, h("div", { key: '5d7a228c8b298aa635a7971f88e155400d30899f', class: classes }, h("div", { key: '4021f51b651a3b94827c02b959bde1a3e226aa61', class: "stzh-imagecomparison__element" }, h("slot", { key: 'ccb155c8d0c10d318d93f0ff9812d1ad4c389f2f', name: "image-before" }), h("slot", { key: '29a322531b3e359c0117eae5820908be80812b69', name: "image-after" }), h("label", { key: '6bbc1e9672a323b458a714273359bbbf7807308c', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: '693618a63e0cd54a0bb5a59e2e60a8d5cc8fa2a7', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: '6eeefb9a34902a0dc90068cac81f69e7276bdd8f', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: '37cc189380b0c2a0b7de6a0f032b52b665089719', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '55cacee62934eab24955786c71dc1d526fdb1fa1', class: "stzh-imagecomparison__slider-line" }), h("input", { key: '7655db913daaa2b168e4da54517ed6deac2f7ac6', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '56d073905e803876a97dfcedb0339b107d8c0ceb', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: 'b6d7e55a91543bfb8a865ed8acc38cc9b6302720', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '801e9a7b0b92e79c694df7c92bada094bdba73dc', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
     }
     static get is() { return "stzh-imagecomparison"; }
     static get encapsulation() { return "scoped"; }

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

@@ -214,15 +214,15 @@ export class StzhInput {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'c8ff5c6cf276eb2d2d72c5c2bc294a9a77c0ec31', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: 'df948658df21c668ac305a01cdc55b8162a19aec', class: classes }, h("label", { key: '9de88ea9e9bf363595a393f80c642c95bb083b18', class: {
+        return (h(Host, { key: '5d7bee8c302ef22395b9a644b26f7a3ba5373b50', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '4e09eeb25c42d00dad7ebbc6b19da028e38339b3', class: classes }, h("label", { key: 'd3fddcd73dee0917802af5df4caa3b5ee3f4e346', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '8a5b00a3a40572563c50e8151244ebaae7b69c4c', class: "stzh-input__marker" }, h("span", { key: '47a7f9eaa1aeb7e3ca6e0998d4e2f87e6c5adc00', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '68cfebd8ed934cc3db6f55c7b344191dd041900e', class: "stzh-input__marker" }, h("span", { key: '3c18301715b2a99f72c26bc98ebe453e59716b33', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4840d3301f83bfe247e7d4efb33aa5296c642e3d', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd8bfa06b895a15cc28dddbf4587d1b9499f480f5', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: '61add2f342230323672b9b4d47e851f4e2ed41c3', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
-            (this.type === "search" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '94fa5b40af158681ef33b435dec70eb6e667fe99', classPrefix: "stzh-input", 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)))), h("div", { key: '34582842d9d6c4ef3dcf959b2fd2ad92e03ef5c3', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) &&
+            (this.type === "search" || this.type === "password") ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.type === "search" ? "search" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly })) : this.filled ? (h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || this.description) && (h(StzhInputDescription, { key: 'dad9f2a290640330ff80452901a73767a541e98a', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhInvert {
         const classes = {
             "stzh-invert": true,
         };
-        return (h(Host, { key: 'a393766648334c7803571d6595db537bbe45ba29' }, h("div", { key: '58c8b5f6ad9b4fa3f12639454e9bc8689c511657', class: classes }, h("slot", { key: 'bd80dab5c7c82375b3d1b6208f0246ba23adc76e' }))));
+        return (h(Host, { key: '3780a2cc594dbd33797186e390b4e0ef7156c62b' }, h("div", { key: '235bccc02a08e8e763be102d2635d96324224523', class: classes }, h("slot", { key: '56139ef82cb5fbde80ecf5ce39667e3f63cd4f3f' }))));
     }
     static get is() { return "stzh-invert"; }
     static get encapsulation() { return "scoped"; }

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

@@ -123,7 +123,7 @@ export class StzhLink {
             [`stzh-link--align-${this.textAlign}`]: !!this.textAlign,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '29f51b2b2fab820833afc1569dfc41c0cb0816a8', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "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, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "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, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: 'e04d29563af5564d50572b2ee0223553aa7e9fe9', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "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, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "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, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-link"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhList {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'e1f72d17b9c193f894b672137b8df398ca7a34ac' }, h("div", { key: 'e907b513e73be3aef1ef763d880ada9a213e574e', class: classes, role: "list" }, h("slot", { key: 'a38331619add2055d7be8e1acd9a4439bcf2b58f' }))));
+        return (h(Host, { key: '0ca01aabb1eb1f0eb461ae79cba7e0986e959cc8' }, h("div", { key: '61d889086fbaf38b0ea1542f6452896e119e52be', class: classes, role: "list" }, h("slot", { key: 'eedce2e7c5c397834bac712a714f0ed12ca2fecc' }))));
     }
     static get is() { return "stzh-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-list-item/stzh-list-item.js

@@ -8,7 +8,7 @@ export class StzhListItem {
         const classes = {
             "stzh-list-item": true,
         };
-        return (h(Host, { key: 'cc8f75d5b03485807e0c75dc39ca49975abcb941' }, h("div", { key: '7067f74a66a901ff08e4b27bd18fb5943ea80446', class: classes, role: "listitem" }, h("div", { key: '41686c63c64c44c524ab48619eaf94cfe562466c', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '4bab6810ac9a64af5525ef40f0de200faa96c549', class: "stzh-list-item__text" }, h("slot", { key: '3d0690094c3356261e6b9dbe72f09b968a78f7bd' })))));
+        return (h(Host, { key: 'a68ad28e9f5c3f3a53d1e1d8e67ba2a4cd85dd08' }, h("div", { key: '4ea1e70913678e88082fe9e8502d86f3898ba9f3', class: classes, role: "listitem" }, h("div", { key: 'f855d4e71bdceda0875f7d5ba1fb6fdd4e50bbf9', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '4e11b2c6a919c633bb95167f6802c0eff176d4aa', class: "stzh-list-item__text" }, h("slot", { key: 'ddb61e2f563c7b159dbf117fd58502e6f93cd56e' })))));
     }
     static get is() { return "stzh-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class StzhLoader {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'e4be8b305cacbb7c94d99e0a633578f861ae46a1' }, h("div", { key: 'ea941dfff47d06269869d2cb0471cde31cf4ea4e', class: classes }, h("div", { key: '91501bfb80534118082f07465cf8fcd08cb33462', class: "stzh-loader__wrapper" }, h("div", { key: '750eb95702b1ee4006ccc9941ebdaaf135ed5c53', class: "stzh-loader__uil" }, h("div", { key: 'd9957970e031a06556420db09ea829979dd53a26', class: "stzh-loader__ib" }, h("div", { key: '6bc6d7f7f9012f291c481170d1eaf8516e774754', class: "stzh-loader__circle" }, h("div", { key: 'da200f7f69e0f6b1ba674e4efd0128bf7b4aba0c' })), h("div", { key: 'e9eaf6c00ded17736cae7988ab2e76f22bd04522', class: "stzh-loader__circle" }, h("div", { key: '5249638089aa283d5d0fde2a8fdcadd27467d36e' })), h("div", { key: '3346b50d81a34ac6f9e911d78eb756eae7ccb46f', class: "stzh-loader__circle" }, h("div", { key: 'cb141ee1980633ff9dbd19687ee4cc4466522091' })), h("div", { key: 'b8e05008bd1cee35bf3e43c6fa5a43e52f6996c1', class: "stzh-loader__circle" }, h("div", { key: 'fac4f0d612d75c09aae7c9608cdc1a4a4a4e26e4' }))))), h("div", { key: '737ae0a862da0e46f31cdec2a3b63c67013e0efc', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '9b3bc4487f99d3e9e76b9926ade01d96c51633a3' }, h("div", { key: '860579da74054b6acae1a4095d4c2c765775acfa', class: classes }, h("div", { key: 'fb5ca7397c7bf70d0a84c873785d75f569f6b3cc', class: "stzh-loader__wrapper" }, h("div", { key: '82b5ccbfee81c8c8deb1e015c84fa3cc0575e739', class: "stzh-loader__uil" }, h("div", { key: 'f4ee05bc9e3db559db009a35480c66aa63017d53', class: "stzh-loader__ib" }, h("div", { key: '69146b46a04527060e23aeef47c8827d176fb915', class: "stzh-loader__circle" }, h("div", { key: '4c8b6252e7be7be0dbe5602a1a32b38d18fa94fe' })), h("div", { key: 'b273303c3dc3c3b6c0593015a7733e6ffd8a56ab', class: "stzh-loader__circle" }, h("div", { key: '6e824097ecdfeb1ca1bba480a20d8d4150913017' })), h("div", { key: '165192e228e6e4a4b0ac8bb12bdf0bd9f96e4c6b', class: "stzh-loader__circle" }, h("div", { key: 'eb2b4579bba2b9de2edae6d9068a7d788cea4535' })), h("div", { key: '9731531cf07e01c155ff57b910e29d57eb131632', class: "stzh-loader__circle" }, h("div", { key: '8a610fee5583454768eae5a41d107537c6ce103e' }))))), h("div", { key: '40c4f9109039d42bfac5d188711a319eda81f3e1', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
     }
     static get is() { return "stzh-loader"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhLoadingbar {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (h(Host, { key: '9fb83f0f84b7e1122988fc7162c2584032b49a5e' }, h("div", { key: 'cd8277406c62d6b826a8f41bf715baac63112d53', class: classes }, h("div", { key: '601f773df756d7417af0754f789a1f61c4e72459', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'a5f79009f2ba53f2f37a615904e9555318f78eb6', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: 'dfc1528fc85ab9f2af4400ab642dee701b49e94a', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '0b2bc12a02edafb60196fb54751ea7cad393fb9e', class: "stzh-loadingbar__bar" }, h("div", { key: '85b2417ce3f93ddde727d6dd10d76d9dc12fa953', class: "stzh-loadingbar__bar-inner", style: {
+        return (h(Host, { key: 'ed4956c9a2ae711a12710a21f19306cf485d8d50' }, h("div", { key: 'ebd67851067e5d41f0e83c8e7221355e216c694d', class: classes }, h("div", { key: '7e8f68775cc31d08e1ecb1244956bf02a84c48e4', class: "stzh-loadingbar__text" }, this.label && h("div", { key: '9d790b8a910282a63a7f9ab4556ab8aedb0d54fc', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: '7f9b092e2cc8b3c805a7717613d33757ac412aec', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '7ca34b3a37c612b0ae7501e7230cb942dd85c5af', class: "stzh-loadingbar__bar" }, h("div", { key: 'd18c720f1849f103422221f2e1d3a4048050da76', class: "stzh-loadingbar__bar-inner", style: {
                 width: `${this.percent}%`,
             } })))));
     }

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class StzhMenu {
     render() {
-        return (h(Host, { key: 'e65fc52c84693965e8a4f5a8320f60a7356e1661', role: "menu" }, h("div", { key: '9e7b01735c0f3b6a0b8b01f593912fb10fe3a15f', class: "stzh-menu" }, h("slot", { key: '9603fe2760a47019a8d5d43826d8eaa30390e81b' }))));
+        return (h(Host, { key: '80137e89ccf8458aa964c3ce3d5a3cc1c5194cbb', role: "menu" }, h("div", { key: '743128d72ab2d6bb955564c6e70636e7513b8d44', class: "stzh-menu" }, h("slot", { key: 'c21525e69cd7c96ebb2a4523d2f46a8acd0aa4ae' }))));
     }
     static get is() { return "stzh-menu"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-menu-item/stzh-menu-item.js

@@ -80,7 +80,7 @@ export class StzhMenuItem {
             [`stzh-menu-item--size-${this.size}`]: !!this.size,
             [`stzh-menu-item--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'e515fdca2d1a78fc434dc09d425e845fca34ec16', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: 'e9de0e4a05a7fd9ebcc3bef588f5786634d50534', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-menu-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -39,10 +39,10 @@ export class StzhMessage {
             "stzh-message--has-close-hidden": this.hideClose,
             [`stzh-message--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '2b8dc6ea34859cbb2ec97a5050e302c4abb6950d', hidden: !this.open }, h("div", { key: 'db8a69b709fdf2744e5539a4a73450572f421ffb', class: classes }, h("div", { key: 'd5d0cee42e708c3023b08e5ff8bb19ce069115fd', class: "stzh-message__content" }, h("div", { key: 'e8bac8afe7becaa1c1e2e7c6547693baa61ac3c9', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '85e21a2325335da337918af004be529a6ccc8b3a', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        return (h(Host, { key: 'ff6b8cdfbf2eccfffade21785ca619d5b661db8f', hidden: !this.open }, h("div", { key: '7f0c2e21010be870ce5fd53a5a608859b3590ddc', class: classes }, h("div", { key: '18cc09bc8d6dd4cea6ceb2f031d2911b58431403', class: "stzh-message__content" }, h("div", { key: 'e9617482ba68242f9fbc59bc1d989ac222c379f4', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '72a434099537b997fd616fd20426f292236de33f', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '573458dff14060a35d607a7145e6689edf4851e6', class: "stzh-message__text-wrapper" }, h("div", { key: '348e43408a997b4852bca789a49da5db02a9c5ab', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9060751b5a99c6291618d876008c078e224e36fd', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '274a4a61335cf8f8aeb378270c7bae204f35f28e', class: "stzh-message__link" }, h("slot", { key: 'c5b42563deef2f30a6b8bf16c7e3e6ca7f7013a1', name: "link" })))), !this.hideClose && (h("stzh-button", { key: 'ea83e74ca6bb1f26fea215449edee56d47e1120a', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: '6f9e03a525e3db2bfc845b98f6a100ee6ea3c3e6', class: "stzh-message__text-wrapper" }, h("div", { key: '242a645a8566a12406e3b39763aa580977fa0fdb', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: 'b522d43b48b3060ad5bc7848d1109a720cc62121', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '43180e06797b816a82f89502f7d46c8fabc4547b', class: "stzh-message__link" }, h("slot", { key: 'b039dc187379f0506e91fce4f3537aec63b68bea', name: "link" })))), !this.hideClose && (h("stzh-button", { key: 'c508da979f2828ca2df47c3290d05befdc57b049', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
     }
     static get is() { return "stzh-message"; }
     static get encapsulation() { return "scoped"; }

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

@@ -191,7 +191,7 @@ export class StzhMonthyearpicker {
         const classes = {
             "stzh-monthyearpicker": true,
         };
-        return (h(Host, { key: 'eba44c9f88fe3fa74d87a7981034e157559b61ba', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '46e3134928c73452993808b293f89112e1fcf71b', class: classes }, h("input", { key: '2849c42a5eef497bad5f5d904a8d72665c7671f8', type: "hidden", name: this.name, value: this.value }), h("div", { key: '2d1932ee3a82185d8da0e8de8a1591c5347582c3', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'a671562dff236ace3f5c4cea6e8a28ae6f3469d4', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: '7669fda5c59e27c793e04fd63d2e9b90abb96924', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '7f2b5ca4a7ec87b7964c89f125ecc079011acc41', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
+        return (h(Host, { key: '09dec5a0fed82e64948a9d53a6308fc7bfb986e3', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '15de627b5d8d5b1ed803e700cad5d09174595175', class: classes }, h("input", { key: '2cc0f14be2ea560f1ec2c154604614b2b4e90923', type: "hidden", name: this.name, value: this.value }), h("div", { key: 'fbe1b3a92de65e23124896312629a7e7113f2631', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: '32bda7cb343ffeac04263bb0e0bc8a71add55051', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: '350fa74b582b00cedadbe093bbbcd85b8b9f5e39', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '3104a081f994322122899bcbaecf95f129fdace6', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
     }
     static get is() { return "stzh-monthyearpicker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-offline-indicator/stzh-offline-indicator.js

@@ -90,7 +90,7 @@ export class StzhOfflineIndicator {
         const classes = {
             "stzh-offline-indicator": true,
         };
-        return (h(Host, { key: 'f2839774390e99ecf7e889dbdee76cc34d98fc60', "is-offline": this.isOffline }, h("div", { key: 'e0001ee7bc12fc8772aca2d2f6247e186c35d632', class: classes })));
+        return (h(Host, { key: '9452984f8231d8aad9ad41e5df7ac35672ac72c2', "is-offline": this.isOffline }, h("div", { key: '715ee7cc93fceacbe30f28829dc0cf73b171efb7', class: classes })));
     }
     static get is() { return "stzh-offline-indicator"; }
     static get encapsulation() { return "scoped"; }

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

@@ -830,7 +830,7 @@ export class StzhOlmap {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (h(Host, { key: '9517c971b6ec79d7de68bd6016a5fc1c6160d77e' }, h("div", { key: 'd43fa25c26069487f74cb7c44f714a1da4438d92', class: classes }, h("div", { key: 'f3d124346d2fabb508b92192071fd72047f7d36c', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '921b59e2f68ca6dd25973f7db7fea94d9b86c4c6', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (h(Host, { key: 'c9b7fbab4f2ff6a4d6d5649b577cf81dac859dbd' }, h("div", { key: 'd0f5c05bbabc558c53b87e82404857e95f8ef917', class: classes }, h("div", { key: '75c924f63e70f010585953b904e7d1f4a9d43fb1', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '76813ad15b4f4d94a37b1f1e9daa39fb1f1d2bc9', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
     }
     static get is() { return "stzh-olmap"; }
     static get originalStyleUrls() {

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

@@ -79,7 +79,7 @@ export class StzhOverlay {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (h(Host, { key: 'ecf12312007b68fc63a119117f11773731dbcb6e' }, h("div", { key: '4b84acbf2340b2f7bfbbe8930cad0179ba50c54c', class: classes }, h("div", { key: '6120e6e784d08c0028d2762f879399298bd8bf4d', class: "stzh-overlay__backdrop" }), h("div", { key: '5938b8f6a6a4e159779b7f80fca9da33cce4127e', class: "stzh-overlay__content" }, h("div", { key: 'e9179f65a210c8ad28edffa0b41cc4d36e4570a8', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: '60a991f14946a9349ca71f0e8cdda9c37d8a1e6d' }))))));
+        return (h(Host, { key: 'b664469baaa4899c7eddacc3ee3b5ae4b17a640d' }, h("div", { key: 'ff9e7523d114d0c3f9bd36b83c0b8c22ba49211e', class: classes }, h("div", { key: 'c92ebf49b2b6d66681a1d993ca0daf00327aa82f', class: "stzh-overlay__backdrop" }), h("div", { key: 'db96b5a6a2299113dc8511cedc8251b67689aee1', class: "stzh-overlay__content" }, h("div", { key: 'a2761ad9f38d9b79e3538ab3fd99de7388eec249', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'a851ab065dbdaa0a6e54ef8f0c3cdf2815adaeb0' }))))));
     }
     static get is() { return "stzh-overlay"; }
     static get encapsulation() { return "scoped"; }