@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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: '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))))));
+    }
+    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: '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 })))))))));
     }
     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: '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 }))))))));
     }
     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: 'a80e391b692ee489cd4f53f98b1228f7aa09bfa3' }, h("div", { key: '9e96dc6264374944694681040e85e73480599f4a', class: classes }, h("slot", { key: 'e49ccc933f9cdba5dfaeffa5eaba8c66f929df07' }))));
     }
     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: '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 => ({
                 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: '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' }))));
     }
     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: 'ed9d18d586865d44a1e0e517d35ea4e478c0a6d7' }, h("div", { key: '5ae374ef725722c1a746ac224228f25eb57d450f', class: classes }, h("stzh-datalist", { key: '9031c091fe44ac799b915bc1a9634ddc314f95b1', 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: '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 &&
             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: '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 &&
             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: '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) }))))));
     }
     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: '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) })))));
     }
     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: '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' }))));
     }
     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: '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' }))))));
     }
     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: '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" })))))));
     }
     static get is() { return "stzh-actions"; }
     static get encapsulation() { return "shadow"; }