@oiz/stzh-components 2.11.0-beta1 → 2.11.0

package/dist/esm-es5/stzh-chip_2.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhChipCss","StzhChip","this","focusedByInput","onRootFocus","_this","setFocus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","onClick","stzhClick","onRemoveClick","stzhRemove","class_1","prototype","chip","focus","componentDidRender","requestAnimationFrame","setAttribute","analyticsId","text","innerText","renderInner","h","Fragment","class","icon","name","lines","ref","el","label","counter","render","classes","_a","active","disabled","removable","concat","type","size","variant","Chip","nonInteractive","href","Host","tabindex","removeLabel","removeAnalyticsId","target","a11yTabindex","a11yLabel","a11yDescribedby","stzhClampCss","StzhClamp","updateClamped","textCloneElement","beforeClamped","clamped","scrollHeight","clientHeight","stzhClamp","handleResize","debounceResize","cancelAnimationFrame","handleMutaton","update","handleExpandClick","expanded","stzhExpand","class_2","innerHTML","textElement","componentWillLoad","localization","stzhComponents","utils","fetchTranslations","_b","sent","componentDidLoad","mutationObserver","MutationObserver","observe","childList","subtree","connectedCallback","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","style","toString","linesSmall","linesMedium","linesLarge","linesUltra","showExpandLink","showMore","showLess"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx","src/components/stzh-clamp/stzh-clamp.scss?tag=stzh-clamp","src/components/stzh-clamp/stzh-clamp.tsx"],"sourcesContent":[":host {\n  --color: #{$colorPrimary};\n  --height: 32px;\n  --padding: 0 #{space('medium')};\n  --border-color: #{$baseBorderColor};\n  --border-radius: 16px;\n  --remove-color: #{$baseLeadColor};\n  --remove-border-radius: 24px;\n  --background-color: #{$colorWhite};\n  --icon-size: #{iconSize('small')};\n  --icon-color: #{$colorPrimary};\n  --icon-gap: #{space('xsmall')};\n  --counter-color: #{$colorPrimary60op};\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: #{$colorPrimaryHover};\n  --hover-border-color: var(--border-color);\n  --hover-background-color: #{$colorPrimary8};\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: var(--hover-background-color);\n  --hover-icon-color: #{$colorPrimaryHover};\n  --hover-counter-color: #{$colorPrimaryHover};\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-border-color: Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-color: Highlight;\n    --hover-remove-background-color: Canvas;\n    --hover-icon-color: Highlight;\n    --hover-counter-color: Highlight;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding: 0 #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --icon-size: #{iconSize('xsmall')};\n    --counter-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"input\"] {\n    --border-color: transparent;\n    --background-color: #{$colorGrey5};\n\n    --hover-border-color: transparent;\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$baseColor};\n    --icon-color: #{$baseColor};\n    --counter-color: #{$baseColor};\n    --border-color: transparent;\n    --background-color: #{$colorBlack8};\n\n    --hover-color: #{$baseColor};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorBlack8};\n    --hover-icon-color: #{$baseColor};\n    --hover-counter-color: #{$baseColor};\n  }\n\n  &[variant=\"input\"][size=\"small\"] {\n    --padding: 0 #{space('small')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"][size=\"small\"] {\n    --padding: 0 #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[type=\"secondary\"] {\n    --color: #{$baseLeadColor};\n    --counter-color: #{$colorGrey40};\n  }\n\n  &[type=\"important\"] {\n    --color: #{$colorError};\n    --icon-color: #{$colorError};\n    --counter-color: #{$colorError};\n\n    --hover-color: #{$colorError};\n    --hover-icon-color: #{$colorError};\n    --hover-counter-color: #{$colorError};\n\n    @include highContrast() {\n      --hover-color: Highlight;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: #{$colorWhite};\n    --border-color: transparent;\n    --remove-color: #{$colorWhite};\n    --background-color: #{$colorPrimary};\n    --icon-color: #{$colorWhite};\n    --counter-color: #{$colorWhite56};\n\n    --hover-color: #{$colorWhite};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorPrimaryHover};\n    --hover-remove-color: #{$colorWhite};\n    --hover-remove-background-color: #{$colorPrimaryHover};\n    --hover-icon-color: #{$colorWhite};\n    --hover-counter-color: #{$colorWhite56};\n\n    @include highContrast() {\n      --color: SelectedItem;\n      --border-color: SelectedItem;\n      --remove-color: SelectedItem;\n      --background-color: Canvas;\n      --icon-color: SelectedItem;\n      --counter-color: SelectedItem;\n\n      --hover-color: Highlight;\n      --hover-border-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-color: Highlight;\n      --hover-remove-background-color: Canvas;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-border-color: var(--border-color);\n    --hover-background-color: var(--background-color);\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey25};\n    --border-color: #{$baseBorderColor};\n    --remove-color: #{$colorGrey13};\n    --background-color: #{$colorWhite};\n    --icon-color: #{$colorGrey25};\n    --counter-color: #{$colorGrey25};\n\n    --hover-color: #{$colorGrey25};\n    --hover-border-color: #{$baseBorderColor};\n    --hover-background-color: #{$colorWhite};\n    --hover-remove-color: #{$colorGrey13};\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: #{$colorGrey25};\n    --hover-counter-color: #{$colorGrey25};\n  }\n}\n\n:host ::slotted(stzh-icon),\n.stzh-chip__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding: var(--padding);\n    color: var(--color);\n    appearance: none;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--border-color);\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"tag\" | \"filter\" | \"input\" = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"secondary\" | \"important\" = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Focus menu item */\n  @Method()\n  async setFocus() {\n    this.chip.focus();\n  }\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon ?\n            <stzh-icon class=\"stzh-chip__icon\" name={this.icon}></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\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-chip\",\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-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --current-lines: Currently clamped lines number (can be used instead of `lines-{BREAKPOINT}` attributes)\n */\n\nstzh-clamp {\n  @include host;\n  --current-lines: var(--lines, 0);\n\n  @include mq($from: small) {\n    --current-lines: var(--lines-small, var(--lines, 0));\n  }\n\n  @include mq($from: medium) {\n    --current-lines: var(--lines-medium, var(--lines-small, var(--lines, 0)));\n  }\n\n  @include mq($from: large) {\n    --current-lines: var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))));\n  }\n\n  @include mq($from: ultra) {\n    --current-lines: var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))));\n  }\n\n  width: 100%;\n  color: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.stzh-clamp {\n  position: relative;\n\n  &__text {\n    @include wordWrap;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    &.is-clone {\n      position: absolute;\n      visibility: hidden;\n      opacity: 0;\n      top: 0;\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  &__trigger {\n    margin-top: space('xxsmall');\n  }\n\n  &--is-not-expanded &__text,\n  &__text.is-clone {\n    -webkit-line-clamp: var(--current-lines);\n    line-clamp: var(--current-lines);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhClampClampEvent,\n  StzhClampExpandEvent\n} from \"../../index\";\n\nimport { StzhClampLocalizedText } from \"./stzh-clamp.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-clamp\",\n  styleUrl: \"stzh-clamp.scss\"\n})\nexport class StzhClamp {\n  /** Translation strings */\n  @Prop() localization: StzhClampLocalizedText;\n\n  /** Line number */\n  @Prop() lines: number = 1;\n  /** Line number above small breakpoint */\n  @Prop() linesSmall: number = 0;\n  /** Line number above medium breakpoint */\n  @Prop() linesMedium: number = 0;\n  /** Line number above large breakpoint */\n  @Prop() linesLarge: number = 0;\n  /** Line number above ultra breakpoint */\n  @Prop() linesUltra: number = 0;\n\n  /** Whether clamping is expanded */\n  @Prop() showExpandLink: boolean = false;\n\n  /** Whether clamping is expanded */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /** Whether the text is currently clamped (readonly) */\n  @Prop({ mutable: true, reflect: true }) clamped: boolean = false;\n\n  @Element() element: HTMLStzhClampElement;\n\n  /** Event when clamping state changed */\n  @Event() stzhClamp: EventEmitter<StzhClampClampEvent>;\n\n  /** Event when expanding state changed */\n  @Event() stzhExpand: EventEmitter<StzhClampExpandEvent>;\n\n  @Method()\n  async update() {\n    this.textCloneElement.innerHTML = this.textElement.innerHTML;\n    this.updateClamped();\n  }\n\n  private textElement: HTMLElement;\n  private textCloneElement: HTMLElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n\n  private updateClamped = () => {\n    if (!this.textCloneElement) {\n      return;\n    }\n\n    const beforeClamped = this.clamped;\n    this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;\n\n    if (beforeClamped !== this.clamped) {\n      this.stzhClamp.emit({\n        component: \"stzh-clamp\",\n        clamped: this.clamped\n      });\n    }\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateClamped);\n  }\n\n  private handleMutaton = () => {\n    this.update();\n  }\n\n  private handleExpandClick = () => {\n    this.expanded = !this.expanded;\n\n    this.stzhExpand.emit({\n      component: \"stzh-clamp\",\n      expanded: this.expanded\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"clamp\");\n    }\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = new MutationObserver(this.handleMutaton);\n    this.mutationObserver.observe(this.textElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  componentDidRender() {\n    this.update();\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-clamp\": true,\n      \"stzh-clamp--is-not-expanded\": !this.expanded\n    };\n\n    return (\n      <Host\n        style={{\n          '--lines': this.lines ? this.lines.toString() : null,\n          '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,\n          '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,\n          '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,\n          '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.textElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text\"\n          >\n            <slot></slot>\n          </div>\n\n          <div\n            ref={(el) => (this.textCloneElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text is-clone\"\n            aria-hidden=\"true\"\n          ></div>\n\n          {this.showExpandLink && this.clamped &&\n            <stzh-link\n              class=\"stzh-clamp__trigger\"\n              a11yTabindex=\"-1\"\n              aria-hidden=\"true\"\n              onClick={this.handleExpandClick}\n            >\n              {!this.expanded ? this.localization.showMore : this.localization.showLess}\n            </stzh-link>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhChipCss","StzhChip","this","focusedByInput","onRootFocus","_this","setFocus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","onClick","stzhClick","onRemoveClick","stzhRemove","class_1","prototype","chip","focus","componentDidRender","requestAnimationFrame","setAttribute","analyticsId","text","innerText","renderInner","h","Fragment","class","icon","name","lines","ref","el","label","counter","render","classes","_a","active","disabled","removable","concat","type","size","variant","Chip","nonInteractive","href","Host","tabindex","removeLabel","removeAnalyticsId","target","a11yTabindex","a11yLabel","a11yDescribedby","stzhClampCss","StzhClamp","updateClamped","textCloneElement","beforeClamped","clamped","scrollHeight","clientHeight","stzhClamp","handleResize","debounceResize","cancelAnimationFrame","handleMutaton","update","handleExpandClick","__awaiter","expanded","waitForNextRender","sent","stzhExpand","class_2","innerHTML","textElement","Promise","resolve","renderPromiseResolve","componentWillLoad","localization","stzhComponents","utils","fetchTranslations","_b","componentDidLoad","mutationObserver","MutationObserver","observe","childList","subtree","connectedCallback","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","style","toString","linesSmall","linesMedium","linesLarge","linesUltra","showExpandLink","showMore","showLess"],"sources":["src/components/stzh-chip/stzh-chip.scss?tag=stzh-chip&encapsulation=scoped","src/components/stzh-chip/stzh-chip.tsx","src/components/stzh-clamp/stzh-clamp.scss?tag=stzh-clamp","src/components/stzh-clamp/stzh-clamp.tsx"],"sourcesContent":[":host {\n  --color: #{$colorPrimary};\n  --height: 32px;\n  --padding: 0 #{space('medium')};\n  --border-color: #{$baseBorderColor};\n  --border-radius: 16px;\n  --remove-color: #{$baseLeadColor};\n  --remove-border-radius: 24px;\n  --background-color: #{$colorWhite};\n  --icon-size: #{iconSize('small')};\n  --icon-color: #{$colorPrimary};\n  --icon-gap: #{space('xsmall')};\n  --counter-color: #{$colorPrimary60op};\n  --counter-gap: #{space('xsmall')};\n\n  --hover-color: #{$colorPrimaryHover};\n  --hover-border-color: var(--border-color);\n  --hover-background-color: #{$colorPrimary8};\n  --hover-remove-color: var(--hover-color);\n  --hover-remove-background-color: var(--hover-background-color);\n  --hover-icon-color: #{$colorPrimaryHover};\n  --hover-counter-color: #{$colorPrimaryHover};\n\n  display: inline-flex;\n\n  @include highContrast() {\n    --hover-color: Highlight;\n    --hover-border-color: Highlight;\n    --hover-background-color: Canvas;\n    --hover-remove-color: Highlight;\n    --hover-remove-background-color: Canvas;\n    --hover-icon-color: Highlight;\n    --hover-counter-color: Highlight;\n  }\n\n  &[size=\"large\"] {\n    --height: 40px;\n    --border-radius: 20px;\n    --padding: 0 #{space('xlarge')};\n  }\n\n  &[size=\"small\"] {\n    --height: 24px;\n    --icon-size: #{iconSize('xsmall')};\n    --counter-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"input\"] {\n    --border-color: transparent;\n    --background-color: #{$colorGrey5};\n\n    --hover-border-color: transparent;\n  }\n\n  &[variant=\"tag\"] {\n    --color: #{$baseColor};\n    --icon-color: #{$baseColor};\n    --counter-color: #{$baseColor};\n    --border-color: transparent;\n    --background-color: #{$colorBlack8};\n\n    --hover-color: #{$baseColor};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorBlack8};\n    --hover-icon-color: #{$baseColor};\n    --hover-counter-color: #{$baseColor};\n  }\n\n  &[variant=\"input\"][size=\"small\"] {\n    --padding: 0 #{space('small')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[variant=\"tag\"][size=\"small\"] {\n    --padding: 0 #{space('xsmall')};\n    --icon-gap: #{space('xxsmall')};\n  }\n\n  &[type=\"secondary\"] {\n    --color: #{$baseLeadColor};\n    --counter-color: #{$colorGrey40};\n  }\n\n  &[type=\"important\"] {\n    --color: #{$colorError};\n    --icon-color: #{$colorError};\n    --counter-color: #{$colorError};\n\n    --hover-color: #{$colorError};\n    --hover-icon-color: #{$colorError};\n    --hover-counter-color: #{$colorError};\n\n    @include highContrast() {\n      --hover-color: Highlight;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[active]:not([active=\"false\"]) {\n    --color: #{$colorWhite};\n    --border-color: transparent;\n    --remove-color: #{$colorWhite};\n    --background-color: #{$colorPrimary};\n    --icon-color: #{$colorWhite};\n    --counter-color: #{$colorWhite56};\n\n    --hover-color: #{$colorWhite};\n    --hover-border-color: transparent;\n    --hover-background-color: #{$colorPrimaryHover};\n    --hover-remove-color: #{$colorWhite};\n    --hover-remove-background-color: #{$colorPrimaryHover};\n    --hover-icon-color: #{$colorWhite};\n    --hover-counter-color: #{$colorWhite56};\n\n    @include highContrast() {\n      --color: SelectedItem;\n      --border-color: SelectedItem;\n      --remove-color: SelectedItem;\n      --background-color: Canvas;\n      --icon-color: SelectedItem;\n      --counter-color: SelectedItem;\n\n      --hover-color: Highlight;\n      --hover-border-color: Highlight;\n      --hover-background-color: Canvas;\n      --hover-remove-color: Highlight;\n      --hover-remove-background-color: Canvas;\n      --hover-icon-color: Highlight;\n      --hover-counter-color: Highlight;\n    }\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-border-color: var(--border-color);\n    --hover-background-color: var(--background-color);\n    --hover-icon-color: var(--icon-color);\n    --hover-counter-color: var(--counter-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$colorGrey25};\n    --border-color: #{$baseBorderColor};\n    --remove-color: #{$colorGrey13};\n    --background-color: #{$colorWhite};\n    --icon-color: #{$colorGrey25};\n    --counter-color: #{$colorGrey25};\n\n    --hover-color: #{$colorGrey25};\n    --hover-border-color: #{$baseBorderColor};\n    --hover-background-color: #{$colorWhite};\n    --hover-remove-color: #{$colorGrey13};\n    --hover-remove-background-color: transparent;\n    --hover-icon-color: #{$colorGrey25};\n    --hover-counter-color: #{$colorGrey25};\n  }\n}\n\n:host ::slotted(stzh-icon),\n.stzh-chip__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-chip {\n  position: relative;\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__button {\n    @include fontSize('micro');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--border-radius);\n    padding: var(--padding);\n    color: var(--color);\n    appearance: none;\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--border-color);\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__icon-wrapper {\n    display: flex;\n    color: var(--icon-color);\n    transition: color $baseTransitionAnimationSpeed;\n    flex-shrink: 0;\n\n    &:not(:empty) {\n      margin-right: var(--icon-gap);\n    }\n  }\n\n  &__counter {\n    display: flex;\n    font-variant-numeric: tabular-nums;\n    margin-left: var(--counter-gap);\n    color: var(--counter-color);\n    transition: color $baseTransitionAnimationSpeed;\n  }\n\n  &__remove {\n    position: absolute;\n    top: 0;\n    right: 0;\n    appearance: none;\n    font-family: inherit;\n    border: none;\n    background: none;\n    padding: 0;\n    width: var(--height);\n    height: var(--height);\n    border-radius: var(--remove-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: space('xxsmall');\n    color: var(--remove-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n    cursor: pointer;\n\n    &:hover {\n      color: var(--hover-remove-color);\n      background-color: var(--hover-remove-background-color);\n    }\n  }\n\n  &__remove-icon {\n    --size: #{iconSize('xxsmall')};\n  }\n\n  &__button:hover,\n  &__remove:hover + &__button {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n    border-color: var(--hover-border-color);\n  }\n\n  &__button:hover &__counter,\n  &__remove:hover + &__button &__counter {\n    color: var(--hover-counter-color);\n  }\n\n  &__button:hover &__icon-wrapper,\n  &__remove:hover + &__button &__icon-wrapper {\n    color: var(--hover-icon-color);\n  }\n\n  /* Size */\n\n  &--size-small &__button {\n    @include fontSize('nano');\n  }\n\n  /* Removeable */\n\n  &--is-removable &__button {\n    padding-right: calc(var(--height) + #{space('xxsmall')});\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button,\n  &--is-disabled &__remove {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhChipClickEvent,\n  StzhChipRemoveEvent,\n  StzhChipFocusEvent,\n  StzhChipBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n * @slot icon - Slot for icon\n */\n@Component({\n  tag: \"stzh-chip\",\n  styleUrl: \"stzh-chip.scss\",\n  scoped: true\n})\nexport class StzhChip {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** `href` if the chip should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether chip is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Whether remove button should be shown */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"tag\" | \"filter\" | \"input\" = \"tag\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"secondary\" | \"important\" = \"default\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Label of remove button for screenreaders */\n  @Prop() removeLabel: string = \"\";\n\n  /** Active */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhChipElement;\n\n  /** Focus menu item */\n  @Method()\n  async setFocus() {\n    this.chip.focus();\n  }\n\n  /** Chip click event */\n  @Event() stzhClick: EventEmitter<StzhChipClickEvent>;\n\n  /** Chip remove event */\n  @Event() stzhRemove: EventEmitter<StzhChipRemoveEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhChipFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhChipBlurEvent>;\n\n  private chip: HTMLButtonElement | HTMLAnchorElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.chip.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <div class=\"stzh-chip__icon-wrapper\">\n          {this.icon ?\n            <stzh-icon class=\"stzh-chip__icon\" name={this.icon}></stzh-icon>\n            :\n            <slot name=\"icon\"></slot>\n          }\n        </div>\n\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-chip__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n          {this.counter &&\n            <span class=\"stzh-chip__vhidden\">\n              &nbsp;({this.counter})\n            </span>\n          }\n        </stzh-clamp>\n\n        {this.counter &&\n          <div class=\"stzh-chip__counter\" aria-hidden=\"true\">\n            {this.counter}\n          </div>\n        }\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.setFocus();\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-chip\",\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-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  private onRemoveClick = (event: MouseEvent) => {\n    this.stzhRemove.emit({\n      component: \"stzh-chip\",\n      originalEvent: event\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-chip\": true,\n      \"stzh-chip--is-active\": this.active,\n      \"stzh-chip--is-disabled\": this.disabled,\n      \"stzh-chip--is-removable\": this.removable,\n      \"stzh-chip--has-counter\": !!this.counter,\n      [`stzh-chip--type-${this.type}`]: !!this.type,\n      [`stzh-chip--size-${this.size}`]: !!this.size,\n      [`stzh-chip--${this.variant}`]: !!this.variant\n    };\n\n    const Chip = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.removable &&\n            <button\n              class=\"stzh-chip__remove\"\n              onClick={this.onRemoveClick}\n              disabled={this.disabled}\n              aria-label={this.removeLabel}\n              type=\"button\"\n              s-object-id={this.removeAnalyticsId || this.removeLabel}\n            >\n              <stzh-icon class=\"stzh-chip__remove-icon\" name=\"close\"></stzh-icon>\n            </button>\n          }\n\n          {this.href ?\n            <Chip\n              ref={(el) => (this.chip = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n            :\n            <Chip\n              ref={(el) => (this.chip = el as HTMLButtonElement)}\n              class={{\n                \"stzh-chip__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Chip>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --current-lines: Currently clamped lines number (can be used instead of `lines-{BREAKPOINT}` attributes)\n */\n\nstzh-clamp {\n  @include host;\n  --current-lines: var(--lines, 0);\n\n  @include mq($from: small) {\n    --current-lines: var(--lines-small, var(--lines, 0));\n  }\n\n  @include mq($from: medium) {\n    --current-lines: var(--lines-medium, var(--lines-small, var(--lines, 0)));\n  }\n\n  @include mq($from: large) {\n    --current-lines: var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))));\n  }\n\n  @include mq($from: ultra) {\n    --current-lines: var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))));\n  }\n\n  width: 100%;\n  color: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.stzh-clamp {\n  position: relative;\n\n  &__text {\n    @include wordWrap;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    &.is-clone {\n      position: absolute;\n      visibility: hidden;\n      opacity: 0;\n      top: 0;\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  &__trigger {\n    margin-top: space('xxsmall');\n  }\n\n  &--is-not-expanded &__text,\n  &__text.is-clone {\n    -webkit-line-clamp: var(--current-lines);\n    line-clamp: var(--current-lines);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Method,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhClampClampEvent,\n  StzhClampExpandEvent\n} from \"../../index\";\n\nimport { StzhClampLocalizedText } from \"./stzh-clamp.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-clamp\",\n  styleUrl: \"stzh-clamp.scss\"\n})\nexport class StzhClamp {\n  /** Translation strings */\n  @Prop() localization: StzhClampLocalizedText;\n\n  /** Line number */\n  @Prop() lines: number = 1;\n  /** Line number above small breakpoint */\n  @Prop() linesSmall: number = 0;\n  /** Line number above medium breakpoint */\n  @Prop() linesMedium: number = 0;\n  /** Line number above large breakpoint */\n  @Prop() linesLarge: number = 0;\n  /** Line number above ultra breakpoint */\n  @Prop() linesUltra: number = 0;\n\n  /** Whether expand link is shown */\n  @Prop() showExpandLink: boolean = false;\n\n  /** Whether clamping is expanded */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  /** Whether the text is currently clamped (readonly) */\n  @Prop({ mutable: true, reflect: true }) clamped: boolean = false;\n\n  @Element() element: HTMLStzhClampElement;\n\n  /** Event when clamping state changed */\n  @Event() stzhClamp: EventEmitter<StzhClampClampEvent>;\n\n  /** Event when expanding state changed */\n  @Event() stzhExpand: EventEmitter<StzhClampExpandEvent>;\n\n  @Method()\n  async update() {\n    this.textCloneElement.innerHTML = this.textElement.innerHTML;\n    this.updateClamped();\n  }\n\n  private textElement: HTMLElement;\n  private textCloneElement: HTMLElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private mutationObserver: MutationObserver;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  private updateClamped = () => {\n    if (!this.textCloneElement) {\n      return;\n    }\n\n    const beforeClamped = this.clamped;\n    this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;\n\n    if (beforeClamped !== this.clamped) {\n      this.stzhClamp.emit({\n        component: \"stzh-clamp\",\n        clamped: this.clamped\n      });\n    }\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateClamped);\n  }\n\n  private handleMutaton = () => {\n    this.update();\n  }\n\n  private handleExpandClick = async () => {\n    this.expanded = !this.expanded;\n    await this.waitForNextRender();\n\n    this.stzhExpand.emit({\n      component: \"stzh-clamp\",\n      expanded: this.expanded\n    });\n  }\n\n  waitForNextRender() {\n    return new Promise(resolve => this.renderPromiseResolve = resolve);\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"clamp\");\n    }\n  }\n\n  componentDidLoad() {\n    this.mutationObserver = new MutationObserver(this.handleMutaton);\n    this.mutationObserver.observe(this.textElement, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n\n    this.update();\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-clamp\": true,\n      \"stzh-clamp--is-not-expanded\": !this.expanded\n    };\n\n    return (\n      <Host\n        style={{\n          '--lines': this.lines ? this.lines.toString() : null,\n          '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,\n          '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,\n          '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,\n          '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,\n        }}\n      >\n        <div class={classes}>\n          <div\n            ref={(el) => (this.textElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text\"\n          >\n            <slot></slot>\n          </div>\n\n          <div\n            ref={(el) => (this.textCloneElement = el as HTMLDivElement)}\n            class=\"stzh-clamp__text is-clone\"\n            aria-hidden=\"true\"\n          ></div>\n\n          {this.showExpandLink && this.clamped &&\n            <stzh-link\n              class=\"stzh-clamp__trigger\"\n              a11yTabindex=\"-1\"\n              aria-hidden=\"true\"\n              onClick={this.handleExpandClick}\n            >\n              {!this.expanded ? this.localization.showMore : this.localization.showLess}\n            </stzh-link>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm-es5/stzh-components.js

@@ -1,2 +1,2 @@
-import{p as promiseResolve,d as doc,N as NAMESPACE,H,b as bootstrapLazy}from"./index-bfb5b569.js";export{s as setNonce}from"./index-bfb5b569.js";import{g as globalScripts}from"./app-globals-2df573fd.js";var patchBrowser=function(){{patchCloneNodeFix(H.prototype)}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE}));var a=import.meta.url;var t=(e||{})["data-opts"]||{};if(a!==""){t.resourcesUrl=new URL(".",a).href}return promiseResolve(t)};var patchCloneNodeFix=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var t=a.call(this,false);var i=this.childNodes;if(e){for(var o=0;o<i.length;o++){if(i[o].nodeType!==2){t.appendChild(i[o].cloneNode(true))}}}return t}};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["stzh-datatable",[[4,"stzh-datatable",{"tableLayout":[1,"table-layout"],"localization":[16],"label":[1],"sortBy":[1025,"sort-by"],"sortDirection":[1025,"sort-direction"],"tokenize":[1],"idField":[1,"id-field"],"hideSearch":[516,"hide-search"],"showList":[516,"show-list"],"page":[1026],"pageSize":[2,"page-size"],"disableMinWidth":[516,"disable-min-width"],"rows":[1],"columns":[1],"query":[32],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32],"toggleSort":[64]},null,{"rows":["rowsWatcher"],"columns":["columnsWatcher"],"sortBy":["sortByWatcher"],"sortDirection":["sortDirectionWatcher"]}]]],["stzh-microsite-teaserlist",[[2,"stzh-microsite-teaserlist",{"localization":[16],"api":[1],"tags":[1],"stepItems":[2,"step-items"],"showItems":[32],"activeFilter":[32]},null,{"showItems":["filterHandler"],"activeFilter":["filterHandler"],"tags":["tagsWatcher"],"api":["apiWatcher"]}]]],["stzh-appointments",[[2,"stzh-appointments",{"localization":[16],"sortBy":[1025,"sort-by"],"appointments":[1],"currentDate":[1025,"current-date"],"value":[1025],"name":[513],"showItems":[1026,"show-items"],"stepItems":[2,"step-items"],"calendarTitle":[1,"calendar-title"],"appointmentsTitle":[1,"appointments-title"],"dateAdapter":[16]},null,{"currentDate":["currentDateWatcher"],"sortBy":["sortByWatcher"],"value":["valueWatcher"],"appointments":["appointmentsWatcher"]}]]],["stzh-datamessagelist-item",[[2,"stzh-datamessagelist-item",{"localization":[16],"heading":[1],"unread":[4],"href":[1],"rel":[1],"target":[1],"description":[1],"icon":[1],"loadingStatus":[1,"loading-status"],"meta":[1],"actions":[1],"tags":[1],"analyticsId":[1,"analytics-id"],"external":[32]},null,{"rel":["externalWatcher"],"loadingStatus":["loadingStatusWatcher"],"meta":["metaWatcher"],"actions":["actionsWatcher"],"tags":["tagsWatcher"]}]]],["stzh-contact",[[6,"stzh-contact",{"type":[1],"heading":[1],"mainHeading":[1,"main-heading"],"name":[1],"street":[1],"streetInfo":[1,"street-info"],"postalCode":[1,"postal-code"],"location":[1],"numbers":[1],"poBoxHeading":[1,"po-box-heading"],"poboxTitle":[1,"pobox-title"],"poboxPostalCode":[1,"pobox-postal-code"],"poboxLocation":[1,"pobox-location"],"availabilityTitle":[1,"availability-title"],"availability":[1],"withBorder":[4,"with-border"]},null,{"availability":["availabilityWatcher"],"numbers":["numbersWatcher"]}]]],["stzh-panorama",[[0,"stzh-panorama",{"localization":[16],"caption":[1],"scene":[1025],"sceneFadeDuration":[2,"scene-fade-duration"],"autoload":[4],"orientationOnByDefault":[4,"orientation-on-by-default"],"scenes":[1],"isOrientationSupported":[32],"isOrientationActive":[32],"isFullscreen":[32],"getViewer":[64]},null,{"scenes":["scenesWatcher","updateWatcher"],"scene":["sceneWatcher"],"autoload":["updateWatcher"],"type":["updateWatcher"],"localization":["updateWatcher"],"orientationOnByDefault":["updateWatcher"],"sceneFadeDuration":["updateWatcher"]}]]],["stzh-sitemap",[[0,"stzh-sitemap",{"items":[1]}]]],["stzh-amount",[[0,"stzh-amount",{"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minValueDropdown":[2,"min-value-dropdown"],"maxValueDropdown":[2,"max-value-dropdown"],"value":[1025],"step":[2],"name":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"invalid":[516],"required":[516],"clearable":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1025],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16]},null,{"minValueDropdown":["minMaxValueDropdownWatcher"],"maxValueDropdown":["minMaxValueDropdownWatcher"]}]]],["stzh-toastbar",[[1,"stzh-toastbar",{"hideAfter":[2,"hide-after"],"max":[2],"initialToasts":[1,"initial-toasts"],"toast":[64]},null,{"initialToasts":["initialToastsWatcher"]}]]],["stzh-saptcha",[[2,"stzh-saptcha",{"localization":[16],"numbers":[1],"value":[1],"name":[513],"error":[1],"invalid":[516],"disabled":[516]},null,{"numbers":["numbersWatcher"],"error":["errorWatcher"]}]]],["stzh-vbz-majorticker",[[2,"stzh-vbz-majorticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16],"ghettoboxCloseTimeKey":[1,"ghettobox-close-time-key"],"ghettoboxShown":[32],"getGhettoboxShown":[64],"getDisturbance":[64]},null,{"api":["apiWatcher"],"data":["dataWatcher"]}]]],["stzh-vbz-ticker",[[6,"stzh-vbz-ticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16]},null,{"localization":["localizationWatcher"],"api":["apiWatcher"],"data":["dataWatcher"]}]]],["stzh-youtube",[[6,"stzh-youtube",{"localization":[16],"url":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"previewSkipped":[32]}]]],["stzh-anchornav",[[2,"stzh-anchornav",{"columns":[514],"columnsSmall":[514,"columns-small"],"columnsMedium":[514,"columns-medium"],"columnsLarge":[514,"columns-large"],"columnsUltra":[514,"columns-ultra"],"items":[1],"withBorder":[516,"with-border"]},null,{"items":["appointmentsWatcher"]}]]],["stzh-audio",[[6,"stzh-audio",{"localization":[16],"src":[1],"preload":[1],"transcript":[1],"transcriptShown":[1028,"transcript-shown"],"downloadAnalyticsId":[1,"download-analytics-id"],"transcriptAnalyticsId":[1,"transcript-analytics-id"],"play":[64],"pause":[64]}]]],["stzh-upload",[[4,"stzh-upload",{"existingFiles":[1,"existing-files"],"label":[1],"description":[1],"button":[1],"url":[1],"method":[1],"withCredentials":[4,"with-credentials"],"disabled":[516],"invalid":[516],"downloadDisabled":[4,"download-disabled"],"downloadDisabledWhileProcessing":[4,"download-disabled-while-processing"],"error":[1],"acceptedFiles":[1,"accepted-files"],"autoProcessQueue":[4,"auto-process-queue"],"hideProgress":[4,"hide-progress"],"hideProgressWhileIdle":[4,"hide-progress-while-idle"],"maxFiles":[2,"max-files"],"maxFilesize":[2,"max-filesize"],"parallelUploads":[2,"parallel-uploads"],"uploadMultiple":[4,"upload-multiple"],"chunking":[4],"forceChunking":[4,"force-chunking"],"chunkSize":[2,"chunk-size"],"parallelChunkUploads":[4,"parallel-chunk-uploads"],"retryChunks":[4,"retry-chunks"],"retryChunksLimit":[2,"retry-chunks-limit"],"filesizeBase":[2,"filesize-base"],"headers":[16],"defaultHeaders":[4,"default-headers"],"accept":[16],"chunksUploaded":[16],"hiddenInputContainer":[1,"hidden-input-container"],"localization":[16],"processQueue":[64],"removeFile":[64],"removeAllFiles":[64]},null,{"existingFiles":["existingFilesWatcher"],"disabled":["disabledWatcher"],"error":["errorWatcher"]}]]],["stzh-accordion-item",[[1,"stzh-accordion-item",{"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"subtitle":[1],"description":[1],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"]}]]],["stzh-footer",[[4,"stzh-footer",{"localization":[16],"copyright":[1],"variant":[1],"mainUrl":[1,"main-url"],"withBorder":[4,"with-border"]}]]],["stzh-langnav",[[2,"stzh-langnav",{"languageActive":[1,"language-active"],"languages":[1],"popoverPlacement":[513,"popover-placement"],"preventUrlchange":[4,"prevent-urlchange"]}]]],["stzh-message",[[6,"stzh-message",{"label":[1],"description":[1],"closeKey":[1,"close-key"],"type":[513],"hideClose":[4,"hide-close"],"localization":[16],"open":[32],"show":[64],"hide":[64]}]]],["stzh-monthyearpicker",[[2,"stzh-monthyearpicker",{"monthOpen":[4,"month-open"],"yearOpen":[4,"year-open"],"months":[1],"years":[1],"min":[1],"max":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"format":[513],"name":[513],"value":[1025],"popoverPlacement":[513,"popover-placement"],"monthLabel":[1,"month-label"],"yearLabel":[1,"year-label"],"readonly":[516],"disabled":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"descriptionMonth":[1,"description-month"],"descriptionYear":[1,"description-year"],"descriptionLongMonth":[1,"description-long-month"],"descriptionLongYear":[1,"description-long-year"],"errorMonth":[1,"error-month"],"errorYear":[1,"error-year"],"invalidMonth":[516,"invalid-month"],"invalidYear":[516,"invalid-year"],"a11yDescribedbyMonth":[1,"a11y-describedby"],"a11yDescribedbyYear":[1,"a11y-describedby"],"localization":[16]},null,{"months":["monthsWatcher"],"years":["yearsWatcher"],"value":["minMaxWatcher"],"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["stzh-pagebottom",[[6,"stzh-pagebottom",{"shareTitle":[1,"share-title"],"shareUrl":[1,"share-url"],"shareServices":[1,"share-services"],"shareDisabled":[4,"share-disabled"],"logoHref":[1,"logo-href"],"logoAnalyticsId":[1,"logo-analytics-id"],"withBorder":[4,"with-border"]}]]],["stzh-timeline-item",[[1,"stzh-timeline-item",{"foldable":[4],"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"description":[1],"step":[514],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"_foldable":[32],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"],"foldable":["foldableWatcher"]}]]],["stzh-timepicker",[[2,"stzh-timepicker",{"open":[4],"min":[2],"max":[2],"step":[2],"name":[513],"value":[1025],"popoverPlacement":[513,"popover-placement"],"label":[1],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16]},null,{"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["stzh-checkbox",[[6,"stzh-checkbox",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"showMarker":[516,"show-marker"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["stzh-checkboxgroup",[[6,"stzh-checkboxgroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedCheckbox":[16],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"showMarker":["watchShowMarker"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["stzh-dialog",[[6,"stzh-dialog",{"localization":[16],"closeOnEscapeKey":[4,"close-on-escape-key"],"closeOnBackdropClick":[4,"close-on-backdrop-click"],"open":[1028],"stay":[4],"size":[513],"hideClose":[4,"hide-close"],"heading":[1],"a11yRole":[1,"a11y-role"],"a11yLabel":[1,"a11y-label"],"closeAnalyticsId":[1,"close-analytics-id"],"show":[64],"hide":[64]},[[6,"click","handleOutsideClick"],[4,"keydown","handleKeydown"],[4,"click","handleOpenTriggerClick"]]]]],["stzh-progressbar",[[2,"stzh-progressbar",{"localization":[16],"data":[1],"index":[2],"steps":[2],"stepsSmall":[2,"steps-small"],"stepsMedium":[2,"steps-medium"],"stepsLarge":[2,"steps-large"],"stepsUltra":[2,"steps-ultra"],"currentSteps":[32]},null,{"data":["dataWatcher"]}]]],["stzh-toggle",[[6,"stzh-toggle",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"labelPosition":[513,"label-position"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["stzh-fieldset",[[6,"stzh-fieldset",{"legend":[1],"hideLegend":[4,"hide-legend"],"legendLevel":[1,"legend-level"],"legendCurve":[1,"legend-curve"]}]]],["stzh-imagecomparison",[[6,"stzh-imagecomparison",{"localization":[16],"hintLeft":[1,"hint-left"],"hintRight":[1,"hint-right"],"caption":[1],"copyright":[1],"value":[1026],"label":[1],"a11yDescribedby":[1,"a11y-describedby"]}]]],["stzh-olmap",[[0,"stzh-olmap",{"localization":[16],"hostname":[1],"scaleControl":[4,"scale-control"],"layerControl":[4,"layer-control"],"printControl":[4,"print-control"],"locationControl":[4,"location-control"],"layer":[1025],"zoom":[2],"zoomLocation":[2,"zoom-location"],"center":[1],"centerMarker":[4,"center-marker"],"pinchRotateThreshold":[2,"pinch-rotate-threshold"],"resolutions":[1],"layers":[1],"getMap":[64],"addIconMarker":[64],"removeIconMarker":[64],"setIconMarkerActive":[64],"setIconMarkerInactive":[64],"enableLocationTracking":[64],"disableLocationTracking":[64],"getDistance":[64]},[[8,"load","handleLoad"],[8,"deviceorientation","handleLoad"],[8,"pageshow","handleLoad"]],{"layers":["layersWatcher"],"resolutions":["resolutionsWatcher"],"zoom":["zoomWatcher"],"scaleControl":["scaleControlWatcher"],"printControl":["printControlWatcher"],"layerControl":["layerControlWatcher"],"locationControl":["locationControlWatcher"],"layer":["layerWatcher"],"center":["centerWatcher"],"centerMarker":["centerMarkerWatcher"]}]]],["stzh-vbz-carousel",[[6,"stzh-vbz-carousel",{"autoplayTimeout":[2,"autoplay-timeout"]}]]],["stzh-accordion",[[1,"stzh-accordion",{"collapsible":[4],"multiselectable":[4],"setItemFocus":[64]},[[0,"stzhOpen","openListener"]]]]],["stzh-actions",[[6,"stzh-actions",{"variant":[513],"withBorder":[516,"with-border"]}]]],["stzh-appnav",[[6,"stzh-appnav",{"appTitle":[1,"app-title"],"appStatus":[1,"app-status"],"appHref":[1,"app-href"],"appAnalyticsId":[1,"app-analytics-id"]}]]],["stzh-cell",[[1,"stzh-cell",{"span":[2],"spanSmall":[2,"span-small"],"spanMedium":[2,"span-medium"],"spanLarge":[2,"span-large"],"spanUltra":[2,"span-ultra"],"align":[513],"alignSelf":[513,"align-self"]}]]],["stzh-chart",[[0,"stzh-chart",{"chartId":[1,"chart-id"],"create":[16]},null,{"create":["createWatcher"]}]]],["stzh-container",[[6,"stzh-container",{"size":[1],"noMargin":[4,"no-margin"]}]]],["stzh-cspace",[[1,"stzh-cspace",{"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"]}]]],["stzh-datamessagelist",[[6,"stzh-datamessagelist"]]],["stzh-details",[[6,"stzh-details",{"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"open":["openWatcher"]}]]],["stzh-flyingfocus",[[2,"stzh-flyingfocus",{"style":[32],"position":[32],"enabled":[32],"visible":[32],"helper":[32],"moving":[32],"reposition":[64]},[[4,"keydown","handleKeydown"],[5,"mousedown","handleMousedown"],[6,"focus","handleFocus"],[6,"stzhFocus","handleFocus"],[6,"blur","handleBlur"],[7,"scroll","handleScrollResize"],[11,"resize","handleScrollResize"]]]]],["stzh-header",[[6,"stzh-header",{"href":[1],"metabarStay":[4,"metabar-stay"],"stickyDisabled":[4,"sticky-disabled"],"preventAppnavPlaceholder":[4,"prevent-appnav-placeholder"],"logoAnalyticsId":[1,"logo-analytics-id"],"hideLogo":[32],"paddingTop":[32],"metabarTransform":[32],"sticky":[32],"stickyClosing":[32],"stickyMetabar":[32],"stickyMetabarEnd":[32],"updatePosition":[64]},[[9,"scroll","scrollListener"]]]]],["stzh-hr",[[2,"stzh-hr"]]],["stzh-hspace",[[1,"stzh-hspace",{"curve":[1],"size":[1],"sizeSmall":[1,"size-small"],"sizeMedium":[1,"size-medium"],"sizeLarge":[1,"size-large"],"sizeUltra":[1,"size-ultra"],"justify":[1],"items":[1],"around":[516],"aroundLeft":[516,"around-left"],"aroundRight":[516,"around-right"],"border":[513]}]]],["stzh-invert",[[6,"stzh-invert"]]],["stzh-list",[[1,"stzh-list",{"variant":[513]}]]],["stzh-list-item",[[1,"stzh-list-item"]]],["stzh-loadingbar",[[2,"stzh-loadingbar",{"percent":[2],"hidePercent":[4,"hide-percent"],"label":[1]}]]],["stzh-metanav",[[6,"stzh-metanav"]]],["stzh-overlay",[[6,"stzh-overlay",{"open":[1028],"stay":[4],"a11yLabel":[1,"a11y-label"],"show":[64],"hide":[64]}]]],["stzh-page-skiplinks",[[6,"stzh-page-skiplinks"]]],["stzh-pagetitle",[[6,"stzh-pagetitle"]]],["stzh-pagetitle-hero",[[6,"stzh-pagetitle-hero",{"heading":[1],"leadAuthor":[1,"lead-author"],"subtitle":[1]}]]],["stzh-print",[[1,"stzh-print"]]],["stzh-readspeaker",[[4,"stzh-readspeaker",{"href":[1],"eventId":[1,"event-id"]},[[8,"DOMContentLoaded","addClickEvents"],[8,"load","addClickEvents"]]]]],["stzh-row",[[1,"stzh-row",{"span":[2],"spanSmall":[2,"span-small"],"spanMedium":[2,"span-medium"],"spanLarge":[2,"span-large"],"spanUltra":[2,"span-ultra"],"justify":[513],"items":[513],"content":[513]}]]],["stzh-scrollup",[[1,"stzh-scrollup"]]],["stzh-section",[[6,"stzh-section",{"variant":[1]}]]],["stzh-show",[[1,"stzh-show",{"mikro":[4],"small":[4],"medium":[4],"large":[4],"ultra":[4],"hideFromDate":[1,"hide-from-date"]},null,{"hideFromDate":["hideFromDateWatcher"]}]]],["stzh-skin-portal-mitwirken",[[0,"stzh-skin-portal-mitwirken"]]],["stzh-skin-storybook-preview",[[0,"stzh-skin-storybook-preview"]]],["stzh-skiplink",[[6,"stzh-skiplink",{"label":[1],"href":[1],"linkAccesskey":[1,"link-accesskey"],"linkTitle":[1,"link-title"],"analyticsId":[1,"analytics-id"],"focused":[32]},[[0,"focusin","focusinHandler"],[0,"focusout","focusoutHandler"]]]]],["stzh-space",[[1,"stzh-space",{"curve":[1],"size":[1],"sizeSmall":[1,"size-small"],"sizeMedium":[1,"size-medium"],"sizeLarge":[1,"size-large"],"sizeUltra":[1,"size-ultra"],"justify":[1],"items":[1],"around":[516],"border":[513]}]]],["stzh-sticky",[[6,"stzh-sticky",{"disableStickyTop":[516,"disable-sticky-top"],"disableStickyBottom":[516,"disable-sticky-bottom"],"breakout":[516],"isStuckTop":[32],"isStuckBottom":[32]},null,{"disableStickyTop":["disableStickyWatcher"],"disableStickyBottom":["disableStickyWatcher"],"isStuckTop":["isStuckTopWatcher"],"isStuckBottom":["isStuckBottomWatcher"]}]]],["stzh-table",[[4,"stzh-table",{"fixedLeft":[2,"fixed-left"],"fixedRight":[2,"fixed-right"],"disableMinWidth":[516,"disable-min-width"],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32]},null,{"fixedLeft":["fixedCellWatcher"],"fixedRight":["fixedCellWatcher"]}]]],["stzh-textandimage",[[1,"stzh-textandimage",{"floating":[516],"fullwidth":[516],"size":[513]}]]],["stzh-timeline",[[1,"stzh-timeline",{"foldable":[4],"collapsible":[4],"multiselectable":[4],"setItemFocus":[64],"updateSteps":[64]},[[0,"stzhOpen","openListener"]],{"foldable":["foldableWatcher"]}]]],["stzh-visuallyhidden",[[6,"stzh-visuallyhidden"]]],["stzh-vspace",[[1,"stzh-vspace",{"curve":[1],"size":[1],"sizeSmall":[1,"size-small"],"sizeMedium":[1,"size-medium"],"sizeLarge":[1,"size-large"],"sizeUltra":[1,"size-ultra"],"justify":[1],"items":[1],"around":[516],"aroundTop":[516,"around-top"],"aroundBottom":[516,"around-bottom"],"border":[513]}]]],["stzh-chip-select",[[6,"stzh-chip-select",{"localization":[16],"data":[1],"name":[513],"label":[1],"value":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"disabled":[516],"a11yDescribedby":[1,"a11y-describedby"],"activeFocusOptionIndex":[32]},null,{"data":["dataWatcher"],"error":["errorWatcher"]}]]],["stzh-pagination",[[2,"stzh-pagination",{"total":[2],"name":[513],"value":[1026],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16],"prev":[64],"next":[64]}]]],["stzh-toast",[[1,"stzh-toast",{"label":[1],"type":[513],"hideClose":[516,"hide-close"],"open":[516],"initialOpenAnimation":[4,"initial-open-animation"],"localization":[16],"show":[64],"hide":[64]},null,{"open":["openWatcher"]}]]],["stzh-ghettobox",[[6,"stzh-ghettobox",{"hiddenTitle":[1,"hidden-title"],"mainTitle":[1,"main-title"],"description":[1],"hideClose":[4,"hide-close"],"publishDate":[1,"publish-date"],"closeTimeKey":[1,"close-time-key"],"localization":[16],"open":[32],"show":[64],"hide":[64]},null,{"publishDate":["publishDateWatcher"]}]]],["stzh-iframe",[[6,"stzh-iframe",{"localization":[16],"src":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"cookieConfirmIcon":[1,"cookie-confirm-icon"],"cookieConfirmLabel":[1,"cookie-confirm-label"],"cookieConfirmText":[1,"cookie-confirm-text"],"previewLabel":[1,"preview-label"],"previewIcon":[1,"preview-icon"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"view":[32]},null,{"src":["srcWatcher"],"view":["viewWatcher"]}]]],["stzh-share",[[2,"stzh-share",{"localization":[16],"url":[1],"services":[1]},null,{"services":["servicesWatcher"]}]]],["stzh-progressbar-item",[[6,"stzh-progressbar-item",{"label":[513],"disabled":[516],"first":[516],"last":[516],"passed":[516],"current":[516],"hide":[516],"dotted":[516],"step":[514],"icon":[513],"analyticsId":[1,"analytics-id"]}]]],["stzh-vbz-linechip",[[2,"stzh-vbz-linechip",{"line":[1],"active":[516],"alert":[516],"global":[516],"disabled":[516],"analyticsId":[1,"analytics-id"],"setFocus":[64]}]]],["stzh-carousel",[[6,"stzh-carousel",{"localization":[16],"variant":[513],"disabled":[516],"noPeek":[516,"no-peek"],"slides":[2],"slidesSmall":[2,"slides-small"],"slidesMedium":[2,"slides-medium"],"slidesLarge":[2,"slides-large"],"slidesUltra":[2,"slides-ultra"],"slide":[2],"autoplay":[1028],"autoplayTimeout":[2,"autoplay-timeout"],"nonInteractive":[4,"non-interactive"],"preventMouseDrag":[4,"prevent-mouse-drag"],"preventAutoplayPause":[4,"prevent-autoplay-pause"],"preventAutoplayStop":[4,"prevent-autoplay-stop"],"tabThrough":[4,"tab-through"],"scrollTimeout":[32],"distanceQuickSwipe":[32],"distancePreventClick":[32],"autoplayRunning":[32],"autoplayDisabledByMotionMedia":[32],"autoplayDisabledByMouse":[32],"autoplayDisabledByFocus":[32],"autoplayDisabledByScroll":[32],"autoplayDisabledByDrag":[32],"dragging":[32],"scrolling":[32],"ariaLive":[32],"currentSlides":[32],"currentSwipeSlides":[32],"slideElements":[32],"previousElements":[32],"nextElements":[32],"navigationTextElements":[32],"slideTo":[64],"slideToPrevious":[64],"slideToNext":[64]},null,{"disabled":["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],"preventMouseDrag":["preventMouseDragWatcher"],"autoplay":["autoplayRunningWatcher"],"autoplayDisabledByMotionMedia":["autoplayRunningWatcher"],"autoplayDisabledByMouse":["autoplayRunningWatcher"],"autoplayDisabledByFocus":["autoplayRunningWatcher"],"autoplayDisabledByScroll":["autoplayRunningWatcher"],"autoplayDisabledByDrag":["autoplayRunningWatcher"],"autoplayTimeout":["autoplayRunningWatcher"],"slideElements":["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"currentSwipeSlides":["snapAlignWatcher"],"slide":["inertWatcher","nextPrevDisabledWatcher"],"variant":["inertWatcher","prevNextNavigationWatcher"],"currentSlides":["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"tabThrough":["inertWatcher","prevNextNavigationWatcher"],"nextElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],"previousElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],"navigationTextElements":["prevNextHiddenWatcher"]}]]],["stzh-figure",[[6,"stzh-figure",{"caption":[1],"copyright":[1],"counter":[1],"heading":[1],"fullwidth":[516]}]]],["stzh-loader",[[6,"stzh-loader",{"size":[1],"label":[1],"hideLabel":[4,"hide-label"]}]]],["stzh-calendar",[[2,"stzh-calendar",{"value":[1025],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"isDateDisabled":[16],"prevMonthAnalyticsId":[1,"prev-month-analytics-id"],"nextMonthAnalyticsId":[1,"next-month-analytics-id"],"activeFocus":[32],"focusedDay":[32],"setFocusedDay":[64],"setDate":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}]]],["stzh-ratio",[[6,"stzh-ratio",{"ratio":[1],"ratioSmall":[1,"ratio-small"],"ratioMedium":[1,"ratio-medium"],"ratioLarge":[1,"ratio-large"],"ratioUltra":[1,"ratio-ultra"],"portrait":[516],"fit":[513]}]]],["stzh-text",[[6,"stzh-text",{"font":[1],"curve":[513],"lead":[516],"size":[1],"sizeSmall":[1,"size-small"],"sizeMedium":[1,"size-medium"],"sizeLarge":[1,"size-large"],"sizeUltra":[1,"size-ultra"]}]]],["stzh-datepicker_3",[[6,"stzh-datepicker",{"calendarMin":[1,"calendar-min"],"calendarMax":[1,"calendar-max"],"calendarIsDateDisabled":[16],"name":[513],"value":[1025],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"inline":[4],"dateAdapter":[16],"localization":[16],"buttonLabel":[32],"setDate":[64],"getPopover":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}],[6,"stzh-radio",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}],[6,"stzh-radiogroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedRadio":[8,"checked-radio"],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"required":["watchRequired"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["stzh-buttongroup",[[6,"stzh-buttongroup"]]],["stzh-heading",[[6,"stzh-heading",{"level":[513],"curve":[513],"withBorder":[516,"with-border"]}]]],["stzh-icon-sprite",[[0,"stzh-icon-sprite"]]],["stzh-badge_3",[[6,"stzh-button",{"localization":[16],"badge":[1],"badgeType":[513,"badge-type"],"badgePosition":[513,"badge-position"],"badgeEmpty":[516,"badge-empty"],"fullwidth":[516],"rounded":[516],"floating":[516],"size":[513],"textAlign":[513,"text-align"],"variant":[513],"icon":[1],"iconPosition":[513,"icon-position"],"checked":[1540],"name":[513],"value":[1025],"href":[1],"rel":[1],"target":[1],"download":[1],"type":[1],"disabled":[516],"active":[516],"label":[1],"effect":[1],"iconOnly":[516,"icon-only"],"linkAccesskey":[1,"link-accesskey"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"a11yExpanded":[516,"a11y-expanded"],"a11yDisabled":[516,"a11y-disabled"],"a11yControls":[1,"a11y-controls"],"a11yTabindex":[1,"a11y-tabindex"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}],[2,"stzh-badge",{"label":[1],"type":[513]}],[2,"stzh-icon",{"name":[1],"a11yTitle":[1,"a11y-title"]}]]],["stzh-popover",[[6,"stzh-popover",{"open":[1540],"placement":[513],"variant":[513],"skidding":[2],"distance":[2],"label":[1],"strategy":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleOutsideClick"]],{"open":["openWatcher"],"distance":["distanceWatcher"]}]]],["stzh-input",[[6,"stzh-input",{"localization":[16],"multiline":[4],"rows":[2],"type":[1],"step":[2],"min":[2],"max":[2],"showSpin":[516,"show-spin"],"readonly":[516],"disabled":[516],"clearable":[516],"showMarker":[516,"show-marker"],"minlength":[2],"maxlength":[2],"name":[513],"value":[1025],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"inputmode":[1],"autocomplete":[1],"noAutocomplete":[4,"no-autocomplete"],"label":[1],"labelHidden":[4,"label-hidden"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"filled":[32],"setFocus":[64]},null,{"value":["valueWatcher"],"error":["errorWatcher"],"type":["typeWatcher"]}]]],["stzh-datalist_2",[[6,"stzh-datalist",{"direction":[513],"directionSmall":[513,"direction-small"],"directionMedium":[513,"direction-medium"],"directionLarge":[513,"direction-large"],"directionUltra":[513,"direction-ultra"],"hideBorder":[516,"hide-border"],"disableLabelMinWidth":[516,"disable-label-min-width"],"currentDirection":[513,"current-direction"],"items":[1]},null,{"hideBorder":["hideBorderWatcher"],"direction":["directionWatcher"],"directionSmall":["directionWatcher"],"directionMedium":["directionWatcher"],"directionLarge":["directionWatcher"],"directionUltra":["directionWatcher"],"currentDirection":["currentDirectionWatcher"],"items":["itemsWatcher"]}],[6,"stzh-datalist-item",{"localization":[16],"direction":[513],"href":[513],"rel":[1],"target":[1],"download":[1],"leadingIcon":[1,"leading-icon"],"icon":[1],"iconLabel":[1,"icon-label"],"iconTooltip":[1,"icon-tooltip"],"label":[1],"value":[1],"meta":[1],"statusLabel":[1,"status-label"],"statusType":[1,"status-type"],"hideBorder":[516,"hide-border"],"a11yExpanded":[516,"a11y-expanded"],"a11yControls":[1,"a11y-controls"],"external":[32]},null,{"rel":["externalWatcher"]}]]],["stzh-chip_2",[[6,"stzh-chip",{"label":[1],"icon":[1],"href":[1],"target":[1],"nonInteractive":[516,"non-interactive"],"removable":[516],"variant":[513],"size":[513],"type":[513],"counter":[1],"removeLabel":[1,"remove-label"],"active":[516],"disabled":[516],"a11yTabindex":[1,"a11y-tabindex"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"analyticsId":[1,"analytics-id"],"removeAnalyticsId":[1,"remove-analytics-id"],"setFocus":[64]}],[4,"stzh-clamp",{"localization":[16],"lines":[2],"linesSmall":[2,"lines-small"],"linesMedium":[2,"lines-medium"],"linesLarge":[2,"lines-large"],"linesUltra":[2,"lines-ultra"],"showExpandLink":[4,"show-expand-link"],"expanded":[1540],"clamped":[1540],"update":[64]}]]],["stzh-dropdown",[[4,"stzh-dropdown",{"options":[1],"optgroups":[1],"items":[1],"searchField":[1,"search-field"],"multiple":[516],"inline":[516],"maxOptions":[2,"max-options"],"searchConjunction":[1,"search-conjunction"],"allowEmptyOption":[4,"allow-empty-option"],"openOnFocus":[4,"open-on-focus"],"closeAfterSelect":[4,"close-after-select"],"load":[16],"minCharacters":[2,"min-characters"],"loadThrottle":[2,"load-throttle"],"preload":[8],"labelField":[1,"label-field"],"valueField":[1,"value-field"],"optgroupField":[1,"optgroup-field"],"optgroupLabelField":[1,"optgroup-label-field"],"optgroupValueField":[1,"optgroup-value-field"],"lockOptgroupOrder":[4,"lock-optgroup-order"],"name":[513],"open":[4],"isOpen":[516,"is-open"],"variant":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"icon":[1],"iconAngle":[1,"icon-angle"],"noSearch":[4,"no-search"],"noBackspaceDelete":[4,"no-backspace-delete"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"localization":[16],"a11yDescribedby":[1,"a11y-describedby"],"getValue":[64],"setValue":[64],"setFocus":[64],"resetLoadedSearches":[64],"getLoadedSearches":[64],"getItems":[64],"loadItems":[64],"show":[64],"hide":[64]},null,{"options":["optionsWatcher"],"items":["itemsWatcher"],"searchField":["searchFieldWatcher"],"optgroups":["optgroupsWatcher"],"error":["errorWatcher"]}]]],["stzh-menu_2",[[6,"stzh-menu-item",{"badge":[1],"badgeType":[513,"badge-type"],"badgeEmpty":[516,"badge-empty"],"disabled":[516],"active":[516],"icon":[1],"label":[1],"href":[1],"target":[1],"a11yLabel":[1,"a11y-label"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}],[6,"stzh-menu"]]],["stzh-link",[[6,"stzh-link",{"localization":[16],"icon":[1],"iconPosition":[513,"icon-position"],"size":[513],"href":[1],"rel":[1],"target":[1],"download":[1],"type":[1],"variant":[513],"fullwidth":[516],"textAlign":[513,"text-align"],"badge":[1],"badgeType":[513,"badge-type"],"badgeEmpty":[516,"badge-empty"],"badgePosition":[513,"badge-position"],"disabled":[516],"active":[516],"iconOnly":[516,"icon-only"],"label":[1],"linkAccesskey":[1,"link-accesskey"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"a11yExpanded":[516,"a11y-expanded"],"a11yDisabled":[516,"a11y-disabled"],"a11yControls":[1,"a11y-controls"],"a11yTabindex":[1,"a11y-tabindex"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}]]],["stzh-actionset_4",[[6,"stzh-card",{"localization":[16],"collapsed":[1540],"starred":[1540],"starrable":[516],"selectable":[516],"checked":[516],"name":[513],"href":[513],"target":[1],"value":[1025],"disabled":[516],"withArrow":[516,"with-arrow"],"heading":[1],"subtitle":[1],"headerActions":[1,"header-actions"],"footerActions":[1,"footer-actions"],"subtitleInteractive":[4,"subtitle-interactive"],"sortableDisabled":[516,"sortable-disabled"],"collapsible":[516],"hideHeaderBorder":[516,"hide-header-border"],"hideFooterBorder":[516,"hide-footer-border"],"hideElevation":[516,"hide-elevation"],"hideMovementActions":[4,"hide-movement-actions"],"analyticsId":[1,"analytics-id"]},null,{"subtitle":["subtitleWatcher"],"headerActions":["headerActionsWatcher"],"footerActions":["footerActionsWatcher"],"collapsed":["collapsedWatcher"]}],[6,"stzh-card-list",{"localization":[16],"layout":[513],"description":[1],"showToggleLink":[516,"show-toggle-link"],"sortableEnabled":[4,"sortable-enabled"],"sortableDataIdAttribute":[1,"sortable-data-id-attribute"],"allCollapsed":[32]},[[0,"stzhCollapse","collapseListener"]]],[2,"stzh-actionset",{"localization":[16],"variant":[513],"popoverButtonVariant":[513,"popover-button-variant"],"popoverButtonSize":[513,"popover-button-size"],"popoverPlacement":[513,"popover-placement"],"actions":[1],"actionsCollapsed":[32],"dynamicActions":[32],"isSmall":[32],"isMedium":[32]},null,{"actions":["actionsWatcher"]}],[6,"stzh-sortable",{"localization":[16],"disabled":[516],"dataIdAttribute":[1,"data-id-attribute"],"container":[16],"ghostClone":[16],"filterElements":[1,"filter-elements"],"toArray":[64],"sort":[64],"moveItem":[64]},null,{"disabled":["disabledWatcher"],"filterElements":["filterElementsWatcher"]}]]],["stzh-richtext_2",[[6,"stzh-richtext",{"localization":[16],"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"],"externalLinkSelector":[1,"external-link-selector"],"externalLinkIcon":[1,"external-link-icon"]}],[2,"stzh-status",{"percent":[2],"withLoadingbar":[516,"with-loadingbar"],"label":[1],"type":[513]}]]],["stzh-tooltip",[[6,"stzh-tooltip",{"open":[1028],"label":[1],"content":[1],"placement":[1],"strategy":[1],"skidding":[2],"distance":[2],"interactive":[4],"trigger":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleDocumentClick"]],{"open":["openWatcher"],"trigger":["triggerWatcher"]}]]]]'),e)}));
+import{p as promiseResolve,d as doc,N as NAMESPACE,H,b as bootstrapLazy}from"./index-bfb5b569.js";export{s as setNonce}from"./index-bfb5b569.js";import{g as globalScripts}from"./app-globals-8bdc0f78.js";var patchBrowser=function(){{patchCloneNodeFix(H.prototype)}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(NAMESPACE,"(\\.esm)?\\.js($|\\?|#)")).test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE}));var a=import.meta.url;var t=(e||{})["data-opts"]||{};if(a!==""){t.resourcesUrl=new URL(".",a).href}return promiseResolve(t)};var patchCloneNodeFix=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var t=a.call(this,false);var i=this.childNodes;if(e){for(var o=0;o<i.length;o++){if(i[o].nodeType!==2){t.appendChild(i[o].cloneNode(true))}}}return t}};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["stzh-datatable",[[4,"stzh-datatable",{"tableLayout":[1,"table-layout"],"localization":[16],"label":[1],"sortBy":[1025,"sort-by"],"sortDirection":[1025,"sort-direction"],"tokenize":[1],"idField":[1,"id-field"],"hideSearch":[516,"hide-search"],"showList":[516,"show-list"],"page":[1026],"pageSize":[2,"page-size"],"disableMinWidth":[516,"disable-min-width"],"rows":[1],"columns":[1],"query":[32],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32],"toggleSort":[64]},null,{"rows":["rowsWatcher"],"columns":["columnsWatcher"],"sortBy":["sortByWatcher"],"sortDirection":["sortDirectionWatcher"]}]]],["stzh-microsite-teaserlist",[[2,"stzh-microsite-teaserlist",{"localization":[16],"api":[1],"tags":[1],"stepItems":[2,"step-items"],"showItems":[32],"activeFilter":[32]},null,{"showItems":["filterHandler"],"activeFilter":["filterHandler"],"tags":["tagsWatcher"],"api":["apiWatcher"]}]]],["stzh-appointments",[[2,"stzh-appointments",{"localization":[16],"sortBy":[1025,"sort-by"],"appointments":[1],"currentDate":[1025,"current-date"],"value":[1025],"name":[513],"showItems":[1026,"show-items"],"stepItems":[2,"step-items"],"calendarTitle":[1,"calendar-title"],"appointmentsTitle":[1,"appointments-title"],"dateAdapter":[16]},null,{"currentDate":["currentDateWatcher"],"sortBy":["sortByWatcher"],"value":["valueWatcher"],"appointments":["appointmentsWatcher"]}]]],["stzh-datamessagelist-item",[[2,"stzh-datamessagelist-item",{"localization":[16],"heading":[1],"unread":[4],"href":[1],"rel":[1],"target":[1],"description":[1],"icon":[1],"loadingStatus":[1,"loading-status"],"meta":[1],"actions":[1],"tags":[1],"analyticsId":[1,"analytics-id"],"external":[32]},null,{"rel":["externalWatcher"],"loadingStatus":["loadingStatusWatcher"],"meta":["metaWatcher"],"actions":["actionsWatcher"],"tags":["tagsWatcher"]}]]],["stzh-contact",[[6,"stzh-contact",{"type":[1],"heading":[1],"mainHeading":[1,"main-heading"],"name":[1],"address":[1],"street":[1],"streetInfo":[1,"street-info"],"postalCode":[1,"postal-code"],"location":[1],"numbers":[1],"poBoxHeading":[1,"po-box-heading"],"poboxTitle":[1,"pobox-title"],"poboxPostalCode":[1,"pobox-postal-code"],"poboxLocation":[1,"pobox-location"],"availabilityTitle":[1,"availability-title"],"availability":[1],"withBorder":[4,"with-border"]},null,{"availability":["availabilityWatcher"],"numbers":["numbersWatcher"]}]]],["stzh-gallery",[[4,"stzh-gallery",{"localization":[16],"images":[1],"variant":[1],"itemElement":[1,"item-element"],"openLightbox":[64]},[[8,"appload","apploadListener"]],{"images":["imagesWatcher"]}]]],["stzh-panorama",[[0,"stzh-panorama",{"localization":[16],"caption":[1],"copyright":[1],"scene":[1025],"sceneFadeDuration":[2,"scene-fade-duration"],"autoload":[4],"orientationOnByDefault":[4,"orientation-on-by-default"],"scenes":[1],"isOrientationSupported":[32],"isOrientationActive":[32],"isFullscreen":[32],"getViewer":[64]},null,{"scenes":["scenesWatcher","updateWatcher"],"scene":["sceneWatcher"],"autoload":["updateWatcher"],"type":["updateWatcher"],"localization":["updateWatcher"],"orientationOnByDefault":["updateWatcher"],"sceneFadeDuration":["updateWatcher"]}]]],["stzh-sitemap",[[0,"stzh-sitemap",{"items":[1]}]]],["stzh-amount",[[0,"stzh-amount",{"minValue":[2,"min-value"],"maxValue":[2,"max-value"],"minValueDropdown":[2,"min-value-dropdown"],"maxValueDropdown":[2,"max-value-dropdown"],"value":[1025],"step":[2],"name":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"invalid":[516],"required":[516],"clearable":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1025],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16]},null,{"minValueDropdown":["minMaxValueDropdownWatcher"],"maxValueDropdown":["minMaxValueDropdownWatcher"]}]]],["stzh-toastbar",[[1,"stzh-toastbar",{"hideAfter":[2,"hide-after"],"max":[2],"initialToasts":[1,"initial-toasts"],"toast":[64]},null,{"initialToasts":["initialToastsWatcher"]}]]],["stzh-saptcha",[[2,"stzh-saptcha",{"localization":[16],"numbers":[1],"value":[1],"name":[513],"error":[1],"invalid":[516],"disabled":[516]},null,{"numbers":["numbersWatcher"],"error":["errorWatcher"]}]]],["stzh-vbz-majorticker",[[2,"stzh-vbz-majorticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16],"ghettoboxCloseTimeKey":[1,"ghettobox-close-time-key"],"ghettoboxShown":[32],"getGhettoboxShown":[64],"getDisturbance":[64]},null,{"api":["apiWatcher"],"data":["dataWatcher"]}]]],["stzh-vbz-ticker",[[6,"stzh-vbz-ticker",{"api":[1],"data":[8],"moreInfoLink":[1,"more-info-link"],"dateAdapter":[16],"localization":[16]},null,{"localization":["localizationWatcher"],"api":["apiWatcher"],"data":["dataWatcher"]}]]],["stzh-youtube",[[6,"stzh-youtube",{"localization":[16],"url":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"previewSkipped":[32]}]]],["stzh-anchornav",[[2,"stzh-anchornav",{"columns":[514],"columnsSmall":[514,"columns-small"],"columnsMedium":[514,"columns-medium"],"columnsLarge":[514,"columns-large"],"columnsUltra":[514,"columns-ultra"],"items":[1],"withBorder":[516,"with-border"]},null,{"items":["appointmentsWatcher"]}]]],["stzh-audio",[[6,"stzh-audio",{"localization":[16],"src":[1],"preload":[1],"transcript":[1],"transcriptShown":[1028,"transcript-shown"],"downloadAnalyticsId":[1,"download-analytics-id"],"transcriptAnalyticsId":[1,"transcript-analytics-id"],"play":[64],"pause":[64]}]]],["stzh-upload",[[4,"stzh-upload",{"existingFiles":[1,"existing-files"],"label":[1],"description":[1],"button":[1],"url":[1],"method":[1],"withCredentials":[4,"with-credentials"],"disabled":[516],"invalid":[516],"downloadDisabled":[4,"download-disabled"],"downloadDisabledWhileProcessing":[4,"download-disabled-while-processing"],"error":[1],"acceptedFiles":[1,"accepted-files"],"autoProcessQueue":[4,"auto-process-queue"],"hideProgress":[4,"hide-progress"],"hideProgressWhileIdle":[4,"hide-progress-while-idle"],"maxFiles":[2,"max-files"],"maxFilesize":[2,"max-filesize"],"parallelUploads":[2,"parallel-uploads"],"uploadMultiple":[4,"upload-multiple"],"chunking":[4],"forceChunking":[4,"force-chunking"],"chunkSize":[2,"chunk-size"],"parallelChunkUploads":[4,"parallel-chunk-uploads"],"retryChunks":[4,"retry-chunks"],"retryChunksLimit":[2,"retry-chunks-limit"],"filesizeBase":[2,"filesize-base"],"headers":[16],"defaultHeaders":[4,"default-headers"],"accept":[16],"chunksUploaded":[16],"hiddenInputContainer":[1,"hidden-input-container"],"localization":[16],"processQueue":[64],"removeFile":[64],"removeAllFiles":[64]},null,{"existingFiles":["existingFilesWatcher"],"disabled":["disabledWatcher"],"error":["errorWatcher"]}]]],["stzh-accordion-item",[[1,"stzh-accordion-item",{"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"subtitle":[1],"description":[1],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"]}]]],["stzh-footer",[[4,"stzh-footer",{"localization":[16],"copyright":[1],"variant":[1],"mainUrl":[1,"main-url"],"withBorder":[4,"with-border"]}]]],["stzh-langnav",[[2,"stzh-langnav",{"languageActive":[1,"language-active"],"languages":[1],"popoverPlacement":[513,"popover-placement"],"preventUrlchange":[4,"prevent-urlchange"]}]]],["stzh-message",[[6,"stzh-message",{"label":[1],"description":[1],"closeKey":[1,"close-key"],"type":[513],"hideClose":[4,"hide-close"],"localization":[16],"open":[32],"show":[64],"hide":[64]}]]],["stzh-monthyearpicker",[[2,"stzh-monthyearpicker",{"monthOpen":[4,"month-open"],"yearOpen":[4,"year-open"],"months":[1],"years":[1],"min":[1],"max":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"format":[513],"name":[513],"value":[1025],"popoverPlacement":[513,"popover-placement"],"monthLabel":[1,"month-label"],"yearLabel":[1,"year-label"],"readonly":[516],"disabled":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"descriptionMonth":[1,"description-month"],"descriptionYear":[1,"description-year"],"descriptionLongMonth":[1,"description-long-month"],"descriptionLongYear":[1,"description-long-year"],"errorMonth":[1,"error-month"],"errorYear":[1,"error-year"],"invalidMonth":[516,"invalid-month"],"invalidYear":[516,"invalid-year"],"a11yDescribedbyMonth":[1,"a11y-describedby"],"a11yDescribedbyYear":[1,"a11y-describedby"],"localization":[16]},null,{"months":["monthsWatcher"],"years":["yearsWatcher"],"value":["minMaxWatcher"],"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["stzh-pagebottom",[[6,"stzh-pagebottom",{"shareTitle":[1,"share-title"],"shareUrl":[1,"share-url"],"shareServices":[1,"share-services"],"shareDisabled":[4,"share-disabled"],"logoHref":[1,"logo-href"],"logoAnalyticsId":[1,"logo-analytics-id"],"withBorder":[4,"with-border"]}]]],["stzh-timeline-item",[[1,"stzh-timeline-item",{"foldable":[4],"collapsible":[4],"open":[1540],"disabled":[516],"heading":[1],"description":[1],"step":[514],"icon":[1],"badge":[1],"badgeEmpty":[516,"badge-empty"],"badgeType":[513,"badge-type"],"headingLevel":[513,"heading-level"],"analyticsId":[1,"analytics-id"],"_foldable":[32],"show":[64],"hide":[64],"toggle":[64],"setFocus":[64]},null,{"open":["openWatcher"],"foldable":["foldableWatcher"]}]]],["stzh-timepicker",[[2,"stzh-timepicker",{"open":[4],"min":[2],"max":[2],"step":[2],"name":[513],"value":[1025],"popoverPlacement":[513,"popover-placement"],"label":[1],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16]},null,{"min":["minMaxWatcher"],"max":["minMaxWatcher"]}]]],["stzh-checkbox",[[6,"stzh-checkbox",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"showMarker":[516,"show-marker"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["stzh-checkboxgroup",[[6,"stzh-checkboxgroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedCheckbox":[16],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"showMarker":["watchShowMarker"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["stzh-dialog",[[6,"stzh-dialog",{"localization":[16],"closeOnEscapeKey":[4,"close-on-escape-key"],"closeOnBackdropClick":[4,"close-on-backdrop-click"],"open":[1028],"stay":[4],"size":[513],"hideClose":[4,"hide-close"],"heading":[1],"a11yRole":[1,"a11y-role"],"a11yLabel":[1,"a11y-label"],"closeAnalyticsId":[1,"close-analytics-id"],"show":[64],"hide":[64]},[[6,"click","handleOutsideClick"],[4,"keydown","handleKeydown"],[4,"click","handleOpenTriggerClick"]]]]],["stzh-progressbar",[[2,"stzh-progressbar",{"localization":[16],"data":[1],"index":[2],"steps":[2],"stepsSmall":[2,"steps-small"],"stepsMedium":[2,"steps-medium"],"stepsLarge":[2,"steps-large"],"stepsUltra":[2,"steps-ultra"],"currentSteps":[32]},null,{"data":["dataWatcher"]}]]],["stzh-toggle",[[6,"stzh-toggle",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"labelPosition":[513,"label-position"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}]]],["stzh-fieldset",[[6,"stzh-fieldset",{"legend":[1],"hideLegend":[4,"hide-legend"],"legendLevel":[1,"legend-level"],"legendCurve":[1,"legend-curve"]}]]],["stzh-imagecomparison",[[6,"stzh-imagecomparison",{"localization":[16],"hintLeft":[1,"hint-left"],"hintRight":[1,"hint-right"],"value":[1026],"label":[1],"a11yDescribedby":[1,"a11y-describedby"]}]]],["stzh-olmap",[[0,"stzh-olmap",{"localization":[16],"hostname":[1],"scaleControl":[4,"scale-control"],"layerControl":[4,"layer-control"],"printControl":[4,"print-control"],"locationControl":[4,"location-control"],"layer":[1025],"zoom":[2],"zoomLocation":[2,"zoom-location"],"center":[1],"centerMarker":[4,"center-marker"],"pinchRotateThreshold":[2,"pinch-rotate-threshold"],"resolutions":[1],"layers":[1],"getMap":[64],"addIconMarker":[64],"removeIconMarker":[64],"setIconMarkerActive":[64],"setIconMarkerInactive":[64],"enableLocationTracking":[64],"disableLocationTracking":[64],"getDistance":[64]},[[8,"load","handleLoad"],[8,"deviceorientation","handleLoad"],[8,"pageshow","handleLoad"]],{"layers":["layersWatcher"],"resolutions":["resolutionsWatcher"],"zoom":["zoomWatcher"],"scaleControl":["scaleControlWatcher"],"printControl":["printControlWatcher"],"layerControl":["layerControlWatcher"],"locationControl":["locationControlWatcher"],"layer":["layerWatcher"],"center":["centerWatcher"],"centerMarker":["centerMarkerWatcher"]}]]],["stzh-vbz-carousel",[[6,"stzh-vbz-carousel",{"autoplayTimeout":[2,"autoplay-timeout"]}]]],["stzh-accordion",[[1,"stzh-accordion",{"collapsible":[4],"multiselectable":[4],"setItemFocus":[64]},[[0,"stzhOpen","openListener"]]]]],["stzh-actions",[[6,"stzh-actions",{"variant":[513],"withBorder":[516,"with-border"]}]]],["stzh-appnav",[[6,"stzh-appnav",{"appTitle":[1,"app-title"],"appStatus":[1,"app-status"],"appHref":[1,"app-href"],"appAnalyticsId":[1,"app-analytics-id"]}]]],["stzh-cell",[[1,"stzh-cell",{"span":[514],"spanSmall":[514,"span-small"],"spanMedium":[514,"span-medium"],"spanLarge":[514,"span-large"],"spanUltra":[514,"span-ultra"],"align":[513],"alignSelf":[513,"align-self"]}]]],["stzh-chart",[[0,"stzh-chart",{"chartId":[1,"chart-id"],"create":[16]},null,{"create":["createWatcher"]}]]],["stzh-container",[[6,"stzh-container",{"size":[1],"noMargin":[4,"no-margin"]}]]],["stzh-cspace",[[1,"stzh-cspace",{"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"]}]]],["stzh-datamessagelist",[[6,"stzh-datamessagelist"]]],["stzh-details",[[6,"stzh-details",{"open":[1540],"show":[64],"hide":[64],"toggle":[64]},null,{"open":["openWatcher"]}]]],["stzh-flyingfocus",[[2,"stzh-flyingfocus",{"style":[32],"position":[32],"enabled":[32],"visible":[32],"helper":[32],"moving":[32],"reposition":[64]},[[4,"keydown","handleKeydown"],[5,"mousedown","handleMousedown"],[6,"focus","handleFocus"],[6,"stzhFocus","handleFocus"],[6,"blur","handleBlur"],[7,"scroll","handleScrollResize"],[11,"resize","handleScrollResize"]]]]],["stzh-header",[[6,"stzh-header",{"href":[1],"metabarStay":[4,"metabar-stay"],"stickyDisabled":[4,"sticky-disabled"],"preventAppnavPlaceholder":[4,"prevent-appnav-placeholder"],"logoAnalyticsId":[1,"logo-analytics-id"],"hideLogo":[32],"paddingTop":[32],"metabarTransform":[32],"sticky":[32],"stickyClosing":[32],"stickyMetabar":[32],"stickyMetabarEnd":[32],"updatePosition":[64]},[[9,"scroll","scrollListener"]]]]],["stzh-hr",[[2,"stzh-hr"]]],["stzh-invert",[[6,"stzh-invert"]]],["stzh-list",[[1,"stzh-list",{"variant":[513]}]]],["stzh-list-item",[[1,"stzh-list-item"]]],["stzh-loadingbar",[[2,"stzh-loadingbar",{"percent":[2],"hidePercent":[4,"hide-percent"],"label":[1]}]]],["stzh-logo",[[1,"stzh-logo",{"type":[513]}]]],["stzh-metanav",[[6,"stzh-metanav"]]],["stzh-overlay",[[6,"stzh-overlay",{"open":[1028],"stay":[4],"a11yLabel":[1,"a11y-label"],"show":[64],"hide":[64]}]]],["stzh-page-skiplinks",[[6,"stzh-page-skiplinks"]]],["stzh-pagetitle",[[6,"stzh-pagetitle"]]],["stzh-pagetitle-hero",[[6,"stzh-pagetitle-hero",{"heading":[1],"leadAuthor":[1,"lead-author"],"subtitle":[1]}]]],["stzh-print",[[1,"stzh-print"]]],["stzh-readspeaker",[[4,"stzh-readspeaker",{"href":[1],"eventId":[1,"event-id"]},[[8,"DOMContentLoaded","addClickEvents"],[8,"load","addClickEvents"]]]]],["stzh-row",[[1,"stzh-row",{"span":[514],"spanSmall":[514,"span-small"],"spanMedium":[514,"span-medium"],"spanLarge":[514,"span-large"],"spanUltra":[514,"span-ultra"],"justify":[513],"items":[513],"content":[513]}]]],["stzh-scrollup",[[1,"stzh-scrollup"]]],["stzh-section",[[6,"stzh-section",{"variant":[1]}]]],["stzh-skin-portal-mitwirken",[[0,"stzh-skin-portal-mitwirken"]]],["stzh-skin-storybook-preview",[[0,"stzh-skin-storybook-preview"]]],["stzh-skiplink",[[6,"stzh-skiplink",{"label":[1],"href":[1],"linkAccesskey":[1,"link-accesskey"],"linkTitle":[1,"link-title"],"analyticsId":[1,"analytics-id"],"focused":[32]},[[0,"focusin","focusinHandler"],[0,"focusout","focusoutHandler"]]]]],["stzh-space",[[1,"stzh-space",{"curve":[513],"size":[513],"sizeSmall":[513,"size-small"],"sizeMedium":[513,"size-medium"],"sizeLarge":[513,"size-large"],"sizeUltra":[513,"size-ultra"],"justify":[513],"items":[513],"around":[516],"border":[513]}]]],["stzh-sticky",[[6,"stzh-sticky",{"disableStickyTop":[516,"disable-sticky-top"],"disableStickyBottom":[516,"disable-sticky-bottom"],"breakout":[516],"position":[513],"isStuckTop":[32],"isStuckBottom":[32],"hasReachedTopLimit":[32],"hasReachedBottomLimit":[32]},null,{"disableStickyTop":["disableStickyWatcher"],"disableStickyBottom":["disableStickyWatcher"],"isStuckTop":["isStuckTopWatcher"],"isStuckBottom":["isStuckBottomWatcher"],"position":["positionWatcher"]}]]],["stzh-table",[[4,"stzh-table",{"fixedLeft":[2,"fixed-left"],"fixedRight":[2,"fixed-right"],"disableMinWidth":[516,"disable-min-width"],"hasScrollLeft":[32],"hasScrollRight":[32],"isScrollable":[32],"cellsStickyLeft":[32],"cellsStickyRight":[32]},null,{"fixedLeft":["fixedCellWatcher"],"fixedRight":["fixedCellWatcher"]}]]],["stzh-textandimage",[[1,"stzh-textandimage",{"floating":[516],"fullwidth":[516],"size":[513]}]]],["stzh-timeline",[[1,"stzh-timeline",{"foldable":[4],"collapsible":[4],"multiselectable":[4],"setItemFocus":[64],"updateSteps":[64]},[[0,"stzhOpen","openListener"]],{"foldable":["foldableWatcher"]}]]],["stzh-visuallyhidden",[[6,"stzh-visuallyhidden"]]],["stzh-vspace",[[1,"stzh-vspace",{"curve":[513],"size":[513],"sizeSmall":[513,"size-small"],"sizeMedium":[513,"size-medium"],"sizeLarge":[513,"size-large"],"sizeUltra":[513,"size-ultra"],"justify":[513],"items":[513],"around":[516],"aroundTop":[516,"around-top"],"aroundBottom":[516,"around-bottom"],"border":[513]}]]],["stzh-chip-select",[[6,"stzh-chip-select",{"localization":[16],"data":[1],"name":[513],"label":[1],"value":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"disabled":[516],"a11yDescribedby":[1,"a11y-describedby"],"activeFocusOptionIndex":[32]},null,{"data":["dataWatcher"],"error":["errorWatcher"]}]]],["stzh-pagination",[[2,"stzh-pagination",{"total":[2],"name":[513],"value":[1026],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"localization":[16],"prev":[64],"next":[64]}]]],["stzh-toast",[[1,"stzh-toast",{"label":[1],"type":[513],"hideClose":[516,"hide-close"],"open":[516],"initialOpenAnimation":[4,"initial-open-animation"],"localization":[16],"show":[64],"hide":[64]},null,{"open":["openWatcher"]}]]],["stzh-ghettobox",[[6,"stzh-ghettobox",{"hiddenTitle":[1,"hidden-title"],"mainTitle":[1,"main-title"],"description":[1],"hideClose":[4,"hide-close"],"publishDate":[1,"publish-date"],"closeTimeKey":[1,"close-time-key"],"localization":[16],"open":[32],"show":[64],"hide":[64]},null,{"publishDate":["publishDateWatcher"]}]]],["stzh-iframe",[[6,"stzh-iframe",{"localization":[16],"src":[1],"cookie":[1],"cookieExpires":[2,"cookie-expires"],"cookieConfirmIcon":[1,"cookie-confirm-icon"],"cookieConfirmLabel":[1,"cookie-confirm-label"],"cookieConfirmText":[1,"cookie-confirm-text"],"previewLabel":[1,"preview-label"],"previewIcon":[1,"preview-icon"],"skipPreviewIfCookieAccepted":[4,"skip-preview-if-cookie-accepted"],"skipPreview":[4,"skip-preview"],"view":[32]},null,{"src":["srcWatcher"],"view":["viewWatcher"]}]]],["stzh-share",[[2,"stzh-share",{"localization":[16],"url":[1],"services":[1]},null,{"services":["servicesWatcher"]}]]],["stzh-progressbar-item",[[6,"stzh-progressbar-item",{"label":[513],"disabled":[516],"first":[516],"last":[516],"passed":[516],"current":[516],"hide":[516],"dotted":[516],"step":[514],"icon":[513],"analyticsId":[1,"analytics-id"]}]]],["stzh-vbz-linechip",[[2,"stzh-vbz-linechip",{"line":[1],"active":[516],"alert":[516],"global":[516],"disabled":[516],"analyticsId":[1,"analytics-id"],"setFocus":[64]}]]],["stzh-loader",[[6,"stzh-loader",{"size":[1],"label":[1],"hideLabel":[4,"hide-label"]}]]],["stzh-calendar",[[2,"stzh-calendar",{"value":[1025],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"isDateDisabled":[16],"prevMonthAnalyticsId":[1,"prev-month-analytics-id"],"nextMonthAnalyticsId":[1,"next-month-analytics-id"],"activeFocus":[32],"focusedDay":[32],"setFocusedDay":[64],"setDate":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}]]],["stzh-hspace_2",[[1,"stzh-hspace",{"curve":[513],"size":[513],"sizeSmall":[513,"size-small"],"sizeMedium":[513,"size-medium"],"sizeLarge":[513,"size-large"],"sizeUltra":[513,"size-ultra"],"justify":[513],"items":[513],"around":[516],"aroundLeft":[516,"around-left"],"aroundRight":[516,"around-right"],"border":[513]}],[1,"stzh-show",{"mikro":[516],"small":[516],"medium":[516],"large":[516],"ultra":[516],"hideFromDate":[1,"hide-from-date"]},null,{"hideFromDate":["hideFromDateWatcher"]}]]],["stzh-carousel",[[6,"stzh-carousel",{"localization":[16],"variant":[513],"disabled":[516],"noPeek":[516,"no-peek"],"slides":[2],"slidesSmall":[2,"slides-small"],"slidesMedium":[2,"slides-medium"],"slidesLarge":[2,"slides-large"],"slidesUltra":[2,"slides-ultra"],"slide":[2],"autoplay":[1028],"autoplayTimeout":[2,"autoplay-timeout"],"nonInteractive":[4,"non-interactive"],"preventMouseDrag":[4,"prevent-mouse-drag"],"preventAutoplayPause":[4,"prevent-autoplay-pause"],"preventAutoplayStop":[4,"prevent-autoplay-stop"],"tabThrough":[4,"tab-through"],"scrollTimeout":[32],"distanceQuickSwipe":[32],"distancePreventClick":[32],"autoplayRunning":[32],"autoplayDisabledByMotionMedia":[32],"autoplayDisabledByMouse":[32],"autoplayDisabledByFocus":[32],"autoplayDisabledByScroll":[32],"autoplayDisabledByDrag":[32],"dragging":[32],"scrolling":[32],"ariaLive":[32],"currentSlides":[32],"currentSwipeSlides":[32],"slideElements":[32],"previousElements":[32],"nextElements":[32],"navigationTextElements":[32],"slideTo":[64],"slideToPrevious":[64],"slideToNext":[64]},null,{"disabled":["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],"preventMouseDrag":["preventMouseDragWatcher"],"autoplay":["autoplayRunningWatcher"],"autoplayDisabledByMotionMedia":["autoplayRunningWatcher"],"autoplayDisabledByMouse":["autoplayRunningWatcher"],"autoplayDisabledByFocus":["autoplayRunningWatcher"],"autoplayDisabledByScroll":["autoplayRunningWatcher"],"autoplayDisabledByDrag":["autoplayRunningWatcher"],"autoplayTimeout":["autoplayRunningWatcher"],"slideElements":["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"currentSwipeSlides":["snapAlignWatcher"],"slide":["inertWatcher","nextPrevDisabledWatcher"],"variant":["inertWatcher","prevNextNavigationWatcher"],"currentSlides":["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],"tabThrough":["inertWatcher","prevNextNavigationWatcher"],"nextElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],"previousElements":["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],"navigationTextElements":["prevNextHiddenWatcher"]}]]],["stzh-text",[[6,"stzh-text",{"font":[1],"curve":[513],"lead":[516],"size":[1],"sizeSmall":[1,"size-small"],"sizeMedium":[1,"size-medium"],"sizeLarge":[1,"size-large"],"sizeUltra":[1,"size-ultra"]}]]],["stzh-datepicker_3",[[6,"stzh-datepicker",{"calendarMin":[1,"calendar-min"],"calendarMax":[1,"calendar-max"],"calendarIsDateDisabled":[16],"name":[513],"value":[1025],"label":[1],"labelHidden":[4,"label-hidden"],"readonly":[516],"disabled":[516],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"size":[513],"inline":[4],"dateAdapter":[16],"localization":[16],"buttonLabel":[32],"setDate":[64],"getPopover":[64]},null,{"localization":["createDateFormatters"],"value":["valueWatcher"]}],[6,"stzh-radio",{"localization":[16],"disabled":[516],"name":[513],"value":[1025],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"checked":[1540],"label":[1],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"a11yDescribedby":[1,"a11y-describedby"],"setFocus":[64]},null,{"error":["errorWatcher"]}],[6,"stzh-radiogroup",{"localization":[16],"disabled":[516],"name":[513],"legend":[1],"hideLegend":[516,"hide-legend"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"value":[1025],"direction":[513],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"checkedRadio":[8,"checked-radio"],"preventUpdateProperties":[1,"prevent-update-properties"]},[[0,"stzhChange","onChange"]],{"name":["watchName"],"disabled":["watchDisabled"],"invalid":["watchInvalid"],"required":["watchRequired"],"value":["watchValue"],"error":["errorWatcher"],"preventUpdateProperties":["preventUpdatePropertiesWatcher"]}]]],["stzh-heading",[[6,"stzh-heading",{"level":[513],"curve":[513],"withBorder":[516,"with-border"]}]]],["stzh-buttongroup",[[6,"stzh-buttongroup"]]],["stzh-icon-sprite",[[0,"stzh-icon-sprite"]]],["stzh-figure_2",[[6,"stzh-figure",{"caption":[1],"copyright":[1],"counter":[1],"heading":[1],"fullwidth":[516]}],[6,"stzh-ratio",{"ratio":[1],"ratioSmall":[1,"ratio-small"],"ratioMedium":[1,"ratio-medium"],"ratioLarge":[1,"ratio-large"],"ratioUltra":[1,"ratio-ultra"],"portrait":[516],"fit":[513]}]]],["stzh-badge_3",[[6,"stzh-button",{"localization":[16],"badge":[1],"badgeType":[513,"badge-type"],"badgePosition":[513,"badge-position"],"badgeEmpty":[516,"badge-empty"],"fullwidth":[516],"rounded":[516],"floating":[516],"size":[513],"textAlign":[513,"text-align"],"variant":[513],"icon":[1],"iconPosition":[513,"icon-position"],"checked":[1540],"name":[513],"value":[1025],"href":[1],"rel":[1],"target":[1],"download":[1],"type":[1],"disabled":[516],"active":[516],"label":[1],"effect":[1],"iconOnly":[516,"icon-only"],"linkAccesskey":[1,"link-accesskey"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"a11yExpanded":[516,"a11y-expanded"],"a11yDisabled":[516,"a11y-disabled"],"a11yControls":[1,"a11y-controls"],"a11yTabindex":[1,"a11y-tabindex"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}],[2,"stzh-badge",{"label":[1],"type":[513]}],[2,"stzh-icon",{"name":[1],"a11yTitle":[1,"a11y-title"]}]]],["stzh-popover",[[6,"stzh-popover",{"open":[1540],"placement":[513],"variant":[513],"skidding":[2],"distance":[2],"label":[1],"strategy":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleOutsideClick"]],{"open":["openWatcher"],"distance":["distanceWatcher"]}]]],["stzh-input",[[6,"stzh-input",{"localization":[16],"multiline":[4],"rows":[2],"type":[1],"step":[2],"min":[2],"max":[2],"showSpin":[516,"show-spin"],"readonly":[516],"disabled":[516],"clearable":[516],"showMarker":[516,"show-marker"],"minlength":[2],"maxlength":[2],"name":[513],"value":[1025],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"invalid":[516],"required":[516],"inputmode":[1],"autocomplete":[1],"noAutocomplete":[4,"no-autocomplete"],"label":[1],"labelHidden":[4,"label-hidden"],"size":[513],"a11yDescribedby":[1,"a11y-describedby"],"filled":[32],"setFocus":[64]},null,{"value":["valueWatcher"],"error":["errorWatcher"],"type":["typeWatcher"]}]]],["stzh-datalist_2",[[6,"stzh-datalist",{"direction":[513],"directionSmall":[513,"direction-small"],"directionMedium":[513,"direction-medium"],"directionLarge":[513,"direction-large"],"directionUltra":[513,"direction-ultra"],"hideBorder":[516,"hide-border"],"disableLabelMinWidth":[516,"disable-label-min-width"],"currentDirection":[513,"current-direction"],"items":[1]},null,{"hideBorder":["hideBorderWatcher"],"direction":["directionWatcher"],"directionSmall":["directionWatcher"],"directionMedium":["directionWatcher"],"directionLarge":["directionWatcher"],"directionUltra":["directionWatcher"],"currentDirection":["currentDirectionWatcher"],"items":["itemsWatcher"]}],[6,"stzh-datalist-item",{"localization":[16],"direction":[513],"href":[513],"rel":[1],"target":[1],"download":[1],"leadingIcon":[1,"leading-icon"],"icon":[1],"iconLabel":[1,"icon-label"],"iconTooltip":[1,"icon-tooltip"],"label":[1],"value":[1],"meta":[1],"statusLabel":[1,"status-label"],"statusType":[1,"status-type"],"hideBorder":[516,"hide-border"],"a11yExpanded":[516,"a11y-expanded"],"a11yControls":[1,"a11y-controls"],"external":[32]},null,{"rel":["externalWatcher"]}]]],["stzh-chip_2",[[6,"stzh-chip",{"label":[1],"icon":[1],"href":[1],"target":[1],"nonInteractive":[516,"non-interactive"],"removable":[516],"variant":[513],"size":[513],"type":[513],"counter":[1],"removeLabel":[1,"remove-label"],"active":[516],"disabled":[516],"a11yTabindex":[1,"a11y-tabindex"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"analyticsId":[1,"analytics-id"],"removeAnalyticsId":[1,"remove-analytics-id"],"setFocus":[64]}],[4,"stzh-clamp",{"localization":[16],"lines":[2],"linesSmall":[2,"lines-small"],"linesMedium":[2,"lines-medium"],"linesLarge":[2,"lines-large"],"linesUltra":[2,"lines-ultra"],"showExpandLink":[4,"show-expand-link"],"expanded":[1540],"clamped":[1540],"update":[64]}]]],["stzh-dropdown",[[4,"stzh-dropdown",{"options":[1],"optgroups":[1],"items":[1],"searchField":[1,"search-field"],"multiple":[516],"inline":[516],"maxOptions":[2,"max-options"],"searchConjunction":[1,"search-conjunction"],"allowEmptyOption":[4,"allow-empty-option"],"openOnFocus":[4,"open-on-focus"],"closeAfterSelect":[4,"close-after-select"],"load":[16],"minCharacters":[2,"min-characters"],"loadThrottle":[2,"load-throttle"],"preload":[8],"labelField":[1,"label-field"],"valueField":[1,"value-field"],"optgroupField":[1,"optgroup-field"],"optgroupLabelField":[1,"optgroup-label-field"],"optgroupValueField":[1,"optgroup-value-field"],"lockOptgroupOrder":[4,"lock-optgroup-order"],"name":[513],"open":[4],"isOpen":[516,"is-open"],"variant":[513],"size":[513],"disabled":[516],"popoverPlacement":[513,"popover-placement"],"label":[1],"labelHidden":[4,"label-hidden"],"icon":[1],"iconAngle":[1,"icon-angle"],"noSearch":[4,"no-search"],"noBackspaceDelete":[4,"no-backspace-delete"],"invalid":[516],"required":[516],"showMarker":[516,"show-marker"],"description":[1],"descriptionLong":[1,"description-long"],"error":[1],"localization":[16],"a11yDescribedby":[1,"a11y-describedby"],"getValue":[64],"setValue":[64],"setFocus":[64],"resetLoadedSearches":[64],"getLoadedSearches":[64],"getItems":[64],"loadItems":[64],"show":[64],"hide":[64]},null,{"options":["optionsWatcher"],"items":["itemsWatcher"],"searchField":["searchFieldWatcher"],"optgroups":["optgroupsWatcher"],"error":["errorWatcher"]}]]],["stzh-menu_2",[[6,"stzh-menu-item",{"badge":[1],"badgeType":[513,"badge-type"],"badgeEmpty":[516,"badge-empty"],"disabled":[516],"active":[516],"icon":[1],"label":[1],"href":[1],"target":[1],"a11yLabel":[1,"a11y-label"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}],[6,"stzh-menu"]]],["stzh-link",[[6,"stzh-link",{"localization":[16],"icon":[1],"iconPosition":[513,"icon-position"],"size":[513],"href":[1],"rel":[1],"target":[1],"download":[1],"type":[1],"variant":[513],"fullwidth":[516],"textAlign":[513,"text-align"],"badge":[1],"badgeType":[513,"badge-type"],"badgeEmpty":[516,"badge-empty"],"badgePosition":[513,"badge-position"],"disabled":[516],"active":[516],"iconOnly":[516,"icon-only"],"label":[1],"linkAccesskey":[1,"link-accesskey"],"a11yLabel":[1,"a11y-label"],"a11yDescribedby":[1,"a11y-describedby"],"a11yExpanded":[516,"a11y-expanded"],"a11yDisabled":[516,"a11y-disabled"],"a11yControls":[1,"a11y-controls"],"a11yTabindex":[1,"a11y-tabindex"],"analyticsId":[1,"analytics-id"],"setFocus":[64]}]]],["stzh-actionset_4",[[6,"stzh-card",{"localization":[16],"collapsed":[1540],"starred":[1540],"starrable":[516],"selectable":[516],"checked":[516],"name":[513],"href":[513],"target":[1],"value":[1025],"disabled":[516],"withArrow":[516,"with-arrow"],"heading":[1],"subtitle":[1],"headerActions":[1,"header-actions"],"footerActions":[1,"footer-actions"],"subtitleInteractive":[4,"subtitle-interactive"],"sortableDisabled":[516,"sortable-disabled"],"collapsible":[516],"hideHeaderBorder":[516,"hide-header-border"],"hideFooterBorder":[516,"hide-footer-border"],"hideElevation":[516,"hide-elevation"],"hideMovementActions":[4,"hide-movement-actions"],"analyticsId":[1,"analytics-id"]},null,{"subtitle":["subtitleWatcher"],"headerActions":["headerActionsWatcher"],"footerActions":["footerActionsWatcher"],"collapsed":["collapsedWatcher"]}],[6,"stzh-card-list",{"localization":[16],"layout":[513],"description":[1],"showToggleLink":[516,"show-toggle-link"],"sortableEnabled":[4,"sortable-enabled"],"sortableDataIdAttribute":[1,"sortable-data-id-attribute"],"allCollapsed":[32]},[[0,"stzhCollapse","collapseListener"]]],[2,"stzh-actionset",{"localization":[16],"variant":[513],"popoverButtonVariant":[513,"popover-button-variant"],"popoverButtonSize":[513,"popover-button-size"],"popoverPlacement":[513,"popover-placement"],"actions":[1],"actionsCollapsed":[32],"dynamicActions":[32],"isSmall":[32],"isMedium":[32]},null,{"actions":["actionsWatcher"]}],[6,"stzh-sortable",{"localization":[16],"disabled":[516],"dataIdAttribute":[1,"data-id-attribute"],"container":[16],"ghostClone":[16],"filterElements":[1,"filter-elements"],"toArray":[64],"sort":[64],"moveItem":[64]},null,{"disabled":["disabledWatcher"],"filterElements":["filterElementsWatcher"]}]]],["stzh-richtext_2",[[6,"stzh-richtext",{"localization":[16],"removeFirstMargin":[516,"remove-first-margin"],"removeLastMargin":[516,"remove-last-margin"],"externalLinkSelector":[1,"external-link-selector"],"externalLinkIcon":[1,"external-link-icon"]}],[2,"stzh-status",{"percent":[2],"withLoadingbar":[516,"with-loadingbar"],"label":[1],"type":[513]}]]],["stzh-tooltip",[[6,"stzh-tooltip",{"open":[1028],"label":[1],"content":[1],"placement":[1],"strategy":[1],"skidding":[2],"distance":[2],"interactive":[4],"trigger":[1],"localization":[16],"computedPlacement":[32],"show":[64],"hide":[64],"toggle":[64],"update":[64]},[[6,"click","handleDocumentClick"]],{"open":["openWatcher"],"trigger":["triggerWatcher"]}]]]]'),e)}));
 //# sourceMappingURL=stzh-components.js.map

package/dist/esm-es5/stzh-components.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","concat","NAMESPACE","test","src","getAttribute","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"2MAKA,IAAMA,aAAe,WAKO,CAEpBC,kBAAkBC,EAAEC,U,CAcxB,IAAMC,EACAC,MAAMC,KAAKC,IAAIC,iBAAiB,WAAWC,MAAK,SAACC,GAAM,WAAIC,OAAO,IAAAC,OAAKC,UAAS,4BAA2BC,KAAKJ,EAAEK,MAChHL,EAAEM,aAAa,4BAA8BH,SADQ,IAG7D,IAAMI,cAAyBC,IAC/B,IAAMC,GAA+Bf,GAAa,IAAI,cAAgB,GACtE,GAAIa,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EACA,IAAMlB,kBAAoB,SAACuB,GACvB,IAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,E,CAExC,IAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,IAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,M,GAI9D,OAAOK,CACf,CACA,ECnDA/B,eAAesC,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,spkCAAuCJ,EAC9D"}
+{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","scriptElm","Array","from","doc","querySelectorAll","find","s","RegExp","concat","NAMESPACE","test","src","getAttribute","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.3.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"2MAKA,IAAMA,aAAe,WAKO,CAEpBC,kBAAkBC,EAAEC,U,CAcxB,IAAMC,EACAC,MAAMC,KAAKC,IAAIC,iBAAiB,WAAWC,MAAK,SAACC,GAAM,WAAIC,OAAO,IAAAC,OAAKC,UAAS,4BAA2BC,KAAKJ,EAAEK,MAChHL,EAAEM,aAAa,4BAA8BH,SADQ,IAG7D,IAAMI,cAAyBC,IAC/B,IAAMC,GAA+Bf,GAAa,IAAI,cAAgB,GACtE,GAAIa,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EACA,IAAMlB,kBAAoB,SAACuB,GACvB,IAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAAUC,GACvC,GAAIC,KAAKC,WAAa,WAAY,CAC9B,OAAOJ,EAAkBK,KAAKF,KAAMD,E,CAExC,IAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,IAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACN,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAE3C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACjCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,M,GAI9D,OAAOK,CACf,CACA,ECnDA/B,eAAesC,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,wilCAAuCJ,EAC9D"}

package/dist/esm-es5/stzh-contact.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,s){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,n){function o(t){try{r(s.next(t))}catch(t){n(t)}}function c(t){try{r(s["throw"](t))}catch(t){n(t)}}function r(t){t.done?a(t.value):i(t.value).then(o,c)}r((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,i,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(a=0)),a)try{if(s=1,i&&(n=c[0]&2?i["return"]:c[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,c[1])).done)return n;if(i=0,n)c=[c[0]&2,n.value];switch(c[0]){case 0:case 1:n=c;break;case 4:a.label++;return{value:c[1],done:false};case 5:a.label++;i=c[1];c=[0];continue;case 7:c=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!n||c[1]>n[0]&&c[1]<n[3])){a.label=c[1];break}if(c[0]===6&&a.label<n[1]){a.label=n[1];n=c;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(c);break}if(n[2])a.ops.pop();a.trys.pop();continue}c=e.call(t,a)}catch(t){c=[6,t];i=0}finally{s=n=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,h,F as Fragment,a as Host,g as getElement}from"./index-bfb5b569.js";import{h as hasSlot}from"./utils-107fad0f.js";import"./string-utils-e252977e.js";var stzhContactCss=".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-contact-h{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{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: 1024px){.stzh-contact.sc-stzh-contact{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-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";function formatTel(t){return t.replace(/\s/g,"")}var StzhContact=function(){function t(t){registerInstance(this,t);this._numbers=[];this._availability=[];this.availabilityDataItems=[];this.type="Organization";this.heading=undefined;this.mainHeading=undefined;this.name=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.poBoxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availability=undefined;this.withBorder=false}t.prototype.availabilityWatcher=function(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}if(this._availability){this.availabilityDataItems=this._availability.map((function(t){return{value:t.hours.join(" | "),label:t.weekday}}))}};t.prototype.numbersWatcher=function(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numbersWatcher(this.numbers);this.availabilityWatcher(this.availability);return[2]}))}))};t.prototype.render=function(){var t=hasSlot(this.element,"image");var e={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-border":this.withBorder};return h(Host,null,h("div",{class:e,itemscope:true,itemtype:"http://schema.org/".concat(this.type)},h("div",{class:"stzh-contact__image"},h("slot",{name:"image"})),h("div",{class:"stzh-contact__wrapper"},this.mainHeading&&h("stzh-heading",{level:"3",class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null,innerHTML:this.mainHeading}),h("div",{class:"stzh-contact__inner-wrapper"},h("div",{class:"stzh-contact__info"},this.heading&&h("stzh-heading",{level:"4",class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&h("div",{class:"stzh-contact__name",itemprop:this.type==="Person"?"name":null},this.name),(this.street||this.postalCode||this.location)&&h("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress"},this.street&&h("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&h(Fragment,null,h("br",null)," ",this.streetInfo)),this.postalCode&&h("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&h("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location)),this._numbers.map((function(t){return h("div",{class:"stzh-contact__number"},h("span",null,t.label," "),h("span",{itemprop:t.type==="fax"?"faxNumber":"telephone"},h("a",{class:"stzh-contact__number-link",href:"".concat(t.type,":").concat(formatTel(t.number)),"s-object-id":t.analyticsId||"".concat(t.label," ").concat(t.number)},t.number)))})),(this.poBoxHeading||this.poboxTitle||this.poboxPostalCode||this.poboxLocation)&&h("div",{class:"stzh-contact__pobox"},h("div",{class:"stzh-contact__pobox-heading"},this.poBoxHeading),h("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),h("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),h("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation))),this.availability&&h("div",{class:"stzh-contact__availability"},this.availabilityTitle&&h("stzh-heading",{level:"4",class:"stzh-contact__availability-title"},this.availabilityTitle),h("stzh-datalist",{hideBorder:true,directionSmall:"vertical",items:this.availabilityDataItems}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"]}},enumerable:false,configurable:true});return t}();StzhContact.style=stzhContactCss;export{StzhContact as stzh_contact};
+var __awaiter=this&&this.__awaiter||function(t,e,a,s){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,n){function o(t){try{r(s.next(t))}catch(t){n(t)}}function c(t){try{r(s["throw"](t))}catch(t){n(t)}}function r(t){t.done?a(t.value):i(t.value).then(o,c)}r((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},s,i,n,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(a=0)),a)try{if(s=1,i&&(n=c[0]&2?i["return"]:c[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,c[1])).done)return n;if(i=0,n)c=[c[0]&2,n.value];switch(c[0]){case 0:case 1:n=c;break;case 4:a.label++;return{value:c[1],done:false};case 5:a.label++;i=c[1];c=[0];continue;case 7:c=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(c[0]===6||c[0]===2)){a=0;continue}if(c[0]===3&&(!n||c[1]>n[0]&&c[1]<n[3])){a.label=c[1];break}if(c[0]===6&&a.label<n[1]){a.label=n[1];n=c;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(c);break}if(n[2])a.ops.pop();a.trys.pop();continue}c=e.call(t,a)}catch(t){c=[6,t];i=0}finally{s=n=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,h,F as Fragment,a as Host,g as getElement}from"./index-bfb5b569.js";import{h as hasSlot}from"./utils-8bb4c3c6.js";import"./string-utils-e252977e.js";var stzhContactCss=".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact{outline-style:none !important}.sc-stzh-contact-h .stzh-fylingfocus-focused.sc-stzh-contact::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-contact-h{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{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: 1024px){.stzh-contact.sc-stzh-contact{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-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";function formatTel(t){return t.replace(/\s/g,"")}var StzhContact=function(){function t(t){registerInstance(this,t);this._numbers=[];this._availability=[];this.availabilityDataItems=[];this.type="Organization";this.heading=undefined;this.mainHeading=undefined;this.name=undefined;this.address=undefined;this.street=undefined;this.streetInfo=undefined;this.postalCode=undefined;this.location=undefined;this.numbers=[];this.poBoxHeading=undefined;this.poboxTitle=undefined;this.poboxPostalCode=undefined;this.poboxLocation=undefined;this.availabilityTitle=undefined;this.availability=undefined;this.withBorder=false}t.prototype.availabilityWatcher=function(t){if(typeof t==="string"){this._availability=JSON.parse(t)}else{this._availability=t}if(this._availability){this.availabilityDataItems=this._availability.map((function(t){return{value:t.hours.join(" | "),label:t.weekday}}))}};t.prototype.numbersWatcher=function(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.numbersWatcher(this.numbers);this.availabilityWatcher(this.availability);return[2]}))}))};t.prototype.render=function(){var t=hasSlot(this.element,"image");var e=!!this.address||hasSlot(this.element,"address");var a={"stzh-contact":true,"stzh-contact--has-image":t,"stzh-contact--has-address":e,"stzh-contact--has-border":this.withBorder};return h(Host,null,h("div",{class:a,itemscope:true,itemtype:"http://schema.org/".concat(this.type)},h("div",{class:"stzh-contact__image"},h("slot",{name:"image"})),h("div",{class:"stzh-contact__wrapper"},this.mainHeading&&h("stzh-heading",{level:"3",class:"stzh-contact__main-heading",itemprop:this.type==="Organization"&&!this.heading||this.type==="Person"&&!this.name?"name":null,innerHTML:this.mainHeading}),h("div",{class:"stzh-contact__inner-wrapper"},h("div",{class:"stzh-contact__info"},this.heading&&h("stzh-heading",{level:"4",class:"stzh-contact__heading",itemprop:this.type==="Organization"||!this.name?"name":null,innerHTML:this.heading}),this.name&&h("div",{class:"stzh-contact__name",itemprop:this.type==="Person"?"name":null},this.name),h("div",{class:"stzh-contact__address",itemprop:"address",itemscope:true,itemtype:"http://schema.org/PostalAddress",innerHTML:this.address},!this.address&&h(Fragment,null,this.street&&h("div",{class:"stzh-contact__street",itemprop:"streetAddress"},this.street,this.streetInfo&&h(Fragment,null,h("br",null)," ",this.streetInfo)),this.postalCode&&h("span",{class:"stzh-contact__postal-code",itemprop:"postalCode"},this.postalCode," "),this.location&&h("span",{class:"stzh-contact__locality",itemprop:"addressLocality"},this.location),h("slot",{name:"address"}))),this._numbers.map((function(t){return h("div",{class:"stzh-contact__number"},h("span",null,t.label," "),h("span",{itemprop:t.type==="fax"?"faxNumber":"telephone"},h("a",{class:"stzh-contact__number-link",href:"".concat(t.type,":").concat(formatTel(t.number)),"s-object-id":t.analyticsId||"".concat(t.label," ").concat(t.number)},t.number)))})),(this.poBoxHeading||this.poboxTitle||this.poboxPostalCode||this.poboxLocation)&&h("div",{class:"stzh-contact__pobox"},h("div",{class:"stzh-contact__pobox-heading"},this.poBoxHeading),h("div",{class:"stzh-contact__pobox-title"},this.poboxTitle),h("span",{class:"stzh-contact__pobox-postal-code"},this.poboxPostalCode," "),h("span",{class:"stzh-contact__pobox-locality"},this.poboxLocation))),this.availability&&h("div",{class:"stzh-contact__availability"},this.availabilityTitle&&h("stzh-heading",{level:"4",class:"stzh-contact__availability-title"},this.availabilityTitle),h("stzh-datalist",{hideBorder:true,directionSmall:"vertical",items:this.availabilityDataItems}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{availability:["availabilityWatcher"],numbers:["numbersWatcher"]}},enumerable:false,configurable:true});return t}();StzhContact.style=stzhContactCss;export{StzhContact as stzh_contact};
 //# sourceMappingURL=stzh-contact.entry.js.map

package/dist/esm-es5/stzh-contact.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["stzhContactCss","formatTel","tel","replace","StzhContact","this","_numbers","_availability","availabilityDataItems","class_1","prototype","availabilityWatcher","newValue","JSON","parse","map","item","value","hours","join","label","weekday","numbersWatcher","componentWillLoad","numbers","availability","render","hasImage","hasSlot","element","classes","withBorder","h","Host","class","itemscope","itemtype","concat","type","name","mainHeading","level","itemprop","heading","innerHTML","street","postalCode","location","streetInfo","Fragment","number","href","analyticsId","poBoxHeading","poboxTitle","poboxPostalCode","poboxLocation","availabilityTitle","hideBorder","directionSmall","items"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 88px;\n    height: 88px;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-right', 'medium');\n      margin-bottom: 0;\n    }\n\n    @include mq($from: large) {\n      width: 196px;\n      height: 196px;\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n\n  &,\n  &__inner-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__image {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n\t&__pobox {\n    @include spaceCurve('margin-top', 'small')\n  }\n\n  &__main-heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__number-link {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &:hover,\n    &:focus {\n      color: $linkHoverColor;\n    }\n  }\n\n  &__info {\n    flex-grow: 1;\n\n    @include mq($from: smallheader) {\n\t\t\tflex-basis: 45%;\n\t\t}\n  }\n\n  &__availability-title {\n    margin-bottom: space('xsmall');\n  }\n\n  &__availability {\n    margin-top: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-left', 'medium');\n      margin-top: 0;\n\t\t\tflex-basis: 55%;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    padding-bottom: space('xlarge');\n    border-bottom: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ContactNumber,\n  StzhContactAvailabilityItem,\n  StzhDatalistItemEntry\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g,'');\n}\n\n/**\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Street */\n  @Prop() street: string;\n\n  /** Additional street info */\n  @Prop() streetInfo: string;\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /** Post office box heading */\n  @Prop() poBoxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n  private availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  /** Whether to display border or not */\n  @Prop() withBorder: boolean = false;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    if (this._availability) {\n      this.availabilityDataItems = this._availability.map((item) => ({\n        value: item.hours.join(' | '),\n        label: item.weekday\n      }));\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.availabilityWatcher(this.availability);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-border\": this.withBorder\n    };\n\n    return (\n      <Host>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div class=\"stzh-contact__image\">\n            <slot name=\"image\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__wrapper\">\n            {this.mainHeading &&\n              <stzh-heading\n                level=\"3\"\n                class=\"stzh-contact__main-heading\"\n                itemprop={(this.type === \"Organization\" && !this.heading\n                  || this.type === \"Person\" && !this.name) ? \"name\" : null}\n                innerHTML={this.mainHeading}\n              ></stzh-heading>\n            }\n\n            <div class=\"stzh-contact__inner-wrapper\">\n              <div class=\"stzh-contact__info\">\n                {this.heading &&\n                  <stzh-heading\n                    level=\"4\"\n                    class=\"stzh-contact__heading\"\n                    itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                    innerHTML={this.heading}\n                  ></stzh-heading>\n                }\n\n                {this.name &&\n                  <div\n                    class=\"stzh-contact__name\"\n                    itemprop={this.type === \"Person\" ? \"name\" : null}\n                  >\n                    {this.name}\n                  </div>\n                }\n\n                {(this.street || this.postalCode || this.location) &&\n                  <div\n                    class=\"stzh-contact__address\"\n                    itemprop=\"address\"\n                    itemscope\n                    itemtype=\"http://schema.org/PostalAddress\"\n                  >\n                    {this.street &&\n                      <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                        {this.street}\n\n                        {this.streetInfo &&\n                          <Fragment>\n                            <br /> {this.streetInfo}\n                          </Fragment>\n                        }\n                      </div>\n                    }\n\n                    {this.postalCode &&\n                      <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                        {this.postalCode}&nbsp;\n                      </span>\n                    }\n\n                    {this.location &&\n                      <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                        {this.location}\n                      </span>\n                    }\n                  </div>\n                }\n\n                {this._numbers.map((number) =>\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <span itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}>\n                      <a\n                        class=\"stzh-contact__number-link\"\n                        href={`${number.type}:${formatTel(number.number)}`}\n                        s-object-id={number.analyticsId || (`${number.label} ${number.number}`)}\n                      >\n                        {number.number}\n                      </a>\n                    </span>\n                  </div>\n                )}\n\n                {(this.poBoxHeading || this.poboxTitle || this.poboxPostalCode || this.poboxLocation) &&\n                  <div class=\"stzh-contact__pobox\">\n                    <div class=\"stzh-contact__pobox-heading\">{this.poBoxHeading}</div>\n                    <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                    <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n                  </div>\n                }\n              </div>\n\n              {this.availability &&\n                <div class=\"stzh-contact__availability\">\n                  {this.availabilityTitle &&\n                    <stzh-heading\n                      level=\"4\"\n                      class=\"stzh-contact__availability-title\"\n                    >\n                      {this.availabilityTitle}\n                    </stzh-heading>\n                  }\n\n                  <stzh-datalist\n                    hideBorder={true}\n                    directionSmall={\"vertical\"}\n                    items={this.availabilityDataItems}\n                  ></stzh-datalist>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhContactCss","formatTel","tel","replace","StzhContact","this","_numbers","_availability","availabilityDataItems","class_1","prototype","availabilityWatcher","newValue","JSON","parse","map","item","value","hours","join","label","weekday","numbersWatcher","componentWillLoad","numbers","availability","render","hasImage","hasSlot","element","hasAddress","address","classes","withBorder","h","Host","class","itemscope","itemtype","concat","type","name","mainHeading","level","itemprop","heading","innerHTML","Fragment","street","streetInfo","postalCode","location","number","href","analyticsId","poBoxHeading","poboxTitle","poboxPostalCode","poboxLocation","availabilityTitle","hideBorder","directionSmall","items"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 88px;\n    height: 88px;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-right', 'medium');\n      margin-bottom: 0;\n    }\n\n    @include mq($from: large) {\n      width: 196px;\n      height: 196px;\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n\n  &,\n  &__inner-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__image {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n\t&__pobox {\n    @include spaceCurve('margin-top', 'small')\n  }\n\n  &__main-heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__number-link {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &:hover,\n    &:focus {\n      color: $linkHoverColor;\n    }\n  }\n\n  &__info {\n    flex-grow: 1;\n\n    @include mq($from: smallheader) {\n\t\t\tflex-basis: 45%;\n\t\t}\n  }\n\n  &__availability-title {\n    margin-bottom: space('xsmall');\n  }\n\n  &__availability {\n    margin-top: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-left', 'medium');\n      margin-top: 0;\n\t\t\tflex-basis: 55%;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    padding-bottom: space('xlarge');\n    border-bottom: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ContactNumber,\n  StzhContactAvailabilityItem,\n  StzhDatalistItemEntry\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g,'');\n}\n\n/**\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string;\n\n  /** Additional street info */\n  @Prop() streetInfo: string;\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /** Post office box heading */\n  @Prop() poBoxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n  private availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  /** Whether to display border or not */\n  @Prop() withBorder: boolean = false;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    if (this._availability) {\n      this.availabilityDataItems = this._availability.map((item) => ({\n        value: item.hours.join(' | '),\n        label: item.weekday\n      }));\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.availabilityWatcher(this.availability);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-border\": this.withBorder\n    };\n\n    return (\n      <Host>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div class=\"stzh-contact__image\">\n            <slot name=\"image\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__wrapper\">\n            {this.mainHeading &&\n              <stzh-heading\n                level=\"3\"\n                class=\"stzh-contact__main-heading\"\n                itemprop={(this.type === \"Organization\" && !this.heading\n                  || this.type === \"Person\" && !this.name) ? \"name\" : null}\n                innerHTML={this.mainHeading}\n              ></stzh-heading>\n            }\n\n            <div class=\"stzh-contact__inner-wrapper\">\n              <div class=\"stzh-contact__info\">\n                {this.heading &&\n                  <stzh-heading\n                    level=\"4\"\n                    class=\"stzh-contact__heading\"\n                    itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                    innerHTML={this.heading}\n                  ></stzh-heading>\n                }\n\n                {this.name &&\n                  <div\n                    class=\"stzh-contact__name\"\n                    itemprop={this.type === \"Person\" ? \"name\" : null}\n                  >\n                    {this.name}\n                  </div>\n                }\n\n                <div\n                  class=\"stzh-contact__address\"\n                  itemprop=\"address\"\n                  itemscope\n                  itemtype=\"http://schema.org/PostalAddress\"\n                  innerHTML={this.address}\n                >\n                  {!this.address && \n                    <Fragment>\n                      {this.street &&\n                        <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                          {this.street}\n\n                          {this.streetInfo &&\n                            <Fragment>\n                              <br /> {this.streetInfo}\n                            </Fragment>\n                          }\n                        </div>\n                      }\n\n                      {this.postalCode &&\n                        <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                          {this.postalCode}&nbsp;\n                        </span>\n                      }\n\n                      {this.location &&\n                        <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                          {this.location}\n                        </span>\n                      }\n\n                      <slot name=\"address\"></slot>\n                    </Fragment>\n                  }\n                </div>\n\n                {this._numbers.map((number) =>\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <span itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}>\n                      <a\n                        class=\"stzh-contact__number-link\"\n                        href={`${number.type}:${formatTel(number.number)}`}\n                        s-object-id={number.analyticsId || (`${number.label} ${number.number}`)}\n                      >\n                        {number.number}\n                      </a>\n                    </span>\n                  </div>\n                )}\n\n                {(this.poBoxHeading || this.poboxTitle || this.poboxPostalCode || this.poboxLocation) &&\n                  <div class=\"stzh-contact__pobox\">\n                    <div class=\"stzh-contact__pobox-heading\">{this.poBoxHeading}</div>\n                    <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                    <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n                  </div>\n                }\n              </div>\n\n              {this.availability &&\n                <div class=\"stzh-contact__availability\">\n                  {this.availabilityTitle &&\n                    <stzh-heading\n                      level=\"4\"\n                      class=\"stzh-contact__availability-title\"\n                    >\n                      {this.availabilityTitle}\n                    </stzh-heading>\n                  }\n\n                  <stzh-datalist\n                    hideBorder={true}\n                    directionSmall={\"vertical\"}\n                    items={this.availabilityDataItems}\n                  ></stzh-datalist>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}