@oiz/stzh-components 4.12.2 → 4.13.0-beta1

package/dist/esm/stzh-pi-teaser.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-pi-teaser.entry.js","sources":["src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.scss?tag=stzh-pi-teaser&encapsulation=scoped","src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-teaser-image-background-color: Background color if no image is present\n */\n\n:host {\n  --image-background-color: var(\n    --stzh-pi-teaser-image-background-color,\n    #{$colorPrimary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-teaser {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--stzh-color-white);\n\n  &__wrapper {\n    display: flex;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__dateline {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    color: var(--stzh-color-coolgrey70);\n    margin: 0 0 var(--stzh-space-small);\n    flex-shrink: 0;\n  }\n\n  &__title {\n    @include font(\"title\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n\n    color: var(--stzh-color-black);\n    margin: 0;\n    min-height: 0;\n\n    display: -webkit-box;\n    -webkit-line-clamp: var(--line-clamp, 3); /* Limit the text to 3 lines */\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis; /* Adds \"...\" at the end if truncated */\n    //line-height: 1.0 !important;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontSize(\"milli\");\n    margin-top: 0;\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  &__date {\n    color: var(--stzh-color-coolgrey70);\n    margin: 0;\n    text-align: right;\n    width: 100%;\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  &--has-image &__lead {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  /* Title ratio styling (no image) */\n  &__title-ratio {\n    --background-color: var(--image-background-color);\n  }\n\n  &__title-ratio &__title-wrapper {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    gap: var(--stzh-space-xxsmall);\n  }\n\n  &__title-ratio &__dateline {\n    margin-bottom: 0;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-teaser\",\n  styleUrl: \"stzh-pi-teaser.scss\",\n  scoped: true,\n})\nexport class StzhPiTeaser {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Dateline */\n  @Prop() dateline: string = \"\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Date */\n  @Prop() date: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n  private datelineTextElement: HTMLDivElement;\n  private wrapperElement: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-teaser\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private setLineAmount = () => {\n    if (!this.wrapperElement || !this.headingTextElement || !this.datelineTextElement) return;\n\n    const wrapperStyle = getComputedStyle(this.wrapperElement);\n    const titleStyle = getComputedStyle(this.headingTextElement);\n\n    const paddingTop = parseFloat(wrapperStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(wrapperStyle.paddingBottom) || 0;\n\n    const lineHeight = parseFloat(titleStyle.lineHeight);\n    const datelineHeight = this.datelineTextElement.offsetHeight;\n    const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n    const gap = parseFloat(wrapperStyle.rowGap || wrapperStyle.gap) || 0;\n    const fitsThreeLines = available >= lineHeight * 3 + gap;\n\n    this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(this.setLineAmount);\n    this.resizeObserver.observe(this.element);\n    this.setLineAmount();\n  }\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n        {this.dateline && (\n          <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n            {this.dateline}\n          </p>\n        )}\n        <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n        </Heading>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const shouldRenderTitleRatio = !hasImageSlot;\n    const CardLink = this.href ? \"a\" : \"button\";\n    const classes = {\n      \"stzh-pi-teaser\": true,\n      \"stzh-pi-teaser--has-lead\": hasLead,\n      \"stzh-pi-teaser--has-image\": hasImageSlot,\n    };\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-teaser__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-teaser__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n                {this.renderHeading()}\n              </stzh-ratio>\n            )}\n            <div class=\"stzh-pi-teaser__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              <div class=\"stzh-pi-teaser__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n              {this.date && <div class=\"stzh-pi-teaser__date\">{this.date}</div>}\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stzh-pi-teaser.entry.js","sources":["src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.scss?tag=stzh-pi-teaser&encapsulation=scoped","src/components/CMS/stzh-pi-teaser/stzh-pi-teaser.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-teaser-image-background-color: Background color if no image is present\n */\n\n:host {\n  --image-background-color: var(\n    --stzh-pi-teaser-image-background-color,\n    #{$colorPrimary30}\n  );\n\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-pi-teaser {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--stzh-color-white);\n\n  &__wrapper {\n    display: flex;\n    flex-grow: 1;\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &__image {\n    width: 100%;\n    display: none;\n  }\n\n  &__dateline {\n    @include font(\"title\");\n    @include fontCurve(\"p1\");\n    color: var(--stzh-color-coolgrey70);\n    margin: 0 0 var(--stzh-space-small);\n    flex-shrink: 0;\n  }\n\n  &__title {\n    @include font(\"title\");\n    @include fontCurve(\"teaser\");\n    @include wordWrap;\n\n    color: var(--stzh-color-black);\n    margin: 0;\n    min-height: 0;\n\n    display: -webkit-box;\n    -webkit-line-clamp: var(--line-clamp, 3); /* Limit the text to 3 lines */\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis; /* Adds \"...\" at the end if truncated */\n    //line-height: 1.0 !important;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: var(--stzh-color-black);\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontSize(\"milli\");\n    margin-top: 0;\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  &__date {\n    color: var(--stzh-color-coolgrey70);\n    margin: 0;\n    text-align: right;\n    width: 100%;\n  }\n\n  /* Has image */\n  &--has-image &__image {\n    display: block;\n  }\n\n  &--has-image &__lead {\n    @include spaceCurve(\"margin-top\", \"tiny\");\n  }\n\n  /* Title ratio styling (no image) */\n  &__title-ratio {\n    --background-color: var(--image-background-color);\n  }\n\n  &__title-ratio &__title-wrapper {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    @include spaceCurve(\"padding-top\", \"intermediary\");\n    @include spaceCurve(\"padding-right\", \"intermediary\");\n    @include spaceCurve(\"padding-bottom\", \"intermediary\");\n    @include spaceCurve(\"padding-left\", \"intermediary\");\n    gap: var(--stzh-space-xxsmall);\n  }\n\n  &__title-ratio &__dateline {\n    margin-bottom: 0;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\n\nimport { StzhPiTeaserClickEvent } from \"../../../index\";\nimport { hasSlot } from \"../../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)\n */\n@Component({\n  tag: \"stzh-pi-teaser\",\n  styleUrl: \"stzh-pi-teaser.scss\",\n  scoped: true,\n})\nexport class StzhPiTeaser {\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Dateline */\n  @Prop() dateline: string = \"\";\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  /** Date */\n  @Prop() date: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhPiTeaserClickEvent>;\n\n  private cardLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n  private datelineTextElement: HTMLDivElement;\n  private wrapperElement: HTMLDivElement;\n  private resizeObserver?: ResizeObserver;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-pi-teaser\",\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private setLineAmount = () => {\n    if (!this.wrapperElement || !this.headingTextElement || !this.datelineTextElement) return;\n\n    const wrapperStyle = getComputedStyle(this.wrapperElement);\n    const titleStyle = getComputedStyle(this.headingTextElement);\n\n    const paddingTop = parseFloat(wrapperStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(wrapperStyle.paddingBottom) || 0;\n\n    const lineHeight = parseFloat(titleStyle.lineHeight);\n    const datelineHeight = this.datelineTextElement.offsetHeight;\n    const available = this.wrapperElement.clientHeight - paddingTop - paddingBottom - datelineHeight;\n\n    const gap = parseFloat(wrapperStyle.rowGap || wrapperStyle.gap) || 0;\n    const fitsThreeLines = available >= lineHeight * 3 + gap;\n\n    this.headingTextElement.style.setProperty(\"--line-clamp\", fitsThreeLines ? \"3\" : \"2\");\n  };\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.cardLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n  componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(this.setLineAmount);\n    this.resizeObserver.observe(this.element);\n    this.setLineAmount();\n  }\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  renderHeading(): DocumentFragment {\n    const Heading = `h${this.headingLevel}`;\n    return (\n      <div class=\"stzh-pi-teaser__title-wrapper\" ref={el => (this.wrapperElement = el)}>\n        {this.dateline && (\n          <p class=\"stzh-pi-teaser__dateline\" ref={el => (this.datelineTextElement = el)}>\n            {this.dateline}\n          </p>\n        )}\n        <Heading class=\"stzh-pi-teaser__title\" ref={el => (this.headingTextElement = el)}>\n          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n        </Heading>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, \"lead\");\n    const hasImageSlot = hasSlot(this.element, \"image\");\n    const shouldRenderTitleRatio = !hasImageSlot;\n    const CardLink = this.href ? \"a\" : \"button\";\n    const classes = {\n      \"stzh-pi-teaser\": true,\n      \"stzh-pi-teaser--has-lead\": hasLead,\n      \"stzh-pi-teaser--has-image\": hasImageSlot,\n    };\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <CardLink\n            ref={el => (this.cardLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n            class=\"stzh-pi-teaser__title-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.handleCardClick}\n          >\n            <div class=\"stzh-pi-teaser__image\">\n              <stzh-ratio ratio=\"2:1\">\n                <slot name={\"image\"}></slot>\n              </stzh-ratio>\n            </div>\n            {shouldRenderTitleRatio && (\n              <stzh-ratio class=\"stzh-pi-teaser__title-ratio\" ratio={\"2:1\"}>\n                {this.renderHeading()}\n              </stzh-ratio>\n            )}\n            <div class=\"stzh-pi-teaser__wrapper\">\n              {!shouldRenderTitleRatio && this.renderHeading()}\n              <div class=\"stzh-pi-teaser__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n              {this.date && <p class=\"stzh-pi-teaser__date\">{this.date}</p>}\n            </div>\n          </CardLink>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/stzh-pkzh-qr.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhPkzhQrCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pkzh-qr-results{margin-top:var(--stzh-space-xbig)}}.stzh-pkzh-qr-results{--stzh-datalist-nested-margin-left:var(--stzh-space-xsmall)}`;
 

package/dist/esm/stzh-popover.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { c as computePosition, a as autoUpdate, A as Arrow, o as offset, f as flip, s as shift, b as arrow } from './arrow-DzjuI2eY.js';
 import { c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
 import { i as isStzhElement } from './utils-CnvjJ2wY.js';
@@ -468,7 +468,7 @@ const StzhPopover = class {
             [`stzh-popover--size-${this.size}`]: !!this.size,
             [`stzh-popover--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'aecf156bcd3693a28a0b216a6860fa1bb2648ae5' }, h("div", { key: '2e0ccb5bc6abeec11ee68d513bae57c7858795b8', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '999f14e8539ee42131b8748d7a6bf32673d2ed0a', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: 'dd0de5e801bed8393006dc7a175aece86490e478' })), h("div", { key: 'a842e6ca27c714596da9aef882701465ce8149d8', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: '483f487a346c068988576141ee8a4de8153b802e', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: 'ca0ab1530174d946eea42793997daa124dbed9ef', class: "stzh-popover__backdrop" }), h("div", { key: '69422fa7fb56cfa03018a3eb60a4cafd7b52ab63', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: 'b14fa1ee85db35256b624a8597c93fbc3a15acd8', 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: '5efc538f9d9ee90650566f7bb9b7aff353f6d023', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '8c62b4db5caf52738aa711116af02e487429d56b', class: "stzh-popover__content-inner" }, h("div", { key: '32a4a433ff8cf94910223331d7f65175507c936f', class: "stzh-popover__label-wrapper" }, h("h2", { key: '6db1d999b1ffbeda67637fdbfa84c8995c3664f7', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: '2162d302193c40973183ef6b83264afed2dc89b6', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '8b31160df9c868dcc936523cfebe20076c0b5d2a', name: "close", class: "stzh-popover__icon" }), h("span", { key: '53c63898d050c8e44e2edaee62d6395f8b633ada', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: '664976a477a7f90227f457f4d582e7e7811fe32d', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: '2c92887a3a17ba24cede8d92def40a531549dbae', class: "stzh-popover__content-slot" }, h("slot", { key: '458b3d3681906e8703c7769317296ae20206aad2', name: "content" })), h("div", { key: '625d5089c63bbd520599707caff869f75621c1d9', class: "stzh-popover__action-slot" }, h("slot", { key: 'cd462f4026009e3da55708510f6474accc4e3e71', name: "action" }))))))))));
+        return (h(Host, { key: '92367e4946ff706e4599426a2e68ffcca4627abb' }, h("div", { key: 'b2f8960258a8ac76542e005748cf411ddce9373b', class: classes, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd, ref: el => (this.rootElement = el) }, h("div", { key: '4ca8c632e2f010155ad30b56532668bec611a434', ref: el => (this.triggerElement = el), class: "stzh-popover__trigger" }, h("slot", { key: '7e890fb402df4513158a9325288ffdd50df57bf3' })), h("div", { key: 'b5af465e4b9e4e8be38906e91abd72f82d30a879', class: "stzh-popover__vhidden", id: `${this.id}-trigger-description` }, (_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : ""), h("div", { key: 'fb8069c7339a79cfd5b3e96d4d2320fa234e1579', ref: el => (this.contentWrapperElement = el), class: "stzh-popover__content-wrapper" }, h("div", { key: '409f187bd90b424c4294e82e12f4da476193b009', class: "stzh-popover__backdrop" }), h("div", { key: '5722496b78fdc46c776a17b4c56a1732ae51f08e', ref: el => (this.contentElement = el), class: "stzh-popover__content" }, h("div", { key: '38dcca02a5cf780675ce2b9ac091c773bee3a734', 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: '5882c3e2aaf100c3902215ce89e967c89c143a91', class: "stzh-popover__arrow", ref: el => (this.arrowElement = el), innerHTML: Arrow })), h("div", { key: '1c71529861a1f5a9c4a413b79399de0c0a74470c', class: "stzh-popover__content-inner" }, h("div", { key: '9208c429c784ac8751497d818d24e73bc7c8faba', class: "stzh-popover__label-wrapper" }, h("h2", { key: '4111848c73345e084aefdf68227fc52c963519f2', id: `${this.id}-label`, class: "stzh-popover__label" }, this.label ? this.label : h("slot", { name: "label" })), h("button", { key: 'abe9167fe496cd6c6eed9f7c4344ccf5262bc074', class: "stzh-popover__close", onClick: () => this.hide(), type: "button" }, h("stzh-icon", { key: '491d71831756ecf740014d2d9ec8bfc59bde96ba', name: "close", class: "stzh-popover__icon" }), h("span", { key: 'a4c8a4701e0b1a1c18ff907699ce52ddf01a0c2b', class: "stzh-popover__vhidden" }, (_d = (_c = this.localization) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : ""))), h("div", { key: 'a8d6ed3ded6ddaaf88a07df74bce866135e495fc', class: "stzh-popover__content-slot-wrapper" }, h("div", { key: 'b5f68fdadeaa44fc4e34feed4ec68f9dc7857d1e', class: "stzh-popover__content-slot" }, h("slot", { key: '7040afa5eb1e0b5c8b1c4067191c4b7fb3df039a', name: "content" })), h("div", { key: '6504376ef17bdcd802412e1bc7255054eac8b29a', class: "stzh-popover__action-slot" }, h("slot", { key: 'efa98d6e6207dcdf283786280fbf98d69691c54b', name: "action" }))))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-print_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull, d as getMeta } from './utils-CnvjJ2wY.js';
 import { b as abbreviateText } from './string-utils-BubviQku.js';
 
@@ -37,7 +37,7 @@ const StzhPrint = class {
         const classes = {
             "stzh-print": true,
         };
-        return (h(Host, { key: 'd15e52f4b620b661b884b866a65945e7c391c169' }, h("div", { key: 'fb32dc9b393aa26145a18fae1b61ccf181476ad5', class: classes }, h("slot", { key: 'a30e0c1ff04fcea7dc1a1c63446803b3dfcf3c56' }))));
+        return (h(Host, { key: '49745ca226dd0f28cdeedf50caf5eb3e2097ce21' }, h("div", { key: 'dbbc88be4006c7d78dd1bffec802fbf7f0c96036', class: classes }, h("slot", { key: 'b99be8025121e53c255e571588a8e8ba5cb414d4' }))));
     }
     get element() { return getElement(this); }
 };
@@ -125,7 +125,7 @@ const StzhShare = class {
                 icon: "xing",
             },
         };
-        return (h(Host, { key: 'a02b9c5b40d370777108240ef4e3a8c7ec72c720' }, h("div", { key: 'a29872c0066e8657c34f1e49f81b9fe5455f8432', class: classes }, h("ul", { key: '11d9229924ecaaec422ef5c8f2bc33b4e4362f14', 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: 'c320e91fdd20a78b40540d84e7b4ff993be320a3' }, h("div", { key: '886b50c3db94837dbcd9ea540211fb0d31779fc7', class: classes }, h("ul", { key: 'e7ee47ea410851ff0c83cfd2b41b21c8ca33656d', 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 })))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-quote.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhQuoteCss = () => `@charset "UTF-8";.sc-stzh-quote-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-quote-h,[stzh-hidden].sc-stzh-quote-h{display:none}.sc-stzh-quote-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-quote-h *.sc-stzh-quote,.sc-stzh-quote-h *.sc-stzh-quote::before,.sc-stzh-quote-h *.sc-stzh-quote::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-quote-h .has-focus.sc-stzh-quote{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote{outline-style:none !important}.sc-stzh-quote-h .stzh-fylingfocus-focused.sc-stzh-quote::-moz-focus-inner{border:0 !important}.sc-stzh-quote-h{--background-color:var(--stzh-quote-background-color, var(--stzh-color-grey10));--color:var(--stzh-quote-color, var(--stzh-color-primary70));--quotemarks-color:var(--stzh-quote-color, var(--stzh-color-secondary40))}.stzh-quote.sc-stzh-quote{position:relative;background-color:var(--background-color);padding-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-top:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-right:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-quote.sc-stzh-quote{padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-quote.sc-stzh-quote{padding-left:5.4375rem}}@media screen and (min-width: 900px){.stzh-quote.sc-stzh-quote{padding-left:9.875rem}}@media print{.stzh-quote.sc-stzh-quote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (forced-colors: active){.stzh-quote.sc-stzh-quote{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-quote__content.sc-stzh-quote{margin:0}.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-quote__text.sc-stzh-quote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-quote__text.sc-stzh-quote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:0;display:flex;color:var(--color)}.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{display:block;font-size:var(--stzh-font-mega-font-size);color:var(--quotemarks-color)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::before,.stzh-quote__text.sc-stzh-quote::after{font-size:var(--stzh-font-hero-font-size)}}.stzh-quote__text.sc-stzh-quote::before{content:"«";display:flex;align-items:flex-start;padding-right:var(--stzh-space-xsmall);line-height:0;padding-top:var(--stzh-space-small)}.stzh-quote__text.sc-stzh-quote::after{content:"»";display:flex;align-items:flex-end;padding-left:var(--stzh-space-xsmall);line-height:0;padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1260px){.stzh-quote__text.sc-stzh-quote::after{padding-bottom:var(--stzh-space-large)}}.stzh-quote__author.sc-stzh-quote{display:block;margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-top:var(--stzh-space-xxlarge)}}.stzh-quote__author.sc-stzh-quote{color:var(--color);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);margin-left:1.625rem}@media screen and (min-width: 900px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-milli-font-size)}}@media screen and (min-width: 1260px){.stzh-quote__author.sc-stzh-quote{margin-left:2.0625rem}}@media screen and (min-width: 1600px){.stzh-quote__author.sc-stzh-quote{font-size:var(--stzh-font-centi-font-size)}}`;
 
@@ -14,7 +14,7 @@ const StzhQuote = class {
         const classes = {
             "stzh-quote": true,
         };
-        return (h(Host, { key: '9a2e41d49d10d0b32b83143022c85fae4c9b42b8' }, h("div", { key: '5c19894aa24edc6ab8d55c238e3a499089a8fa94', class: classes }, h("blockquote", { key: 'db0e67668e8f7b284dae466973d38d3041882f74', class: "stzh-quote__content" }, h("p", { key: '2f16d8c76dc5820874aeaab614c5b299505b79cb', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: '61505bc4fdc70c1d5d2815f61b4dbbff18cabaf6', class: "stzh-quote__author" }, this.author)))));
+        return (h(Host, { key: '3bcda15b99f3fe0034aae231c35984cd7adacda6' }, h("div", { key: '414dcdbbcc8e2a85b89ad130ea257326f3c7177e', class: classes }, h("blockquote", { key: '0b90fe868a2c63af428b045186f346b7a5e30dcc', class: "stzh-quote__content" }, h("p", { key: 'f6d5e3dd5a9d4302deecf53f0cda9766f6cb6bcc', class: "stzh-quote__text" }, this.text), this.author && h("cite", { key: 'd398fed97fa733f8f0812d8172aa9afbf4b43838', class: "stzh-quote__author" }, this.author)))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-rating.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as hasDefaultSlotContent, h as hasSlot } from './utils-CnvjJ2wY.js';
-import { S as StzhInputDescription } from './stzh-input-description-F6xJmR4b.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import './string-utils-BubviQku.js';
 
 const stzhRatingCss = () => `.sc-stzh-rating-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-rating-h,[stzh-hidden].sc-stzh-rating-h{display:none}.sc-stzh-rating-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-rating-h *.sc-stzh-rating,.sc-stzh-rating-h *.sc-stzh-rating::before,.sc-stzh-rating-h *.sc-stzh-rating::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-rating-h .has-focus.sc-stzh-rating{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating{outline-style:none !important}.sc-stzh-rating-h .stzh-fylingfocus-focused.sc-stzh-rating::-moz-focus-inner{border:0 !important}.sc-stzh-rating-h{--rating-legend-color:var(--stzh-rating-legend-color, var(--stzh-heading-color));--rating-icon-empty:var(--stzh-color-primary70);--rating-icon-active:var(--stzh-color-primary70);--rating-icon-hover:var(--stzh-color-secondary60);--rating-icon-invalid:var(--stzh-color-error60);--rating-icon-disabled-empty:var(--stzh-color-grey70);--rating-icon-disabled-active:var(--stzh-color-grey70)}[disabled].sc-stzh-rating-h:not([disabled=false]){--description-color:var(--stzh-color-grey70);--rating-legend-color:var(--stzh-color-grey70);--rating-icon-empty:var(--rating-icon-disabled-empty);--rating-icon-active:var(--rating-icon-disabled-active)}@media (forced-colors: active){[disabled].sc-stzh-rating-h:not([disabled=false]){--rating-icon-empty:GrayText;--rating-icon-active:GrayText}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h{--rating-icon-empty:var(--rating-icon-invalid);--rating-icon-active:var(--rating-icon-invalid);--rating-icon-hover:var(--rating-icon-invalid)}}@media (forced-colors: none){[invalid].sc-stzh-rating-h:not([invalid=false]) .stzh-rating__item.filled.sc-stzh-rating>.stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid)}}@media (forced-colors: none){[is-invalid].sc-stzh-rating-h .stzh-rating__item.filled.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating,[is-invalid].sc-stzh-rating-h .stzh-rating__item.is-preview.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-invalid) !important}}[disabled].sc-stzh-rating-h:not([disabled=false]) .stzh-rating__item.sc-stzh-rating{cursor:not-allowed}.stzh-rating__marker-symbol.sc-stzh-rating{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-rating__marker-text.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-rating__description-wrapper.sc-stzh-rating{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-rating__error.sc-stzh-rating,.stzh-rating__description.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-rating__error.sc-stzh-rating{color:var(--stzh-color-error60)}.stzh-rating__error-list.sc-stzh-rating{list-style:none;margin:0;padding:0}.stzh-rating__description.sc-stzh-rating{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-rating__description-long.sc-stzh-rating{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-rating__description-long.sc-stzh-rating{margin-top:0}}.stzh-rating__description-long-popover.sc-stzh-rating{--width:auto;--max-width:27.3125rem}.stzh-rating__description-long-button.sc-stzh-rating{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-rating.sc-stzh-rating stzh-icon.stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-xsmall)}.stzh-rating--has-error.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating--has-description.sc-stzh-rating .stzh-rating__description.sc-stzh-rating{margin-top:var(--stzh-space-xxxsmall)}.stzh-rating.sc-stzh-rating{margin:0;padding:0;border:none}.stzh-rating__legend.sc-stzh-rating{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--rating-legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-rating__legend-text.sc-stzh-rating{min-width:0}.stzh-rating__legend.sc-stzh-rating>.stzh-rating__description-wrapper.sc-stzh-rating{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__error.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-text.sc-stzh-rating{display:none}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description.sc-stzh-rating,.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long.sc-stzh-rating{display:inline-flex;align-items:flex-start;margin:0}.stzh-rating__legend.sc-stzh-rating .stzh-rating__description-long-button.sc-stzh-rating{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-rating__legend.sc-stzh-rating stzh-popover.sc-stzh-rating .stzh-rating__description-long-icon.sc-stzh-rating{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-rating__marker.sc-stzh-rating{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-rating__items.sc-stzh-rating{display:inline-flex;align-items:center;gap:var(--rating-item-gap-sm);padding:0;min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-sm) * 4);min-height:var(--stzh-form-input-height, var(--stzh-form-input-height))}@media (min-width: 900px){.stzh-rating__items.sc-stzh-rating{gap:var(--rating-item-gap-lg);min-width:calc(var(--rating-item-size) * 5 + var(--rating-item-gap-lg) * 4)}}.stzh-rating__icon.sc-stzh-rating{--size:100%;--color:var(--rating-icon-empty);display:block;width:var(--rating-item-size);height:var(--rating-item-size);grid-area:1/1;transition:none}.stzh-rating--has-label-hidden.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}@media (forced-colors: none){.stzh-rating--is-invalid.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating,.stzh-rating--has-error.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-error60)}}.stzh-rating--is-disabled.sc-stzh-rating .stzh-rating__legend.sc-stzh-rating{color:var(--stzh-color-grey60)}.stzh-rating.sc-stzh-rating{--rating-item-size:3rem;--rating-item-gap-sm:0.5rem;--rating-item-gap-lg:0.75rem}.stzh-rating--size-default.sc-stzh-rating{--rating-item-size:3rem}.stzh-rating--size-small.sc-stzh-rating{--rating-item-size:2.25rem}button.stzh-rating__item.sc-stzh-rating{position:relative;display:grid;align-items:center;justify-content:center;appearance:none;background:transparent;box-sizing:border-box;border:none;padding:0;margin:0;line-height:1;cursor:pointer;flex:0 0 var(--rating-item-size);min-width:var(--rating-item-size);min-height:var(--rating-item-size)}button.stzh-rating__item.sc-stzh-rating:focus{outline:none}button.stzh-rating__item.sc-stzh-rating:focus-visible{border-color:var(--focus-border-color, var(--stzh-color-secondary50));box-shadow:0 0 0 0.125rem var(--stzh-color-white), 0 0 0 0.25rem var(--focus-border-color, var(--stzh-color-secondary50))}button.stzh-rating__item.disabled.sc-stzh-rating,button.stzh-rating__item.readonly.sc-stzh-rating{cursor:default}button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-active)}@media (forced-colors: active){button.stzh-rating__item.filled.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:SelectedItem}}button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:var(--rating-icon-hover)}@media (forced-colors: active){button.stzh-rating__item.is-preview.sc-stzh-rating:not(:is(.disabled,.readonly)).sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:Highlight}}@media (forced-colors: active){button.stzh-rating__item.readonly.sc-stzh-rating .stzh-rating__icon.sc-stzh-rating{--color:CanvasText}}`;
@@ -291,7 +291,7 @@ const StzhRating = class {
             .filter(Boolean)
             .join(" ") || undefined;
         const currentValue = this.value || 0;
-        return (h(Host, { key: 'a2aeff6077a218f4d9691ed27cc568afab1845c8', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: '9cd723dfed72905f99842107a4e9ba5f5841fbb8', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'c54fdaae224270de1eb1db0ebf474eec5f0a7067', class: classes }, labelWrapperUsed && (h("legend", { key: '2a50b33fadba1d9e3b7a2cd7a04247ac1ecb4595', id: legendId, class: "stzh-rating__legend" }, h("span", { key: '747db97c26bb457bb8c2e1c6a1a987dc93e57a1e', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8dd60b040c15214d3875a61da147904dc4c30f36', class: "stzh-rating__marker" }, h("span", { key: 'fd63a71af3910115cccc7f915a8537f6ceea42cf', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: 'bbf6a66264227045cff026233a7b1fad49544ce6', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ac965869f7eb048915047d2847af024ccb237055', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_g = (_f = this.localization) === null || _f === void 0 ? void 0 : _f.$globals) === null || _g === void 0 ? void 0 : _g.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '1d88d8a69c609bff2420279657cf48c6ce8f52a2', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": labelWrapperUsed ? legendId : undefined, "aria-label": labelUsed
+        return (h(Host, { key: 'ca94a2e1b9013c03acb4afcbec7faf3b547acb9c', "is-invalid": this.invalid || this.errorUsed, "data-user-focus": this.userKeyFocused ? "true" : null }, this.name && !this.disabled && !this.readonly && (h("input", { key: 'cf5a2f627c981fd5b49cb784c74204322d7d8311', type: "hidden", name: this.name, value: String(this.value) })), h("fieldset", { key: 'f2e8ba9ea2b4ff75d97dfc60bc365d38ec026e65', class: classes }, labelWrapperUsed && (h("legend", { key: 'bc4f93f3932014e6e375baf1ba73cda54d750880', id: legendId, class: "stzh-rating__legend" }, h("span", { key: 'daedd252aa0cb8b8ad9632d08e92fa14d5be1ae3', class: "stzh-rating__legend-text" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'c231d1841e860bf1d5d69572d897b947a275a037', class: "stzh-rating__marker" }, h("span", { key: '72006d34072fb7e75c1e2676330d5fa5f06a0a8e', class: "stzh-rating__marker-symbol", "aria-hidden": "true" }, markerSymbol), h("span", { key: '248c43eed806b7659423ae4c8c2843e38d945920', class: "stzh-rating__marker-text" }, markerText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '9280338a5fe9bc97d6f730d9acd5446953e99455', classPrefix: "stzh-rating", id: `${this.groupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: (_g = (_f = this.localization) === null || _f === void 0 ? void 0 : _f.$globals) === null || _g === void 0 ? void 0 : _g.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '6e146ebb87db78ab39b02af3f228ebbf9c8ee5c7', class: "stzh-rating__items", role: "radiogroup", "aria-labelledby": labelWrapperUsed ? legendId : undefined, "aria-label": labelUsed
                 ? undefined
                 : this.readonly
                     ? `${currentValue} von 5 Punkten`
@@ -307,7 +307,7 @@ const StzhRating = class {
                     disabled: this.disabled,
                     readonly: this.readonly,
                 }, role: "radio", tabIndex: this.tabbableIndex === i ? 0 : -1, "aria-checked": this.value >= i ? "true" : "false", "aria-label": `${i} ${i === 1 ? "Punkt" : "Punkte"}`, onMouseEnter: () => this.onMouseEnter(i), onMouseLeave: this.onMouseLeave, onKeyDown: ev => this.onRatingItemKeyDown(i, ev), onClick: ev => this.onClick(i, ev), disabled: this.disabled || this.readonly, ref: el => (this.ratingButtons[i - 1] = el), "s-object-id": this.analyticsId || this.label }, h("stzh-icon", { class: "stzh-rating__icon", name: "star", "a11y-title": "" }), displayValue >= i && (h("stzh-icon", { class: "stzh-rating__icon", name: "star-filled", "a11y-title": "" }))));
