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

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: '4e07d96b04e477b10895068a63ce7051d4b069fc', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '43c6c3a56116aae48d4710eb492d8d42543a2510', class: classes }, h("div", { key: '99bbce9cb5d20d461dfab80dfa28834dfbb7f52f', class: "stzh-saptcha__box" }, h("div", { key: '252f01b709c92c84f51dcab0862e5cf10dfce971', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'ebf0c0aee4514e1160f9532df0ad8c6ee294380a', 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: '2f5294e2fa1b4496ec002d71a84349e183ec1e0c', 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: 'ee619ffa2a023006996516ea45a6318667ad0562', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '5313a8fc06b72dce7a3e917e91ea30bc05817493', class: classes }, h("div", { key: '79a4f75803b92eab163339b5e04dc61a33a39307', class: "stzh-saptcha__box" }, h("div", { key: '7895197d71b5b2c121aad2390677620f635c59fb', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'd8fae85a010aef0cafdb2b45a9e152d43660265f', 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: '55dfebf4786c62eeacdeb2bcd37919bbbd5734c8', 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: '25d05db7834097a9847f6ffc383096edec46407a' }, h("div", { key: '420bf5593e716079bb866b27ba1a5053a1703c66', class: classes }, h("slot", { key: 'd8d9d33461a9b313bb61cc2f9e519dd65e3fca90', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '4ab02254e94b18e44ad89f8e7382958c738030c9' }, h("div", { key: '25731c368f2aeb959cec2331eeb744bab0051855', class: classes }, h("slot", { key: '74610cc6fd4a16448c665185e2179e6b0883e64d', 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: '217bdcf9dec8073d71555f06f147af51ad02bf41' }, h("section", { key: '9fe2e897d618ecc1e16dccb45a8d9b8320beefa8', class: {
+        return (h(Host, { key: '855ae28229e1857781ba8f3b9a5f800d6fe469f5' }, h("section", { key: 'df3c8b28f1570f4440c09bfe6be9a84bcc088cbd', 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: '62b33ef27042513eafb64382970f1b581b25073e', class: "stzh-section__outer" }, h("div", { key: '5f22e05dfdfd89a10c823cda6ff5e8b8b54c6ca6', class: "stzh-section__heading" }, h("slot", { key: '894c483bb197c3104aaa00da933e45e2234b3ccb', name: "heading" })), h("div", { key: '44c86a8ba3cf0bb62fa73be93c462ea619bfad25', class: "stzh-section__wrapper" }, h("slot", { key: '45dc78b55fbb544e98da98cb2f4054768aed0b26', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: 'e107f0d8aa0b57836d2a430853ef3aa341cf15bf', class: "stzh-section__outer" }, h("div", { key: '9600ec45d884742df11c0d197b6cecb3e05ce06e', class: "stzh-section__heading" }, h("slot", { key: '5c1ca48798cc1e5d25033d81da51959d5b95af4a', name: "heading" })), h("div", { key: '4b9b44f144bae1d348a00ab3c7959bf26960a754', class: "stzh-section__wrapper" }, h("slot", { key: 'fb21898a14cc76e3fff486b041dbd6cd77ed56a1', 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: '5ff252cebdf9e2aeef34cf3e8d77f7c93aa0e121' }, h("div", { key: '20a3cc2e0448cc29cda485f65c4b556cd2752b7e', class: classes }, h("ul", { key: '09e583e33c457c32006198ae5c942006f76d083f', 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: '953a6374b11420683ee0c7372a66824ba5876692' }, h("div", { key: '47bcac823d481ea3e4c217284de45663c7acc362', class: classes }, h("ul", { key: '5d15954e3ace7a8b88e44b7dc6d5b9c9549ebff6', 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: 'ffb27427b6e8a01179c3785245e0d54fc7d302b0', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
+        return (h(Host, { key: '0911e5b08abf2eaacca16e9184f3472cb1488376', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: '9ac1898b34c5bfb6d5afddaa533c076ae1b31301' })));
+                this.closedByCookie }, h("slot", { key: 'dbde94ad68675f0cf078aad316a4f11bdab198a5' })));
     }
     static get is() { return "stzh-show"; }
     static get encapsulation() { return "shadow"; }

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: '7e3b899bad495cfe05e87b6250499d3d09765189' });
+        return h(Host, { key: 'd6ea8cad75a6c50ef130d92be33ee31f3b38452d' });
     }
     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: '6fcd1e011e72df8eb912d22d4dfd87fc12b94ae8' });
+        return h(Host, { key: '2a5754f8b76ac12ae0258cea79ff59238be49289' });
     }
     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: '566d146867ecbcd1c350f9a075161f79c641d85c', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '286185dec3b6ef3570b1a34ed29e297b92e808c3', 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: '8d3d373f9bd4196910b880c60871c3232dd60987', ref: el => (this.text = el) }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '2cc32ab485def00747fa10e3f6a5e63b4d8e9c95', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '0e67ddd55b601456a6fdd9eefd27b7de369d598c', 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: '3c9ab0157551717152b23d72738a25fab5fd6b44', 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: 'c0fcc3ea7f0df3028b8a53bc5476a29feef8440f' }, h("div", { key: '70713c2e141417f83434c161ad3f961f7706c658', class: classes }, !this.disabled && (h("div", { key: '5f197fce7d95fe0d460b46c5edbe8bc67ccb78e3', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: '235e348891ffbd9bce59702458818ffc65b0c56a', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: 'b8f29e10d876dfe5880bc4ad58e19af5e6408b54', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'fd1b30cfa0483571dea1056142c86bf74faf226d' })))));
+        return (h(Host, { key: '21c77d6d28983804a4cf545d374b9a1eb41a0236' }, h("div", { key: '55646a6aa415acc2b009d4b53855fa570b9c0bee', class: classes }, !this.disabled && (h("div", { key: '122f39898552ed7f916b0235cf627ce9d358d68e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: '74a75b7d2d0e81461d18d08eeeccfbcab21d755b', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '02b4eb42e9b83563e163ef7c6ff3cd3a34d3b693', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'fb8654074c73f5a8d3e416562ea90662eed480ac' })))));
     }
     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: '34939b8ebf618121793211f210d419f844105a16' }, h("div", { key: '11c50b003b4b1d1673e70b0bb5a5cc523d65c11c', class: {
+        return (h(Host, { key: '1aee1c3c46e69b07d73fecc94a2dc65c2c08e2dc' }, h("div", { key: 'd1129a5d118567250d6ddc95b7ee242d113d6b24', class: {
                 "stzh-space": true,
                 "stzh-space--is-around": this.around,
                 [`stzh-space--justify-${this.justify}`]: !!this.justify,
                 [`stzh-space--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'ac110dbadb9822f2bf806fa5b1dce6eccc4d8c2d' }))));
+            } }, h("slot", { key: 'c34e59400131b49a8fbe7b3edd70174edbe9821d' }))));
     }
     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: 'd34f52a2626ac38283944d412a42b600b07cdaf7' }, h("div", { key: '64097ed8f7dbc675b29b1a5e2411506001c85344', class: classes }, h("div", { key: '0d6e3c5f0d5d6a583725c854d403ab4c3a951b56', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '13da344356d4e0dac728977c72028be08f1e7abb', class: "stzh-status__dot" }), this.label && h("div", { key: 'bd80bad1cd8391f17c25dc14908b6df7ee77d7bf', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '73ec867f88b468f026da3429e3080500f3465ae0', class: "stzh-status__bar" }, h("div", { key: '94291c85d6d261a38d4bcbd4cf161b866c828b48', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: 'e9cc92f6f75972f3bfe8be673d487689a5d0a8b3' }, h("div", { key: 'a770a22ee1af9c8b6b5c1b84cbbfd329f6e9837e', class: classes }, h("div", { key: 'a7160991ae95dc138ea98b5e9f1a3f350af6d464', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '0faf01a0269821949647c31e23575043a1459637', class: "stzh-status__dot" }), this.label && h("div", { key: '7298b6628c58c05a12eecd493bcaab1a368a5ff8', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '23b1d4fd0f1881add941644fff6ddc76a9d3f6df', class: "stzh-status__bar" }, h("div", { key: '10a2842e50349280c79679edeef0506701c61faa', 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: '30ffb16546845e54b1bf1a78acb862ad172364f7', style: {
+        return (h(Host, { key: '9693824652a7886319f7b57cd6a261a395ef29d2', style: {
                 "--steps": this.currentSteps ? this.currentSteps.toString() : null,
-            } }, h("div", { key: '0ad830635cdc8bde864da43095a282497b33b401', class: classes }, h("div", { key: 'dbdce6c242bd8672290a545e69e4e0b8d79839c6', 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: '388736a3753eb43046e346f7153b3d7e5b2d1a18', class: classes }, h("div", { key: '2d1995d68e7fe98859b3bbe58c8b335107a0e392', 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: '783ac28a904949159e5aa4d8a0c912d9efc841ad' })))));
+            }, class: "stzh-stepper__item" })))), h("slot", { key: 'd70dd05a1e297ba05e3503b348547d91b2418282' })))));
     }
     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: '508cd6b4a18483109ef1ef11c0f9d9f17ddf5652' }, !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: '49a638209e06ee6ebfdda12c2719da56d6fe4585' }, h("span", { key: 'c25b6045feed5488e0b97e8f25d34ca306afb613', 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: '16fb64a1bf6b09338709d730f7b4ed9c4dd193a4', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
-        return (h(Host, { key: '6748774638b12d8d6b1f091e7d73e71eb252b97e', role: "listitem" }, h("div", { key: '12bda164a6879c07919916e7a4d4d489d03e4b48', 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: '6ad9c0296692d49c06812713c204fa0321ccc650' }, !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: 'bb26d1beb7162193cd3ee9c6ca9722f81ef872f4' }, h("span", { key: '6b4cb4eaa5997213afeab9810ccc06df6584e78e', 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: '0eeb3ec064bfe9b6ee598f28697f2006e2781c3e', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
+        return (h(Host, { key: '79af04c48f23357209b1e1e7544642260b1f3e38', role: "listitem" }, h("div", { key: '78f62c8fffa3081b4d461f24280fa57f9ee9e879', 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: '366a3c2c59058ea5e6184d481827b5487a642f33', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: 'f94ec092ad846089f58e75a5bf3b11efe123b210', class: classes }, h("div", { key: 'c69b2cc74ef7276d4530c6eab020c5801e5db86f', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '8059e8c6fd26eca9cd1409674ed32925bf244aae', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'd3531d057480b4e99f5a398c1801a661b8250c80', class: "stzh-sticky__content" }, h("div", { key: 'adbe9130517d8564d0e6c591580af6ecb4c81dd1', class: "stzh-sticky__content-inner" }, h("slot", { key: '0e1ff73b671caa8d7119a8900853437cfb731bd1' })))))));
+        return (h(Host, { key: '2b4ffafb3ee3177c7eb6401a599966881bb8e5a7', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: 'db273e2f720f588d3e504669e99877064a14acf2', class: classes }, h("div", { key: 'beff75a5dc47cd136eef6d7abb498e086170b5e6', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '05a63e898107a683dfefa99fef94b78d53248de0', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'ae5320838323cc3340db7215c4a77f3d0ce52bce', class: "stzh-sticky__content" }, h("div", { key: 'bfe91c89e178722ccc948aed16307d706a39605f', class: "stzh-sticky__content-inner" }, h("slot", { key: 'c57e6853002ea75094fdde0752c7df747479cf37' })))))));
     }
     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: 'e963944524ebc4ff4cdf7d98537181eba6055242' }, h("div", { key: 'fa36d8553727daadea9d1e482912cdefd92ac308', class: classes, "data-stzh-sticky-width-container": true }, h("stzh-sticky", { key: '2561e8025d594afe234cfdeb7560b0be05853bc4', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, h("div", { key: 'ad4493e57dd7a5ce964cb12b06e70effcbaa0831', class: "stzh-sticky-actions__container" }, h("div", { key: '9923aa2313848ad304d2d875b2980210067bd74b', class: "stzh-sticky-actions__chat-wrapper" }, h("slot", { key: '73b86cbdcff0133f3a02347ea330b35f620e2200', name: "chat", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '83b7e6d314d1213dd14dda6de79d20e2c8c221e0', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, h("slot", { key: 'd9b98d76d61548589aed31b4909669a8a81c18d0', name: "scrollup", onSlotchange: () => forceUpdate(this.element) })))))));
+        return (h(Host, { key: '30ba9f6f4b22d8869dd4e643181b9db6a72e093a' }, h("div", { key: '24229a1768d5ce7c9c951c194378696af4a1a509', class: classes, "data-stzh-sticky-width-container": true }, h("stzh-sticky", { key: 'f174ea7535213bf509afe82906db6e01a4baa721', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, h("div", { key: '230745e2c24a8199ebca7af68e7673ebdcb605ed', class: "stzh-sticky-actions__container" }, h("div", { key: '7db90dfa918654c91eb6fc910f3487d56bf3acc7', class: "stzh-sticky-actions__chat-wrapper" }, h("slot", { key: '77cef1116ad41b80850eb4b5bfb4d62e6ef41607', name: "chat", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '08a80e250f978fa0cf8a017e4dd00af14496a63c', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, h("slot", { key: '3328c4daae8ab3036a89a5f1c6aa8e9382ac6c62', 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: '43ed84df5c0468faa3c17ddf6a723af2520c092d' }, h("div", { key: '65fb70103afae39dfad71191ee7ee2e4017b5146', class: classes }, h("div", { key: '13a24b9e05560f73d12e7a14f4caab3f68e68977', class: "stzh-table__header" }, h("div", { key: '9e2397988e9ceb316d4ee5e0ef708a9134116684', class: "stzh-table__heading" }, h("slot", { key: 'a5f2f58606a5d38531fafe1211634a072902aff5', name: "heading" })), h("div", { key: '7934ff3a69af7a3822caf0ca7bd526f3e39cf517', class: "stzh-table__sub-header" }, h("div", { key: 'e6086f890109a2ae29ea1c38337252cc62ff3ed4', class: "stzh-table__search" }, h("slot", { key: 'd93491dd6e78cb0f9009ce331ec7678b2cbf1642', name: "search" })), h("div", { key: '7e7959697a73eb364cce07fdffbb74002c8eb0ea', class: "stzh-table__action-button" }, h("slot", { key: 'eb26ff350e78c73567050c1e2eb7e20041afc3de', name: "action-button" })))), h("div", { key: 'dd792af4b0e54dece443d1a0385008df85e8e464', class: "stzh-table__outer-wrapper" }, h("div", { key: '390ae4cb7863cad3fd64b8ea79b593b6be372c32', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, h("slot", { key: '7c076791dc150f8a634399cbce0a421b03688370' }))), h("div", { key: 'b0ec5dd1a2d8da3fe4ec233b59e2d589134c473d', class: "stzh-table__list-wrapper" }, h("div", { key: 'cf050f9931715eee8d9316c94c153a543ed27cae', class: "stzh-table__list-sort-wrapper" }, h("slot", { key: '721f935fe7009c706b785b0a07bf13e72f3a0cf5', name: "list-sort-by-dropdown" }), h("slot", { key: '24ffc40fd99ceba65088257622c4fe51136caeaf', name: "list-sort-direction-dropdown" })), h("slot", { key: '03a90708c1df822888cec89677215cbc07e82252', name: "list" })), h("div", { key: 'bceb8529c16b3f35df46c6fdf79ab2aedf7d98a9', class: "stzh-table__pagination-wrapper" }, h("slot", { key: '61960b688772212b7e0f6acf9bcd5e9982d87b08', name: "pagination" })))));
+        return (h(Host, { key: '18b913f834e035f6ff55e9c799e14bd00d2a20c0' }, h("div", { key: '432de3837f5ed0420cde0eaaeb201cff13eb9211', class: classes }, h("div", { key: '9510bc2a8299c5d35dd74cd9c122d4870ab063c4', class: "stzh-table__header" }, h("div", { key: '5a288b52f7541d861d843802b589ac0faf276e03', class: "stzh-table__heading" }, h("slot", { key: 'c6630c46c320eea6fe404226757683c762678be9', name: "heading" })), h("div", { key: '73031d555b957b8b546962dd5b9db28cb5db41da', class: "stzh-table__sub-header" }, h("div", { key: '47dae2a820742b8b321c3354e314811c1184ec64', class: "stzh-table__search" }, h("slot", { key: '4a903bb47d5713fe80f526e91ba67830e12ded02', name: "search" })), h("div", { key: '05b7a6bd698444612fef3fe5e084a5190a145a2a', class: "stzh-table__action-button" }, h("slot", { key: '4d293f14af10f00846e74a658b8b48d214de7e90', name: "action-button" })))), h("div", { key: '57d4eafa46d7c8d2349c45b3377f126c143516ba', class: "stzh-table__outer-wrapper" }, h("div", { key: 'cf0653f3937b6fbfe801ecfb27ae076b312d1dbd', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, h("slot", { key: 'fa8bc7aedcb9aa7adae4ae92d2c671f8d1746c2e' }))), h("div", { key: 'af7f020e4f48190865faf58b2a997d3d5606c258', class: "stzh-table__list-wrapper" }, h("div", { key: '9b0efcc6592a6e092bc1d1cafcd8cfd2d3b0077c', class: "stzh-table__list-sort-wrapper" }, h("slot", { key: 'b9eb616f26523a4f94514763e7114a97b326c1d2', name: "list-sort-by-dropdown" }), h("slot", { key: 'e657735f67549666cfe531954c2f171d39db2785', name: "list-sort-direction-dropdown" })), h("slot", { key: '8ed2a12225cba4f03b5dccd6b84a08cada21a227', name: "list" })), h("div", { key: 'cfad659624af6ad05d350a4d7d4b9fac36e0acb6', class: "stzh-table__pagination-wrapper" }, h("slot", { key: '0e40cc6b08c983000a1e390b0e67c1d1c780dca4', 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: '8aad47231d864ffd86a6c4cb9fcf97133fb35e92', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'f847abadf73486e73a24fb50b694c20679dba9d9', class: classes }, this.href ? (h(Tag, { ref: el => (this.tag = el), class: {
+        return (h(Host, { key: '7e49900fcacc8ad594ca1b62b47225af5bf73cde', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ce01e82ddced2f93aeca018a5c746fc69d07a4f8', 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: '358852e9ff3f3371de26c3bc0b7e58f4ffb30b93' }, h("div", { key: '4033c19385a0a578a8eb0f0a3e07279c7055eedb', class: {
+        return (h(Host, { key: '4edd3f2248c8094b2021064cce3de41f89b9323c' }, h("div", { key: '1bb5fa635d1dd15bbf1f267cfbb6a13398a81514', 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: '073aa7e7cefb5f6eb2bbc9388f030ef2085326bc', class: "stzh-text__text" }, h("div", { key: '90aa0f792ad6aa1bfcaa03d969751ae055cef227', class: "stzh-text__icon" }, h("slot", { key: '1c9da57696dbc4e79a20bb2719ed4c03e5d4fc53', name: "icon" })), h("div", { key: '204d41fd981d654839a63426f386f7574b08bff3', class: "stzh-text__text-inner" }, h("slot", { key: 'bec62bfb9db142a57114829bb9b17d30ef8ebbd6' }))))));
+            } }, h("div", { key: 'bd7e38c7d66e5a865201144c49d6d3345b51259f', class: "stzh-text__text" }, h("div", { key: '2696e430d823e471f97d50eda19fc0d43646e180', class: "stzh-text__icon" }, h("slot", { key: 'fe826eeb0330d49a5d5c579c80f34445e725a7a4', name: "icon" })), h("div", { key: '64d964ed407b4de13a482165a6df4668d9ff4662', class: "stzh-text__text-inner" }, h("slot", { key: '2726cba0de25e8f78faaea415ccba5eaab299623' }))))));
     }
     static get is() { return "stzh-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -90,7 +90,7 @@ export class StzhTimeline {
         const classes = {
             "stzh-timeline": true,
         };
-        return (h(Host, { key: '36b71566829dff1fc671c576342df5cc9c719d4b' }, h("div", { key: '26e00c5c6b013e317e480b795679b678636d2d66', class: classes, role: "list" }, h("slot", { key: '93d58b95ffe33685d99ddeed144ca63d113e2b95', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '88a51e9b83546683514c91e41ed97f5ff3b6e8ee' }, h("div", { key: '13d699423f4ccc22c61be5cc4b5bef5523b1a4f5', class: classes, role: "list" }, h("slot", { key: '7efc3a790ec8e089811781648e498fa55dd7f5e4', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-timeline"; }
     static get encapsulation() { return "shadow"; }

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

@@ -248,7 +248,7 @@ export class StzhTimelineItem {
             "stzh-timeline-item--is-foldable": this._foldable,
             "stzh-timeline-item--is-completed": this.completed,
         };
-        return (h(Host, { key: '252897024b683b788aaa9d9b08b7a0aaea680628', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '14bc316a0a2d8ff17b0440f170ff03cd9e923981', class: classes }, h(Heading, { key: 'cf8dc7a69ee41d7eecb1a534cfb9502a580493ac', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'f83cdab03657dbdfc9dcb1ed2d25050d3f81f7a4', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '09ca54f97ab66d5267e70f5d49c65728edae311c', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (h("slot", { name: "icon" })))) : (h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '51b984d8a8f7d843c4867d5845df3d964a0709d3', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), h("div", { key: '2e6f4d9f8ea8f439a608a97660df5ca420ba7d4d', class: "stzh-timeline-item__button-inner" }, h("span", { key: 'f0538916305f93370e293ba25fb8251651e27da4', class: "stzh-timeline-item__button-text" }, h("span", { key: '8dfc03c9f8c5b33b3d5724db4de1d7d26edae6c3', class: "stzh-timeline-item__heading-text" }, this.heading), h("span", { key: '1f3741707d40b9add49a4f88bdf4b98d38cc4bae', class: "stzh-timeline-item__description" }, this.description)), this._foldable && h("span", { key: '4c8d0f6cd62d3c13a8971d4987da6a7316a16303', class: "stzh-timeline-item__button-icon" })))), h("div", { key: 'b2231aa8a087549dad439b3a7c78a8568f63e2e3', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: '0fc5410da9129574fff489d2b5528f10680a26ba', class: "stzh-timeline-item__content-inner" }, h("slot", { key: 'bd8964adf707362947c3bbb6cb41e04995f2b74b' }))))));
+        return (h(Host, { key: 'b503376ec34be69af4cda573d066f1fbf4131a35', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: 'f6da87404c9fc7272b4e70e55afbbdfd2e918f01', class: classes }, h(Heading, { key: '716bd1a0790f6442952939dc590af2d57c145659', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, h("button", { key: '98917f9a7790d2c9440202b5a22aea38d311eda4', ref: el => (this.buttonElement = el), class: "stzh-timeline-item__button", "aria-controls": `${this.timelineItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, "aria-disabled": !this._foldable ? "true" : "false", disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '05d45ce5bce4f4d91411a01b5fd60572486d76c0', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (h("slot", { name: "icon" })))) : (h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '0269da13471f743402344bc777caf15094fcd0a6', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), h("div", { key: 'b77c715d05f3c4627a55a366d00d0f382858ba56', class: "stzh-timeline-item__button-inner" }, h("span", { key: 'fb7503670b4e0fe23daf2238b9f3eccc846d43c0', class: "stzh-timeline-item__button-text" }, h("span", { key: '2749c9bf11d6ec921bab96aa84d792037db97060', class: "stzh-timeline-item__heading-text" }, this.heading), h("span", { key: '4a2ecfff1b5823ddf11df31345a5c84cb024fd5d', class: "stzh-timeline-item__description" }, this.description)), this._foldable && h("span", { key: 'c602b1e975466a38bd74d4e7dada72aa0427949e', class: "stzh-timeline-item__button-icon" })))), h("div", { key: '307f03cb20a120da2ebe05c1a424f1cd9c1b8832', id: `${this.timelineItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-timeline-item__content", "aria-labelledby": `${this.timelineItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: 'd62d96be7f3ace98454a9ed9a60d93230019a857', class: "stzh-timeline-item__content-inner" }, h("slot", { key: '92b1ce3339ed5ff1db8055347edcba9f2d6785f3' }))))));
     }
     static get is() { return "stzh-timeline-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,7 +69,7 @@ export class StzhTimepicker {
         const classes = {
             "stzh-timepicker": true,
         };
-        return (h(Host, { key: '90d04a7417032c9c2478ff8601a4dd08648d3b2a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '97f320161d1b0cf25fb0cc725feb150c98fc01b8', class: classes }, h("stzh-dropdown", { key: 'b116dba51e9239659164c73eb1d713ada056a902', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
+        return (h(Host, { key: 'dcac2eed61ae2f90338ad717ba7f7eeb33c930af', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c5c74bb16e275b748287482fae9ebecd40d8a2d2', class: classes }, h("stzh-dropdown", { key: '361842fbafbf0d57ac68ef2ac292d3ec9a17625e', open: this.open, class: "stzh-timepicker__dropdown", iconAngle: "clock", label: this.label, ref: el => (this.input = el), onStzhChange: this.onDropdownChange, options: this._dropdownOptions, items: [this.value], required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, popoverPlacement: this.popoverPlacement, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: this.hideOptional }))));
     }
     static get is() { return "stzh-timepicker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -165,10 +165,10 @@ export class StzhToast {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'feda086cea30bbc52cfea339f87173e0398915de' }, h("div", { key: '792ae294ee842086d5c1eed357cf06e7987b7ff1', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '2cc591d5129ae91b512945833009372162edc57d', class: "stzh-toast__content" }, h("div", { key: 'b80eee232999f58aec00968ce636b7709936e70c', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: '935ecd5ca7c885621e85b0680ddb77de4e112aa6', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (h(Host, { key: '647808b720e2888910a075be8653e4fd04adb77b' }, h("div", { key: 'f8da8403198badf3ddd40686e54dc2cdd8bcd2e3', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '0b78f7387cc3c081b3beb03816bbc1388d3e07f0', class: "stzh-toast__content" }, h("div", { key: 'e7bc67d71cd3dc6438b0621b3f5e1ea0dc5bc3ad', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: 'e6291e66ab0349ff44f45d8c27ea6f7a70b22344', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '7d3b99d765aaff5fc3e2941b30ef68e8b0df070a', class: "stzh-toast__text-wrapper" }, h("div", { key: 'ef7ac9faaefc5598bacc86043c9ec5c60d02c9b9', class: "stzh-toast__label" }, this.label), h("div", { key: 'f0fabf10763fbd16a8faca64317ed7e9848df286', class: "stzh-toast__link" }, h("slot", { key: 'e35cc4180b2476275cbc1d91ea9df22acb298ddc', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '8a15292db588f29463226d5588f8cbb25da14258', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: 'c4d43207f27d1654619f97f14ead667cb98970b2', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: 'b1033cd25e0bdcd8f3522dca1e1a074955a81b34', class: "stzh-toast__text-wrapper" }, h("div", { key: '0b3dafd943525e54463a66829c0cbb4d2a0f5ce7', class: "stzh-toast__label" }, this.label), h("div", { key: 'a7cccd2fc43cebe0cb867231f4b65af40013b6f6', class: "stzh-toast__link" }, h("slot", { key: 'cc4e86186fe1e42379d05f48cdcbaca06d0e4cf5', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '8ac04a8181d2454555ff54f6cb04ab3d461d37c9', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: 'cfe15f9e5c3bf480f5bb5cbd8354ec53065c6a9e', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     static get is() { return "stzh-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,7 +128,7 @@ export class StzhToastbar {
         const classes = {
             "stzh-toastbar": true,
         };
-        return (h(Host, { key: '9f89aad266fd0fafd91bea98f836c2898ad142d0' }, h("div", { key: '6199f1fc96aac871a545958bdfcb5a3f58e6cefc', class: classes }, h("slot", { key: 'ccb7700c12301dede6a89cbefc9d94914397b21e', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '468ff195a06333913d3130270b20995b08459130' }, h("div", { key: '3adaef4757a5fcc24802b0a913da10cee25a25b1', class: classes }, h("slot", { key: 'f506e8ee64bce853eacc5ae24664db928e44173f', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-toastbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,11 +123,11 @@ export class StzhToggle {
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (h(Host, { key: 'c573f18dbbfe352a83256295e7d658aba6e3af3c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'd671821e15d497cab952c0b6eb7720751e5ca86a', class: classes }, h("label", { key: 'd2d3755138d92fa0e9eccfc34bb39a5fa307c3e3', class: "stzh-toggle__field-wrapper" }, h("input", { key: 'd352c5e5293eff254daadbfcf7e2847be5e39c2b', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: 'e7ec846399555e772e6b1c1e7817c350e77c96a5', class: "stzh-toggle__mark" }, h("div", { key: '31bdc6b747669690c1be7ccbb97ec5087aa2d2f5', class: "stzh-toggle__check" })), h("div", { key: '6b099738460f19f59e7073b3ab9aae3ac0380919', class: "stzh-toggle__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'd1e4fcd84b442e091912d4cef736a24986d1b009', class: "stzh-toggle__marker" }, h("span", { key: 'c979be0788ee13d16c0d10fd9e5c229479b7ea69', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'e9b1873dbd6a20de7b2ca194bc6da01cbabdb5dc', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '4686a6c7bd5eee6c1ee65576bd4293f8999beedd', class: classes }, h("label", { key: '2570a21708d20ceb7af1f65c89b7ec8c3d63e457', class: "stzh-toggle__field-wrapper" }, h("input", { key: 'bfdf48029971f919badcbf5e152a80e8c9348154', class: "stzh-toggle__input", ref: el => (this.input = el), type: "checkbox", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '16209ed1e6929c34feb8962fc84ae2a3d5c7305f', class: "stzh-toggle__mark" }, h("div", { key: 'f83e15c641eb15c404e699ac63005e017913ab9d', class: "stzh-toggle__check" })), h("div", { key: 'a99176b456cd4b702efa69aa1076dd62a26dda7f', class: "stzh-toggle__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '7c9a72d47d2a9a98abc3d8cb580a2b8eda0d418a', class: "stzh-toggle__marker" }, h("span", { key: '29ffb594a86bc3e19b82618668ee7670cc669f04', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '3d47e6d2da04416c996aa35da0179b62d8f874fd', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'e90192fc87920176caffdac899b799fe456d9ea2', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h(StzhInputDescription, { key: '3eb6f9b2ba9c6fda3199d4e425c86b9964a6a01a', classPrefix: "stzh-toggle", 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(StzhInputDescription, { key: '199b10e75ddf2818a7ea8219da00170c9289a45e', classPrefix: "stzh-toggle", 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-toggle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -331,7 +331,7 @@ export class StzhTooltip {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (h(Host, { key: '67948b0604c4871d4899392840b2fdf271ea2121' }, h("div", { key: '67f57022d1b018ad810f0b5358aaa812f4647bb8', class: classes }, h("div", { key: 'ad0215e2fbdcb7b43496cd087069e3eade407033', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: 'fe4761d1bbbf89e4b485b12d23372115d1b8ff61' })), this.hasTrigger("click") && (h("div", { key: '6620e0a3e9d70c83a0feb79267e4c7260b7e43fb', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: '6e51c0a23b8c1d9fc6a7896e624cba9622c30db7', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: '6eab6ee7e6868b89af87fd8682ec5156a1d38c13', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: '588bea989466372661403e88d968e8cf0f1ea250', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: 'f38f700ab6d4de381d3ebe95a8d5848be8dc92a3', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: 'b44e77e22003362c138e336402f27f043b7276ea', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: 'e3074bb2ee0e793b9ac62fde8906cfcd4e7aaffa', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: '3821fd2e06d38551cd7e212aaa9cb93acfeef189', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
+        return (h(Host, { key: '602c486e643d2128a4b8c8f7b319f3d27a0416e3' }, h("div", { key: '876fee8e67fc72ec660129d28c8315c13462f574', class: classes }, h("div", { key: '90a14405ca5e4d172432b8f56890ed68939e60c6', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, h("slot", { key: 'c987a85691445f2fdf22b45d172cba51d1d233d2' })), this.hasTrigger("click") && (h("div", { key: '8da8efccd271b2c9fdf5779873bb50beb9230d0b', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), h("div", { key: '89ccfa3e59640958d59c54fd05d1151aad784997', class: "stzh-tooltip__content", id: `${this.id}-content`, ref: el => (this.contentElement = el), tabindex: "-1", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.onEscKey, onMouseEnter: this.onMouseEnterTrigger, onMouseLeave: this.onMouseLeaveTrigger, onFocusin: this.onFocusTrigger, onFocusout: this.onBlurTrigger }, h("div", { key: 'd035e3aa9b0af99eee067ac19421d4cd086e193c', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow }), this.label && (h("h2", { key: '022c92848772c97f74e14a86c3fff2ac27cb563f', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (h("button", { key: '35b226da1446add2834404784f241f883b45ce6b', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '0cae6ba1c3884d62979c807c6d9b5b5dd92d0bb7', name: "close", class: "stzh-tooltip__icon" }), h("span", { key: 'b21abf9fd3152b4d300d5f7393dca8881246ad7e', class: "stzh-tooltip__vhidden" }, this.localization.close))), h("stzh-text", Object.assign({ key: 'a1568c2bd5d9e7d0cf83929bc80a09698a071125', curve: this.type === "overlay" ? "none" : "caption" }, (this.type === "button" ? { font: "heavy" } : {}), { class: "stzh-tooltip__content-slot" }), this.content ? this.content : h("slot", { name: "content" }))))));
     }
     static get is() { return "stzh-tooltip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -914,10 +914,10 @@ export class StzhUpload {
         };
         const fileRestrictionsLocalization = this.localization.description;
         const totalFileSizeLimitLocalization = this.localization.descriptionTotalFileSizeLimit;
-        return (h(Host, { key: '66cb842ecefb5cd97d6f9e18bfbd88c18b05af79', "is-invalid": this.invalid || errorUsed }, h("stzh-toastbar", { key: 'b7f84cc7f8e026f46296d14ee196d4f9c87626bb' }), h("div", { key: '42f90661136845b98db2aff1872b60451091ccde', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'c4ef7bbfd40a8cf1e7a1ab5634cfd7ae9c213cf2', ref: el => (this.hiddenInputContainerElement = el) }), h("div", { key: 'caf8e386c1feef758d4d5fd46f83e33d3adff8bc', id: `${this.uploadId}-label` }, this.label && h("div", { key: '49a8e3bfaaef44d1a5c0495b48be2cfb374af407', class: "stzh-upload__label" }, this.label)), h("div", { key: 'c4fffbb2cbd2aa0b6d4ce7c9255ee661b4181574', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '4105396cf64bd2ab949c148a5acbbf9a653a92d5', class: "stzh-upload__heading-wrapper" }, h("div", { key: 'ef37a4eb79c9a55883a35f6444ee86bdb81f05e3', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: '751d3a6b69cf021ec333cc4edf23a1bac4e9fb4e', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), h("div", { key: 'df978b6347af5ebc18d041ccbe2285233ddc343c', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '748745ade043c72e6522ea4ee8cbf65b4a1e1724', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
-                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, h("stzh-icon", { key: 'c01da91532cc0ecb5d45e8054672997c05dafe91', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '28d7560f984d4403e7ecd1cae629dfbee467aeb1', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, h("stzh-icon", { key: '309e94d6ca77a6a8053d85902116b5c4897c65d2', slot: "icon", name: "camera" })))), h("div", { key: '922ae1d81fb797bff98e2dfa626b970aad50ea85', class: "stzh-upload__hint-wrapper" }, h("span", { key: 'bb877cd7f647aa88bc1e22d243314662e40abb33' }, this.localization.buttonIntro)))), h("div", { key: '930ea760ee1e3fe76d5d4f5a58f4cd183e452b19', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: 'c52989a62370a1391871141f43f6b9f37eb66099' }, this.description && (h("span", { key: '386816f851574fa455beb77d24e4911c0d9a5f1c', class: "stzh-upload__instructions__description" }, this.description, h("br", { key: 'e59c186173c9f22641d53e15a19cac283915d68b' }))), fileRestrictionsLocalization
+        return (h(Host, { key: '834738f8712d6f0f757b14be1a8b8ab69f4a9599', "is-invalid": this.invalid || errorUsed }, h("stzh-toastbar", { key: 'a6da2dbf6f7f9719e85f19ca79ae5e36cd266ae3' }), h("div", { key: 'a82a412a86f5e8f304309ad60375bed92ab8e41c', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '156ce5e80ec3050d1730abcfda8fc47db7e84813', ref: el => (this.hiddenInputContainerElement = el) }), h("div", { key: 'e5092f0004c578b630eab5c9fde9da151d993738', id: `${this.uploadId}-label` }, this.label && h("div", { key: 'cd2e1539fab7b22d4b89f386f2d89450be7b4535', class: "stzh-upload__label" }, this.label)), h("div", { key: '157d9a7058eed0d92417dfff06644978c879c66b', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: 'a7f149490d55aa03ed4edc8698552ad04c66820d', class: "stzh-upload__heading-wrapper" }, h("div", { key: 'f8a926a4ca1f98598a9da13b334b343ae134a296', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: '35a5f8c3837d6cbb80d9f89495b0895e6ed1daeb', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), h("div", { key: '7677942b4fbf366c8e646e1206c1fbacd340e33f', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'a151269f94342dc768705e15180b851adb7a0275', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction` +
+                (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ` ${this.uploadId}-description` : ""), disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, h("stzh-icon", { key: '1b10fe930196bb033abc4fcec7d1ce35b994db63', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '133cb3cc9183b7358b8a0ee9ec30dc13209d6456', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, h("stzh-icon", { key: '0f426a73f97dda24a3c203c74cc8cb22df0417aa', slot: "icon", name: "camera" })))), h("div", { key: 'ec7d15e9a4ec1e04844dad132873a4ed3dd77792', class: "stzh-upload__hint-wrapper" }, h("span", { key: 'f6e6a79b1320b3ac65962561a1a218bfeefd66c1' }, this.localization.buttonIntro)))), h("div", { key: '4689c9f8ba58030773a76ef400b08108ff6f8dc0', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: 'ea25b5b1d48aa2763e97a106d917aad671c07522' }, this.description && (h("span", { key: '368ace915f6a37609fc0580303020c09ea0a0b2d', class: "stzh-upload__instructions__description" }, this.description, h("br", { key: '1b8fb4bad33da7f89a7b2c70e715d490635d9095' }))), fileRestrictionsLocalization
             .replace("{{fileformats}}", this.acceptedFiles)
-            .replace("{{filesize}}", `${this.maxFilesize}`), h("br", { key: '52fe455ba64783908a6e01df903e3f9691ec1b76' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (h("div", { key: 'c457a454f59a88b64a2629b153db9f7c619315a9', class: "stzh-upload__description-wrapper" }, h(StzhInputDescription, { key: 'd432db31a0fc01bc8a63707fa042127273f1f8f4', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), h("div", { key: 'cae70f2a24007c0d8652ecfbbbd02b32039cb2ad', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '35b896a63d5d8e82a2cc65437a5befe5cdd6dd8c', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '07154df4cd786cd9c3c881a28fe4df4a17271259', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '3b13f9e419df073aeeb87ee932686dd5a76b3ea4', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '196bbfbd893ad6848badfb7b3cab6b589a307331', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'd84eff728b1233219b251cf7dd79f3dc89411364', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '3e646c1c5cfe3c04a2306461db1a968bfc633ccb' }, h("p", { key: '7bd78b43cd2064280f4e3126efde28e73e022902' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: '9a1b17609ea56ac2727aaf062c38fc530c486d33' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '236cd5acd0929d9598e004870316b285ec4694bd', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: 'fb6afda90a6e63abb14ea713985c1d3a2a8b46d0', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '40f6d3ef6d766dd83138b0afceb1f7fb100acfae' }, h("p", { key: '7cd54ee1c83dca2892c4f412f19a0d4f111ec681' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '0be2f9914fdb395851cc0374d4662b9755fee57b', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '327cdb02aa161b3567fc1a53eb3a981e541c9007', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '5be40010d99425a04923f2438b23662b565f29af' }, h("div", { key: '237db9048382d0db0dd0531bae82a7c98fb21884', class: "stzh-upload-photographing__info" }, h("div", { key: '08f1a5c5021729819438a271d0f48109c4897de2', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '7a9ee5e22a3542e16e9bc0b49c2fe3c40c48a487', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '82ae38879c9c2031d44642f0ad7fc2acddd2d87e' }, this.localization.photographingText1)), h("div", { key: 'f745392b7bd0d380563a36666ab77d4902e50306', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '6b1567bd913b81017fdae244ff2ac484b3515c45', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '501847a5a90615801b0a746550d934eed98f683f', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '8c54548b84a002804165a9ca1c97d4f8c9fb4ba6', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '5415bcd34c46bcb322d68ee699f7f866a2e9cb6a' }, this.localization.photographingText2)), h("div", { key: '383fabf5a24e5d8186d2dccf862824c17df3b403', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'c3305677b6c5a23429534480829a9a5e889efb99', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            .replace("{{filesize}}", `${this.maxFilesize}`), h("br", { key: '925f969acbc3002d9b7245a366033fb3badb4574' }), totalFileSizeLimitLocalization.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), errorUsed && (h("div", { key: '36ad833717a89d5df7ef75a438de23382d40c68a', class: "stzh-upload__description-wrapper" }, h(StzhInputDescription, { key: '5bf05a6104a71278b512875e7d546c4bd8e38635', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), h("div", { key: '52e298a78d081c7be29603ce074c3ccc1a0bfd1b', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '7a4d7eca041cf79bfcc24586a48efb2c06384527', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '0fab73a54ad0fa02f28a9274595989e0a5b7d1f9', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '7420fe6b0051e38e4ef69652e7c2f4c5ebf99361', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'f574c077b50138e1fd11cc99b743cc1f808c0735', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '01ecdace52b8a557b15273ba975818d0faff1038', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '79b300ab407c4854e65c1103f85cf1926c0f21c8' }, h("p", { key: 'c913cb4b5145384a23a75cc9ffd344f462192ee4' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'aede5370ca4909512b817f816fca78417f85c8d4' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'bb92084f0ce121f8186f492f9daf7cb09f7a3dd4', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '186443c103d5b1de73934d9a1f66d96b56d807bb', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '63f5bd7d437a0a013d1388f3512115893011c882' }, h("p", { key: '31233379f6c00a6c0ce3773bb06eb46329c6f908' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '878b5394e02a497a26f9a202f43e0c4ee39c3258', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'c42e189f414ae6b742a2290580e937414b0a4f94', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '33ba6c15fee2c52151c8fc1e3647b5dd1501fdf1' }, h("div", { key: '0d9e0f412ed90a9fbfe93fc4392ba2bb91393516', class: "stzh-upload-photographing__info" }, h("div", { key: '68d38278f7a14f1e4850c307cdb5289d77076ab9', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: 'effba6f0d3e7f8b8acd13ead9cd89e2295663b04', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: 'a85fb1a414059c83142515af56a06e8138184286' }, this.localization.photographingText1)), h("div", { key: '24efc436fcc7a0ee704d6a1ca0c2b49b1e794af2', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: 'be28337ad3f5c664dc14416bf2d7ed6981ef83a9', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: 'f6575114000ea40a1a7604ebea2fcf17c9a4428c', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '27b25952aae713dd64d3fe1fcd9af0ea5f408fbf', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '0097f88238056b97b37b105e95818524cefbe7e7' }, this.localization.photographingText2)), h("div", { key: '809ee9954ae324d0893768d3a36695b21799ee6e', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'be98709f3d996d07965ffee1370e07d03b79cf11', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     static get is() { return "stzh-upload"; }
     static get originalStyleUrls() {

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

@@ -4,9 +4,9 @@ import { Host, h } from "@stencil/core";
  */
 export class StzhVisuallyhidden {
     render() {
-        return (h(Host, { key: '599ee652c6a48b89b6c2a3be26ffd57726cee23f' }, h("div", { key: '6c57168d07a448347bd4e448a3b3007a573fb27b', class: {
+        return (h(Host, { key: '778b9d29f48c98a8905cb67f64b849d355a694d0' }, h("div", { key: '9e8a21ace1cfcb099be5c85ea4f56ac57a929b40', class: {
                 "stzh-visuallyhidden": true,
-            } }, h("slot", { key: '584c98a4a24f09d95d6d9fbf37b8c8f508ae2441' }))));
+            } }, h("slot", { key: 'f41cc6c7698c8a1b2aac4608e67e90839f86d141' }))));
     }
     static get is() { return "stzh-visuallyhidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,11 +18,11 @@ export class StzhVspace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '2f975b0a16cda55cee23a6c8c7ce1e1aee9e2fd2' }, h("div", { key: '4ec84777fc1eed233ce63969a78a87e8097c5f92', class: {
+        return (h(Host, { key: '97699c9a8cad84523b4d48d59bab07674aa6bf96' }, h("div", { key: '75878d6ea1746371a724a800451a18557a6f9b86', class: {
                 "stzh-vspace": true,
                 [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-vspace--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'adf37f4cc7c558e867c030f01b9e8513c92ac3fb' }))));
+            } }, h("slot", { key: '0fb66f214df58eff40112c02f9faae21ca8d170e' }))));
     }
     static get is() { return "stzh-vspace"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class StzhYoutube {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (h(Host, { key: '7677c18c200ea5ac5b9720c191d1095926296382' }, h("div", { key: '3eee0c107361a8c62fb198fa4fb434868a1a21a5', class: classes }, h("stzh-ratio", { key: 'f812f92bff4438e97e780c5ea3d4081cd3fae384' }, h("stzh-iframe", { key: '3dc3cc4d74dc37272274e0b6b36e605c794ff83b', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: '91116cf6a6731c8414340fc26336081a5965c9a3', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: 'cb753543214916c63f4ddd9a3941b4318c18d808', name: "preview-image", slot: "preview-image" }), h("div", { key: '65b289188b1524cd8ef64cb3076002ac334d2268', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (h(Host, { key: '66d708e737e6a1f4a814f71a050db77da9ceadb9' }, h("div", { key: '2f1e89588c3d67dc53e068c0d21ad97431df5374', class: classes }, h("stzh-ratio", { key: '52f3f1d1e06d701bdeaed1322f73a847bc6f781a' }, h("stzh-iframe", { key: '1f5a381dc9b114486101f54f7b91495b0ce74233', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, h("slot", { key: 'f55c265197e8af533ddeb912264d9c7c0ea4f124', name: "preview-logo", slot: "preview-logo" }), h("slot", { key: 'fa5d123bd6d9b77bec901d3c5563b99366055669', name: "preview-image", slot: "preview-image" }), h("div", { key: '979182fa3fc39b3934d00d46fa19412e7c0a0c1d', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     static get is() { return "stzh-youtube"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOp
 export { S as StzhSocialmediastreamItemActionVariant, V as VBZ, t as tc } from './p-f5779736.js';
 
 const name = "@oiz/stzh-components";
-const version = "4.6.0-beta1";
+const version = "4.6.0-beta2";
 
 const packageName = name.substring(name.indexOf('/')+1);
 // let focused = false;