@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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

@@ -0,0 +1,292 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot heading - Heading text (alternative for heading property)
+ * @slot lead - Lead text (alternative for lead property)
+ * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)
+ */
+export class StzhPiTeaserLayoutItem {
+    constructor() {
+        this.handleCardClick = (originalEvent) => {
+            this.stzhClick.emit({
+                component: "stzh-pi-teaser-layout-item",
+                originalEvent,
+                href: this.href,
+            });
+        };
+        this.href = undefined;
+        this.target = undefined;
+        this.analyticsId = undefined;
+        this.dateline = "";
+        this.heading = "";
+        this.imageSrc = undefined;
+        this.headingLevel = "3";
+        this.lead = "";
+        this.date = "";
+        this.contentSize = "M";
+        this.imagePosition = undefined;
+    }
+    componentDidRender() {
+        requestAnimationFrame(() => {
+            var _a, _b;
+            const objectId = this.analyticsId || ((_a = this.headingTextElement) === null || _a === void 0 ? void 0 : _a.innerText);
+            if (objectId) {
+                (_b = this.titleLinkElement) === null || _b === void 0 ? void 0 : _b.setAttribute("s-object-id", objectId);
+            }
+        });
+    }
+    renderHeading() {
+        const Heading = `h${this.headingLevel}`;
+        const TitleLink = this.href ? "a" : "button";
+        return (h("div", { class: "stzh-pi-teaser-layout-item__title-wrapper" }, h(Heading, { class: "stzh-pi-teaser-layout-item__title" }, h(TitleLink, { ref: el => (this.titleLinkElement = el), class: "stzh-pi-teaser-layout-item__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { ref: el => (this.headingTextElement = el) }, this.heading)))));
+    }
+    render() {
+        const hasLead = !!this.lead;
+        console.log("imageSrc: ", this.imageSrc, " & imagePosition: ", this.imagePosition);
+        const hasImage = !!this.imageSrc && !!this.imagePosition;
+        console.log("hasImage: ", hasImage);
+        const displayLead = this.lead;
+        // ? this.truncateLead(this.lead, this.contentSize == "XL" || this.contentSize == "L" ? 260 : 160)
+        // : "";
+        const classes = {
+            "stzh-pi-teaser-layout-item": true,
+            "stzh-pi-teaser-layout-item--has-lead": hasLead,
+            "stzh-pi-teaser-layout-item--has-image": hasImage,
+        };
+        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"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["stzh-pi-teaser-layout-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["stzh-pi-teaser-layout-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Href of card"
+                },
+                "attribute": "href",
+                "reflect": true
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "target if the button is used as link (if href used)"
+                },
+                "attribute": "target",
+                "reflect": false
+            },
+            "analyticsId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
+                },
+                "attribute": "analytics-id",
+                "reflect": false
+            },
+            "dateline": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dateline"
+                },
+                "attribute": "dateline",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Heading (alternative for heading slot)"
+                },
+                "attribute": "heading",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "imageSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Image source link"
+                },
+                "attribute": "image-src",
+                "reflect": false
+            },
+            "headingLevel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"1\" | \"2\" | \"3\" | \"4\"",
+                    "resolved": "\"1\" | \"2\" | \"3\" | \"4\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Heading level"
+                },
+                "attribute": "heading-level",
+                "reflect": false,
+                "defaultValue": "\"3\""
+            },
+            "lead": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Lead text (alternative for lead slot)"
+                },
+                "attribute": "lead",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "date": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Date"
+                },
+                "attribute": "date",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "contentSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"XS\" | \"S\" | \"M\" | \"L\" | \"XL\"",
+                    "resolved": "\"L\" | \"M\" | \"S\" | \"XL\" | \"XS\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Which size of teaser it is"
+                },
+                "attribute": "content-size",
+                "reflect": false,
+                "defaultValue": "\"M\""
+            },
+            "imagePosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"top\" | \"right\" | null",
+                    "resolved": "\"right\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether image is on top or on the right"
+                },
+                "attribute": "image-position",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "stzhClick",
+                "name": "stzhClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Click event (if href is used)"
+                },
+                "complexType": {
+                    "original": "StzhPiTeaserLayoutItemClickEvent",
+                    "resolved": "{ component: \"stzh-pi-teaser-layout-item\"; originalEvent: MouseEvent; href: string; }",
+                    "references": {
+                        "StzhPiTeaserLayoutItemClickEvent": {
+                            "location": "import",
+                            "path": "../../../index",
+                            "id": "src/index.ts::StzhPiTeaserLayoutItemClickEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=stzh-pi-teaser-layout-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stzh-pi-teaser-layout-item.js","sourceRoot":"","sources":["../../../../../src/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserLayoutItemClickEvent } from \"../../../index\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-teaser-layout-item\",\n  styleUrl: \"stzh-pi-teaser-layout-item.scss\",\n  scoped: true,\n})\nexport class StzhPiTeaserLayoutItem {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Dateline */\n  @Prop() dateline: string = \"\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Image source link */\n  @Prop() imageSrc: string | null;\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Date */\n  @Prop() date: string = \"\";\n\n  /**Which size of teaser it is */\n  @Prop() contentSize: \"XS\" | \"S\" | \"M\" | \"L\" | \"XL\" = \"M\";\n\n  /**Whether image is on top or on the right*/\n  @Prop() imagePosition: \"top\" | \"right\" | null;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiTeaserLayoutItemClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-teaser-layout-item\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n    return (\n      <div class=\"stzh-pi-teaser-layout-item__title-wrapper\">\n        <Heading class=\"stzh-pi-teaser-layout-item__title\">\n          <TitleLink\n            ref={el => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-teaser-layout-item__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>{this.heading}</div>\n          </TitleLink>\n        </Heading>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead;\n    console.log(\"imageSrc: \", this.imageSrc, \" & imagePosition: \", this.imagePosition);\n    const hasImage = !!this.imageSrc && !!this.imagePosition;\n    console.log(\"hasImage: \", hasImage);\n    const displayLead = this.lead;\n    // ? this.truncateLead(this.lead, this.contentSize == \"XL\" || this.contentSize == \"L\" ? 260 : 160)\n    // : \"\";\n\n    const classes = {\n      \"stzh-pi-teaser-layout-item\": true,\n      \"stzh-pi-teaser-layout-item--has-lead\": hasLead,\n      \"stzh-pi-teaser-layout-item--has-image\": hasImage,\n    };\n\n    return (\n      <Host has-lead={hasLead} has-image={hasImage} image-position={this.imagePosition} content-size={this.contentSize}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {hasImage && (\n            <div class=\"stzh-pi-teaser-layout-item__image\">\n              <img src={this.imageSrc} alt=\"Example image\" />\n            </div>\n          )}\n\n          <div class=\"stzh-pi-teaser-layout-item__wrapper\">\n            <div class={\"stzh-pi-teaser-layout-item__text\"}>\n              {this.dateline && <p class=\"stzh-pi-teaser-layout-item__dateline\">{this.dateline}</p>}\n              {this.renderHeading()}\n              <div class=\"stzh-pi-teaser-layout-item__lead-wrapper\">\n                <div class=\"stzh-pi-teaser-layout-item__lead\">{displayLead}</div>\n              </div>\n              {this.date && <div class=\"stzh-pi-teaser-layout-item__date\">{this.date}</div>}\n            </div>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,70 @@
+import { createComponentStory } from '../../../utils/story-utils';
+import { withActions } from '@storybook/addon-actions/decorator';
+import readme from './readme.md?raw';
+
+import { getFigmaLink } from '../../../../figma';
+
+const COMPONENT_NAME = 'stzh-pi-teaser-layout-item';
+const story = createComponentStory(COMPONENT_NAME);
+
+const TEMPLATE = `
+<div style="height:100vh">
+<stzh-pi-teaser-layout-item>
+</stzh-pi-teaser-layout-item>
+</div>
+`;
+
+const TEMPLATE_WITHOUT_IMAGE = `
+<stzh-pi-teaser-layout-item>
+</stzh-pi-teaser-layout-item>
+`;
+
+export default {
+  title: 'Components/CMS/PublizistischeInhalte/PiTeaserLayoutItem',
+  component: COMPONENT_NAME,
+  parameters: {
+    stzh: {
+      activeTheme: 'stzh-theme-pi-lemongrass'
+    },
+    layout: 'padded',
+    actions: {
+      handles: ['stzhClick']
+    },
+    docs: {
+      description: {
+        component: readme
+      }
+    },
+    design: {
+      type: 'figma',
+      url: getFigmaLink('7980-306604'),
+      allowFullscreen: true
+    }
+  },
+  decorators: [withActions]
+};
+
+export const WithImage = {
+  render: (args) => story(args, TEMPLATE),
+  args: {
+    href: '/travel/japan-guide',
+    'image-src': 'media/images/example2.jpg',
+    dateline: 'Travel',
+    heading: 'Top 10 Hidden Gems to Visit in Kyoto',
+    lead: 'A new model developed by MIT.',
+    date: '05.05.2024',
+    'image-position': 'top',
+    'content-size': 'M'
+  }
+};
+
+export const WithoutImage = {
+  render: (args) => story(args, TEMPLATE_WITHOUT_IMAGE),
+  args: {
+    href: '#',
+    dateline: 'Spitzmarke',
+    heading: 'H3: Content title lorem ipsum dolor H3: Content title lorem ipsum dolor',
+    lead: 'P1: Die Sanität von Schutz & Rettung zählt zu den grössten Rettungsorganisationen der Schweiz. Sie ist in der Stadt Zürich, auf dem Flughafen und in 22 der Stadt Zürich, auf dem Flughafen und in 22 em Flughafen und in 22 der Stadt Zürich, auf dem Flughafen und',
+    date: '09.04.2024'
+  }
+};

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: 'fd756d25f714586291f6257e067cdcb3a71d9962' }, h("a", { key: '680220b5958f56db3453c7e6700e3897d4c1d127', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '8fe3116fe188503fd750d2fcc895cc4a03fd461a', class: "stzh-poicard__content" }, h("div", { key: 'dcc00fe19a6f5426888b0ca8a87eb9a8011d1783', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '6c17f47680bab5f9091bcd2a2a42ae03e84272c9' }, this._item.title)), h("div", { key: 'dbf7996c15c0d651018479d2a4cd436c110220a8', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: 'bab8ab3fccdf82457e4383d263015e3e25bf0742', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'b146c076f1c6aa520a6c0eaf6a606a785deba4ab', name: "pin" }), h("stzh-text", { key: '0e41396cf91bff05276fe9da042a5ec97d9676f5' }, this._item.distance))), this._item.temp && (h("div", { key: '2741d9d23e1ccd37e9862ce27d305dbe3b51de5c', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'ba125601a25778d381883e447efffcc3ce8e6ad2', name: "thermometer" }), h("stzh-text", { key: '29ed34c8dd36617a94dc0b9abf0d433be4471b3d' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: '58ce3646878980ba7dc7a4286472c641f2415238', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: '25bb8733b1641ba78b1b3088b9e1387f615692bd', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: 'cab5f3bd34c3db3385bb9352af35c53ca61eb412', 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: '7d648ed46e8481ca8aaec8d2b37d44954b1a4de1' }, h("div", { key: '80559e594a82d6d7671165d3cf2add6f1d6ea8ac', class: classes }, h("stzh-overlay", { key: '2ee98f49b657df61a1e3e8dd890cb60ee465a9c9', open: this.isLoading }, h("stzh-loader", { key: '2af6824f0565b9a6c3a5585abf549cd3361b2637', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: 'db6a3140e58c0e3d5f18194f81154f217130eb22', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: 'b1c3ee7415f8c7bb7ef505c574a061d7f9ffb4da' }, h("div", { key: 'eba2dd1034a949af1b1421a2144834415179f0ac', class: "stzh-poilist__header" }, h("stzh-text", { key: 'ad8881c73de849cd8d4351c1969ab461d3948a7b', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), h("stzh-dropdown", { key: '453c84cd239904f33cc469dd5b20ade08a4592e4', 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: 'bfcc59f45401faab89a930b37888f5a01c829390', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: '54d2983e728c727933dde485bdf5ba5fa1dae2f6', class: "stzh-poilist__show-more" }, h("stzh-button", { key: '51d5a36230815c9982b182bfaec5e23ae9da9d56', 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: '98e917d37294b13b41b4e89fda2061a247989602' }, h("div", { key: '63268633fbfb48e73cc4ba01061039e6ec03c57e', class: classes }, h("slot", { key: '028f44aedf5543913b6a12478b7d586587c84183' }))));
+        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: '442d6060b1f8c5aaf68996ea8d7450721fe02d00', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '8a0667245417c0ca497cbd6ff22808f44af7d37f', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'f3ba90b6b3f2b2696c7a368e4820bb9db7dd3ad8', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'dffb5098a90bdddde71ddca8ccd284106de2d4e3', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), h("slot", { key: 'cc868f163c9add4f201fb90e456ead901f9e7d41', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'b6a01eba2908e4cebaee077d2b61608580757652', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: '4c17ec7d067726d86e38412b9810f005a2f57645', 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: '3cd26189269d5cbcf7c0981f128dc7751d27fbf8' }, h("div", { key: '7a17846c958c42f353015c69e212d38f9718e120', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: 'ed3054ebbed9c21e66019df437116fb023db3ffc', class: "stzh-search__filters-aside-inner" }, h("div", { key: '335a4e3d75772ac25674c57355dfda6ebb5ea5c2', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'f92f5d74519ee4d976e04bb071d46ce9c6794a8d', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '84fd028ee320f97c4b44a4b13135fb562c61c198', 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: 'b0472beb0c2098d6133e811398314ed11e433cec', slot: "content" }, h("slot", { key: '03c4e69683c370aff5385ce197ef7c9494d6886d', name: "filters-aside" }))))))), h("div", { key: 'b916f2deefd605c422b0eba1ca87e2536bb91cb1', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: 'a004d4ea54292cdd436cfc63c987ae168c0064a9' }, 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: '6f2d60547dcd69a7881dfaf60e07802d8f9418cc', class: "stzh-search__error" }, h("stzh-message", { key: 'a6c01b196095a68a2fad3f336668ad3a6223bc05', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'f76121a46298724a9496cd7b4a81ce3d736aee34', class: "stzh-search__loader" })), h("slot", { key: 'd46f8cbbfaa37fd39899c5f370b3b16500d027d4' }))));
+            })) }))))), 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: '99d523a3bf63a9074c2d77d76c49bbfa4f75e79e' }, h("div", { key: '8010ca85acec35a2c2bf4f81b866d93be008f024', class: classes }, h("stzh-datalist", { key: '0538cddd5a2d6eb4df76c139c4ac75a4beb2b756', 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: 'f63fa8b0999772f03750cbe8820ee7f1add5cc6f' }, h("div", { key: '149155fb348da1ee1a575fdc33a4372cf2dce718', class: classes }, h("div", { key: '687dd31ff7d07997fa9581fbc2fbca22905f7052', class: "stzh-socialmediastream__heading" }, !!this.heading ? (h("stzh-heading", { level: this.headingLevel }, this.heading)) : (h("slot", { name: "heading" }))), h("div", { key: 'cebd9bc1a551b4ef811c03318ec6144c313d11ff', 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: 'd3be8327a8166f58d97d2b8f5c66a542b34aba0b' }, h("a", { key: '11181a4a8f10414b15da6e5a635854ef59980f84', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (h("div", { key: '4ed5430702a50008b01997e411175a0554e53622', class: "stzh-socialmediastream-item__image" }, h("stzh-ratio", { key: '0bfd90a4d5cb7bdf58d9dd09d7629709ffe13274', ratio: "1:1" }), h("div", { key: '5b2101a8fbf12e22de56d8e5b35bebb45033f97b', class: "stzh-socialmediastream-item__image-inner-wrapper" }, h("img", { key: '80a813a49539eb7780a4cfc36fae537316fea182', src: this._item.image, alt: this._item.account.title })))), h("div", { key: '8fce0eb2f57cae1b403a7b2d4b022d5c7e8d748b', class: "stzh-socialmediastream-item__content" }, h("div", { key: '7949ab547abe45b67a623dc2703d27b3973cecf1', class: "stzh-socialmediastream-item__content-head" }, h("stzh-text", { key: 'e6d52db80ef508c72bbf2c6cc365e72559a98bc8', size: "nano", class: "stzh-socialmediastream-item__content-title" }, h("strong", { key: 'cb763aa9a4d827ffc1781b1972fa7a0128a34b43' }, this._item.account.title), h("br", { key: 'd602e8ea46edcfec240e129a7bc2f1424d2ab68b' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), h("stzh-icon", { key: '7a187adf9ef4ba2335a555169c480d64eca22410', name: this.getIconName(this._item) })), h("div", { key: '9468d052b21a0dcc603aafacb7f738f48733936f', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), h("div", { key: '55ae3bef43d7c3710940eea457d03c44e4179e23', 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: 'b048d44b8cdf23ae54600c02988dcb8a92af1c1d', single: isSingle, "image-position": this.imagePosition }, h("div", { key: 'c7a94f3827ae9d6b713e6b14b9182610300c9318', class: classes }, h("div", { key: '8464f591f604ce8a3b32d8a6149ea10ba44d0d76', class: "stzh-textandimage__left" }, h("slot", { key: '0405f5108e24821524c0fe013c68c7503a0056cb', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '07f0cfe69a45527f16dd381543c1f33ed7444f1e', class: "stzh-textandimage__right" }, h("div", { key: '70177315414f568da413ff9b60a3b5fe7aad5311', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: 'abd388c79f1e36f74c28015e88e91d969dfe2645', 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: 'c28f76996890fa489fa70653d0f12cdbb020d584' }, h("div", { key: '01c0674fd8b41c24dd95748f97212e54d8cd7d71', class: classes }, h("div", { key: 'bd3f15c9fa0eff5aed6062151aed31bb30c2140b', class: "stzh-twocolumns__left" }, h("slot", { key: 'bfb2e87c7f903a4264bdbc69da8c6608fc8a6adf', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '000ef53649e8fb1dbecf9813e89ee13d5aa540f5', class: "stzh-twocolumns__right" }, h("slot", { key: '37baf79fb1e12ee1656b44c5ac307080ce7e2efa', 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: '036dce09e96b0c493df6617bd953cc8c12287963' }, h("div", { key: '1d7782075625fe926db58dfd3d7c3323347b9d0e', class: classes }, this.heading && (h("div", { key: 'ba8b2c26529add7113e590aad16b04f4c0e43ea6', class: "stzh-accordion__heading" }, h("stzh-heading", { key: 'b70a3f7164aef2fd835a242bdf151bf85cf50ba9', level: "2" }, this.heading))), h("slot", { key: 'bec87be62bb24c5abe0072eaec3b777eb409b494' }))));
+        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: '61514fa28a1ca259af4ff2de3d72275e95239fc2', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: 'fa26849b917c3a286414c4ad4cb0d1c18bed001c', class: classes }, h(Heading, { key: 'e1c8c628271db445f973a6c37ded9617b046eb87', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: '425d569fe25e1aac4bd94f5df74abb3770991d28', 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: '707db12ff7972c66db1839e60d9c6ca9b354e462', 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: 'ce9bff58b26adf7d53c79cac0579d81ea512ee34', class: "stzh-accordion-item__button-text" }, h("span", { key: '89c14682bec0972a14133642cff2435185c31ff3', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: '6de37e921ff86fa89ed020c9cfaa460f94d3c402', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: 'deadfc4cba8a93d4db9d01b5414940e79e1fc60c', 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: 'd57f5c7ca47f533c5db226f9992d29850916f1c5', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '0df6c426a4b9954eeb892024d45c9b00403f8f9a', 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: 'ea23df78bab0aa4e6a2188f138d9192f9b72b4b3', class: "stzh-accordion-item__content-inner" }, h("slot", { key: 'b253b9f2d883f2e58265600a5c76ab6c9108a1f4' }))))));
+        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: '90ca293975b146dde80f0d7767ec5802dab4f4a1', "space-between": this.spaceBetween }, h("div", { key: '8ca35fba8b6fccf079a59fc81dacaf28c2b4ccc7', class: classes }, h("div", { key: '08d4b8e5b2a683415a7e805296035144fbe529ab', class: "stzh-actions__actions", role: "group" }, h("div", { key: '7b17f0075a7c63412d57f47c8aac6e55f8661b74', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '12f80addb23694e7d88562fa56339a5b104d2ad0', name: "tertiary" })), h("div", { key: 'f1b13f1132199dcec7c911bb217068583a3d736e', class: "stzh-actions__wrapper" }, h("div", { key: 'c1b1243cfad88238df6a2984953179f2217b28d3', class: "stzh-actions__secondary-actions" }, h("slot", { key: 'be62602ec7736c7eb67a1b1f441507934a70b02b', name: "secondary" })), h("div", { key: '95361bd236da42b25f9f0005a0faa95d9df3f50e', class: "stzh-actions__primary-actions" }, h("slot", { key: '0d966a259fcb00a99d168e600508f1c62fed0aae', 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"; }