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

package/dist/cjs/stzh-search.cjs.entry.js

@@ -481,13 +481,13 @@ const StzhSearch = class {
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (index.h(index.Host, { key: '18372583fca53c024eccc924a61ddb260f415ac9', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, index.h("form", { key: 'f1669c6db058644a8e59a3a02bb27fc28125fe36', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, index.h("div", { key: 'f6145b078dee24bf66c6202931290250e33e0650', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (index.h("stzh-heading", { key: '315f29b61157dcd986af9a57c2c69c3fdf8ccb40', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), index.h("slot", { key: '4863be9789597a5dd219b9f807892d54ceb6b9c9', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (index.h("div", { key: 'bbca30497aac264a703701349a046ea17e683191', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (index.h("stzh-text", { key: '934c616d63bb15e8ff15a32db1e4cd3672d3c1c4', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (index.h("stzh-chipgroup", null, this.chipResults.map(chipResult => (index.h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (index.h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (index.h(index.Host, { key: 'b65de5506063b57a457be9ebf3bef464149b22e3', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, index.h("form", { key: 'b3c2ed40cb15341cd3bf5104f04a962ae6345766', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, index.h("div", { key: '795b06520dc656ba88aadc7acb8b80e7bfd0cc5e', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (index.h("stzh-heading", { key: '15eb164cdaf90dde08ee9bc4c57d78d37ce3357b', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), index.h("slot", { key: 'b76c0ae0fd40d198891ee25f6a23fe1cdb2bda5d', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (index.h("div", { key: '64a7db0cbb3aa0a5be4169b4c1571e4cdd914930', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (index.h("stzh-text", { key: 'a83c88375914638356b7f34befb6c7d674911100', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (index.h("stzh-chipgroup", null, this.chipResults.map(chipResult => (index.h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (index.h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (index.h(index.Fragment, { key: '7d2c98238776a13adc7c7997d41b7e4615106f1e' }, index.h("div", { key: '40106b7e51e009ad3ad7a95a6af271d65490e355', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, index.h("div", { key: 'c14fabeabf4723ed87c8938c89c41929602a0645', class: "stzh-search__filters-aside-inner" }, index.h("div", { key: '173cc320374c6223c043c760b091d0cdaffd325d', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), index.h("stzh-details", { key: '28ee40a757bddc553a28746fc4cc0ae0ffd18830', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, index.h("stzh-button", { key: 'de2d1b3b274b401b1f592e7bd088395a19246c10', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), index.h("div", { key: 'aabb9577ff2a6fd624dcb4d28a7f90339c2649ed', slot: "content" }, index.h("slot", { key: 'afc67f2a669749553037a8267adf6bd840a0d728', name: "filters-aside" }))))))), index.h("div", { key: 'b6adbd6dcb92f54ddeedefc65b39afd7e919e769', class: "stzh-search__results-wrapper" }, resultsShown && (index.h(index.Fragment, { key: 'bd342d88492cca0cf84e3f1a6b7f3b5409e7e6df' }, this.results.length === 0 ? (index.h(index.Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (index.h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (index.h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (index.h("div", { class: "stzh-search__empty-link-wrapper" }, index.h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (index.h(index.Fragment, null, index.h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (index.h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (index.h("div", { class: "stzh-search__results-sort" }, index.h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), index.h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (index.h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), index.h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (index.h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (index.h("div", { key: '24a94ee48bb6bdada35515d95ea458c8ee2eed4c', class: "stzh-search__error" }, index.h("stzh-message", { key: '2710a47edad642aec957aa1f050c1c47b9e35317', type: "error", label: this.error }))), this.loading && index.h("stzh-loader", { key: '334807f5313b0b994a2a040826d05b8b5e29e0ad', class: "stzh-search__loader" })), index.h("slot", { key: 'd30b388ca0381c1e5d6f8472db0f96549b20c17c' }))));
+            })) }))))), filtersAsideUsed && (index.h(index.Fragment, { key: 'ca3dc45e474e9fe21d9339669e0eb820581ec506' }, index.h("div", { key: 'd8378d10fc3f1e7ec9a41aa3eb46382c781229b3', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, index.h("div", { key: '3eb4450786b2c8810ed84fa120501af0f2f07384', class: "stzh-search__filters-aside-inner" }, index.h("div", { key: '30de1f9ec457252ad0a5d54ff6bf2a948791a742', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), index.h("stzh-details", { key: 'a7acd26c75fdfdc4cba709e2c39c5d63a198ae12', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, index.h("stzh-button", { key: 'e86e03d52ee95caf3b01ae8d320daf89b79e0d31', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), index.h("div", { key: '0d88af0fd910261df6f3d9f5bf360a3af44e9e58', slot: "content" }, index.h("slot", { key: '3c059d9f82fc3e3b9b143128ccb7021e0346983e', name: "filters-aside" }))))))), index.h("div", { key: '87343d6f76a152bc601a47f6b2e73f7bf5575eb2', class: "stzh-search__results-wrapper" }, resultsShown && (index.h(index.Fragment, { key: '78ba429c30e3b683aca043e9ccb6eb6b821b0b24' }, this.results.length === 0 ? (index.h(index.Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (index.h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (index.h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (index.h("div", { class: "stzh-search__empty-link-wrapper" }, index.h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (index.h(index.Fragment, null, index.h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (index.h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (index.h("div", { class: "stzh-search__results-sort" }, index.h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), index.h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (index.h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), index.h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (index.h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (index.h("div", { key: '9835010b0368bfb88f442d7267694c008fc512e1', class: "stzh-search__error" }, index.h("stzh-message", { key: 'ec847e8202288cfc34d8fb3d2f52d9640f219528', type: "error", label: this.error }))), this.loading && index.h("stzh-loader", { key: 'c19e69eda00ff65e7feff2597ef1d43339d76de2', class: "stzh-search__loader" })), index.h("slot", { key: '741ad0d36e2c98bd32414b458994bca78374b947' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-section.cjs.entry.js

@@ -51,12 +51,12 @@ const StzhSection = class {
         this.init();
     }
     render() {
-        return (index.h(index.Host, { key: '217bdcf9dec8073d71555f06f147af51ad02bf41' }, index.h("section", { key: '9fe2e897d618ecc1e16dccb45a8d9b8320beefa8', class: {
+        return (index.h(index.Host, { key: '855ae28229e1857781ba8f3b9a5f800d6fe469f5' }, index.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,
-            } }, index.h("div", { key: '62b33ef27042513eafb64382970f1b581b25073e', class: "stzh-section__outer" }, index.h("div", { key: '5f22e05dfdfd89a10c823cda6ff5e8b8b54c6ca6', class: "stzh-section__heading" }, index.h("slot", { key: '894c483bb197c3104aaa00da933e45e2234b3ccb', name: "heading" })), index.h("div", { key: '44c86a8ba3cf0bb62fa73be93c462ea619bfad25', class: "stzh-section__wrapper" }, index.h("slot", { key: '45dc78b55fbb544e98da98cb2f4054768aed0b26', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, index.h("div", { key: 'e107f0d8aa0b57836d2a430853ef3aa341cf15bf', class: "stzh-section__outer" }, index.h("div", { key: '9600ec45d884742df11c0d197b6cecb3e05ce06e', class: "stzh-section__heading" }, index.h("slot", { key: '5c1ca48798cc1e5d25033d81da51959d5b95af4a', name: "heading" })), index.h("div", { key: '4b9b44f144bae1d348a00ab3c7959bf26960a754', class: "stzh-section__wrapper" }, index.h("slot", { key: 'fb21898a14cc76e3fff486b041dbd6cd77ed56a1', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
 };
 StzhSection.style = StzhSectionStyle0;

package/dist/cjs/stzh-sitemap.cjs.entry.js

@@ -16,7 +16,7 @@ const StzhSitemap = class {
         const classes = {
             "stzh-sitemap": true,
         };
-        return (index.h(index.Host, { key: 'ed9d18d586865d44a1e0e517d35ea4e478c0a6d7' }, index.h("div", { key: '5ae374ef725722c1a746ac224228f25eb57d450f', class: classes }, index.h("stzh-datalist", { key: '9031c091fe44ac799b915bc1a9634ddc314f95b1', items: this.items }))));
+        return (index.h(index.Host, { key: '35c0a41aef42e5c5adb699dc6794af6d7e6be684' }, index.h("div", { key: '7748f14cdddcf42fa675aed26dfade221cc7fdf5', class: classes }, index.h("stzh-datalist", { key: '347c20aa534ad48fa863a85d3bd7c546c07d09f7', items: this.items }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js

@@ -16,7 +16,7 @@ const StzhSkinPortalMitwirken = class {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return index.h(index.Host, { key: '7e3b899bad495cfe05e87b6250499d3d09765189' });
+        return index.h(index.Host, { key: 'd6ea8cad75a6c50ef130d92be33ee31f3b38452d' });
     }
 };
 StzhSkinPortalMitwirken.style = StzhSkinPortalMitwirkenStyle0;

package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js

@@ -16,7 +16,7 @@ const StzhSkinStorybookPreview = class {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return index.h(index.Host, { key: '6fcd1e011e72df8eb912d22d4dfd87fc12b94ae8' });
+        return index.h(index.Host, { key: '2a5754f8b76ac12ae0258cea79ff59238be49289' });
     }
 };
 StzhSkinStorybookPreview.style = StzhSkinStorybookPreviewStyle0;

package/dist/cjs/stzh-skiplink.cjs.entry.js

@@ -91,7 +91,7 @@ const StzhSkiplink = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '566d146867ecbcd1c350f9a075161f79c641d85c', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, index.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 }, index.h("div", { key: '8d3d373f9bd4196910b880c60871c3232dd60987', ref: el => (this.text = el) }, this.label ? this.label : index.h("slot", null)))));
+        return (index.h(index.Host, { key: '2cc32ab485def00747fa10e3f6a5e63b4d8e9c95', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, index.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 }, index.h("div", { key: '3c9ab0157551717152b23d72738a25fab5fd6b44', ref: el => (this.text = el) }, this.label ? this.label : index.h("slot", null)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-socialmediastream-item.cjs.entry.js

@@ -81,7 +81,7 @@ const StzhSocialmediastreamItem = class {
         const classes = {
             "stzh-socialmediastream-item": true,
         };
-        return (index.h(index.Host, { key: 'a2db53c89224f5db81b9aabcf1ee6375294d7446' }, index.h("a", { key: 'ca521339ebbbb64466275bb2ae17726607ec2178', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (index.h("div", { key: '02b7ec3cc7ab92a2ecb59167f1a32721ece3405b', class: "stzh-socialmediastream-item__image" }, index.h("stzh-ratio", { key: '66111e4bb0e6daea944f7410a692560e42238b43', ratio: "1:1" }), index.h("div", { key: 'baa7fdba65b5a6144615c5349661708f9e3efdea', class: "stzh-socialmediastream-item__image-inner-wrapper" }, index.h("img", { key: '029b2d40c233eca33502f3369a4d37a2587acb87', src: this._item.image, alt: this._item.account.title })))), index.h("div", { key: '6928ef7b63c9e7026aeecc632aa84aaf51e0826c', class: "stzh-socialmediastream-item__content" }, index.h("div", { key: '7100f1db4726db79982da3c801dec9a77817c0eb', class: "stzh-socialmediastream-item__content-head" }, index.h("stzh-text", { key: '1bc8ad7d81fb8ad0fbdecd2a28190f695121d485', size: "nano", class: "stzh-socialmediastream-item__content-title" }, index.h("strong", { key: 'e11d2ea1c02376b23c9badc5858b246fcd3235b9' }, this._item.account.title), index.h("br", { key: '5e527a82280db5b1890836f26b04aa3439376759' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), index.h("stzh-icon", { key: '1774cda6ba51958bec13cd4ba724cd513ebebc32', name: this.getIconName(this._item) })), index.h("div", { key: 'f7900847ad81fa65f625de40e839adf32433403b', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), index.h("div", { key: '730c56fcf7d1bfac01dd18567c15021de211d77e', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
+        return (index.h(index.Host, { key: '451ffb4531182b23e3fdc6c0c784431b913907b5' }, index.h("a", { key: 'd44e214ac6a78e5f692ce6ad08638c8b5acd7c9d', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (index.h("div", { key: '6155711535ac95e0191089033e4049ff13019bf0', class: "stzh-socialmediastream-item__image" }, index.h("stzh-ratio", { key: '500fc5fb9824e7f304e0f54eda0b82a81fbf4ed9', ratio: "1:1" }), index.h("div", { key: '0aa89a95f31dad77eee8fb87a6a6b64749f0a1cd', class: "stzh-socialmediastream-item__image-inner-wrapper" }, index.h("img", { key: 'c358e286c315bb7eb083acfc67a983b4fdbf1f9e', src: this._item.image, alt: this._item.account.title })))), index.h("div", { key: 'a71b06f04bf6e6df8f41a15438a16195473b3228', class: "stzh-socialmediastream-item__content" }, index.h("div", { key: 'bc4e20c47f08d1fe010d43882d268dff1adb3643', class: "stzh-socialmediastream-item__content-head" }, index.h("stzh-text", { key: 'fc2f2d52cb3dc36ae35b028c624c418564a09aae', size: "nano", class: "stzh-socialmediastream-item__content-title" }, index.h("strong", { key: '30066db3b5ca863902140a7829e0b6bb1d4b1b14' }, this._item.account.title), index.h("br", { key: 'cd515f69421007de450ed88dffe7c4ba92ca5889' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), index.h("stzh-icon", { key: '50e23b1d0d1073e37e7b1c71fe073a5951516820', name: this.getIconName(this._item) })), index.h("div", { key: '0ff6ecf0e3fe75cc0f0b6d549b51480029d84784', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), index.h("div", { key: 'c862b9ebf610d71241ca80439df051bcd917da54', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
             this._item.actions.map(action => (index.h("a", { href: action.url, title: action.title, class: "stzh-socialmediastream-item__action", target: "_blank" }, index.h("stzh-icon", { name: this.getActionIconName(action.variant) }), action.count))))))));
     }
     get element() { return index.getElement(this); }

package/dist/cjs/stzh-socialmediastream.cjs.entry.js

@@ -320,7 +320,7 @@ const StzhSocialmediastream = class {
             "stzh-socialmediastream": true,
             "stzh-socialmediastream--has-heading": headingSlotUsed || !!this.heading,
         };
-        return (index.h(index.Host, { key: 'a809d75196f3282b7611a55ab712d34f9b75ab7e' }, index.h("div", { key: '3cfbc3b48e27657efae8c67d59b2de30adf0442f', class: classes }, index.h("div", { key: '5c830dbfd73dca56943e59fb0865bbe8e8983fbe', class: "stzh-socialmediastream__heading" }, !!this.heading ? (index.h("stzh-heading", { level: this.headingLevel }, this.heading)) : (index.h("slot", { name: "heading" }))), index.h("div", { key: '89a675f9ad86ef13c17f1bc9142b8f91d1093b38', class: "stzh-socialmediastream__items" }, this._items &&
+        return (index.h(index.Host, { key: '25e3d78f36e67179b7a479128d056887b31bcc3c' }, index.h("div", { key: '0519123771c379913f75a78385fe2f96fdabde45', class: classes }, index.h("div", { key: '657182f2f7eb9f3d4ecec771e2e2a7c6c54d03f3', class: "stzh-socialmediastream__heading" }, !!this.heading ? (index.h("stzh-heading", { level: this.headingLevel }, this.heading)) : (index.h("slot", { name: "heading" }))), index.h("div", { key: '21d37e1c527ce78a53af6268464e490823a22aaa', class: "stzh-socialmediastream__items" }, this._items &&
             this._items.length &&
             this._items.map(item => (index.h("stzh-socialmediastream-item", { class: "stzh-socialmediastream__item", item: item })))))));
     }

package/dist/cjs/stzh-stepper-item.cjs.entry.js

@@ -59,9 +59,9 @@ const StzhStepperItem = class {
             "stzh-stepper-item--passed": this.passed,
             "stzh-stepper-item--passed-incomplete": this.passed && this.incomplete,
         };
-        const dotted = (index.h("span", { key: '508cd6b4a18483109ef1ef11c0f9d9f17ddf5652' }, !this.clickDisabled ? (index.h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (index.h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
-        const content = (index.h("span", { key: '49a638209e06ee6ebfdda12c2719da56d6fe4585' }, index.h("span", { key: 'c25b6045feed5488e0b97e8f25d34ca306afb613', class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h("span", null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { key: '16fb64a1bf6b09338709d730f7b4ed9c4dd193a4', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null))));
-        return (index.h(index.Host, { key: '6748774638b12d8d6b1f091e7d73e71eb252b97e', role: "listitem" }, index.h("div", { key: '12bda164a6879c07919916e7a4d4d489d03e4b48', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (index.h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (index.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 }, index.h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h(index.Fragment, null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null)))), this.first && this.dotted && dotted)));
+        const dotted = (index.h("span", { key: '6ad9c0296692d49c06812713c204fa0321ccc650' }, !this.clickDisabled ? (index.h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (index.h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, index.h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
+        const content = (index.h("span", { key: 'bb26d1beb7162193cd3ee9c6ca9722f81ef872f4' }, index.h("span", { key: '6b4cb4eaa5997213afeab9810ccc06df6584e78e', class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h("span", null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { key: '0eeb3ec064bfe9b6ee598f28697f2006e2781c3e', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null))));
+        return (index.h(index.Host, { key: '79af04c48f23357209b1e1e7544642260b1f3e38', role: "listitem" }, index.h("div", { key: '78f62c8fffa3081b4d461f24280fa57f9ee9e879', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (index.h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (index.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 }, index.h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (index.h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (index.h(index.Fragment, null, index.h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (index.h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), index.h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : index.h("slot", null)))), this.first && this.dotted && dotted)));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-stepper.cjs.entry.js

@@ -168,13 +168,13 @@ const StzhStepper = class {
             "stzh-stepper": true,
             [`stzh-stepper--index-${this.index}`]: !!this.index,
         };
-        return (index.h(index.Host, { key: '30ffb16546845e54b1bf1a78acb862ad172364f7', style: {
+        return (index.h(index.Host, { key: '9693824652a7886319f7b57cd6a261a395ef29d2', style: {
                 "--steps": this.currentSteps ? this.currentSteps.toString() : null,
-            } }, index.h("div", { key: '0ad830635cdc8bde864da43095a282497b33b401', class: classes }, index.h("div", { key: 'dbdce6c242bd8672290a545e69e4e0b8d79839c6', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index$1) => (index.h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index$1), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
+            } }, index.h("div", { key: '388736a3753eb43046e346f7153b3d7e5b2d1a18', class: classes }, index.h("div", { key: '2d1995d68e7fe98859b3bbe58c8b335107a0e392', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index$1) => (index.h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index$1), { 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" })))), index.h("slot", { key: '783ac28a904949159e5aa4d8a0c912d9efc841ad' })))));
+            }, class: "stzh-stepper__item" })))), index.h("slot", { key: 'd70dd05a1e297ba05e3503b348547d91b2418282' })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-sticky-actions.cjs.entry.js

@@ -63,7 +63,7 @@ const StzhStickyActions = class {
             "has-active-scrollup": this.hasActiveScrollup,
             "is-not-slotted": !this.isSlotted,
         };
-        return (index.h(index.Host, { key: 'e963944524ebc4ff4cdf7d98537181eba6055242' }, index.h("div", { key: 'fa36d8553727daadea9d1e482912cdefd92ac308', class: classes, "data-stzh-sticky-width-container": true }, index.h("stzh-sticky", { key: '2561e8025d594afe234cfdeb7560b0be05853bc4', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, index.h("div", { key: 'ad4493e57dd7a5ce964cb12b06e70effcbaa0831', class: "stzh-sticky-actions__container" }, index.h("div", { key: '9923aa2313848ad304d2d875b2980210067bd74b', class: "stzh-sticky-actions__chat-wrapper" }, index.h("slot", { key: '73b86cbdcff0133f3a02347ea330b35f620e2200', name: "chat", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '83b7e6d314d1213dd14dda6de79d20e2c8c221e0', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, index.h("slot", { key: 'd9b98d76d61548589aed31b4909669a8a81c18d0', name: "scrollup", onSlotchange: () => index.forceUpdate(this.element) })))))));
+        return (index.h(index.Host, { key: '30ba9f6f4b22d8869dd4e643181b9db6a72e093a' }, index.h("div", { key: '24229a1768d5ce7c9c951c194378696af4a1a509', class: classes, "data-stzh-sticky-width-container": true }, index.h("stzh-sticky", { key: 'f174ea7535213bf509afe82906db6e01a4baa721', name: "actions", class: "stzh-sticky-actions__sticky", position: "fixed", variant: "transparent", disableStickyTop: true }, index.h("div", { key: '230745e2c24a8199ebca7af68e7673ebdcb605ed', class: "stzh-sticky-actions__container" }, index.h("div", { key: '7db90dfa918654c91eb6fc910f3487d56bf3acc7', class: "stzh-sticky-actions__chat-wrapper" }, index.h("slot", { key: '77cef1116ad41b80850eb4b5bfb4d62e6ef41607', name: "chat", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '08a80e250f978fa0cf8a017e4dd00af14496a63c', ref: el => (this.scrollupElement = el), class: "stzh-sticky-actions__scrollup-wrapper" }, index.h("slot", { key: '3328c4daae8ab3036a89a5f1c6aa8e9382ac6c62', name: "scrollup", onSlotchange: () => index.forceUpdate(this.element) })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-sticky.cjs.entry.js

@@ -295,7 +295,7 @@ const StzhSticky = class {
             [`stzh-sticky--position-${this.position}`]: !!this.position,
             [`stzh-sticky--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '366a3c2c59058ea5e6184d481827b5487a642f33', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, index.h("div", { key: 'f94ec092ad846089f58e75a5bf3b11efe123b210', class: classes }, index.h("div", { key: 'c69b2cc74ef7276d4530c6eab020c5801e5db86f', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), index.h("div", { key: '8059e8c6fd26eca9cd1409674ed32925bf244aae', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, index.h("div", { key: 'd3531d057480b4e99f5a398c1801a661b8250c80', class: "stzh-sticky__content" }, index.h("div", { key: 'adbe9130517d8564d0e6c591580af6ecb4c81dd1', class: "stzh-sticky__content-inner" }, index.h("slot", { key: '0e1ff73b671caa8d7119a8900853437cfb731bd1' })))))));
+        return (index.h(index.Host, { key: '2b4ffafb3ee3177c7eb6401a599966881bb8e5a7', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, index.h("div", { key: 'db273e2f720f588d3e504669e99877064a14acf2', class: classes }, index.h("div", { key: 'beff75a5dc47cd136eef6d7abb498e086170b5e6', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), index.h("div", { key: '05a63e898107a683dfefa99fef94b78d53248de0', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, index.h("div", { key: 'ae5320838323cc3340db7215c4a77f3d0ce52bce', class: "stzh-sticky__content" }, index.h("div", { key: 'bfe91c89e178722ccc948aed16307d706a39605f', class: "stzh-sticky__content-inner" }, index.h("slot", { key: 'c57e6853002ea75094fdde0752c7df747479cf37' })))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-table.cjs.entry.js

@@ -157,7 +157,7 @@ const StzhTable = class {
             "has-action-or-search": actionButtonSlotUsed || searchSlotUsed,
             "has-header": headingSlotUsed || actionButtonSlotUsed || searchSlotUsed,
         };
-        return (index.h(index.Host, { key: '43ed84df5c0468faa3c17ddf6a723af2520c092d' }, index.h("div", { key: '65fb70103afae39dfad71191ee7ee2e4017b5146', class: classes }, index.h("div", { key: '13a24b9e05560f73d12e7a14f4caab3f68e68977', class: "stzh-table__header" }, index.h("div", { key: '9e2397988e9ceb316d4ee5e0ef708a9134116684', class: "stzh-table__heading" }, index.h("slot", { key: 'a5f2f58606a5d38531fafe1211634a072902aff5', name: "heading" })), index.h("div", { key: '7934ff3a69af7a3822caf0ca7bd526f3e39cf517', class: "stzh-table__sub-header" }, index.h("div", { key: 'e6086f890109a2ae29ea1c38337252cc62ff3ed4', class: "stzh-table__search" }, index.h("slot", { key: 'd93491dd6e78cb0f9009ce331ec7678b2cbf1642', name: "search" })), index.h("div", { key: '7e7959697a73eb364cce07fdffbb74002c8eb0ea', class: "stzh-table__action-button" }, index.h("slot", { key: 'eb26ff350e78c73567050c1e2eb7e20041afc3de', name: "action-button" })))), index.h("div", { key: 'dd792af4b0e54dece443d1a0385008df85e8e464', class: "stzh-table__outer-wrapper" }, index.h("div", { key: '390ae4cb7863cad3fd64b8ea79b593b6be372c32', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, index.h("slot", { key: '7c076791dc150f8a634399cbce0a421b03688370' }))), index.h("div", { key: 'b0ec5dd1a2d8da3fe4ec233b59e2d589134c473d', class: "stzh-table__list-wrapper" }, index.h("div", { key: 'cf050f9931715eee8d9316c94c153a543ed27cae', class: "stzh-table__list-sort-wrapper" }, index.h("slot", { key: '721f935fe7009c706b785b0a07bf13e72f3a0cf5', name: "list-sort-by-dropdown" }), index.h("slot", { key: '24ffc40fd99ceba65088257622c4fe51136caeaf', name: "list-sort-direction-dropdown" })), index.h("slot", { key: '03a90708c1df822888cec89677215cbc07e82252', name: "list" })), index.h("div", { key: 'bceb8529c16b3f35df46c6fdf79ab2aedf7d98a9', class: "stzh-table__pagination-wrapper" }, index.h("slot", { key: '61960b688772212b7e0f6acf9bcd5e9982d87b08', name: "pagination" })))));
+        return (index.h(index.Host, { key: '18b913f834e035f6ff55e9c799e14bd00d2a20c0' }, index.h("div", { key: '432de3837f5ed0420cde0eaaeb201cff13eb9211', class: classes }, index.h("div", { key: '9510bc2a8299c5d35dd74cd9c122d4870ab063c4', class: "stzh-table__header" }, index.h("div", { key: '5a288b52f7541d861d843802b589ac0faf276e03', class: "stzh-table__heading" }, index.h("slot", { key: 'c6630c46c320eea6fe404226757683c762678be9', name: "heading" })), index.h("div", { key: '73031d555b957b8b546962dd5b9db28cb5db41da', class: "stzh-table__sub-header" }, index.h("div", { key: '47dae2a820742b8b321c3354e314811c1184ec64', class: "stzh-table__search" }, index.h("slot", { key: '4a903bb47d5713fe80f526e91ba67830e12ded02', name: "search" })), index.h("div", { key: '05b7a6bd698444612fef3fe5e084a5190a145a2a', class: "stzh-table__action-button" }, index.h("slot", { key: '4d293f14af10f00846e74a658b8b48d214de7e90', name: "action-button" })))), index.h("div", { key: '57d4eafa46d7c8d2349c45b3377f126c143516ba', class: "stzh-table__outer-wrapper" }, index.h("div", { key: 'cf0653f3937b6fbfe801ecfb27ae076b312d1dbd', ref: el => (this.tableWrapper = el), class: "stzh-table__wrapper", onScroll: this.handleScroll }, index.h("slot", { key: 'fa8bc7aedcb9aa7adae4ae92d2c671f8d1746c2e' }))), index.h("div", { key: 'af7f020e4f48190865faf58b2a997d3d5606c258', class: "stzh-table__list-wrapper" }, index.h("div", { key: '9b0efcc6592a6e092bc1d1cafcd8cfd2d3b0077c', class: "stzh-table__list-sort-wrapper" }, index.h("slot", { key: 'b9eb616f26523a4f94514763e7114a97b326c1d2', name: "list-sort-by-dropdown" }), index.h("slot", { key: 'e657735f67549666cfe531954c2f171d39db2785', name: "list-sort-direction-dropdown" })), index.h("slot", { key: '8ed2a12225cba4f03b5dccd6b84a08cada21a227', name: "list" })), index.h("div", { key: 'cfad659624af6ad05d350a4d7d4b9fac36e0acb6', class: "stzh-table__pagination-wrapper" }, index.h("slot", { key: '0e40cc6b08c983000a1e390b0e67c1d1c780dca4', name: "pagination" })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-text.cjs.entry.js

@@ -21,7 +21,7 @@ const StzhText = class {
         this.sizeUltra = "inherit";
     }
     render() {
-        return (index.h(index.Host, { key: '358852e9ff3f3371de26c3bc0b7e58f4ffb30b93' }, index.h("div", { key: '4033c19385a0a578a8eb0f0a3e07279c7055eedb', class: {
+        return (index.h(index.Host, { key: '4edd3f2248c8094b2021064cce3de41f89b9323c' }, index.h("div", { key: '1bb5fa635d1dd15bbf1f267cfbb6a13398a81514', class: {
                 "stzh-text": true,
                 "stzh-text--is-lead": this.lead,
                 [`stzh-text--font-${this.font}`]: !!this.font,
@@ -31,7 +31,7 @@ const StzhText = class {
                 [`stzh-text--size-medium-${this.sizeMedium}`]: !!this.sizeMedium,
                 [`stzh-text--size-large-${this.sizeLarge}`]: !!this.sizeLarge,
                 [`stzh-text--size-ultra-${this.sizeUltra}`]: !!this.sizeUltra,
-            } }, index.h("div", { key: '073aa7e7cefb5f6eb2bbc9388f030ef2085326bc', class: "stzh-text__text" }, index.h("div", { key: '90aa0f792ad6aa1bfcaa03d969751ae055cef227', class: "stzh-text__icon" }, index.h("slot", { key: '1c9da57696dbc4e79a20bb2719ed4c03e5d4fc53', name: "icon" })), index.h("div", { key: '204d41fd981d654839a63426f386f7574b08bff3', class: "stzh-text__text-inner" }, index.h("slot", { key: 'bec62bfb9db142a57114829bb9b17d30ef8ebbd6' }))))));
+            } }, index.h("div", { key: 'bd7e38c7d66e5a865201144c49d6d3345b51259f', class: "stzh-text__text" }, index.h("div", { key: '2696e430d823e471f97d50eda19fc0d43646e180', class: "stzh-text__icon" }, index.h("slot", { key: 'fe826eeb0330d49a5d5c579c80f34445e725a7a4', name: "icon" })), index.h("div", { key: '64d964ed407b4de13a482165a6df4668d9ff4662', class: "stzh-text__text-inner" }, index.h("slot", { key: '2726cba0de25e8f78faaea415ccba5eaab299623' }))))));
     }
 };
 StzhText.style = StzhTextStyle0;

package/dist/cjs/stzh-textandimage.cjs.entry.js

@@ -75,7 +75,7 @@ const StzhTextandimage = class {
             [`stzh-textandimage--size-${this.size}`]: !!this.size,
             [`stzh-textandimage--image-position-${this.imagePosition}`]: !!this.imagePosition,
         };
-        return (index.h(index.Host, { key: 'd854fe51001461bed48517ae440e3c84a6e020e0', single: isSingle, "image-position": this.imagePosition }, index.h("div", { key: 'ca7570f4afb348816734c52e128829a6c5ce1616', class: classes }, index.h("div", { key: 'd3b9718f7a03111100c7686c1c96f1b0a523ac9e', class: "stzh-textandimage__left" }, index.h("slot", { key: '77c1be8daf279294940fb5f659418ce253abce53', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '843a95bffea789133b8798d75be6bee7ddaf3f85', class: "stzh-textandimage__right" }, index.h("div", { key: 'f34a01a4197d7448b07b7bda3c00f3cb56ecfdbb', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, index.h("slot", { key: '4c6b303604479b4d399153e6d407d1d1cffafa23', name: "right", onSlotchange: () => index.forceUpdate(this.element) }))))));
+        return (index.h(index.Host, { key: 'c068e169103e24129eba9acc112503aaab1f3d79', single: isSingle, "image-position": this.imagePosition }, index.h("div", { key: 'ae83efdd7d73ad9e7f90ecc9274f0089dda707c2', class: classes }, index.h("div", { key: 'fda59fc416acbdb489642a94e1298fe5b8583cb0', class: "stzh-textandimage__left" }, index.h("slot", { key: '8b4cb84669b96f687ae62ede0ad11ef07706039c', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: 'baa443bb942d2bfe49a4fce9807047082797856b', class: "stzh-textandimage__right" }, index.h("div", { key: 'c24801ff6deb1fcec43e8ba72f50ca9337aeca18', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, index.h("slot", { key: 'd3b2e253df5663f1f78b86e0b8c93b8e0119191b', name: "right", onSlotchange: () => index.forceUpdate(this.element) }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-timeline-item.cjs.entry.js

@@ -260,7 +260,7 @@ const StzhTimelineItem = class {
             "stzh-timeline-item--is-foldable": this._foldable,
             "stzh-timeline-item--is-completed": this.completed,
         };
-        return (index.h(index.Host, { key: '252897024b683b788aaa9d9b08b7a0aaea680628', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: '14bc316a0a2d8ff17b0440f170ff03cd9e923981', class: classes }, index.h(Heading, { key: 'cf8dc7a69ee41d7eecb1a534cfb9502a580493ac', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.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 }, index.h("span", { key: '09ca54f97ab66d5267e70f5d49c65728edae311c', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '51b984d8a8f7d843c4867d5845df3d964a0709d3', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: '2e6f4d9f8ea8f439a608a97660df5ca420ba7d4d', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: 'f0538916305f93370e293ba25fb8251651e27da4', class: "stzh-timeline-item__button-text" }, index.h("span", { key: '8dfc03c9f8c5b33b3d5724db4de1d7d26edae6c3', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: '1f3741707d40b9add49a4f88bdf4b98d38cc4bae', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: '4c8d0f6cd62d3c13a8971d4987da6a7316a16303', class: "stzh-timeline-item__button-icon" })))), index.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 }, index.h("div", { key: '0fc5410da9129574fff489d2b5528f10680a26ba', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: 'bd8964adf707362947c3bbb6cb41e04995f2b74b' }))))));
+        return (index.h(index.Host, { key: 'b503376ec34be69af4cda573d066f1fbf4131a35', role: "listitem", "is-foldable": this._foldable, tabindex: this.disabled ? null : this.rootTabindex, onFocus: this.onRootFocus }, index.h("div", { key: 'f6da87404c9fc7272b4e70e55afbbdfd2e918f01', class: classes }, index.h(Heading, { key: '716bd1a0790f6442952939dc590af2d57c145659', id: `${this.timelineItemId}-header`, class: "stzh-timeline-item__heading", onClick: this.handleHeaderClick }, index.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 }, index.h("span", { key: '05d45ce5bce4f4d91411a01b5fd60572486d76c0', class: "stzh-timeline-item__bullet" }, hasIcon || this.completed ? (index.h("span", { class: "stzh-timeline-item__bullet-icon-wrapper" }, this.icon || this.completed ? (index.h("stzh-icon", { class: "stzh-timeline-item__bullet-icon", name: this.icon ? this.icon : "checkmark" })) : (index.h("slot", { name: "icon" })))) : (index.h("span", { class: "stzh-timeline-item__bullet-text" }, this.step)), (this.badge || this.badgeEmpty) && (index.h("stzh-badge", { key: '0269da13471f743402344bc777caf15094fcd0a6', class: "stzh-timeline-item__badge", label: this.badge, type: this.badgeType }))), index.h("div", { key: 'b77c715d05f3c4627a55a366d00d0f382858ba56', class: "stzh-timeline-item__button-inner" }, index.h("span", { key: 'fb7503670b4e0fe23daf2238b9f3eccc846d43c0', class: "stzh-timeline-item__button-text" }, index.h("span", { key: '2749c9bf11d6ec921bab96aa84d792037db97060', class: "stzh-timeline-item__heading-text" }, this.heading), index.h("span", { key: '4a2ecfff1b5823ddf11df31345a5c84cb024fd5d', class: "stzh-timeline-item__description" }, this.description)), this._foldable && index.h("span", { key: 'c602b1e975466a38bd74d4e7dada72aa0427949e', class: "stzh-timeline-item__button-icon" })))), index.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 }, index.h("div", { key: 'd62d96be7f3ace98454a9ed9a60d93230019a857', class: "stzh-timeline-item__content-inner" }, index.h("slot", { key: '92b1ce3339ed5ff1db8055347edcba9f2d6785f3' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-timeline.cjs.entry.js

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

package/dist/cjs/stzh-timepicker.cjs.entry.js

@@ -77,7 +77,7 @@ const StzhTimepicker = class {
         const classes = {
             "stzh-timepicker": true,
         };
-        return (index.h(index.Host, { key: '90d04a7417032c9c2478ff8601a4dd08648d3b2a', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '97f320161d1b0cf25fb0cc725feb150c98fc01b8', class: classes }, index.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 (index.h(index.Host, { key: 'dcac2eed61ae2f90338ad717ba7f7eeb33c930af', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'c5c74bb16e275b748287482fae9ebecd40d8a2d2', class: classes }, index.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 }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-toast_2.cjs.entry.js

@@ -178,10 +178,10 @@ const StzhToast = class {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'feda086cea30bbc52cfea339f87173e0398915de' }, index.h("div", { key: '792ae294ee842086d5c1eed357cf06e7987b7ff1', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '2cc591d5129ae91b512945833009372162edc57d', class: "stzh-toast__content" }, index.h("div", { key: 'b80eee232999f58aec00968ce636b7709936e70c', class: "stzh-toast__icon-wrapper" }, index.h("stzh-icon", { key: '935ecd5ca7c885621e85b0680ddb77de4e112aa6', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (index.h(index.Host, { key: '647808b720e2888910a075be8653e4fd04adb77b' }, index.h("div", { key: 'f8da8403198badf3ddd40686e54dc2cdd8bcd2e3', ref: el => (this.rootElement = el), class: classes }, index.h("div", { key: '0b78f7387cc3c081b3beb03816bbc1388d3e07f0', class: "stzh-toast__content" }, index.h("div", { key: 'e7bc67d71cd3dc6438b0621b3f5e1ea0dc5bc3ad', class: "stzh-toast__icon-wrapper" }, index.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") })), index.h("div", { key: '7d3b99d765aaff5fc3e2941b30ef68e8b0df070a', class: "stzh-toast__text-wrapper" }, index.h("div", { key: 'ef7ac9faaefc5598bacc86043c9ec5c60d02c9b9', class: "stzh-toast__label" }, this.label), index.h("div", { key: 'f0fabf10763fbd16a8faca64317ed7e9848df286', class: "stzh-toast__link" }, index.h("slot", { key: 'e35cc4180b2476275cbc1d91ea9df22acb298ddc', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '8a15292db588f29463226d5588f8cbb25da14258', class: "stzh-toast__close-wrapper" }, index.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") })), index.h("div", { key: 'b1033cd25e0bdcd8f3522dca1e1a074955a81b34', class: "stzh-toast__text-wrapper" }, index.h("div", { key: '0b3dafd943525e54463a66829c0cbb4d2a0f5ce7', class: "stzh-toast__label" }, this.label), index.h("div", { key: 'a7cccd2fc43cebe0cb867231f4b65af40013b6f6', class: "stzh-toast__link" }, index.h("slot", { key: 'cc4e86186fe1e42379d05f48cdcbaca06d0e4cf5', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (index.h("div", { key: '8ac04a8181d2454555ff54f6cb04ab3d461d37c9', class: "stzh-toast__close-wrapper" }, index.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" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -319,7 +319,7 @@ const StzhToastbar = class {
         const classes = {
             "stzh-toastbar": true,
         };
-        return (index.h(index.Host, { key: '9f89aad266fd0fafd91bea98f836c2898ad142d0' }, index.h("div", { key: '6199f1fc96aac871a545958bdfcb5a3f58e6cefc', class: classes }, index.h("slot", { key: 'ccb7700c12301dede6a89cbefc9d94914397b21e', onSlotchange: this.handleSlotchange }))));
+        return (index.h(index.Host, { key: '468ff195a06333913d3130270b20995b08459130' }, index.h("div", { key: '3adaef4757a5fcc24802b0a913da10cee25a25b1', class: classes }, index.h("slot", { key: 'f506e8ee64bce853eacc5ae24664db928e44173f', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-toggle.cjs.entry.js

@@ -129,11 +129,11 @@ const StzhToggle = class {
             "stzh-toggle--has-description-long": descriptionLongUsed,
             [`stzh-toggle--has-label-${this.labelPosition}`]: !!this.labelPosition,
         };
-        return (index.h(index.Host, { key: 'c573f18dbbfe352a83256295e7d658aba6e3af3c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: 'd671821e15d497cab952c0b6eb7720751e5ca86a', class: classes }, index.h("label", { key: 'd2d3755138d92fa0e9eccfc34bb39a5fa307c3e3', class: "stzh-toggle__field-wrapper" }, index.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 }), index.h("div", { key: 'e7ec846399555e772e6b1c1e7817c350e77c96a5', class: "stzh-toggle__mark" }, index.h("div", { key: '31bdc6b747669690c1be7ccbb97ec5087aa2d2f5', class: "stzh-toggle__check" })), index.h("div", { key: '6b099738460f19f59e7073b3ab9aae3ac0380919', class: "stzh-toggle__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: 'd1e4fcd84b442e091912d4cef736a24986d1b009', class: "stzh-toggle__marker" }, index.h("span", { key: 'c979be0788ee13d16c0d10fd9e5c229479b7ea69', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
+        return (index.h(index.Host, { key: 'e9b1873dbd6a20de7b2ca194bc6da01cbabdb5dc', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '4686a6c7bd5eee6c1ee65576bd4293f8999beedd', class: classes }, index.h("label", { key: '2570a21708d20ceb7af1f65c89b7ec8c3d63e457', class: "stzh-toggle__field-wrapper" }, index.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 }), index.h("div", { key: '16209ed1e6929c34feb8962fc84ae2a3d5c7305f', class: "stzh-toggle__mark" }, index.h("div", { key: 'f83e15c641eb15c404e699ac63005e017913ab9d', class: "stzh-toggle__check" })), index.h("div", { key: 'a99176b456cd4b702efa69aa1076dd62a26dda7f', class: "stzh-toggle__label" }, this.label ? this.label : index.h("slot", null), !this.hideOptional && (index.h("span", { key: '7c9a72d47d2a9a98abc3d8cb580a2b8eda0d418a', class: "stzh-toggle__marker" }, index.h("span", { key: '29ffb594a86bc3e19b82618668ee7670cc669f04', class: "stzh-toggle__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '3d47e6d2da04416c996aa35da0179b62d8f874fd', class: "stzh-toggle__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'e90192fc87920176caffdac899b799fe456d9ea2', class: "stzh-toggle__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), index.h(stzhInputDescription.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))))), index.h(stzhInputDescription.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 }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-tooltip.cjs.entry.js

@@ -340,7 +340,7 @@ const StzhTooltip = class {
             [`stzh-tooltip--open`]: this.open,
             [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,
         };
-        return (index.h(index.Host, { key: '67948b0604c4871d4899392840b2fdf271ea2121' }, index.h("div", { key: '67f57022d1b018ad810f0b5358aaa812f4647bb8', class: classes }, index.h("div", { key: 'ad0215e2fbdcb7b43496cd087069e3eade407033', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: 'fe4761d1bbbf89e4b485b12d23372115d1b8ff61' })), this.hasTrigger("click") && (index.h("div", { key: '6620e0a3e9d70c83a0feb79267e4c7260b7e43fb', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.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 }, index.h("div", { key: '6eab6ee7e6868b89af87fd8682ec5156a1d38c13', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: '588bea989466372661403e88d968e8cf0f1ea250', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: 'f38f700ab6d4de381d3ebe95a8d5848be8dc92a3', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: 'b44e77e22003362c138e336402f27f043b7276ea', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: 'e3074bb2ee0e793b9ac62fde8906cfcd4e7aaffa', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.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 : index.h("slot", { name: "content" }))))));
+        return (index.h(index.Host, { key: '602c486e643d2128a4b8c8f7b319f3d27a0416e3' }, index.h("div", { key: '876fee8e67fc72ec660129d28c8315c13462f574', class: classes }, index.h("div", { key: '90a14405ca5e4d172432b8f56890ed68939e60c6', class: "stzh-tooltip__trigger", ref: el => (this.triggerElement = el) }, index.h("slot", { key: 'c987a85691445f2fdf22b45d172cba51d1d233d2' })), this.hasTrigger("click") && (index.h("div", { key: '8da8efccd271b2c9fdf5779873bb50beb9230d0b', class: "stzh-tooltip__vhidden", id: `${this.id}-trigger-description` }, this.localization.open)), index.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 }, index.h("div", { key: 'd035e3aa9b0af99eee067ac19421d4cd086e193c', class: "stzh-tooltip__arrow", ref: el => (this.arrowElement = el), innerHTML: arrow.Arrow }), this.label && (index.h("h2", { key: '022c92848772c97f74e14a86c3fff2ac27cb563f', id: `${this.id}-label`, class: "stzh-tooltip__vhidden" }, this.label)), this.hasTrigger("click") && (index.h("button", { key: '35b226da1446add2834404784f241f883b45ce6b', class: "stzh-tooltip__close", onClick: () => this.hide(), type: "button" }, index.h("stzh-icon", { key: '0cae6ba1c3884d62979c807c6d9b5b5dd92d0bb7', name: "close", class: "stzh-tooltip__icon" }), index.h("span", { key: 'b21abf9fd3152b4d300d5f7393dca8881246ad7e', class: "stzh-tooltip__vhidden" }, this.localization.close))), index.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 : index.h("slot", { name: "content" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-twocolumns.cjs.entry.js

@@ -42,7 +42,7 @@ const StzhTwocolumns = class {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (index.h(index.Host, { key: 'ea51dbcb9a4b00425d4c3edebf441378229fc4c8' }, index.h("div", { key: '479d3e53ccca109f8222d699a9d92148f3c8fe40', class: classes }, index.h("div", { key: '7ab3f9a35b59d543c6530af6e407c91ef582f75c', class: "stzh-twocolumns__left" }, index.h("slot", { key: 'a99911d417d9a14d7880e7e9bae47fd995302bd0', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '09a261f24a2d0b83c5ff9daa4da39a50909ad906', class: "stzh-twocolumns__right" }, index.h("slot", { key: '8b3626ede07ae7930ce0519e2fcdaba7d676900f', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
+        return (index.h(index.Host, { key: 'a31b89a16a09b5576f1793f35c673bf3a509a279' }, index.h("div", { key: '6cdbbb4c0c6bf7f64709e4a3d26c07998e2d8442', class: classes }, index.h("div", { key: 'f824f4fe4b9a263ea111c106399615cdb45148c4', class: "stzh-twocolumns__left" }, index.h("slot", { key: '4c4e3e7c0f2f1936a7b89b9d00f1cebd04df6f13', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '7c3080604249e6618101b9951483a6f38a6095d4', class: "stzh-twocolumns__right" }, index.h("slot", { key: '66c4bf3af8cf3ed66915693f918bacf57a1ff44b', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-upload.cjs.entry.js

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

package/dist/cjs/stzh-visuallyhidden.cjs.entry.js

@@ -12,9 +12,9 @@ const StzhVisuallyhidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '599ee652c6a48b89b6c2a3be26ffd57726cee23f' }, index.h("div", { key: '6c57168d07a448347bd4e448a3b3007a573fb27b', class: {
+        return (index.h(index.Host, { key: '778b9d29f48c98a8905cb67f64b849d355a694d0' }, index.h("div", { key: '9e8a21ace1cfcb099be5c85ea4f56ac57a929b40', class: {
                 "stzh-visuallyhidden": true,
-            } }, index.h("slot", { key: '584c98a4a24f09d95d6d9fbf37b8c8f508ae2441' }))));
+            } }, index.h("slot", { key: 'f41cc6c7698c8a1b2aac4608e67e90839f86d141' }))));
     }
 };
 StzhVisuallyhidden.style = StzhVisuallyhiddenStyle0;

package/dist/cjs/stzh-vspace.cjs.entry.js

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

package/dist/cjs/stzh-youtube.cjs.entry.js

@@ -42,7 +42,7 @@ const StzhYoutube = class {
             "&enablejsapi=1" +
             "&widgetid=1" +
             (this.previewSkipped ? "" : "&autoplay=1");
-        return (index.h(index.Host, { key: '7677c18c200ea5ac5b9720c191d1095926296382' }, index.h("div", { key: '3eee0c107361a8c62fb198fa4fb434868a1a21a5', class: classes }, index.h("stzh-ratio", { key: 'f812f92bff4438e97e780c5ea3d4081cd3fae384' }, index.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 }, index.h("slot", { key: '91116cf6a6731c8414340fc26336081a5965c9a3', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'cb753543214916c63f4ddd9a3941b4318c18d808', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '65b289188b1524cd8ef64cb3076002ac334d2268', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (index.h(index.Host, { key: '66d708e737e6a1f4a814f71a050db77da9ceadb9' }, index.h("div", { key: '2f1e89588c3d67dc53e068c0d21ad97431df5374', class: classes }, index.h("stzh-ratio", { key: '52f3f1d1e06d701bdeaed1322f73a847bc6f781a' }, index.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 }, index.h("slot", { key: 'f55c265197e8af533ddeb912264d9c7c0ea4f124', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'fa5d123bd6d9b77bec901d3c5563b99366055669', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '979182fa3fc39b3934d00d46fa19412e7c0a0c1d', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/components/CMS/stzh-contact/stzh-contact.css

@@ -258,6 +258,9 @@
 .stzh-contact__main-heading {
   grid-area: heading;
 }
+.stzh-contact__main-heading ::slotted([slot=main-heading]) {
+  display: none;
+}
 .stzh-contact__main-heading:not(:empty) {
   margin-bottom: var(--stzh-space-xlarge);
 }
@@ -321,7 +324,7 @@
   grid-area: image;
   background-color: var(--stzh-color-secondary20);
 }
-.stzh-contact__role {
+.stzh-contact__role, .stzh-contact__departament {
   font-size: var(--stzh-font-milli-font-size);
   line-height: var(--stzh-font-milli-text-line-height);
   letter-spacing: var(--stzh-font-curve---text-letter-spacing);
@@ -433,14 +436,14 @@
   align-items: center;
   gap: var(--stzh-space-xxsmall);
 }
-.stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__availability-title {
+.stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__departament, .stzh-contact__availability-title {
   font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));
   line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));
   letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);
   margin: 0px;
 }
 @media screen and (min-width: 900px) {
-  .stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__availability-title {
+  .stzh-contact__heading, .stzh-contact__name, .stzh-contact__role, .stzh-contact__departament, .stzh-contact__availability-title {
     font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));
     line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));
     letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);