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

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.css

@@ -166,8 +166,10 @@
   * @prop --stzh-pi-teaser-layout-item-image-background-color: Background color if no image is present
 */
 :host {
-  --image-background-color: var(--stzh-pi-teaser-layout-item-image-background-color,
-    var(--stzh-color-coolgrey10));
+  --image-background-color: var(
+    --stzh-pi-teaser-layout-item-image-background-color,
+    var(--stzh-color-coolgrey10)
+  );
   display: flex;
   inline-size: 100%;
   block-size: 100%;
@@ -178,25 +180,28 @@
 }
 @media screen and (max-width: 899px) {
   :host[image-position=top] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "image image image image " "text text text text "
-      );
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "image image image image " "text text text text "
+    );
   }
 }
 @media screen and (min-width: 900px) {
   :host[image-position=top] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "image image image image image image image image"
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "image image image image image image image image"
         "text text text text text text text text"
-      );
+    );
   }
 }
 @media screen and (min-width: 1260px) {
   :host[image-position=top] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "image image image image image image image image image image image image"
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "image image image image image image image image image image image image"
         "text text text text text text text text text text text text"
-      );
+    );
   }
 }
 :host[image-position=right] {
@@ -204,23 +209,26 @@
 }
 @media screen and (max-width: 899px) {
   :host[image-position=right] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "text text image image"
-      );
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "text text image image"
+    );
   }
 }
 @media screen and (min-width: 900px) {
   :host[image-position=right] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "text text text text text image image image"
-      );
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "text text text text text image image image"
+    );
   }
 }
 @media screen and (min-width: 1260px) {
   :host[image-position=right] {
-    --grid-template-areas: var(--stzh-pi-teaser-layout-item-grid-template-areas,
-        "text text text text text text image image image image image image"
-      );
+    --grid-template-areas: var(
+      --stzh-pi-teaser-layout-item-grid-template-areas,
+      "text text text text text text image image image image image image"
+    );
   }
 }
 :host:not([has-image]) {
@@ -294,7 +302,7 @@
     --lead-lines: 2;
   }
 }
-@container (min-height: 350px) and (max-height:599px) {
+@container (min-height: 350px) and (max-height:549px) {
   :host[image-position=top] .stzh-pi-teaser-layout-item {
     --grid-template-rows: 55cqh 45cqh;
   }
@@ -302,7 +310,12 @@
     --lead-lines: 3;
   }
 }
