@oiz/stzh-components 4.12.2 → 4.13.0-beta1

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

@@ -20,11 +20,11 @@ export class StzhHspace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '824deeea9834498705d218ec35d3a93a9e9b162f' }, h("div", { key: '166bd7e3cb8693cda5775157228d04cf6cdd94cc', class: {
+        return (h(Host, { key: 'c0cbe9aa52dd758c5812d62b11919eec7f62ff33' }, h("div", { key: '73629c51fa1db9674b3290bcb1e7f0432af51a6e', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'e31b01c28aaa69ed7bfc6b9c6b6445d43561a9f7' }))));
+            } }, h("slot", { key: '95b3bdc51c6fa83566f23bdce0cc5c17e5c25a02' }))));
     }
     static get is() { return "stzh-hspace"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class StzhHttpError {
         const classes = {
             "stzh-http-error": true,
         };
-        return (h(Host, { key: '9fd16dbcfee805d3ca0e66dee7289ba99738c6c6' }, h("div", { key: 'd6b5db7570dac6965ffef661818d4d8cea0664a1', class: classes }, h("div", { key: 'e4db127e252002eca1b1fde7339822007043e84f', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: 'c030d819c1889ce2fabe84fa9b3c3d25088ed25a', class: "stzh-http-error__heading" }, h("stzh-heading", { key: 'a54424f94d9c2c5aef56a9424b7c92b4debd1cff' }, this.heading)), h("div", { key: '2ac000bed5dde2eedc97c7a85d2eaab191509c74', class: "stzh-http-error__description" }, h("stzh-text", { key: '320d5692a8ba53392fe93a5f91e4d74a77f2e2fd' }, this.description)), h("div", { key: '51214f5fcc7c5d2447bffe77bd06e9f34d86fb2c', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: 'a4c3e753ab03b945d2ae69e13767e87e3f5cc8d3' }, window.history.length > 1 && (h("stzh-button", { key: 'c53cb54d242c2a07fe70a2edc477f3025c821ea1', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '8760d42cfb25fdf6839599fb655afe26bba48ab5', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        return (h(Host, { key: '8db61fc9ff8b7a4dfc6c9d8d7205a8d8b47269bf' }, h("div", { key: '73d25a3347e6edaca95b9305c11003b7ca62090c', class: classes }, h("div", { key: '8f9cea7cbf2a719c87f02ca54796e5008f0a3ca1', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: '80b0b32f381cc9442eb2b92bdc7365a145fd8988', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '81fe4a28949014da31483fa01735514f7139ed14' }, this.heading)), h("div", { key: 'c563b7bcec8024a56479c9cb28ba3c1e34ff32ef', class: "stzh-http-error__description" }, h("stzh-text", { key: 'b414686ab726bf42c0bc1af9bdce658ad4498ff0' }, this.description)), h("div", { key: '24c0c54328ad46a35182746494f50c71656853b7', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '3c71bed037e2725edfd29d81fdfd346c26412616' }, window.history.length > 1 && (h("stzh-button", { key: '9c305b40ed981473c4ef014c62f455115fcbcbd3', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '7b6e51dab5e8ca11c827223c2b9e2278b608c4bd', 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

@@ -82,7 +82,7 @@ export class StzhIcon {
         }, 0);
     }
     render() {
-        return (h(Host, { key: '466f7b3793f67cde9c63a81c75e0d1332aaad95c' }, h("div", { key: '68c955ac44e4d04d9ca7dce377295ee39a3977a4', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (h(Host, { key: 'cac3f9f9e5dcd44588a1803164c81b02082235e5' }, h("div", { key: 'efa05bacac890610464ad506b2f36ac8aedec023', 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

@@ -196,18 +196,18 @@ export class StzhIframe {
         const classes = {
             "stzh-iframe": true,
         };
-        return (h(Host, { key: '1b600d03ef0a63d4ca9b5d9ee7b909a48093bee7' }, h("div", { key: '35584040265826abcc773e2193387524853ef297', class: classes }, this.view === "iframe" && (h("iframe", { key: 'cf6948e031e78b262c996af20e1d71e2c6838e36', 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: 'dc16088bdb022e640cb522ec27f79dd24480cf62', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (h(Host, { key: '8b8b9169d44e1f40e186730205881eb96c870c3a' }, h("div", { key: '57cf3a60fa4e12a993e305a39d307e4a95e7646c', class: classes }, this.view === "iframe" && (h("iframe", { key: 'afa14c0268af702766b48567c8ba95c9e4573604', 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: 'afb26c42529f7079229b443c16c1961ccab76514', 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: 'f7aa50926babf3b5aa4bbaf189ffe17b97bf38c1', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: '92b231cc31da78becc84a9c0008b2599e1f94933', name: "preview-image" })), h("div", { key: 'a614cb7318e45921b4171319f64deb0b1b9c9594', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '3017710161f6a8c8b858f8cd9ec75ff905de4874', name: "preview-logo" })), this.previewIcon && (h("div", { key: '727a12a3aff3f0d611d4b2310c5429dc980fb269', class: {
+            } }, h("div", { key: 'af6dd4647146f97507f1563f4b6975d6f8308fb0', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: '7fdb2adafaa19872af407eee616f4dd1d0f28769', name: "preview-image" })), h("div", { key: 'c78231c80695a1b0852d9346d28e8541630ee3e4', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: '67df6526e9d68e2019973573c578f6816b4eed46', name: "preview-logo" })), this.previewIcon && (h("div", { key: '3e0609676b2c7ac55b28e49f8910d00c654f4f7f', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, h("stzh-icon", { key: 'ea5c618fa5d64db7a339c09f2ff2abc249a8cb14', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '0d14b4512f8503844abaa4e8385d780aad76a89b', class: {
+            } }, h("stzh-icon", { key: '10fc099af534c497039a7f1f15f08c14560fc1ac', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '661aa5ebee279f15bb4a7912f0d04be30100607a', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, h("div", { key: '294aef49148dc07de6d419d2bc09800f6ad2ff45', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '3d8675683eeac4d01ea7a00b575d562e9d992fe3', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: 'ebcf221612ff37c5f47a68a08d135824473fff85', 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: '4b296df083d8870895d67fcbbdcc917ef227f505', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: 'b23bae3fb9bda8b349ab1ac9c8d024976fc000c3', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, h("div", { key: 'ff0d60d35308e647985521a2f3737c319b210e50', class: "stzh-iframe__cookiewall-content" }, h("div", { key: 'c524f886755514437b6f73d0ee42ba973570bdd2', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '4ff718cd6a9faf352711b99bd8e841d8a3d76f2c', 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: '3e785fe28a7f7967f72355edb64b78addb5b8ac5', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '6b54285e56fbb822771e7723b7b29ab01dc9f384', 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

@@ -34,9 +34,9 @@ export class StzhImageComparison {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (h(Host, { key: '1c97a0a627febed3b7f691efed1f5ef6f7a7cbd5', "aria-roledescription": this.localization.label, style: {
+        return (h(Host, { key: '6ba93f7ab74069f229ac85ab4c35e9c1e9f5884d', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, h("div", { key: '0b08a4adc2171d886a9b1fc1bdc2fbdacc4660ac', class: classes }, h("div", { key: 'dc4c4262d1621ad5a6cb0216115bbd232c722076', class: "stzh-imagecomparison__element" }, h("slot", { key: '4045a2538ec4369e448023dd3574ae8ff8b16a64', name: "image-before" }), h("slot", { key: '481854e7ea1d765010bf6a4ae9c5213f3bf91049', name: "image-after" }), h("label", { key: '03867be00ccf9b2028fd35c09149e8a94c81861f', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: '6be78bb3998220201575b9de718020347ab801d4', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: '69457905eed68f8fc6ca972c360fa8896551793a', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'cf5063dc2b25dbfc7e78d93ded69384363c2e9f0', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '863d82f1f7915843a90d5a5b2e5ed9727e36c6d8', class: "stzh-imagecomparison__slider-line" }), h("input", { key: '52e0a1145fe8600a7d7c5715f5e64b817d11fc78', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: 'ebcc398a03c980d58a44f09b460c07f4abb2c0db', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: 'a75106a531643552183a2f864f87f5907213e4a3', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '04367102b79c53d1692c9557225979ebe55a02ae', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
+            } }, h("div", { key: 'cd73daf474c307a50eab9f09450d7c5911f4ed60', class: classes }, h("div", { key: '45a621cd3e43a1df930f968f080adfdf14e84e86', class: "stzh-imagecomparison__element" }, h("slot", { key: '30051aea2b2dd070399aa0864627503e83f34a0b', name: "image-before" }), h("slot", { key: 'f7edc32eb69a6511070e90b50f6ae70c3852c82f', name: "image-after" }), h("label", { key: 'b116d82cfcff52cd01aa19081cdee358b3914188', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'aa69c25517769a9f0959bfe2c45c58096feec6a4', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: '7e9e98753325e5b25cfd7bc5e68993df0f30a087', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'f03bf55f825da9baac7b3ac7dc0f1e906a4497c5', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '4e52be7d36382996cf303573a43721cd2edb5598', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'b783650104e31ff3fb551a294b52ba9c3992c825', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: 'ab54b4125c9943410bbe2509cfe5fd02d0bbe316', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: '53ab09c653ef36a0c264e206caa63a4e02e9e4f2', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '64f44bb6b0222f28877d393d1032ad312bc49a21', 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

@@ -252,18 +252,18 @@ export class StzhInput {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'edcd8b17d9a523b18ec3dc3fd8e7616a792bb1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '9cb9427ab5db441a4e26b80a389a527032d36a9f', class: classes }, labelWrapperUsed && (h("div", { key: '53bc2d5cea8f5a4e9f738ba973cd53e229864f04', class: "stzh-input__label-wrapper" }, h("label", { key: '73d80f001275d4f2eead5e9c97f10d0a4d6b3021', class: {
+        return (h(Host, { key: '7aef21c133dfe7591ab75f8fdfd75411e6960dc0', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '47a38d7a7d1b1cd41c1717d496cb86829e9e706c', class: classes }, labelWrapperUsed && (h("div", { key: '408a97bc8187165a347dd285b51a596734b389ef', class: "stzh-input__label-wrapper" }, h("label", { key: '84137dd0e996dbdfd0b9d7e0d9785eb5f73a314f', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'd842519268ef41d93e4822963a80464bb52d81ba', class: "stzh-input__marker" }, h("span", { key: '9f9733c50f43d439398beda36b470c415effda56', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'a5ca6200ab248c68779821f2f9cd3e2973e77b66', class: "stzh-input__marker" }, h("span", { key: '5d8a162d63ae70d1b49080c845337519a57a74fa', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'a6677f03b473f76df2874e577c6ea5fa262e9b86', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '62030af17d59d43f57156c63173ab9da6c8ee99a', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '58c5653a9a53c6f617833a3fae920cdebaf1f988', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '910fb2dfae4791492c3085dbfd4e5de012c7a063', 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" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '46722b98f746f0c00c3f08490a10a016c823f9f4', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '31cc04f66eb79662d7f5c5429d6247a83706b718', 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" ? (h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
                 ? this.showPassword
                     ? this.localization.$globals.passwordToggleButtonHideLabel
                     : this.localization.$globals.passwordToggleButtonShowLabel
-                : undefined })) : 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, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0150eaf57c9e266cc8234c76a21f98e4904e95b3', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : undefined })) : 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, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (h("slot", { name: "button-right" }))) : (h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '1262f802e9fa06f66114c9a98794d6df4d390479', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     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: '377f54ecaf08bb107691241c039db1a29cf5f68a' }, h("div", { key: '7261bd15fb90b5a7772ffbc01a787573a2a1bba2', class: classes }, h("slot", { key: 'fcd77a0636614aaa783716d735f97bdfa1062548' }))));
+        return (h(Host, { key: '7fa868ecf1eb6b816db0f1702e27775f6ce510d1' }, h("div", { key: 'a1d8be2f5e5c69b0f1d16c4eed8fe875475e2305', class: classes }, h("slot", { key: '7c0a8b513630e5acbf1afe4e6f7aaaa12d6e1f29' }))));
     }
     static get is() { return "stzh-invert"; }
     static get encapsulation() { return "scoped"; }

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

@@ -128,7 +128,7 @@ export class StzhLink {
             [`stzh-link--${this.href ? "has" : "no"}-href`]: true,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '2422039dc14374d8d6d2d092caf48c8f17e9b585', 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: '677b7b3acde1084ef602c53ed2ab151d95691e4e', 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

@@ -12,7 +12,7 @@ export class StzhList {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '63b7857182b62e1508a178a9b1053497442c052c' }, h("div", { key: 'd5e95e317aafac53eea1b0d9f885a36a8fa8c0e9', class: classes, role: "list" }, h("slot", { key: '348519a1bbfda9e6a7413d2641acdf05bbd0d208' }))));
+        return (h(Host, { key: '419445aa5d3462dc93323edd6329a67cccbcd459' }, h("div", { key: '91f4ad109bd004ae7398f2ee0b1ab2006bec0d54', class: classes, role: "list" }, h("slot", { key: 'dc4a0339de3b1a2db2605130fcd6c672025d99bf' }))));
     }
     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: 'd02bdd8ef1fbc47649b3c2de0bee24c9dd84cbe7' }, h("div", { key: '30aa183a5e6ec9ac22701bc67723dbedd4cd10b2', class: classes, role: "listitem" }, h("div", { key: '724d71b78f5d49720fe31e17bd5d5225867df1ca', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '1decc4fe2bfd89e1eb6f030f15af4af4dd32ec66', class: "stzh-list-item__text" }, h("slot", { key: '2c6a43159a65e52bff21e51e6ab689ef8ea9d153' })))));
+        return (h(Host, { key: '2c79f84788f5018ff37f253303393bd8bfacbaa8' }, h("div", { key: '8a3e2c7c8b320a325edb00a5a3cb9b97328e8af0', class: classes, role: "listitem" }, h("div", { key: '532af0aadca647938e43a2d14bf2fc9d00be0061', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: 'f15313752797391c81e860e189211fe8d48cd088', class: "stzh-list-item__text" }, h("slot", { key: 'a7baac8f56323fd34c343939cc1e821cf6a32a67' })))));
     }
     static get is() { return "stzh-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class StzhLoader {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'ec61d3469c3fd89635e22a1e91a5f27517884e53' }, h("div", { key: 'e27a6ed0e283cf156117b954730065a120f8975d', class: classes }, h("div", { key: '3dfcc59f481d1e3ad42364e90e2bd8f6f32e1bac', class: "stzh-loader__wrapper" }, h("div", { key: '847165ba9d8f9de72c2970363198d02cf2004198', class: "stzh-loader__uil" }, h("div", { key: '3fe42b4a3c389d0d9efdf6729de9a775d75e433d', class: "stzh-loader__ib" }, h("div", { key: '9f04ad49d4a7a77d66acf5342d965ae7d447ed40', class: "stzh-loader__circle" }, h("div", { key: 'f718ec9fc0f79520f871800ab83d72be863b54d6' })), h("div", { key: '42d55d1075acfb476decfc872d2bc35cd7564452', class: "stzh-loader__circle" }, h("div", { key: 'd0dce04e67de30eee329897fc79a329464189014' })), h("div", { key: 'f16c0beb7751999bcbfff9e5d2d8ff64b6719029', class: "stzh-loader__circle" }, h("div", { key: '07510d301f7621911b6c3d448e60716f37425e4c' })), h("div", { key: '157676219b38ce3dbf0a89d7776078bf32e82340', class: "stzh-loader__circle" }, h("div", { key: 'b3bbcaf566ac64923c71efe60706ce340a88afd7' }))))), h("div", { key: '3cfb05c9c569e32b20c200f85224581ff7fadf3c', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '22a3cc1a1a10add666b440b5a4b43a09686e9f14' }, h("div", { key: '2f346af71dd672ab83531b1bdcc8818089a5f78c', class: classes }, h("div", { key: '9133483f877c8689941f114c3363225a407948f4', class: "stzh-loader__wrapper" }, h("div", { key: '441f5c786505c22d9df7df15de9496aa19eaa4d1', class: "stzh-loader__uil" }, h("div", { key: '2f5b00e90b657e287be75a06fa4da18e0f55fa37', class: "stzh-loader__ib" }, h("div", { key: '82fd7a0cd371c9631093788ba445c0127eb7b811', class: "stzh-loader__circle" }, h("div", { key: '20258d48c86c534d8be16912f3cf750b39ec195b' })), h("div", { key: '384dc8220f8e970a112b71f62adcf341af009b71', class: "stzh-loader__circle" }, h("div", { key: '636a9c72d1afa96756a092b5115e2a94e88de86e' })), h("div", { key: 'da357e7c80a9100a159a4a3a6d10c0dfd725d61f', class: "stzh-loader__circle" }, h("div", { key: 'f5d86280f744f9a2c67404307c6f361460d37b61' })), h("div", { key: '594acac4d06c1b645e44fa11d217339b4791a5c4', class: "stzh-loader__circle" }, h("div", { key: 'cf15773adc15fd0531f4cd9dc08872d7d8b87411' }))))), h("div", { key: 'd762938b2e1af3025b51c8cf3ac3ce1577c6da20', 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

@@ -14,7 +14,7 @@ export class StzhLoadingbar {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (h(Host, { key: '9ed42dd81991c04054b1b30030d49a330d15cb7e' }, h("div", { key: 'f0d6ac0e54759f6caa8e4bcf13e2c96337ad3734', class: classes }, h("div", { key: 'e43ec0142c9463e9d9000c7734f3157e65c32e19', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'd0b57e8c5ce280d93ffb73fd4dc4f91eb0b7e35b', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: '13fc969c2f7c0e10c4fe09ca188bf954641824d2', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '595cf46bb544c9baa09203acbb67cd866354475c', class: "stzh-loadingbar__bar" }, h("div", { key: 'd34dd8b42c9db8e7b38a87077bd1cde96f54f100', class: "stzh-loadingbar__bar-inner", style: {
+        return (h(Host, { key: 'cdcba5f0f868a00cae9b70b69c7d46b52e2019c5' }, h("div", { key: '49f158754cded6ce054c8a08956545c040fb3cf2', class: classes }, h("div", { key: '748647d1993852da85861a77bb5bade1023e5677', class: "stzh-loadingbar__text" }, this.label && h("div", { key: '8975cbf08b932118a3ae557e63ae5caef46259e9', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: '3b05ebe169339ed08125fe7dfbfbfbce6cad83ff', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '168ff04f0b0c23b4a8eaf143eec99bcc28c470cf', class: "stzh-loadingbar__bar" }, h("div", { key: '383cc3a39fe8c5b8b5005f803efb2b1270a1189a', 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: 'ec71f71a180d8d1d17593223e3c3d832e3e70055', role: "menu" }, h("div", { key: '4d75ad35b23a94dead39127230e4d5817907a018', class: "stzh-menu" }, h("slot", { key: 'b540c23014f559054007918532950f5c2d6f7d1b' }))));
+        return (h(Host, { key: '97a4d9705a20a902a3868baa6dbcde328a0751a5', role: "menu" }, h("div", { key: 'baa9b8fa2bdb5f7ce21925e40862974fba51cb59', class: "stzh-menu" }, h("slot", { key: '3064c3ca9fdb7ca4322c52dec8565a89b40faa22' }))));
     }
     static get is() { return "stzh-menu"; }
     static get encapsulation() { return "scoped"; }

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

@@ -88,7 +88,7 @@ export class StzhMenuItem {
             [`stzh-menu-item--size-${this.size}`]: !!this.size,
             [`stzh-menu-item--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ebbfc5d801e36a9c99bc95dba332ab5703e270d7', 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: '5b75caecdf88ceef333409eb0699b461d37daf2e', 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

@@ -44,10 +44,10 @@ export class StzhMessage {
             "stzh-message--has-close-hidden": this.hideClose,
             [`stzh-message--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'f9c8973ef46672059f0dbd9834fe675311720fa7', hidden: !this.open }, h("div", { key: '3f3c43051e4c182b9c690aa8498fecd83858ddc8', class: classes }, h("div", { key: '95c7536c4970b772f3a871afd3f1ef99e11d3a39', class: "stzh-message__content" }, h("div", { key: '767219fa034a217680e6c4108eb211467e6c77b7', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: 'a8f6d151aaa264ae3d7a3ac66c81b5396f420c51', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        return (h(Host, { key: '8f05f3f3bfb25fe32de500180160e2786bc4da07', hidden: !this.open }, h("div", { key: 'fa7421676cb427d9de05aaa747a264a0fb7d20fe', class: classes }, h("div", { key: 'f94b9e07b529a68b6a3ad3ac4a3e02624e9d4cb7', class: "stzh-message__content" }, h("div", { key: '1503d7d90f886ab74afc83ba1b3e53f761b93f32', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '51667fa9dd286152736c112973515e26a00cd658', 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: '6939aaddc4549aa9221e8a7ddf887f3f176d14c1', class: "stzh-message__text-wrapper" }, h("div", { key: '6a48a095671aff712fd30284b58b0b11c7b705b9', class: "stzh-message__label" }, this.label ? h("strong", null, this.label) : h("slot", { name: "label" })), h("div", { key: 'a185d89f443a0ad4fc25d28629f28ad3be0d6975', class: "stzh-message__description" }, this.description ? (h("stzh-text", { color: "inherit" }, h("p", null, this.description))) : (h("slot", null))), h("div", { key: '208d811f4ca0f47e488d537b9844ea3eda72fbc7', class: "stzh-message__link" }, h("slot", { key: 'c7c951f18df76bcb3c99f0e63e206c46f35acad9', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '7cec92efb1eb1c97990d0e8290be2166e67068d1', 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: 'de5a8c0bcdb9b7421b12a1c7945a6c72d35bb6e6', class: "stzh-message__text-wrapper" }, h("div", { key: '098e368576af028d23964c7b4cb2fbe2516d3b2a', class: "stzh-message__label" }, this.label ? h("strong", null, this.label) : h("slot", { name: "label" })), h("div", { key: '064c04c0108ef43eb075d658bb6f26086b7b547b', class: "stzh-message__description" }, this.description ? (h("stzh-text", { color: "inherit" }, h("p", null, this.description))) : (h("slot", null))), h("div", { key: '5e5b6bd0a39aeb372a53c1362b185ad2eea21305', class: "stzh-message__link" }, h("slot", { key: '059715c3921f9c1628149b6d79bb85f40efa1979', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '39b07bc312f69c9571688262d1075a1d15958dde', 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

@@ -196,7 +196,7 @@ export class StzhMonthyearpicker {
         const classes = {
             "stzh-monthyearpicker": true,
         };
-        return (h(Host, { key: 'c7abf5e9403d0738f30b41149f651d57d1b88243', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '0939a632664de3d8d671edcddcb713cb9fb25dd8', class: classes }, h("input", { key: '8d05c312d7fadabaded8f971ae52d167f2d76eb6', type: "hidden", name: this.name, value: this.value }), h("div", { key: '8a96fb51b2d41d35f0c3edd9a55f87c83b973afb', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'f035136e5c5085a0df305f1a3ae3210fd74e1dd9', 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: '40f4f5ec816f75ac172c079191172106a2929d4e', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '5de66875dbcb3fbbdcfb1ac19d1271d117b41f52', 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: 'a7869ff2eb42950cb26bac600b482f2a0cdd92ef', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3ffa2038554c75f29b83fdedfa81c1ec40ad522c', class: classes }, h("input", { key: '045ef3a4c48e9a6c6c002767d84b93bddf3d802a', type: "hidden", name: this.name, value: this.value }), h("div", { key: '16c12161e44bb70b4d6c7e2fcc2897dfafb39060', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: '64b952c389eb8f702b52fb65ea1462218cede10f', 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: 'eb3cf2c4a3182652a2c92d68e38ed931d1df882a', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '9a7c7db8b02e31005ebc0dc163eb523bbadec5d4', 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

@@ -89,7 +89,7 @@ export class StzhOfflineIndicator {
         const classes = {
             "stzh-offline-indicator": true,
         };
-        return (h(Host, { key: 'a7c4e4887f24f1e58f80b3a45cb1d877b35d88e1', "is-offline": this.isOffline }, h("div", { key: '279b9293cf33069dd451b4856f8ec7372ad4b3ae', class: classes })));
+        return (h(Host, { key: 'bb4fa559493c8b9a6e373b058f777e5d859e914e', "is-offline": this.isOffline }, h("div", { key: '369a1f3ecca56a5707973dea8162fdffb342203b', class: classes })));
     }
     static get is() { return "stzh-offline-indicator"; }
     static get encapsulation() { return "scoped"; }

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

@@ -847,7 +847,7 @@ export class StzhOlmap {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (h(Host, { key: 'a080f7c5ab57c1d77a963aa45118051db67dc423' }, h("div", { key: 'ece18b67e3f23a60add4e7f68bbe793a640c253b', class: classes }, h("div", { key: '24096ec0cc94cac20b97335030778bc8a1626e81', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'a71c86d30ba9ae047ac62c33924ad70af1a08dcd', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (h(Host, { key: '28af5e99eb7a3329ea19c1a8e9d8dcaa4a87d4db' }, h("div", { key: 'bfc23a6e76c3b9364d768aa5de70b9b9f4c9e911', class: classes }, h("div", { key: '66f5d7b9846d35ea7810ea5d3ce9fab708c0a035', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: 'b4c4fc70120000e4584103b67940c29a17effd89', 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

@@ -82,7 +82,7 @@ export class StzhOverlay {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (h(Host, { key: 'f87df03b3bdb133052bb8c4fe0db3ec5b65ce644' }, h("div", { key: '75f5f8848477738ac4ccdb41cb10dd6214d7fec7', class: classes }, h("div", { key: 'fb2266d9c31da1723c7bb9ee31622e6e70148b70', class: "stzh-overlay__backdrop" }), h("div", { key: '6dcc3b7f0371b5ae0e60e636051e615bdd8f098b', class: "stzh-overlay__content" }, h("div", { key: '9d2a0a7a9a2f323c7cd6374691c2be3a36e8368d', 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: 'fbb28868d6e8a13a1febfd3ea7dedabac241347f' }))))));
+        return (h(Host, { key: '0b15134290cda0babfb67b8abda289cb6efa4083' }, h("div", { key: 'a424f7e6a9991976b9fc9b089737acee645c4d39', class: classes }, h("div", { key: 'f1390b7a7efcbebd9770ab55a8cef3c7df6aabbe', class: "stzh-overlay__backdrop" }), h("div", { key: '69ddf68b7f53400e956b6f985f418175a6b1bdc2', class: "stzh-overlay__content" }, h("div", { key: '5c015d5b7ed1238d812143504be1801973f13197', 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: 'e0bf72cca39bcefc45019d9b749805a12776434d' }))))));
     }
     static get is() { return "stzh-overlay"; }
     static get encapsulation() { return "scoped"; }

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

@@ -74,7 +74,7 @@ export class StzhPagination {
             "stzh-pagination": true,
             [`stzh-pagination--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'a6f75265358d0e9528f3fa9e8f40253bd6d8bfaf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3cfd1d801e448d12520653767d619c2d9482368d', class: classes }, this.allowManualInput ? (h(Fragment, null, 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 }), h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), h("stzh-buttongroup", { key: 'e5ef6d8efa713aaa9e68e06fe6a6090eea7ade51' }, h("stzh-button", { key: '6cfd548163f9ef85ba998f3155f12ece9b41b27e', 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() }), h("stzh-button", { key: '1788d6d7395903032fea2e7556ba29e4c701e425', 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 (h(Host, { key: 'c96bb076a8efad512d90319af275ecef18375c62', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ee505d4f5672e5bf03cdf360dedad66e2b465f19', class: classes }, this.allowManualInput ? (h(Fragment, null, 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 }), h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), h("stzh-buttongroup", { key: 'ecd3781f378ecf11bfa0a772e0d32922af3bda7b' }, h("stzh-button", { key: '128b04fd667d1a3f52b5a78c0d05849da3bd1fbb', 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() }), h("stzh-button", { key: 'ee96341a6dda021fba99cc25d6e817db792b54d6', 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() })))));
     }
     static get is() { return "stzh-pagination"; }
     static get encapsulation() { return "scoped"; }

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

@@ -328,9 +328,9 @@ export class StzhPanorama {
             text: imageTitle,
         }));
         const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
-        return (h(Host, { key: 'e2e17f1a5e0314174c820d8551edf1fbb452bbb0' }, h("div", { key: '816f51b66f11337a27ac7881100e451f21d927d1', class: classes }, h("stzh-figure", { key: '6b390f5f9092d7a7726e41cf4e0a7e6852fa5658', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '9c888f468827cf86b7d8fdbdccc978982c191b64' }, h("div", { key: '3f1b367eab34307a515793bb04c21a4f428b2df6', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'e86b824b7fbded76e8a3c1040f5215c871323dc9', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '64188c4f27d7b5645001293e15a127ce2b302ac6', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: '5dd8c6aa6265c51662fa5f41a162c3f7701aa933', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'a8d65e0c01b01466025a2190dbd948b6b89ff715', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'd983af0ef37487e6ba1776a5a3a8bde7cadde0bc' }, h("stzh-button", { key: '63a496c7595618ba5563697a95d919bec1f17a77', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: 'f4d2124fbb7dcabcf3629aaf0a2073594e30edba', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: '28c5fb49bf771dd41ae826a2107a6295d4b76b0b', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: '2e452d171515cbdee667a8edf250f2e6ecd54c04', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: '7ce2e270dd5039f860fce36aead3cc38feae01cb', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: 'd9a2465fc035fb19b2bc49006125733861ac298b', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: 'bbc3001ba0d7db4c8a96a0872717b53f1ee9fb2e', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        return (h(Host, { key: 'b655766a1672228c550870ac9c31d3a1e8e41e22' }, h("div", { key: 'af1ea689328cf6086abd4d77d47181d242698217', class: classes }, h("stzh-figure", { key: 'fa43dc03602d65d2aca0bbdb13bed50e208abf7e', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '392f882d38d78e70f9ef0de965789e1dfd5c8a70' }, h("div", { key: '115d0c41fa86c8747aca52e240ca970f05635a48', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'e67d548071fb82b0f53d8260a1e9329ec6fc08b5', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '7957bd4d735c866387da3995cb4ba93d7183001e', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: 'b8fd89547c99c42d83f331da9abadfb317430c15', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: '4091737aeefd0b98b73025de8eb5f49c9307bcb4', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: '9a9dc27f4c8f32416bf7f0742980afe21241e780' }, h("stzh-button", { key: 'fe2aeddfaa86920668ae99b8980cc15468655ff0', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: '538ee2ac1943e2f0baac9ebf71aa049839e6a2e2', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: '38a04ab80ca4362a726562165d6a6aa6b7444341', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: 'b8b492dd85322df74c345c4aafc9eb74c9f505b7', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: '0a42a7bc499234b46603eab850d46899c0f6656c', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: 'ea58a4a8f7909ead4a98a493e21aa851a628c706', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: '56aa87820ea94a34055c017cc4b1ec3b05aaa9b2', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
                 ? this.localization.stopOrientation
-                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: '228c83e4c03c14f197b87d2eb068d6a98d8ed862', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
+                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: '558609476a69539b4ec3733de501d5d0c1400bcd', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
                 ? this.localization.disableFullscreenLabel
                 : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))))));
     }

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

@@ -463,7 +463,7 @@ export class StzhPopover {
             [`stzh-popover--size-${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'aecf156bcd3693a28a0b216a6860fa1bb2648ae5' }, h("div", { key: '2e0ccb5bc6abeec11ee68d513bae57c7858795b8', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '999f14e8539ee42131b8748d7a6bf32673d2ed0a', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'dd0de5e801bed8393006dc7a175aece86490e478' })), h("div", { key: 'a842e6ca27c714596da9aef882701465ce8149d8', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: '483f487a346c068988576141ee8a4de8153b802e', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'ca0ab1530174d946eea42793997daa124dbed9ef', class: "stzh-popover__backdrop" }), h("div", { key: '69422fa7fb56cfa03018a3eb60a4cafd7b52ab63', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'b14fa1ee85db35256b624a8597c93fbc3a15acd8', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: '5efc538f9d9ee90650566f7bb9b7aff353f6d023', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '8c62b4db5caf52738aa711116af02e487429d56b', class: "stzh-popover__content-inner" }, h("div", { key: '32a4a433ff8cf94910223331d7f65175507c936f', class: "stzh-popover__label-wrapper" }, h("h2", { key: '6db1d999b1ffbeda67637fdbfa84c8995c3664f7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: '2162d302193c40973183ef6b83264afed2dc89b6', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '8b31160df9c868dcc936523cfebe20076c0b5d2a', name: "close", class: "stzh-popover__icon" }), h("span", { key: '53c63898d050c8e44e2edaee62d6395f8b633ada', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: '664976a477a7f90227f457f4d582e7e7811fe32d', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '2c92887a3a17ba24cede8d92def40a531549dbae', class: "stzh-popover__content-slot" }, h("slot", { key: '458b3d3681906e8703c7769317296ae20206aad2', name: "content" })), h("div", { key: '625d5089c63bbd520599707caff869f75621c1d9', class: "stzh-popover__action-slot" }, h("slot", { key: 'cd462f4026009e3da55708510f6474accc4e3e71', name: "action" }))))))))));
+        return (h(Host, { key: '92367e4946ff706e4599426a2e68ffcca4627abb' }, h("div", { key: 'b2f8960258a8ac76542e005748cf411ddce9373b', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '4ca8c632e2f010155ad30b56532668bec611a434', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: '7e890fb402df4513158a9325288ffdd50df57bf3' })), h("div", { key: 'b5af465e4b9e4e8be38906e91abd72f82d30a879', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: 'fb8069c7339a79cfd5b3e96d4d2320fa234e1579', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: '409f187bd90b424c4294e82e12f4da476193b009', class: "stzh-popover__backdrop" }), h("div", { key: '5722496b78fdc46c776a17b4c56a1732ae51f08e', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: '38dcca02a5cf780675ce2b9ac091c773bee3a734', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: '5882c3e2aaf100c3902215ce89e967c89c143a91', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '1c71529861a1f5a9c4a413b79399de0c0a74470c', class: "stzh-popover__content-inner" }, h("div", { key: '9208c429c784ac8751497d818d24e73bc7c8faba', class: "stzh-popover__label-wrapper" }, h("h2", { key: '4111848c73345e084aefdf68227fc52c963519f2', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'abe9167fe496cd6c6eed9f7c4344ccf5262bc074', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '491d71831756ecf740014d2d9ec8bfc59bde96ba', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'a4c8a4701e0b1a1c18ff907699ce52ddf01a0c2b', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: 'a8d6ed3ded6ddaaf88a07df74bce866135e495fc', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: 'b5f68fdadeaa44fc4e34feed4ec68f9dc7857d1e', class: "stzh-popover__content-slot" }, h("slot", { key: '7040afa5eb1e0b5c8b1c4067191c4b7fb3df039a', name: "content" })), h("div", { key: '6504376ef17bdcd802412e1bc7255054eac8b29a', class: "stzh-popover__action-slot" }, h("slot", { key: 'efa98d6e6207dcdf283786280fbf98d69691c54b', name: "action" }))))))))));
     }
     static get is() { return "stzh-popover"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class StzhQuote {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: '9a2e41d49d10d0b32b83143022c85fae4c9b42b8' }, h("div", { key: '5c19894aa24edc6ab8d55c238e3a499089a8fa94', class: classes }, h("blockquote", { key: 'db0e67668e8f7b284dae466973d38d3041882f74', class: "stzh-quote__content" }, h("p", { key: '2f16d8c76dc5820874aeaab614c5b299505b79cb', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '61505bc4fdc70c1d5d2815f61b4dbbff18cabaf6', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: '3bcda15b99f3fe0034aae231c35984cd7adacda6' }, h("div", { key: '414dcdbbcc8e2a85b89ad130ea257326f3c7177e', class: classes }, h("blockquote", { key: '0b90fe868a2c63af428b045186f346b7a5e30dcc', class: "stzh-quote__content" }, h("p", { key: 'f6d5e3dd5a9d4302deecf53f0cda9766f6cb6bcc', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'd398fed97fa733f8f0812d8172aa9afbf4b43838', class: "stzh-quote__author" }, this.author)))));
     }
     static get is() { return "stzh-quote"; }
     static get encapsulation() { return "scoped"; }

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

@@ -154,11 +154,11 @@ export class StzhRadio {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: 'cc1cdf3e2146ff465b612c7ca987ecfa94bd1fc3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '16caff63681acb3dbe16d7c4d68c9783229af19e', class: classes }, labelWrapperUsed && (h("label", { key: 'd1c6f4593a3d5a79d311cd2970ed49e9e0109f35', class: "stzh-radio__field-wrapper" }, h("input", { key: '8b8aac42f4e53f32728e97b393f289c0aa28b9ea', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '9db48703b9f360cf4965e556e5928fb07ac6ba8e', class: "stzh-radio__mark" }, h("div", { key: '85b46892882617eb783436d2691d1e3c243560c8', class: "stzh-radio__check" })), h("div", { key: 'ad4944283ca6a5d622a95810253dbe23827ef437', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'b925096f24db80a9e145c8b1d4efd5e5f998c0b5', class: "stzh-radio__marker" }, h("span", { key: '8c7115b913be26988b593db69e6bc14a932c2af5', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '6bd9ef10b3300e578fefe4ff653cf978816cf1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebea8d7aba9224f046d56555098b282102ec0929', class: classes }, labelWrapperUsed && (h("label", { key: 'cdd4030cff6fd5cff42edf529971e5ef07265db0', class: "stzh-radio__field-wrapper" }, h("input", { key: '6c7d1137b279447f1c6ae8b27460c843c7003af2', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(this.value), disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'c8509edd66148d8ac08321eb7697606d7c463167', class: "stzh-radio__mark" }, h("div", { key: '05ec9e5169f45e097eeac2738f37d971e2c0558a', class: "stzh-radio__check" })), h("div", { key: '1920c1b97402a54aa3d96fde0b90450fdeeccecc', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'ceb36dd822f2270408df3d7febb1f11b18fc46f4', class: "stzh-radio__marker" }, h("span", { key: 'b9488232d4807504c0f17a968777071dcf40d6a6', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'e92d6e5758f0d6d0cbe1140338db427846c5a172', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2995c8fcfdc07aa29c760b2e3faf9c7332a962f5', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'e69652a157df0c226c3d592045baf3e63f64c995', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '5918bcc3a41885efa965606f08cfa7790bde0db8', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a6b974712e0875863f2a3815b8c92c9e873ea006', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '73568d8f39d6f583916a427c4b25e914a4d38e3a', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -172,11 +172,11 @@ export class StzhRadiogroup {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '280a36cfb4cf0c31dd92f6057590c7075c10aba2', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '38b1fc7d757dce1367968b902d1125c7e506cbf9', class: classes }, legendUsed && (h("legend", { key: 'b6d9f3d4d0852db83357cba1924fd5bbefb76959', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '5e14d12adde659c6eb014c93ac79c36a713e6874', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: 'b54931449de5974570096486e408d0d4fa796043', class: "stzh-radiogroup__marker" }, h("span", { key: '3e902f07b0b3b89f044c144cacd0cdb27f17c158', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c4acfe2d6e04449901172827d09dd48161b1d411', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '24a9232ee94c4d27804db23e5ffdabe67a319b5c', class: classes }, legendUsed && (h("legend", { key: '4c2265a4d3862623229c565b11fd15be19d740a7', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '89ebfd07ffe0bc6929d024ef91c682b94f129397', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '354be3f36cbc73bf3fdd601dbd1deb76cd29ed78', class: "stzh-radiogroup__marker" }, h("span", { key: 'f4c0ede8753ba128296fd361f8bf5f1299682bdc', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '84c032fb02ae1cdcc65a919e054b481d58eddb5e', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '02b6bdaf9ffdd84750e37739964945be05b7992d', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ecaa100aeb87566ae49ea3afcc8f653310c7d5e4', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'ee47918db265afeb79c444efd5791030e5de0abb', class: "stzh-radiogroup__fields" }, h("slot", { key: 'c4f5673cd44c161b3cdff750e06bbe28eac27d1b' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac8b20be56dacdc5a3d20b705bd71b93bf9aea60', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '2c8f3aefb4bc2c240b8fde2a8a2c3845e4842361', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '0321a78e16e357aa307c71eac4c7d51eed79e91a', class: "stzh-radiogroup__fields" }, h("slot", { key: '7666ea3eb3ae4b1e664234b87f4435a604dc5da5' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0b7cec19624157696894407e219d4d335d1fcfcf', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-radiogroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -290,7 +290,7 @@ export class StzhRating {
             .filter(Boolean)
             .join(" ") || undefined;
         const currentValue = this.value || 0;
-        return (h(Host, { key: 'a2aeff6077a218f4d9691ed27cc568afab1845c8', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: '9cd723dfed72905f99842107a4e9ba5f5841fbb8', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'c54fdaae224270de1eb1db0ebf474eec5f0a7067', class: classes }, labelWrapperUsed && (h("legend", { key: '2a50b33fadba1d9e3b7a2cd7a04247ac1ecb4595', id: legendId, class: "stzh-rating__legend" }, h("span", { key: '747db97c26bb457bb8c2e1c6a1a987dc93e57a1e', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8dd60b040c15214d3875a61da147904dc4c30f36', class: "stzh-rating__marker" }, h("span", { key: 'fd63a71af3910115cccc7f915a8537f6ceea42cf', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: 'bbf6a66264227045cff026233a7b1fad49544ce6', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ac965869f7eb048915047d2847af024ccb237055', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_g = (_f = this.localization) === null || _f === void 0 ? void 0 : _f.$globals) === null || _g === void 0 ? void 0 : _g.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '1d88d8a69c609bff2420279657cf48c6ce8f52a2', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": labelWrapperUsed ? legendId : undefined, "aria-label": labelUsed
+        return (h(Host, { key: 'ca94a2e1b9013c03acb4afcbec7faf3b547acb9c', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: 'cf5a2f627c981fd5b49cb784c74204322d7d8311', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'f2e8ba9ea2b4ff75d97dfc60bc365d38ec026e65', class: classes }, labelWrapperUsed && (h("legend", { key: 'bc4f93f3932014e6e375baf1ba73cda54d750880', id: legendId, class: "stzh-rating__legend" }, h("span", { key: 'daedd252aa0cb8b8ad9632d08e92fa14d5be1ae3', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'c231d1841e860bf1d5d69572d897b947a275a037', class: "stzh-rating__marker" }, h("span", { key: '72006d34072fb7e75c1e2676330d5fa5f06a0a8e', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '248c43eed806b7659423ae4c8c2843e38d945920', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '9280338a5fe9bc97d6f730d9acd5446953e99455', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_g = (_f = this.localization) === null || _f === void 0 ? void 0 : _f.$globals) === null || _g === void 0 ? void 0 : _g.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '6e146ebb87db78ab39b02af3f228ebbf9c8ee5c7', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": labelWrapperUsed ? legendId : undefined, "aria-label": labelUsed
                 ? undefined
                 : this.readonly
                     ? `${currentValue} von 5 Punkten`
@@ -306,7 +306,7 @@ export class StzhRating {
                     disabled: this.disabled,
                     readonly: this.readonly,
                 }, role: "radio", tabIndex: this.tabbableIndex === i ? 0 : -1, "aria-checked": this.value >= i ? "true" : "false", "aria-label": `${i} ${i === 1 ? "Punkt" : "Punkte"}`, onMouseEnter: () => this.onMouseEnter(i), onMouseLeave: this.onMouseLeave, onKeyDown: ev => this.onRatingItemKeyDown(i, ev), onClick: ev => this.onClick(i, ev), disabled: this.disabled || this.readonly, ref: el => (this.ratingButtons[i - 1] = el), "s-object-id": this.analyticsId || this.label }, h("stzh-icon", { class: "stzh-rating__icon", name: "star", "a11y-title": "" }), displayValue >= i && (h("stzh-icon", { class: "stzh-rating__icon", name: "star-filled", "a11y-title": "" }))));
-        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '7eb34591279968ac48dbdf59d021d6c80983e0fd', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '5539933ad1463960cceb71f25cf4439c1f27c303', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     static get is() { return "stzh-rating"; }
     static get encapsulation() { return "scoped"; }

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

@@ -23,7 +23,7 @@ export class StzhRatio {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: 'f0370e4bb53568bb83ec04c90655f236b632fd12' }, h("div", { key: '5a5f4b85b92674cda20685c62aa33578977f19ac', class: classes }, h("slot", { key: '423ad2c60178a174a2f154672c92c9ed652c9b37', name: "image" }), h("slot", { key: '7ee39b1115548d630f6c20a06557ebf8587325a2' }))));
+        return (h(Host, { key: 'f0c67239e76dd8eefe54d6fb4ca4ffc36de0e549' }, h("div", { key: '3a783be1629632126fdb694e8da2bbcb3e1df4cf', class: classes }, h("slot", { key: 'b72625e73a1cbf33626d5bb86a59df6037c26bef', name: "image" }), h("slot", { key: '046c5cab09d0d317597a8a3cf48bb4a055f26714' }))));
     }
     static get is() { return "stzh-ratio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -191,9 +191,9 @@ export class StzhReadspeaker {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '967663cb47feef43d55b9b9728ff037197abe5e7' }, h("div", { key: '6ce9effd85210349fe790114d8c5515e18862f3a', class: classes }, h("div", { key: '86d25840ba7aed545a465acc2028f612a35ffe4f', class: "stzh-readspeaker__actions" }, h("div", { key: '6498aabd8a4ec788a4f2caeea23e65fb62ba3f15', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '75fee009730529e0ddac40b2d7e0278a19ce3859' })), h("stzh-button", { key: '393c0c224e4c25d563bf5cd576940e1099572896', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: 'd05b72c304cf11faf5162d0f4c3f0b60402e55b3' }, h("div", { key: '4fe2f144e5b381b7fc1658bf3ab613fcf84d72c4', class: classes }, h("div", { key: 'ff0f4c2212a326095e13be6870991d55a31cd650', class: "stzh-readspeaker__actions" }, h("div", { key: '886a8c96417e16c6a13c43f32d41555f37a0297f', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '628f2f1d3877e85f4a5877e947c70fe61a568dfb' })), h("stzh-button", { key: '6abf31f5973ae85d81411e2a7666ae8c77c8ec66', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: 'd85e5492bdc180afd2cbb223dcf3bae28dd2941b', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2ce8ef7f96b5c4c0263c9a8c54887e240419ef7d', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     static get is() { return "stzh-readspeaker"; }
     static get originalStyleUrls() {

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

@@ -50,7 +50,7 @@ export class StzhRichtext {
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: 'd6c25fa732a4471367cb15b6032348ca6fca979e', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'af82dc308d7080ce3341990aec86df25bdf18542', class: classes }, h("div", { key: '077276eaa7445b4e14d3b00ad490907d16dcad3c', class: "stzh-richtext__text" }, h("slot", { key: 'f1e0b72fac2a1a911d6378695d08c512c3d85344' })))));
+        return (h(Host, { key: '3323ed0ce61d76308b4c87440bbe65114e8a0df6', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'b6971499144d4dbc812f33388e46702f49b5f7c8', class: classes }, h("div", { key: 'be278089cc71934afc9b7b01fdd76988d770179d', class: "stzh-richtext__text" }, h("slot", { key: 'c0f79d5f395d5773a018213bc60ee6cd1bcd2a1c' })))));
     }
     static get is() { return "stzh-richtext"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,12 +12,12 @@ export class StzhRow {
         this.content = "start";
     }
     render() {
-        return (h(Host, { key: '1a35623777e6d5a7e220f5892f93da42b9508a07' }, h("div", { key: 'c1133ad1aaeb0499ed1241a9cda8f7aaf15f2c03', class: {
+        return (h(Host, { key: 'b549932ef83c0e35b20918dc7aa76a9b758153fe' }, h("div", { key: 'd9ca2eb111f1ee90c9c4d104aeb6389a7507e66d', 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,
-            } }, h("slot", { key: 'ea28dbeae2c2bda457c28c7a22fe7039d5010277' }))));
+            } }, h("slot", { key: 'dfb4e8747a0ddf94ae7a760c780471a18e77704f' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,8 +66,8 @@ export class StzhSaptcha {
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: '286c8cfe36b60e89bb375c36f04b72667198812d', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '0a17f8b4f12bd323c0a04336783f97f3b9551de5', class: classes }, h("div", { key: 'efbd2b5c9976de641009470822fe872f108d4435', class: "stzh-saptcha__box" }, h("div", { key: 'c3f45d633bf46ec7fe34939b906e5fd3772afb14', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '43d4df83ac83ba09a3476348aee603d0f2088a28', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
-            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: 'fbb85cd0ae8efc4cf3bdf56d87002c9eacd2e787', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
+        return (h(Host, { key: '11774c337774e7a5bee7bb1eafd51113152b44f2', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'f7f87db518e237784dcc8bc5cf70b9e5cf61329e', class: classes }, h("div", { key: 'e01ce3c961590ac5d01f4de9fc9d937a1bfc6c00', class: "stzh-saptcha__box" }, h("div", { key: '56d9d557f5ba54d9c1d57c3eb280356abd3c1863', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '3964ba8f8467bd09aff674396dfce316ad011d0e', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
+            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: 'e3a75cc3b6357809ec885084314b38c879bfa475', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
     }
     static get is() { return "stzh-saptcha"; }
     static get encapsulation() { return "scoped"; }

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

@@ -28,7 +28,7 @@ export class StzhScrollup {
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: '214d0bc7db938b45841295475d66c6edcf7c946b' }, h("div", { key: '98cbdda085c813af0cc12dd0f7cb4753f3f18987', class: classes }, h("slot", { key: '8169cf91eceb54843665e493016a279504b14363', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '5a6b8a6b4479fcdc2ba1cdcbe3679b94e1125509' }, h("div", { key: '4ddd7687ee8311b2e2b1d1804fc62d18cae6a70f', class: classes }, h("slot", { key: 'b1c1f87f593f83d5926349e904698b90d5679af9', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-scrollup"; }
     static get encapsulation() { return "shadow"; }