-        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '7eb34591279968ac48dbdf59d021d6c80983e0fd', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+        })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '5539933ad1463960cceb71f25cf4439c1f27c303', classPrefix: "stzh-rating", id: `${this.groupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-ratio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhRatioCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--background-color:var(--stzh-ratio-background-color);--ratio:16 /
     9;--max-height:inherit;--overflow:inherit}:host ::slotted(*){position:absolute;width:100%;height:100%;inset:0;object-fit:cover}:host ::slotted(.stzh-card-searchresult__image-placeholder){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--placeholder-image-color)}:host([fit=contain]) ::slotted(*){object-fit:contain}:host([portrait]:not([portrait=false])){--ratio:9 /
@@ -26,7 +26,7 @@ const StzhRatio = class {
         const classes = {
             "stzh-ratio": true,
         };
-        return (h(Host, { key: 'f0370e4bb53568bb83ec04c90655f236b632fd12' }, h("div", { key: '5a5f4b85b92674cda20685c62aa33578977f19ac', class: classes }, h("slot", { key: '423ad2c60178a174a2f154672c92c9ed652c9b37', name: "image" }), h("slot", { key: '7ee39b1115548d630f6c20a06557ebf8587325a2' }))));
+        return (h(Host, { key: 'f0c67239e76dd8eefe54d6fb4ca4ffc36de0e549' }, h("div", { key: '3a783be1629632126fdb694e8da2bbcb3e1df4cf', class: classes }, h("slot", { key: 'b72625e73a1cbf33626d5bb86a59df6037c26bef', name: "image" }), h("slot", { key: '046c5cab09d0d317597a8a3cf48bb4a055f26714' }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-readspeaker.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -219,9 +219,9 @@ const StzhReadspeaker = class {
             "stzh-readspeaker": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '967663cb47feef43d55b9b9728ff037197abe5e7' }, h("div", { key: '6ce9effd85210349fe790114d8c5515e18862f3a', class: classes }, h("div", { key: '86d25840ba7aed545a465acc2028f612a35ffe4f', class: "stzh-readspeaker__actions" }, h("div", { key: '6498aabd8a4ec788a4f2caeea23e65fb62ba3f15', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '75fee009730529e0ddac40b2d7e0278a19ce3859' })), h("stzh-button", { key: '393c0c224e4c25d563bf5cd576940e1099572896', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
+        return (h(Host, { key: 'd05b72c304cf11faf5162d0f4c3f0b60402e55b3' }, h("div", { key: '4fe2f144e5b381b7fc1658bf3ab613fcf84d72c4', class: classes }, h("div", { key: 'ff0f4c2212a326095e13be6870991d55a31cd650', class: "stzh-readspeaker__actions" }, h("div", { key: '886a8c96417e16c6a13c43f32d41555f37a0297f', ref: el => (this.triggerElement = el), class: "stzh-readspeaker__trigger" }, h("slot", { key: '628f2f1d3877e85f4a5877e947c70fe61a568dfb' })), h("stzh-button", { key: '6abf31f5973ae85d81411e2a7666ae8c77c8ec66', class: "stzh-readspeaker__close", variant: "tertiary", size: "small", icon: "close-big", iconOnly: true, onClick: () => {
                 this.closePlayer();
-            } })), h("div", { key: 'd85e5492bdc180afd2cbb223dcf3bae28dd2941b', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
+            } })), h("div", { key: '2ce8ef7f96b5c4c0263c9a8c54887e240419ef7d', id: this.readspeakerId, class: "rs_addtools rs_splitbutton rs_preserve rs_skip rs_exp" }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-richtext.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhRichtextCss = () => `@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h,[stzh-hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .has-focus.sc-stzh-richtext{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext{outline-style:none !important}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext::-moz-focus-inner{border:0 !important}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color, var(--stzh-color-primary70));--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color, var(--stzh-color-primary70));--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color, var(--stzh-color-old-grey55));color:var(--color);--display:var(--stzh-richtext-display, block);--grid-template-areas:var(
     --stzh-richtext-grid-template-areas,
@@ -66,7 +66,7 @@ const StzhRichtext = class {
         const classes = {
             "stzh-richtext": true,
         };
-        return (h(Host, { key: 'd6c25fa732a4471367cb15b6032348ca6fca979e', "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: 'af82dc308d7080ce3341990aec86df25bdf18542', class: classes }, h("div", { key: '077276eaa7445b4e14d3b00ad490907d16dcad3c', class: "stzh-richtext__text" }, h("slot", { key: 'f1e0b72fac2a1a911d6378695d08c512c3d85344' })))));
+        return (h(Host, { key: '3323ed0ce61d76308b4c87440bbe65114e8a0df6', "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: 'b6971499144d4dbc812f33388e46702f49b5f7c8', class: classes }, h("div", { key: 'be278089cc71934afc9b7b01fdd76988d770179d', class: "stzh-richtext__text" }, h("slot", { key: 'c0f79d5f395d5773a018213bc60ee6cd1bcd2a1c' })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-saptcha.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhSaptchaCss = () => `.sc-stzh-saptcha-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-saptcha__box.sc-stzh-saptcha{outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-saptcha__info.sc-stzh-saptcha{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}`;
 
@@ -68,8 +68,8 @@ const StzhSaptcha = class {
         const classes = {
             "stzh-saptcha": true,
         };
-        return (h(Host, { key: '286c8cfe36b60e89bb375c36f04b72667198812d', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: '0a17f8b4f12bd323c0a04336783f97f3b9551de5', class: classes }, h("div", { key: 'efbd2b5c9976de641009470822fe872f108d4435', class: "stzh-saptcha__box" }, h("div", { key: 'c3f45d633bf46ec7fe34939b906e5fd3772afb14', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '43d4df83ac83ba09a3476348aee603d0f2088a28', 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: 'fbb85cd0ae8efc4cf3bdf56d87002c9eacd2e787', 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: '11774c337774e7a5bee7bb1eafd51113152b44f2', "is-invalid": this.invalid || this._error.length > 0 }, h("div", { key: 'f7f87db518e237784dcc8bc5cf70b9e5cf61329e', class: classes }, h("div", { key: 'e01ce3c961590ac5d01f4de9fc9d937a1bfc6c00', class: "stzh-saptcha__box" }, h("div", { key: '56d9d557f5ba54d9c1d57c3eb280356abd3c1863', class: "stzh-saptcha__info", id: `${this.saptchaId}-info` }, this.localization.info, " ", this.localization.question), h("div", { key: '3964ba8f8467bd09aff674396dfce316ad011d0e', 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: 'e3a75cc3b6357809ec885084314b38c879bfa475', 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` })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-scrollup.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -30,7 +30,7 @@ const StzhScrollup = class {
         const classes = {
             "stzh-scrollup": true,
         };
-        return (h(Host, { key: '214d0bc7db938b45841295475d66c6edcf7c946b' }, h("div", { key: '98cbdda085c813af0cc12dd0f7cb4753f3f18987', class: classes }, h("slot", { key: '8169cf91eceb54843665e493016a279504b14363', onSlotchange: this.handleSlotchange }))));
+        return (h(Host, { key: '5a6b8a6b4479fcdc2ba1cdcbe3679b94e1125509' }, h("div", { key: '4ddd7687ee8311b2e2b1d1804fc62d18cae6a70f', class: classes }, h("slot", { key: 'b1c1f87f593f83d5926349e904698b90d5679af9', onSlotchange: this.handleSlotchange }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-search.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as axios } from './axios-C1yQNsdb.js';
 import { r as raf, h as hasSlot, f as formatHeadingForHyphenation } from './utils-CnvjJ2wY.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './media-utils-CUGRmgip.js';
@@ -507,13 +507,13 @@ const StzhSearch = class {
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (h(Host, { key: 'f711d5e20edae20f9719f684d82d92ea63af7991', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '5fca4fe4f7ac97b673c940112d414e848056b7ae', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: '3b861de6e48a3f2d4f448244ec4f33a4f12c6f0b', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: '32c3199579357d8c15527cb8bb8a6d7e4dad8844', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: '9eabfc4c5784fc80822630fb86abbf4e52477e59', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'f4fc3712646fd08e18c9ecbf30b213b47fa90469', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'd41f7ef50f8cccde2befa28e06d9009bea0e61f6', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (h(Host, { key: '23732243a3db8f4ed4bde1858c2e47f87e892acf', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: 'c367d9c58dbf5773af5f04942fbd5e1219ead7ec', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'd5e6ba6a16acb6b4420afdad1086b6f5b1c2d6b6', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'dbfa7894dd8ab5fdd1d2137e3b5c7decb713912b', class: "stzh-search__header-heading", curve: "h2" }, formatHeadingForHyphenation(this.heading))), h("slot", { key: 'd81fca3fd1c1f5b452ace81e5df82e93a7d4c043', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: 'd026826d762ca4e0253dc916799f78d9f22da10c', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: 'c6081739495eeae73e9f59cc657cb6027acc315c', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: this.chipFilterName, label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (h(Fragment, { key: '849e4551685d21c4136d8c95f75423db7a1ab8f7' }, h("div", { key: 'dd072f27ccbc7f356083dde1fc241227fb48976e', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: 'eb026a3d3d52410259a98921fd0ce98b02584563', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'a6e293397969398f2f33382fc05fbdbadbc2fd8d', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: '7bed76f34202ccbea0d717fee1975e9fedae4297', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '08c1901aee18f4f556e08ec18c1a7c5874f3fd76', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '38b4304e9f6403254352214c92fd1bedb99f6d66', slot: "content" }, h("slot", { key: 'f7c7ffa2c0b150d8e48ef38295596edd22bb58b5', name: "filters-aside" }))))))), h("div", { key: '155f118d7198601d0c1a6267e709d20b561c64a2', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '4fc34fc49a332e68e5d814d6062f93bc71100377' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: '42dab7565aa69b6d40be7b7502c6515d1cd248e7', class: "stzh-search__error" }, h("stzh-message", { key: '8d1c09bf4c275ff9d7925d075ddd70dc083d93e8', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'f294bca37ce25e8b6a585729355ce95618430643', class: "stzh-search__loader" })), h("slot", { key: 'd0b31a873b36de919aa17fea40f4b75939c004e7' }))));
+            })) }))))), filtersAsideUsed && (h(Fragment, { key: '900ade7b4448228c9089da31d6037c63d3bd7804' }, h("div", { key: '4b98be07cb167697314be408e6def52b2bdcd65b', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '751f622ad15e0771f53b686e26d0b8d8b33915cd', class: "stzh-search__filters-aside-inner" }, h("div", { key: '6548fcae1748fe1d2838437ef87c083254b6d75c', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'fbf8f016a163c99accae2e013a273553ed958caf', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '7b3fd7a5c19c07d828046434aeef0bf0b5964e4e', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '28b198629cc5049dbcd0612bd27a21471c1433c0', slot: "content" }, h("slot", { key: '110358388951211961c881ec14b46f7715811af6', name: "filters-aside" }))))))), h("div", { key: '69d02ff8d846892ba899ff6430821f4d03030a52', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '5e9517d66fa3b8c7fc3d52c209cfe009d558d765' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: 'd9715024bfe374397b73bf09ffc557f04b17cd19', class: "stzh-search__error" }, h("stzh-message", { key: '5a6316edaa28c0722504db950f20ba775166ba85', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: '3ed587034807936064a28bb0d29ff8d8675740bf', class: "stzh-search__loader" })), h("slot", { key: 'f8a8be5f8ca3cee0822e41d7f18f21635e5415af' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 import { b as setProps } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
@@ -101,12 +101,12 @@ const StzhSection = class {
         this.init();
     }
     render() {
-        return (h(Host, { key: '2be498b274f67f0603170eb5367cd186153c2206' }, h("section", { key: 'f4dda27f87d1b58f9826ec75e2a2fcecad9b6434', class: {
+        return (h(Host, { key: '6815f3e9658760fc8af8745ee9e6f3ed6a1ef9cb' }, h("section", { key: '9ffb80d2b3c4505161fc986f1366a0dbe5113c42', 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: 'dc4042c7d4cee716daf4cb3b4c061a8b2ec6f26c', class: "stzh-section__outer" }, h("div", { key: '23fa78aa7b158a5202738d6a41736e079036b231', class: "stzh-section__heading" }, h("slot", { key: 'f113c352f47dd08c01b5c1a2a80dc7e14abacef1', name: "heading" })), h("div", { key: '42c193cb6382a18ac57e45d9eececdf3c3e99b01', class: "stzh-section__wrapper" }, h("slot", { key: '322316c03b365cf3d224958416d935188a1862b4', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
+            } }, h("div", { key: 'ec81e73b9bd31cbf41771d1036f486f874659f43', class: "stzh-section__outer" }, h("div", { key: '4affebf2ce6e4ba56308a84cf8b29546ff524303', class: "stzh-section__heading" }, h("slot", { key: '7c93a03f5c8cdb1491a5836dc12ca9d4f114fdd8', name: "heading" })), h("div", { key: '6a89cf3caa3aa26e5536ab6b55320bdf3629605a', class: "stzh-section__wrapper" }, h("slot", { key: '8f978231fa604001cf043cdc503d79b53c42aad0', onSlotchange: this.onSlotChange, ref: el => (this.slotElement = el) }))))));
     }
 };
 StzhSection.style = stzhSectionCss();

package/dist/esm/stzh-show.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as api } from './js.cookie-Cpg2gH_9.js';
 
 const stzhShowCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}`;
@@ -53,9 +53,9 @@ const StzhShow = class {
     }
     render() {
         const timeNow = Date.now();
-        return (h(Host, { key: '70a4992118264a868bafea6d72a9737e8aecddff', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
+        return (h(Host, { key: '127cc31da361580db8d9ffa32d5f26e9e9ae54d4', hidden: (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||
                 (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||
-                this.closedByCookie }, h("slot", { key: '40a2d597936375f8575a7717eba9c42831a3eeb3' })));
+                this.closedByCookie }, h("slot", { key: '7e3976c80768dfbdea6814f3347e4cdf282bdddc' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-sitemap.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhSitemapCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-sitemap stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-heavy);--value-font-weight:var(--stzh-font-weight-heavy);--color:var(--stzh-base-color);--action-display:none}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--color:var(--stzh-color-primary);--hover-color:var(--stzh-color-primary-hover)}.stzh-sitemap stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]) stzh-datalist-item[href]:not([href=""]){--value-font-family:var(--stzh-font-family-medium);--value-font-weight:var(--stzh-font-weight-medium)}`;
 
@@ -17,7 +17,7 @@ const StzhSitemap = class {
         const classes = {
             "stzh-sitemap": true,
         };
-        return (h(Host, { key: '3e054797dbc48fe90cc4ee929d76863af694c5df' }, h("div", { key: '42f4f573fa37b393d6c74d21e29ccb851dd8aa96', class: classes }, h("stzh-datalist", { key: '6873705554a2994bb408f14a4a3b720f76f09320', items: this.items }))));
+        return (h(Host, { key: 'ee1a67e61c9083b5a5104ab7e4ad73e2770f26d3' }, h("div", { key: '14d4b440fafad2cce73f513044c4283acee04dda', class: classes }, h("stzh-datalist", { key: '8293f9638793f24f8fccb467b68dc13304cc3393', items: this.items }))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-skin-portal-mitwirken.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host } from './index-Cd_ra_Ay.js';
 
 const stzhSkinPortalMitwirkenCss = () => `@charset "UTF-8";
 /* Global css (mainly used to provide sensible defaults and helper classes) */
@@ -7190,7 +7190,7 @@ const StzhSkinPortalMitwirken = class {
         console.log(this.constructor.style.replace('@charset "UTF-8";', ""));
     }
     render() {
-        return h(Host, { key: '24db8f2a2fc3c4c7cfef8e0ef98eec41035a2a4c' });
+        return h(Host, { key: '2328e8263d11e635f41aaa905d6be7d3c03cd3e3' });
     }
 };
 StzhSkinPortalMitwirken.style = stzhSkinPortalMitwirkenCss();