@oiz/stzh-components 4.6.0-beta3 → 4.6.0

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: '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() })))));
+        return (h(Host, { key: '35cd9bdd51c751fecf43393cb8f52751c7b5e80a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'aa3c3bf2eb1c2120c4441f00fbc2d71a8800f80c', 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: '3fd6f95703c9c8b53a586a56a395db5b8737c04e' }, h("stzh-button", { key: '0778cbf90876d018aa56efc77a144cca90e3d6f7', 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: 'bc397fee13ab8bc70ebd53721f9168203646e3c3', 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: '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
+        return (h(Host, { key: '19ed7b854c75d655646af3a78fed6242484e24f9' }, h("div", { key: '799b2889fd4fa6603ead5e66a7339f25c34b373c', class: classes }, h("stzh-figure", { key: '3f09c5778609fa8906c1e4882b257a3524b13a51', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '62d593506f431001fe5ddddbed40ab48664f5849' }, h("div", { key: '80a92aa775e54ab621cb6d8e61c8d5136b3f8bd4', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'a74efd162f0402de4e55f8a1901a54f501fb735c', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: 'fba87eb5e8b8047af10a700eb2694e90b910923a', 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: 'a5474fd8b6ea6e4a9ca8feee8db74a02e2c9a03d', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: '9c16c62c2aa239bc38e2a798abdd77d766b35b48', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'db3de1bbe02d46f87ba2c1702bc1858b7604e1f0' }, h("stzh-button", { key: '79b4abfe1c73ef00c60260efbc6b6065a7ce1477', 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: 'aa0804ab39aff4ee8efa08641a3297a532d888a8', 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: '2cbcbd7abc6637ccf9457d59d6fa36643d8e48b5', 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: 'ce0874b87cd904bd22976ddf91a1c4b32724afff', 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: '5e543fa902144c26d1f4df3783c51e134bd81a59', 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: '27ba2bd8c9b7d4769517601ceb0f7b2b94510ef0', 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: '6fab2b1f5ac20d05573d61633564eeccc7601dd5', 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: 'f14391578d80d071ea38c7c7f5c2e983e2eacaae', 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: '75b0fba784b644784ffac80acef91bf39789f003', 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: '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" }))))))))));
+        return (h(Host, { key: '0f7cf64fe52affd7c9ffe014d80a40c5b0ec6e40' }, h("div", { key: 'b51ecd65f202d74d15e98bcc0913568e304608b6', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: 'f7257b05cfc679e155f7df6cc884576b05fe1258', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'b7d2f4d72ae7448e471831e36a79205d8c2b1016' })), h("div", { key: '8f6817092e032ea20f20f1231438b4e8fc67a290', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '7fa6502542ec79f1e4a1155364705004a0566a2d', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: '18d1fc955f42595ef5d7b5b182f6cca2354c4093', class: "stzh-popover__backdrop" }), h("div", { key: '3e8b101b744aaf465b81ea4e34d4af6e838593bd', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: '6d42f53829e9ae120de8612f145ea017e0eec4a5', 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: '622edbcb84c4259a5c44d8ec63134fffbcbd036a', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: 'e27f52997bd88c2f1ff458c05f179317dccfd431', class: "stzh-popover__content-inner" }, h("div", { key: 'd13ad32a78775103786ea8d703a41d56ec56f378', class: "stzh-popover__label-wrapper" }, h("h2", { key: '0e9ca7b6b509b14da795900ae7c22c105dfe2b01', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: '99746d97b3fa0cdd32d3a2b7c51a305d2ec3b6d9', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: 'a0fc6e6875968f6f2ff8f3a01337d8458df2b2da', name: "close", class: "stzh-popover__icon" }), h("span", { key: '37f71948e024e33f43ed9bec9c57c85e8d99167f', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: 'fdd58841e5365654cd7633967ca99e13fbb98152', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '772c3797426747f863563718a739d00c1efe0667', class: "stzh-popover__content-slot" }, h("slot", { key: 'f3df3105a40ffc7bb32e3dd4232f6b0505ea1cbf', name: "content" })), h("div", { key: '6f8c14cd375ca35eef8ca47fabc68db05d57b6f4', class: "stzh-popover__action-slot" }, h("slot", { key: '898ac6d2983e0a049c4d8f0bc2d666b7f16d4933', 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: '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)))));
+        return (h(Host, { key: '8bb17a01f0615f78ec64f231666c91ff8a3d0583' }, h("div", { key: '1a1e265cdd28e5b3a4ca71cc2facefd5afe6af05', class: classes }, h("blockquote", { key: '89461439d5c55698bb33ff6f333073965ec1ef91', class: "stzh-quote__content" }, h("p", { key: '7ea0c91da80cbbeb603111a742f65e61f089f02e', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'c874265d169bf8b4b262f9d833732c06ff39af11', 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: '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
+        return (h(Host, { key: '9a9bfda6e5d60d9448b91af7f8ca08c8082c35fb', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b28eec2c8a778a08a9597d61d3192ebaa8c8e549', class: classes }, h("label", { key: 'ea9d400da0eafe6d7213da7658566917475254f7', class: "stzh-radio__field-wrapper" }, h("input", { key: 'efd4c19b63aa946b4c2ad4cfde62e4985320f23c', 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: 'c6cc1edb0e831cb5592d556b6f9f6be46998b041', class: "stzh-radio__mark" }, h("div", { key: 'cf170d1283bf6daa625749d635d4c207274d27bd', class: "stzh-radio__check" })), h("div", { key: '396c3581e09a5bdb011e02d8aee06beaf7aa8395', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '281aba0959ee7aba3c46c6e0abcce0dfb3a44dc2', class: "stzh-radio__marker" }, h("span", { key: 'c17d68e090c2bb11ef33e51ee815b935f37e75a7', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '87ab5acf3285e08d28bcc5e31efd788a4895d317', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '58b679755b4bf7ead2b6850f2992390fbf08558a', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : 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 })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '6ebe6aab00072cf349314880536951991ceb9eee', 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: '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
+        return (h(Host, { key: '899a1955959d8aaa4efe64765d27627841178eae', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '58f9bbae7466c976953e4aae8cfe640449a8a2eb', class: classes }, this.legend && (h("legend", { key: 'f37de0069671e98b92e88a91d884f68031571a01', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: 'e312c32c3dfad5959721f1b8661fd0e16435fb94', class: "stzh-radiogroup__marker" }, h("span", { key: '7db2bf5b7a30086b810f1d26914bf9106528bbea', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '9e2af580b4cf76df2cb23085e9c00d3f4d5b5490', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4475d36e61070e43bfc9864caf0000c0ce3d4de4', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : 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 })))));
+            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'dd084175dac3b689df8476c0caf3042ba256cc68', class: "stzh-radiogroup__fields" }, h("slot", { key: '98c4cc78cf74f258f41f83edb7075ab4051bf27b' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '531fa801d429eb039a77e4f22b2e3b8b58d46245', 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-rating/stzh-rating.js

@@ -264,7 +264,7 @@ export class StzhRating {
             .filter(Boolean)
             .join(' ') || undefined;
         const currentValue = this.value || 0;
-        return (h(Host, { key: '7ef87267b4048f58eb41c68ebee6f028ff8bf7e5', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? 'true' : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: 'f7c03407c9b3c127f032a4eb24747b3a01da9db1', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: '8ac57160477dacf61cc3dbe80f11bb8a6442689d', class: classes }, h("legend", { key: 'c97abb8f71434f648b2f7425dbff507b62df4b30', id: legendId, class: "stzh-rating__legend" }, hasSlot(this.element) ? h("slot", null) : (_f = this.label) !== null && _f !== void 0 ? _f : 'Label', !this.hideOptional && (h("span", { key: '5a8f68604e8a2bfbe1d5e615fe4f4f98bd153cb6', class: "stzh-rating__marker" }, h("span", { key: 'cdcacdbfdcb4f507b36cfe9fe0147fec72d184d8', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '2ca7e2ee773bd87eef8a24132ecf2bbd76922aa6', class: "stzh-rating__marker-text" }, markerText)))), h("div", { key: 'd99ea0617f5769320ea5c07bbe88ae62ba42923a', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": hasTextLabel ? legendId : undefined, "aria-label": hasTextLabel
+        return (h(Host, { key: '8994f69d23237b3bbc118e4e72d59b57fc3282fd', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? 'true' : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: '203eaefdd68ac9883e86cd7b9be472a15453ecd1', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: '7826202a741d4b0ee09f875f345b33b84708a697', class: classes }, h("legend", { key: '32105c21f00164b1885b7db714bee2048d4b56a6', id: legendId, class: "stzh-rating__legend" }, hasSlot(this.element) ? h("slot", null) : (_f = this.label) !== null && _f !== void 0 ? _f : 'Label', !this.hideOptional && (h("span", { key: '784303a15536df960e017035c5b90c5eb0b34cf4', class: "stzh-rating__marker" }, h("span", { key: 'f589ee64282f160189c18c7d2c799002da687105', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '23c5dd2ab1b744d72af50629ac4f8926c0955a10', class: "stzh-rating__marker-text" }, markerText)))), h("div", { key: 'd6a39c5f6cecf8099ed73b3ad60dd72b46f762b6', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": hasTextLabel ? legendId : undefined, "aria-label": hasTextLabel
                 ? undefined
                 : this.readonly
                     ? `${currentValue} von 5 Punkten`
@@ -280,7 +280,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", { name: displayValue >= i ? 'star-filled' : 'star', "a11y-title": "", style: { '--size': '100%' } })));
-        })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'b040d0cb0f915abeef05afeb8d0d276cfdd29b18', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_h = (_g = this.localization) === null || _g === void 0 ? void 0 : _g.$globals) === null || _h === void 0 ? void 0 : _h.moreInfoButtonLabel })))));
+        })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '4c3ef0def00da808413a7db2d2e057bf2b336c12', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_h = (_g = this.localization) === null || _g === void 0 ? void 0 : _g.$globals) === null || _h === void 0 ? void 0 : _h.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-rating"; }
     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: 'f8f978aebf62b2bcc731ff4a5f403d52d6e37bbc' }, h("div", { key: 'a9db64ba2482ae8d01ade3adfdaf236b43b3e46c', class: classes }, h("slot", { key: '962753ffefdaa521bba057678da60055a6e31f46', name: "image" }), h("slot", { key: 'f100a670af2fc60870b3e044a0012f0546390456' }))));
+        return (h(Host, { key: '59dba18b85d09ea3e5fdad242e85055a6f50af54' }, h("div", { key: 'fc916e690a8076b27c25f148142a54c516cc511c', class: classes }, h("slot", { key: '68e15d52a884fbed1db71e883c9548b360727b35', name: "image" }), h("slot", { key: 'ee3202e10014a88968f6aac83b7d6740a87f5b42' }))));
     }
     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: '52bd32d33d0abe40198e3f10c1f497c26c8aa27e' }, h("div", { key: '51f4464454673322309e8d4fc33e3488e3f8d5f2', class: classes }, h("div", { key: 'ac895f97aa77c2b34eb323314fff2dd5d6b4f997', class: "stzh-readspeaker__actions" }, h("div", { key: 'feb63b2dc32debd2c983a754bd710cee3beb382e', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '0507a906e22843bd51e9e8f2de31cfbb3c759aa2' })), h("stzh-button", { key: '06836bb26273b693b5f63ef00798f429c36d2540', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: '6dc2ff27277914706f859e6329a164c7ad8f2784' }, h("div", { key: '9bb4556191d2b56c936a1d595c9e08f58361b969', class: classes }, h("div", { key: '43b34a3efbcea8dcacb9067b22836534bac00136', class: "stzh-readspeaker__actions" }, h("div", { key: 'f51655400b5a06580625d6d8cdadc58af680d3f6', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'dc3cff07cf28a634598fc5f4aacf6380dfcabe31' })), h("stzh-button", { key: '9f57bdee52dee64cb2c227e4ff30222d86d2f8af', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: '6c8fdae838c96bc68d8140921e5714b4e5cb3225', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: 'f28c2e3a35eb98427a24a5b42dad503f341eaabc', 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: '7d740992726239f579adf74a302a37eeebd48d45', "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: 'e99fb5c468058f8474eca578e162e7897255fa92', class: classes }, h("div", { key: '69dcf95c18b2edb1d5ad0601694882f58f756fcc', class: "stzh-richtext__text" }, h("slot", { key: '349d1cec585946071f35d508f70d7d635531a52f' })))));
+        return (h(Host, { key: '178c5beeae7ae4cddc2c22ef154b8ed3f7f79e06', "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: 'c785285657113c18652de6ab87fd475757c95d05', class: classes }, h("div", { key: 'b141cd2610717ef9a0bd556112c4d51bbf0f5910', class: "stzh-richtext__text" }, h("slot", { key: 'a7fe434f1ece432a03c93b65dbea538ee0bafb9a' })))));
     }
     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: '75717d9aa2b235c7c682be7ac4c5ef9fa8155860' }, h("div", { key: '7cca747d6d253e3b4f30e79add533f9c3cf338e2', class: {
+        return (h(Host, { key: '4dcd0c5491c21ff434da3f58e3ebdf5da2e70b4b' }, h("div", { key: '0da37e0bd00c1cc53a055c21c6297d7f6a877a96', 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: 'c2f3c4cd8344f9ca704a1829c6cecffc274bd818' }))));
+            } }, h("slot", { key: 'a6f99fbcee35df5bd6c5629e0c15d70bdf7091ed' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,8 +63,8 @@ export class StzhSaptcha {
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: 'c74541383dcef700b89094f4a2c943aeb625650f', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'c50efbedf3d251c472145275f61de1305ab23b66', class: classes }, h("div", { key: '244bf065e9c02153cab7a27b64454161045f5045', class: "stzh-saptcha__box" }, h("div", { key: 'b4f7bdad90c4ab9474846be9f127dda39d92947c', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '93f85b30ba9de230b9997496ca9fc6537ff48b30', 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: 'a16bb7fa91e83cc9a66fc0bb57f9be3d5b543f25', 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: '7d0eab8814046e091ae0afe6a78013d5442d0543', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'be8a662693207be63edb5a2c17151feee7ce27c9', class: classes }, h("div", { key: '4cd3166a76080e786c7dfffe306049d10023b279', class: "stzh-saptcha__box" }, h("div", { key: 'bbca46431f63a9662a9155415f9acc293c9c42b5', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '82e19b2480add3bd075cd97654bf196cb9ff384f', 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: 'b24e5d292a0ea63c856506a53827e5fe4223c063', 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: 'ff0ae98b43a823764f85176c0af434c5ed4689b4' }, h("div", { key: '399abc4a3899606db70deafc1e90862b4b1c8c6a', class: classes }, h("slot", { key: '472cf3004b5f68110d707558953007ae5006410a', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '65695480abf267fd8a59c000ceadc77c1b8fc5aa' }, h("div", { key: '44d43fb0af927aa3bc8069771c5612ee706ab7cc', class: classes }, h("slot", { key: '92c06521997083853b1eb67c8bb31a473ce30d52', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-scrollup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,12 +45,12 @@ export class StzhSection {
         this.init();
     }
     render() {
-        return (h(Host, { key: '9763843c7ea027af9b60d9b9e7d475e18cf8d692' }, h("section", { key: '02baa8865f8d9744d84456865fce9da594a64c01', class: {
+        return (h(Host, { key: '080dbec266477b46bdb3d2d2b07822e1db512581' }, h("section", { key: '0a73bc422d6c7c0a489fe5f161e83ee1ed5e54bb', class: {
                 "stzh-section": true,
                 "stzh-section--is-breakout": this.breakout,
                 [`stzh-section--${this.variant}`]: !!this.variant,
                 [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,
-            } }, h("div", { key: '0c58c83c49b8d05e40f3c492bbccae9bbf04250a', class: "stzh-section__outer" }, h("div", { key: '014b79cf6c29774abf224c92191a27e4e90b8c05', class: "stzh-section__heading" }, h("slot", { key: 'c84bbabe250427b481ffdb43ad0f86c31b8331cb', name: "heading" })), h("div", { key: '2c8112066ec32bdeb42e7b6f12c9daf62dea1277', class: "stzh-section__wrapper" }, h("slot", { key: 'f95eb1003d5858968bb8a48de83d0d11a21832a4', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: '04bb63955a7acbe9e808a651a1452bb772cae7e2', class: "stzh-section__outer" }, h("div", { key: '40efd5e4c195fd8a3e1bdc570aa3e622b5db3ae0', class: "stzh-section__heading" }, h("slot", { key: 'e1838a0da46a16129e8bffedf8c8d34740f4ccf1', name: "heading" })), h("div", { key: '81c7a5f8cab33379fba28441fd9b9d5a72373d9c', class: "stzh-section__wrapper" }, h("slot", { key: '7306c6ba866e74718e4d07df7d5d56d521fb165a', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
     static get is() { return "stzh-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class StzhShare {
                 icon: "xing",
             },
         };
-        return (h(Host, { key: '943dd2fe7b317996e30e3f1f9b1b329b257778b4' }, h("div", { key: 'c925d648fa0bc44947364d29ab762421936fd358', class: classes }, h("ul", { key: '29540f45c4c25d2c2e4a783a8519785522bfeae5', class: "stzh-share__list" }, this._services.map(service => (h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
+        return (h(Host, { key: 'ba8bc5d8f6a453874af6ca90b82fa7cb2da8cd80' }, h("div", { key: '83b128f037a1ab39ea3148a8ea2f7595be1c2bc9', class: classes }, h("ul", { key: '527de85326a806872ddb555fe44d5a212867f8b4', class: "stzh-share__list" }, this._services.map(service => (h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
     }
     static get is() { return "stzh-share"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,9 +53,9 @@ export class StzhShow {
     }
     render() {
         const timeNow = Date.now();
-        return (h(Host, { key: '3988fe96092873f8c40cb1263e94c6a58f9cda2f', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
+        return (h(Host, { key: '95863d44444ce6ec7c22af7758e3beda645f54dd', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: 'c8694ec29f887ad4bfca6b11474fc147d3c4c1eb' })));
+                this.closedByCookie }, h("slot", { key: '5de68cb64563e470ed611adac04814c6676ad220' })));
     }
     static get is() { return "stzh-show"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css

@@ -1765,19 +1765,21 @@ the .has-focus class is used by the focus target */
   --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);
 
   /* Font families */
-  --stzh-font-family-regular: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --stzh-font-family-medium: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --stzh-font-family-medium-italic: 'HelveticaNeueLTW05_66MediumIt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --stzh-font-family-bold: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --stzh-font-family-heavy: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --stzh-font-family-regular: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --stzh-font-family-medium: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --stzh-font-family-medium-italic: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_66MediumIt', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --stzh-font-family-bold: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  --stzh-font-family-heavy: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   --stzh-font-family-title: var(--stzh-font-family-regular);
-  --stzh-font-weight-regular: normal;
+  --stzh-font-weight-light: 300;
+  --stzh-font-weight-regular: 400;
   --stzh-font-weight-medium: 400;
   --stzh-font-weight-medium-italic: 400;
   --stzh-font-weight-bold: 500;
-  --stzh-font-weight-heavy: 700;
+  --stzh-font-weight-heavy: 500;
+  --stzh-font-weight-title: 500;
 
-  /* General heading color */
+    /* General heading color */
   --stzh-heading-color: var(--stzh-color-secondary90);
 
   /* Logobar & Header */
@@ -1790,26 +1792,26 @@ the .has-focus class is used by the focus target */
   --stzh-header-menu-list-item-background-level2-hover: var(--stzh-color-secondary10);
 
   /* Homepage Search */
-  --stzh-homepage-search-background-color: var(--stzh-color-violet20);
+  --stzh-homepage-search-background-color: var(--stzh-color-pkzh-cyan20);
 
   /* Pagetitle Home */
-  --stzh-pagetitle-home-heading-color: var(--stzh-color-violet20);
-  --stzh-pagetitle-home-subheading-color: var(--stzh-color-violet20);
+  --stzh-pagetitle-home-heading-color: var(--stzh-color-pkzh-cyan10);
+  --stzh-pagetitle-home-subheading-color: var(--stzh-color-pkzh-cyan10);
 
   /* Pagetitle */
   --stzh-pagetitle-transparent-heading-color: var(--stzh-color-primary70);
-  --stzh-pagetitle-background-color: var(--stzh-color-violet20);
+  --stzh-pagetitle-background-color: var(--stzh-color-pkzh-cyan20);
 
   /* Breadcrumb */
   --stzh-breadcrumb-color: var(--stzh-color-secondary90);
 
   /* Homepage Service Highlights */
-  --stzh-homepage-service-highlights-mostsearched-background-color: var(--stzh-color-violet30);
+  --stzh-homepage-service-highlights-mostsearched-background-color: var(--stzh-color-pkzh-cyan30);
   --stzh-homepage-service-highlights-mostsearched-item-font-size: var(--stzh-font-centi-font-size);
   --stzh-homepage-service-highlights-mostsearched-color: var(--stzh-color-primary90);
 
-  --stzh-homepage-service-highlights-topnews-background-color: var(--stzh-color-white);
-  --stzh-homepage-service-highlights-topnews-background-color-hover: var(--stzh-color-secondary10);
+  --stzh-homepage-service-highlights-topnews-background-color: var(--stzh-color-secondary10);
+  --stzh-homepage-service-highlights-topnews-background-color-hover: var(--stzh-color-white);
   --stzh-homepage-service-highlights-topnews-subtitle-font: var(--stzh-font-family-medium);
   --stzh-homepage-service-highlights-topnews-item-subtitle-color: var(--stzh-color-primary90);
   --stzh-homepage-service-highlights-topnews-hover: var(--stzh-color-primary90);
@@ -1862,11 +1864,12 @@ the .has-focus class is used by the focus target */
    * CTA
    */
   --stzh-cta-button-background-color: var(--stzh-color-white);
-  --stzh-cta-button-color: var(--stzh-color-violet90);
-  --stzh-cta-hover-button-color: var(--stzh-color-violet90);
-  --stzh-cta-hover-button-background-color: var(--stzh-color-violet10);
+  --stzh-cta-button-color: var(--stzh-color-primary90);
+  --stzh-cta-hover-button-color: var(--stzh-color-primary90);
+  --stzh-cta-hover-button-background-color: var(--stzh-color-primary10);
 }
 
+
 .stzh-theme-pkzh--lemonyellow {
   --stzh-pagetitle-background-color: var(--stzh-color-lemonyellow20);
   --stzh-cta-background-color: var(--stzh-color-lemonyellow90);

package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js

@@ -8,7 +8,7 @@ export class StzhSkinPortalMitwirken {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return h(Host, { key: 'ce9bbbce964634f49e4d14cb680331763c34f256' });
+        return h(Host, { key: '5ef4ca2f5a18140d981e6dd871338688635230bc' });
     }
     static get is() { return "stzh-skin-portal-mitwirken"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js

@@ -8,7 +8,7 @@ export class StzhSkinStorybookPreview {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return h(Host, { key: 'ec7727f498a8c1686410cbeac929e27fb621050f' });
+        return h(Host, { key: '1e2e4834ed2c8d5b6871799c307c7c9006973fcd' });
     }
     static get is() { return "stzh-skin-storybook-preview"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class StzhSkiplink {
         }
     }
     render() {
-        return (h(Host, { key: '091a7298ed30636dfcc8bc7fc0ad34465293f0ad', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '6ecf452fabfa3c49b8ac38c5e8b8d06a37256d00', ref: el => (this.link = el), class: "stzh-skiplink", href: this.href, accessKey: this.linkAccesskey, title: this.linkTitle, onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '4443ffd049012977e1887f3340442eaeeb36b135', ref: el => (this.text = el) }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '20df16d529408855cc20dc96a2315d913f94e443', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '240a7db2c8b820e5c6cea947c6450fd42412f292', ref: el => (this.link = el), class: "stzh-skiplink", href: this.href, accessKey: this.linkAccesskey, title: this.linkTitle, onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: 'a0b1f2d532f88b8eaf6ba31860b9a9124c05460f', ref: el => (this.text = el) }, this.label ? this.label : h("slot", null)))));
     }
     static get is() { return "stzh-skiplink"; }
     static get encapsulation() { return "scoped"; }

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

@@ -323,7 +323,7 @@ export class StzhSortable {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (h(Host, { key: '4d1993f9711dbccbdda8be7bc4f348f1495d1521' }, h("div", { key: 'f9c14763667219e2d58ca0aa8067bd23187800f4', class: classes }, !this.disabled && (h("div", { key: '36ef85d9b975eee8d16b193b321dfa8087fc8e15', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: 'd7388b3158e63a4f0e0e2fc9a1294063dc64532d', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: 'd0e5d282fe3a4f826df465cff393cfe031682c37', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: '107701cbe31befd4f7d30e9198a8fd61d74f20dd' })))));
+        return (h(Host, { key: '5caf9890387742c7e9f287c5ce7445e8afb4ed7a' }, h("div", { key: '3dca5ea740b036f93e09064728f2dbc15d296f35', class: classes }, !this.disabled && (h("div", { key: '9989d9568e984c82fb811fb372c1a626768fac4e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: 'a94219d81904bf113d6e824dd836585ce0d193e0', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '5089be8cad542b59a16a0417d5c95dd0be34ad03', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'e6632ae839549ea2a90a2845713da4c972a018e7' })))));
     }
     static get is() { return "stzh-sortable"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,12 +16,12 @@ export class StzhSpace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: 'cbb8f8c45c8e765f107fcdbf67b800d8dde7c96f' }, h("div", { key: 'f5ba2f771f2fe819694f6299c34d9a920730f3ea', class: {
+        return (h(Host, { key: '0127d359c7ace541aae74f5395a44f4a88d324d9' }, h("div", { key: '9dd25b5e4f694b81aa4bfb47fca7dd5347b9a353', class: {
                 "stzh-space": true,
                 "stzh-space--is-around": this.around,
                 [`stzh-space--justify-${this.justify}`]: !!this.justify,
                 [`stzh-space--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: '6c18be1284fbea6a7679baf418acab52d7b91705' }))));
+            } }, h("slot", { key: 'eb8dcf7931a28c4f866458154c063c4a115c7ed5' }))));
     }
     static get is() { return "stzh-space"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class StzhStatus {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '6dc65ab210866d412d46957e680ea3eea275ca98' }, h("div", { key: 'b7c5a21334e273f2f99e757dea45d09ab99401d9', class: classes }, h("div", { key: '6e41e3163c90531f617028cd253d34511ee2d3a1', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '0675aed9ce920ab6bb8cc9869ee4b5ad43b3566d', class: "stzh-status__dot" }), this.label && h("div", { key: '4e98298452020de344d79453025b82d00481aadb', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: 'd2f154241b64e3d30828ea856c69687eb237182b', class: "stzh-status__bar" }, h("div", { key: '77cf5ab240bc3755003748f0cda4d16a5256b7c6', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: 'fc48ca0f249a982c132e0c77795814a1a7fcf859' }, h("div", { key: 'cbd462b5bcf8517d777a68885d9c4800ec5c75bf', class: classes }, h("div", { key: 'ea85586192a1cffa9ca0f455784c3a1b6b020bb3', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '8c5fed294f78c5a249294c65ab9c67206bbf5b61', class: "stzh-status__dot" }), this.label && h("div", { key: '4ee8191fd6a19bda99422e1abd692db8bcfecf91', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '84507af01cc50535377a2eb5dbb244a0f37c06e7', class: "stzh-status__bar" }, h("div", { key: 'fe0d44cb7137d27c48fec53c6d5a65702748cc97', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }

package/dist/collection/components/stzh-stepper/stzh-stepper.component.js

@@ -160,13 +160,13 @@ export class StzhStepper {
             "stzh-stepper": true,
             [`stzh-stepper--index-${this.index}`]: !!this.index,
         };
-        return (h(Host, { key: '473ab777a6a95f31a1cb374a926cb7d7782f3223', style: {
+        return (h(Host, { key: '5ef938d68fca7a18b83222538cda0ecef2d948e0', style: {
                 "--steps": this.currentSteps ? this.currentSteps.toString() : null,
-            } }, h("div", { key: '4dd332ef95fe107bba4a96ceeb82bd2d7bd13f8c', class: classes }, h("div", { key: 'dfece9ddf0162dd1ee3c4e923b90273233d8d55a', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index) => (h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
+            } }, h("div", { key: '8271667503e6530bf78f033580917a4e81a60067', class: classes }, h("div", { key: '775b68d4f7da410bde0962b0375b65e594431786', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index) => (h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
                 this.handleStepClick(e);
             }, onStzhDottedClick: (e) => {
                 this.handleStepClick(e);
-            }, class: "stzh-stepper__item" })))), h("slot", { key: 'cdf95e09a40a83e58f652d1d3729e8b6823a50a0' })))));
+            }, class: "stzh-stepper__item" })))), h("slot", { key: '3b5085e0622c76ea384f615547abb30f1b00a4a5' })))));
     }
     static get is() { return "stzh-stepper"; }
     static get encapsulation() { return "scoped"; }

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

@@ -51,9 +51,9 @@ export class StzhStepperItem {
             "stzh-stepper-item--passed": this.passed,
             "stzh-stepper-item--passed-incomplete": this.passed && this.incomplete,
         };
-        const dotted = (h("span", { key: '0bf9234ea09d7256821226dbfb79cf102cd5c6ce' }, !this.clickDisabled ? (h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
-        const content = (h("span", { key: '66350ac5cd3f8921dd36829016105f03e50d02a1' }, h("span", { key: '90290a7a564515870587081f03a4dd4230e8d604', class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h("span", null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { key: 'f7195c8c791c923e54d8b38c392015ba00bb1173', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
-        return (h(Host, { key: '406fb7aff128a46f2d95d959107d8387598c0014', role: "listitem" }, h("div", { key: 'c44f4023832d9fda7750ace8d3079eeed5a61442', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h(Fragment, null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null)))), this.first && this.dotted && dotted)));
+        const dotted = (h("span", { key: 'db5d54bfde1b949f294a33695a3832b7e29de143' }, !this.clickDisabled ? (h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
+        const content = (h("span", { key: 'be2ba5499107635d3ca67082e2e376fcd2dae68a' }, h("span", { key: 'a90c6568f01372bed84a708a954a53c4988fabc3', class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h("span", null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { key: '8df1c698f60564937d6fe356b76f739cc3d52fac', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
+        return (h(Host, { key: '043fa48b05e89f6d4861efc16ee401b47a612983', role: "listitem" }, h("div", { key: 'fedb2865259d8a95050b7b26bc882826747e7f77', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h(Fragment, null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null)))), this.first && this.dotted && dotted)));
     }
     static get is() { return "stzh-stepper-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -284,7 +284,7 @@ export class StzhSticky {
             [`stzh-sticky--position-${this.position}`]: !!this.position,
             [`stzh-sticky--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '002461e23be34554fb5537981f26d10f88e43922', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '8d9fae15006c6dfcba20a600557d02f0668291f7', class: classes }, h("div", { key: '6454975317fba64ca5a897c5a21cf881f45d135c', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '47832c767c9f3fee6aaa8e75abe8ccf6e31e15b5', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: '4c396a8fc77a9e9e1782b3cc49599e0821f4358d', class: "stzh-sticky__content" }, h("div", { key: '791776dc949e25713e5604e11b7830fcfe796adb', class: "stzh-sticky__content-inner" }, h("slot", { key: 'be42bc0f54a78d6eb55210d66cebfba5eeb8cf40' })))))));
+        return (h(Host, { key: '01492883beb334fda54b1931275876d27bdedd66', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '0606eea000f552312f5b878d7b9a178f1a905c40', class: classes }, h("div", { key: 'cd1f582162db1ab90df203edaf974698eaf1c174', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '61e32982fcf9646b97590b0df6645a78fdce3e98', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'fbd1e9f36343848fdbb0b5a2e06e29a564417b36', class: "stzh-sticky__content" }, h("div", { key: '8eb4d39bfd9a0230833b19eb384afcb95661e97c', class: "stzh-sticky__content-inner" }, h("slot", { key: 'e730934534a68074c5c20c594e37e4a0a0c8db9a' })))))));
     }
     static get is() { return "stzh-sticky"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-sticky-actions/stzh-sticky-actions.js

@@ -56,7 +56,7 @@ export class StzhStickyActions {
             "has-active-scrollup": this.hasActiveScrollup,
             "is-not-slotted": !this.isSlotted,
         };
-        return (h(Host, { key: '1c3e8e1f9e5a9457d92c7aa021fd5702bd4f9c76' }, h("div", { key: '3f642d502844e3ff37712dcd2f3dcdb66830e68b', class: classes, "data-stzh-sticky-width-container": true }, h("stzh-sticky", { key: '3d97d8ede163f1d8ef30a5e8c94abe5c6fe08758', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, h("div", { key: 'f1e0442f2acad77e7d63b06a4be6b370b0df27a2', class: "stzh-sticky-actions__container" }, h("div", { key: '5906232c13a31beebc4312bd1fb613145226175b', class: "stzh-sticky-actions__chat-wrapper" }, h("slot", { key: '3e4a30dafb3b4261a4918089c6e24b0ff39b86da', name: "chat", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '4ae2ed770b028bf813a1ebcd613b685395b35363', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, h("slot", { key: 'fa876a9e7447aff4a27f7df16aed881811ce11d2', name: "scrollup", onSlotchange: () => forceUpdate(this.element) })))))));
+        return (h(Host, { key: 'f31d75f7255b737884b7e943b83d417db2e1d065' }, h("div", { key: '245a6df8bf6bc9abb09d36248d2755fb307121c4', class: classes, "data-stzh-sticky-width-container": true }, h("stzh-sticky", { key: '6b2591cca8e1cc8b43f30b1d07f96ec5e3a97e9a', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, h("div", { key: '4064bd01b926e272fe764719a5965e109207b9b3', class: "stzh-sticky-actions__container" }, h("div", { key: '15d4a428c8e1634319688d9833e88ba4a315ce52', class: "stzh-sticky-actions__chat-wrapper" }, h("slot", { key: 'df627cce54c13126c8632e00d396472904cd4230', name: "chat", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '366fb6c417c8eb70ce981d5db8db28cc77a019f4', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, h("slot", { key: 'adc63bed8d080c5832e918cdb26f3193f605e46d', name: "scrollup", onSlotchange: () => forceUpdate(this.element) })))))));
     }
     static get is() { return "stzh-sticky-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -157,7 +157,7 @@ export class StzhTable {
             "has-action-or-search": actionButtonSlotUsed || searchSlotUsed,
             "has-header": headingSlotUsed || actionButtonSlotUsed || searchSlotUsed,
         };
-        return (h(Host, { key: '1a569a03fdacc4e475c64d11670faace58c4c05c' }, h("div", { key: '31849e7fed8077c8e0c753a041c54ecea4918ec6', class: classes }, h("div", { key: '7c24640e369bb95a3af510ce385d42bc66463281', class: "stzh-table__header" }, h("div", { key: '1998c6a94af5ecdbd1f6ee879a91898186ecee22', class: "stzh-table__heading" }, h("slot", { key: '0be01aee17c703962708e278a280b2762379c41d', name: "heading" })), h("div", { key: 'd94f967685baf484eb7551ff1c9259dd6fba42a8', class: "stzh-table__sub-header" }, h("div", { key: 'db19805f9ee5fc5b70988d93e959a79ba9a8fa83', class: "stzh-table__search" }, h("slot", { key: 'f471fb027dc98be7a01a82b3ae38e40b8dca7133', name: "search" })), h("div", { key: 'b34bc17aac1c2dc2d83e2c78b279d7e7911d387b', class: "stzh-table__action-button" }, h("slot", { key: 'e6c19935a9a643ba9c29fd3132aa198b79970190', name: "action-button" })))), h("div", { key: 'ff9840fd441a5a1b620627966ec696787a0b4e44', class: "stzh-table__outer-wrapper" }, h("div", { key: 'a212b7e901f5ff3a498293d075694d0eef9c4b25', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, h("slot", { key: '5755b8d652db0b93f818e44daa9d299264ea34e3' }))), h("div", { key: '403c1237e53f32ca272651f826877858bbdf7172', class: "stzh-table__list-wrapper" }, h("div", { key: 'bfc5da3aba6fc5b59d9c073c1a117d82aed91de7', class: "stzh-table__list-sort-wrapper" }, h("slot", { key: '7272730ef28585039a9a0e1c092f54e9ca974588', name: "list-sort-by-dropdown" }), h("slot", { key: 'e912469e94b5d29b6ab2d6e58ea803d86d62682a', name: "list-sort-direction-dropdown" })), h("slot", { key: '0623aa3587d5006b3ab49ce4ea32dae156185848', name: "list" })), h("div", { key: 'b5de8e78444df0e2a7c4543ded35e4ca0fda1dd2', class: "stzh-table__pagination-wrapper" }, h("slot", { key: '021157fc15ac299aec0b3f6fcd42b906ccee8dff', name: "pagination" })))));
+        return (h(Host, { key: 'd536d4aa9187dee59d10de374b981d50647de9e6' }, h("div", { key: '99916a8b3c85db016290d41c4aef934144248b9f', class: classes }, h("div", { key: '10ee4af6a827596fc4f906f6370b45bb77340227', class: "stzh-table__header" }, h("div", { key: '509ce30c97267bdb5def6a52e90ca440ca1ce9a9', class: "stzh-table__heading" }, h("slot", { key: '8f7e8b7848df8f682045be93dd3a5ed06dc1ffa7', name: "heading" })), h("div", { key: 'af8d49b12ebaeaf8b90ba013011580559710af2b', class: "stzh-table__sub-header" }, h("div", { key: 'f66275959d06a663bc6f5b4208e63727e09e4d3c', class: "stzh-table__search" }, h("slot", { key: '851e47ba09e57191f8dfbacd2666719939b9cb13', name: "search" })), h("div", { key: 'c8bf0f2e64241c69e8863e7479d5d8227c17db4a', class: "stzh-table__action-button" }, h("slot", { key: '07a9cb39e92464833a367024c1e309996808ebfe', name: "action-button" })))), h("div", { key: '852007cddcdd9087083d1223ed0b292cf986f9a5', class: "stzh-table__outer-wrapper" }, h("div", { key: '6c5fcddf9cac6c6b6995e3de95378049d91885d7', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, h("slot", { key: '5ab8e515823b0f2d70077bd4397decc7e946c6d4' }))), h("div", { key: 'e930feda39aa7b16927c1694b1afdf0598924dab', class: "stzh-table__list-wrapper" }, h("div", { key: 'dcba14e36e2097a3c84dba7e81915b60e533f4ad', class: "stzh-table__list-sort-wrapper" }, h("slot", { key: 'a54149315a4b71551e5be8163a0d682782e15c00', name: "list-sort-by-dropdown" }), h("slot", { key: '28453bcefe09fe78b72e92d1ef3513402131155b', name: "list-sort-direction-dropdown" })), h("slot", { key: '6db3b154a9f504bb724edb99900c3235f8df915f', name: "list" })), h("div", { key: '749c96b809e6e724d6f9e223286e6e0a9f808433', class: "stzh-table__pagination-wrapper" }, h("slot", { key: '2cba7afc5e5725a9e678b93bb3f82bad4aa63357', name: "pagination" })))));
     }
     static get is() { return "stzh-table"; }
     static get originalStyleUrls() {

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

@@ -75,7 +75,7 @@ export class StzhTag {
             [`stzh-tag--${this.type}`]: !!this.type,
         };
         const Tag = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '0553f6dd210cfecacef0ffc11921372478dc2b36', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '5f1538ace3621e8007739f53aadd9cd7d49eb54c', class: classes }, this.href ? (h(Tag, { ref: el => (this.tag = el), class: {
+        return (h(Host, { key: '6593610553fe48a4eed6120f02983937e141780f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c3b67aeb280a94253427e31e3ce721d5c2ba7bdb', class: classes }, this.href ? (h(Tag, { ref: el => (this.tag = el), class: {
                 "stzh-tag__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

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

@@ -16,7 +16,7 @@ export class StzhText {
         this.sizeUltra = "inherit";
     }
     render() {
-        return (h(Host, { key: 'db3bb9f9dc23d86145b09a28ef48d0f8c625261f' }, h("div", { key: '76a0496a81d606c7ed6382ed29205a51793de367', class: {
+        return (h(Host, { key: 'a4cc9b1af5bd0f4a6d0b4ab8e89848ba80692ce8' }, h("div", { key: 'b130502e6a051355caef3c2e4667cff27bb11d48', class: {
                 "stzh-text": true,
                 "stzh-text--is-lead": this.lead,
                 [`stzh-text--font-${this.font}`]: !!this.font,
@@ -26,7 +26,7 @@ export class StzhText {
                 [`stzh-text--size-medium-${this.sizeMedium}`]: !!this.sizeMedium,
                 [`stzh-text--size-large-${this.sizeLarge}`]: !!this.sizeLarge,
                 [`stzh-text--size-ultra-${this.sizeUltra}`]: !!this.sizeUltra,
-            } }, h("div", { key: '0597f8af5896d569b49b6bd44d3b2171e89e2515', class: "stzh-text__text" }, h("div", { key: '2520820453bc14c0ec144a1604028da27e4d2162', class: "stzh-text__icon" }, h("slot", { key: 'fcd6137f66d7132e936d87a3e010fa9967bb81e0', name: "icon" })), h("div", { key: '84a85ad7af77f97cf3f7b8e70f8d8b87c4b46dc9', class: "stzh-text__text-inner" }, h("slot", { key: '2d76f4ccf363d9476156c908209a97ef60d76f94' }))))));
+            } }, h("div", { key: '6b4ec592ada560be4ad5c57a91009864ea0636b1', class: "stzh-text__text" }, h("div", { key: 'a18493b5b83c5ca8d331b6c0350244e5ce165ed2', class: "stzh-text__icon" }, h("slot", { key: '4ee38edfeac20d6965643e85271ed2a519d58e87', name: "icon" })), h("div", { key: '3a7f5e9f5bcb711a852c97a5cd7a46a592543bcf', class: "stzh-text__text-inner" }, h("slot", { key: 'abfc6b658c4e1b81e6b4558304e23b1b3503e5e6' }))))));
     }
     static get is() { return "stzh-text"; }
     static get encapsulation() { return "scoped"; }