@oiz/stzh-components 4.5.0 → 4.6.0-beta1

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: 'bb40226ccf1869772d029417c50f9714434db7c5' }, h("div", { key: 'f506340713b568d21bf99ea5527b6ff265a69f60', class: classes }, h("div", { key: 'e82f55850f4d9518b18cdf5fa3a350fa563d6aa7', class: "stzh-loadingbar__text" }, this.label && h("div", { key: 'dc7185dcaae53cdebf593bc86f72e344312b873d', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && h("div", { key: 'b1be6845d685aa32d71c8f7e71fbd1cc95a8d928', class: "stzh-loadingbar__percent" }, this.percent, "%")), h("div", { key: '8b43300e5bc756764366443db4b49fbef1da5395', class: "stzh-loadingbar__bar" }, h("div", { key: '10eac0ce8114115d673a3df112d8929d5613497d', 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: 'd04d40ebc41823a174af2efc78b1370c935c5938', role: "menu" }, h("div", { key: 'cf47f242c5c3dcf12e88861556396d979abbae7c', class: "stzh-menu" }, h("slot", { key: 'b2deb476f4c49900be374b103696f020ede74904' }))));
     }
     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: '5890cc5dec0b12903ac165230472b93eae8393e4', 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: 'c0bf908892332ec4fa6442307d7c4e471e845d1e', hidden: !this.open }, h("div", { key: 'a3e09f5723bf00a44e7897218a6180e059ca9c50', class: classes }, h("div", { key: '4f056a8a4e4d8a82c96ba7329d20932c6c75b56e', class: "stzh-message__content" }, h("div", { key: '1b51f1898e57346a34365555a4316f7830627df0', class: "stzh-message__icon-wrapper" }, h("stzh-icon", { key: 'a7456799e5f7c09bb99c36d4d37405c97fc8c719', 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: '6545f7dc6e470c4bbb7725e8652244ac8f704720', class: "stzh-message__text-wrapper" }, h("div", { key: '006f489c47dad8065ae4e116f261ce8695041133', class: "stzh-message__label" }, this.label ? this.label : h("slot", { name: "label" })), h("div", { key: '3d263bb95da6c01d8b6114f8d12a56fee10be42f', class: "stzh-message__description" }, this.description ? this.description : h("slot", null)), h("div", { key: '49104e4eeae5cc3e23c526d28f8605737ed0e233', class: "stzh-message__link" }, h("slot", { key: '13a40455da1e4818862e2f35a53eab6c295ebad9', name: "link" })))), !this.hideClose && (h("stzh-button", { key: '2fa4dcce37b24494a7690fa5fb083131646fd362', 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: '04822e03428a9ba57f2484594ae537732a421430', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '399c3b047e37e7b79e4d36c80bac59b1daf3e13c', class: classes }, h("input", { key: '37999496eed9ade53d9db976f5e3677238617eb8', type: "hidden", name: this.name, value: this.value }), h("div", { key: '57eb470eda690449c0e4bba0e2c8c363f97c01be', class: "stzh-monthyearpicker__wrapper" }, h("stzh-dropdown", { key: 'df1db2053b6595d508d5ae7f345362d7a48e9892', 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: '81c4252357b69e12430114d2dc0ca535571c5fb1', class: "stzh-monthyearpicker__separator" }, "/"), h("stzh-dropdown", { key: '2b48ae397d295a6a6f59c78f820f3d134f235ac1', 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: '422b6e413556e9f2edb9b452f205ca874275dfca', "is-offline": this.isOffline }, h("div", { key: 'f278d91bd3e5e2ec99e16a9f540288eb55786fa4', 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: 'e28a107ac9a90a41465d9e3dd05d944d90132537' }, h("div", { key: '04d9282f39677b5f193bf7e22179638a75ce6c24', class: classes }, h("div", { key: '2ea42eff652a6137f6d640b1c7f41290212f14ca', ref: el => (this.mapElement = el), class: "stzh-olmap__map" }), h("div", { key: '2060fce68327ffffbdde8822f017b6e701166262', 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: '81b6944f8c78b47d458051683ed4d5072ea92326' }, h("div", { key: '9ee41160e627e2677839b91fd506df4d389f3657', class: classes }, h("div", { key: '2625e0fd1ee5531db2ef8282e0a16c6fbb1153db', class: "stzh-overlay__backdrop" }), h("div", { key: 'f32bc152846404355aa7af53359806c17fb1e7f4', class: "stzh-overlay__content" }, h("div", { key: '192446b508a56de235af7da51290b081415fe837', 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: 'a3c5dc7aca4b2f2848f655f031e2a766a9b5131f' }))))));
     }
     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: '1bae61e7030acb82bf38a50b175091f34166ed24', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '33274b9f75d30a2946652339dd00210f833353fe', 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: 'c1fa8d738778b55660e8ff5435d60a6f66c1a748' }, h("stzh-button", { key: 'c3e9f38c120eba5b97728ea50626f8698f3bf4c6', 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: 'e9e3b2ab4bf1ef64d1744108ae77480fa09e7bf4', 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: 'e13a68f8203db678fd80e60cce44dc39a48933d9' }, h("div", { key: '08fbaddbb670022b80ec87b39d48237c49536c28', class: classes }, h("stzh-figure", { key: '5639e565f54bbb6157b9b850459dd5feb496f942', class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", { key: '1be121e3e99af22ea13b49ea49c18caaff4a3959' }, h("div", { key: '9de470e5f725200a1bf7a7779f9c5a00124a66de', ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { key: 'ee7d8a3fe2ab75db9af737add03d23493b380d60', class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { key: '089090098be70ffad7b374439a9c40c8983d077c', 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: '38edbe69e5beabce1b46457b837c6b396f6a69b3', class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright))), h("div", { key: 'b5527f8113d1827a91de01b827a266afc78eb754', class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, { key: 'ed77a68da8790ed236a6d7bb1d2ce25c18d7411f' }, h("stzh-button", { key: '164c91211f4095aaae34eda2e39e019fe337184e', 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: 'ae9ddb86cd1354fee6a69b81799ce456d1ae5f86', 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: 'c4c50653bc80fc34aa4b442d22ba70962fb09cd4', 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: '9e75f3ff02a72589e74adf79f088af439d6ff6be', 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: '14b6bd8033a1fd2a1affbc5b9504b35c66406c34', 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: 'ea00141206e9d5edebd22af1154ebc9c025f3c94', 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: 'ca33d06c5e1386ba560b2e76f6aa1fc60ac3be71', 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: 'a514f73a90d9e92edb65d50fb168a3f104504531', 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: '0d03d86b938159bd6957cccf64e8024e35f1ea8c' }, h("div", { key: '8c26bc71ec55405e345805eb765969969fa47eb2', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '2c957363682656442de2699305e6afb806571741', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'db99eabc011884b33d4a4cc99a1ad789ce891fe1' })), h("div", { key: 'aaf4676146ef81531ffd46a0f6d962f01dfaed13', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, this.localization.open), h("div", { key: '67079817f493d3dfc837022d8fb38ee2fd09cb43', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'edc9522d20c6799f079027d5aee67059f938eb44', class: "stzh-popover__backdrop" }), h("div", { key: 'c697551a708d1e051163a1e54669c74c5edf7762', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'f9b52c577aa5e32a5e740a7e93573aacf2241911', 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: '4916f5fe308b219817db7bb55b6891563bf0cb49', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: 'cb007218fde98b2d6bfb46d973d8270b4c4f009b', class: "stzh-popover__content-inner" }, h("div", { key: '4dbdd6d0fe1a1ca925801acb85decd9dd84beca3', class: "stzh-popover__label-wrapper" }, h("h2", { key: '1363e6d92e66d9cec5e9f6185b2b0311e03ed6d7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'da892cbb69a413e38d23e9d12b67d3409a2b038c', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '2263f7539ad5708fdec4553dc6be19c8101f14a9', name: "close", class: "stzh-popover__icon" }), h("span", { key: '2048b82320d73b09d5018e7838da90c4d57b8bfe', class: "stzh-popover__vhidden" }, this.localization.close))), h("div", { key: '11b9d82d69767be653c9cbf26ef56d83ed7989e0', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '2a4956fe68ce46d11eef3b86df0d150a8c3d0455', class: "stzh-popover__content-slot" }, h("slot", { key: '6c020f92c68492df3d3841180bc99693e06082a8', name: "content" })), h("div", { key: '82a4dd34d008efd30bde12f26d07b2c1dc09a775', class: "stzh-popover__action-slot" }, h("slot", { key: '536cb7e90448fcd38d833178c73af0725d9cb728', 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: 'e4d7e752f297cbad3bc3b2c1dcdfea9e4eefca7f' }, h("div", { key: '3a9aa76d2e97768a11532de9208f7f1604ef37d3', class: classes }, h("blockquote", { key: '6868330665a403b87843b2890613a3c56e46e693', class: "stzh-quote__content" }, h("p", { key: '44814da107f2d7a3363d51c9217f9bfb3c0c6938', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '975ad30782d4af5a497e13da5864849f4f63d4ba', 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: 'e997f5598308f6e849e701332254a007ee70c796', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '5dcba80ffa955361dcaf7736c6eb445d25011ca5', class: classes }, h("label", { key: 'd5c4d7de15f5adaf9d6e1997106fa28353b69e3f', class: "stzh-radio__field-wrapper" }, h("input", { key: '9abc5a9bfe6a31e3f7c39ffaec6afdf87e13cdf6', 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: '98abe1979b176794a02761930e63f22529c29874', class: "stzh-radio__mark" }, h("div", { key: 'd1ee472681b0159144e8b025643ba54c6a45ada9', class: "stzh-radio__check" })), h("div", { key: '1ec316ef5f49de5d67699ff1d10024d4cf34d0d7', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '229f962e86ea3418ef9d0801917ac702229a0a0e', class: "stzh-radio__marker" }, h("span", { key: '7dac367b3b26e543d722a7cdc0e7017a37c48f0e', 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: 'd21bc0969efd02afca82b0ced1497ed1a25a4032', 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: '52d2504afac8cc23808e9e2f38d759bd13023fb7', 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: 'ccfcdc486fdd9cb8a6aff8a79c75bb95b322dc2f', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '09cb7063c5bfa998df383a1838b6e0355dfb456b', class: classes }, this.legend && (h("legend", { key: '3504e81a24fd44b2d55deabb327c53e93e46825a', class: "stzh-radiogroup__legend" }, this.legend, !this.hideOptional && (h("span", { key: '50a95a5b9a6026fdbbfbb126dd9ed462c9623557', class: "stzh-radiogroup__marker" }, h("span", { key: 'aa448db2f22303696236c36e8633d4cec1938575', 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: '27684df021ec72f7bd6c65b63cc665aa32432851', 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: 'b2787c7d5da95a99cd4d2ceabee711676543232a', class: "stzh-radiogroup__fields" }, h("slot", { key: '5fe6ef8b81698831e4d28133d22c1656208ac9fb' })), (this.errorUsed || this.description) && (h(StzhInputDescription, { key: '902d3a52b6486764c160d22a7f93406ba8bfd91c', 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: '8b21c97cf22e8a09933f76444ab120b4b4bd6209' }, h("div", { key: '1531f56313bc56cf041fbd988e2ec7645119fbac', class: classes }, h("slot", { key: 'f66bc6c071d9b449bcd2f3a4b6659c5606d4c427', name: "image" }), h("slot", { key: '01da559bb1612ef797cb6618a14249214475e0be' }))));
     }
     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: '2d8790dfc7a953df03c22323b4d2c2733a3296d5' }, h("div", { key: '509a17b7224d2ee02247d3965f2c411c83c2f0f1', class: classes }, h("div", { key: '294da961202d486df9a5847b56c3105f905853be', class: "stzh-readspeaker__actions" }, h("div", { key: '9d83737e2a633e4ead480f8e84f46df9c84f56bb', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: 'dfa4c42aa26a3620909fc9035b4fe4740716e224' })), h("stzh-button", { key: '907076bb64f296703476a06ab2c60f0bdeb86afc', 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: '02038c3f5e4d6868c749d132c044b1cceff6c394', 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: '87a7b5d0fbf7848a05e852395fb41ebf45048420', "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: 'bad1ea744f67a0414507341b22aeccdb6dcb774b', class: classes }, h("div", { key: 'fecbf75894f1a9b1b328a16214ef04472f47e379', class: "stzh-richtext__text" }, h("slot", { key: 'fb6d8cbd96a5f89fe6382d00f4912f998f70ff43' })))));
     }
     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: '78a67fedfca80991b13e78909b2d2ac946cd2b76' }, h("div", { key: '5814d3ae91c58e63be3272d56a8d9744513826df', 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: '5b23950827230b17820b03820760f26e03ba5538' }))));
     }
     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: '4e07d96b04e477b10895068a63ce7051d4b069fc', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '43c6c3a56116aae48d4710eb492d8d42543a2510', class: classes }, h("div", { key: '99bbce9cb5d20d461dfab80dfa28834dfbb7f52f', class: "stzh-saptcha__box" }, h("div", { key: '252f01b709c92c84f51dcab0862e5cf10dfce971', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: 'ebf0c0aee4514e1160f9532df0ad8c6ee294380a', 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: '2f5294e2fa1b4496ec002d71a84349e183ec1e0c', 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: '25d05db7834097a9847f6ffc383096edec46407a' }, h("div", { key: '420bf5593e716079bb866b27ba1a5053a1703c66', class: classes }, h("slot", { key: 'd8d9d33461a9b313bb61cc2f9e519dd65e3fca90', 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: '217bdcf9dec8073d71555f06f147af51ad02bf41' }, h("section", { key: '9fe2e897d618ecc1e16dccb45a8d9b8320beefa8', 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: '62b33ef27042513eafb64382970f1b581b25073e', class: "stzh-section__outer" }, h("div", { key: '5f22e05dfdfd89a10c823cda6ff5e8b8b54c6ca6', class: "stzh-section__heading" }, h("slot", { key: '894c483bb197c3104aaa00da933e45e2234b3ccb', name: "heading" })), h("div", { key: '44c86a8ba3cf0bb62fa73be93c462ea619bfad25', class: "stzh-section__wrapper" }, h("slot", { key: '45dc78b55fbb544e98da98cb2f4054768aed0b26', 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: '5ff252cebdf9e2aeef34cf3e8d77f7c93aa0e121' }, h("div", { key: '20a3cc2e0448cc29cda485f65c4b556cd2752b7e', class: classes }, h("ul", { key: '09e583e33c457c32006198ae5c942006f76d083f', 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: 'ffb27427b6e8a01179c3785245e0d54fc7d302b0', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: 'b4c0382f64e006f81e4728cb725df6b3bd443e29' })));
+                this.closedByCookie }, h("slot", { key: '9ac1898b34c5bfb6d5afddaa533c076ae1b31301' })));
     }
     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: '7e3b899bad495cfe05e87b6250499d3d09765189' });
     }
     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: '6fcd1e011e72df8eb912d22d4dfd87fc12b94ae8' });
     }
     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: '566d146867ecbcd1c350f9a075161f79c641d85c', focused: this.focused, tabindex: "-1", onFocus: this.onRootFocus }, h("a", { key: '286185dec3b6ef3570b1a34ed29e297b92e808c3', 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: '8d3d373f9bd4196910b880c60871c3232dd60987', 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: 'c0fcc3ea7f0df3028b8a53bc5476a29feef8440f' }, h("div", { key: '70713c2e141417f83434c161ad3f961f7706c658', class: classes }, !this.disabled && (h("div", { key: '5f197fce7d95fe0d460b46c5edbe8bc67ccb78e3', id: `${this.sortableId}-description`, class: "stzh-sortable__description" }, this.localization.description)), h("div", { key: '235e348891ffbd9bce59702458818ffc65b0c56a', ref: el => (this.ariaLiveElement = el), "aria-live": "assertive", class: "stzh-sortable__aria-live" }), h("div", { key: 'b8f29e10d876dfe5880bc4ad58e19af5e6408b54', ref: el => (this.containerElement = el), class: "stzh-sortable__container" }, h("slot", { key: 'fd1b30cfa0483571dea1056142c86bf74faf226d' })))));
     }
     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: '34939b8ebf618121793211f210d419f844105a16' }, h("div", { key: '11c50b003b4b1d1673e70b0bb5a5cc523d65c11c', 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: 'ac110dbadb9822f2bf806fa5b1dce6eccc4d8c2d' }))));
     }
     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: 'd34f52a2626ac38283944d412a42b600b07cdaf7' }, h("div", { key: '64097ed8f7dbc675b29b1a5e2411506001c85344', class: classes }, h("div", { key: '0d6e3c5f0d5d6a583725c854d403ab4c3a951b56', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '13da344356d4e0dac728977c72028be08f1e7abb', class: "stzh-status__dot" }), this.label && h("div", { key: 'bd80bad1cd8391f17c25dc14908b6df7ee77d7bf', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '73ec867f88b468f026da3429e3080500f3465ae0', class: "stzh-status__bar" }, h("div", { key: '94291c85d6d261a38d4bcbd4cf161b866c828b48', 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: '30ffb16546845e54b1bf1a78acb862ad172364f7', 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: '0ad830635cdc8bde864da43095a282497b33b401', class: classes }, h("div", { key: 'dbdce6c242bd8672290a545e69e4e0b8d79839c6', 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: '783ac28a904949159e5aa4d8a0c912d9efc841ad' })))));
     }
     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: '508cd6b4a18483109ef1ef11c0f9d9f17ddf5652' }, !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: '49a638209e06ee6ebfdda12c2719da56d6fe4585' }, h("span", { key: 'c25b6045feed5488e0b97e8f25d34ca306afb613', 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: '16fb64a1bf6b09338709d730f7b4ed9c4dd193a4', ref: el => (this.text = el), class: "stzh-stepper-item__label-block" }, this.label ? this.label : h("slot", null))));
+        return (h(Host, { key: '6748774638b12d8d6b1f091e7d73e71eb252b97e', role: "listitem" }, h("div", { key: '12bda164a6879c07919916e7a4d4d489d03e4b48', 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: '366a3c2c59058ea5e6184d481827b5487a642f33', "is-stuck": this.isStuckTop || this.isStuckBottom, "is-stuck-top": this.isStuckTop, "is-stuck-bottom": this.isStuckBottom }, h("div", { key: 'f94ec092ad846089f58e75a5bf3b11efe123b210', class: classes }, h("div", { key: 'c69b2cc74ef7276d4530c6eab020c5801e5db86f', ref: el => (this.spacerElement = el), class: "stzh-sticky__spacer" }), h("div", { key: '8059e8c6fd26eca9cd1409674ed32925bf244aae', ref: el => (this.stickyElement = el), class: "stzh-sticky__sticky" }, h("div", { key: 'd3531d057480b4e99f5a398c1801a661b8250c80', class: "stzh-sticky__content" }, h("div", { key: 'adbe9130517d8564d0e6c591580af6ecb4c81dd1', class: "stzh-sticky__content-inner" }, h("slot", { key: '0e1ff73b671caa8d7119a8900853437cfb731bd1' })))))));
     }
     static get is() { return "stzh-sticky"; }
     static get encapsulation() { return "shadow"; }