@oiz/stzh-components 4.0.0-beta3 → 4.0.0

package/dist/cjs/stzh-tooltip.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-tooltip.entry.cjs.js","mappings":"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","names":["computePosition","offset","flip","shift","arrow","waitForEvent","stopAnimations","animateTo","isStzhElement","autoUpdate","createFocusTrap","h","Host","Arrow"],"sources":["src/components/stzh-tooltip/stzh-tooltip.scss?tag=stzh-tooltip&encapsulation=scoped","src/components/stzh-tooltip/stzh-tooltip.tsx"],"sourcesContent":["/**\n * @prop --width: Width of tooltip\n * @prop --min-width: Minimum width of tooltip\n * @prop --max-width: Maximum width of tooltip\n * @prop --padding: Padding of tooltip\n * @prop --border-radius: Border radius of tooltip\n *\n * @prop --stzh-tooltip-width: **Global**: Width of tooltip (default `auto`)\n * @prop --stzh-tooltip-min-width: **Global**: Minimum width of tooltip (default `initial`)\n * @prop --stzh-tooltip-max-width: **Global**: Maximum width of tooltip (default `334px`)\n * @prop --stzh-tooltip-padding: **Global**: Padding of tooltip (default `var(--stzh-space-small)`)\n * @prop --stzh-tooltip-border-radius: **Global**: Border radius of tooltip (default `3px`)\n * @prop --stzh-tooltip-drop-shadow: **Global**: Border radius of tooltip (default `drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.16))`)\n * @prop --stzh-tooltip-color: **Global**: Color of tooltip text\n * @prop --stzh-tooltip-background-color: **Global**: Background color of tooltip\n * @prop --stzh-tooltip-link-color: **Global**: Color for link within tooltip\n * @prop --stzh-tooltip-hover-link-color: **Global**: Hover color for link within tooltip\n */\n\n:host {\n  display: contents;\n\n  --color: var(--stzh-tooltip-color, #{$colorWhite});\n  --background-color: var(--stzh-tooltip-background-color, #{$colorCoolgrey60});\n  --width: #{$tooltipWidth};\n  --min-width: #{$tooltipMinWidth};\n  --max-width: #{$tooltipMaxWidth};\n  --padding: #{$tooltipPadding};\n  --border-radius: #{$tooltipBorderRadius};\n  --link-color: var(--stzh-tooltip-link-color, #{$colorWhite});\n  --hover-link-color: var(--stzh-tooltip-hover-link-color, #{$colorWhite70op});\n\n  &[size=\"small\"] {\n    --padding: #{$tooltipSmallPadding};\n  }\n\n  &[type=\"button\"] {\n    --color: #{$colorMidnightblue70};\n    --background-color: #{$colorCoolgrey10};\n    --link-color: #{$colorMidnightblue70};\n    --hover-link-color: #{$colorMidnightblue80};\n  }\n}\n\n.stzh-tooltip {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    @include tooltip-fontsize;\n    @include tooltip-dropshadow;\n    position: absolute;\n    z-index: $zIndexPopover;\n    border-radius: var(--border-radius);\n    background-color: var(--background-color);\n    color: var(--color);\n    width: var(--width);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    display: flex;\n    flex-direction: row-reverse;\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    --stzh-link-hover-color: var(--hover-link-color);\n  }\n\n  &__content-slot {\n    padding: var(--padding);\n  }\n\n  &__close {\n    @include tooltip__close;\n  }\n\n  &__icon {\n    @include tooltip__icon;\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhTooltipClosedEvent,\n  StzhTooltipCloseEvent,\n  StzhTooltipOpenedEvent,\n  StzhTooltipOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, MiddlewareData, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhTooltipLocalizedText } from \"./stzh-tooltip.localization\";\n\nimport Arrow from \"./assets/arrow.svg\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n  options: { duration: 100, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n  options: { duration: 200, easing: \"linear\" },\n};\n\nconst keyCode = {\n  ESC: 27,\n};\n\nlet tooltipCounter = 0;\n\n/**\n * @slot Trigger element inside\n * @slot content - Content of tooltip\n */\n@Component({\n  tag: \"stzh-tooltip\",\n  styleUrl: \"stzh-tooltip.scss\",\n  scoped: true,\n})\nexport class StzhTooltip {\n  /** Whether tooltip should be open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Label of tooltip (used for screenreaders) */\n  @Prop() label: string = \"\";\n\n  /** Content of tooltip (use instead of content slot) */\n  @Prop() content: string = \"\";\n\n  /** Default placement of tooltip relative to trigger element */\n  @Prop() placement: Placement = \"bottom\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Visual type */\n  @Prop({ reflect: true }) type: \"overlay\" | \"button\" = \"overlay\";\n\n  /** Shifting of tooltip content */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Shifting of tooltip content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from tooltip content to trigger (default: arrow height (8px) + spacing (4px) = 12) */\n  @Prop() distance: number = 12;\n\n  /** Whether tooltip is interactive */\n  @Prop() interactive: boolean = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = \"hover focus\";\n  private _trigger: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhTooltipLocalizedText;\n\n  @Element() element: HTMLStzhTooltipElement;\n\n  /** Tooltip open event */\n  @Event() stzhOpen: EventEmitter<StzhTooltipOpenEvent>;\n\n  /** Tooltip opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;\n\n  /** Tooltip close event */\n  @Event() stzhClose: EventEmitter<StzhTooltipCloseEvent>;\n\n  /** Tooltip closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTooltipClosedEvent>;\n\n  /** Show tooltip content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide tooltip content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle tooltip content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.contentElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.contentElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentElement.hidden = false;\n\n      await animateTo(this.contentElement, ANIMATION_SHOW.keyframes, ANIMATION_SHOW.options);\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n      await animateTo(this.contentElement, ANIMATION_HIDE.keyframes, ANIMATION_HIDE.options);\n\n      this.contentElement.hidden = true;\n      this.contentElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"trigger\")\n  triggerWatcher(newValue: string) {\n    this._trigger = newValue.split(\" \");\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.contentElement && this.contentElement.contains(event.target as HTMLElement) === false;\n\n    const isClickTrigger =\n      event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n    if (isClickOutside && !isClickTrigger && this.hasTrigger(\"click\")) {\n      this.hide();\n    }\n  }\n\n  @State() computedPlacement: Placement;\n\n  private observer: MutationObserver;\n\n  private toggledByMethod: boolean = false;\n  private middlewareData: MiddlewareData;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n  private id: string;\n  private trap: FocusTrap;\n  private isHovering: boolean = false;\n\n  private hasTrigger(trigger: string) {\n    return this._trigger.indexOf(trigger) > -1;\n  }\n\n  private onEscKey = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide();\n    }\n  };\n\n  private computePosition = async () => {\n    if (!this.open) {\n      return;\n    }\n\n    const {\n      x = 0,\n      y = 0,\n      strategy = \"absolute\",\n      placement,\n      middlewareData,\n    } = await computePosition(this.triggerFirstElement, this.contentElement, {\n      strategy: this.strategy,\n      placement: this.placement,\n      middleware: [\n        offset({\n          mainAxis: this.distance,\n          crossAxis: this.skidding,\n        }),\n        flip({\n          padding: 5,\n        }),\n        shift({\n          padding: 5,\n        }),\n        arrow({\n          element: this.arrowElement,\n          padding: 5,\n        }),\n      ],\n    });\n\n    this.middlewareData = middlewareData;\n    this.computedPlacement = placement;\n\n    Object.assign(this.contentElement.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    Object.assign(this.arrowElement.style, {\n      left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n      top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n    });\n  };\n\n  private onClickTrigger = () => {\n    if (this.hasTrigger(\"click\")) {\n      this.toggle();\n    }\n  };\n\n  private onMouseEnterTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = true;\n      this.show();\n    }\n  };\n\n  private onMouseLeaveTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = false;\n      document.addEventListener(\"mousemove\", this.onMouseMoveDocument);\n    }\n  };\n\n  private onFocusTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.show();\n    }\n  };\n\n  private onBlurTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.hide();\n    }\n  };\n\n  private onMouseMoveDocument = (event: MouseEvent) => {\n    const { clientX, clientY } = event;\n\n    if (!this.computedPlacement) {\n      return true;\n    }\n\n    const basePlacement = this.computedPlacement.split(\"-\")[0];\n    const offsetData = this.middlewareData.offset;\n    const popperRect = this.contentElement.getBoundingClientRect();\n\n    if (!offsetData) {\n      return true;\n    }\n\n    const topDistance = basePlacement === \"bottom\" ? offsetData.y : 0;\n    const bottomDistance = basePlacement === \"top\" ? offsetData.y : 0;\n    const leftDistance = basePlacement === \"right\" ? offsetData.x : 0;\n    const rightDistance = basePlacement === \"left\" ? offsetData.x : 0;\n\n    const exceedsTop = popperRect.top - clientY > topDistance;\n    const exceedsBottom = clientY - popperRect.bottom > bottomDistance;\n    const exceedsLeft = popperRect.left - clientX > leftDistance;\n    const exceedsRight = clientX - popperRect.right > rightDistance;\n\n    if (exceedsTop || exceedsBottom || exceedsLeft || exceedsRight) {\n      document.removeEventListener(\"mousemove\", this.onMouseMoveDocument);\n\n      if (!this.isHovering) {\n        this.hide();\n      }\n    }\n  };\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      this.triggerFirstElement = trigger;\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n      trigger.addEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      trigger.addEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      trigger.addEventListener(\"focusin\", this.onFocusTrigger);\n      trigger.addEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  };\n\n  async componentWillLoad() {\n    this.id = `stzh-tooltip-${tooltipCounter++}`;\n\n    this.triggerWatcher(this.trigger);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"tooltip\");\n    }\n  }\n\n  componentDidRender() {\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (this.hasTrigger(\"click\")) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(\n          isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n          `${this.id}-trigger-description`\n        );\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n      }\n    } else {\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-content`);\n      }\n    }\n\n    if (this.trap) {\n      this.open ? this.trap.activate() : this.trap.deactivate();\n    }\n  }\n\n  private initializedTooltip = false\n\n  componentDidUpdate() {\n    if (this.open && !this.initializedTooltip) {\n      this.initializeAutoUpdate();\n      this.initializeFocusTrap();\n      this.initializedTooltip = true\n    }\n\n    if (this.initializedTooltip) {\n      this.computePosition();\n      if (this.trap) {\n        this.trap.updateContainerElements(this.contentElement);\n      }\n    }\n  }\n\n  initializeAutoUpdate() {\n    this.autoUpdateCleanup = autoUpdate(this.element, this.contentElement, this.computePosition);\n  }\n\n  initializeFocusTrap() {\n    if (this.interactive) {\n      this.trap = createFocusTrap(this.contentElement, {\n        fallbackFocus: this.contentElement,\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true,\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.contentElement.hidden = !this.open;\n    if (this.open && this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n\n    if (this.triggerFirstElement) {\n      this.triggerFirstElement.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusin\", this.onFocusTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tooltip\": true,\n      [`stzh-tooltip--type-${this.type}`]: true,\n      [`stzh-tooltip--open`]: this.open,\n      [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-tooltip__trigger\" ref={el => (this.triggerElement = el as HTMLDivElement)}>\n            <slot></slot>\n          </div>\n          {this.hasTrigger(\"click\") && (\n            <div class=\"stzh-tooltip__vhidden\" id={`${this.id}-trigger-description`}>\n              {this.localization.open}\n            </div>\n          )}\n          <div\n            class=\"stzh-tooltip__content\"\n            id={`${this.id}-content`}\n            ref={el => (this.contentElement = el as HTMLDivElement)}\n            tabindex=\"-1\"\n            aria-labelledby={this.label ? `${this.id}-label` : null}\n            aria-hidden={this.open ? \"false\" : \"true\"}\n            onKeyDown={this.onEscKey}\n            onMouseEnter={this.onMouseEnterTrigger}\n            onMouseLeave={this.onMouseLeaveTrigger}\n            onFocusin={this.onFocusTrigger}\n            onFocusout={this.onBlurTrigger}\n          >\n            <div\n              class=\"stzh-tooltip__arrow\"\n              ref={el => (this.arrowElement = el as HTMLDivElement)}\n              innerHTML={Arrow}\n            ></div>\n            {this.label && (\n              <h2 id={`${this.id}-label`} class=\"stzh-tooltip__vhidden\">\n                {this.label}\n              </h2>\n            )}\n            {this.hasTrigger(\"click\") && (\n              <button class=\"stzh-tooltip__close\" onClick={() => this.hide()} type=\"button\">\n                <stzh-icon name=\"close\" class=\"stzh-tooltip__icon\"></stzh-icon>\n                <span class=\"stzh-tooltip__vhidden\">{this.localization.close}</span>\n              </button>\n            )}\n            <stzh-text\n              curve={this.type === \"overlay\" ? \"none\" : \"caption\"}\n              {...(this.type === \"button\" ? { font: \"heavy\" } : {})}\n              class=\"stzh-tooltip__content-slot\"\n            >\n              {this.content ? this.content : <slot name=\"content\"></slot>}\n            </stzh-text>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-tooltip.entry.cjs.js","mappings":"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","names":["computePosition","offset","flip","shift","arrow","waitForEvent","stopAnimations","animateTo","isStzhElement","autoUpdate","createFocusTrap","h","Host","Arrow"],"sources":["src/components/stzh-tooltip/stzh-tooltip.scss?tag=stzh-tooltip&encapsulation=scoped","src/components/stzh-tooltip/stzh-tooltip.tsx"],"sourcesContent":["/**\n * @prop --width: Width of tooltip\n * @prop --min-width: Minimum width of tooltip\n * @prop --max-width: Maximum width of tooltip\n * @prop --padding: Padding of tooltip\n * @prop --border-radius: Border radius of tooltip\n *\n * @prop --stzh-tooltip-width: **Global**: Width of tooltip (default `auto`)\n * @prop --stzh-tooltip-min-width: **Global**: Minimum width of tooltip (default `initial`)\n * @prop --stzh-tooltip-max-width: **Global**: Maximum width of tooltip (default `334px`)\n * @prop --stzh-tooltip-padding: **Global**: Padding of tooltip (default `var(--stzh-space-small)`)\n * @prop --stzh-tooltip-border-radius: **Global**: Border radius of tooltip (default `3px`)\n * @prop --stzh-tooltip-drop-shadow: **Global**: Border radius of tooltip (default `drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.16))`)\n * @prop --stzh-tooltip-color: **Global**: Color of tooltip text\n * @prop --stzh-tooltip-background-color: **Global**: Background color of tooltip\n * @prop --stzh-tooltip-link-color: **Global**: Color for link within tooltip\n * @prop --stzh-tooltip-hover-link-color: **Global**: Hover color for link within tooltip\n */\n\n:host {\n  display: contents;\n\n  --color: var(--stzh-tooltip-color, #{$colorWhite});\n  --background-color: var(--stzh-tooltip-background-color, #{$colorCoolgrey60});\n  --width: #{$tooltipWidth};\n  --min-width: #{$tooltipMinWidth};\n  --max-width: #{$tooltipMaxWidth};\n  --padding: #{$tooltipPadding};\n  --border-radius: #{$tooltipBorderRadius};\n  --link-color: var(--stzh-tooltip-link-color, #{$colorWhite});\n  --hover-link-color: var(--stzh-tooltip-hover-link-color, #{$colorWhite70op});\n\n  &[size=\"small\"] {\n    --padding: #{$tooltipSmallPadding};\n  }\n\n  &[type=\"button\"] {\n    --color: #{$colorMidnightblue70};\n    --background-color: #{$colorCoolgrey10};\n    --link-color: #{$colorMidnightblue70};\n    --hover-link-color: #{$colorMidnightblue80};\n  }\n}\n\n.stzh-tooltip {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    @include tooltip-fontsize;\n    @include tooltip-dropshadow;\n    position: absolute;\n    z-index: $zIndexPopover;\n    border-radius: var(--border-radius);\n    background-color: var(--background-color);\n    color: var(--color);\n    width: var(--width);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    display: flex;\n    flex-direction: row-reverse;\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    --stzh-link-hover-color: var(--hover-link-color);\n  }\n\n  &__content-slot {\n    padding: var(--padding);\n  }\n\n  &__close {\n    @include tooltip__close;\n  }\n\n  &__icon {\n    @include tooltip__icon;\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhTooltipClosedEvent,\n  StzhTooltipCloseEvent,\n  StzhTooltipOpenedEvent,\n  StzhTooltipOpenEvent,\n} from \"../../index\";\n\nimport { arrow, autoUpdate, computePosition, flip, MiddlewareData, offset, Placement, shift } from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, stopAnimations } from \"../../utils/animation-utils\";\n\nimport { StzhTooltipLocalizedText } from \"./stzh-tooltip.localization\";\n\nimport Arrow from \"./assets/arrow.svg\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [{ opacity: \"0\" }, { opacity: \"1\" }],\n  options: { duration: 100, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [{ opacity: \"1\" }, { opacity: \"0\" }],\n  options: { duration: 200, easing: \"linear\" },\n};\n\nconst keyCode = {\n  ESC: 27,\n};\n\nlet tooltipCounter = 0;\n\n/**\n * @slot Trigger element inside\n * @slot content - Content of tooltip\n */\n@Component({\n  tag: \"stzh-tooltip\",\n  styleUrl: \"stzh-tooltip.scss\",\n  scoped: true,\n})\nexport class StzhTooltip {\n  /** Whether tooltip should be open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Label of tooltip (used for screenreaders) */\n  @Prop() label: string = \"\";\n\n  /** Content of tooltip (use instead of content slot) */\n  @Prop() content: string = \"\";\n\n  /** Default placement of tooltip relative to trigger element */\n  @Prop() placement: Placement = \"bottom\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Visual type */\n  @Prop({ reflect: true }) type: \"overlay\" | \"button\" = \"overlay\";\n\n  /** Shifting of tooltip content */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Shifting of tooltip content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from tooltip content to trigger (default: arrow height (8px) + spacing (4px) = 12) */\n  @Prop() distance: number = 12;\n\n  /** Whether tooltip is interactive */\n  @Prop() interactive: boolean = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = \"hover focus\";\n  private _trigger: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhTooltipLocalizedText;\n\n  @Element() element: HTMLStzhTooltipElement;\n\n  /** Tooltip open event */\n  @Event() stzhOpen: EventEmitter<StzhTooltipOpenEvent>;\n\n  /** Tooltip opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;\n\n  /** Tooltip close event */\n  @Event() stzhClose: EventEmitter<StzhTooltipCloseEvent>;\n\n  /** Tooltip closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTooltipClosedEvent>;\n\n  /** Show tooltip content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide tooltip content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle tooltip content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.contentElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.contentElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentElement.hidden = false;\n\n      await animateTo(this.contentElement, ANIMATION_SHOW.keyframes, ANIMATION_SHOW.options);\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n      await animateTo(this.contentElement, ANIMATION_HIDE.keyframes, ANIMATION_HIDE.options);\n\n      this.contentElement.hidden = true;\n      this.contentElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"trigger\")\n  triggerWatcher(newValue: string) {\n    this._trigger = newValue.split(\" \");\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.open) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.contentElement && this.contentElement.contains(event.target as HTMLElement) === false;\n\n    const isClickTrigger =\n      event.target === this.triggerElement || this.triggerElement.contains(event.target as HTMLElement);\n\n    if (isClickOutside && !isClickTrigger && this.hasTrigger(\"click\")) {\n      this.hide();\n    }\n  }\n\n  @State() computedPlacement: Placement;\n\n  private observer: MutationObserver;\n\n  private toggledByMethod: boolean = false;\n  private middlewareData: MiddlewareData;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n  private id: string;\n  private trap: FocusTrap;\n  private isHovering: boolean = false;\n\n  private hasTrigger(trigger: string) {\n    return this._trigger.indexOf(trigger) > -1;\n  }\n\n  private onEscKey = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide();\n    }\n  };\n\n  private computePosition = async () => {\n    if (!this.open) {\n      return;\n    }\n\n    const {\n      x = 0,\n      y = 0,\n      strategy = \"absolute\",\n      placement,\n      middlewareData,\n    } = await computePosition(this.triggerFirstElement, this.contentElement, {\n      strategy: this.strategy,\n      placement: this.placement,\n      middleware: [\n        offset({\n          mainAxis: this.distance,\n          crossAxis: this.skidding,\n        }),\n        flip({\n          padding: 5,\n        }),\n        shift({\n          padding: 5,\n        }),\n        arrow({\n          element: this.arrowElement,\n          padding: 5,\n        }),\n      ],\n    });\n\n    this.middlewareData = middlewareData;\n    this.computedPlacement = placement;\n\n    Object.assign(this.contentElement.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    Object.assign(this.arrowElement.style, {\n      left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n      top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n    });\n  };\n\n  private onClickTrigger = () => {\n    if (this.hasTrigger(\"click\")) {\n      this.toggle();\n    }\n  };\n\n  private onMouseEnterTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = true;\n      this.show();\n    }\n  };\n\n  private onMouseLeaveTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = false;\n      document.addEventListener(\"mousemove\", this.onMouseMoveDocument);\n    }\n  };\n\n  private onFocusTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.show();\n    }\n  };\n\n  private onBlurTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.hide();\n    }\n  };\n\n  private onMouseMoveDocument = (event: MouseEvent) => {\n    const { clientX, clientY } = event;\n\n    if (!this.computedPlacement) {\n      return true;\n    }\n\n    const basePlacement = this.computedPlacement.split(\"-\")[0];\n    const offsetData = this.middlewareData.offset;\n    const popperRect = this.contentElement.getBoundingClientRect();\n\n    if (!offsetData) {\n      return true;\n    }\n\n    const topDistance = basePlacement === \"bottom\" ? offsetData.y : 0;\n    const bottomDistance = basePlacement === \"top\" ? offsetData.y : 0;\n    const leftDistance = basePlacement === \"right\" ? offsetData.x : 0;\n    const rightDistance = basePlacement === \"left\" ? offsetData.x : 0;\n\n    const exceedsTop = popperRect.top - clientY > topDistance;\n    const exceedsBottom = clientY - popperRect.bottom > bottomDistance;\n    const exceedsLeft = popperRect.left - clientX > leftDistance;\n    const exceedsRight = clientX - popperRect.right > rightDistance;\n\n    if (exceedsTop || exceedsBottom || exceedsLeft || exceedsRight) {\n      document.removeEventListener(\"mousemove\", this.onMouseMoveDocument);\n\n      if (!this.isHovering) {\n        this.hide();\n      }\n    }\n  };\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children).find(child => !child.hasAttribute(\"slot\")) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      this.triggerFirstElement = trigger;\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n      trigger.addEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      trigger.addEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      trigger.addEventListener(\"focusin\", this.onFocusTrigger);\n      trigger.addEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  };\n\n  async componentWillLoad() {\n    this.id = `stzh-tooltip-${tooltipCounter++}`;\n\n    this.triggerWatcher(this.trigger);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"tooltip\");\n    }\n  }\n\n  componentDidRender() {\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (this.hasTrigger(\"click\")) {\n      this.triggerFirstElement.setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(\n          isStzh ? \"a11y-describedby\" : \"aria-describedby\",\n          `${this.id}-trigger-description`\n        );\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n      }\n\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n      }\n    } else {\n      if (\n        (isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\")) ||\n        (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement.setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-content`);\n      }\n    }\n\n    if (this.trap) {\n      this.open ? this.trap.activate() : this.trap.deactivate();\n    }\n  }\n\n  private initializedTooltip = false\n\n  componentDidUpdate() {\n    if (this.open && !this.initializedTooltip) {\n      this.initializeAutoUpdate();\n      this.initializeFocusTrap();\n      this.initializedTooltip = true\n    }\n\n    if (this.initializedTooltip) {\n      this.computePosition();\n      if (this.trap) {\n        this.trap.updateContainerElements(this.contentElement);\n      }\n    }\n  }\n\n  initializeAutoUpdate() {\n    this.autoUpdateCleanup = autoUpdate(this.element, this.contentElement, this.computePosition);\n  }\n\n  initializeFocusTrap() {\n    if (this.interactive) {\n      this.trap = createFocusTrap(this.contentElement, {\n        fallbackFocus: this.contentElement,\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true,\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.contentElement.hidden = !this.open;\n    if (this.open && this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n\n    if (this.triggerFirstElement) {\n      this.triggerFirstElement.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusin\", this.onFocusTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tooltip\": true,\n      [`stzh-tooltip--type-${this.type}`]: true,\n      [`stzh-tooltip--open`]: this.open,\n      [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-tooltip__trigger\" ref={el => (this.triggerElement = el as HTMLDivElement)}>\n            <slot></slot>\n          </div>\n          {this.hasTrigger(\"click\") && (\n            <div class=\"stzh-tooltip__vhidden\" id={`${this.id}-trigger-description`}>\n              {this.localization.open}\n            </div>\n          )}\n          <div\n            class=\"stzh-tooltip__content\"\n            id={`${this.id}-content`}\n            ref={el => (this.contentElement = el as HTMLDivElement)}\n            tabindex=\"-1\"\n            aria-labelledby={this.label ? `${this.id}-label` : null}\n            aria-hidden={this.open ? \"false\" : \"true\"}\n            onKeyDown={this.onEscKey}\n            onMouseEnter={this.onMouseEnterTrigger}\n            onMouseLeave={this.onMouseLeaveTrigger}\n            onFocusin={this.onFocusTrigger}\n            onFocusout={this.onBlurTrigger}\n          >\n            <div\n              class=\"stzh-tooltip__arrow\"\n              ref={el => (this.arrowElement = el as HTMLDivElement)}\n              innerHTML={Arrow}\n            ></div>\n            {this.label && (\n              <h2 id={`${this.id}-label`} class=\"stzh-tooltip__vhidden\">\n                {this.label}\n              </h2>\n            )}\n            {this.hasTrigger(\"click\") && (\n              <button class=\"stzh-tooltip__close\" onClick={() => this.hide()} type=\"button\">\n                <stzh-icon name=\"close\" class=\"stzh-tooltip__icon\"></stzh-icon>\n                <span class=\"stzh-tooltip__vhidden\">{this.localization.close}</span>\n              </button>\n            )}\n            <stzh-text\n              curve={this.type === \"overlay\" ? \"none\" : \"caption\"}\n              {...(this.type === \"button\" ? { font: \"heavy\" } : {})}\n              class=\"stzh-tooltip__content-slot\"\n            >\n              {this.content ? this.content : <slot name=\"content\"></slot>}\n            </stzh-text>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-twocolumns.cjs.entry.js

@@ -42,7 +42,7 @@ const StzhTwocolumns = class {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed
         };
-        return (index.h(index.Host, { key: 'd91bbcae0bb7ea1ccd2adeead8ecf817b9663860' }, index.h("div", { key: '2b51be3165feb3e0f00e2f23ef400483a271921f', class: classes }, index.h("div", { key: 'c0f6ec191efb15d5b6ba26bef748fd7cfefa8638', class: "stzh-twocolumns__left" }, index.h("slot", { key: 'a69ccc6d090bb8f2d9958320e16fe55f8552eab9', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '6a08f3cf5b6ba65517a7b34ff6365ab054f206ad', class: "stzh-twocolumns__right" }, index.h("slot", { key: 'f77d65f55c26dba1045af5bccb6ca1a3cd235663', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
+        return (index.h(index.Host, { key: '1978073b2accd14267050d7212a366c1760954f7' }, index.h("div", { key: 'f959e0ced8a0f59760b66b7f4e4d5d0be0ddb3bb', class: classes }, index.h("div", { key: 'b0c2e715f9ff66bbaa821aefb726d0dce30876c0', class: "stzh-twocolumns__left" }, index.h("slot", { key: 'd719b326af29c54088033fadf25e2b98a697e240', name: "left", onSlotchange: () => index.forceUpdate(this.element) })), index.h("div", { key: '2f7d6c797d5d1b3035645c75439f04f06bc686ca', class: "stzh-twocolumns__right" }, index.h("slot", { key: '34c63b96cfe5bb2640f950e5bc6ba8c9f0a70926', name: "right", onSlotchange: () => index.forceUpdate(this.element) })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-upload.cjs.entry.js

@@ -14162,9 +14162,9 @@ const StzhUpload = class {
             "stzh-upload--has-instructions": !!this.description || !!this.localization.description
         };
         const descriptionTotalFileSizeLimit = this.localization.descriptionTotalFileSizeLimit;
-        return (index.h(index.Host, { key: 'bed7302b2f2b1a7539b90de36103392d6b885c62', "is-invalid": this.invalid || errorUsed }, index.h("stzh-toastbar", { key: '69032f8842faa92ab413160d7f6c4228363cfb5a' }), index.h("div", { key: '89e5c372c1078d2a1bf51b62b26d44da81956c61', class: classes, ref: el => (this.dropzoneElement = el) }, index.h("div", { key: 'f120b75192083d8a398c9e76c714aaeb16d4956c', ref: el => (this.hiddenInputContainerElement = el) }), index.h("div", { key: 'f88474114183aab4551b2e7d19ac5cab43dcc7c6', id: `${this.uploadId}-label` }, this.label && index.h("div", { key: 'f10ad46e56436c7baa97177171616731ccc2027a', class: "stzh-upload__label" }, this.label)), index.h("div", { key: '8d2d26fed21c5eceb607f27fe8655eb815a21b41', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, index.h("div", { key: 'c0d0674327f4732ceff0286724fd8dbaf2aabe55', class: "stzh-upload__heading-wrapper" }, index.h("div", { key: '24d779e3e4080c12c693e5859dd9d72eab8b7144', class: "stzh-upload__heading-inner-wrapper" }, index.h("div", { key: '49aa05ce3bb2493ce71def036052fb31d5724535', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), index.h("div", { key: '81453bcc6107bf0b27ea8eb7f888c02215a3e766', class: "stzh-upload__buttons-wrapper" }, index.h("stzh-button", { key: 'd42a5ec1cb1b2ba7d02de1982d6482e6098e27d9', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`, disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, index.h("stzh-icon", { key: '3af9c6802641a9a8ab99c34b1a1b80411591a6a8', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (index.h("stzh-button", { key: '9ebfb2e23e9693c4ae56910c788d0eaa280710b9', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, index.h("stzh-icon", { key: '2dc30dc00b4e38b5599a3a2c9a388ef62eb8ebab', slot: "icon", name: "camera" })))), index.h("div", { key: 'a6cb608aa2925f722c54217e9535d004ed16b938', class: "stzh-upload__hint-wrapper" }, index.h("span", { key: '5302187ac7cf725c911154c9ab3db7ba0292f506' }, this.localization.buttonIntro)))), index.h("div", { key: '81776d093331f9451d9739e8af00feb0e84bb8a5', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, index.h("p", { key: '76815accc0e3bf40fea039ebafb6379192b8a6a9' }, description
+        return (index.h(index.Host, { key: '372f19b86e3c2b232b5a8dd67d03691e7179ab89', "is-invalid": this.invalid || errorUsed }, index.h("stzh-toastbar", { key: 'd28bdfd74ee090cb42f85e0077996479cf371061' }), index.h("div", { key: 'e70df11c8b8b82483b471bb196f396acb031725e', class: classes, ref: el => (this.dropzoneElement = el) }, index.h("div", { key: 'b3c5f0761c8293ad73a806166a0802e079c9ec87', ref: el => (this.hiddenInputContainerElement = el) }), index.h("div", { key: '4a8d1d0e37582a8584b16b4238a165a9e42a8a99', id: `${this.uploadId}-label` }, this.label && index.h("div", { key: 'abbae5571a404be201338851cf84db8b068ca568', class: "stzh-upload__label" }, this.label)), index.h("div", { key: '3a4807ae9045f464563a5909be3dada37c6cf4c8', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, index.h("div", { key: '3692f24185f7f8315181779df3e57cbcaa6733f1', class: "stzh-upload__heading-wrapper" }, index.h("div", { key: '2faca657db5be326a0f22072717769af99bf003b', class: "stzh-upload__heading-inner-wrapper" }, index.h("div", { key: 'da32f47f4d27a76a0fc3ee9157f03db46cfba892', class: "stzh-upload__heading" }, this.heading ? this.heading : this.localization.heading), index.h("div", { key: '789a34f0c16c770614ce8f88750f2f499df25d6a', class: "stzh-upload__buttons-wrapper" }, index.h("stzh-button", { key: 'dcc9b91952fb9ec82e09e0ccbc308a948756ff9d', class: "stzh-upload__button", variant: "secondary", size: "small", ref: el => (this.linkElement = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: `${this.uploadId}-label ${this.uploadId}-instruction ${this.uploadId}-description`, disabled: this.disabled, a11yControls: `${this.uploadId}-previews` }, index.h("stzh-icon", { key: '17fd56dd48477a07a6b3dbe9f022a09d879fd1c5', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (index.h("stzh-button", { key: '2f24759083f8ba517ca12fdad389b71125f5ac0f', class: "stzh-upload__button-scan", variant: "secondary", size: "small", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, onClick: this.onButtonScanClick }, index.h("stzh-icon", { key: '39f036202ee912b769a0b482bccacaf9e95761c2', slot: "icon", name: "camera" })))), index.h("div", { key: 'e5bc486cc5b92ab840502713f96575bfc1de7d8f', class: "stzh-upload__hint-wrapper" }, index.h("span", { key: '6b7e85e8eac57a7e03f7bf2840dead3da9f6faad' }, this.localization.buttonIntro)))), index.h("div", { key: 'c0e3429f6e44ff424901ba3c65dda5f3e1b557f6', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, index.h("p", { key: '3181c95dce9ddefaa667015ac8be6d259d3dbef8' }, description
             .replace("{{fileformats}}", this.acceptedFiles)
-            .replace("{{filesize}}", `${this.maxFilesize}`), index.h("br", { key: '2d9bcd2a658197f0c22a75ae5214e4d3bc9e6a5a' }), descriptionTotalFileSizeLimit.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), index.h("div", { key: '530072ca92aa5b81c934caaa48170f1ec6837436', class: "stzh-upload__description-wrapper" }, ((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h(stzhInputDescription.StzhInputDescription, { key: 'd74ddcd157313ad1f273c8c7cee419a6a5c85213', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), index.h("div", { key: 'dd10064b92055e33e40bfe577b85b01f290c767d', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, index.h("div", { key: '4780543edbf0d410eafd99bc402bef54b609c166', class: "stzh-upload__previews-inner-wrapper" }, index.h("div", { key: '6a37dda753d64a06b4a77af8f92e641309987800', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), index.h("div", { key: 'aa433f1d396dc2b6c8a01d90341e7d28f86c0d68', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (index.h("div", { key: '4da07cf274e56e1056e37e825f51b8bff46479f3', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: '578fcd0be5ed6c1cede6c0d39f114a82dafbcfac', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => this.duplicateDetected = false }, index.h("stzh-text", { key: 'b113b6bca79566257ad3abb09f6cd41c692cfaba' }, index.h("p", { key: '02e7661398c08172965ece8165885ce5e3fbc9f7' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), index.h("p", { key: 'b3c55678585b02183cda347dfd00638941a2249b' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (index.h("div", { key: 'ad22ba887aa131d755520a5422e8620acdabe867', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: 'd4e975fa486857362b2a38a8e7cd7f94e4c1f889', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => this.totalTooBig = false }, index.h("stzh-text", { key: '66da9468e077d0f0af902d6ddcf682c5f37b130f' }, index.h("p", { key: '8ef451c8d225428a5367144298d22428d5cc4b5f' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), index.h("stzh-dialog", { key: 'eab2675cbdd5ecfff52fc05d4313edd2c5f08940', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, index.h("stzh-button", { key: '1b4fe27d0a6f6f1800d329a018f28a1b0184bfbc', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (index.h(index.Fragment, { key: 'bb9a3626bae2f6d7ab680a5f7dfc2e32ba747e68' }, index.h("div", { key: '031e4390ce65d7bded376ebf3f180e3aac244729', class: "stzh-upload-photographing__info" }, index.h("div", { key: 'b7482c3f9c4eb4f4730d2c0ae332dfdd64d659f6', class: "stzh-upload-photographing__text-qrcode" }, index.h("div", { key: '0f35b8e266720c7c5ce8ebdd0ee4ea870d618785', class: "stzh-upload-photographing-qrlink-container" }, index.h("stzh-text", { key: 'e81a8cd9e19d391d0d6232dcf765eeb3f624ecdb' }, this.localization.photographingText1)), index.h("div", { key: 'e050e4c14a9d4c3c15817f130bd02d5aeecf2616', class: "stzh-upload-photographing-qrcode-container" }, index.h("canvas", { key: '11f400120e37f4de382a52765867436fc0bae3f8', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), index.h("div", { key: '72885a7d944e762c86733466c746759fd4975f99', class: "stzh-upload-photographing__info" }, index.h("stzh-heading", { key: '79bdba11a56e94fd963679c498d49d87c0b771e5', level: "3" }, this.localization.photographingTitle2), index.h("stzh-text", { key: '386dec9806261321b16e5a499458ab0697ae92ab' }, this.localization.photographingText2)), index.h("div", { key: '9bb5647c283f79455c62539d7efbbfcd7a7c2801', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (index.h("stzh-link", { key: '06daf8263a5bfba8b2c66606abca7f9a310d5c5b', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            .replace("{{filesize}}", `${this.maxFilesize}`), index.h("br", { key: '35b8210698b59d4fab1d6765d4be18027e8b0a97' }), descriptionTotalFileSizeLimit.replace("{{maxFilesizeTotal}}", `${this.maxFilesizeTotal}`)))), index.h("div", { key: '76e5158c816686743b79ac4808a82824a144777a', class: "stzh-upload__description-wrapper" }, ((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h(stzhInputDescription.StzhInputDescription, { key: '9ca3869dabd0e8470413a68c48cc761f55a40232', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error }))), index.h("div", { key: '84ee8bf827f17377eaa3cee25b8b5e304be54066', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, index.h("div", { key: '6ca4d8519003e500f7b0dc899dee86ba322c9ee1', class: "stzh-upload__previews-inner-wrapper" }, index.h("div", { key: '023ef8c875f22959f2874f59743355d6cacd5d94', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), index.h("div", { key: 'be5f5617093131632bc8cb1135f9bafa9bc8fdb9', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (index.h("div", { key: 'fdf9716b576a13c8980fe8ee34f5639816b9a810', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: '7dc6cb2e0edabf507fbbc8a128d0af75b8c0471e', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => this.duplicateDetected = false }, index.h("stzh-text", { key: 'da88c0c61984917d13cb4669535d696cdae1d3cb' }, index.h("p", { key: 'e1d1ab545625c69e4d35cfb1c8ce0e8e783c09bd' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), index.h("p", { key: 'fd6656236cb1af21dcb720291a874cc1f1bb2897' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (index.h("div", { key: 'bc4ce9c00ef6fa742079a9ea683566136733440f', class: "stzh-upload__previews-message-wrapper" }, index.h("stzh-message", { key: 'e11c00be234cd22acaea7d4bc90cd498280dfc75', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => this.totalTooBig = false }, index.h("stzh-text", { key: '6d5cd54002b55a074fa8f39ab17fc86d082886db' }, index.h("p", { key: '5b07fcc42eff78448904f40b627a5793c11606b4' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), index.h("stzh-dialog", { key: '8627ef64a8abd0a9925fc9c514c8f82911e59ca0', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, index.h("stzh-button", { key: '452bae2dcf5faec1f667ad0c2373fcc09c73518a', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "small", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (index.h(index.Fragment, { key: 'fdf04e7b01f0f38ad4bf9c518f553da41890d028' }, index.h("div", { key: '2dd287a20e518f4bd96d7d8a9bc1136e010ce659', class: "stzh-upload-photographing__info" }, index.h("div", { key: 'dd0bb789f9da5aa94f2d3980af7565fb95921fe7', class: "stzh-upload-photographing__text-qrcode" }, index.h("div", { key: 'b23a36f2eceed41adde586bdc1c2668d0af46dbb', class: "stzh-upload-photographing-qrlink-container" }, index.h("stzh-text", { key: 'f61314d08f7a85e1ccf3c85ea598ada228fd7a5e' }, this.localization.photographingText1)), index.h("div", { key: 'f4e81d16f62e2e46c457ebb624ed29694d264c56', class: "stzh-upload-photographing-qrcode-container" }, index.h("canvas", { key: '463e3eb3b3d7cc4f94aa8d8d1a1da44d9a4856b4', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), index.h("div", { key: 'e78d593b00115bcf558c2e0c6d7b436d95f8f627', class: "stzh-upload-photographing__info" }, index.h("stzh-heading", { key: '54a3fb491bb4c879f6bcf9bb825fda1892385e4e', level: "3" }, this.localization.photographingTitle2), index.h("stzh-text", { key: '5c6f900420aeff2e4533a34037f745e4e01af4dc' }, this.localization.photographingText2)), index.h("div", { key: 'd91ab6df2e6c7f4f800fef5e8fc870688f3724eb', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (index.h("stzh-link", { key: 'd9a923da8af084d075979229ae0ede71b76fde23', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-vbz-carousel.cjs.entry.js

@@ -41,7 +41,7 @@ const StzhVbzCarousel = class {
         const classes = {
             "stzh-vbz-carousel": true,
         };
-        return (index.h(index.Host, { key: '88d4b496301535ee20ce057c923608c3dfc0aa32' }, index.h("div", { key: 'e05bf5e1623099e515facfc5a00368f22b03b2b7', class: classes }, index.h("stzh-carousel", { key: 'b2ac7cb86c194e0e19a636abd7417534061fc676', noPeek: true, nonInteractive: true, preventMouseDrag: true, preventAutoplayPause: true, preventAutoplayStop: true, autoplay: true, autoplayTimeout: this.autoplayTimeout }, index.h("slot", { key: 'bb5533cb775cc361a8249465822f09deb0c79730' })))));
+        return (index.h(index.Host, { key: '207d97cdcf776cbfab2adcf2a5f41f71f1a9e750' }, index.h("div", { key: '1bc083fe0a7b126aa58d31a36ea8b6358de7e121', class: classes }, index.h("stzh-carousel", { key: '1387046faa7e62f3677ed778e462ea2505ab8ef6', noPeek: true, nonInteractive: true, preventMouseDrag: true, preventAutoplayPause: true, preventAutoplayStop: true, autoplay: true, autoplayTimeout: this.autoplayTimeout }, index.h("slot", { key: '77b028320eb8bdd13add5a74f6ed584c60f97df1' })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js

@@ -19,7 +19,7 @@ const StzhVbzConnectionFinder = class {
         const classes = {
             "stzh-vbz-connection-finder": true,
         };
-        return (index.h(index.Host, { key: '534bbda251955e76d3d246aef588bbf62f474e5b' }, index.h("div", { key: '95f6c5b37172b815a941ab6b585497a1769d4030', class: classes }, index.h("script", { key: '68ba4122d88e427490e42f2218557bcbeeb4d286', src: this.zvvScript }), index.h("div", { key: 'ad86207536078e4d20f894da7fc32cb05bdbe792', id: "zvv-searchmask", "data-draw-input-placeholder-outside": "true", "data-toggle-style-variant": "inside", "data-hide-refresh-button": "true", "data-background-color": "#ffffff", "data-accent-color": "#ffffff", "data-input-border-color": "#7C7C7C", "data-input-border-radius": "0px", "data-input-border-width": "2px", "data-input-placeholder-color": "#034C67", "data-input-text-color": "#000000", "data-button-color": "#FFFFFF", "data-button-background-color": "#057FAC", "data-button-hover-color": "#ffffff", "data-button-hover-background-color": "#034C67", "data-button-border-radius": "0px", "data-font-family": "'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;", "data-calendar-icon": this.getIconPath("calendar"), "data-info-icon": this.getIconPath("info-help") }))));
+        return (index.h(index.Host, { key: '2c832988e9a46dfc43762dbef6e6b2582c388148' }, index.h("div", { key: '6c551597059cf4a0cb2e1c37d40614b6967795aa', class: classes }, index.h("script", { key: 'dec8617b920447e25a9d9352acd2ec5248751cff', src: this.zvvScript }), index.h("div", { key: 'c771f32e143779928102b23d82f6efa1782fdb5e', id: "zvv-searchmask", "data-draw-input-placeholder-outside": "true", "data-toggle-style-variant": "inside", "data-hide-refresh-button": "true", "data-background-color": "#ffffff", "data-accent-color": "#ffffff", "data-input-border-color": "#7C7C7C", "data-input-border-radius": "0px", "data-input-border-width": "2px", "data-input-placeholder-color": "#034C67", "data-input-text-color": "#000000", "data-button-color": "#FFFFFF", "data-button-background-color": "#057FAC", "data-button-hover-color": "#ffffff", "data-button-hover-background-color": "#034C67", "data-button-border-radius": "0px", "data-font-family": "'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;", "data-calendar-icon": this.getIconPath("calendar"), "data-info-icon": this.getIconPath("info-help") }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-vbz-intro.cjs.entry.js

@@ -45,7 +45,7 @@ const StzhVbzIntro = class {
         const classes = {
             "stzh-vbz-intro": true,
         };
-        return (index.h(index.Host, { key: 'c843a4a76020284946f526c42aeb5fa94fa741bb' }, index.h("div", { key: '40257d481a8b8653d9fca5a04877220a4bb059b4', class: classes }, index.h("div", { key: 'b6886d2c3a0f991d9eacd7f0123eefc2d1bbd02c', class: "stzh-vbz-intro__ticker" }, index.h("slot", { key: 'f73d417a5c6b260e60babec5f6bcce00f587717d', name: "ticker" })), this._quicklinks.length > 0 && (index.h("div", { key: '96a180ddf7fbb4f7bce1ccec095e6a5b1a289acb', class: "stzh-vbz-intro__quicklinks" }, index.h("stzh-heading", { key: '6cf4cce446b973ad671e7f94ab4c0ecca1ee25bf', class: "stzh-vbz-intro-quicklinks__heading" }, this.localization.quicklinksHeading), this._quicklinks.map(item => (index.h("div", { class: "stzh-vbz-intro-quicklink" }, index.h("stzh-link", { class: "stzh-vbz-intro-quicklink__link", href: item.href, icon: "arrow-right" }, item.label)))))))));
+        return (index.h(index.Host, { key: '35d15b69cb08d3887cdb8b44649f23146911ecd1' }, index.h("div", { key: 'd44fa8d5921aae632170689deab0b60719ca28d6', class: classes }, index.h("div", { key: '18bbb188c5361752980e9f26c9c5f58b87484ca5', class: "stzh-vbz-intro__ticker" }, index.h("slot", { key: '29d6ca595cb567c6431224bbfe4b8093b97738d6', name: "ticker" })), this._quicklinks.length > 0 && (index.h("div", { key: '83cad93d87c7a28e129adc5b926d0effecb5a08f', class: "stzh-vbz-intro__quicklinks" }, index.h("stzh-heading", { key: 'b466cca08f8e279c60beb6f6458b1d2488fd8ce8', class: "stzh-vbz-intro-quicklinks__heading" }, this.localization.quicklinksHeading), this._quicklinks.map(item => (index.h("div", { class: "stzh-vbz-intro-quicklink" }, index.h("stzh-link", { class: "stzh-vbz-intro-quicklink__link", href: item.href, icon: "arrow-right" }, item.label)))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-vbz-linechip.cjs.entry.js

@@ -2057,11 +2057,11 @@ const StzhVbzLinechip = class {
             [`stzh-vbz-linechip--line-${this.line}`]: !!this.line
         };
         const title = lineData.comment || "";
-        return (index.h(index.Host, { key: '43971c0543efd4f1e84faacebcd741b89c7c0f7c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("button", { key: '37c70e819f6b6d8fd0cc2255b23433bc0bcef681', ref: (el) => (this.chip = el), class: classes, style: styles, title: title, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, "s-object-id": this.analyticsId || (this.global ? "Global" : this.line) }, this.global ?
+        return (index.h(index.Host, { key: 'bff2f13acc12a2bed52330b89f70ccf73055898e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("button", { key: '3f4500eaa2cdffd68d621f1caaa5c433cf848259', ref: (el) => (this.chip = el), class: classes, style: styles, title: title, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, "s-object-id": this.analyticsId || (this.global ? "Global" : this.line) }, this.global ?
             index.h("stzh-icon", { name: "important-warning", class: "stzh-vbz-linechip__global-icon" })
             :
                 index.h("div", { class: "stzh-vbz-linechip__text" }, this.line), this.alert &&
-            index.h("div", { key: 'c52632e877ef84a81286ec2c41756558c38b0c0a', class: "stzh-vbz-linechip__alert" }, index.h("stzh-icon", { key: '575439dc4df650e76e660c0f95f189b3e3dff43e', name: "warning-big", class: "stzh-vbz-linechip__alert-icon" })))));
+            index.h("div", { key: 'dfe71362971e9926eafbdc9ff3f9d55f17fda3a8', class: "stzh-vbz-linechip__alert" }, index.h("stzh-icon", { key: 'fccb09f2f47d8e8d3420aaa2516b5b01edb52332', name: "warning-big", class: "stzh-vbz-linechip__alert-icon" })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-vbz-majorticker.cjs.entry.js

@@ -100,8 +100,8 @@ const StzhVbzMajorticker = class {
         const classes = {
             "stzh-vbz-majorticker": true
         };
-        return (index.h(index.Host, { key: 'b61b37d4c0a70c5bf7a5bc7f4e25de4efe2838a2', hidden: !this.disturbance || !this.ghettoboxShown }, index.h("div", { key: 'fc8b6983cd9c8bc0978ebf4d059da50b302bd8f4', class: classes }, this.disturbance &&
-            index.h("stzh-show", { key: '1606014fcd7e481173c8e9d65667d99d681d4dbc', mikro: true, closeKey: this.showCloseKey, showFromDate: this.disturbance.startDate }, index.h("stzh-ghettobox", { key: '78c28f478907a74013026b341fc9c2ec1813c7a3', onStzhOpen: this.onGhettoboxOpen, onStzhClose: this.onGhettoboxClose, class: "stzh-vbz-majorticker__ghettobox", hideClose: true, mainTitle: this.disturbance.head }, index.h("stzh-richtext", { key: '0fc63197f40c27c5558ba7b74ed6092587685059', innerHTML: this.disturbance.text }), this.disturbance.infoUrl ?
+        return (index.h(index.Host, { key: '3c1e7f102ef9ab33f569d571af422bef3373bade', hidden: !this.disturbance || !this.ghettoboxShown }, index.h("div", { key: '07aef2b96582a2d2fc8f63c526774dc68bfa1825', class: classes }, this.disturbance &&
+            index.h("stzh-show", { key: '48b3aaf5c5e2d8ebeec393780f2809571ee6b151', mikro: true, closeKey: this.showCloseKey, showFromDate: this.disturbance.startDate }, index.h("stzh-ghettobox", { key: '05c91ea48a84e4137b1626ab293710d0ed09eb57', onStzhOpen: this.onGhettoboxOpen, onStzhClose: this.onGhettoboxClose, class: "stzh-vbz-majorticker__ghettobox", hideClose: true, mainTitle: this.disturbance.head }, index.h("stzh-richtext", { key: 'f6270e68b2d603c6c3cf74b4734ec6273c0fa09b', innerHTML: this.disturbance.text }), this.disturbance.infoUrl ?
                 index.h("stzh-button", { slot: "button", href: this.disturbance.infoUrl.url }, this.disturbance.infoUrl.name)
                 :
                     index.h("stzh-button", { slot: "button", target: "_blank", href: this.moreInfoLink

package/dist/cjs/stzh-vbz-ticker.cjs.entry.js

@@ -151,9 +151,9 @@ const StzhVbzTicker = class {
         const classes = {
             "stzh-vbz-ticker": true,
         };
-        return (index.h(index.Host, { key: 'ca3a0bffec68ef90c1037edcf22bed93e4bcb00b' }, index.h("div", { key: 'bdb1f407517a490ee3e10a28c55504cc2b81ab6c', class: classes }, index.h("div", { key: '8392fc9f6b8de19ebd157eec6903b09e63c0afff', class: "stzh-vbz-ticker__content" }, this.counter[index$1.VBZ.DISTURBANCE_NORMAL] > 0 && (index.h(index.Fragment, { key: 'd531653acb39b610f7798f7c6e63eef3709b6e7e' }, index.h("div", { key: '32a0531a8b5704eb482fc3e9391baa18e870a37b', class: "stzh-vbz-ticker__title" }, index.h("div", { key: 'ab54b7fdd5652c883fcc407cdc19804ea2cda58a', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.h("stzh-icon", { key: '591401c773cf6ed94e143ffefe2af775f28d3d33', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), index.h("div", { key: '4f2e716ca1768145dac7c20a801f1ee1b94fc572', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '0ba6a3872143f78da8e4687fb847c487c6f75156', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[index$1.VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
+        return (index.h(index.Host, { key: 'f5df253926eaee29b02c692a5eee4ffa9c4da6b6' }, index.h("div", { key: 'f90c4922178f70ec075561bc36fa2f351b914d7a', class: classes }, index.h("div", { key: 'ceb4c4e6ff92e891940eca0b201d1f725a78bdaa', class: "stzh-vbz-ticker__content" }, this.counter[index$1.VBZ.DISTURBANCE_NORMAL] > 0 && (index.h(index.Fragment, { key: '32c1a922fd87880f84d948c88971526d2dea5dba' }, index.h("div", { key: '2a7a555773bdc6213b7d264d2f0890f85bc60337', class: "stzh-vbz-ticker__title" }, index.h("div", { key: 'ad8d0753bd9deec4a668c353497e8484c5b35feb', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--disturbances" }, index.h("stzh-icon", { key: 'c0ff9dd93ac82e9883f052a4fb33425d8348a8f3', class: "stzh-vbz-ticker__icon", name: "warning" }), this.localization.disturbancesTitle)), index.h("div", { key: '1dc9e791be6f2cc89be5b308d3aec6330fb86e98', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '97961b8fab7e7931a4b1457956b668cd97448a7e', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithDisturbances.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), (this.counter[index$1.VBZ.DISTURBANCE_CONSTRUCTION] > 0 ||
             this.counter[index$1.VBZ.DISTURBANCE_EVENT] > 0 ||
-            this.counter[index$1.VBZ.DISTURBANCE_BUS] > 0) && (index.h(index.Fragment, { key: 'ee94be74186eb8783a520b246c295e4e2d40b391' }, index.h("div", { key: 'ed2b24aa5fc77372ad9e08663def78a2ce35e774', class: "stzh-vbz-ticker__title" }, index.h("div", { key: '15a49e12b6cd85dbac1e8bfc9500d0bb37102bc1', class: "stzh-vbz-ticker__title-parts" }, index.h("div", { key: 'bd97c058d6bdd27b9056404eeb32dcbc4363f466', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { key: '36922e9be01daea3ca8e45d73717b078b81b2d3c', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), index.h("div", { key: '3e05bb242b2fb6a3c14d7de304ee6410ea277505', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: 'cd3bf6e0e061bc80deb0b01173c7674e2bb291c2', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), index.h("div", { key: '0355f3bd96e947f897636f0eec898b73c3bcec2d', class: "stzh-vbz-ticker__link" }, index.h("slot", { key: '4ccec91afb118781528f43a42d00ac99b3497fc1', name: "link" }))))));
+            this.counter[index$1.VBZ.DISTURBANCE_BUS] > 0) && (index.h(index.Fragment, { key: '10adf6fb3c5ff5d65f02ecc5b08dc660bb7154bf' }, index.h("div", { key: '657c621c73867cddbc8c104fb1a93ac06c6438fc', class: "stzh-vbz-ticker__title" }, index.h("div", { key: '8ee1894994bb6cc032193597376c4dc90c559bed', class: "stzh-vbz-ticker__title-parts" }, index.h("div", { key: '498444822783ba5e48f6a0a10f7b9c1be3bddc4b', class: "stzh-vbz-ticker__title-part stzh-vbz-ticker__title-part--others" }, index.h("stzh-icon", { key: '71cd29bcd32e6ea74bac58a3fbd5111b6a3ad4f7', class: "stzh-vbz-ticker__icon", name: "construction" }), this.localization.constructionsTitle))), index.h("div", { key: '7ef88a47edeefe3d8f77b8d1e9d96cee74137be3', class: "stzh-vbz-ticket__lines" }, index.h("div", { key: '1e489f437ace859a1317b5f936927790b150d71e', class: "stzh-vbz-ticker__chips", role: "list" }, this.linesWithConstructions.map(line => (index.h("div", { class: "stzh-vbz-ticker__chip", role: "listitem" }, index.h("stzh-tooltip", { class: "stzh-vbz-ticker__tooltip" }, index.h("stzh-vbz-linechip", { line: line.line, alert: line.alert }), index.h("div", { class: "stzh-vbz-ticker__tooltip-content", slot: "content" }, line.disturbances.map(disturbance => this.renderDisturbance(disturbance))))))))))), index.h("div", { key: '51e59486683ef7bcf46eb936f30e02768e4f4abf', class: "stzh-vbz-ticker__link" }, index.h("slot", { key: '53dc33c68b8fd9b757ba00b9f7c27b03fcb80209', name: "link" }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-visuallyhidden.cjs.entry.js

@@ -12,9 +12,9 @@ const StzhVisuallyhidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ac778c07f9b4f62c3fcb1d2e5d112ec03e64ef3c' }, index.h("div", { key: '418e22473dad174e8092c787052cbe51437cfdae', class: {
+        return (index.h(index.Host, { key: '8a00d2422f8c0bf2b916bc0b3c421125858552a9' }, index.h("div", { key: '9924cc8068d62ea8146ef0b5be0ce0bda978d7b2', class: {
                 "stzh-visuallyhidden": true
-            } }, index.h("slot", { key: '70b0366ef9551a84589e2b5b270fe014dd395a65' }))));
+            } }, index.h("slot", { key: 'd47965cb1280ede2d6a1ab28a63b5e18d97a2864' }))));
     }
 };
 StzhVisuallyhidden.style = StzhVisuallyhiddenStyle0;

package/dist/cjs/stzh-vspace.cjs.entry.js

@@ -24,11 +24,11 @@ const StzhVspace = class {
         this.border = "none";
     }
     render() {
-        return (index.h(index.Host, { key: '82374c945773f3af31dde7d45600622f562d4260' }, index.h("div", { key: '64c083c8c54deaa1997a7ad83adf14ad8656c803', class: {
+        return (index.h(index.Host, { key: '500067f6eab1878c9a32746149bcadbf4366ac3e' }, index.h("div", { key: 'ddb27d13a69c3b4620205527d062d84ef096c64f', class: {
                 "stzh-vspace": true,
                 [`stzh-vspace--justify-${this.justify}`]: !!this.justify,
                 [`stzh-vspace--items-${this.items}`]: !!this.items
-            } }, index.h("slot", { key: '6c14f40251bc488bbf644c242533753035a73f8b' }))));
+            } }, index.h("slot", { key: 'c18426e14996d93b011478a1dc9411b845065cf3' }))));
     }
 };
 StzhVspace.style = StzhVspaceStyle0;

package/dist/cjs/stzh-youtube.cjs.entry.js

@@ -41,7 +41,7 @@ const StzhYoutube = class {
             + "&enablejsapi=1"
             + "&widgetid=1"
             + (this.previewSkipped ? "" : "&autoplay=1");
-        return (index.h(index.Host, { key: 'ab9a4f02b0ac2d1c4558df4b7adc00d50c019294' }, index.h("div", { key: '397e3f5a41ab4d26d7104f164d5d6090029e661f', class: classes }, index.h("stzh-ratio", { key: 'b56ca664e2f45a51c1b5dc5c2b3801d1cf6d5989' }, index.h("stzh-iframe", { key: '4587abe56f07ef2c87f86543445ee1dcb23d9702', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, index.h("slot", { key: '2c4e57a28101ce41a3d4e83d212ecea64d3f4ffa', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: 'd973c7497cdcd5358736deba66abefe70e6a91d6', name: "preview-image", slot: "preview-image" }), index.h("div", { key: 'd9a10bb0cc8a366c140d0148792224915ce9529f', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
+        return (index.h(index.Host, { key: '86a84f718a767e382325d9d33a4912492ad16df5' }, index.h("div", { key: '080f8026fca6bd6ff1668bcd48652b7bf12b16af', class: classes }, index.h("stzh-ratio", { key: 'a3c69677952eb8759660e6b8d32580270139ba00' }, index.h("stzh-iframe", { key: '4d5dad57f879fb76c722766b4efd551fadc180f3', src: url, previewLabel: this.localization.previewLabel, previewIcon: "play", cookie: this.cookie, cookieConfirmLabel: this.localization.confirmLabel, cookieConfirmIcon: "play", cookieExpires: this.cookieExpires, skipPreview: this.skipPreview, skipPreviewIfCookieAccepted: this.skipPreviewIfCookieAccepted, onStzhPreviewSkip: this.handlePreviewSkipped }, index.h("slot", { key: '090c0c87aa0fe4fa301c77fbf22b94186cf027c3', name: "preview-logo", slot: "preview-logo" }), index.h("slot", { key: '89e617ea9db5b267f3686638d50c68fe8a63f62d', name: "preview-image", slot: "preview-image" }), index.h("div", { key: '18990ace524ce4494405c80d7359a3c16b4083a0', slot: "cookiewall-text", innerHTML: this.localization.confirmText }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/collection/components/stzh-audio/stzh-audio.css

@@ -501,8 +501,8 @@
   opacity: 1;
 }
 .stzh-audio__slider-text {
-  font-size: var(--stzh-font-pico-font-size);
-  line-height: var(--stzh-font-pico-text-line-height);
+  font-size: var(--stzh-font-micro-font-size);
+  line-height: var(--stzh-font-micro-text-line-height);
 }
 .stzh-audio[hide-ui] .stzh-audio__controls {
   opacity: 0;

package/dist/collection/components/stzh-card/stzh-card.css

@@ -224,7 +224,7 @@
   flex-grow: 1;
   display: flex;
   flex-direction: column;
-  background-color: var(--stzh-color-white);
+  background-color: var(--stzh-color-grey10);
   border-radius: var(--border-radius);
   /* Service */
   /* Has content */
@@ -238,6 +238,12 @@
   /* Starred */
   /* Hyphens */
 }
+.stzh-card--background-grey {
+  background-color: var(--stzh-color-grey10);
+}
+.stzh-card--background-white {
+  background-color: var(--stzh-color-white);
+}
 .stzh-card__content-wrapper {
   position: relative;
   flex-grow: 1;
@@ -372,6 +378,9 @@
 .stzh-card__card-action-popover {
   --width: auto;
 }
+.stzh-card:hover, .stzh-card:focus {
+  background-color: var(--stzh-color-secondary10);
+}
 .stzh-card--service .stzh-card__subtitle {
   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));

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

@@ -147,6 +147,7 @@ export class StzhCard {
             });
         };
         this.localization = undefined;
+        this.backgroundColor = "grey";
         this.variant = "default";
         this.collapsed = false;
         this.starred = false;
@@ -307,6 +308,8 @@ export class StzhCard {
         const descriptionId = `stzh-card${uniqueId}`;
         const classes = {
             "stzh-card": true,
+            "stzh-card--background-grey": this.backgroundColor === "grey",
+            "stzh-card--background-white": this.backgroundColor === "white",
             "stzh-card--has-link": !!this.href,
             "stzh-card--has-image": imageUsed,
             "stzh-card--has-content": contentUsed,
@@ -323,23 +326,23 @@ export class StzhCard {
             [`stzh-card--${this.variant}`]: !!this.variant,
             "stzh-card--hyphens": this.hyphensEnabled,
         };
-        return (h(Host, { key: '1587b18ba3da21978032c26f6ac482abe2144778', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: '8caafa7daef550eb646bb76477482d280a1620b2',
+        return (h(Host, { key: 'd0eef9062a29646a186d19da6255840694b8fd5c', role: "listitem", "aria-label": this.heading, "is-sortable": sortableEnabled }, h("article", { key: 'f743f96f9741c622226380bc2abb103e10bfd6b1',
             // ref={(el) => (this.mainElement = el as HTMLElement)}
-            class: classes }, h("a", { key: '17964c16658126657cb9dacd3c0f8b980631cd60', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: this.href, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: '8b14f902045f26f35c1e95262b8b9ad61418ca77', name: "image" })), h("div", { key: '94bb79a442e262909a10257671d5df6e2b318cff', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '332a9e0985e2798aeea238f4d424e7810264b584', class: "stzh-card__dnd", name: "drag" }), h("header", { key: '3fbee678ec5d7fbfa79fd0a0d26cd2dfe0d1c161',
+            class: classes }, h("a", { key: '640483d5376e514c360855b6da8f691b2cdbc0cd', ref: el => (this.imageLinkElement = el), "aria-hidden": "true", tabindex: "-1", class: "stzh-card__image-link", href: this.href, target: this.target, onClick: this.href ? this.handleCardClick : null }, h("slot", { key: '05d98dbc9b7f0853fc30f78fa864301feb84d7f7', name: "image" })), h("div", { key: '2d1bacb43c5393fbd4e10f8ccb9048162f09977b', class: "stzh-card__content-wrapper" }, h("stzh-icon", { key: '905ab068fdc01d0e501917fe46363bc735c24d63', class: "stzh-card__dnd", name: "drag" }), h("header", { key: 'b6b61a0f4c19d806ddb78e383c781333bdcd4cf2',
             // ref={(el) => (this.headerElement = el as HTMLElement)}
-            class: "stzh-card__header", onClick: this.headerClick }, h("div", { key: 'ba01cc5960df92d985519d3d4a66abc1d4335458', class: "stzh-card__header-top" }, h("div", { key: '47dd2bfcc201d908e3de80799f7f361515ffd0eb',
+            class: "stzh-card__header", onClick: this.headerClick }, h("div", { key: '75574a4c535d79cab3314216c2f1e5829a2d81e7', class: "stzh-card__header-top" }, h("div", { key: '48c9405b03de8683843188beb535afa4d37063a0',
             // ref={(el) => (this.headerLeftElement = el as HTMLElement)}
-            class: "stzh-card__header-left" }, h("div", { key: 'f3da8157dd758a6533191e0c7ef42baa0964a035', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '75adac7f6a8b88d920823fb029589f519b0c01f5', class: "stzh-card__title" }, h("a", { key: '052d13b68c9742009e5440583044b816fb965472', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: this.href, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: 'a380d0874b7065fe255403a897c17798cac4ff00', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: '3fb19ac7f0b63140e5dbb9e176f2a840bc426d7d', id: descriptionId, hidden: true }, (_d = this.localization) === null || _d === void 0 ? void 0 : _d.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: 'd8905cc49cf3318f0df41e6121510ec330e30c8a', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: '6e5c89ac84f6a4464980e9396b31438ae7c09422',
+            class: "stzh-card__header-left" }, h("div", { key: '288614966eee0d722dae1f145226959c078e9a18', class: "stzh-card__title-area" }, hasHeading && (h(Heading, { key: '07f172a2b0c38e0347f0b30ec72405f382394212', class: "stzh-card__title" }, h("a", { key: 'f8026dce8c08471ddde40fa11b8351c288fb477a', ref: el => (this.titleLinkElement = el), class: "stzh-card__title-link", href: this.href, target: this.target, onClick: this.href ? this.handleCardClick : null, "aria-describedby": descriptionId }, h("div", { key: '962a2bc4fc049b38165c1c2fd3a7d6c54cc54751', ref: el => (this.headingTextElement = el) }, this.heading ? this.heading : h("slot", { name: "heading" }))))), h("span", { key: 'dc437d07bf20f045657e2b16382900934f367f33', id: descriptionId, hidden: true }, (_d = this.localization) === null || _d === void 0 ? void 0 : _d.clickTitle), this._subtitles.length > 0 && (h(Subtitle, { key: '6505122f261569a949a5507f6eab27b914e6228a', class: "stzh-card__subtitle", onClick: this.subtitleClick }, this._subtitles.map(subtitle => (h("span", { class: "stzh-card__subtitle-text" }, subtitle))))))), h("div", { key: 'e9581cd7f17f6f8e26592e5109829bb40a0a112d',
             // ref={(el) => (this.headerRightElement = el as HTMLElement)}
-            class: "stzh-card__header-right" }, h("div", { key: 'e91d30238a0a98a2c2dc6dea054224fff5ef6886', class: "stzh-card__card-actions" }, this.starrable && (h("stzh-tooltip", { key: '57c9c5fe99120b6d1f79bfcfd006731bc2afd16e' }, h("stzh-button", { key: '26da19edd0f7dc06b814c9b147cc27a38c1161fd', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '59eba4c20ddef2345b477853dbedde844cd01e62', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '6a061b2e61d39ddcd0775258421d148f7296db0a', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
+            class: "stzh-card__header-right" }, h("div", { key: 'e3d153139e2b181b525ee9266d350b77d21885f7', class: "stzh-card__card-actions" }, this.starrable && (h("stzh-tooltip", { key: 'ff738548e442b88f9dfc4388f47a6cb373b8731c' }, h("stzh-button", { key: '8be33c7951488e14ee77c16cbaeb7599d12cd594', class: "stzh-card__card-action is-star", icon: this.starred ? "star-filled" : "star", variant: "tertiary", size: "tiny", iconOnly: true, onClick: this.starToggleClick }), h("div", { key: '89ba16bdb636ea98eb613535d5743932332dab39', slot: "content" }, this.starred ? this.localization.actionRemove : this.localization.actionAdd))), (this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (h("stzh-popover", { key: '866c206709fc68e75358245d949de2f94014731f', label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: {
                 "stzh-card__card-action-popover": true,
                 // "hide-medium show-when-collapsed": !this.starrable && !sortableActionsEnabled
-            } }, h("stzh-button", { key: '41a7bb990ab59a7676ab18fd6f6434cc462fcc4e', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_e = headerActionsWithBadge[0]) === null || _e === void 0 ? void 0 : _e.badgeType) || "default" }), h("stzh-menu", { key: 'fed4bd3fa12ab1853510ef0cbd6f9819b9125f3d', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", {
+            } }, h("stzh-button", { key: 'bec38b589210b52cea9035638efd096e3a12bc97', class: "stzh-card__card-action is-further", variant: "tertiary", size: "tiny", icon: "more-vertical", iconOnly: true, badge: this.headerActionsBadge, badgeEmpty: headerActionsWithBadge.length > 0, badgePosition: "icon", badgeType: this.headerActionsBadgeType || ((_e = headerActionsWithBadge[0]) === null || _e === void 0 ? void 0 : _e.badgeType) || "default" }), h("stzh-menu", { key: '5dbdb078257355d6ef472f90268cb80ba27cc44a', slot: "content" }, this._headerActions.map(action => (h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: (e) => {
                 this.actionClick(e, action);
             }
-        }, action.label))), sortableActionsEnabled && (h(Fragment, { key: 'b394328b2568c9d511689bb702cbc2fc35f47472' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: '771f877ab0dd3657942894dc698d50366cadbe2a', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: 'ff343131c4ff6a24193da4662625647730864c58', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: 'f3012e3345965ea3253f63097482d2c1fd3e83ea', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'a2b07fc0039dd4500d0300fe2dffe997eda93bc4', class: "stzh-card__header-meta" }, h("slot", { key: '4f74031fa6cdc4dae3376cde2acd5e650622a360', name: "meta" }))), h("div", { key: '7bb76513dea446a206be1788d5a663fd7ff055b4', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '64452e7c5fa348a074c50743022fa827469fc738', name: "content" })), h("div", { key: '1f4a913a978305e5fd153b99d0810e89c8dba918', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: 'd59e50bd4f4a60d082dfba8be2b7923e8752148d', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: 'd3fe192ddb459b27e8de88cf8ceee79100e465df', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: '02c7dba7ecdc05b6351ee080473316d28fd221d7', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
+        }, action.label))), sortableActionsEnabled && (h(Fragment, { key: 'a66b9cbb82680026665532df59b3d260bd567fad' }, !isFirstItemInSortable && (h("stzh-menu-item", { key: 'c5144ea3cd6e63c63aaaea5a954afaac2084e916', icon: "arrow-up", onClick: this.arrowUpClick }, this.localization.actionMoveUp)), !isLastItemInSortable && (h("stzh-menu-item", { key: 'd4d1b07661c7f9ba4a98035ffa6d07439050f097', icon: "arrow-down", onClick: this.arrowDownClick }, this.localization.actionMoveDown)))), this.starrable && (h("stzh-menu-item", { key: '05237cd7773f63c8407c0c1f7ee7e007f14e678f', icon: this.starred ? "star-filled" : "star", onClick: this.starToggleClick }, this.starred ? this.localization.actionRemove : this.localization.actionAdd)))))))), h("div", { key: 'ef855363b7098083eea57776f1d6ec4e0cc29f02', class: "stzh-card__header-meta" }, h("slot", { key: 'e3d8c168e44f20c95756d11681ee747863dccda4', name: "meta" }))), h("div", { key: '9dfa797204fb876c34a66ca408c030fee42240dc', class: "stzh-card__content hide-when-collapsed" }, h("slot", { key: '553f663d65edcde3295744461b8bcc1c23981a1a', name: "content" })), h("div", { key: 'e3cc8d37b278309950eb26347d37346c597bcdff', class: "stzh-card__footer hide-when-collapsed" }, h("slot", { key: '96a790640048c359597721852832b4c323228549', name: "footer" }, this._footerActions.length > 0 && (h("stzh-actionset", { key: '3b3b2a1d65ea8c6f63ac6a4dc5f8663ea68c99d5', class: "stzh-card__footer-actionset", actions: this._footerActions })), this.selectable && (h("stzh-button", { key: 'bd560d5fcef2ff1a5a147e0af7a9e260927e7183', class: "stzh-card__footer-select-button", fullwidth: true, type: "radio", variant: "secondary", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, label: this.localization.select, onStzhChange: this.handleSelectionChange }))))))));
     }
     static get is() { return "stzh-card"; }
     static get encapsulation() { return "scoped"; }
@@ -376,6 +379,24 @@ export class StzhCard {
                     "text": "Translation strings"
                 }
             },
+            "backgroundColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"grey\" | \"white\"",
+                    "resolved": "\"grey\" | \"white\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether background should be grey (default) or white"
+                },
+                "attribute": "background-color",
+                "reflect": true,
+                "defaultValue": "\"grey\""
+            },
             "variant": {
                 "type": "string",
                 "mutable": false,