@oiz/stzh-components 4.5.0 → 4.6.0-beta2

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

@@ -11,7 +11,7 @@ export class StzhLoadingbar {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (h(Host, { key: '618c7387e09df768a28d68091e7f98839f6ebc42' }, h("div", { key: '751320265f35099e110ac3dccc86c6ff00419c16', class: classes }, h("div", { key: '18b44163ea2c8d8a76aee80ed3f7b1ca6b196099', class: "stzh-loadingbar__text" }, this.label && h("div", { key: '1ae9c5fda3e838309ab595b39e602058e2914496', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: 'ce8339abb37ce97317536f9b01ce44186f77d427', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: 'ca315ba421844e27f635691f6444c64c8813ed78', class: "stzh-loadingbar__bar" }, h("div", { key: '7f6fd7e37dfa226f4a0d9493e673255b70d93a85', class: "stzh-loadingbar__bar-inner", style: {
+        return (h(Host, { key: '9fb83f0f84b7e1122988fc7162c2584032b49a5e' }, h("div", { key: 'cd8277406c62d6b826a8f41bf715baac63112d53', class: classes }, h("div", { key: '601f773df756d7417af0754f789a1f61c4e72459', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'a5f79009f2ba53f2f37a615904e9555318f78eb6', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: 'dfc1528fc85ab9f2af4400ab642dee701b49e94a', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '0b2bc12a02edafb60196fb54751ea7cad393fb9e', class: "stzh-loadingbar__bar" }, h("div", { key: '85b2417ce3f93ddde727d6dd10d76d9dc12fa953', class: "stzh-loadingbar__bar-inner", style: {
                 width: `${this.percent}%`,
             } })))));
     }

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class StzhMenu {
     render() {
-        return (h(Host, { key: '0d031ce5a945732bb65570b4b9b96cfde17a9c35', role: "menu" }, h("div", { key: 'e883158579a69808d31482378e54d66425b4876f', class: "stzh-menu" }, h("slot", { key: '97fd22afb8cee839109a0b80f1f53c622b72f863' }))));
+        return (h(Host, { key: 'e65fc52c84693965e8a4f5a8320f60a7356e1661', role: "menu" }, h("div", { key: '9e7b01735c0f3b6a0b8b01f593912fb10fe3a15f', class: "stzh-menu" }, h("slot", { key: '9603fe2760a47019a8d5d43826d8eaa30390e81b' }))));
     }
     static get is() { return "stzh-menu"; }
     static get encapsulation() { return "scoped"; }

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

@@ -80,7 +80,7 @@ export class StzhMenuItem {
             [`stzh-menu-item--size-${this.size}`]: !!this.size,
             [`stzh-menu-item--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'a7e424eb94f2897feb0862294c622e7741ca7b97', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (h(Host, { key: 'e515fdca2d1a78fc434dc09d425e845fca34ec16', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     static get is() { return "stzh-menu-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -39,10 +39,10 @@ export class StzhMessage {
             "stzh-message--has-close-hidden": this.hideClose,
             [`stzh-message--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '267c7e609677ca54b45142e5f056d28f711cdd9f', hidden: !this.open }, h("div", { key: '56a67b7c79fc1817e396b59e3b4181e0d65f3e24', class: classes }, h("div", { key: '35f09d647f2f25896d32488ec68df4923a6dcea4', class: "stzh-message__content" }, h("div", { key: '5bb473fb68a4485f83a09f5d67d6dba536cc48ae', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '804e2b7eaa18ae9944830323f69bdf721ee3e8d8', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        return (h(Host, { key: '2b8dc6ea34859cbb2ec97a5050e302c4abb6950d', hidden: !this.open }, h("div", { key: 'db8a69b709fdf2744e5539a4a73450572f421ffb', class: classes }, h("div", { key: 'd5d0cee42e708c3023b08e5ff8bb19ce069115fd', class: "stzh-message__content" }, h("div", { key: 'e8bac8afe7becaa1c1e2e7c6547693baa61ac3c9', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: '85e21a2325335da337918af004be529a6ccc8b3a', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: 'fbaae9b83b1a6ea0ca6266ff0f5d319d62a50c2a', class: "stzh-message__text-wrapper" }, h("div", { key: 'e3eac8a185112ffc1e045946bbd7c00c6c132dca', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '3b99a5d3e8ce1eb7fe4be442012c7308033cbacc', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '216e5dfbd5c74e12d71e3c91380aa3dd00cef027', class: "stzh-message__link" }, h("slot", { key: 'c5b5faa346a93b88474c4d91a62af304a5b80cd9', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '204ff573366df41346ec409165b55aad3b8f25bb', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: '573458dff14060a35d607a7145e6689edf4851e6', class: "stzh-message__text-wrapper" }, h("div", { key: '348e43408a997b4852bca789a49da5db02a9c5ab', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '9060751b5a99c6291618d876008c078e224e36fd', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '274a4a61335cf8f8aeb378270c7bae204f35f28e', class: "stzh-message__link" }, h("slot", { key: 'c5b42563deef2f30a6b8bf16c7e3e6ca7f7013a1', name: "link" })))), !this.hideClose && (h("stzh-button", { key: 'ea83e74ca6bb1f26fea215449edee56d47e1120a', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
     }
     static get is() { return "stzh-message"; }
     static get encapsulation() { return "scoped"; }

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

@@ -191,7 +191,7 @@ export class StzhMonthyearpicker {
         const classes = {
             "stzh-monthyearpicker": true,
         };
-        return (h(Host, { key: '36c159a287ae1cf63e611e5e44a3a3073e3a5386', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c541529d09923b821f2923ec5598a637dea89a87', class: classes }, h("input", { key: '1b184e6567a05691c680292fc2e66ebb2bb2acfc', type: "hidden", name: this.name, value: this.value }), h("div", { key: '6efd5586afe0db082f3a605152c2bfc7d1385ba8', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'e5dd68a4aac50e95dacd7bff5098f8cdfb613b41', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: 'f55009ba7e82afc3712469f36fd62873d53c52cc', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '32ebf24f44cff511a430369abc35043cb02d80cb', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
+        return (h(Host, { key: 'eba44c9f88fe3fa74d87a7981034e157559b61ba', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '46e3134928c73452993808b293f89112e1fcf71b', class: classes }, h("input", { key: '2849c42a5eef497bad5f5d904a8d72665c7671f8', type: "hidden", name: this.name, value: this.value }), h("div", { key: '2d1932ee3a82185d8da0e8de8a1591c5347582c3', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'a671562dff236ace3f5c4cea6e8a28ae6f3469d4', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), h("div", { key: '7669fda5c59e27c793e04fd63d2e9b90abb96924', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '7f2b5ca4a7ec87b7964c89f125ecc079011acc41', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
     }
     static get is() { return "stzh-monthyearpicker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-offline-indicator/stzh-offline-indicator.js

@@ -90,7 +90,7 @@ export class StzhOfflineIndicator {
         const classes = {
             "stzh-offline-indicator": true,
         };
-        return (h(Host, { key: '1c551c99ced3a627999deddb807874496d6ba0a0', "is-offline": this.isOffline }, h("div", { key: '46adcd961c00db05812bb8f8cf9916fbc69afb38', class: classes })));
+        return (h(Host, { key: 'f2839774390e99ecf7e889dbdee76cc34d98fc60', "is-offline": this.isOffline }, h("div", { key: 'e0001ee7bc12fc8772aca2d2f6247e186c35d632', class: classes })));
     }
     static get is() { return "stzh-offline-indicator"; }
     static get encapsulation() { return "scoped"; }

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

@@ -830,7 +830,7 @@ export class StzhOlmap {
             "stzh-olmap--has-no-print-control": !this.printControl,
             "stzh-olmap--has-location-control": this.locationControl,
         };
-        return (h(Host, { key: 'e3dcaa84f585422a2b9dcb4202958c63c4c55759' }, h("div", { key: 'e94097970244edad65ee79c6079f73adf19fe2df', class: classes }, h("div", { key: '2d93761f276134c2962862730139202eaab6e624', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '75e23dcb13b0f370bc92eb587ea56faba85cc4da', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
+        return (h(Host, { key: '9517c971b6ec79d7de68bd6016a5fc1c6160d77e' }, h("div", { key: 'd43fa25c26069487f74cb7c44f714a1da4438d92', class: classes }, h("div", { key: 'f3d124346d2fabb508b92192071fd72047f7d36c', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '921b59e2f68ca6dd25973f7db7fea94d9b86c4c6', ref: el => (this.popoverElement = el), class: "stzh-olmap__popover" }))));
     }
     static get is() { return "stzh-olmap"; }
     static get originalStyleUrls() {

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

@@ -24,10 +24,10 @@ export class StzhOverlay {
         });
     }
     getSiblings() {
-        if (!this.parentElement) {
+        if (!this.containerElement) {
             return [];
         }
-        return Array.from(this.parentElement.children).filter(child => child !== this.element);
+        return Array.from(this.containerElement.children).filter(child => child !== this.element);
     }
     disableSiblings() {
         this.getSiblings().forEach(sibling => {
@@ -57,7 +57,7 @@ export class StzhOverlay {
         if (!this.stay && this.element.parentElement !== document.body) {
             document.body.appendChild(this.element);
         }
-        this.parentElement = this.element.parentElement;
+        this.containerElement = this.element.parentElement;
     }
     componentDidRender() {
         this.open ? this.dialogShown() : this.dialogHidden();
@@ -79,7 +79,7 @@ export class StzhOverlay {
             "stzh-overlay": true,
             "stzh-overlay--is-open": this.open,
         };
-        return (h(Host, { key: 'c148ee174114e804d4d3c9072ee33dc48f0a8979' }, h("div", { key: '5cdad3816a30c501023929a7d5b012ca2b7ac29b', class: classes }, h("div", { key: '91a4c1706f8ab761efbeacb1bf677e0f6fe955fd', class: "stzh-overlay__backdrop" }), h("div", { key: 'b9de6d532deeb66bcde5c8320609e6dde3d5f793', class: "stzh-overlay__content" }, h("div", { key: 'a07584a8f910017ba3f8b1e8de9250726bf2f41e', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: 'cc2c369527c89cfbd1632f277af198b0ec4e2642' }))))));
+        return (h(Host, { key: 'ecf12312007b68fc63a119117f11773731dbcb6e' }, h("div", { key: '4b84acbf2340b2f7bfbbe8930cad0179ba50c54c', class: classes }, h("div", { key: '6120e6e784d08c0028d2762f879399298bd8bf4d', class: "stzh-overlay__backdrop" }), h("div", { key: '5938b8f6a6a4e159779b7f80fca9da33cce4127e', class: "stzh-overlay__content" }, h("div", { key: 'e9179f65a210c8ad28edffa0b41cc4d36e4570a8', class: "stzh-overlay__content-inner", ref: el => (this.dialogElement = el), tabindex: "-1", role: "dialog", "aria-label": this.a11yLabel || null, "aria-hidden": this.open ? "false" : "true" }, h("slot", { key: '60a991f14946a9349ca71f0e8cdda9c37d8a1e6d' }))))));
     }
     static get is() { return "stzh-overlay"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-overlay/stzh-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-overlay.js","sourceRoot":"","sources":["../../../../src/components/stzh-overlay/stzh-overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from \"@stencil/core\";\n\nimport { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from \"../../index\";\n\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-overlay\",\n  styleUrl: \"stzh-overlay.scss\",\n  scoped: true,\n})\nexport class StzhOverlay {\n  /** Whether overlay is open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Accessible label for dialog */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string = \"\";\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhOverlayOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhOverlayCloseEvent>;\n\n  @Element() element: HTMLStzhOverlayElement;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  private trap: FocusTrap;\n  private parentElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private getSiblings() {\n    if (!this.parentElement) {\n      return [];\n    }\n\n    return Array.from(this.parentElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.parentElement = this.element.parentElement;\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-overlay\": true,\n      \"stzh-overlay--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-overlay__backdrop\"></div>\n          <div class=\"stzh-overlay__content\">\n            <div\n              class=\"stzh-overlay__content-inner\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-label={this.a11yLabel || null}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-overlay.js","sourceRoot":"","sources":["../../../../src/components/stzh-overlay/stzh-overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from \"@stencil/core\";\n\nimport { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from \"../../index\";\n\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-overlay\",\n  styleUrl: \"stzh-overlay.scss\",\n  scoped: true,\n})\nexport class StzhOverlay {\n  /** Whether overlay is open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Accessible label for dialog */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string = \"\";\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhOverlayOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhOverlayCloseEvent>;\n\n  @Element() element: HTMLStzhOverlayElement;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-overlay\",\n    });\n  }\n\n  private trap: FocusTrap;\n  private containerElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private getSiblings() {\n    if (!this.containerElement) {\n      return [];\n    }\n\n    return Array.from(this.containerElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.containerElement = this.element.parentElement;\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.dialogHidden();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-overlay\": true,\n      \"stzh-overlay--is-open\": this.open,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-overlay__backdrop\"></div>\n          <div class=\"stzh-overlay__content\">\n            <div\n              class=\"stzh-overlay__content-inner\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role=\"dialog\"\n              aria-label={this.a11yLabel || null}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n            >\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -66,7 +66,7 @@ export class StzhPagination {
             "stzh-pagination": true,
             [`stzh-pagination--size-${this.size}`]: !!this.size,
         };
-        return (h(Host, { key: 'f4425d3383a307fbab8434dadef64868c6f92a10', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '7512a5623975407f168b458ce2e206d0f8eb9a40', class: classes }, this.allowManualInput ? (h(Fragment, null, h("stzh-input", { class: "stzh-pagination__input", type: "number", min: 1, max: this.total, label: this.label || this.localization.label, labelHidden: true, ref: el => (this.input = el), onStzhChange: this.onInputChange, value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || "", required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: true, noAutocomplete: true }), h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), h("stzh-buttongroup", { key: '70c4a369ef2aeadaeaf96da2ddef3dfa4f0be08c' }, h("stzh-button", { key: 'd97d97368ddcfef49b0d57fceded01089406a4b7', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), h("stzh-button", { key: '756c6f2deff89a26f5eae78ec236aa86dfbfbb0d', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
+        return (h(Host, { key: 'd57d694f339308950c600ed52c4e220b367a551f', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'a69ea143898c3a211c41cda63feea7679f553a06', class: classes }, this.allowManualInput ? (h(Fragment, null, h("stzh-input", { class: "stzh-pagination__input", type: "number", min: 1, max: this.total, label: this.label || this.localization.label, labelHidden: true, ref: el => (this.input = el), onStzhChange: this.onInputChange, value: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString()) || "", required: this.required, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, a11yDescribedby: this.a11yDescribedby, name: this.name, size: this.size, invalid: this.invalid, hideOptional: true, noAutocomplete: true }), h("div", { class: "stzh-pagination__total" }, this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString())))) : (h("div", { class: "stzh-pagination__total" }, this.value, " ", this.localization.totalLabel.replace(/\{total\}/gi, this.total.toString()))), h("stzh-buttongroup", { key: 'a7c1ac7e26642164aed88c140d90aabd032aaf5a' }, h("stzh-button", { key: '5a306d29b9359615287ebb9ae0d2b34a1d109c75', variant: "tertiary", icon: "angle-left", "icon-only": true, size: this.size, a11yDisabled: this.value <= 1, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.prevLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.prev() }), h("stzh-button", { key: 'e57e1a185af7ee4b6f59d059e2d970b5dfd9fcb3', variant: "tertiary", icon: "angle-right", "icon-only": true, size: this.size, a11yDisabled: this.value >= this.total, a11yDescribedby: this.a11yDescribedby, a11yLabel: `${this.label || this.localization.label}, ${this.localization.nextLabel}, ${this.localization.selectedPageLabel} ${this.value}`, disabled: this.disabled, onClick: () => this.next() })))));
     }
     static get is() { return "stzh-pagination"; }
     static get encapsulation() { return "scoped"; }

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

@@ -323,9 +323,9 @@ export class StzhPanorama {
             text: imageTitle,
         }));
         const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
-        return (h(Host, { key: '0239b3952066af59f6041b26236db080a23ccb0a' }, h("div", { key: '0b872046692908dfc813c6f1f800fda8af7d1bea', class: classes }, h("stzh-figure", { key: 'bb84231fee7fea352a8b7962c3d017b8d686e84d', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: 'fdaeae37626d47f8d0ce8cb1a76898ffd3210d7f' }, h("div", { key: '79c759aa7bd07042715f4f5e756654650a3a3a8e', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'f3dd8596b0c6711060d10e1f9d35e903406d7fbf', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '8cb5beee664516811443042edf284e063186fa89', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: 'ec84da9ea267914c07820b2a7d70135a4a760a67', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: '6d1e159ac1458020e7f3cea59cf2714247b0a0ae', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: '7b3453f65caa37af5e6a227209a2043f4c65caaf' }, h("stzh-button", { key: 'af6697075c085f158b92aebbe3839ca7d4ec99a6', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: '4157878c68cacafd246b6eaf01fe27628cf43f7f', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: '816285cf6b9009ac9a8d8b2f0e3b6f96172ee297', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: 'f4058fff62b8f610fdd46437e35cfbbbfc39ed87', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: '92f7651f9dfc74c3dd878b8076a18eb11aff67b8', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: '478529431ea9d25f2c930766d0498556e18dc864', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: 'baa80c699ba238e8f3fbce666ac8e7aa3f555b90', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        return (h(Host, { key: 'a0e4205ae7cfe0ae2d38d0ce8ca9a4154b92d8bc' }, h("div", { key: '4020962ed7f84328e0d690eacd57dc171200a3e7', class: classes }, h("stzh-figure", { key: '05e64014b90947d214220788d84007c54ed62533', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '435c970233fa3ff709809ccdabdaba41203a4ff6' }, h("div", { key: '7f3cd220acf42b9201a1e3ddf18946279043fd8d', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'f6466f7338384f4753d674dde7b5a00eb82ef324', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: 'b6e11adab5c9cad8e1aad1cb6aff94acdc733ce4', class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), (currentScene.imageAuthor || currentScene.copyright || this.copyright) && (h("div", { key: 'ab59d2ea571d023918e5458bb3cfa5dfe5deffd2', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'bbfd108408228c711d2306eb149fd09bc1304d14', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'eb4ebf27d617f8fec09c7e6e8059eb7feeff9329' }, h("stzh-button", { key: '579d432b9f723f6172e886cb27c3aa3e1ce6f190', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { key: '1bd7d36f93ddc69508e368a00bf088b49006f220', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { key: 'c1957ca01278ecb84a6bf4438c902adc1777851e', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { key: '8f3d2ca0f3ced59550df329582dc1d3d22e07994', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { key: 'fb7b0ffd613af7a39ba5263c6e279f9824e44647', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { key: '21e1118a8845c616ed8b45d8b58516cf06a6dfb0', class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { key: '04ab232818d4976cb1ff4904596e4e765ab8c3a4', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
                 ? this.localization.stopOrientation
-                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: '19f6f2154750c9efabcb9edc918b40282766babb', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
+                : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { key: 'f14391578d80d071ea38c7c7f5c2e983e2eacaae', class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
                 ? this.localization.disableFullscreenLabel
                 : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))))));
     }

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

@@ -443,7 +443,7 @@ export class StzhPopover {
             [`stzh-popover--${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'a19b38c19d77f75a2b730bfb14c48a83397ca1cd' }, h("div", { key: '719be2095d868e54a31371e52dc881ae465e1601', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '343b7469abb2ecd3331c92b6eb389f2d5dfbb323', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'd5d6bb3c2f83f3b1f5b9b5eca9650f43a2edd43e' })), h("div", { key: 'a473883cb7c168c9fa7f2615b7b652eaa1ddaa55', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '09ffed2c8669e592630f4fd2a88e3067005c0376', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: '6940b597a568708e821fb1cfc7e161a2ed079613', class: "stzh-popover__backdrop" }), h("div", { key: 'bb6022a97243803b1f34406c9d6f77ebb4673eef', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: '7071bea44105ad39c9a6a1d1f752073c997ed000', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: '29113d754f000ababccf50b6fc1b63587119a670', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '259491190a868195a7d61dc17badb030707311ee', class: "stzh-popover__content-inner" }, h("div", { key: '69b2af7bba1806824da4a9d6fa6030f2a9625e5e', class: "stzh-popover__label-wrapper" }, h("h2", { key: '57d492779bc3b0586d234785cc887299a543e54b', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: '74521dcdbf31186a297c3e58c185f792a7334c3f', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '771cc1c54f24d7eb663db08f009fc89b8c951501', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'bc69fcf86963638745165d2d0970f31bb2401927', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: '322db085c610328c7d99e1b153e85eff483d9be3', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '4361d0354e844238d002155c6166b2bcd8f48362', class: "stzh-popover__content-slot" }, h("slot", { key: '12ed96107632809aceb5d6201fa31ca5e5cee515', name: "content" })), h("div", { key: '83fbdc7706a5e3f777e4a4f82bb5fe66da17bc7c', class: "stzh-popover__action-slot" }, h("slot", { key: 'c684392837ca341e175d107e8461fa60fb2a9510', name: "action" }))))))))));
+        return (h(Host, { key: 'bf3c5de1c81eccc1bd6f1e81e9a67ee0891a0b03' }, h("div", { key: '06092b05e48cec76046f766606e1f08704c49236', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: 'ce0ffbb1cdc5774cf7de0e04acd2e58c47e5b9fc', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: '72a94a7dbe0b4e53b6e864126c58c0156d46260f' })), h("div", { key: '2bb2064eece8ff755e6cb2f4422216ea124bba37', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '82c662cc99fb2384b00471c42bbdfe417338d18f', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'd5d98e1898556aa1720621fe542e729a881fbc6c', class: "stzh-popover__backdrop" }), h("div", { key: '5d54141fe5e2351887950918bedee2c5ef009a5d', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'b8d9b843594c0dea8d45107b6dff11b6887f2ef8', ref: el => (this.dialogElement = el), class: "stzh-popover__dialog", role: "dialog", tabindex: "-1", "aria-modal": "true", "aria-labelledby": this.label ? `${this.id}-label` : null, "aria-hidden": this.open ? "false" : "true", onKeyDown: this.handleKeydown }, this.variant === "tooltip" && (h("div", { key: 'e46cb59be6d5122fa2a2e4e18e6697dc80075ea4', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '5da30671a79bbacd5ea0dff7dc870cb693d5f9d1', class: "stzh-popover__content-inner" }, h("div", { key: '531e5bb05101cea561c650222b63ce1d477fe4dc', class: "stzh-popover__label-wrapper" }, h("h2", { key: '7ebebe503d3a54acc111a4b53e1488a647fbe089', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'e6359280b3ec0db2ded553afbabd065585df2a6c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '96a8a6a6aaf9383c199ebe6f7d64f721254d7079', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'aaa0a607d1d2218649a142cae60125a087cfefb5', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: '9e89c6d575ea79aef3091066666bb2ca3b40214e', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: 'c233e13702edf21072bc4ff0b3c57006f763c625', class: "stzh-popover__content-slot" }, h("slot", { key: '53236913f351a7e063a314ee3ac0e741abdfdfff', name: "content" })), h("div", { key: '26af36c6173b54f3f8b2b00f96c257118010cac4', class: "stzh-popover__action-slot" }, h("slot", { key: '19f8eb1a7ccddb2306369cfd8eaeb55119f5dd1c', name: "action" }))))))))));
     }
     static get is() { return "stzh-popover"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class StzhQuote {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: '80f0191a46b9ef842720848f3e03e7aca9ec8732' }, h("div", { key: 'd0b7d3cd84ca330bf7f98ff4d2a17c6de4fbeb44', class: classes }, h("blockquote", { key: '0ff3585baeb20e3a25dcb5c3d4fa5edf408bd823', class: "stzh-quote__content" }, h("p", { key: '7377dccf033ad4e2bdbe9fb129a302bc8fc1b7ce', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'a4dcf2298cbc53916d6945c15a6e0677c24818a0', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: 'ca76977c129c0c25e9233066c5dd9f5d14aac514' }, h("div", { key: '26d9cd5e39d666bb78f4146770c56906a87c90f3', class: classes }, h("blockquote", { key: '3233b3f8484507e16bd3dad67c590700907165c4', class: "stzh-quote__content" }, h("p", { key: 'e8a35fc0149ab1b3dcf5a3e130ad572616fc6c73', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '802f72e6338545b73d5a26a961cc8f4b6a83a924', class: "stzh-quote__author" }, this.author)))));
     }
     static get is() { return "stzh-quote"; }
     static get encapsulation() { return "scoped"; }

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

@@ -121,11 +121,11 @@ export class StzhRadio {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: '2f8fff62a87c26c3a81f42c9141406c719ad61e2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ec176f68fc957a9965f168fb1755c41d247afaaf', class: classes }, h("label", { key: 'f17a7080cdda68f63133764d8f233027bc195255', class: "stzh-radio__field-wrapper" }, h("input", { key: 'b658d1751710374ea66196ff605cbd40c7f47db1', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '499aa68aee3a45dfaa065fbeca6f3bc34d700045', class: "stzh-radio__mark" }, h("div", { key: 'e8f8d4362955378e80cefdb4a9a0fef65c2ecb4e', class: "stzh-radio__check" })), h("div", { key: 'c3dc4b21bdf5d6ea3106e60806f6ce5aa2f46759', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '57dc05a8d644fb76c3fd68c763b340584bf0e9de', class: "stzh-radio__marker" }, h("span", { key: '596577fec87f901690e7aa9a60e75f762288e5f1', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'dbf8b21aff62ac6f5be491da9f776bd582c5d28c', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'eb23bd8a14864cbe0bc5cf612f2c08b68342eb59', class: classes }, h("label", { key: 'e1c6512dd48fd52895d0e8e7e86dcace891a1910', class: "stzh-radio__field-wrapper" }, h("input", { key: '50d32323f0e8d5cc13b707d4f7b8f15ef11f8e83', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '1bf92e53b6c0ef409f22a1db1ece84cf6bc545a4', class: "stzh-radio__mark" }, h("div", { key: 'a62785dd316355109f7ea356fa615ec31b27d507', class: "stzh-radio__check" })), h("div", { key: '3072bc6b20dc92e59aa23f96774aad632050ae2f', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: 'c0d39971566a8339b55596d09f83ae2dfe43041f', class: "stzh-radio__marker" }, h("span", { key: '02d0d416d960f924c96635fdd7bfadd3a4a3191a', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '83c37d88f8f67d8139c17d49de05ba516eeac19f', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '87ab5acf3285e08d28bcc5e31efd788a4895d317', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '0b1f5c9c4afe3f1579a4655f12048630baecac47', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: 'b791dde46aca700c13b08a4b79739e67f2edab42', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -180,11 +180,11 @@ export class StzhRadiogroup {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '8e99dacb2df403dff3b951adbbb682db6aa6426b', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: 'b75b7af62c12da9a88ce74dff622f31f67e53e1f', class: classes }, this.legend && (h("legend", { key: '8ddab774206660de15f74ac22c76a3970f77f19d', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: 'd8d37a3b867318c096a7af40212d1a94afb5032f', class: "stzh-radiogroup__marker" }, h("span", { key: '563a6dc72f321c1bab5de50f1820a3b8b76274ae', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '3740b25eec16d9fad4da5980f3af77f404758ed5', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '378419593f1c8ec674ab05ae5c21d2ac479df47e', class: classes }, this.legend && (h("legend", { key: '9001d54aa5c245ea896e31571022fd3a2cfe689c', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '43daa7ee9ed341ec99d2296693093fa58bf0974a', class: "stzh-radiogroup__marker" }, h("span", { key: '368c20f2f5549f3c8fe9cdea1651756fd101d44f', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'e6572170cdbb8e5d625fb5054d4a971cc0cf4d3b', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '9e2af580b4cf76df2cb23085e9c00d3f4d5b5490', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), h("div", { key: '4cde77b6e7a220b9c83e41468904f5c644b7c1ee', class: "stzh-radiogroup__fields" }, h("slot", { key: 'f861e8ba051d15a78e8bac1098b2fc5c7e60482a' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: 'e269f6d99f4fc24e43163436df61d57828504943', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), h("div", { key: 'cd50cb2242004743ffe6806c21a863ac18189ed5', class: "stzh-radiogroup__fields" }, h("slot", { key: '983b6975197132434ce41131edb29a531e71017b' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '1ef57d5d0cf9fcaf96dc368b7f48c4f39acb8c21', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     static get is() { return "stzh-radiogroup"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,7 +16,7 @@ export class StzhRatio {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: '1510cd331194c10f92cf625a667530153ab95377' }, h("div", { key: '8f5a100be3b4852aadbad869c8e7315d9afec751', class: classes }, h("slot", { key: 'b742bae2a8098b1441de9909cc55c8b6c209c478', name: "image" }), h("slot", { key: 'c42417b89532473ccb0ed71aff62017e3a722d28' }))));
+        return (h(Host, { key: 'c95b742deab770caf47711718fce2de79c5b7ca0' }, h("div", { key: '49fcc44f5495ed026c9e6a7956f52bc611d44ad6', class: classes }, h("slot", { key: '7f3dfb5ad0541482f366e91f5930310cb069c11e', name: "image" }), h("slot", { key: '3bba7d1b9df193d59001415a9eed7303a721bf27' }))));
     }
     static get is() { return "stzh-ratio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,9 +192,9 @@ export class StzhReadspeaker {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '1fed775e78e1e5260c9fb94b978f71307c68f4eb' }, h("div", { key: '7536c8e78247039630992718b793b9307f37f58f', class: classes }, h("div", { key: '763eddb095116b79a2c143748b1c001cd0ab2a11', class: "stzh-readspeaker__actions" }, h("div", { key: 'ad3f1b43c42182d6adb2e9f0afdfc5934b5715a0', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'e3f2e74edad1921fca5125844665966a8be0405a' })), h("stzh-button", { key: '15fd73b6999526164c40de6fe7848c1af3cea656', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: '7435eddf95b8cd5c01cdf27e1974db974a4e67c8' }, h("div", { key: 'c7e2e3e8238fe5b2215f2adaf52a4ff97d990fdb', class: classes }, h("div", { key: '2f57daeb37d5e749019f5ac70218205cebcddb81', class: "stzh-readspeaker__actions" }, h("div", { key: 'e2de1d5e341a2400c1ad5368e96b4a99060db155', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'ae15fb192a99364c47759e8bd89dc8cd611bef9a' })), h("stzh-button", { key: 'b89502ea1f4f2caac5bf26ea727395cc92445cca', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: '4a4a50236cefa8259622b9820f97b24c294e640c', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2cf2b7b2295cc1628d727fb28b073585024ca0c9', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     static get is() { return "stzh-readspeaker"; }
     static get originalStyleUrls() {

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

@@ -51,7 +51,7 @@ export class StzhRichtext {
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: '54da2ae0999f0c991286cf8080b648fe69419887', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: 'fb1a372009c4c91d1e356034ff91b3672972548e', class: classes }, h("div", { key: '12ed8fa4f3609ee6f99c7d6628584404d0e63021', class: "stzh-richtext__text" }, h("slot", { key: '2dd118fc9c58243f92d7bfde836ccde7bd73318b' })))));
+        return (h(Host, { key: '58827e6fd0fd18dcbf81a4aae2719579097ba3ac', "has-hidden-first-margin": typeof this.removeFirstMargin === "boolean" ? this.removeFirstMargin : true, "has-hidden-last-margin": typeof this.removeLastMargin === "boolean" ? this.removeLastMargin : true }, h("div", { key: '3ce3060ec4a3a1e1b0bc9ff48ad4e1362fd6da8c', class: classes }, h("div", { key: '58d588128f8e5771204c4434a1da6918db80336a', class: "stzh-richtext__text" }, h("slot", { key: '71ab06e20667004000857ea870fcbe685b202c97' })))));
     }
     static get is() { return "stzh-richtext"; }
     static get encapsulation() { return "scoped"; }

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

@@ -14,12 +14,12 @@ export class StzhRow {
         this.content = "start";
     }
     render() {
-        return (h(Host, { key: 'c17143a246be05264d2d7dec1b755cae89835bc7' }, h("div", { key: 'c12389b4017db28ceeb5b2daf8aa58a618a5f058', class: {
+        return (h(Host, { key: 'cb5ba8c2a86bff875abcb4d938b1e451270954ad' }, h("div", { key: '001fa9a443b8b4baa89898cf016a3cad641cc5e2', class: {
                 "stzh-row": true,
                 [`stzh-row--justify-${this.justify}`]: !!this.justify,
                 [`stzh-row--items-${this.items}`]: !!this.items,
                 [`stzh-row--content-${this.content}`]: !!this.content,
-            } }, h("slot", { key: '16cf7b8b3e603cb08dd48b88936576dee4dfe889' }))));
+            } }, h("slot", { key: '6420ccd46fae9fe414fed4b9c3294b495a9cd969' }))));
     }
     static get is() { return "stzh-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,8 +63,8 @@ export class StzhSaptcha {
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: '7a4de4cd03aaca5db4d63f792ad78ed2e91e9708', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '613ce1ef0ead5f018bffb5638292e75b0c3c9afe', class: classes }, h("div", { key: '57528f95fc1ffbd4e02ecd4a27d7a15cdd559e36', class: "stzh-saptcha__box" }, h("div", { key: '8943738b7a358b5cefbadde013ed5630fc076b91', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '6ddf39023f94384f0f04e44959062355fb85c9a5', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
-            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: '997f155023e2b332ae3db3f6601d3a5e804759c3', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
+        return (h(Host, { key: 'ee619ffa2a023006996516ea45a6318667ad0562', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '5313a8fc06b72dce7a3e917e91ea30bc05817493', class: classes }, h("div", { key: '79a4f75803b92eab163339b5e04dc61a33a39307', class: "stzh-saptcha__box" }, h("div", { key: '7895197d71b5b2c121aad2390677620f635c59fb', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'd8fae85a010aef0cafdb2b45a9e152d43660265f', class: "stzh-saptcha__answer", id: `${this.saptchaId}-answer` }, this._numbers.map((number, index) => (h("span", { class: "stzh-saptcha__number" }, number, index < this._numbers.length - 1 &&
+            (index === this._numbers.length - 2 ? this.localization.answerOr : ", "))))), h("stzh-input", { key: '55dfebf4786c62eeacdeb2bcd37919bbbd5734c8', class: "stzh-saptcha__input", label: this.localization.answer, name: this.name, invalid: this.invalid, error: this.error, disabled: this.disabled, value: this.value, onStzhChange: this.onInputChange, required: true, a11yDescribedby: `${this.saptchaId}-info ${this.saptchaId}-answer` })))));
     }
     static get is() { return "stzh-saptcha"; }
     static get encapsulation() { return "scoped"; }

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

@@ -28,7 +28,7 @@ export class StzhScrollup {
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: '294377ad20dac798ff9dcd8319caca6846e666fa' }, h("div", { key: 'c0f66b384e9362bd2239c3131ec147284ca3b1a5', class: classes }, h("slot", { key: '434c2a000bf5775f30466a973cd6832a179a288c', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '4ab02254e94b18e44ad89f8e7382958c738030c9' }, h("div", { key: '25731c368f2aeb959cec2331eeb744bab0051855', class: classes }, h("slot", { key: '74610cc6fd4a16448c665185e2179e6b0883e64d', onSlotchange: this.handleSlotchange }))));
     }
     static get is() { return "stzh-scrollup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,12 +45,12 @@ export class StzhSection {
         this.init();
     }
     render() {
-        return (h(Host, { key: '7fd0c934d834c5ba3e1d3819445194ad4c3808e7' }, h("section", { key: '2d3ab3cf8e027094f84ce58e59b2a1338b6a05fa', class: {
+        return (h(Host, { key: '855ae28229e1857781ba8f3b9a5f800d6fe469f5' }, h("section", { key: 'df3c8b28f1570f4440c09bfe6be9a84bcc088cbd', class: {
                 "stzh-section": true,
                 "stzh-section--is-breakout": this.breakout,
                 [`stzh-section--${this.variant}`]: !!this.variant,
                 [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,
-            } }, h("div", { key: '88f5584174878277b4fac4ded250a8ed8b5c648e', class: "stzh-section__outer" }, h("div", { key: '27e3f07efbb17f98bf5979bf205dccd8e34cdcfa', class: "stzh-section__heading" }, h("slot", { key: '827cb806fc89516d98ef79d0fdcd9ceb65399200', name: "heading" })), h("div", { key: 'bdf857b7d368e11ff0d64cd9cd6368a32b1b678b', class: "stzh-section__wrapper" }, h("slot", { key: '5aa7acc9cd48576f958d511b6979762a7c542624', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: 'e107f0d8aa0b57836d2a430853ef3aa341cf15bf', class: "stzh-section__outer" }, h("div", { key: '9600ec45d884742df11c0d197b6cecb3e05ce06e', class: "stzh-section__heading" }, h("slot", { key: '5c1ca48798cc1e5d25033d81da51959d5b95af4a', name: "heading" })), h("div", { key: '4b9b44f144bae1d348a00ab3c7959bf26960a754', class: "stzh-section__wrapper" }, h("slot", { key: 'fb21898a14cc76e3fff486b041dbd6cd77ed56a1', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
     static get is() { return "stzh-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -80,7 +80,7 @@ export class StzhShare {
                 icon: "xing",
             },
         };
-        return (h(Host, { key: '53eb919fed1d3d5df5938aa69ebb1f3fb2d6ba64' }, h("div", { key: '2f971bd90993f82ba34601c73de6fdfc3c19c324', class: classes }, h("ul", { key: 'cca310ea1c64fd7a107d647c9f1ddae30ea28ef8', class: "stzh-share__list" }, this._services.map(service => (h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
+        return (h(Host, { key: '953a6374b11420683ee0c7372a66824ba5876692' }, h("div", { key: '47bcac823d481ea3e4c217284de45663c7acc362', class: classes }, h("ul", { key: '5d15954e3ace7a8b88e44b7dc6d5b9c9549ebff6', class: "stzh-share__list" }, this._services.map(service => (h("li", { class: "stzh-share__item" }, h("stzh-tooltip", { content: serviceData[service].text, size: "small" }, h("stzh-button", { class: `stzh-share__button is-${service}`, size: "small", variant: "tertiary", iconOnly: true, href: serviceData[service].url, rel: serviceData[service].blank ? "nofollow noopener noreferrer" : "nofollow", target: serviceData[service].blank ? "_blank" : "_self", onClick: serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null, analyticsId: serviceData[service].text, icon: serviceData[service].icon })))))))));
     }
     static get is() { return "stzh-share"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,9 +53,9 @@ export class StzhShow {
     }
     render() {
         const timeNow = Date.now();
-        return (h(Host, { key: 'bf64c808ce14fa749fed40172435916356a217c2', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
+        return (h(Host, { key: '0911e5b08abf2eaacca16e9184f3472cb1488376', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: 'b4c0382f64e006f81e4728cb725df6b3bd443e29' })));
+                this.closedByCookie }, h("slot", { key: 'dbde94ad68675f0cf078aad316a4f11bdab198a5' })));
     }
     static get is() { return "stzh-show"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.js

@@ -8,7 +8,7 @@ export class StzhSkinPortalMitwirken {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return h(Host, { key: '2f5015a9105d7974af3e0a9675ec52080157812a' });
+        return h(Host, { key: 'd6ea8cad75a6c50ef130d92be33ee31f3b38452d' });
     }
     static get is() { return "stzh-skin-portal-mitwirken"; }
     static get originalStyleUrls() {

package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.js

@@ -8,7 +8,7 @@ export class StzhSkinStorybookPreview {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return h(Host, { key: 'd4dda5d590bf56a68b471658844cf533c47d1f2b' });
+        return h(Host, { key: '2a5754f8b76ac12ae0258cea79ff59238be49289' });
     }
     static get is() { return "stzh-skin-storybook-preview"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class StzhSkiplink {
         }
     }
     render() {
-        return (h(Host, { key: 'b7cb36af7eb6d3a7f2b71f0556a5ed33da436f68', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '61e0d72ef086c1cb38a7075469fa0b8e5ae5111a', ref: el => (this.link = el), class: "stzh-skiplink", href: this.href, accessKey: this.linkAccesskey, title: this.linkTitle, onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: 'aacea8364c74fc02f3fc8f193efb99da565de4dd', ref: el => (this.text = el) }, this.label ? this.label : h("slot", null)))));
+        return (h(Host, { key: '2cc32ab485def00747fa10e3f6a5e63b4d8e9c95', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '0e67ddd55b601456a6fdd9eefd27b7de369d598c', ref: el => (this.link = el), class: "stzh-skiplink", href: this.href, accessKey: this.linkAccesskey, title: this.linkTitle, onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '3c9ab0157551717152b23d72738a25fab5fd6b44', ref: el => (this.text = el) }, this.label ? this.label : h("slot", null)))));
     }
     static get is() { return "stzh-skiplink"; }
     static get encapsulation() { return "scoped"; }

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

@@ -323,7 +323,7 @@ export class StzhSortable {
             "stzh-sortable": true,
             "stzh-sortable--disabled": this.disabled,
         };
-        return (h(Host, { key: 'ff42878834e103659161fa8fe1125e8f290c69ba' }, h("div", { key: '209df0c0947821ff28b6e4a0a07fbecd62e19a05', class: classes }, !this.disabled && (h("div", { key: '6b702e2919bf91401389870b08dce3363c720894', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: 'f271702521f077ca0d0ab47a8d761af6beedce14', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '6bed399b0231648d1f86393d320c3cf58d7ef4b7', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'a4be5231727ebbad9e25ca0b20f40ac65768d5cf' })))));
+        return (h(Host, { key: '21c77d6d28983804a4cf545d374b9a1eb41a0236' }, h("div", { key: '55646a6aa415acc2b009d4b53855fa570b9c0bee', class: classes }, !this.disabled && (h("div", { key: '122f39898552ed7f916b0235cf627ce9d358d68e', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: '74a75b7d2d0e81461d18d08eeeccfbcab21d755b', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: '02b4eb42e9b83563e163ef7c6ff3cd3a34d3b693', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'fb8654074c73f5a8d3e416562ea90662eed480ac' })))));
     }
     static get is() { return "stzh-sortable"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,12 +16,12 @@ export class StzhSpace {
         this.border = "none";
     }
     render() {
-        return (h(Host, { key: '28c420725b1d837d3242aaa9ad815517eb0aa835' }, h("div", { key: '14c91b56453c70db477c3ba8ec581f01d8ad3c5a', class: {
+        return (h(Host, { key: '1aee1c3c46e69b07d73fecc94a2dc65c2c08e2dc' }, h("div", { key: 'd1129a5d118567250d6ddc95b7ee242d113d6b24', class: {
                 "stzh-space": true,
                 "stzh-space--is-around": this.around,
                 [`stzh-space--justify-${this.justify}`]: !!this.justify,
                 [`stzh-space--items-${this.items}`]: !!this.items,
-            } }, h("slot", { key: 'd879e8352c8d64fd148cdeb97a53e776a13dacdb' }))));
+            } }, h("slot", { key: 'c34e59400131b49a8fbe7b3edd70174edbe9821d' }))));
     }
     static get is() { return "stzh-space"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class StzhStatus {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: '493c2821f5308384fed0513f98299d5cebd19b93' }, h("div", { key: '1241a7b7eecef92b15659259755c9d3623c148c7', class: classes }, h("div", { key: 'af61e8993a76d1e0406b6f1660821f329f03355b', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '6b936e8bf04d76af4649d2ace751d8a4ba8730e3', class: "stzh-status__dot" }), this.label && h("div", { key: 'd3d3575adefb98308633708edec4d79d31045f21', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: 'b21276c71e8c82ff28a11ef02673835a1c869121', class: "stzh-status__bar" }, h("div", { key: '293bb3f570adb985dd4d7cf24c386e581941b1d3', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: 'e9cc92f6f75972f3bfe8be673d487689a5d0a8b3' }, h("div", { key: 'a770a22ee1af9c8b6b5c1b84cbbfd329f6e9837e', class: classes }, h("div", { key: 'a7160991ae95dc138ea98b5e9f1a3f350af6d464', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '0faf01a0269821949647c31e23575043a1459637', class: "stzh-status__dot" }), this.label && h("div", { key: '7298b6628c58c05a12eecd493bcaab1a368a5ff8', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '23b1d4fd0f1881add941644fff6ddc76a9d3f6df', class: "stzh-status__bar" }, h("div", { key: '10a2842e50349280c79679edeef0506701c61faa', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }

package/dist/collection/components/stzh-stepper/stzh-stepper.component.js

@@ -160,13 +160,13 @@ export class StzhStepper {
             "stzh-stepper": true,
             [`stzh-stepper--index-${this.index}`]: !!this.index,
         };
-        return (h(Host, { key: '605e85922409a5ed3dddbb5108d0202c57c26282', style: {
+        return (h(Host, { key: '9693824652a7886319f7b57cd6a261a395ef29d2', style: {
                 "--steps": this.currentSteps ? this.currentSteps.toString() : null,
-            } }, h("div", { key: 'b919b394fbd8e238a9551fc0a459fec8e6417d91', class: classes }, h("div", { key: '853a5e6f40acceaa31faab64961166082b9d4bed', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index) => (h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
+            } }, h("div", { key: '388736a3753eb43046e346f7153b3d7e5b2d1a18', class: classes }, h("div", { key: '2d1995d68e7fe98859b3bbe58c8b335107a0e392', class: "stzh-stepper__items", role: "list", "aria-label": this.localization.label }, this._data.map((step, index) => (h("stzh-stepper-item", Object.assign({}, this.getItemAttributes(index), { icon: step.icon, disabled: step.disabled, label: step.label, "click-disabled": step.clickDisabled !== undefined ? step.clickDisabled : this.clickDisabled, onStzhClick: (e) => {
                 this.handleStepClick(e);
             }, onStzhDottedClick: (e) => {
                 this.handleStepClick(e);
-            }, class: "stzh-stepper__item" })))), h("slot", { key: '6d4d3b8bf5cca301d964d39f4c5dc524d7368c9d' })))));
+            }, class: "stzh-stepper__item" })))), h("slot", { key: 'd70dd05a1e297ba05e3503b348547d91b2418282' })))));
     }
     static get is() { return "stzh-stepper"; }
     static get encapsulation() { return "scoped"; }

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

@@ -51,9 +51,9 @@ export class StzhStepperItem {
             "stzh-stepper-item--passed": this.passed,
             "stzh-stepper-item--passed-incomplete": this.passed && this.incomplete,
         };
-        const dotted = (h("span", { key: 'cec5d39bb2c68067cd9b20faf4bf8806e1cdd1a3' }, !this.clickDisabled ? (h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
-        const content = (h("span", { key: 'd3c3909987d3d81a634e5e17fcd5308801fe4f88' }, h("span", { key: 'e1647826e5d4f7eed598b8f1f600d29189cb27fc', class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h("span", null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { key: 'a078ac0bcb5d6df53648fa5b019f6ed6e9e3a15c', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
-        return (h(Host, { key: 'e104e36e467bbdfb59b97e9083896a8d940f61aa', role: "listitem" }, h("div", { key: 'b0366d9c0fb622a3708c070656d41e10288132a8', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h(Fragment, null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null)))), this.first && this.dotted && dotted)));
+        const dotted = (h("span", { key: '6ad9c0296692d49c06812713c204fa0321ccc650' }, !this.clickDisabled ? (h("button", { class: "stzh-stepper-item__dotted", onClick: this.onDottedClick }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" }))) : (h("div", { class: "stzh-stepper-item__dotted stzh-stepper-item__dotted__disabled" }, h("stzh-icon", { class: "stzh-stepper-item__dotted-icon", name: "more-horizontal" })))));
+        const content = (h("span", { key: 'bb26d1beb7162193cd3ee9c6ca9722f81ef872f4' }, h("span", { key: '6b4cb4eaa5997213afeab9810ccc06df6584e78e', class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h("span", null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { key: '0eeb3ec064bfe9b6ee598f28697f2006e2781c3e', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
+        return (h(Host, { key: '79af04c48f23357209b1e1e7544642260b1f3e38', role: "listitem" }, h("div", { key: '78f62c8fffa3081b4d461f24280fa57f9ee9e879', class: classes }, this.last && this.dotted && dotted, this.clickDisabled ? (h("div", { class: "stzh-stepper-item__unclickable", "aria-pressed": this.current ? "true" : "false" }, content)) : (h("button", { ref: el => (this.button = el), class: "stzh-stepper-item__button", "aria-pressed": this.current ? "true" : "false", disabled: (this.dotted && this.first) || this.disabled, onClick: this.onClick }, h("span", { class: "stzh-stepper-item__number-block" }, this.icon ? (h("stzh-icon", { class: "stzh-stepper-item__user-icon", name: this.icon })) : (h(Fragment, null, h("span", { class: "stzh-stepper-item__number" }, this.step), this.passed && !this.incomplete && (h("stzh-icon", { class: "stzh-stepper-item__icon", name: "checkmark" }))))), h("span", { ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null)))), this.first && this.dotted && dotted)));
     }
     static get is() { return "stzh-stepper-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -284,7 +284,7 @@ export class StzhSticky {
             [`stzh-sticky--position-${this.position}`]: !!this.position,
             [`stzh-sticky--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: '09b291b9b737fe5bcf0c86fa64367c59d93e52d2', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: '29b6e68c486f85fa8c07a61c5fd124cca65a377b', class: classes }, h("div", { key: 'b7006519791f0d1bbdfab03fe6c3d995406f3318', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '6efa8cbbd1a53255f74e55746a397328283f597a', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: '701494061066cf048f04293c6610b074bdc9ea60', class: "stzh-sticky__content" }, h("div", { key: '9c50260068f966551bb025001b2f83d4679507c3', class: "stzh-sticky__content-inner" }, h("slot", { key: '9110714f09149e6c0cdbe2f46d8b2cc8b8f846b5' })))))));
+        return (h(Host, { key: '2b4ffafb3ee3177c7eb6401a599966881bb8e5a7', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: 'db273e2f720f588d3e504669e99877064a14acf2', class: classes }, h("div", { key: 'beff75a5dc47cd136eef6d7abb498e086170b5e6', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '05a63e898107a683dfefa99fef94b78d53248de0', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'ae5320838323cc3340db7215c4a77f3d0ce52bce', class: "stzh-sticky__content" }, h("div", { key: 'bfe91c89e178722ccc948aed16307d706a39605f', class: "stzh-sticky__content-inner" }, h("slot", { key: 'c57e6853002ea75094fdde0752c7df747479cf37' })))))));
     }
     static get is() { return "stzh-sticky"; }
     static get encapsulation() { return "shadow"; }