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

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: '055fefe7c7e0d866e507d21fa1cdcec30dae01aa' }, h("footer", { key: 'bb1a1a90f78c54bf971567a91a2c8972b997ab7d', class: classes }, h("div", { key: 'f14f30228b6d9d3772c8348a67d330def30a99e9', class: "stzh-footer__menu" }, h("div", { key: '8367270e179d7bad6d5190e95e09251d87f81845', class: "stzh-footer__menu-inner" }, h("slot", { key: 'a29a81178827aaaf4b8604deb2dfba809d1c6dc9', name: "menu-link" }))), h("div", { key: '00f4e637f833539c5ba7f968bfd2144288521e59', class: "stzh-footer__wrapper" }, h("div", { key: '8615b70c55be97f9da02b77681ce5c48c5fbd1e4', class: "stzh-footer__copyright-wrapper" }, this.copyright && h("div", { key: 'e88c7c97e67c188f8887ea373a13337891cb8eab', class: "stzh-footer__copyright" }, this.copyright), h("div", { key: 'bc294871d5aa0235ec46ab1d988d3b7e1e14236a', class: "stzh-footer__logo" }, h("slot", { key: '7a20e56fd21e4def0c3d7788634b6cba9ba98e8c', name: "logo" }))), h("div", { key: 'cbba098bf194a543655d5dfdcd70797717592ba6', class: "stzh-footer__info" }, h("slot", { key: '2bf7a88c8bd5e1cbb94cd0876b18ea31ef255e7a', name: "info" })), h("div", { key: '2b84ece38d63dfd0ade7ac088b42e6c235516c53', class: "stzh-footer__links", role: "list" }, h("slot", { key: '07fdc6a97caec0f886631df4e23b564af4605f77', name: "link" }, this.variant === "egov" && (h(Fragment, { key: '393311b2cc02669f0d024b49fad7195415a0330b' }, h("stzh-link", { key: 'fa3868682badf50e4ce123914567eea16938c525', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { key: 'ecb6d881be8c95baa91aabb4c2a9ebe82bb4a6f5', slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { key: '1affb05e50d8fe6263961bbfb6a3f2090defde1e', slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+        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)))))))));
     }
     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: '3970ab3ffb132ba6b365c9dca9f7ac68b3fc741e' }, h("div", { key: '3f1fc80286e38dedfb3a4c6325c637d5c8abb6e3', class: classes }, (this.variant === "single" || this._images.length === 1) && (h(Fragment, { key: '807c8012bf29c181e98ccf794235cbc83e4278ab' }, this.renderFigure(this._images[0], 0))), this.variant === "grid" && this._images.length > 0 && (h(Fragment, { key: '3447d9b589d641cfd31d3b9a445b2972006c9651' }, h("div", { key: 'e6df88dfdfb1b2131020d36b5dcde6c34888d1be', class: "stzh-gallery__list" }, this._imagesShown.map((image, index) => this.renderFigure(image, index))), this._showMoreLink && (h("div", { key: 'dd4bcc938cae1e673379b08fd62fa7e80c63d675', class: "stzh-gallery__list-actions" }, h("stzh-button", { key: '758d865f7ac6aa76d93118edd87865e83b349318', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))), this.variant === "carousel" && this._images.length > 1 && (h("stzh-carousel", { key: '35cd33608d7a9ee875ec1968a0b740fbf6667873', ref: el => (this.carouselElement = el), disabled: this.carouselDisabled, autoplay: this.carouselAutoplay, autoplayTimeout: this.carouselAutoplayTimeout, withTrack: this.carouselWithTrack, variant: "default" }, h("stzh-ratio", { key: 'b28d1f851a82bb357e68d7b0c10d563201a61837', 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: 'df6a3e1bd3123b13014d881385bb4f09630d3b78' }, h("stzh-button", { key: 'f352311410e509cd0fb0cbe445aeeb9b8b3f664c', 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: 'a297792e1fd110c5efb38bf8ff65c4c6f7cc7534', 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: 'e1e44d27817c505713ef2ea5d22ce74c6f898a97', justify: "end", items: "end", size: "xsmall" }, h("stzh-button", { key: '7020256df4589efb42c0f6469c99597655af52c8', 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: '92a89bae0209d9802567eccff4f674e26dd9ceee' }))));
+        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' }))));
     }
     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: '7850c2e046b73d6e7ee3ed2c8048f58a485af317' }, h(Heading, { key: '7836f1db08e5225fc642f2686dac72517d7b7ef1', class: classes }, h("slot", { key: '49885f0caa735d42df6e4c6d8b309ba9dbe6fafe' }), this._htmlContent && h("div", { key: '0ddb65ff2fda13ed230ed45ec5a93474bcbc07e4', innerHTML: this._htmlContent }))));
+        return (h(Host, { key: '5acb9043a2947260ed388ed38d799b99d049c493' }, h(Heading, { key: '6d63908b0aab24e951146ed84791fc93826a354d', class: classes }, h("slot", { key: '76168a0f8520aa45dc648a441a3f2aafb26acc82' }), this._htmlContent && h("div", { key: 'c8c1f7336c6088fbdf41da2b90d78901d6607c69', 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: 'f93a4c37c782723eeeb882c660ac5c93c9f76208' }, h("div", { key: 'c8a55ce8fc09ec5ff38a828fa9c23b1e61213835', class: classes })));
+        return (h(Host, { key: '8ee946297a2352e2f2b69b78c2eed83ef57acf38' }, h("div", { key: 'c12bc60281fdefaaad7565303c9f6cafef98ee4d', 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: 'f11a2c28142f46d3d899da814c8e265d0537f885' }, h("div", { key: '2f5760fecfd510d6b6c5b2598b7b6959ecb84790', class: {
+        return (h(Host, { key: 'f54cee0965bf78238ee9fd8c818eda54c7ccb041' }, h("div", { key: '395b4bab64a6a8981926ea3c536d4d17f15d95ac', class: {
                 "stzh-hspace": true,
                 [`stzh-hspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-hspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'a89a6f24fc2af83d021b1a82179e12da20198ffa' }))));
+            } }, h("slot", { key: 'd96f138cf73a0ba708def22dfa6ce11754bc154a' }))));
     }
     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: '70fe846a5195ca8e4717519c7280767e2b3b5846' }, h("div", { key: '43049bb1a9fa43aa2b438cefc76dd5a2398ebcd9', class: classes }, h("div", { key: '3fa1deada31ce9cf27a4a58e8fab9a00b82dac54', class: "stzh-http-error__errorcode" }, this._errorcode), h("div", { key: 'c2e7906283b660efb5d9f572931c1051bcc14fab', class: "stzh-http-error__heading" }, h("stzh-heading", { key: '7e6cd85907a08d57c343fdf6e73019b456b974d2' }, this.heading)), h("div", { key: 'ad7ba0c55d5f0aaeebc9ea780856e29c6e6776b6', class: "stzh-http-error__description" }, h("stzh-text", { key: '68fed169bb0b9d2e5b5ab77c17f345822a82dd8b' }, this.description)), h("div", { key: '35103a2553f9c81efcc723f227ce3d138b8ba39c', class: "stzh-http-error__actions", role: "group" }, h("stzh-buttongroup", { key: '4d3b64958afc2e5d6889c96de113b841fa803296' }, window.history.length > 1 && (h("stzh-button", { key: '7b3dc7a2a0c6b859d728a59607976b9e0d1e14bb', variant: "secondary", onStzhClick: this.goBack }, this.localization.labelBack)), h("stzh-button", { key: '94823fb1c7ecaaafa5c169799bac5facc49347ef', variant: "default", href: this.hrefStart }, this.localization.labelStart))))));
+        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))))));
     }
     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: 'bfdbbe588b9497dff0de28e61250a77a205c3f88' }, h("div", { key: 'cf90b6a37000f6c23dac9bbf93d21d5c2b3a1630', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
+        return (h(Host, { key: '3632f281961b04c9603091a7f9db711a6123793f' }, h("div", { key: '70ca189751061be8bdbaac7bbb1c04b13c2ca881', class: "stzh-icon", style: { display: this.iconDisplay }, innerHTML: this.svgHtml })));
     }
     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: '1ea8336c2a72e09afdc7b66f63bf1c905669d059' }, h("div", { key: '249dd3a4fdc84eb88a5bda01078f4d65587551f8', class: classes }, this.view === "iframe" && (h("iframe", { key: 'b9459c43ac7009f6bc59b264a01dbc8430c4a960', 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: 'bc1374da545a08c71f52001c9c26af7a4f7a4900', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        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,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, h("div", { key: '1eb9109999d87383d0374c103bafac1c10f2fd28', class: "stzh-iframe__preview-image-wrapper" }, h("slot", { key: 'a0a70e3d8b08436bdc36f1061fa05a7f54732cf8', name: "preview-image" })), h("div", { key: '1ee5cd11064a4ebbaf553a02493c457cbfddb0a8', class: "stzh-iframe__preview-logo-wrapper" }, h("slot", { key: 'ff72a882cbbc8d5fffb2f75375784fb06db5c50a', name: "preview-logo" })), this.previewIcon && (h("div", { key: '4df2b537c7811ecfdd31cbc53bfc53b28ec5a52b', class: {
+            } }, 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: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, h("stzh-icon", { key: '35fcef994af70ef6cf89711e1312e7c71653119c', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: '355128b058a6fc168a2c979da896cc2ed6125429', class: {
+            } }, h("stzh-icon", { key: 'f252b81ed3a4ed6b729e09451e303fdda0a7d73f', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (h("div", { key: 'b29d2221b6e714fb176a358d74bcc896dfe51cc6', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, h("div", { key: '2b33c1621fb4c18522d8d2d872b87869135eb697', class: "stzh-iframe__cookiewall-content" }, h("div", { key: '58454edecbf4b37b707684b01ce3ad0c2ccf2510', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : h("slot", { name: "cookiewall-text" })), h("stzh-button", { key: '7fcb0d3803c8ec19f54b0eceb139f4359fa645f2', 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: 'e4caa90cebdea8aea3a0feefcd7951cf67e59114', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, h("stzh-icon", { key: '9bc4820fe47f58007570622e4c29ca88381e938a', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, 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" }))))))));
     }
     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: '8fb01c2b3205504ec3618ebe2827c910e26673f6', "aria-roledescription": this.localization.label, style: {
+        return (h(Host, { key: '80cb3434084cb01fa1ff0a5b4b7e2c0ca6ef87e0', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, h("div", { key: '087dbca7ba2c928be58ab16103acf356d5733fd6', class: classes }, h("div", { key: '11d3bd46be8d3c004e178cc008f8d9d65a3b6fa8', class: "stzh-imagecomparison__element" }, h("slot", { key: '81ec7b34f39e7136e252494ce3028fba2dc268b2', name: "image-before" }), h("slot", { key: '8ee4dae7e23bae9f393052deae2111dd946bb9b5', name: "image-after" }), h("label", { key: '90e07ac71607075db9805d9fab3a2f54f8c66856', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, h("div", { key: 'ae11ac3cfad066a765918cf2a6df153cb98f80b2', class: "stzh-imagecomparison__slider-icon-wrapper" }, h("stzh-icon", { key: 'bdf91cddd0328eeac357b177eeadf9186224f25d', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), h("stzh-icon", { key: 'db1d2ef2ba4f9c10872aa4e43a8064e0d6960652', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), h("div", { key: '2aa22770a38203e1501aef70569cf4a9081c371d', class: "stzh-imagecomparison__slider-line" }), h("input", { key: 'd27fa842febee03709311b90123afcf1208d8a30', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), h("div", { key: '495532d4297937afd2fd13b3abe739e036b5645d', class: "stzh-imagecomparison__hint-wrapper" }, h("span", { key: 'accd3d11ea0101b1f90ee9bdde6248814cb121b0', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : h("slot", { name: "hint-left" })), h("span", { key: '5c671703aa0f3741280a068ead4c59a6eb0351a1', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : h("slot", { name: "hint-right" })))))));
+            } }, 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" })))))));
     }
     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: '8dd13077004e31ce0b1dd35526325a4f95eb22f4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, h("div", { key: '2fe0d07c1049846dfb4f953ad6efb9848e71d253', class: classes }, h("label", { key: '14c4ddc41bce5ab4f53bac0a62a411dbbe4d3f8a', class: {
+        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: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '27076ed3f2aaaa7425eb59c139895fdf53f97885', class: "stzh-input__marker" }, h("span", { key: '606e98f4cc0628bc74cf94f7ece7145b9481968d', 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: '8a5b00a3a40572563c50e8151244ebaae7b69c4c', class: "stzh-input__marker" }, h("span", { key: '47a7f9eaa1aeb7e3ca6e0998d4e2f87e6c5adc00', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '1867bde65ba39d6ac0a18f7745796dfc82a5a712', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4840d3301f83bfe247e7d4efb33aa5296c642e3d', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: 'd775753c67430cfede5a38faeecca73787ff9f0d', 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: '52c6b561647abbc7bc470aa8084234fc07adb850', 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: '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 })))));
     }
     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: '1a6fea0a70eee1cb454c6df90fece14d8eb46b5c' }, h("div", { key: '0a424af14b7eb376d4feb4bc135611c36cefb119', class: classes }, h("slot", { key: 'f4134e880dd7bb7e2f9df1fbc7f228dc4dc82864' }))));
+        return (h(Host, { key: 'a393766648334c7803571d6595db537bbe45ba29' }, h("div", { key: '58c8b5f6ad9b4fa3f12639454e9bc8689c511657', class: classes }, h("slot", { key: 'bd80dab5c7c82375b3d1b6208f0246ba23adc76e' }))));
     }
     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: '993f76b3eca5840278228ebee5ed438f89f9c060', 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: '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)))));
     }
     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: 'e511ad6ef81dae239c9a505c5d9cae342cabc121' }, h("div", { key: '6a0f2a69d0d893e33ac41f140ec41dd1c4a18180', class: classes, role: "list" }, h("slot", { key: '2a512da2134290f64a5c0a897c50d82a11fec458' }))));
+        return (h(Host, { key: 'e1f72d17b9c193f894b672137b8df398ca7a34ac' }, h("div", { key: 'e907b513e73be3aef1ef763d880ada9a213e574e', class: classes, role: "list" }, h("slot", { key: 'a38331619add2055d7be8e1acd9a4439bcf2b58f' }))));
     }
     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: '7274775b769e0488ed26db096227606566f93206' }, h("div", { key: 'd27ca2b2ae89ea1e7bdbf71a6cb0a6dbc70fdc12', class: classes, role: "listitem" }, h("div", { key: '4d6cd83d53d0ed5ce2742b04e52572b193eda69f', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), h("div", { key: '19d277a13d49e00185eaa448b520da6a574d9c5f', class: "stzh-list-item__text" }, h("slot", { key: 'a9f44e32fac76b6b613e4ec473a6165ff0bc1b7d' })))));
+        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' })))));
     }
     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: '04ea1a87f71fe4a8503f8bf9ca368653744dc61d' }, h("div", { key: '7cdce1ab2258bc9c62a098cc3be51c0cb5b5dc5f', class: classes }, h("div", { key: 'd81308f8188ab0d034f5cef5339a0c4b8c3db75a', class: "stzh-loader__wrapper" }, h("div", { key: '02bca1dc720d074f44c933208bc6d4c018a96886', class: "stzh-loader__uil" }, h("div", { key: '5ec372001f23ea607364d47375d62b4ba3819ca2', class: "stzh-loader__ib" }, h("div", { key: '7ccf1e975dbb1ed8ae25939f0e23174abb4e908d', class: "stzh-loader__circle" }, h("div", { key: '936ed6e5f8910b20f75f75c539f6355c63ab01dc' })), h("div", { key: 'cf050adbcb6e02ca65cf2b8c3456ac424befab62', class: "stzh-loader__circle" }, h("div", { key: '3f1d494ea26dd9bd28a062342f598c9e53df8fa9' })), h("div", { key: '1483f672a399dc28e87da6353f56d3105f9f46ea', class: "stzh-loader__circle" }, h("div", { key: '8645d56dede758369af31706ca0dbc7046b7cc1d' })), h("div", { key: '9ea35595360dd1022e1d6dfb8b3874a3df3d48b8', class: "stzh-loader__circle" }, h("div", { key: 'd702063d6a54bd3de1e369d4698c7ecb092a76ab' }))))), h("div", { key: '229d7fb08cb99144a11da40174af41530fd89c0c', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+        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)))));
     }
     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: 'bb40226ccf1869772d029417c50f9714434db7c5' }, h("div", { key: 'f506340713b568d21bf99ea5527b6ff265a69f60', class: classes }, h("div", { key: 'e82f55850f4d9518b18cdf5fa3a350fa563d6aa7', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'dc7185dcaae53cdebf593bc86f72e344312b873d', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: 'b1be6845d685aa32d71c8f7e71fbd1cc95a8d928', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '8b43300e5bc756764366443db4b49fbef1da5395', class: "stzh-loadingbar__bar" }, h("div", { key: '10eac0ce8114115d673a3df112d8929d5613497d', class: "stzh-loadingbar__bar-inner", style: {
+        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: {
                 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: 'd04d40ebc41823a174af2efc78b1370c935c5938', role: "menu" }, h("div", { key: 'cf47f242c5c3dcf12e88861556396d979abbae7c', class: "stzh-menu" }, h("slot", { key: 'b2deb476f4c49900be374b103696f020ede74904' }))));
+        return (h(Host, { key: 'e65fc52c84693965e8a4f5a8320f60a7356e1661', role: "menu" }, h("div", { key: '9e7b01735c0f3b6a0b8b01f593912fb10fe3a15f', class: "stzh-menu" }, h("slot", { key: '9603fe2760a47019a8d5d43826d8eaa30390e81b' }))));
     }
     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: '5890cc5dec0b12903ac165230472b93eae8393e4', 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: '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)))));
     }
     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: 'c0bf908892332ec4fa6442307d7c4e471e845d1e', hidden: !this.open }, h("div", { key: 'a3e09f5723bf00a44e7897218a6180e059ca9c50', class: classes }, h("div", { key: '4f056a8a4e4d8a82c96ba7329d20932c6c75b56e', class: "stzh-message__content" }, h("div", { key: '1b51f1898e57346a34365555a4316f7830627df0', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: 'a7456799e5f7c09bb99c36d4d37405c97fc8c719', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        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") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '6545f7dc6e470c4bbb7725e8652244ac8f704720', class: "stzh-message__text-wrapper" }, h("div", { key: '006f489c47dad8065ae4e116f261ce8695041133', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '3d263bb95da6c01d8b6114f8d12a56fee10be42f', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '49104e4eeae5cc3e23c526d28f8605737ed0e233', class: "stzh-message__link" }, h("slot", { key: '13a40455da1e4818862e2f35a53eab6c295ebad9', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '2fa4dcce37b24494a7690fa5fb083131646fd362', 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: '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" })))));
     }
     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: '04822e03428a9ba57f2484594ae537732a421430', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '399c3b047e37e7b79e4d36c80bac59b1daf3e13c', class: classes }, h("input", { key: '37999496eed9ade53d9db976f5e3677238617eb8', type: "hidden", name: this.name, value: this.value }), h("div", { key: '57eb470eda690449c0e4bba0e2c8c363f97c01be', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'df1db2053b6595d508d5ae7f345362d7a48e9892', 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: '81c4252357b69e12430114d2dc0ca535571c5fb1', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '2b48ae397d295a6a6f59c78f820f3d134f235ac1', 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: '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 })))));
     }
     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: '422b6e413556e9f2edb9b452f205ca874275dfca', "is-offline": this.isOffline }, h("div", { key: 'f278d91bd3e5e2ec99e16a9f540288eb55786fa4', class: classes })));
+        return (h(Host, { key: 'f2839774390e99ecf7e889dbdee76cc34d98fc60', "is-offline": this.isOffline }, h("div", { key: 'e0001ee7bc12fc8772aca2d2f6247e186c35d632', 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: 'e28a107ac9a90a41465d9e3dd05d944d90132537' }, h("div", { key: '04d9282f39677b5f193bf7e22179638a75ce6c24', class: classes }, h("div", { key: '2ea42eff652a6137f6d640b1c7f41290212f14ca', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '2060fce68327ffffbdde8822f017b6e701166262', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        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" }))));
     }
     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: '81b6944f8c78b47d458051683ed4d5072ea92326' }, h("div", { key: '9ee41160e627e2677839b91fd506df4d389f3657', class: classes }, h("div", { key: '2625e0fd1ee5531db2ef8282e0a16c6fbb1153db', class: "stzh-overlay__backdrop" }), h("div", { key: 'f32bc152846404355aa7af53359806c17fb1e7f4', class: "stzh-overlay__content" }, h("div", { key: '192446b508a56de235af7da51290b081415fe837', 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: 'a3c5dc7aca4b2f2848f655f031e2a766a9b5131f' }))))));
+        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' }))))));
     }
     static get is() { return "stzh-overlay"; }
     static get encapsulation() { return "scoped"; }

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

@@ -66,7 +66,7 @@ export class StzhPagination {
             "stzh-pagination": true,
             [`stzh-pagination--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: '1bae61e7030acb82bf38a50b175091f34166ed24', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '33274b9f75d30a2946652339dd00210f833353fe', 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: 'c1fa8d738778b55660e8ff5435d60a6f66c1a748' }, h("stzh-button", { key: 'c3e9f38c120eba5b97728ea50626f8698f3bf4c6', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), h("stzh-button", { key: 'e9e3b2ab4bf1ef64d1744108ae77480fa09e7bf4', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
+        return (h(Host, { key: 'd57d694f339308950c600ed52c4e220b367a551f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'a69ea143898c3a211c41cda63feea7679f553a06', 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: 'a7c1ac7e26642164aed88c140d90aabd032aaf5a' }, h("stzh-button", { key: '5a306d29b9359615287ebb9ae0d2b34a1d109c75', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), h("stzh-button", { key: 'e57e1a185af7ee4b6f59d059e2d970b5dfd9fcb3', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
     }
     static get is() { return "stzh-pagination"; }
     static get encapsulation() { return "scoped"; }

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

@@ -323,9 +323,9 @@ export class StzhPanorama {
             text: imageTitle,
         }));
         const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
-        return (h(Host, { key: 'e13a68f8203db678fd80e60cce44dc39a48933d9' }, h("div", { key: '08fbaddbb670022b80ec87b39d48237c49536c28', class: classes }, h("stzh-figure", { key: '5639e565f54bbb6157b9b850459dd5feb496f942', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '1be121e3e99af22ea13b49ea49c18caaff4a3959' }, h("div", { key: '9de470e5f725200a1bf7a7779f9c5a00124a66de', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'ee7d8a3fe2ab75db9af737add03d23493b380d60', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '089090098be70ffad7b374439a9c40c8983d077c', 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: '38edbe69e5beabce1b46457b837c6b396f6a69b3', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'b5527f8113d1827a91de01b827a266afc78eb754', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'ed77a68da8790ed236a6d7bb1d2ce25c18d7411f' }, h("stzh-button", { key: '164c91211f4095aaae34eda2e39e019fe337184e', 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: 'ae9ddb86cd1354fee6a69b81799ce456d1ae5f86', 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: 'c4c50653bc80fc34aa4b442d22ba70962fb09cd4', 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: '9e75f3ff02a72589e74adf79f088af439d6ff6be', 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: '14b6bd8033a1fd2a1affbc5b9504b35c66406c34', 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: 'ea00141206e9d5edebd22af1154ebc9c025f3c94', 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: 'ca33d06c5e1386ba560b2e76f6aa1fc60ac3be71', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        return (h(Host, { key: 'a0e4205ae7cfe0ae2d38d0ce8ca9a4154b92d8bc' }, h("div", { key: '4020962ed7f84328e0d690eacd57dc171200a3e7', class: classes }, h("stzh-figure", { key: '05e64014b90947d214220788d84007c54ed62533', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '435c970233fa3ff709809ccdabdaba41203a4ff6' }, h("div", { key: '7f3cd220acf42b9201a1e3ddf18946279043fd8d', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'f6466f7338384f4753d674dde7b5a00eb82ef324', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: 'b6e11adab5c9cad8e1aad1cb6aff94acdc733ce4', 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: 'ab59d2ea571d023918e5458bb3cfa5dfe5deffd2', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'bbfd108408228c711d2306eb149fd09bc1304d14', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'eb4ebf27d617f8fec09c7e6e8059eb7feeff9329' }, h("stzh-button", { key: '579d432b9f723f6172e886cb27c3aa3e1ce6f190', 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: '1bd7d36f93ddc69508e368a00bf088b49006f220', 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: 'c1957ca01278ecb84a6bf4438c902adc1777851e', 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: '8f3d2ca0f3ced59550df329582dc1d3d22e07994', 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: 'fb7b0ffd613af7a39ba5263c6e279f9824e44647', 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: '21e1118a8845c616ed8b45d8b58516cf06a6dfb0', 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: '04ab232818d4976cb1ff4904596e4e765ab8c3a4', 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: 'a514f73a90d9e92edb65d50fb168a3f104504531', 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: 'f14391578d80d071ea38c7c7f5c2e983e2eacaae', 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

@@ -443,7 +443,7 @@ export class StzhPopover {
             [`stzh-popover--${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '0d03d86b938159bd6957cccf64e8024e35f1ea8c' }, h("div", { key: '8c26bc71ec55405e345805eb765969969fa47eb2', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '2c957363682656442de2699305e6afb806571741', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'db99eabc011884b33d4a4cc99a1ad789ce891fe1' })), h("div", { key: 'aaf4676146ef81531ffd46a0f6d962f01dfaed13', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '67079817f493d3dfc837022d8fb38ee2fd09cb43', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'edc9522d20c6799f079027d5aee67059f938eb44', class: "stzh-popover__backdrop" }), h("div", { key: 'c697551a708d1e051163a1e54669c74c5edf7762', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'f9b52c577aa5e32a5e740a7e93573aacf2241911', 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: '4916f5fe308b219817db7bb55b6891563bf0cb49', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: 'cb007218fde98b2d6bfb46d973d8270b4c4f009b', class: "stzh-popover__content-inner" }, h("div", { key: '4dbdd6d0fe1a1ca925801acb85decd9dd84beca3', class: "stzh-popover__label-wrapper" }, h("h2", { key: '1363e6d92e66d9cec5e9f6185b2b0311e03ed6d7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'da892cbb69a413e38d23e9d12b67d3409a2b038c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '2263f7539ad5708fdec4553dc6be19c8101f14a9', name: "close", class: "stzh-popover__icon" }), h("span", { key: '2048b82320d73b09d5018e7838da90c4d57b8bfe', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: '11b9d82d69767be653c9cbf26ef56d83ed7989e0', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '2a4956fe68ce46d11eef3b86df0d150a8c3d0455', class: "stzh-popover__content-slot" }, h("slot", { key: '6c020f92c68492df3d3841180bc99693e06082a8', name: "content" })), h("div", { key: '82a4dd34d008efd30bde12f26d07b2c1dc09a775', class: "stzh-popover__action-slot" }, h("slot", { key: '536cb7e90448fcd38d833178c73af0725d9cb728', name: "action" }))))))))));
+        return (h(Host, { key: 'bf3c5de1c81eccc1bd6f1e81e9a67ee0891a0b03' }, h("div", { key: '06092b05e48cec76046f766606e1f08704c49236', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: 'ce0ffbb1cdc5774cf7de0e04acd2e58c47e5b9fc', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: '72a94a7dbe0b4e53b6e864126c58c0156d46260f' })), h("div", { key: '2bb2064eece8ff755e6cb2f4422216ea124bba37', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '82c662cc99fb2384b00471c42bbdfe417338d18f', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'd5d98e1898556aa1720621fe542e729a881fbc6c', class: "stzh-popover__backdrop" }), h("div", { key: '5d54141fe5e2351887950918bedee2c5ef009a5d', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'b8d9b843594c0dea8d45107b6dff11b6887f2ef8', 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: 'e46cb59be6d5122fa2a2e4e18e6697dc80075ea4', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '5da30671a79bbacd5ea0dff7dc870cb693d5f9d1', class: "stzh-popover__content-inner" }, h("div", { key: '531e5bb05101cea561c650222b63ce1d477fe4dc', class: "stzh-popover__label-wrapper" }, h("h2", { key: '7ebebe503d3a54acc111a4b53e1488a647fbe089', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'e6359280b3ec0db2ded553afbabd065585df2a6c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '96a8a6a6aaf9383c199ebe6f7d64f721254d7079', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'aaa0a607d1d2218649a142cae60125a087cfefb5', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: '9e89c6d575ea79aef3091066666bb2ca3b40214e', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: 'c233e13702edf21072bc4ff0b3c57006f763c625', class: "stzh-popover__content-slot" }, h("slot", { key: '53236913f351a7e063a314ee3ac0e741abdfdfff', name: "content" })), h("div", { key: '26af36c6173b54f3f8b2b00f96c257118010cac4', class: "stzh-popover__action-slot" }, h("slot", { key: '19f8eb1a7ccddb2306369cfd8eaeb55119f5dd1c', name: "action" }))))))))));
     }
     static get is() { return "stzh-popover"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhQuote {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: 'e4d7e752f297cbad3bc3b2c1dcdfea9e4eefca7f' }, h("div", { key: '3a9aa76d2e97768a11532de9208f7f1604ef37d3', class: classes }, h("blockquote", { key: '6868330665a403b87843b2890613a3c56e46e693', class: "stzh-quote__content" }, h("p", { key: '44814da107f2d7a3363d51c9217f9bfb3c0c6938', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '975ad30782d4af5a497e13da5864849f4f63d4ba', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: 'ca76977c129c0c25e9233066c5dd9f5d14aac514' }, h("div", { key: '26d9cd5e39d666bb78f4146770c56906a87c90f3', class: classes }, h("blockquote", { key: '3233b3f8484507e16bd3dad67c590700907165c4', class: "stzh-quote__content" }, h("p", { key: 'e8a35fc0149ab1b3dcf5a3e130ad572616fc6c73', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '802f72e6338545b73d5a26a961cc8f4b6a83a924', 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

@@ -121,11 +121,11 @@ export class StzhRadio {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: 'e997f5598308f6e849e701332254a007ee70c796', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '5dcba80ffa955361dcaf7736c6eb445d25011ca5', class: classes }, h("label", { key: 'd5c4d7de15f5adaf9d6e1997106fa28353b69e3f', class: "stzh-radio__field-wrapper" }, h("input", { key: '9abc5a9bfe6a31e3f7c39ffaec6afdf87e13cdf6', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '98abe1979b176794a02761930e63f22529c29874', class: "stzh-radio__mark" }, h("div", { key: 'd1ee472681b0159144e8b025643ba54c6a45ada9', class: "stzh-radio__check" })), h("div", { key: '1ec316ef5f49de5d67699ff1d10024d4cf34d0d7', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '229f962e86ea3418ef9d0801917ac702229a0a0e', class: "stzh-radio__marker" }, h("span", { key: '7dac367b3b26e543d722a7cdc0e7017a37c48f0e', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'dbf8b21aff62ac6f5be491da9f776bd582c5d28c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'eb23bd8a14864cbe0bc5cf612f2c08b68342eb59', class: classes }, h("label", { key: 'e1c6512dd48fd52895d0e8e7e86dcace891a1910', class: "stzh-radio__field-wrapper" }, h("input", { key: '50d32323f0e8d5cc13b707d4f7b8f15ef11f8e83', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '1bf92e53b6c0ef409f22a1db1ece84cf6bc545a4', class: "stzh-radio__mark" }, h("div", { key: 'a62785dd316355109f7ea356fa615ec31b27d507', class: "stzh-radio__check" })), h("div", { key: '3072bc6b20dc92e59aa23f96774aad632050ae2f', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'c0d39971566a8339b55596d09f83ae2dfe43041f', class: "stzh-radio__marker" }, h("span", { key: '02d0d416d960f924c96635fdd7bfadd3a4a3191a', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd21bc0969efd02afca82b0ced1497ed1a25a4032', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '87ab5acf3285e08d28bcc5e31efd788a4895d317', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '52d2504afac8cc23808e9e2f38d759bd13023fb7', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: 'b791dde46aca700c13b08a4b79739e67f2edab42', classPrefix: "stzh-radio", 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-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -180,11 +180,11 @@ export class StzhRadiogroup {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: 'ccfcdc486fdd9cb8a6aff8a79c75bb95b322dc2f', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '09cb7063c5bfa998df383a1838b6e0355dfb456b', class: classes }, this.legend && (h("legend", { key: '3504e81a24fd44b2d55deabb327c53e93e46825a', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '50a95a5b9a6026fdbbfbb126dd9ed462c9623557', class: "stzh-radiogroup__marker" }, h("span", { key: 'aa448db2f22303696236c36e8633d4cec1938575', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '3740b25eec16d9fad4da5980f3af77f404758ed5', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '378419593f1c8ec674ab05ae5c21d2ac479df47e', class: classes }, this.legend && (h("legend", { key: '9001d54aa5c245ea896e31571022fd3a2cfe689c', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '43daa7ee9ed341ec99d2296693093fa58bf0974a', class: "stzh-radiogroup__marker" }, h("span", { key: '368c20f2f5549f3c8fe9cdea1651756fd101d44f', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '27684df021ec72f7bd6c65b63cc665aa32432851', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '9e2af580b4cf76df2cb23085e9c00d3f4d5b5490', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'b2787c7d5da95a99cd4d2ceabee711676543232a', class: "stzh-radiogroup__fields" }, h("slot", { key: '5fe6ef8b81698831e4d28133d22c1656208ac9fb' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '902d3a52b6486764c160d22a7f93406ba8bfd91c', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-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: 'cd50cb2242004743ffe6806c21a863ac18189ed5', class: "stzh-radiogroup__fields" }, h("slot", { key: '983b6975197132434ce41131edb29a531e71017b' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '1ef57d5d0cf9fcaf96dc368b7f48c4f39acb8c21', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-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-radiogroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,7 +16,7 @@ export class StzhRatio {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: '8b21c97cf22e8a09933f76444ab120b4b4bd6209' }, h("div", { key: '1531f56313bc56cf041fbd988e2ec7645119fbac', class: classes }, h("slot", { key: 'f66bc6c071d9b449bcd2f3a4b6659c5606d4c427', name: "image" }), h("slot", { key: '01da559bb1612ef797cb6618a14249214475e0be' }))));
+        return (h(Host, { key: 'c95b742deab770caf47711718fce2de79c5b7ca0' }, h("div", { key: '49fcc44f5495ed026c9e6a7956f52bc611d44ad6', class: classes }, h("slot", { key: '7f3dfb5ad0541482f366e91f5930310cb069c11e', name: "image" }), h("slot", { key: '3bba7d1b9df193d59001415a9eed7303a721bf27' }))));
     }
     static get is() { return "stzh-ratio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,9 +192,9 @@ export class StzhReadspeaker {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '2d8790dfc7a953df03c22323b4d2c2733a3296d5' }, h("div", { key: '509a17b7224d2ee02247d3965f2c411c83c2f0f1', class: classes }, h("div", { key: '294da961202d486df9a5847b56c3105f905853be', class: "stzh-readspeaker__actions" }, h("div", { key: '9d83737e2a633e4ead480f8e84f46df9c84f56bb', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'dfa4c42aa26a3620909fc9035b4fe4740716e224' })), h("stzh-button", { key: '907076bb64f296703476a06ab2c60f0bdeb86afc', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: '7435eddf95b8cd5c01cdf27e1974db974a4e67c8' }, h("div", { key: 'c7e2e3e8238fe5b2215f2adaf52a4ff97d990fdb', class: classes }, h("div", { key: '2f57daeb37d5e749019f5ac70218205cebcddb81', class: "stzh-readspeaker__actions" }, h("div", { key: 'e2de1d5e341a2400c1ad5368e96b4a99060db155', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'ae15fb192a99364c47759e8bd89dc8cd611bef9a' })), h("stzh-button", { key: 'b89502ea1f4f2caac5bf26ea727395cc92445cca', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: '02038c3f5e4d6868c749d132c044b1cceff6c394', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2cf2b7b2295cc1628d727fb28b073585024ca0c9', 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

@@ -51,7 +51,7 @@ export class StzhRichtext {
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: '87a7b5d0fbf7848a05e852395fb41ebf45048420', "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: 'bad1ea744f67a0414507341b22aeccdb6dcb774b', class: classes }, h("div", { key: 'fecbf75894f1a9b1b328a16214ef04472f47e379', class: "stzh-richtext__text" }, h("slot", { key: 'fb6d8cbd96a5f89fe6382d00f4912f998f70ff43' })))));
+        return (h(Host, { key: '58827e6fd0fd18dcbf81a4aae2719579097ba3ac', "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: '3ce3060ec4a3a1e1b0bc9ff48ad4e1362fd6da8c', class: classes }, h("div", { key: '58d588128f8e5771204c4434a1da6918db80336a', class: "stzh-richtext__text" }, h("slot", { key: '71ab06e20667004000857ea870fcbe685b202c97' })))));
     }
     static get is() { return "stzh-richtext"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,12 +14,12 @@ export class StzhRow {
         this.content = "start";
     }
     render() {
-        return (h(Host, { key: '78a67fedfca80991b13e78909b2d2ac946cd2b76' }, h("div", { key: '5814d3ae91c58e63be3272d56a8d9744513826df', class: {
+        return (h(Host, { key: 'cb5ba8c2a86bff875abcb4d938b1e451270954ad' }, h("div", { key: '001fa9a443b8b4baa89898cf016a3cad641cc5e2', class: {
                 "stzh-row": true,
                 [`stzh-row--justify-${this.justify}`]: !!this.justify,
                 [`stzh-row--items-${this.items}`]: !!this.items,
                 [`stzh-row--content-${this.content}`]: !!this.content,
-            } }, h("slot", { key: '5b23950827230b17820b03820760f26e03ba5538' }))));
+            } }, h("slot", { key: '6420ccd46fae9fe414fed4b9c3294b495a9cd969' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }