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

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

@@ -288,14 +288,14 @@ export class StzhCard {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (h(Host, { key: 'a1927ae6d62f21414304d6462b9d041988b3c59b', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '1c972d5a6f15a4a0b335b35e0630a4a374975ae3',
+        return (h(Host, { key: '1572888deff0cdc23ed21421458869592e83b242', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '41d64741a737f6440ef4f14ba1563458c64a9f89',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: '5cf04a76fad58fca6b0966e5425e91ae85c71d5f', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'f7341e9d893bef8c126c57bdc9658ac5d7322b53', name: "image" })), h("div", { key: 'b2e1162fcd1f69b8b2fbead1bd1c69d3730adc96', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: 'dcfabe4d87f43b0fd7c81d661b1f0b1a5a864d0a', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '5dc111120bcb74bbf7154a35b834a56a952da91b', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '41038648295d4bfaab4843e89b5d98fb05b16158', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: 'f610a679f5d4a221f853732b8c4c5d1127c7bc0b', class: "stzh-card__header-top" }, h("div", { key: 'a01863d74297dac0932eb9091d5fea06cd3b0c0e', class: "stzh-card__header-left" }, h("div", { key: '2f4d07b00d3ac7afa2f483405d6f536750983035', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '20e27a11ac1906a5190379db019de6a392d2f5e4', class: "stzh-card__title" }, h("a", { key: '86d67ffb4ebc77fb3f048c730f7984ad08318ad4', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '62bf9c28ef2841c7c5f76815789e94f21493d7f9', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: 'f9dd86d7d74b9421ac23556e5695de064a1be16b', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'c5fb4c5b7ad3d3343ed78fe24793c0414d33ffb7', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '58834cd8fd62c79669bdffc0e86c100e014675e3', class: "stzh-card__header-right" }, h("div", { key: '312f0a4839d113921cfe19980247107d16a6f389', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: 'dc88f8d9c9b27ef01c7fc046016f479b4c9b957a' }, h("stzh-button", { key: 'b82b568f13a9cdabcdd54503c07bbf5524071919', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '24936f59baa0b0e18aafc05eb2cd3553aa7c7551', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: 'e74953b1570e871de39895ff1a110125565a42ad', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: classes, onClick: !this.href ? this.handleCardClick : null }, h("a", { key: '58227bb0b3bb1ccc1e62d69693ee5181ee7e4710', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: (_d = this.href) !== null && _d !== void 0 ? _d : null, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: 'fb029dd333198d02a7912c00cbeb541697894f45', name: "image" })), h("div", { key: '0bf91b735f3300eab9d93ae8708ca4ba570b67ef', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '4631088bf33ddcbd2916de4e96b91804c23e366c', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '21cb5bcd361e9a23507ebf5fd1629449537b520d', class: "stzh-card__header", onClick: this.headerClick }, (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '0bf345168d1dae51b8926fc4ae48cfd3567f0e57', class: "stzh-card__badge", label: this.badge, type: this.badgeType })), h("div", { key: '515e44f8f74694951012d1e588ed52c7d608e66a', class: "stzh-card__header-top" }, h("div", { key: '09639aea50aed0d878e6797831170ef4c274a5b2', class: "stzh-card__header-left" }, h("div", { key: 'efecb89c56301b80e4d02acda3ce66ad06f52d10', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: 'e069ccc41979c531c88ed20cab9a298878cc179c', class: "stzh-card__title" }, h("a", { key: '686849f9bb3dc2ea6a276cc3bdbbf2c54366b4b7', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: (_e = this.href) !== null && _e !== void 0 ? _e : null, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '42791028e739b4b8b7004433ab242fc246dae8f3', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: 'b120533300ed723ec033dda8cca857ef3c4d7882', id: descriptionId, hidden: true }, (_f = this.localization) === null || _f === void 0 ? void 0 : _f.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'd4bee0ad4238b833511a65f00a1f0439acfd7425', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '7d8ebcdb9ee82bbe33dbd65d69f090a01cf5c74c', class: "stzh-card__header-right" }, h("div", { key: '40e77cd5a4aa99875c313fa787e3a637582f31bb', class: "stzh-card__card-actions", onClick: e => e.stopPropagation() }, this.starrable && (h("stzh-tooltip", { key: '892240acd426e95dfd674b9a67367b05a0c6ef07' }, h("stzh-button", { key: '8efe0701f02ad6474b5e26ef6ba44ee2c9ae5aa7', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '61fdbc6110ddad0931e35a10ca79b373284bd1af', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '5a76648a820109e067cdad0ed9a0b197762a9b63', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, h("stzh-button", { key: 'e3e5761b4469c00df3597954fe35dd0a78eeedb7', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '7a2d55ed89b15122f7dff103e90b5ee96a9953a1', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
+            } }, h("stzh-button", { key: '79a6cf054d07ab7ed8b152da7e30e560fd0dee66', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_g = headerActionsWithBadge[0]) === null || _g === void 0 ? void 0 : _g.badgeType) || "default" }), h("stzh-menu", { key: '502b61374688bc119032a8790ef0cd7cb8c12e57', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
-            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: 'a64c018b74ed9ad7252f971b79ed82e45632c5ff' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '03c36ab54ddd81286ce203bd319ec1b825a03475', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: '51feaeba837cb5000662abcff76608a55209d9f7', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '9edb6e478a90c38e1792d42b8c9ad75d3682ed15', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'aaf4a1c9280fe8aab924fb6d65def99f06916aa0', class: "stzh-card__header-meta" }, h("slot", { key: '5b2e0e6c14626f74a9ea6452da4a2ad076152abf', name: "meta" }))), h("div", { key: '97f9726fdcabda0fed04fef2a0ab47a467a148a3', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '8cc5f12a74585dbdd92e2596fb7263b30dc26c6a', name: "content" })), h("div", { key: '5c6c406551d34e0d59d85daa5d1fd4e162fb177a', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: '21ab202353ae5c00e0ac7429f3cea8eb78e13169', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'e2911f2b831e2bd1c169b04f565bcf412c1d844e', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '0c7c3aa76b9cd08bc3092963c1398d0aa59d9d0c', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+            } }, action.label))), sortableActionsEnabled && (h(Fragment, { key: '74dad17d1443dbb00ed137da9b7fe71a18b500fa' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '0f300c16fa1701b8ec74de55d9640c236e0514ed', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: '1a3c869b187e2f984ebc17cd82ad1efd55841c12', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: 'cdbb0c9dde1eac63703a12c3a462a4a02f4a93cc', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'cba6a93e0d933efd81f73071fa884643c4322c67', class: "stzh-card__header-meta" }, h("slot", { key: 'd14fd3456d04e0db8353a87388c0d7a052dc0cc8', name: "meta" }))), h("div", { key: '099c16541db316ab56e01e4f12b2000499836272', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '49e90957a96df696cc900f70a7047431bac9e3b5', name: "content" })), h("div", { key: '735acedd93518779ec5072d9c742d7797086ce90', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'bcf888acf08e0aac57d574f0615ad5b00212558b', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'e2b1371966f3bed178ae947dd535347a107b1ed1', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '07c75ae6ea0f21c5e6982e1c099c86101ecf5276', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     static get is() { return "stzh-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-card-navigation/stzh-card-navigation.js

@@ -39,7 +39,7 @@ export class StzhCardNavigation {
         };
         const Heading = `h${this.headingLevel}`;
         const TitleLink = this.href ? "a" : "button";
-        return (h(Host, { key: '7be11d154e492971180bea1cca149662be680090', "has-lead": hasLead }, h("article", { key: 'f69c38a9bff3ec4024634ae8d9bd78d9680a658c', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '8e596f00b092324fc69959dd94dcd93f14abfdfc', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: '8dca93f15b7aff88575b4f348bdd97d95b5bf51d', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'd15890c9a9047033089a69038bdc1bc17f791b3a', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: '024ec9a9b908958828c8c544478137716a664f74', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: 'ea78857b7b032e542e29dcfbcf62438a95a90563', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: '0d9de48413f9f96a2f9525c8678f565747d26f68', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
+        return (h(Host, { key: '126238eacbee51894478325827183eb25d07ae1c', "has-lead": hasLead }, h("article", { key: '58564a2b5e5d15d17ce0194657b1a3c44305c58c', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '92569a606c10d0ff218144d34e125891881a89b2', class: "stzh-card-navigation__wrapper" }, h(Heading, { key: 'de17979df832b89b5c69930179bb23d27f365dd9', class: "stzh-card-navigation__title" }, h(TitleLink, { key: 'c62ce84e0727bfb5f5dd3e4c38cf12b04029a45f', ref: el => (this.titleLinkElement = el), class: "stzh-card-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, this.heading ? (h("div", { ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" }))))), h("div", { key: 'da2992e3f27517aedc2a56c390076093bcf78945', class: "stzh-card-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" }))), h("div", { key: '5b550f74204099775b53ed12cf40252c81abc955', class: "stzh-card-navigation__arrow" }, h("stzh-icon", { key: 'fb3b980cb1f5ad314ca592acaced9fe8ef89781b', class: "stzh-card-navigation__arrow-icon", name: "arrow-right" })))));
     }
     static get is() { return "stzh-card-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-card-searchresult/stzh-card-searchresult.js

@@ -123,7 +123,7 @@ export class StzhCardSearchresult {
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? "a" : "div";
-        return (h(Host, { key: '330bb8819e6869698b5241e7b6d077c29c4ea12c', "has-image": hasImage }, h("article", { key: '8a711d7fa62aa71b5b29a78cb449363bd80fb4b5', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '38d732939a1daf687eabefb5df4ae5ae2cc97ed6', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '56c497155f2d6e6e5a1d5017cd6e738606e0a772', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '15b8e2f118c8436ededc6b985e9bc93b57f2f1c5', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '4e44a3a6b9bd8dafb427a8d610ab2402ea49a455', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: 'a0f2d3f6b5cf8e2ed261f2b8f3a65038bd9e18a1', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '103be8eed0766ee51ffb647d43be0fd26c97b201', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: 'ee39b27c01e8008f6ee3be7fbb6903c3e0e6521a', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '3372aa0efcec33a6c90d083e002a45009643616d', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: '47eb3645551e39c2b3f120d2d1cd23b4bbc45eb1', class: "stzh-card-searchresult__event-date" }, h("span", { key: '53fe0007fff721a0cfba58b147a4ac97086425bb' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '8fef98ab8bbcb7c7dd24b524cfd98177051b1a58' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: 'c46664a5e677e15cd31e5ad9bb44a4dd3c4589bf', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '96938d62a07b08817be66b264f372eb1f9bcc0d1', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '9db76c0340eefbc5c74506a83aaf11c1fb528db3', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '785671d87d7b3b4c0b37da98e40631a4cc21338f', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: '133a268dcd3d0fc1ac39d74c8c0de49eb547a9bd', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'b43b74c756e35f5e2e5b91791fddc7bc5a716c90', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: 'abc5d6360081ce36f2453cce8822f0d919c274f0', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '89409c0aee836fbc737290a66512ec59da698a6d', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: '7733484819af6c23ab26995bfeb7e3bd86a5f6a1', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: 'c821ec35feaec954f42e1573559b524abadefcde', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'b3b25215879f549caf61898437c3036f11b283ba', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '3ab35c638b92546f7d6295f2712eee070ca9ac1e', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '076584f80d8eaf0ab06d603d4310c12998d8aea1', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '887dac95369a740832d5723331775065a291b675', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '8d98639d093fd49eb72832763e138574bb95bf03', class: "stzh-card-searchresult__meta" }, h("div", { key: 'a9d9fbcfe872bc0fe359836ea1b6d69d77e908f0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '411298470b412d464ad99d7dc2b75211225f6c27', class: "stzh-card-searchresult__download" }, h("div", { key: '97cc2f5b626609053df9a5069b4f91e0815d3c2e', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '301f8d98b69fef740e540104ddfe6f7daa4a2251', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'fbc5704ce1e9b7d92911931706bfb0c28a5d0dd2', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: 'c7fc5064bb3ac222dd87e82d72c87d0e9e333513', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: '0cd7fdef8115914dfb6067bcc195ba0d2877c2e2', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '257b6fcf95d0434504f155ef180aeb68e71d44a1', "has-image": hasImage }, h("article", { key: 'b53d03d99b9def93efb7c157546f24b7fb100119', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '7990b36edadf79d91225debb31fcebf04b46c465', class: "stzh-card-searchresult__tag", label: this.tag, nonInteractive: true }), h("div", { key: '181b898fc2d64a7951268bc68a8b9b9df258de95', class: "stzh-card-searchresult__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: '110b908e7736976aecca796098bae3021a905fae', class: "stzh-card-searchresult__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'e2bf802dffc433a9cc5ef27dfbe67cbf31bbd843', class: "stzh-card-searchresult__dateline" }, this.dateline), h(Heading, { key: 'e629e9c3a303ad1e073dd0eb1f085c7fc2de5ab5', class: "stzh-card-searchresult__heading" }, h(HeadingLink, { key: '1f3f5df84d1eab7e08b490e23ec53dbc2e4acc79', ref: el => (this.headingLinkElement = el), class: "stzh-card-searchresult__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-searchresult__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '43e3d3e81629a1e9337907d22d79e3cf7cb81799', class: "stzh-card-searchresult__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '79776893713db4e5b8cd0929dd7243f0b9726fbb', class: "stzh-card-searchresult__event-infos" }, eventDateStart && (h("div", { key: 'b448fdcf09171c9a27ca83464d5947dc4b4f6099', class: "stzh-card-searchresult__event-date" }, h("span", { key: '206dc26c966d4c25ca9b2b5d2cc3eac08b77388a' }, this.dateAdapter.format(eventDateStart, "dateLong")), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: '1374dc07fcbd41352bd5776fff87b099a817eb29' }, ",\u00A0", this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, "time"))))), this.eventLocation && h("div", { key: '0de1eadafece104ace8ff26e747be5dd94da61f3', class: "stzh-card-searchresult__event-location" }, this.eventLocation))), h("div", { key: '4b59a46ab104a1682ee91f727cb201e131452968', class: "stzh-card-searchresult__description" }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '04bfddd13391e29c5efef90b528d201abfb20565', class: "stzh-card-searchresult__image" }, eventDateStart && (h("div", { key: '8301d8f74ec8b8abd0f7df06dea53250584b1a0b', class: "stzh-card-searchresult__event-date-teaser" }, h("div", { key: 'ce8dd4abe7c1bd2632bd7de39acf0ccc7d8196df', class: "stzh-card-searchresult__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: 'af7ada23d8cc14882dc7503b10c3fcec12e03b9f', class: "stzh-card-searchresult__event-date-teaser-day" }, eventDateStart.getDate() < 10 && "0", eventDateStart.getDate()), h("div", { key: '4e12626e5a4affd1e249559ac42fb27c6612a7c5', class: "stzh-card-searchresult__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.topic && h("div", { key: '44b4450170f51c7cf0239ff412b581f7d1162fe1', class: "stzh-card-searchresult__topic" }, this.topic), this.service && h("div", { key: 'a81ca254a177f8d3c60381cb609522762c681afa', class: "stzh-card-searchresult__service" }, this.service), h("slot", { key: '6c82e999d779af2ba03126ea5a21be2121aae304', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: '08ee1fc6495875a37d0c115c4d41cdafb7c104c4', ratio: "21:9", "ratio-small": "1:1" }, h("div", { key: '70d95e85c5e8c075b76254da93368403e81040f0', class: "stzh-card-searchresult__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '07f46a5a979592aaafe9b55f04813f8f7d4b0c57', class: "stzh-card-searchresult__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: 'b9105a376424e6ed71a4a4b4441d347a8615de97', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '547ea6ef7d7b8462c853a8239a99eea4ec4b7368', class: "stzh-card-searchresult__meta" }, h("div", { key: '181a4b7d1a460355dd6d04bf5b0dea29f90585b0', class: "stzh-card-searchresult__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '5137dd35c04e300bb784b2c88cac57118d1af4c2', class: "stzh-card-searchresult__download" }, h("div", { key: '416b67c41af0066f00dec182e1b2717f2259aa96', class: "stzh-card-searchresult__download-data" }, this.downloadHeading && (h("div", { key: '2acc05a484c75c94e63f1a365cfe4783e38891e1', class: "stzh-card-searchresult__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '1264dd5b5028a1fcd74f65c730060e1584f15aa4', class: "stzh-card-searchresult__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-searchresult__download-meta-list-item" }, meta))))))), h("div", { key: 'd9611d38e906a616220a53e7bed08e22fae09cb9', class: "stzh-card-searchresult__download-button" }, h("stzh-icon", { key: 'a6241e06cef95f1714183247e6242c82a04a78da', class: "stzh-card-searchresult__download-icon", name: "download" })))))))));
     }
     static get is() { return "stzh-card-searchresult"; }
     static get encapsulation() { return "scoped"; }

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

@@ -85,7 +85,7 @@ export class StzhCardlist {
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (h(Host, { key: 'dd5316c1f306951f130f204e951296ed5b3abff1' }, h("div", { key: '7611cb1ab5de29edfc59372d62feebcbb22ce60e', class: classes }, h("div", { key: 'c4e81a7f047679fa3f1c049c18cb3b1424fee30d', class: "stzh-cardlist__header" }, h("div", { key: 'ff80154539417734e5027b0598327d97c420c2be', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: '756c5adb98e94cb636274d642449323a1ea16bf5', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: '46a6eea318db227006b01d356c50c72f02c27d85', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '080ef0e0daca8159474dd98515b2d2636f64a5d2', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '2877167582196e17abea39372d09e8bd03709e05' }))), h("div", { key: '0929b5f71bfc15fcfe36fe5bbb8c7f9a0b9cad5d', class: "stzh-cardlist__footer" }, h("stzh-container", { key: 'c331aeb44d10456c88605d474fcea51924c27b22' }, h("slot", { key: '8e4c8be038c7b1d407702dcf6022f20d3f7432c6', name: "footer" }))))));
+        return (h(Host, { key: 'f73db51e12e6077c42c0af841ad46b253ee9be44' }, h("div", { key: 'd789c4cfef62c8e9f275028e38f06d77c31be4b1', class: classes }, h("div", { key: '5152932220f38f8d4ef5218dc83a1f6d70de0808', class: "stzh-cardlist__header" }, h("div", { key: '66a58fe85ca60617d2e65c142e1ec32f4de7d75a', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: 'e0db8dc31b7224e3a14329daf8072fbfc2207dec', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'd0923c027a3fb6f5de0ec7479595b597b6d23c69', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '0ed6cc7a48cbcd741f864393d90540b99d9f8cd0', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '8e51bc6204efe2002e05b51050b880ee1d7e7149' }))), h("div", { key: '709b1a79ad8fa0766ad4641e0c623a0afad8c573', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '20c2a75df7b5e3e2c5550323bf46deb89fd6a06a' }, h("slot", { key: '349e2ec5d7b21dc3e7e901cff2c17a95c7288110', name: "footer" }))))));
     }
     static get is() { return "stzh-cardlist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -516,9 +516,9 @@ export class StzhCarousel {
             "stzh-carousel--has-autoplay": this.autoplay,
             "stzh-carousel--is-autoplay-running": this.autoplayRunning,
         };
-        return (h(Host, { key: 'fdf547b612031c85489a82a6019bb5a536b54df6', "aria-roledescription": "carousel", style: {
+        return (h(Host, { key: '32d3f1590a4543c3b1e6bf514d14f9973eb97619', "aria-roledescription": "carousel", style: {
                 "--slides": this.currentSlides.toString(),
-            } }, h("div", { key: '4f88b815150e4061fe25a360108e5db0c793cb6d', class: classes }, h("slot", { key: '1605bf5a1d13c8a3c2e2e6feb0c11b027261a6af', name: "actions" }), h("div", { key: '0c6f2e928dd431f8308a970c27824d5ef4158cc5', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: '00fb4cc4cf6b9ca341ee30f42d4b121c2f10f603', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: 'b4634831097d51e7cc4ac379f23b396dfc59a5f3' })), this.withTrack && (h("div", { key: '467b2f7b3b8d350e1cc940718b4d46151584cd42', class: "stzh-carousel__indicator" }, h("div", { key: '7c2ae95b3ae38c24b52d584a4b824db5012fec07', class: "stzh-carousel__indicator-track", style: {
+            } }, h("div", { key: '5e5cae6353d205f4d7f68538e794c675c05ff433', class: classes }, h("slot", { key: '733acff05b65a2a4387e1abe2612770d88cb55d6', name: "actions" }), h("div", { key: '37b84b8ed2e9ff8f5b246344c1bb19289fed1e0d', class: "stzh-carousel__vhidden", "aria-live": this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? "polite" : "off" }, this.ariaLive), h("div", { key: 'ccbc976b10e0340c9a01022d9ef08ffe234df7a4', ref: el => (this.scrollElement = el), id: `${this.carouselId}-scroll`, class: "stzh-carousel__scroll" }, h("slot", { key: '5fec7c1c4de813273a6cbb9447b772bf75bf49e8' })), this.withTrack && (h("div", { key: '12ac2cbc4e24b63023ed87cd85604c1a60a81aec', class: "stzh-carousel__indicator" }, h("div", { key: '4c61fcd561ff9e566d7f4ac6b33a8bf82cf915a2', class: "stzh-carousel__indicator-track", style: {
                 left: `${(100 / (((_a = this.slideElements) === null || _a === void 0 ? void 0 : _a.length) || 1)) * this.slide}%`,
                 width: `${(100 / (((_b = this.slideElements) === null || _b === void 0 ? void 0 : _b.length) || 1)) * this.currentSlides || 0}%`,
             } }))))));

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

@@ -13,9 +13,9 @@ export class StzhCell {
         this.alignSelf = "auto";
     }
     render() {
-        return (h(Host, { key: '36b1b52578f1376aaa2bb9ece69e9f6b9a6b3cc8' }, h("div", { key: '05ffd2740396f6d0f83edeb0a7a6bf74650021d5', class: {
+        return (h(Host, { key: '74305f85fac11be1d4099204b0bad158db539a72' }, h("div", { key: '826f6d0f8f2286b83aa05c3bb65b58ab410c5300', class: {
                 "stzh-cell": true,
-            } }, h("slot", { key: '234b9e17c0a533f5866f9989a7a12fe8f109b95d' }))));
+            } }, h("slot", { key: 'e11439082fa2ba4e3c7de5df868a39d710ec6dce' }))));
     }
     static get is() { return "stzh-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class StzhChart {
         const classes = {
             "stzh-chart": true,
         };
-        return (h(Host, { key: '7e0432b9b76c6275f6edbe3f9b4920d155793650' }, h("div", { key: '5644ee33434e154a84cf875457233c37e643b25f', class: classes }, h("div", { key: 'dac236fdf3c6269f265abc1d58582015d3efb785', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'd0a343e8e77abff7639928c11676dec4954caa23', name: "caption" }))));
+        return (h(Host, { key: '20fe77e413e479d982e6ad17e5563a185ad6372a' }, h("div", { key: '3de1e9d303195109a50212f1fe92d949390a104b', class: classes }, h("div", { key: '04d438934c93140550813fc731942866fc56b53f', id: this.chartId, ref: el => (this.chartElement = el), class: "stzh-chart__element" }), h("slot", { key: 'b2876bc2eddb54b3593899a4607fa867170f3215', name: "caption" }))));
     }
     static get is() { return "stzh-chart"; }
     static get originalStyleUrls() {

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

@@ -122,11 +122,11 @@ export class StzhCheckbox {
             "stzh-checkbox--is-disabled": this.disabled,
             "stzh-checkbox--is-checked": this.checked,
         };
-        return (h(Host, { key: '405ef3c9c5c3e613e214eff95ccbb2bf244868e4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '896827d5b531870193d71f40fcb5a8ee1ed63e6d', class: classes }, h("label", { key: 'ffe5f1ea705f59890d620dcaadfc25fa95570c25', class: "stzh-checkbox__field-wrapper" }, h("input", { key: '4a764662bdf9b4f3f58dad7af6079891fab23096', class: "stzh-checkbox__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: '6f5530363f8a1e00f7529dfecf1bdc41ca70369c', class: "stzh-checkbox__mark" }, h("div", { key: 'e35ad44f2d7bf741ed14d30b57676a936fb1c0f1', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: 'e7a45c2e0e1117b97cd4d1f8c4c643a6c825ab28', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '7568ecb3bfabcf8c80f505afc2c66aa4e193a8d3', class: "stzh-checkbox__marker" }, h("span", { key: '8cb60015dcb0001add1aa4c99273d2ceef3c56f3', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '3992b31d8d2fec0ce87d9cc841f4508fb552721a', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c0ec35701febbe9c0b3f63091182fe4cb5e96508', class: classes }, h("label", { key: 'bc0479b4b11d991cdb2410c9b1d5c0933616da3e', class: "stzh-checkbox__field-wrapper" }, h("input", { key: 'f865a9b7105dbd8692e13a3dac08e3bcec898283', class: "stzh-checkbox__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: '9dc5910aa037ef8b87e3cef2f6993a9970752aff', class: "stzh-checkbox__mark" }, h("div", { key: '1854a06f912692c81392d007badc64a3fcac66f0', class: "stzh-checkbox__check", "aria-hidden": "true" })), h("div", { key: '288debe5fb521c988ac9649dccc3a5821b03d035', class: "stzh-checkbox__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'ab751958c4c11a5a6aa016f8d365c9eac37a8762', class: "stzh-checkbox__marker" }, h("span", { key: 'fdf70b5bf345261de12732471ef1ad08fcabab3b', class: "stzh-checkbox__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '9d995ce3f36042512c5aae083e2203463ff9af5e', class: "stzh-checkbox__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'b1928b271af93d0042d74b7a904aaf0837b2908a', class: "stzh-checkbox__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'aa8c6b17aa646e0801be413736160307160e34f2', classPrefix: "stzh-checkbox", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: 'abd7dd52c0e2d2c66adc060b13d66079278fa517', classPrefix: "stzh-checkbox", 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-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -184,11 +184,11 @@ export class StzhCheckboxgroup {
             "stzh-checkboxgroup--hide-legend": this.hideLegend,
             [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '8da765b1cfd085e3502d9128eff7aaa5a3389f1c', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '25686307cc5438de0dc03d3fc8e94a9d63ca31b2', class: classes }, this.legend && (h("legend", { key: 'bad356bcae9441595d701871c0f6712fcdb6fdfd', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '6c84c36d5c71e4fc53255a9ecc630656ecb081e7', class: "stzh-checkboxgroup__marker" }, h("span", { key: '5bc82a5f7f5ff87925db2c52f2a396fc8885b897', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '727bc1cd323fcc2d9a7cde3900d1b8e241bb2d31', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '2df6dd56ce4edb6f2c29cb971ff952d18f9a7705', class: classes }, this.legend && (h("legend", { key: 'fd3e9810a9cc612a75cf81c045ba2ece0a9e7ae8', class: "stzh-checkboxgroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '08386a519939bdf45bb691819bd6e33aca9e3e8e', class: "stzh-checkboxgroup__marker" }, h("span", { key: '416a93e89a1ff3aae6499276fedcd7b6a7089d5f', class: "stzh-checkboxgroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'aa29654db17ca16bc3e50df0de7ffc61cffad2ff', class: "stzh-checkboxgroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '541a18ff41e43f521f97119692758588ca23b435', class: "stzh-checkboxgroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'b28245333edd1b432497e953dd1f352744938c0b', class: "stzh-checkboxgroup__fields" }, h("slot", { key: '0847ee7f407658ff476c10cf85fad3414ce9db31' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '94eaeb485f5168b97c6d0f726629e7db0d873c0f', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), h("div", { key: '938b1e10779414edfd8527c4991a95bdad0b62a1', class: "stzh-checkboxgroup__fields" }, h("slot", { key: 'bccc5fbb3b92012042a81002910aa4e33d7337fc' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'fa6025aed1b15dd2f6186fcd32fd454dcf03d1e1', classPrefix: "stzh-checkboxgroup", id: `${this.checkboxgroupId}-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-checkboxgroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -100,7 +100,7 @@ export class StzhChip {
             [`stzh-chip--${this.variant}`]: !!this.variant,
         };
         const Chip = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '65e333ff1871fd944718ee7c08505a00813ff29e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '584d6a7ca664ad5e996f5d859cb3e4a1d77a1f40', class: classes }, this.removable && (h("button", { key: '5c66a71163fff90c6dfcaf99da577f05f2c1ff85', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: '43f9713f4519413b8abeb320cda2a3a2839fe3dc', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
+        return (h(Host, { key: '76532030ebb92f7f449438858d8ba368646b6abf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '3fb18457d3129b90471bd8bf00d1ed97e21739f0', class: classes }, this.removable && (h("button", { key: '9e98c9fa3a954a35d68d9f6a3962ea10398295a9', class: "stzh-chip__remove", onClick: this.onRemoveClick, disabled: this.disabled, "aria-label": this.removeLabel, type: "button", "s-object-id": this.removeAnalyticsId || this.removeLabel }, h("stzh-icon", { key: 'd28f15c8baeed116dd11814acf918a4f13768be8', class: "stzh-chip__remove-icon", name: "close-big" }))), this.href ? (h(Chip, { ref: el => (this.chip = el), class: {
                 "stzh-chip__button": true,
                 "is-button": !this.nonInteractive && !this.href,
                 "is-link": !this.nonInteractive && !!this.href,

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

@@ -7,7 +7,7 @@ export class StzhChipgroup {
         const classes = {
             "stzh-chipgroup": true,
         };
-        return (h(Host, { key: 'b9eaeaa1754b716f237cbeb1e3edeb9be0c90c5d' }, h("div", { key: '17f4053f1f13bcd45884549b9c0d81ac694382c4', class: classes }, h("slot", { key: '9b4b14008acaa7651f4ace46743f98bde1eb9f4e' }))));
+        return (h(Host, { key: '8b35eb7106f9d9e214ce210a49f217620a224e29' }, h("div", { key: '5dd45712b45a3bc0325c9574b8cd33d5a6efe1f9', class: classes }, h("slot", { key: '1effc84edf8640d2b2c2c91b78d8c37ff23c2c3d' }))));
     }
     static get is() { return "stzh-chipgroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -211,11 +211,11 @@ export class StzhChipselect {
             "stzh-chipselect--is-required": this.required,
             "stzh-chipselect--has-label-hidden": this.labelHidden,
         };
-        return (h(Host, { key: '164faf93243aee65308c7eef392d7ac421617d28', "is-invalid": this.invalid || errorUsed }, h("div", { key: 'c2b3fa892fd219a9843747025efdb8f2a8fa007e', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: '62f65f4e2f15dd11553a103d91197391c27a6c52', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'cbf05d5f55392cb8281977a1a18d22d1fa87472b', class: "stzh-chipselect__marker" }, h("span", { key: '06715d220d746904a726718a845a78a33ced63b1', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '1ad56117838e8839c693f1f3e92b67dd5b5a65b0', "is-invalid": this.invalid || errorUsed }, h("div", { key: '9b9d3250f082b9a48c8f2b52b9e90e0b749da22c', class: classes }, this.multiple ? (h(Fragment, null, this._value.map(value => (h("input", { type: "hidden", name: this.name, value: value }))))) : (h("input", { type: "hidden", name: this.name, value: this.value })), h("label", { key: '8bbddbdc73ec2676a03d36f3cfb10d0ea5cb509d', class: "stzh-chipselect__label", htmlFor: this.id }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'f42bd7e4742206e71cee672fd6eeb3609bf60589', class: "stzh-chipselect__marker" }, h("span", { key: '6288d4644ff6b5ddc05f6ba2269beaab2bdd3fb9', class: "stzh-chipselect__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '87080c43d571d10e18a6324da0e16fe27b795b1d', class: "stzh-chipselect__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '4f1cb0a792d34744387cfe548fe88e4d48f33c12', class: "stzh-chipselect__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: 'bf3a273b9630c0e55b8d065a5c89e1b67cf711c2' }, h("div", { key: 'a7189bc21bdbd23a557c274c67956cf87280b7bb', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
+            : this.localization.$globals.optionalFieldText)))), this._data.length > 0 && (h(Fragment, { key: '24d5e0f2c7ae0b16cf7d4daaf44a8bc55b0e7534' }, h("div", { key: '27c8720557014be5a3f9b0c947c1b7c7506d932e', id: this.id, class: "stzh-chipselect__chips", role: "listbox", tabindex: "0", "aria-multiselectable": this.multiple ? "true" : "false", "aria-activedescendant": `${this.id}-option-${this.activeFocusOptionIndex}`, "aria-describedby": `${this.id}-description ${this.a11yDescribedby}`, onKeyDown: this.handleKeydown }, this._data.map((data, index) => (h("stzh-chip", { role: "option", class: {
                 "stzh-chipselect__chip": true,
                 "is-focused": this.activeFocusOptionIndex === index,
             }, label: data.label, counter: data.counter, icon: data.icon, type: data.type, inverted: data.inverted, variant: data.variant, size: data.size || "small", disabled: this.disabled || data.disabled, active: this._value.includes(data.value) ||
@@ -228,7 +228,7 @@ export class StzhChipselect {
                     this.multiple &&
                     (this._value.length === 0 || (this._value.length === 1 && this._value[0] === "")))
                 ? "true"
-                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: 'df71c063f7b727aee45ccb891bc4e6188ef3af58', classPrefix: "stzh-chipselect", id: `${this.id}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel }))))));
+                : "false", id: `${this.id}-option-${index}`, a11yTabindex: "-1", onClick: () => this.handleChipClick(data, index) })))), h(StzhInputDescription, { key: '918af684569f748346bd7c57252172b787879659', classPrefix: "stzh-chipselect", id: `${this.id}-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-chipselect"; }
     static get encapsulation() { return "scoped"; }

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

@@ -86,13 +86,13 @@ export class StzhClamp {
             "stzh-clamp": true,
             "stzh-clamp--is-not-expanded": !this.expanded,
         };
-        return (h(Host, { key: '30e87a53eed4c18ac3b98973d14fa5814bc4727c', style: {
+        return (h(Host, { key: '4c3beb6c44ea2c7e85074c232058429c5c2f6f90', style: {
                 "--lines": this.lines ? this.lines.toString() : null,
                 "--lines-small": this.linesSmall ? this.linesSmall.toString() : null,
                 "--lines-medium": this.linesMedium ? this.linesMedium.toString() : null,
                 "--lines-large": this.linesLarge ? this.linesLarge.toString() : null,
                 "--lines-ultra": this.linesUltra ? this.linesUltra.toString() : null,
-            } }, h("div", { key: '3338d81ec65be721ae83ee51acafd05c46f5650c', class: classes }, h("div", { key: 'c84ae325487f0118f60df2b700e42c17189ae85b', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'f6f7ac8362f8bdcc2ece90c7647200e02f162fca' })), h("div", { key: 'bf1b33ee613175cae4eaffdbfbd7525c29c48915', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: '0b65923f6e740e56a2fea343a91d3a701a61130c', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
+            } }, h("div", { key: '6dea274e23657d573a734c5262d336a832d0a6e4', class: classes }, h("div", { key: '9d8e15e67d8a9f79e7529cd84a4927d229f4f9a6', ref: el => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", { key: 'af576c95944517bfbba6be6cc09bcc0c52d42db4' })), h("div", { key: 'd9b1407596a639ba1608bf2487388c2d528a8ef0', ref: el => (this.textCloneElement = el), class: "stzh-clamp__text is-clone rs_skip", "aria-hidden": "true" }), this.showExpandLink && this.clamped && (h("stzh-link", { key: '4789e0580e79636b866e4137e7342cbd1b3d4f4d', class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess)))));
     }
     static get is() { return "stzh-clamp"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-company-logo/stzh-company-logo.js

@@ -7,7 +7,7 @@ export class StzhCompanyLogo {
         const classes = {
             "stzh-company-logo": true,
         };
-        return (h(Host, { key: 'ebefd4b5ddb5e0c535ce1f648c680bfe249a2861' }, h("div", { key: '67d665991d01c080b18761c22fa8178a69df71f8', class: classes }, h("div", { key: '9d759548cde8561c1a91014051621a11cdc75227', class: "stzh-company-logo__image" }, h("slot", { key: '4fd22d5647d73fe81fb381c3b576af65ecc10617' })))));
+        return (h(Host, { key: '4959ebfe9a7a0fa186a00189346c6ddadc8127c4' }, h("div", { key: 'b4b41b2b0c8499a9aab18a3a7e63d2cce28bae07', class: classes }, h("div", { key: '7658e571cce0a5ec772eda7b4bea9bf5ec409538', class: "stzh-company-logo__image" }, h("slot", { key: '2be998eef31c4d9935c08947871978d164cc29d2' })))));
     }
     static get is() { return "stzh-company-logo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhContainer {
             "stzh-container--has-no-margin": this.noMargin,
             // [`stzh-container--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'b3f0d265d9fc1069d992c0c40f09ad03b6d4562c' }, h("div", { key: '7f29efabddd07aa2c088ed5efc6e56571ccf4e76', class: classes }, h("slot", { key: '1c89ecf1b493a19a0f150ed4b6f07b4a06ba1e08' }))));
+        return (h(Host, { key: '717cb4567ff52afb05def1e4e8174045d2751752' }, h("div", { key: '62d35746de72e6b6f4b250313dd47a3da863ed1c', class: classes }, h("slot", { key: 'ec0c6849262ba909a205ec541dbe50bf3d5c70d5' }))));
     }
     static get is() { return "stzh-container"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhContent {
             "stzh-content": true,
             [`stzh-content--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '4b7e135a96d8fa5b0d5a02a55bc5b34f4c8501cb' }, h("div", { key: 'a8fee6cd0f5b21a88562c3a36fe45ae63db1c603', class: classes }, h("slot", { key: '26f4278e93d813b1505cb06345c054b4853e3cde' }))));
+        return (h(Host, { key: 'cffa3a18fc0101013a29855994f81133fca9c04d' }, h("div", { key: 'd845ebc4007c66dd3e9ced1e8cdcf7e66825b113', class: classes }, h("slot", { key: 'b56a870acd0d05d9e181a460152e8c4afd2020d1' }))));
     }
     static get is() { return "stzh-content"; }
     static get encapsulation() { return "scoped"; }

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

@@ -47,7 +47,7 @@ export class StzhCspace {
         const classes = {
             "stzh-cspace": true,
         };
-        return (h(Host, { key: '0823b1ffbe489c4c6e3869e250024cae55716237', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '5f27c23b12b7c6f55dce00194295db56e869c9be', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: '33b9a5c2882390e81f42f058bd69edf4fd21e63b' }))));
+        return (h(Host, { key: 'f153d3a3bc466282e357366c894e14130800ac79', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '14483f534bdfe96b133c7b126f2aa679ac53a914', ref: el => (this.rootElement = el), class: classes }, h("slot", { key: '05e906b11ed1547d698b7f61e67be071ed16858f' }))));
     }
     static get is() { return "stzh-cspace"; }
     static get originalStyleUrls() {

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

@@ -115,7 +115,7 @@ export class StzhCta {
             "stzh-cta--has-lead": hasLead,
             [`stzh-cta--size-${size}`]: !!size,
         };
-        return (h(Host, { key: 'ded8ffa0f859559d00a652c135eec92bc234608b', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: '4c6791fcc88137f785e251dee28ed60393764dea', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: 'cebe93c27629a034a22c9e2fe6d1cca5dc51664d', class: "stzh-cta__wrapper" }, h("div", { key: '4e521588450d86939bae4a0f36688832837dac9e', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '78547c024ec268d7151705204c60f220474326bd', class: "stzh-cta__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), h("stzh-sticky", { key: 'c7bdb07ff8fafe148a938d62d39b782d4b7cdf04', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
+        return (h(Host, { key: '1c6a3e0d43a7f79352f7486354658a0b372e94fa', size: size, tabindex: "-1", onFocus: this.onRootFocus }, h("article", { key: 'fbdd85036eeaa33d351aa1a7334d79f74c682f88', class: classes, "data-stzh-sticky-width-container": true }, h("div", { key: '21d6e0d4d2b4d796501d2b46d5183f851460b138', class: "stzh-cta__wrapper" }, h("div", { key: '6299462fe56d3f4065c21def2f461b8fd0f7511b', class: "stzh-cta__heading" }, this.heading ? this.heading : h("slot", { name: "heading" })), h("div", { key: '85ad0c2272c96cb70043347186c6fc791e5b38a4', class: "stzh-cta__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), h("stzh-sticky", { key: '832d25b73df0bfb3fd7ee4cb2e3cb298a307ab1d', name: "cta", class: "stzh-cta__sticky", position: "fixed", bleeding: true, disableStickyBottom: this.stickyDisabled, disableStickyTop: true }, this.renderButtons(size))))));
     }
     static get is() { return "stzh-cta"; }
     static get encapsulation() { return "scoped"; }

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

@@ -117,9 +117,9 @@ export class StzhDatalist {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: '4bf3e479ebc2475f3b3a8cc2d6148e55045c4e90', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: 'bd6f1d0398aba2c7286ce4dc5314a2fd43f63097', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: '24f8ef03a70d3e51a97d99e2ba1a1f527e75a6a1', class: classes }, h("div", { key: 'c10441156bdf62397277ead9517696476ea45d80', class: "stzh-datalist__wrapper" }, h("div", { key: 'd73f0d6f0ab7e23bdef75e10108d315482964164', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'f1d18daff813b2cec89912ca36c213fc49afe91c' }))))));
+            } }, h("div", { key: 'd4d4540689a54609be70e9fc9aa504977317db9d', class: classes }, h("div", { key: '0fc7143742b703c1439c8821795f93ad30ffc7a6', class: "stzh-datalist__wrapper" }, h("div", { key: 'c5955076df340e5e6774208237f38202f033304d', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '234c19a5ef8e8d87b95b5cb6ab07b12bba1e1b14' }))))));
     }
     static get is() { return "stzh-datalist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class StzhDatamessagelist {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: '53deeacd42313f18c287553ac00f176a25c70fdc' }, h("div", { key: 'e1f3f3d7bc482770a806d223657c01755b2539d9', class: classes }, h("div", { key: '6265ffde4fd64c15e9f940632889f25b1639c464', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: '5db54d5de4233e4a6da945e3abd7478037aabb0d' })))));
+        return (h(Host, { key: '0a660be3b51fdfa258071dc75e812e03c20237d2' }, h("div", { key: 'dfb4a7af52a337372d9bd1b01a9ecfb7765cf1bf', class: classes }, h("div", { key: '3575ea0bef98181965ee2522c3a6622cc14b0662', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: '65d5ddfb353a8dbc7b6c045126c2d10ebc07675b' })))));
     }
     static get is() { return "stzh-datamessagelist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -85,7 +85,7 @@ export class StzhDatamessagelistItem {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: 'b6bf5870decd2e6c03fa70add7eb72ddf28d154e', role: "listitem" }, h("article", { key: 'f6cebceea0e27d2b6c61c4ad108cf09804d3bb1a', class: classes }, h("div", { key: '7874b2e779deeb6fc1509ffb1098a213f89a8b7c', class: "stzh-datamessagelist-item__content" }, h("div", { key: '08f936ba3d657e0bf5b8706ec803d00ff7ca1847', class: "stzh-datamessagelist-item__text" }, h("h3", { key: 'e94826d5196050c6fc9dc9bbdbc5b8985d89b7d6', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '3efcffaefc47955043e1176388fbd761f22aac31', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: '7b3e46a502e79b0c853d7ccfdf4ea4952a6b550e', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'd2664db396e76b4c606bae00e62c9f0e07121a43', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: 'a3de6d7fbb1ae039f4a8f2502212005c9de53e7b', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '3c80558e0790fb6172bfb0b5696652003c632b64', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6f6a501a8f190df017587dd85619456be574b464', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'f7ff920442436c2e8b98b9d0416984fff36e634c', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: 'aa44b3e9a42d286c87238260beeafc1091cdbcbd', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '16dde7585e050ce0a1f618cb6ff9dfc5b161f280', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '7c7d330dc431124e8aa16a01eff76585401f5a0b', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: '35e80e1eb927de23057366fcb116b421869eaa61', role: "listitem" }, h("article", { key: '9e70827a806198f9ea18ce38f2fc06c3fd9a6232', class: classes }, h("div", { key: '39d489e641eae30505936e4e94d9d1313d3554a2', class: "stzh-datamessagelist-item__content" }, h("div", { key: '62f85d42ff3b28341c2fc8120ec0c14b02c40aa5', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '6d81d15bf82915c269c4ae4e9018441954f4e785', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '56f4360076866e145943d21e86c5da9a8b9e5727', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'dc97b2dd11d336d7c48d1607deba7a6397e5fc88', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'cbc57474699067e8604db726b507e869c7a9d3a2', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '09c9bfae4e8a1bbcd9c1abaad463fa3939edd525', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '44e9f2074e30af80b84777016062ca570f8fa4e4', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'e756c17e5cd43721686fc71e397fb992698ddc77', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '0cb4bb2fc00e0fd844c51dedf320f6c1717fa709', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '599fc7dc12095ca8e8b7d22e134e372333214ba5', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'ee0950fd2e36abe01d81950c507dcc9e185e6236', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '6485fb7603de5904f22bb3be5ade1e70faff11d5', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -154,11 +154,11 @@ export class StzhDatepicker {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: '20e14b196ff9412583fe70d505cdcecfe087df6e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8b1bec87897482374e0c84c8b2c340a961fd6dbb', class: classes }, h("input", { key: '0f839dbf214dabd77b34ca69b66c6cf8b3a261b3', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '07d261251daeb9fe72c14354525ad9ab4c918ee1' }, h("stzh-calendar", { key: 'b26dadb8d64e70ea7dcb43de197c3ee69163eb36',
+        return (h(Host, { key: '4ff21a8fcd972b2619acae49ee0f22d3d0de2147', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '8bc68db9617210bdaf0130c979e5db77bd271366', class: classes }, h("input", { key: '3a580a6831d811e4bc3c9739aec1748b8a3bcf90', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: 'a3f0746ac7bfd4a627f1fafd42c524df03681600' }, h("stzh-calendar", { key: '7514b26698908cfa19e0d965f0d838b471eef594',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'f6775141a572717789a04e7c5c5ef2158e940f12', class: "stzh-datepicker__actions" }, h("slot", { key: '23c04230a3de93ddd303b4d7b57c1f56c74a888f', name: "action" })))), !this.inline && (h("stzh-input", { key: 'c041ccdda80067c51154afb36d0ecb2eb57e7119', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '59176c120b40c0292ed26420629b676ae937be83', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'c081f5c3472077f23336352714c01dd409f1b281', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'fd06e8dff63bf5f71d4ae74341ddd40b9fc263e7', slot: "content" }, h("stzh-calendar", { key: '32f756a68d52df096225bd7924e0ad94536afdf7',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'e893e6f4b8cdf52a16011dffe2a228baaf6eaa4b', class: "stzh-datepicker__actions" }, h("slot", { key: '190ffdaab1a41fbd6b31e63ed4b91b9cbf648fe4', name: "action" })))), !this.inline && (h("stzh-input", { key: '5b06696ac06ec03e8db3e771957b6309a9b77a4a', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '033bb37fd62713376ad0ee54381b4f2d0cabe9be', ref: el => (this.popover = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: 'e1f192ae423808b8ae971f96f091d447a47beb10', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'a8ab8497e4bc47f2295bc77945748e3669dec0c6', slot: "content" }, h("stzh-calendar", { key: '434c79f929e60d7007454550cb1d5cbff71fe743',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '935174bcc6cc0fe5faaca2c1f99dd5cdffd12b81', class: "stzh-datepicker__actions" }, h("slot", { key: 'd860bd2c030b5fa0d153228dfc2c463f7d148acf', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'e11f352cb4f42017425498de2454a4e259eb0d9f', class: "stzh-datepicker__actions" }, h("slot", { key: '09e89c4faa8f7f7916fe1b4ee60e086a45cf787a', name: "action" })))))))));
     }
     static get is() { return "stzh-datepicker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -88,7 +88,7 @@ export class StzhDaterange {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: '0b7f620a2399f75abe290e248d6ffdf7a7ac9f06' }, h("fieldset", { key: '9035e43a0a8068456d4f14892bea0ab3e13ccf1e', class: classes }, h("legend", { key: '31440a26d905112e2348e7279824f99d2a562777', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e41ca4e6e8161b00763be58436c7a398a5996947', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b75ab73dee354f83020d9ab4188c454521364629', name: "from" })), h("div", { key: 'cc83d636a68835953c79a1807a92090c2e3fce27', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '366a9ee6dbab64187db34f6c540428ee5ab7a375', name: "to" })), h("div", { key: 'dc801cd27ee78474ea98b909fec118bdfe6f85fd', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '5db12671735d866351c367181125e0d8626e3d97' }, h("fieldset", { key: '3f244b90e8a311caf2ca0871dfe39e00c336ecad', class: classes }, h("legend", { key: '7b5863c6e15d54fcd88b1f3f415726dfa3d71720', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: '7776e92c391453da877c0886c5a9c4eec550e6e4', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '796592b37f14b485affa914323824b0504426a40', name: "from" })), h("div", { key: '24ea52e086a5ea62329fc47c13427f6a25709d14', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '8b7c4cc8bd024d7de758ba34c740eee34f97d67d', name: "to" })), h("div", { key: 'b3725426b9ca967980df071770d068252b419154', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     static get is() { return "stzh-daterange"; }
     static get encapsulation() { return "scoped"; }

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

@@ -137,7 +137,7 @@ export class StzhDetails {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: '91c35f591b96a8775395a32e954b24ad4cd1aeeb' }, h("div", { key: '28847551da5d6acfd50bc6128c3797b3587bbbaf', class: classes }, h("div", { key: '857cc4214af8bbc0bc633b1c25da7a01d7c186b3', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'c55c19118e98b76ce0d641cebdce716cb697473c' })), h("div", { key: 'b1d6d3c3e7369c701e03ac5771fcb35a40374d05', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: 'ab45c225ef441c553ea94520cc65d2727f1705a2', class: "stzh-details__content-inner" }, h("slot", { key: '5cf1354132c111442893bc37b9f415859e382fee', name: "content" }))))));
+        return (h(Host, { key: 'ca6bbca4ac3dc3269384587a605bcf97472570d8' }, h("div", { key: '18cee3ca3a3e902db6fce7f73874613c7c81381e', class: classes }, h("div", { key: 'bb557c1c6cdf1f082618040b3c7e541f3b554d70', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '6e7b7ad5bf2542c6bd78915c11abf67d3ee46e71' })), h("div", { key: '7ce3e9dfc0769848b53805b6bcba2ddc95d2c1f8', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '8104b32d9205e54735a8fe48ba9cc7094a357cb1', class: "stzh-details__content-inner" }, h("slot", { key: 'db96f455cb2148c6c16ab156708ee2a32eddbf8d', name: "content" }))))));
     }
     static get is() { return "stzh-details"; }
     static get encapsulation() { return "scoped"; }

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

@@ -153,13 +153,13 @@ export class StzhDialog {
         }
     }
     render() {
-        return (h(Host, { key: 'f623871e72b88cdc897d5bb8f45b980f9576efdf' }, h("div", { key: '006f49a71e5896bddfa5a53b63aee7bf8ed1c0af', class: {
+        return (h(Host, { key: '80c4a5f1ff198ffc57ad003b1ecc94191e61e4ce' }, h("div", { key: '90da322bcc2e511e889b2c307823a2894883d77a', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '3889cbcaf9314ee8133a0eee8f342a9b7169b9b7', class: "stzh-dialog__backdrop" }), h("div", { key: 'dc739e8c6ec0f909a059a0cf4333a9e3abecb0d1', class: "stzh-dialog__content" }, h("div", { key: '2d594391c0dc14a551c42d98e3d8c43e19288bda', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '4ee18692c4dac9c5098520f472c21cadcda28b1d', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '90ce9d58b4c0847a3c7e001bcb5fa8c8d7a3d04d', class: "stzh-dialog__dialog-content" }, h("slot", { key: '27d273522dcd5d64d4a73982a9b6e98a8ac9deb9' })), h("div", { key: '455731a79a9836822f561e1cb9c24b224a46994d', class: "stzh-dialog__actions" }, h("slot", { key: 'caac0e71449216f87c95747d56bdee186783f983', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'ce771bb7198e5af0a878b433f0981bf343f4a93e', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: '40f75980e48c54b7add9f58b21f403df741ad0c8', class: "stzh-dialog__backdrop" }), h("div", { key: '3918ecd700af69e6faecd4aea069aa5458b09c0b', class: "stzh-dialog__content" }, h("div", { key: 'b4e451d98f0187bef0de13f68f5fb229aac1cb65', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '28a6c7165701d4411d8bbcdca8b702b80f53bae6', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: '100e036c24a5b1744dceda661d740563bedc1a9d', class: "stzh-dialog__dialog-content" }, h("slot", { key: '4a58bb4166608fb49101eb3def4008bf0caf76eb' })), h("div", { key: '77f9e8e7c59aeb35ed562d9a1ba179071c142499', class: "stzh-dialog__actions" }, h("slot", { key: '1065d137ee0f2df141dfaee50ef4699cf42eccd3', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '8a77da3056076d419dcec314cb84b0ad8154d88d', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     static get is() { return "stzh-dialog"; }
     static get encapsulation() { return "scoped"; }

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

@@ -519,14 +519,14 @@ export class StzhDropdown {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ee8874a109c03b51f4676448732d43873aa009d1', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '2c7e28f020bedfaf50dd93a31e983cd852f0f816', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '6dea89973fa0f8f26d5d43ef2c5a908b501a3187', class: "stzh-dropdown__wrapper" }, h("label", { key: 'e42a6c0ff1d36b2fa528b7ca46d9b5010c14f479', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '879808a5f7b0903cb25ea2f4ba9bd202c0363c05', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b98513a95cc287957ad93927f526d613c95a0eaa', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: 'd0687b0202052b45458cc3ddd7028ae26b0f68c5', class: "stzh-dropdown__wrapper" }, h("label", { key: 'b59350b3f742fe97748211528207059ea8176854', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: 'a6a903b90c228f9baa3e1e5a63441ca71d4bd2ce', class: "stzh-dropdown__marker" }, h("span", { key: 'fa562ff57c0aed5a9384e7e13fe2025bd009472c', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '7aa1320ae0c3eda68e315e360a0ae160093cf8dc', class: "stzh-dropdown__marker" }, h("span", { key: 'fd18ba027192ba581718aad2efeb0d7e42dc81a4', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '41c4a3b3254b827a65a2ce16d57206130bca9f1f', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '90c278e994a27842c88866b89255ca33a4d576e3', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), h("div", { key: '63a838e419f368bfa2989151ca8786b32f39e4e8', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'c6b2f62bb7942b05eeba1c11840559bc20f5fb6b', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '43f6c33ae20ed3de8686f6aa026a6c256ab0f352' })), this.inline && this.label && h("div", { key: '787c32b46ceb8eb10d86ad5dd6c44f17149ae02b', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '56e3663abbce2b6130b8679b98f20e6f26e06029', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '24d1adc47d04f2523cf983d07a74521d5f37f69b', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '0aa9e0dd2f50b044c2985db1166429226342c607', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '3e857d9e538b9ebeeaa9d2bb2e4cded6df9fcdca', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '77cc1bc1d02c9f2ecdfeea0be7a44370821b2eb7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '110b9692461fda5d0a4e4bdeb5f018f971d68820', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText)))), h("div", { key: '19a3bbf933617bc46ebb0d182fab84f9ccd6e23a', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '39612fa5432e8a8fd3e2ff87a39bffdf32c9c884', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: 'd4db4a853c7c473112fbc428fe7296d4f9164350' })), this.inline && this.label && h("div", { key: 'dda64e280c1b9df023bf5c07a1e78f446cf78bfb', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '60d4600acd1417ca9e58cc088dd5b96d9c2e2f5f', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'feecac10404ae57c119203638ed98c0833b6455a', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '1559a3b2cd140d3916eb52c7fd2df255b25f9720', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '269f13b057e3deed620348ed6e406aa1bcab16f1', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '8fdcad8b0664cf461b3717deff0956fe73a85f72', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || this.description || this.descriptionLong) && (h(StzhInputDescription, { key: '61d80976a73041311a4e54c40585c24af50e129a', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-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-dropdown"; }
     static get originalStyleUrls() {

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

@@ -14,7 +14,7 @@ export class StzhFieldset {
             "stzh-fieldset": true,
             "stzh-fieldset--hide-legend": this.hideLegend,
         };
-        return (h(Host, { key: '6dc88914e72a0576865acf9297d8d24d6c15ec08' }, h("fieldset", { key: '481d29f4bf886d6f9dfb39fd94c57422daa93fa4', class: classes }, this.legend && (h("legend", { key: 'e3fae1578d619ca630ab2fcc333c0eea5dbeaa39', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '0d0a0fa4a037e36384f34807ea9310ae75fbf4bf', class: "stzh-fieldset__wrapper" }, h("slot", { key: '84c2f4803844fc9419e56c66562bdef7e8a28db2' })))));
+        return (h(Host, { key: 'd21e242d5706f99cff48f443b3fb7feaf7351d52' }, h("fieldset", { key: '97bbacc020de20e0a418a5081cece082090b6f26', class: classes }, this.legend && (h("legend", { key: '42afde4fa8ef2ab952bb00e4aa21d9d61e8f2c00', class: "stzh-fieldset__legend" }, this.legendLevel ? (h("stzh-heading", { level: this.legendLevel, curve: this.legendCurve }, this.legend)) : (this.legend))), h("div", { key: '1a79935c13f3ab1d4241566e6c5f8f776080d595', class: "stzh-fieldset__wrapper" }, h("slot", { key: '3aef657a432af36a5cf97a50c95dee50f7e8453f' })))));
     }
     static get is() { return "stzh-fieldset"; }
     static get encapsulation() { return "scoped"; }

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

@@ -31,7 +31,7 @@ export class StzhFigure {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '4ebdcbca2d706ffdcdae1b5cb48cf245e749d1d2' }, h("figure", { key: 'b8a4f981e28885d04a3b6383e575f84de2eb9627', class: classes }, h("div", { key: 'a19a6fe23d396704528abc3d230c7f7085f7c481', class: "stzh-figure__element" }, h("slot", { key: 'e8632252447008a5b7b046dd34aaf60899d5a012' })), h("figcaption", { key: 'ef7c4f934cd07b35fa75e2fd3926058db609e135', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'a87bf8cbc3c3fe3cf7b943579bd6f233faeb06b7', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'b3570d6427305ae64b5fb244c7014115ae0c18e0', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '87306acd3992b1bc4641ac47eb556a0bd7656381', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd06ac946fe0a943b98a221fc1a5842d4d118b3fd', class: "stzh-figure__caption" }, h("div", { key: 'fe16e9007e7344c4ef8eeab923358c9d12fd39b4', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '981a4f17be7842311d0804e247476d04e229c954', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: 'b5010b12c131781135de2947978236f6519a68ea' }, h("figure", { key: 'd852a55175e0112b228462fc2a8da671e777c1ec', class: classes }, h("div", { key: 'a65d3f58aa990b1743d56f1c9c8e5c8ac6a2a219', class: "stzh-figure__element" }, h("slot", { key: 'ad75ba98a51726ef789531a3137c280ad2fbb7fc' })), h("figcaption", { key: 'e8f483e072fa95594e3bade4c1f9dc1300c9fee8', class: "stzh-figure__caption-wrapper" }, h("div", { key: '71f8d37155b97133886a47f74d5a873533972e0e', class: "stzh-figure__heading-wrapper" }, h("div", { key: '34f0076b9b37d7871ff6e3b3937b4e8ac0ff1378', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '44531bb0d07a8baf580083e7275396583952cf64', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'f56c37117df794260b4d71debe993c12c7cb67bd', class: "stzh-figure__caption" }, h("div", { key: '1adc85f3cba94e100ca34df96e75b18576415ebe', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '6985a9eea02fa4cf2f2f3865c49da28d15ee4768', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     static get is() { return "stzh-figure"; }
     static get encapsulation() { return "scoped"; }

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

@@ -199,7 +199,7 @@ export class StzhFlyingfocus {
             "stzh-flyingfocus--has-helper": this.helper,
         };
         const style = Object.assign(Object.assign({}, (this.style || {})), (this.position || {}));
-        return (h(Host, { key: 'a27688e856b93839be7ee5fa9d8b4529cd1a0b73' }, h("div", { key: '349559d5a87c21d1fbdfb9f71216fb753fd227b4', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
+        return (h(Host, { key: 'ae0657d6f9f952faccdbb63f24624f6d8ff809be' }, h("div", { key: 'b93bf5e66112c094eab5f67cb909d9f44fbb734e', class: classes, style: style, onTransitionEnd: this.moving ? this.handleTransitionEnd : null })));
     }
     static get is() { return "stzh-flyingfocus"; }
     static get encapsulation() { return "scoped"; }