@oiz/stzh-components 4.12.1 → 4.13.0-beta1

package/dist/esm/stzh-cta.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-cta.entry.js","sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n  --stzh-flyingfocus-color: #{$colorWhite};\n\n  --background-color: var(--stzh-cta-background-color, #{$ctaBackgroundColor});\n  --heading-color: #{$colorWhite};\n  --lead-color: #{$colorWhite};\n  --sticky-background-color: var(--background-color);\n  --button-color: var(--stzh-cta-button-color, #{$colorWhite});\n  --button-background-color: var(\n    --stzh-cta-button-background-color,\n    #{$colorPrimary70}\n  );\n  --button-border-radius: #{$buttonBorderRadius};\n\n  --hover-button-color: var(--stzh-cta-hover-button-color, #{$colorWhite});\n  --hover-button-background-color: var(\n    --stzh-cta-hover-button-background-color,\n    #{$colorSecondary60}\n  );\n\n  --stuck-background-color: #{$colorGrey10};\n  --stuck-heading-color: #{$colorPrimary70};\n  --stuck-lead-color: #{$baseColor};\n  --stuck-sticky-background-color: var(--background-color);\n\n  --grid-template-areas: var(--stzh-cta-grid-template-areas, \"cta cta cta cta\");\n\n  --grid-template-columns: var(\n    --stzh-cta-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @media print {\n    display: none;\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    );\n  }\n\n  &[size=\"small\"] {\n    --button-background-color: transparent;\n    --button-color: var(--stzh-color-white);\n    --hover-button-color: var(--button-color);\n    --hover-button-background-color: var(--button-background-color);\n\n    --stuck-background-color: var(--background-color);\n\n    @include mq($from: small) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta\"\n      );\n    }\n\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta cta cta cta cta\"\n      );\n    }\n  }\n}\n\n@keyframes stzh-cta-effect {\n  0%,\n  20%,\n  50%,\n  80%,\n  100% {\n    transform: translateX(0);\n  }\n\n  40% {\n    transform: translateX(-8px);\n  }\n\n  60% {\n    transform: translateX(-4px);\n  }\n}\n\n.stzh-cta {\n  @include font(\"heavy\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__wrapper {\n    grid-area: cta;\n    background-color: var(--background-color);\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @media (forced-colors: active) {\n      outline: 2px solid CanvasText;\n      outline-offset: -2px;\n    }\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n    background-color: var(--stuck-background-color);\n  }\n\n  &__heading,\n  &__lead {\n    transition-property: color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-left\", \"medium\");\n      @include spaceCurve(\"margin-right\", \"medium\");\n      @include spaceCurve(\"margin-bottom\", \"medium\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"xxlarge\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xxxlarge\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxxxlarge\");\n      }\n    }\n  }\n\n  &__heading {\n    @include fontCurve(\"h2\", \"heading\");\n    color: var(--heading-color);\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n    color: var(--stuck-heading-color);\n  }\n\n  &__lead {\n    @include fontCurve(\"p1\");\n    color: var(--lead-color);\n\n    &:not(:empty) {\n      @include spaceCurve(\"padding-top\", \"small\");\n    }\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n    color: var(--stuck-lead-color);\n  }\n\n  &__button {\n    @include font(\"heavy\");\n    @include fontSize(\"centi\");\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    appearance: none;\n    border: none;\n    text-decoration: none;\n    border-radius: var(--button-border-radius);\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    gap: space(\"xsmall\");\n    transition-property:\n      width, height, min-height, color, background-color, font-size, padding;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @include mq($from: small) {\n      width: auto;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    @include fontSize(\"milli\");\n\n    @include mq($from: medium) {\n      @include fontSize(\"centi\");\n    }\n  }\n\n  &__button-text {\n    display: block;\n  }\n\n  &__button-icon {\n    --size: #{iconSize(\"medium\")};\n  }\n\n  &__button:hover &__button-icon {\n    animation: stzh-cta-effect 1s;\n  }\n\n  &__sticky {\n    @include spaceCurve(\"--padding-left\", \"medium\");\n    @include spaceCurve(\"--padding-right\", \"medium\");\n    --padding-top: #{space(\"large\")};\n    --padding-bottom: #{space(\"large\")};\n    --background-color: var(--sticky-background-color);\n    --stuck-background-color: var(--stuck-sticky-background-color);\n    --stuck-padding-left: 0px;\n    --stuck-padding-right: 0px;\n\n    display: block;\n  }\n\n  &__buttons {\n    display: flex;\n    gap: space(\"medium\");\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__heading {\n    margin-bottom: 0;\n  }\n\n  /* Default variant; has heading, lead or multiple buttons */\n\n  &--size-default &__wrapper {\n    padding-top: space(\"large\");\n    padding-bottom: space(\"large\");\n\n    @include mq($from: small) {\n      @include spaceCurve(\"padding-top\", \"large\");\n      @include spaceCurve(\"padding-bottom\", \"large\");\n    }\n  }\n\n  &--size-default &__button {\n    padding: space(\"xsmall\") space(\"xlarge\");\n    min-height: $formInputHeight;\n  }\n\n  &--size-default &__button-icon {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n\n  &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    min-height: $formInputHeightSmall;\n\n    @include mq($from: medium) {\n      min-height: $formInputHeight;\n    }\n  }\n\n  &--size-default &__sticky {\n    margin-top: calc(var(--padding-top) / -1);\n    margin-bottom: calc(var(--padding-bottom) / -1);\n  }\n\n  /* Small variant; has no heading, lead or multiple buttons */\n\n  &--size-small &__button {\n    width: 100%;\n    max-width: 100%;\n    gap: space(\"medium\");\n\n    &.is-placeholder {\n      width: auto;\n      max-width: none;\n      visibility: hidden;\n      position: absolute;\n      pointer-events: none;\n    }\n  }\n\n  &--size-small\n    &__sticky[is-stuck]:not([is-stuck=\"false\"])\n    &__button:not(.is-placeholder) {\n    width: var(--button-width, auto);\n  }\n\n  &--size-small &__button-icon {\n    --size: #{iconSize(\"large\")};\n  }\n\n  &--size-small &__sticky {\n    @include spaceCurve(\"--padding-top\", \"large\");\n    @include spaceCurve(\"--padding-bottom\", \"large\");\n\n    &[is-stuck]:not([is-stuck=\"false\"]) {\n      @include spaceCurve(\"--padding-top\", \"medium\");\n      @include spaceCurve(\"--padding-bottom\", \"medium\");\n    }\n  }\n\n  /* Not loaded */\n\n  &--is-not-loaded {\n    visibility: hidden;\n  }\n\n  &--is-not-loaded &__wrapper,\n  &--is-not-loaded &__heading,\n  &--is-not-loaded &__lead,\n  &--is-not-loaded &__button {\n    transition-duration: 0ms;\n  }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n  tag: \"stzh-cta\",\n  styleUrl: \"stzh-cta.scss\",\n  scoped: true,\n})\nexport class StzhCta {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Lead */\n  @Prop() lead: string = \"\";\n\n  /** Button Label */\n  @Prop() label: string = \"\";\n\n  /** Button link */\n  @Prop() href: string = \"\";\n\n  /**\n   *  Whether sticky button is disabled.\n   *  Will be set to true automatically on,\n   *  when more than one cta is on the page.\n   */\n  @Prop() stickyDisabled: boolean = true;\n\n  @State() loaded: boolean = false;\n\n  @Element() element: HTMLStzhCtaElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n  private button: HTMLButtonElement | HTMLAnchorElement;\n  private placeholderButton: HTMLElement;\n  private debounceResize: number;\n  private focusedByInput: boolean = false;\n  private placeholderButtonResizeObserver: ResizeObserver;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.button.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n      href: this.href,\n    });\n  };\n\n  private handlePlaceholderButtonResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n  };\n\n  private updateButtonWidthByResize = () => {\n    if (!this.placeholderButton) {\n      return;\n    }\n\n    const { width } = this.placeholderButton.getBoundingClientRect();\n    this.element.style.setProperty(\"--button-width\", `${width}px`);\n  };\n\n  componentDidLoad() {\n    this.stickyDisabled = counter > 1;\n\n    this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n    if (this.placeholderButton) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateButtonWidthByResize();\n\n        window.setTimeout(() => {\n          this.loaded = true;\n        }, 250);\n      });\n    });\n  }\n\n  componentDidRender() {\n    if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n  }\n\n  connectedCallback() {\n    counter = counter + 1;\n  }\n\n  disconnectedCallback() {\n    // current no way of sending events in disconnected callback, so we just decrease the counter now,\n    // but the user has to set stickyDisabled=false by himself\n    counter = counter - 1;\n\n    this.placeholderButtonResizeObserver?.disconnect();\n  }\n\n  private renderButtons(size: \"default\" | \"small\") {\n    return (\n      <div class=\"stzh-cta__buttons\">\n        {size === \"small\" && (\n          <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        )}\n\n        {this.href ? (\n          <a\n            class=\"stzh-cta__button\"\n            href={this.href}\n            ref={el => (this.button = el as HTMLAnchorElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </a>\n        ) : (\n          <button\n            class=\"stzh-cta__button\"\n            ref={el => (this.button = el as HTMLButtonElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n    const hasHeading = !!this.heading || headingSlotUsed;\n    const hasLead = !!this.lead || leadSlotUsed;\n    const hasHeadingOrLead = hasHeading || hasLead;\n\n    const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n    const classes = {\n      \"stzh-cta\": true,\n      \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n      \"stzh-cta--is-not-loaded\": !this.loaded,\n      \"stzh-cta--has-heading\": hasHeading,\n      \"stzh-cta--has-lead\": hasLead,\n      [`stzh-cta--size-${size}`]: !!size,\n    };\n\n    return (\n      <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <article class={classes} data-stzh-sticky-width-container>\n          <div class=\"stzh-cta__wrapper\">\n            <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            <div class=\"stzh-cta__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n            <stzh-sticky\n              name=\"cta\"\n              class=\"stzh-cta__sticky\"\n              position=\"fixed\"\n              bleeding\n              disableStickyBottom={this.stickyDisabled}\n              disableStickyTop={true}\n            >\n              {this.renderButtons(size)}\n            </stzh-sticky>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"stzh-cta.entry.js","sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n  --stzh-flyingfocus-color: #{$colorWhite};\n\n  --background-color: var(--stzh-cta-background-color, #{$ctaBackgroundColor});\n  --heading-color: #{$colorWhite};\n  --lead-color: #{$colorWhite};\n  --sticky-background-color: var(--background-color);\n  --button-color: var(--stzh-cta-button-color, #{$colorWhite});\n  --button-background-color: var(\n    --stzh-cta-button-background-color,\n    #{$colorPrimary70}\n  );\n  --button-border-radius: #{$buttonBorderRadius};\n\n  --hover-button-color: var(--stzh-cta-hover-button-color, #{$colorWhite});\n  --hover-button-background-color: var(\n    --stzh-cta-hover-button-background-color,\n    #{$colorSecondary60}\n  );\n\n  --stuck-background-color: #{$colorGrey10};\n  --stuck-heading-color: #{$colorPrimary70};\n  --stuck-lead-color: #{$baseColor};\n  --stuck-sticky-background-color: var(--background-color);\n\n  --grid-template-areas: var(--stzh-cta-grid-template-areas, \"cta cta cta cta\");\n\n  --grid-template-columns: var(\n    --stzh-cta-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @media print {\n    display: none;\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    );\n  }\n\n  &[size=\"small\"] {\n    --button-background-color: transparent;\n    --button-color: var(--stzh-color-white);\n    --hover-button-color: var(--button-color);\n    --hover-button-background-color: var(--button-background-color);\n\n    --stuck-background-color: var(--background-color);\n\n    @include mq($from: small) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta\"\n      );\n    }\n\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta cta cta cta cta\"\n      );\n    }\n  }\n}\n\n@keyframes stzh-cta-effect {\n  0%,\n  20%,\n  50%,\n  80%,\n  100% {\n    transform: translateX(0);\n  }\n\n  40% {\n    transform: translateX(-8px);\n  }\n\n  60% {\n    transform: translateX(-4px);\n  }\n}\n\n.stzh-cta {\n  @include font(\"heavy\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__wrapper {\n    grid-area: cta;\n    background-color: var(--background-color);\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @media (forced-colors: active) {\n      outline: 2px solid CanvasText;\n      outline-offset: -2px;\n    }\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n    background-color: var(--stuck-background-color);\n  }\n\n  &__heading,\n  &__lead {\n    transition-property: color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-left\", \"medium\");\n      @include spaceCurve(\"margin-right\", \"medium\");\n      @include spaceCurve(\"margin-bottom\", \"medium\");\n\n      @include mq($from: small) {\n        margin-bottom: space(\"xxlarge\");\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space(\"xxxlarge\");\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxxxlarge\");\n      }\n    }\n  }\n\n  &__heading {\n    @include fontCurve(\"h2\", \"heading\");\n    color: var(--heading-color);\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n    color: var(--stuck-heading-color);\n  }\n\n  &__lead {\n    @include fontCurve(\"p1\");\n    color: var(--lead-color);\n\n    &:not(:empty) {\n      @include spaceCurve(\"padding-top\", \"small\");\n    }\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n    color: var(--stuck-lead-color);\n  }\n\n  &__button {\n    @include font(\"heavy\");\n    @include fontSize(\"centi\");\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    appearance: none;\n    border: none;\n    text-decoration: none;\n    border-radius: var(--button-border-radius);\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    gap: space(\"xsmall\");\n    transition-property:\n      width, height, min-height, color, background-color, font-size, padding;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @include mq($from: small) {\n      width: auto;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    @include fontSize(\"milli\");\n\n    @include mq($from: medium) {\n      @include fontSize(\"centi\");\n    }\n  }\n\n  &__button-text {\n    display: block;\n  }\n\n  &__button-icon {\n    --size: #{iconSize(\"medium\")};\n  }\n\n  &__button:hover &__button-icon {\n    animation: stzh-cta-effect 1s;\n  }\n\n  &__sticky {\n    @include spaceCurve(\"--padding-left\", \"medium\");\n    @include spaceCurve(\"--padding-right\", \"medium\");\n    --padding-top: #{space(\"large\")};\n    --padding-bottom: #{space(\"large\")};\n    --background-color: var(--sticky-background-color);\n    --stuck-background-color: var(--stuck-sticky-background-color);\n    --stuck-padding-left: 0px;\n    --stuck-padding-right: 0px;\n\n    display: block;\n  }\n\n  &__buttons {\n    display: flex;\n    gap: space(\"medium\");\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__heading {\n    margin-bottom: 0;\n  }\n\n  /* Default variant; has heading, lead or multiple buttons */\n\n  &--size-default &__wrapper {\n    padding-top: space(\"large\");\n    padding-bottom: space(\"large\");\n\n    @include mq($from: small) {\n      @include spaceCurve(\"padding-top\", \"large\");\n      @include spaceCurve(\"padding-bottom\", \"large\");\n    }\n  }\n\n  &--size-default &__button {\n    padding: space(\"xsmall\") space(\"xlarge\");\n    min-height: $formInputHeight;\n  }\n\n  &--size-default &__button-icon {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n\n  &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    min-height: $formInputHeightSmall;\n\n    @include mq($from: medium) {\n      min-height: $formInputHeight;\n    }\n  }\n\n  &--size-default &__sticky {\n    margin-top: calc(var(--padding-top) / -1);\n    margin-bottom: calc(var(--padding-bottom) / -1);\n  }\n\n  /* Small variant; has no heading, lead or multiple buttons */\n\n  &--size-small &__button {\n    width: 100%;\n    max-width: 100%;\n    gap: space(\"medium\");\n\n    &.is-placeholder {\n      width: auto;\n      max-width: none;\n      visibility: hidden;\n      position: absolute;\n      pointer-events: none;\n    }\n  }\n\n  &--size-small\n    &__sticky[is-stuck]:not([is-stuck=\"false\"])\n    &__button:not(.is-placeholder) {\n    width: var(--button-width, auto);\n  }\n\n  &--size-small &__button-icon {\n    --size: #{iconSize(\"large\")};\n  }\n\n  &--size-small &__sticky {\n    @include spaceCurve(\"--padding-top\", \"large\");\n    @include spaceCurve(\"--padding-bottom\", \"large\");\n\n    &[is-stuck]:not([is-stuck=\"false\"]) {\n      @include spaceCurve(\"--padding-top\", \"medium\");\n      @include spaceCurve(\"--padding-bottom\", \"medium\");\n    }\n  }\n\n  /* Not loaded */\n\n  &--is-not-loaded {\n    visibility: hidden;\n  }\n\n  &--is-not-loaded &__wrapper,\n  &--is-not-loaded &__heading,\n  &--is-not-loaded &__lead,\n  &--is-not-loaded &__button {\n    transition-duration: 0ms;\n  }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n  tag: \"stzh-cta\",\n  styleUrl: \"stzh-cta.scss\",\n  scoped: true,\n})\nexport class StzhCta {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Lead */\n  @Prop() lead: string = \"\";\n\n  /** Button Label */\n  @Prop() label: string = \"\";\n\n  /** Button link */\n  @Prop() href: string = \"\";\n\n  /**\n   *  Whether sticky button is disabled.\n   *  Will be set to true automatically on,\n   *  when more than one cta is on the page.\n   */\n  @Prop() stickyDisabled: boolean = true;\n\n  @State() loaded: boolean = false;\n\n  @Element() element: HTMLStzhCtaElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n  private button: HTMLButtonElement | HTMLAnchorElement;\n  private placeholderButton: HTMLElement;\n  private debounceResize: number;\n  private focusedByInput: boolean = false;\n  private placeholderButtonResizeObserver: ResizeObserver;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.button.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n    });\n  };\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n      href: this.href,\n    });\n  };\n\n  private handlePlaceholderButtonResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n  };\n\n  private updateButtonWidthByResize = () => {\n    if (!this.placeholderButton) {\n      return;\n    }\n\n    const { width } = this.placeholderButton.getBoundingClientRect();\n    this.element.style.setProperty(\"--button-width\", `${width}px`);\n  };\n\n  componentDidLoad() {\n    this.stickyDisabled = counter > 1;\n\n    this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n    if (this.placeholderButton) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateButtonWidthByResize();\n\n        window.setTimeout(() => {\n          this.loaded = true;\n        }, 250);\n      });\n    });\n  }\n\n  componentDidRender() {\n    if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n  }\n\n  connectedCallback() {\n    counter = counter + 1;\n  }\n\n  disconnectedCallback() {\n    // current no way of sending events in disconnected callback, so we just decrease the counter now,\n    // but the user has to set stickyDisabled=false by himself\n    counter = counter - 1;\n\n    this.placeholderButtonResizeObserver?.disconnect();\n  }\n\n  private renderButtons(size: \"default\" | \"small\") {\n    return (\n      <div class=\"stzh-cta__buttons\">\n        {size === \"small\" && (\n          <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        )}\n\n        {this.href ? (\n          <a\n            class=\"stzh-cta__button\"\n            href={this.href}\n            ref={el => (this.button = el as HTMLAnchorElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </a>\n        ) : (\n          <button\n            class=\"stzh-cta__button\"\n            ref={el => (this.button = el as HTMLButtonElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  render() {\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n    const hasHeading = !!this.heading || headingSlotUsed;\n    const hasLead = !!this.lead || leadSlotUsed;\n    const hasHeadingOrLead = hasHeading || hasLead;\n\n    const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n    const classes = {\n      \"stzh-cta\": true,\n      \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n      \"stzh-cta--is-not-loaded\": !this.loaded,\n      \"stzh-cta--has-heading\": hasHeading,\n      \"stzh-cta--has-lead\": hasLead,\n      [`stzh-cta--size-${size}`]: !!size,\n    };\n\n    return (\n      <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <article class={classes} data-stzh-sticky-width-container>\n          <div class=\"stzh-cta__wrapper\">\n            <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            <div class=\"stzh-cta__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n            <stzh-sticky\n              name=\"cta\"\n              class=\"stzh-cta__sticky\"\n              position=\"fixed\"\n              bleeding\n              disableStickyBottom={this.stickyDisabled}\n              disableStickyTop={true}\n            >\n              {this.renderButtons(size)}\n            </stzh-sticky>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-Cd_ra_Ay.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './media-utils-CUGRmgip.js';
-import { e as addWordBreakToLinks } from './utils-BnOofzDv.js';
+import { j as addWordBreakToLinks } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
 
 const stzhDatalistCss = () => `.sc-stzh-datalist-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-datalist-h,[stzh-hidden].sc-stzh-datalist-h{display:none}.sc-stzh-datalist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datalist-h *.sc-stzh-datalist,.sc-stzh-datalist-h *.sc-stzh-datalist::before,.sc-stzh-datalist-h *.sc-stzh-datalist::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-datalist-h .has-focus.sc-stzh-datalist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist{outline-style:none !important}.sc-stzh-datalist-h .stzh-fylingfocus-focused.sc-stzh-datalist::-moz-focus-inner{border:0 !important}.sc-stzh-datalist-h{--columns:1;--columns-gap:var(--stzh-grid-gutter);--list-display:grid;--list-margin-right:calc(var(--columns-gap) / -1);--list-grid-template-columns:repeat(
@@ -155,9 +155,9 @@ const StzhDatalist = class {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: 'eedf80ac114572c26996fb1d54970f14078c62af', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: 'adfd38bbd33caaeb5e43c03772e4611f71bb8e5c', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: '1ce5a55fd406990708b34ed443f103d999b56599', class: classes }, h("div", { key: 'f686adb2f179b033c63d3e96e5c5c9d8ed1daef0', class: "stzh-datalist__wrapper" }, h("div", { key: 'ed185494f66ab2dc001c9cce02f73ec7aae8ad80', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'c195766f8813e5301ef0c6f638899cd351434365' }))))));
+            } }, h("div", { key: 'de02abc81a926a6eaf50f384f5c4aa2735b2e1b9', class: classes }, h("div", { key: '333da81e4c54bfe1914c7be7b6c2fddf39701a56', class: "stzh-datalist__wrapper" }, h("div", { key: '60bbb2021ea07e7405c0a2cf989ea8971dfeb179', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '366aa399241d4ab8e4b5362a84b75da7ab9d65e2' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -396,7 +396,7 @@ const StzhStatus = class {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'f9e69c232eb0714c5d8e9503f0de9c00267a81cb' }, h("div", { key: 'dae9d9a0109461c08a650b71583ab1c5198691b2', class: classes }, h("div", { key: 'e4cba8469865473a6dfd305db3ac05184da3658f', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '51e7665025279382fb372c7f1c9e8d2aa54b56d0', class: "stzh-status__dot" }), this.label && h("div", { key: '549f43abef15944d6f7439ee034dbe8ee2b4818a', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3501d6e8aca4c281b3ec88559a5cd5a7c768261a', class: "stzh-status__bar" }, h("div", { key: '7defbd37167c186f52a36b36130a0217cc585b8c', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: '799a39017cfec61a07e36347b0a36cc57a5f6260' }, h("div", { key: '5ebb6c1bbdbe1a05a90b02036062d56ab8e2e2f6', class: classes }, h("div", { key: 'c69bed678675f12c4e12db51d81e2287fc9289ff', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '1ae15cb68b2f4e1f0e44f6e15b255826a8ffe71c', class: "stzh-status__dot" }), this.label && h("div", { key: '0011fd4ccf566f6eaf0416d4e82c1414d13786b3', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3db966f076e94e642193e27591330c05122336c5', class: "stzh-status__bar" }, h("div", { key: '62c736e56b6028fa8e4ecfbf2713e4e9df880a38', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }

package/dist/esm/stzh-datamessagelist-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhDatamessagelistItemCss = () => `.sc-stzh-datamessagelist-item-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-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}`;
 
@@ -86,7 +86,7 @@ const StzhDatamessagelistItem = class {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '1e5e94c37b1514688f354dab43b198c8ba5d4006', role: "listitem" }, h("article", { key: '52b83980dac6f0ad0c815030f17bdce18723741c', class: classes }, h("div", { key: '1c7c68c77b06996d56a1febdab9d1622d0b989fe', class: "stzh-datamessagelist-item__content" }, h("div", { key: '378292229b9d0e096c75dad73122cc7d0c70fa10', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '70864b4a7d643a2a151b9af89b9ea89fda5f7e9e', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '083880f12718bc4ee16593b9fb389dbe21a8733a', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'd063a85d6a6b58af3e27771257e7803701c760cd', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'dae9707c79a2259a2e2ac88558334e02cd131435', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '78c894c88955d72b11cfccc90526d951ca9dd834', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '9b733c6b25a336b90bbb14a0276b9d42e370588b', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'ed5ba3351f94a824fa4391ac618095479989e18a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '919f849858a216efebfafecb9fe44da7a103ee19', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '42c3b27ea91e4af99725e98dc8c31215a1b387fc', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'e6e358a9e050a02225d2cf0017467cef73babed4', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: 'a2f885499805d431ef71b8692db558564fdf95b8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: '9fec33bc6766ec5eac13763f58b6f626dd799132', role: "listitem" }, h("article", { key: '39649df9c09955beb2f4d7455d9511c918898523', class: classes }, h("div", { key: 'bd35d114e417be405e51c8578a820284b5bf28c8', class: "stzh-datamessagelist-item__content" }, h("div", { key: '751701b36f3c56c40a0ee47eced89d48f3035aba', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '7f436486d4b86819b035ad9b9945d1e1ce572519', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '334bd57efb0d03e3bd17c50b08ab0b2857aa2776', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'a27456bf461806a486358e3772074a7868a58147', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: '2a55c1a3f49b9bfab8898a9ef3687af1129f258f', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '6a745a8dd113b8b3e530dcbd03629ac272dbed0d', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: 'c8da410e35b3ab5abfe809121418881f93a376d7', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6b062faf935996210aca31964cf2070ed08386eb', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'c5441638fee4bb6102ec36b9f3c34b9fcec7e83d', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '12b0f51b4ac8291a1073563e2fcf356be47c92b0', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '566e22de23e82db3411285c4dea8fcbc79cfc9f9', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '1bfe0df7a641ecdd40e691942ccecf944ed568cc', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhDatamessagelistCss = () => `.sc-stzh-datamessagelist-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-datamessagelist-h,[stzh-hidden].sc-stzh-datamessagelist-h{display:none}.sc-stzh-datamessagelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::before,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::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-datamessagelist-h .has-focus.sc-stzh-datamessagelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist{outline-style:none !important}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-h.sc-stzh-datamessagelist-s>*:not(:last-child),.sc-stzh-datamessagelist-h .sc-stzh-datamessagelist-s>*:not(:last-child){border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (max-width: 599px){.stzh-datamessagelist.sc-stzh-datamessagelist{margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}}`;
 
@@ -10,7 +10,7 @@ const StzhDatamessagelist = class {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: 'dd0b9ad1cce642e77fc2ad2bea08c0e294c0a8c7' }, h("div", { key: 'bff2a50cc6dfda3d834eb4f099987152e28642a7', class: classes }, h("div", { key: '7b0c08965fbc887e31aa9357d6ae6619a6d67308', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'e6371ddb42e198d05561475c5d80e2d8bef1e09c' })))));
+        return (h(Host, { key: '64b90524c0efd9519bb5597811427c17f47004bf' }, h("div", { key: '8a7a328641b4e278281b738a7ca23adf6659634a', class: classes }, h("div", { key: 'b32542b2ee914e818572d8314be274351812e84e', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'c600f0b314b2a1bd45d5d561bdab8df5915822f0' })))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { f as flexsearch_bundle_minExports } from './flexsearch.bundle.min-9sAr4-Zz.js';
-import { h as hasSlot } from './utils-BnOofzDv.js';
+import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './_commonjsHelpers-E-ZsRS8r.js';
 import './string-utils-BubviQku.js';
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Qb46gVIp.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 printISODate } from './date-utils-Df1Iqnz9.js';
-import { h as hasSlot } from './utils-BnOofzDv.js';
-import { S as StzhInputDescription } from './stzh-input-description-CkiDnZXP.js';
+import { h as hasSlot, a as hasDefaultSlotContent } from './utils-CnvjJ2wY.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import { c as camelCase } from './string-utils-BubviQku.js';
 
 const stzhDatepickerCss = () => `.sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;
@@ -182,11 +182,11 @@ const StzhDatepicker = class {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: 'f9ab0e2fb4575eb8542d1ec382f35481cf134fb6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b2c28f9dd72b3744607a266df158da76e9530262', class: classes }, h("input", { key: '4650d89af6b5c00f52c54a79f5e142ca81ec85a1', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '79d0a144fecd99d047b825c70b8f7bc714d5f119' }, h("stzh-calendar", { key: 'f68c46fa1c548914947871b7c4b734712080f686',
+        return (h(Host, { key: 'd9b40c1e1a68c74879c273a174b8a63ffb3d10b2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c53891ea927dd1438358a5d217dc2f1e528dde72', class: classes }, h("input", { key: '41c4696e237df6813fb12753afaddb1146b3f73a', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '6efba9d37a2bde968d953346016754cc070b8665' }, h("stzh-calendar", { key: '77150633a72adfa35e7798f17f40b53297f798a3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '9fbf7a789b1a913b49410b541c43d7f1632e06a4', class: "stzh-datepicker__actions" }, h("slot", { key: 'db2778590807eb867606d911e68ba8028c3bd7b2', name: "action" })))), !this.inline && (h("stzh-input", { key: '0873aa372a6f12d138e8eb27faf1625185e807b2', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '7078a7358bdd7d0ffac426a4403e746c09443af7', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '3e918f15c8de06dbedf49d017cad568bdeb4c85c', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'ffdd219a08612fa9455b620fa9a2bc3b3c2a72ca', slot: "content" }, h("stzh-calendar", { key: 'cba8098fb2ad2bd4d71692923d66315210822176',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'f0e8a0edbb4c64ea411e30ab4578c0013c88b83f', class: "stzh-datepicker__actions" }, h("slot", { key: 'b5df0a6529ffaf2927a01f408d167695e5a002c5', name: "action" })))), !this.inline && (h("stzh-input", { key: 'b470051ac156e9bcbacd72fcd64b57645f67ee5e', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '2e29653c07a2e711b0753588e1393134c955b8c4', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '6bd527b919554988a7b38504c8a8b400a533963e', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: '7c210df7753fcc03e8c739c9e1091e368283a773', slot: "content" }, h("stzh-calendar", { key: 'ca06852fe5518ff2addbbbd594a8b8d9cf5b30e7',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '74bf18b052db32ded17eb2a5df1ab689d71a53a0', class: "stzh-datepicker__actions" }, h("slot", { key: '55a234b0b97e8c031619ca422f67413fd56aba3f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '29780d8533bec7a0b487451ab5357842dc9995f1', class: "stzh-datepicker__actions" }, h("slot", { key: 'cae8db696b99abf9c7c78f4826d0375fcc8471cd', name: "action" })))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -228,6 +228,18 @@ const StzhRadio = class {
         this.label = "";
         /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
+        this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
         this.handleReset = async () => {
             this.checked = this.defaultChecked;
@@ -272,6 +284,19 @@ const StzhRadio = class {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = hasDefaultSlotContent(this.element, ["stzh-radio"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -301,6 +326,9 @@ const StzhRadio = class {
             this._error = [];
         }
     }
+    componentDidLoad() {
+        this.updateDefaultSlotState();
+    }
     async componentWillLoad() {
         this.inputId = `stzh-radio-${radioCounter++}`;
         this.errorWatcher(this.error);
@@ -314,6 +342,8 @@ const StzhRadio = class {
         const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
         const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
         const errorUsed = hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        const labelUsed = !!this.label || this.hasDefaultSlot;
+        const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;
         const classes = {
             "stzh-radio": true,
             "stzh-radio--has-description": descriptionUsed,
@@ -323,11 +353,11 @@ const StzhRadio = class {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: 'f5b4a6a3fc1b36166f2f1244e88a133ef2555dde', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'df81304c66119b4ea99f911b21272c1afbf5f99d', class: classes }, h("label", { key: '24096e4ee57817ba5e4590bca41a0757b9e9962c', class: "stzh-radio__field-wrapper" }, h("input", { key: '32422449fb206c15a837dea57d6a647bdc52ff92', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(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: 'a00abc3aa709f39fd490155f816bd8f8ce6c43df', class: "stzh-radio__mark" }, h("div", { key: '78ed354e2f19bffbeb93244797a5de8f0c7ebaa9', class: "stzh-radio__check" })), h("div", { key: '26b9d086e49288e7e604f6d0a0fb84f839b1053d', class: "stzh-radio__label" }, this.label ? (this.label) : (h("span", { class: "stzh-radio__label-slot" }, h("slot", null))), !this.hideOptional && (h("span", { key: '7e9c841e5c87e6d30b42f69f53eb0964e434dea2', class: "stzh-radio__marker" }, h("span", { key: '243e5ed2b1c03d084c02263aa74c03736af60a6c', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '6bd9ef10b3300e578fefe4ff653cf978816cf1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebea8d7aba9224f046d56555098b282102ec0929', class: classes }, labelWrapperUsed && (h("label", { key: 'cdd4030cff6fd5cff42edf529971e5ef07265db0', class: "stzh-radio__field-wrapper" }, h("input", { key: '6c7d1137b279447f1c6ae8b27460c843c7003af2', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(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: 'c8509edd66148d8ac08321eb7697606d7c463167', class: "stzh-radio__mark" }, h("div", { key: '05ec9e5169f45e097eeac2738f37d971e2c0558a', class: "stzh-radio__check" })), h("div", { key: '1920c1b97402a54aa3d96fde0b90450fdeeccecc', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'ceb36dd822f2270408df3d7febb1f11b18fc46f4', class: "stzh-radio__marker" }, h("span", { key: 'b9488232d4807504c0f17a968777071dcf40d6a6', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '520155a717966a7353632bcc7b0ee649e9f618a8', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2995c8fcfdc07aa29c760b2e3faf9c7332a962f5', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'b1bf15462d161875a5a1e18c95f09a03561b86f5', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '4caf7c1aa4eeea61c391f4554a26a0fdfdc8669e', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a6b974712e0875863f2a3815b8c92c9e873ea006', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '73568d8f39d6f583916a427c4b25e914a4d38e3a', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -502,11 +532,11 @@ const StzhRadiogroup = class {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '280a36cfb4cf0c31dd92f6057590c7075c10aba2', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '38b1fc7d757dce1367968b902d1125c7e506cbf9', class: classes }, legendUsed && (h("legend", { key: 'b6d9f3d4d0852db83357cba1924fd5bbefb76959', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '5e14d12adde659c6eb014c93ac79c36a713e6874', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: 'b54931449de5974570096486e408d0d4fa796043', class: "stzh-radiogroup__marker" }, h("span", { key: '3e902f07b0b3b89f044c144cacd0cdb27f17c158', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c4acfe2d6e04449901172827d09dd48161b1d411', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '24a9232ee94c4d27804db23e5ffdabe67a319b5c', class: classes }, legendUsed && (h("legend", { key: '4c2265a4d3862623229c565b11fd15be19d740a7', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '89ebfd07ffe0bc6929d024ef91c682b94f129397', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '354be3f36cbc73bf3fdd601dbd1deb76cd29ed78', class: "stzh-radiogroup__marker" }, h("span", { key: 'f4c0ede8753ba128296fd361f8bf5f1299682bdc', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '84c032fb02ae1cdcc65a919e054b481d58eddb5e', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '02b6bdaf9ffdd84750e37739964945be05b7992d', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ecaa100aeb87566ae49ea3afcc8f653310c7d5e4', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'ee47918db265afeb79c444efd5791030e5de0abb', class: "stzh-radiogroup__fields" }, h("slot", { key: 'c4f5673cd44c161b3cdff750e06bbe28eac27d1b' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac8b20be56dacdc5a3d20b705bd71b93bf9aea60', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '2c8f3aefb4bc2c240b8fde2a8a2c3845e4842361', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '0321a78e16e357aa307c71eac4c7d51eed79e91a', class: "stzh-radiogroup__fields" }, h("slot", { key: '7666ea3eb3ae4b1e664234b87f4435a604dc5da5' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0b7cec19624157696894407e219d4d335d1fcfcf', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { s as setPropsIfNull } from './utils-BnOofzDv.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';
 
 const stzhDaterangeCss = () => `.sc-stzh-daterange-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-daterange-h,[stzh-hidden].sc-stzh-daterange-h{display:none}.sc-stzh-daterange-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-daterange-h *.sc-stzh-daterange,.sc-stzh-daterange-h *.sc-stzh-daterange::before,.sc-stzh-daterange-h *.sc-stzh-daterange::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-daterange-h .has-focus.sc-stzh-daterange{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange{outline-style:none !important}.sc-stzh-daterange-h .stzh-fylingfocus-focused.sc-stzh-daterange::-moz-focus-inner{border:0 !important}.sc-stzh-daterange-h{--grid-template-areas:var(
@@ -111,7 +111,7 @@ const StzhDaterange = class {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: 'c01e177ba7cd492a2a745e39d441a88b385a98cf' }, h("fieldset", { key: 'ef38acefcbb0b409ac7822efd975a0af40006e12', class: classes }, h("legend", { key: '371b30eafeb9859bee075ef58d63ccac0dcd8947', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e2a37046e6588b30e4eefd8424a21ff40d4e8a46', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b791072eb94ebcfcc2b89c6219b769561a958fc9', name: "from" })), h("div", { key: 'c9a3e8067711e6e3ff6689c4b85dbb4ffa3c031e', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '3dd5529c788128531acf7653f03d7788645105ea', name: "to" })), h("div", { key: '5bdcc67a6de8268cbe6c024db08610ee131f36fe', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '39d31268af19a5134e5b1ea5ba7b224fa68a6905' }, h("fieldset", { key: 'b74833b6217cdbfd31d690e840e4a97750944ac6', class: classes }, h("legend", { key: '7f35266cc7c417d55ef916fb4cf31e083ca49d7f', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'ff263fc05072760182e17fb78ba6ee0f3a3eb73a', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '687afa54b2f2db628d0ca83d1d04777c9840ab52', name: "from" })), h("div", { key: '507b710a0b30d203cc7711a38429307f7fd0ea10', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '86b82b908c96061af1c8271b64cc4d7fbb50ab7a', name: "to" })), h("div", { key: '5b29b94aa0ff956a4e9fbd8fa07c15e22ea15d2b', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { i as isStzhElement } from './utils-BnOofzDv.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { i as isStzhElement } from './utils-CnvjJ2wY.js';
 import { w as waitForEvent } from './event-utils--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './animation-utils-BOO84wnP.js';
 import './string-utils-BubviQku.js';
@@ -144,7 +144,7 @@ const StzhDetails = class {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: 'f5c8e4a31f502abe856418b524f8b508cbd1c128' }, h("div", { key: '9b2a8b0180abd4c43b156030475835afc1a45ac5', class: classes }, h("div", { key: 'e2cf487c3926d3b1f22c565a65dac18f9d22779a', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'f8a63e5359facee6d70c1df10b45cb5b75e8d9c2' })), h("div", { key: '48c369c60bc27d37000632e419b80adb7a9a49cb', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '7ab5cbd808d2a8316fe62c858de5470881617908', class: "stzh-details__content-inner" }, h("slot", { key: '916c66c4e70c412e51466e489d07cdbffccde8a0', name: "content" }))))));
+        return (h(Host, { key: '4b48f64ac3366debabb0c07612953be8f4deea4b' }, h("div", { key: 'b8bc3d9ae17fcfbbeaf65ed2f0a1607c859947b0', class: classes }, h("div", { key: '882c46abadbc8c3b7c8801d1e2e3018a1f813c91', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '415c19b3fb31447a44eba359f74be4c6f0abda24' })), h("div", { key: '12ffec7022cac4011500081caee03335b21d3352', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: 'b4c218cda34992243e39207552208799a07554d7', class: "stzh-details__content-inner" }, h("slot", { key: '993a95a62d6301d5fef1ede4517c60cbdeb4726d', name: "content" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { s as setPropsIfNull } from './utils-BnOofzDv.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import { c as createBaseFocusTrapOptions } from './overlay-utils-BzugsqyR.js';
 import { c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
 import './string-utils-BubviQku.js';
@@ -164,13 +164,13 @@ const StzhDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '4bf8a076f78ea029a8ddfc2e2be5f2a023459d14' }, h("div", { key: '38661af7b25ae9c4f3e453428e186092320b17cf', class: {
+        return (h(Host, { key: 'aa50f07cf85de8614d75332ad2a42ad015ad3418' }, h("div", { key: 'e200c0c5f9d0abeaa1e216a1b82629fae17fd02a', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '6c3b6620f0d0b25d8ce19776d1531ea1251d969e', class: "stzh-dialog__backdrop" }), h("div", { key: '628a9ba306c5e22027781e0ed563c8e493e6b6ae', class: "stzh-dialog__content" }, h("div", { key: '68baf78ced032ec6ff1ba5cecf3474a6bb8dc813', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: 'aba318795c57c6633a78fafa8e0b40b7b6ba3fb0', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'e6df82dec4f6ee5dd12518b1d93bb1c11fb9d385', class: "stzh-dialog__dialog-content" }, h("slot", { key: '1ee6524c55e43ea619c18022e5770417a9030950' })), h("div", { key: 'effc45d57f2645f6f235a08c5f5494b818189ba1', class: "stzh-dialog__actions" }, h("slot", { key: 'f8a2ab1af7899e0e3295fd60ce29d95a71fbd763', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '02747906d06e46796a4a15009766fd4f70eea9c8', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: 'c70d9aa60e6e5e9e2e517f09dbe979f1e2ca6c05', class: "stzh-dialog__backdrop" }), h("div", { key: '8d2fd8441f3349c8d10b491ec8e4710d50666c51', class: "stzh-dialog__content" }, h("div", { key: 'ad8a7e31dccbd799010e8a571d48751d41e67048', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '3d2c6776d449183ee4d236dd9143258b4b49b049', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'ca90de2a783f6ac35739bc5fa73fc773e2745f43', class: "stzh-dialog__dialog-content" }, h("slot", { key: 'd46051715f7e5dcffecea6a1c7ce80e3c74a172b' })), h("div", { key: '168550769a636cb7f7f20ff1eac8a9b5b601de06', class: "stzh-dialog__actions" }, h("slot", { key: 'afb33fb35fc4bdf5318ad527dcb98c91d216b825', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'c9fe71e47fe94373dbd755d91f396b2528eb9927', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { s as setPropsIfNull, h as hasSlot } from './utils-BnOofzDv.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { s as setPropsIfNull, h as hasSlot } from './utils-CnvjJ2wY.js';
 import { w as waitForEvent } from './event-utils--SdF31O7.js';
 import { s as stopAnimations, a as animateTo } from './animation-utils-BOO84wnP.js';
 import { m as media } from './media-utils-CUGRmgip.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
-import { h as hasSlot } from './utils-BnOofzDv.js';
-import { S as StzhInputDescription } from './stzh-input-description-CkiDnZXP.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
+import { h as hasSlot } from './utils-CnvjJ2wY.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import './string-utils-BubviQku.js';
 
 /**
@@ -5554,14 +5554,14 @@ const StzhDropdown = class {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhEditorCss = () => `.sc-stzh-editor-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-editor-h,[stzh-hidden].sc-stzh-editor-h{display:none}.sc-stzh-editor-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-editor-h *.sc-stzh-editor,.sc-stzh-editor-h *.sc-stzh-editor::before,.sc-stzh-editor-h *.sc-stzh-editor::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-editor-h .has-focus.sc-stzh-editor{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor{outline-style:none !important}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor::-moz-focus-inner{border:0 !important}.sc-stzh-editor-h{--background-color:var(--stzh-editor-background-color, var(--stzh-color-grey10))}@media print{.sc-stzh-editor-h{display:none}}.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xxlarge)}}.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-editor.sc-stzh-editor{background-color:var(--background-color)}.stzh-editor__wrapper.sc-stzh-editor{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-editor__heading.sc-stzh-editor{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-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-editor__heading.sc-stzh-editor{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-editor__heading.sc-stzh-editor:not(:empty){margin-bottom:var(--stzh-space-medium)}.stzh-editor__link-list.sc-stzh-editor{list-style:none;margin:0;padding:0;display:grid}@media screen and (min-width: 900px){.stzh-editor__link-list.sc-stzh-editor{gap:var(--stzh-space-medium)}}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-Qb46gVIp.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 
 const stzhEventdataCss = () => `.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;