-@container (min-height: 600px) and (max-height: 799px) {
+@container (min-height: 550px) and (max-height: 639px) {
+  :host[image-position=top] .stzh-pi-teaser-layout-item {
+    --grid-template-rows: 50cqh 50cqh;
+  }
+}
+@container (min-height: 640px) and (max-height: 799px) {
   :host[image-position=top] .stzh-pi-teaser-layout-item {
     --grid-template-rows: 55cqh 45cqh;
   }

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js

@@ -52,7 +52,7 @@ export class StzhPiTeaserLayoutItem {
             "stzh-pi-teaser-layout-item--has-lead": hasLead,
             "stzh-pi-teaser-layout-item--has-image": hasImage,
         };
-        return (h(Host, { key: '6800fb97b1ec726ec3f09452a33100366d78ffac', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: '85b38929fec3ee38994782bc7321e78684e779fd', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '1923478de5ada40e71286e3eaa49d8cdf7017a92', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: 'c9b796b46a9eb43706924619910c4efafe16d355', src: this.imageSrc, alt: "Example image" }))), h("div", { key: 'eeaaf7e1adf48da141173b7ce7a63dc2ea3763a9', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: '6058d6be2b5124da300dd97733057d0c22e24d9f', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: '68bae848e3e1cf377b075c7d05fce9aad811ac76', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '4e9705883f6f05ff52904322af547c85996da6df', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: '3ced9f74e039e1cc456d4ef37074d8442844b857', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: '92cd55abb157637e1e0db08edb85463be3e622bb', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
+        return (h(Host, { key: '22c18d7fd9de7d75ce2a33f1bf1c2b9ba155b07f', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: 'c77072a09b6eb79691f42ec00d8e822345791aff', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '5a52e0b497bcbb76b4a11a998e895a096b631161', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '621d1fd651d3420c80c56989962198bec015605c', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '05c14742afec614a534d48a771539cdbd7d128d4', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: 'a6ee0da58d7a855970b5b5619b432b075b893934', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: '181a0e14237977cd6902ec956260e0ea336f9108', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '406a47bc1425f5052bc7bb99309c9279bd05a262', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: '9d2397fd768f3b36985345b699c92fac2a80d87c', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: '38ab554072180402070a63884889f965abbe446c', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
     }
     static get is() { return "stzh-pi-teaser-layout-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-poicard/stzh-poicard.js

@@ -32,7 +32,7 @@ export class StzhPoicard {
         const classes = {
             "stzh-poicard": true,
         };
-        return (h(Host, { key: 'e652ba08e4f3ff94e863df38e310d78e76f44844' }, h("a", { key: 'f3196ec3550cadb829d5e3b7c4f0903917a1ed28', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '711ab9f916af075a2abad1ff745fa78eaff712ca', class: "stzh-poicard__content" }, h("div", { key: '708aadb932728bcf99508ca0a7bc7a63d2d4db44', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '7816aec4b6d453de2c50a0c8d459f1b330d0c5e0' }, this._item.title)), h("div", { key: '019d773b7de7150343075ebbcedf255d08c10227', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: '899d1110c0cf90d6186938ee71859ea1e06346dc', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: '27eabbdae6483bfe2cc37e57e09f41e2f6d8e694', name: "pin" }), h("stzh-text", { key: 'b696ad2178e7fa311437ebc8997ed53e369b72de' }, this._item.distance))), this._item.temp && (h("div", { key: '093190a0144b6b225a9e9710ca3d772d133b8c35', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'e2406b95acba85c071875a13c91911ea77ea76e9', name: "thermometer" }), h("stzh-text", { key: '49a8bef000e5b6b388423962078ae0dbcc1153ec' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: '1287e6f948859afc8b077c34cb28c9acaf9e8047', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: '6d73eaae36016d42866cb984667a47051d6b2133', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: 'dd79e37445a32b0ae190e3c7cd0350523d967c86', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
+        return (h(Host, { key: '5e22e3edd9a5f53f212b24b9322384a860c0a10c' }, h("a", { key: 'f4df00d9dd0c9cc69a9c4392d589cf0bda1dffb2', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: 'b0ccedb5f59c1cf6c95404c5f24896fbc8760a17', class: "stzh-poicard__content" }, h("div", { key: '5b0669e4ec18d010c9273269d061ff21d00ac1f5', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '01c998690195acad9a2ebc74709580916a16b7ae' }, this._item.title)), h("div", { key: 'd738c83014e40a372a8f4fcaec31f5a7ebca4c31', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: '2e7f8bbd107b14cd3a4ec619bef0e9e7074894be', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'c76f980a8e646895d676c9315327c275022fca2d', name: "pin" }), h("stzh-text", { key: '681dc3751ceaa78c7c92472d78aab67cbcb920b9' }, this._item.distance))), this._item.temp && (h("div", { key: '405b370c59f0817ad9c275661ce3c915381804e7', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'e5406e5d365ad4ceeec3d596084c57aca7e3272c', name: "thermometer" }), h("stzh-text", { key: '78cbcc97a6c6c5e7ffcee163ecce12a05b0ccde2' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: '299ee1359498476745aeea101181c23b2730d472', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: 'b4260538c72566bccfd33cb2a4fed59dd9ff4697', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: '286452c1d25334a84649a259ff5d3fddd8ed88ef', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
     }
     static get is() { return "stzh-poicard"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-poilist/stzh-poilist.js

@@ -98,7 +98,7 @@ export class StzhPoilist {
         const classes = {
             "stzh-poilist": true,
         };
-        return (h(Host, { key: '2cca93ed29e1c2b29cbdbd44da0162d8f4bf509c' }, h("div", { key: '704cc8ddc1704c60e9afdfbd8221ad591a855df9', class: classes }, h("stzh-overlay", { key: 'b40ddc942f967621d3e4ed9ac3ae6950419e05c1', open: this.isLoading }, h("stzh-loader", { key: '6f3449f95dfbd43a5b2b070c52055346ae61ccf7', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: '7efaf270fb12bbe0471669abde2306dfc651267d', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: '05f2569d167029874bf7bcd75439692c18dd713a' }, h("div", { key: '0a48f839d41d4127630dae30de32e42b7fbe1738', class: "stzh-poilist__header" }, h("stzh-text", { key: '420a3cbee618f842a868102b8187c1c0d6d4a803', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), h("stzh-dropdown", { key: '87d7f9b923682699fab487529a9c8cc3f8d93167', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), h("stzh-cardlist", { key: '99f70ed406799852713b9406559ba80a27c5f475', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: 'f78b1be1bc0aded858987e3854a6b4efe964b79c', class: "stzh-poilist__show-more" }, h("stzh-button", { key: '2bbd8362bc26ccc73433e6173fcfee59fb9a8882', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
+        return (h(Host, { key: 'e1dfcfdda967aae2c6462d97fe95a5df8e9ad322' }, h("div", { key: 'ca42c53a582f3a62979df09a82130858ea420ed0', class: classes }, h("stzh-overlay", { key: '53c7d97af7d25fcafddb2608dff0d5c7d26eace2', open: this.isLoading }, h("stzh-loader", { key: 'a9ab68594752dbbde668a32b2cce208ac1c5f2b8', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: 'e72edfe7bc62753d8dcd03f418dfd9b767b11b05', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: '3e93bbe06f1fd98ef2d31b68a5fb386909e62e2d' }, h("div", { key: '31f2a6015009bc427e4e2da084b7fe895def1165', class: "stzh-poilist__header" }, h("stzh-text", { key: '3aefc2628068e99c5a23d27440ed320e3adfe8e9', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), h("stzh-dropdown", { key: 'f6cc2caedebdfe121c4a63c6b7043bc177075cb5', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), h("stzh-cardlist", { key: 'ab92d3606bc12e1e298bc9c9c2f3b5c8091ab78a', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: 'ae35fae3cbda02620cc740e8af4e0773418a55a8', class: "stzh-poilist__show-more" }, h("stzh-button", { key: 'b78dec7114075ced0eef847d0005c03315720bd0', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
     }
     static get is() { return "stzh-poilist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-print/stzh-print.js

@@ -35,7 +35,7 @@ export class StzhPrint {
         const classes = {
             "stzh-print": true,
         };
-        return (h(Host, { key: 'a80e391b692ee489cd4f53f98b1228f7aa09bfa3' }, h("div", { key: '9e96dc6264374944694681040e85e73480599f4a', class: classes }, h("slot", { key: 'e49ccc933f9cdba5dfaeffa5eaba8c66f929df07' }))));
+        return (h(Host, { key: '2f0d0d0c84f0d914a21ec416dacd41d9a1989fe2' }, h("div", { key: 'a273c358b106658c8107baf974eede7529b24644', class: classes }, h("slot", { key: '615ffeb3b26dcc413ef6df71de6da68e91c371f0' }))));
     }
     static get is() { return "stzh-print"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-search/stzh-search.js

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

package/dist/collection/components/CMS/stzh-sitemap/stzh-sitemap.js

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

package/dist/collection/components/CMS/stzh-socialmediastream/stzh-socialmediastream.js

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

package/dist/collection/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.js

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

package/dist/collection/components/CMS/stzh-textandimage/stzh-textandimage.js

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

package/dist/collection/components/CMS/stzh-twocolumns/stzh-twocolumns.js

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

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

@@ -82,7 +82,7 @@ export class StzhAccordion {
             "stzh-accordion": true,
             "stzh-accordion--is-nested": this.isNested,
         };
-        return (h(Host, { key: '2dde1e9bcf86097f0c3c00f1f407b07773da313c' }, h("div", { key: '411bdfb4672e6842c0f8d6e9e944af06d39be36f', class: classes }, this.heading && (h("div", { key: '6f9c89a59f2a25563039669fd573cd29e543f9e9', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '28cf3aa9798077864bd36314da445f49b930ff38', level: "2" }, this.heading))), h("slot", { key: 'e74c3faa442732de660ff8b570eedeb8d4d0946c' }))));
+        return (h(Host, { key: '25878532d107b4951dcec78cdf9949e555b6c306' }, h("div", { key: '33311c8d0930112bc7c111b93ddb131625da4b29', class: classes }, this.heading && (h("div", { key: '69b78c5144b6bb2140b7cd1130e66e0607b01e81', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '8f83e2fedf199a3bdfa0c311e9847878d458b2db', level: "2" }, this.heading))), h("slot", { key: 'ced5efd487d058f8676b2b293f5880938be9653e' }))));
     }
     static get is() { return "stzh-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -249,7 +249,7 @@ export class StzhAccordionItem {
             "stzh-accordion-item--is-disabled": this.disabled,
             [`stzh-accordion-item--${this._variant}`]: !!this._variant,
         };
-        return (h(Host, { key: 'a8c56e353d7902a77917eb6efec2ced839e66bcc', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: '739947ef46cd567c819aef178de914ba41593879', class: classes }, h(Heading, { key: '43df5b0e8314df3b4a84e336fbcf0b2f6d362d58', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'a86ce8dda8443f36614db81c4b697969688fa22e', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '536a30b9b0de27bfd77057f1b8f7621dd60f8b4c', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: '3ddc1b31fe83b63306a7a46fd789361bed08e0b4', class: "stzh-accordion-item__button-text" }, h("span", { key: '552a2947ed3a485acf1c86bcd013be344c0ef6fc', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: 'b4adaec387a75f405fa7ef34b4b88126f134143b', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: '6890cabc94d0f53a4288eb67f9e6b160ae462ee8', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '6418a9bd2bfa948525154bbc7065a68d38ebd20c', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '55b11d742681dea18161d5c301ad664917164b90', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: 'd4e0d502d8d3ab6728c0ff2b0925919c9ca1d0bb', class: "stzh-accordion-item__content-inner" }, h("slot", { key: 'ddf28eeec9a50f0717210e7bf61d055eea0a1217' }))))));
+        return (h(Host, { key: '8f9d285493e602a2a2997539c3d829d47ac4003b', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: '486b4d0b79f8108ae8b7efed68e3f981798504c3', class: classes }, h(Heading, { key: 'be31a982a27418c0ad46498bef6baccc27b1f246', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'd64e83a2825e07a48c211b826e0a3b7e98b3e818', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '853ebadb5257cd7df61063ec5ac7dc54bb21f597', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: '1e02739df2af3902ef7dd3eaad5640d85319f786', class: "stzh-accordion-item__button-text" }, h("span", { key: 'a0f190fbd1d3c1e7483261ea61fb81d0efa92e6e', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: 'f81c34f16771f3b307b714a6e6c910b5222ad436', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: '71d037f00c5c65c7b7c366d1e9248d3039611207', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '295bc58ac5b6c4a26606e4319b8494aeb12be417', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '3e14db4796b00e7be4e7cdf81bd2530f7fe40162', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: '8ea1d3dbd7878a2d300e0d42fa487c5fddfc06e0', class: "stzh-accordion-item__content-inner" }, h("slot", { key: '30cbc336c9274caf9b822021aeb45c299d58b450' }))))));
     }
     static get is() { return "stzh-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class StzhActions {
             "stzh-actions--space-between": this.spaceBetween,
             [`stzh-actions--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'd61a47a12fa3cc0516ac8263b7e586d25b4cc9af', "space-between": this.spaceBetween }, h("div", { key: '54f3037a60fe456f3deea75be7e89d6eb694a2a9', class: classes }, h("div", { key: '6a932e655b9f2bc3ef1adbb4747dad51dbbef4db', class: "stzh-actions__actions", role: "group" }, h("div", { key: '635683787f8abaf0b4e6aedce9dbe903df0efabb', class: "stzh-actions__tertiary-actions" }, h("slot", { key: 'fb32b12f22784029d42fc6ecf196a19433de806e', name: "tertiary" })), h("div", { key: 'd0a8bd3e6cdacd238d9d6959f486bcb4985bb186', class: "stzh-actions__wrapper" }, h("div", { key: '4473c132630b0ecdcc669f780859bff677d4732c', class: "stzh-actions__secondary-actions" }, h("slot", { key: 'f230b0cd76569f177a1a964953f66ed8b68ea181', name: "secondary" })), h("div", { key: '1204f0f1c4be504d5a96e82e39ec1207027e098e', class: "stzh-actions__primary-actions" }, h("slot", { key: '20d8acd01aeee79a9c1b48661d8f662be4781627', name: "primary" })))))));
+        return (h(Host, { key: '6f2fa3a12747f51f18e613908f76d6ed72cce777', "space-between": this.spaceBetween }, h("div", { key: '289677944be98dfe8abd41f03b09c6fa12318e8d', class: classes }, h("div", { key: 'c348ca9ea3fbf7846eb3ebe23cdf36e93a12088a', class: "stzh-actions__actions", role: "group" }, h("div", { key: 'fe87f7a0629b8df8a26a313e21946df2246d6153', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '178170babd992f3450e452a2b3dd1622ce0a2b47', name: "tertiary" })), h("div", { key: '45bd80ba3cbd48e86604f02f3e80e02354ffac5f', class: "stzh-actions__wrapper" }, h("div", { key: 'dd00ba8284996ded53c568b2ead2c1cde9b554c2', class: "stzh-actions__secondary-actions" }, h("slot", { key: '834b135efe725ed2ed155bdb174a926edf4b9487', name: "secondary" })), h("div", { key: '923fc8334c1e5c0d9c0f67bd1c162826b20c6262', class: "stzh-actions__primary-actions" }, h("slot", { key: '75ec7c89fe2df103e9e44a18c5b2ce673fea9ca0', name: "primary" })))))));
     }
     static get is() { return "stzh-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,18 +118,18 @@ export class StzhActionset {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (h("stzh-button", { key: 'f2856fc3a86cdf886789ae26f8f3d6534ad6fad9', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (h("stzh-button", { key: '1f7563d9c5032e13be6575adc2be43d0f787d3a5', a11yTabindex: disableTabbing ? "-1" : null, class: {
                 "stzh-actionset__action": true,
                 "is-button": true,
             }, label: action.label, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant ? action.variant : this.variant === "stack" ? "secondary" : "tertiary", size: action.size ? action.size : this.variant === "stack" ? "small" : "tiny", badgePosition: "icon", onClick: e => {
                 this.actionClick(action, e);
             } }));
-        return (h(Host, { key: '6b08b0b6a6eeab602f1cd8e5f83836d7f8713384', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: 'acdef4783a48d197895dc971dbbf7e4d8f05301f', class: classes }, h("div", { key: 'eb446afb198afb2ced0be517dd2d11d0e5e55bab', class: "stzh-actionset__actions", role: "group" }, h("div", { key: '589562030a56efee2e0f6d0ce84fc774a0183554', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: '2045f6c0a5ef152a08c1e3517a242ab6f737884c', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '354dd56ed1cab651fb0a95b46c43da86cb89e2ab', label: this.variant === "stack"
+        return (h(Host, { key: '4c5dbb5e74df1c08799e6983ea7af2bce400db26', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: '29d124397dd04a5761fbfc96e06210f477cd0cd8', class: classes }, h("div", { key: 'f9433d56273b3782d923d9a7299a74cb8f0246a1', class: "stzh-actionset__actions", role: "group" }, h("div", { key: '686785c397fd6376fe84bfccc2c59e8deef093b5', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
+            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: '87d949a4cc0bfb59c51b66dfa1661741b77b8be9', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '4c38dba537ab91510d04112a63e8480df29145ad', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: 'a39acd31895565f1bb1511e349256cc42ccb5f23', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: 'debb0672bd249e8f2f8953a034947f3d46242551', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -137,7 +137,7 @@ export class StzhActionset {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '19a1969d884d34faa9fc3a24dc0816dc545dc5de', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: 'c82a73a0bc80c8c9214ed9fb0814ae13a5980e9a', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

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

@@ -133,7 +133,7 @@ export class StzhAmount {
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (h(Host, { key: 'e9d4d0fcbca92ae15ccb66d8d6cad67ab69876f6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'eade6ac6e27252f33bd665a829ec924c28660d36', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (h(Host, { key: 'a881dc5c082c7305005df2df3dfc60dbdd61ae31', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '59527cb8f521545165868dc55682ce9d8882cfab', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     static get is() { return "stzh-amount"; }
     static get encapsulation() { return "scoped"; }

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

@@ -43,7 +43,7 @@ export class StzhAnchornav {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (h(Host, { key: 'b703dd408f81a32ef4dee680871c4376b72d0706' }, h("nav", { key: 'a19428b3d47d4bbfa84524e9b94db5fdffa27088', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '57453c4d9ee0c6af4258442bb27e4ce905358789', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (h(Host, { key: '82d4f917cff546ae7c0bc1de7d0458017335ff71' }, h("nav", { key: 'a5ba98e4e9f6c979c162978e695e60d397c9a8af', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '3b8a3ea14969e66a30295aa54139ff8ed1bb0bbc', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     static get is() { return "stzh-anchornav"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-app-nav/stzh-app-nav.js

@@ -21,7 +21,7 @@ export class StzhAppNav {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (h(Host, { key: '6aca18c8040667968cc291e82469826c6427ed72' }, h("nav", { key: 'e3db9d373f33780b50d177f42a99aa87f31ee257', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, h("div", { key: '056f487b031c715ecd4a1f8372c153c9bb95a297', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (h(Host, { key: 'd705906dfa8fc79d2151d76ab800a6c73bbfdf4c' }, h("nav", { key: '868360ba1ff91177d4087609c48d48e6ee656277', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null }, h("div", { key: '6c8dfba33c021fdf7f6481584ee1c136fdadecce', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

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

@@ -251,7 +251,7 @@ export class StzhAppointments {
             "stzh-appointments--has-appointments-title": this.showAppointmentsTitle,
             "stzh-appointments--has-sort": this.showSort,
         };
-        return (h(Host, { key: 'dffb215bec670ef5c6369169eeef64ef63aa5d08', "has-heading": headingUsed }, h("div", { key: 'ce9b0ca8798e6b10f69943728491cb554fc239ab', class: classes }, h("div", { key: 'e52de53d53a7182a4dfe21684b2cf352b9bb2083', class: "stzh-appointments__heading" }, h("slot", { key: '4915ff8a7a2918465d073aa3adc8b5f8286eb6c9', name: "heading" })), h("div", { key: '65292989bd3d1e14e6ee2ead0ed1b33e8eb66cb7', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: '98859f0e37663d040989661406f36bdf0906cf03', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'a4b023d5475391393556f1c14e1ff1f40256281b', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '9c726f07fd2db5cddb059b01ef6f9004e93b3e18', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: '56b6ed54adc23682afd9e3a1443ef97d81f91cff', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: 'ed775244a96514d1c5699b3a81a983b8adb8a78f', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: 'a937e312311f368ad42503870e98393075cda451', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '3ec5b6eb566c2b9dd5ce339009b4acd2e178fcc0', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: '817b302973b58ea676573276964d69d6f7e54c37', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: '346881ad2f66545d74fac734a8decd5a03497b4a', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '3b7c8a0bfd33289fc0f7b1f9c9d9aec188bc62d5', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: '8d2183e6cf1e3055fdb4ee65ec0981edf2109391', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: '1a1d8a61e7bdb46bbc97f14b10d3b2f626802ad0', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'db0d4c16e21d0a899c9952a2aa58e7201abe72f8', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: '75d73e624fd313fbc124c9914ce44b16cdff1ca8', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '6bf0aaba8e5f07498d22ed697dc6bf116afce033', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: 'cfca38ae437b0117ddfcae0b02edc44084265ae8', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: 'f434c8d00d9fe214fe30e9bd047f5531635cb360', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '7a7a9137ae83e11895ea63d89cb7eb2c1e0097af', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: 'cd053398dc906d19f2eeafb1b902de56b3c1b7c4', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: 'ba2fb3992d9c50b9972049dee2ecefc84eb987d2', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: '190c7a16f08710dc7e8a225f566f12bddd2aebc3', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
+        return (h(Host, { key: '1728e91f3166d35ed8c3c81e9d82c93fb51de5f3', "has-heading": headingUsed }, h("div", { key: 'fe4b6a5334801c2d0293085ee1f579541fa96ded', class: classes }, h("div", { key: '5546e6431292451f3214f8008f4faedc5f6cbafe', class: "stzh-appointments__heading" }, h("slot", { key: 'ad7ae815d65a27009500c5baa8b1bf3509c78760', name: "heading" })), h("div", { key: '7ac2311c272c59907466527c31e80a52ffd75d72', class: "stzh-appointments__wrapper" }, this.showCalendar && (h("div", { key: 'efcf72400a53e89c16b8ca00366c369474b674d3', class: "stzh-appointments__calendar-wrapper" }, h("div", { key: 'd31158baae7e6819f79047f9ab73b1339c7d151e', class: "stzh-appointments__calendar-title-wrapper" }, h("div", { key: '9390fee5869b94d031094fed5f68f985c1a42e5a', class: "stzh-appointments__calendar-title" }, h("stzh-icon", { key: 'f0e6b9aa9a3aa09f982fd8ac2eb6ff5468166a58', class: "stzh-appointments__calendar-icon", name: "calendar" }), h("span", { key: 'a00d58dff58de3ecdc6b4f6e7d432e7ab97c5f37', class: "stzh-appointments__calendar-title-text" }, this.calendarTitle || this.localization.calendarTitle))), h("div", { key: '29cd37f62445669df46b7f89811797f35540cd5b', class: "stzh-appointments__calendar-content" }, h("stzh-datepicker", { key: '109453c006e4eaa7faaaecee91fa8600aaa3ec3f', "hide-optional": true, ref: el => (this.datepickerElement = el), onStzhChange: this.onDatepickerChange, label: this.localization.datepickerLabel, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, h("stzh-link", { key: 'f06429980ba5c3c48c78204c70e52ff41bd50a98', slot: "action", size: "inherit", disabled: !this.nextDate, onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments))), h("div", { key: 'd96d65c976e7b7f0a9cdd97e0e1e2f5d6ba61aee', class: "stzh-appointments__calendar-content-medium" }, h("stzh-datepicker", { key: '50cf47b44de9b9b05760cc130afd80b62be72ecd', "hide-optional": true, ref: el => (this.datepickerElementMedium = el), onStzhChange: this.onDatepickerChange, inline: true, calendarIsDateDisabled: this.isDateDisabled, calendarMin: printISODate(this.earliestDate), calendarMax: printISODate(this.latestDate) }, this.nextDate && (h("stzh-link", { key: 'd5f890eff5882530c31d10083e0e5a92f55ebd8f', slot: "action", size: "inherit", onClick: this.onNextActiveDateClick }, this.localization.nextDayWithAppointments)))))), h("div", { key: 'dbdb4aae72f2f0ae92ce7915cfff8d86d2f6b2c7', class: "stzh-appointments__appointments-wrapper" }, this.showAppointmentsTitle && (h("div", { key: 'a964e646b14cb7d82530ea199858b9c26b4c9186', class: "stzh-appointments__appointments-title-wrapper" }, h("div", { key: 'ae31d2f5c8552126f8c352dd388032b90991b313', class: "stzh-appointments__appointments-title" }, h("stzh-icon", { key: '428d7b016152f20849fb2088252e0b44b82301a7', class: "stzh-appointments__appointments-icon", name: "clock" }), h("span", { key: '7818a53dfaf106b0e76a5840babb51f611d7266c', class: "stzh-appointments__appointments-title-text" }, this.appointmentsTitle || this.localization.appointmentsTitle)), this.showSort && (h("div", { key: '3aca013063a7b1aa3d2e797bafdcba2cd1f47bad', class: "stzh-appointments__sort" }, h("stzh-dropdown", { key: '1fefcb5799637b45ec1c5029b7b3098def83e261', "hide-optional": true, inline: true, "no-search": true, class: "stzh-appointments__sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", items: [this._sortBy], options: this.sortOptions, onStzhChange: this.onDropdownChange }))))), h("div", { key: '7ceab2672395b3a7aff85abc53f744cd37723b45', class: "stzh-appointments__appointments-content" }, h("stzh-radiogroup", { key: 'e8d157ebcf8e11c766d3c71968c9e20c18cb98d1', class: "stzh-appointments__appointments-radiogroup", ref: el => (this.inputElement = el), legend: this.localization.inputLegend, "hide-legend": true, name: this.name, value: this.value, preventUpdateProperties: ["disabled"] }, this.appointmentsShown.map(appointment => (h("stzh-radio", { onStzhChange: this.onRadioChange, value: appointment.value, disabled: typeof appointment.disabled !== "undefined" ? appointment.disabled : false }, h("stzh-text", { font: "heavy", size: "centi" }, !this.showCalendar && (h("span", null, this.dateAdapter.format(appointment.start, "dateLong"), ",\u00A0")), this.dateAdapter.formatSpan(appointment.start, appointment.end, "time")), h("stzh-text", { size: "milli" }, appointment.caption))))), this.showMoreLink && (h("stzh-link", { key: 'ce621d82405ee70ebf00a00a78651c11c822fa51', class: "stzh-appointments__more-link", size: "inherit", onClick: this.onMoreClick }, tc(this.localization.moreTextItems, this.moreItemsLeft > this.stepItems ? this.stepItems : this.moreItemsLeft)))))))));
     }
     static get is() { return "stzh-appointments"; }
     static get encapsulation() { return "scoped"; }

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

@@ -38,7 +38,7 @@ export class StzhAudio {
         const classes = {
             "stzh-audio": true,
         };
-        return (h(Host, { key: '27b8c29b39a206ff2aaba2477168eb975e6e60f4' }, h("vds-media", { key: '0a15f9fb2d6d17dd0c1f6409531ec5d0a32d9955', class: classes }, h("vds-audio", { key: '056001a6d0a434b3fd9456a85a9bb795e0fb687f', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
+        return (h(Host, { key: 'adc7c38e9004abb43c53f7a6a200ff371cffa327' }, h("vds-media", { key: 'd4e49e3f00311782be26550c40076d905605c4a4', class: classes }, h("vds-audio", { key: 'fb8764bbc6a2e5184553f355b10acb54a2491f06', class: "stzh-audio__audio", ref: el => (this.vsdAudioElement = el), "onVds-play": () => {
                 this.stzhPlay.emit({ component: "stzh-audio" });
             }, "onVds-playing": () => {
                 this.stzhPlaying.emit({ component: "stzh-audio" });
@@ -50,11 +50,11 @@ export class StzhAudio {
                 this.stzhReplay.emit({ component: "stzh-audio" });
             }, "onVds-error": (e) => {
                 this.stzhError.emit({ component: "stzh-audio", originalEvent: e });
-            } }, h("audio", { key: '248d12af43c5c99faf780eba2500add904cc2de6', preload: this.preload, src: this.src }, h("slot", { key: '86e9e2e5f20d52c67aed02fa405155af1cc4544b' }))), h("div", { key: '4ed9c52eddc1d7c1c9ae157e5698e3ed78b572c2', class: "stzh-audio__controls" }, h("div", { key: '7167804f74c262b41a29bf4e52c75d39e213cabd', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: '0ea1a5728a8deb2e07404609ff2b559affb3f9f8', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: 'fdb285745da1d07578e7211a6e8174939d49f978', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: 'de43671d8d44f9894b89ebdc30ff795fc5c8d87d', class: "stzh-audio__slider is-time" }, h("div", { key: '4e0be9b5fc2553bb2731856537f44fc362e18dda', class: "stzh-audio__slider-track" }), h("div", { key: '0694df1c57b913b691b61387b5d9f6ce9340c438', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '67091a52c24316820c4904f3da81fc54ba348650', class: "stzh-audio__slider-thumb-container" }, h("div", { key: '9eb0d0e54db1a3c9b0c235b98df3b3fef7cac2ed', class: "stzh-audio__slider-thumb" })), h("div", { key: '77ebc090a231fdcc0a4a841cf07b50ad78cee4f1', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'b62c2bb285fad4ce4e45ff3b69ee54aa77ef36d3', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: '96c93056e46de4431132283151d43f5cf92854a6', class: "stzh-audio__controls-bottom" }, h("div", { key: '8f2ce03e20fd4afaf52c5036766d99b2f44ccb70', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: '4cbdf5abdf0710613512b19d8e3b23d6a379e0b2' }, h("vds-play-button", { key: '635ae0dfeddd91f8b20aebd8950bfea4433d76d6', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: '879a4da886197b9c83a912af6a8c6abfa1983b5b', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: '094b0646941548104b7b8182890aaa13576eac95', class: "stzh-audio__paused", name: "pause" })), h("span", { key: 'cb9e8d36e1daa618dda3cc157d2566e16f071959', slot: "content" }, h("span", { key: '3ca5461fce2650f8b03b0c6a70236c7edcc0ceeb', class: "stzh-audio__played" }, this.localization.play), h("span", { key: '6b0b9ca5a4db30c74b91439b64007dab98706aff', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: 'e3e5b865f7f17101dbdb62e9d7fba0b1e8e7a26f', class: "stzh-audio__time" }, h("vds-time", { key: '2f21e2b2d3bc201b9674585f6a5c3846f5b7633f', type: "current" }), h("span", { key: 'aa36ddfc042ac6cfabcb8918e1f9f0a0ae2fb7ea', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: 'a7995f88f8e8ccad94db8241931881f40b97396d', type: "duration" })), h("stzh-tooltip", { key: 'f6546ba3ec0f7be59ed599aa327d658136c515a9' }, h("vds-mute-button", { key: 'ba406097c694b786727d5fc012ab543e68ebe358', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: '86f3b3593cbce0ca60abf41142c52f1ff64176c1', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: 'bc26dece09335cefe1c9e94fb29c00b60620c429', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: '94879f483d9c76c33ec8b31563e3f89f4739eed0', slot: "content" }, h("span", { key: '6738e3db61955f19196cb05cbedb2ea8bbd2635b', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: '2bd19afd7d4c95dbaa84d54789736337d852dc80', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: 'f9b1881c5326461b1779a4d22ffbc43ab34def6c', class: "stzh-audio__slider is-volume" }, h("div", { key: '0b67e73238c6ae4958d2be7148fc570de3250c4a', class: "stzh-audio__slider-track" }), h("div", { key: '4e31c9f8050145a7138fa08efeba07ddf054358d', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '22b0d576382aa5a4543147ed72684393368c4f88', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '65ab0ecfbfc2a8a0e89d2c7381c7f7c0272acf5a', class: "stzh-audio__slider-thumb" })), h("div", { key: '1bbc8781ec51d783ba563650433fae022ee3d107', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'b17e4dfe31452e4033377d53508ea526c885c765', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: '44a829ff986b8d66709058b33be565caa430d4ef', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: 'de16e6f4cd7178f7be0c10bb8cf58c49bfa833d1', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: 'e746dd06345be41e88e5bd7317f90400a582b65b', class: {
+            } }, h("audio", { key: '0b221a814271376201133ff7edba260f5ca7463f', preload: this.preload, src: this.src }, h("slot", { key: 'fc125dc950fab61eb4ee5ce5675b0d2a1ede821e' }))), h("div", { key: 'efcc542fca2fe230f4441ca9409ff2b71bf1c814', class: "stzh-audio__controls" }, h("div", { key: 'fc8489dfa5b1400c2375a63a53d05e1109a870c2', class: "stzh-audio__loader-overlay" }, h("stzh-loader", { key: '208366f97280cb38f1ced382d3ed0d674a0ddfd4', class: "stzh-audio__loader", label: this.localization.loading, "hide-label": true })), h("div", { key: '994f06627e2700625f3f344cdb622b3dfd80e994', class: "stzh-audio__controls-top" }, h("vds-time-slider", { key: '599fec3c58eb03334103f6353372a031ba86c24e', class: "stzh-audio__slider is-time" }, h("div", { key: '9027c1f04fb1ecdb29bfedf8462510cc3de8a4c9', class: "stzh-audio__slider-track" }), h("div", { key: 'c2bf3737c348187a9c7ccd1f774b2e61ea559cc0', class: "stzh-audio__slider-track is-fill" }), h("div", { key: 'a8888b1465dbc5ba770e1eb1be8a68975dcc6c2a', class: "stzh-audio__slider-thumb-container" }, h("div", { key: 'cd918d8bf70cd5086bad4fd7ff566f3ea24dea2d', class: "stzh-audio__slider-thumb" })), h("div", { key: '7727c198878168a0d21502e42e512a168c472a10', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: 'a179681a425f4a323dea97e3b1c0f71b23d75b95', class: "stzh-audio__slider-text", type: "pointer", format: "time" })))), h("div", { key: '3348ebd143b9448928d78f87ef62c7027a41eebc', class: "stzh-audio__controls-bottom" }, h("div", { key: '18ba37d17f119e2d808d724b11a2f8c30e4397c5', class: "stzh-audio__controls-bottom-left" }, h("stzh-tooltip", { key: 'fcd87ccb74cbc230025dc877ccbd04c1b2be5d46' }, h("vds-play-button", { key: '53fc6e83f6bff2c4082a8a24b5951abe3999af03', class: "stzh-audio__button is-play" }, h("stzh-icon", { key: '492b659de3453c47d4a7e9c80ae759aeb109a3bb', class: "stzh-audio__played", name: "play" }), h("stzh-icon", { key: 'e422ac424e34723e315d46b0f55f05c618ef5444', class: "stzh-audio__paused", name: "pause" })), h("span", { key: '0d6fc0648d44ee7fd2a4dd6c776ab367c4f16d56', slot: "content" }, h("span", { key: '3382db81b57204c2f1e3687397067102a1cddf99', class: "stzh-audio__played" }, this.localization.play), h("span", { key: 'b7b7994d9cc526b01da08979d458afd88f24f748', class: "stzh-audio__paused" }, this.localization.pause))), h("div", { key: '58c00d329f58db7b53d92a633c41c413fbb8548d', class: "stzh-audio__time" }, h("vds-time", { key: 'cd052f9b18dc89436bdfe4d204ee84fd466d4ac2', type: "current" }), h("span", { key: '4f0ca82a5aeadb62e21420824fbdb3a242d8ecbc', class: "stzh-audio__time-separator" }, "/"), h("vds-time", { key: '92ac5701e584129585ea52c8fc54528f0bb4ea71', type: "duration" })), h("stzh-tooltip", { key: '1b7fb13bf74b63ee5a63c39a5af73d1b051e209b' }, h("vds-mute-button", { key: '158b2b77a2b8a5c931b37cedc16399b2740d8abb', class: "stzh-audio__button is-mute" }, h("stzh-icon", { key: '2c7595b59335247a3db7ffb06d8ee580bee5371c', class: "stzh-audio__muted", name: "volume-medium" }), h("stzh-icon", { key: '50f4200533d92909a834dfcdbe866857cb2f0810', class: "stzh-audio__unmuted", name: "silent-mode" })), h("span", { key: 'cbe10d1bb537653fbb22cac0ad7c7a053313a379', slot: "content" }, h("span", { key: 'fbaf5804f0bdda0649f1354597747c761f80b04b', class: "stzh-audio__muted" }, this.localization.mute), h("span", { key: 'a0d23ed2d2d43a8cafde24feb24845d471236f84', class: "stzh-audio__unmuted" }, this.localization.unmute))), h("vds-volume-slider", { key: '75573a956988404ffaea86da114a0f97f517ee88', class: "stzh-audio__slider is-volume" }, h("div", { key: '3e13e4826980600295b92194f2bd7bcf583a0e57', class: "stzh-audio__slider-track" }), h("div", { key: '7bb8b898b4f51fe33990cc42eaa8be05156d0c0b', class: "stzh-audio__slider-track is-fill" }), h("div", { key: '64c7bc436408e4d7e964c310f26a703a8db46b43', class: "stzh-audio__slider-thumb-container is-shown" }, h("div", { key: '2a782c51dd01519edb75764d813f99fcfbd5a135', class: "stzh-audio__slider-thumb" })), h("div", { key: '85cfa0c27692fb9d77156d4719f147e2e2592708', class: "stzh-audio__media-preview-container" }, h("vds-slider-value-text", { key: '76593d9391bf40711131632d2d18654830f87aa9', class: "stzh-audio__slider-text", type: "pointer", format: "percent" })))), h("div", { key: 'ac714c6f89f87b22eda68e346f065a9abb84b5b2', class: "stzh-audio__controls-bottom-right" }, hasTranscript && (h("stzh-tooltip", { key: 'a51a57933f2ab92651456f81996550a7cf6d35f0', content: this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript }, h("button", { key: '0e968fcecd862b6352aded773283c31558f79072', class: {
                 "stzh-audio__button is-transcript": true,
                 "is-active": this.transcriptShown,
             }, onClick: () => (this.transcriptShown = !this.transcriptShown), "s-object-id": this.transcriptAnalyticsId ||
-                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: '62a1def91855e4139b5d3e5b1397b205bdf5ac34', name: "transcript" })))), h("stzh-tooltip", { key: 'c9dbe8bbf9b5702cf093436137de909446595b19', content: this.localization.download }, h("a", { key: '9be41d416a2d925fa9c9c75b6075e53467a3a54a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: '4ed61efe1e0da290eec1fa43fe43f948bbf1e662', name: "download" })))))), h("div", { key: '0da58cc17278814d20325fedd47902eb1a607f91', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
+                (this.transcriptShown ? this.localization.hideTranscript : this.localization.showTranscript) }, h("stzh-icon", { key: 'bb1b4acca149507438f66d77bb90483fd75c9f83', name: "transcript" })))), h("stzh-tooltip", { key: '1c3d793229e8c3601b14fef416be878461c9d62f', content: this.localization.download }, h("a", { key: '9a26959304cfc32852987e2f4c25c56df19d929a', class: "stzh-audio__button is-download", href: this.src, download: "", "s-object-id": this.downloadAnalyticsId || this.localization.download }, h("stzh-icon", { key: 'bbf59976f0ae87bfeeb28373f10a96a8f67320c9', name: "download" })))))), h("div", { key: '6ca84f7d53b8634f508cc0dd67ec5ee14e4774bb', class: "stzh-audio__transcript", hidden: !this.transcriptShown }, this.transcript ? this.transcript : h("slot", { name: "transcript" })))));
     }
     static get is() { return "stzh-audio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -12,7 +12,7 @@ export class StzhBadge {
             "stzh-badge": true,
             [`stzh-badge--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'd6170c71160cbbbb2cd70da749848d74e92d8d44', filled: !!this.label }, h("div", { key: '6c72c35171306f56dad91de49c304fb24b33f19b', class: classes }, this.label || h("slot", { key: '45113debd9c2149e7ed65b11ebc9d20386d63f8f' }))));
+        return (h(Host, { key: 'ab244b1fcd1862bbd1b913aa567a93482ed1fd58', filled: !!this.label }, h("div", { key: '54a8d091b9371f422a8c560eee21347362c3417f', class: classes }, this.label || h("slot", { key: '4ad245f23016d0645c4ea109cc0bddf40fb690ca' }))));
     }
     static get is() { return "stzh-badge"; }
     static get encapsulation() { return "scoped"; }

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

@@ -148,7 +148,7 @@ export class StzhBreadcrumb {
             [`stzh-breadcrumb--${this.variant}`]: !!this.variant,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '217497bb945d3eaa81439a6d977c931434ebf0e9' }, h("div", { key: '1b4247fd3045b96bdb38e33da0c4cb3f32fe6d0d', class: classes }, h("nav", { key: 'd9050b8955ca9bbb9206926c0494cf8bd0746544', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: 'ba84e539e40f7ca7cb8d76375df8c6d4727389ef', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
+        return (h(Host, { key: 'ed1c7468acd17e85c9b2a4b9a751e7d3ac819405' }, h("div", { key: '4076813c39b6af2cf5d7f68f6483707bc5a36a06', class: classes }, h("nav", { key: '9280811b687f8162e9c17c856299fd34747ad05b', ref: el => (this.navElement = el), class: "stzh-breadcrumb__nav", role: "navigation", "aria-label": this.localization.title }, h("ol", { key: '505ad815ab804d4579832e8ed77236fdcbf705e4', class: "stzh-breadcrumb__list" }, this._items.map((item, index) => (h(Fragment, null, h("li", { class: {
                 "stzh-breadcrumb__item": true,
                 "is-last": index + 1 === this._items.length,
                 "is-first": index === 0,

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

@@ -159,7 +159,7 @@ export class StzhButton {
             [`stzh-button--type-${this.type}`]: !!this.type,
             [`stzh-button--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '300f899f87e3d5a07c5dcdd588137efac16189d7', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: 'a18cb416b26eec4275810c9cd5b16bdef0d3bcdf', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.button = el), href: this.disabled ? null : this.href, rel: this.rel, download: this.download, target: this.target, class: classes, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : this.type === "radio" ? (h("label", { ref: el => (this.button = el), class: classes, onClick: this.onClick }, h("input", { ref: el => (this.input = el), type: "radio", class: "stzh-button__input", name: this.name, value: this.value, defaultChecked: this.defaultChecked, checked: this.checked, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, onInput: this.onInput }), this.renderInner(iconUsed))) : (h("button", { ref: el => (this.button = el), class: classes, type: this.type, name: this.name, value: this.value, disabled: this.disabled, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, id: this.buttonId, accessKey: this.buttonAccesskey, tabindex: this.a11yTabindex, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -100,7 +100,7 @@ export class StzhButtongroup {
         const classes = {
             "stzh-buttongroup": true,
         };
-        return (h(Host, { key: '83723a5e9098e4bcdbc766a2e5107e2e56a0220f' }, h("div", { key: 'da13b86bf79d49b6a8631ab2774ea14f2b00f877', class: classes }, h("slot", { key: '13757ac234bf8e9c3ce589e88580054584ddf767', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '9501867b5b621c393a605e5b06dfb5cdcc1fe012' }, h("div", { key: '7243ae784e70f49f6441656f579e1ae583ca608f', class: classes }, h("slot", { key: 'd8853459525ba37f2792005f0e9f91acf8fde8e4', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "stzh-buttongroup"; }
     static get encapsulation() { return "scoped"; }