@oiz/stzh-components 4.3.0 → 4.3.2

package/dist/components/stzh-card-searchresult.js.map

@@ -1 +1 @@
-{"file":"stzh-card-searchresult.js","mappings":"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","names":["StzhCardSearchresult"],"sources":["src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/CMS/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":["/**\n * @prop --placeholder-image-color: color of placeholder image (svg)\n */\n:host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n  --placeholder-image-color: #{$colorGrey30};\n\n  --grid-template-areas: \"heading\" \"description\" \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas: \"image\" \"heading\" \"description\" \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas: \"heading image\" \"description image\" \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas: \"heading image\" \"description description\" \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xlarge');\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__image-placeholder {\n    /* Apply color since the placeholder svg has fill \"currentColor\" */\n    color: var(--placeholder-image-color);\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n    padding: space('xsmall') space('medium');\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    margin-bottom: space('small');\n  }\n\n  &__heading {\n    margin-top: 0;\n    margin-bottom: space('xsmall');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontCurve('p1');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space('xlarge');\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space('xxxxlarge');\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space('small');\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from '@stencil/core';\n\nimport {\n  StzhBreadcrumbItem,\n  StzhCardSearchresultClickEvent,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n  StzhLocaleComponent,\n} from '../../../index';\n\nimport { hasSlot } from '../../../utils/utils';\nimport PlaceholderImage from './assets/placeholder-image.svg';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: 'stzh-card-searchresult',\n  styleUrl: 'stzh-card-searchresult.scss',\n  scoped: true,\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = '';\n\n  /** Heading level */\n  @Prop() headingLevel: '1' | '2' | '3' | '4' = '3';\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = '';\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Enable placeholder image if image slot not used */\n  @Prop() placeholderImageEnabled: boolean = false;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: 'default' | 'right' = 'default';\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch('meta')\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === 'string') {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch('downloadMeta')\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === 'string') {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: 'stzh-card-searchresult',\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute('s-object-id', objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'card-searchresult');\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n    const hasDescription = !!this.description || hasSlot(this.element, 'description');\n    const hasImageSlot = hasSlot(this.element, 'image');\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n    if (eventDateStart && !hasImageSlot) {\n      this.placeholderImageEnabled = true;\n    }\n\n    const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n    const classes = {\n      'stzh-card-searchresult': true,\n      'stzh-card-searchresult--has-heading': hasHeading,\n      'stzh-card-searchresult--has-description': hasDescription,\n      'stzh-card-searchresult--has-description-wrapper': hasDescription || !!eventDateStart || !!this.eventLocation,\n      'stzh-card-searchresult--has-link': !!this.href,\n      'stzh-card-searchresult--has-service': !!this.service,\n      'stzh-card-searchresult--has-tag': !!this.tag,\n      'stzh-card-searchresult--has-topic': !!this.topic,\n      'stzh-card-searchresult--has-image': hasImage,\n      'stzh-card-searchresult--has-image-default': hasImage && this.imagePosition === 'default',\n      'stzh-card-searchresult--has-image-right': hasImage && this.imagePosition === 'right',\n      'stzh-card-searchresult--has-meta': this._meta.length > 0,\n      'stzh-card-searchresult--has-download': !!this.downloadHeading || this._downloadMeta.length > 0,\n      'stzh-card-searchresult--has-breadcrumb': !!this.breadcrumbItems,\n      'stzh-card-searchresult--hyphens': this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? 'a' : 'div';\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                    innerHTML={this.heading}\n                  ></div>\n                ) : (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, 'dateLong')}</span>\n                    {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n                      <span>,&nbsp;{this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time')}</span>\n                    )}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && '0'}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n            {this.placeholderImageEnabled && !hasImageSlot && (\n              <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n                <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n              </stzh-ratio>\n            )}\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-card-searchresult.js","mappings":"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","names":["StzhCardSearchresult"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":["/**\n * @prop --placeholder-image-color: color of placeholder image (svg)\n */\n:host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n  --placeholder-image-color: #{$colorGrey30};\n\n  --grid-template-areas: \"heading\" \"description\" \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas: \"image\" \"heading\" \"description\" \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas: \"heading image\" \"description image\" \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas: \"heading image\" \"description description\" \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xlarge');\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__image-placeholder {\n    /* Apply color since the placeholder svg has fill \"currentColor\" */\n    color: var(--placeholder-image-color);\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n    padding: space('xsmall') space('medium');\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    margin-bottom: space('small');\n  }\n\n  &__heading {\n    margin-top: 0;\n    margin-bottom: space('xsmall');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontCurve('p1');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space('xlarge');\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space('xxxxlarge');\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space('small');\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from '@stencil/core';\n\nimport {\n  StzhBreadcrumbItem,\n  StzhCardSearchresultClickEvent,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter,\n  StzhLocaleComponent,\n} from '../../index';\n\nimport { hasSlot } from '../../utils/utils';\nimport PlaceholderImage from './assets/placeholder-image.svg';\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: 'stzh-card-searchresult',\n  styleUrl: 'stzh-card-searchresult.scss',\n  scoped: true,\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = '';\n\n  /** Heading level */\n  @Prop() headingLevel: '1' | '2' | '3' | '4' = '3';\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = '';\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Enable placeholder image if image slot not used */\n  @Prop() placeholderImageEnabled: boolean = false;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: 'default' | 'right' = 'default';\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch('meta')\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === 'string') {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch('downloadMeta')\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === 'string') {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: 'stzh-card-searchresult',\n      originalEvent,\n      href: this.href,\n    });\n  };\n\n  private hasProperStartAndOrEndDate(startDate: Date | undefined, endDate: Date | undefined) {\n    return !(!!startDate && startDate.getHours() === 0 && !endDate);\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute('s-object-id', objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'card-searchresult');\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals,\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n    const hasDescription = !!this.description || hasSlot(this.element, 'description');\n    const hasImageSlot = hasSlot(this.element, 'image');\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n    if (eventDateStart && !hasImageSlot) {\n      this.placeholderImageEnabled = true;\n    }\n\n    const hasImage = hasImageSlot || this.placeholderImageEnabled;\n\n    const classes = {\n      'stzh-card-searchresult': true,\n      'stzh-card-searchresult--has-heading': hasHeading,\n      'stzh-card-searchresult--has-description': hasDescription,\n      'stzh-card-searchresult--has-description-wrapper': hasDescription || !!eventDateStart || !!this.eventLocation,\n      'stzh-card-searchresult--has-link': !!this.href,\n      'stzh-card-searchresult--has-service': !!this.service,\n      'stzh-card-searchresult--has-tag': !!this.tag,\n      'stzh-card-searchresult--has-topic': !!this.topic,\n      'stzh-card-searchresult--has-image': hasImage,\n      'stzh-card-searchresult--has-image-default': hasImage && this.imagePosition === 'default',\n      'stzh-card-searchresult--has-image-right': hasImage && this.imagePosition === 'right',\n      'stzh-card-searchresult--has-meta': this._meta.length > 0,\n      'stzh-card-searchresult--has-download': !!this.downloadHeading || this._downloadMeta.length > 0,\n      'stzh-card-searchresult--has-breadcrumb': !!this.breadcrumbItems,\n      'stzh-card-searchresult--hyphens': this.hyphensEnabled,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? 'a' : 'div';\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag && <stzh-tag class=\"stzh-card-searchresult__tag\" label={this.tag} nonInteractive={true}></stzh-tag>}\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems && (\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            )}\n\n            {this.dateline && <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>}\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={el => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                {this.heading ? (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                    innerHTML={this.heading}\n                  ></div>\n                ) : (\n                  <div\n                    class=\"stzh-card-searchresult__heading-link-text\"\n                    ref={el => (this.headingTextElement = el as HTMLDivElement)}\n                  >\n                    <slot name=\"heading\"></slot>\n                  </div>\n                )}\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) && (\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart && (\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, 'dateLong')}</span>\n                    {this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (\n                      <span>,&nbsp;{this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time')}</span>\n                    )}\n                  </div>\n                )}\n                {this.eventLocation && <div class=\"stzh-card-searchresult__event-location\">{this.eventLocation}</div>}\n              </div>\n            )}\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart && (\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                  {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && '0'}\n                  {eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            )}\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n            {this.placeholderImageEnabled && !hasImageSlot && (\n              <stzh-ratio ratio=\"21:9\" ratio-small=\"1:1\">\n                <div class=\"stzh-card-searchresult__image-placeholder\" innerHTML={PlaceholderImage}></div>\n              </stzh-ratio>\n            )}\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems && (\n                <stzh-datalist class=\"stzh-card-searchresult__datalist\" items={this.datalistItems}></stzh-datalist>\n              )}\n\n              {this._meta.length > 0 && (\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map(meta => (\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) && (\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading && (\n                      <div class=\"stzh-card-searchresult__download-heading\">{this.downloadHeading}</div>\n                    )}\n                    {this._downloadMeta.length > 0 && (\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map(meta => (\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        ))}\n                      </div>\n                    )}\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </article>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-1c261255.js';
-import { d as defineCustomElement$e } from './p-fb02e9f7.js';
-import { d as defineCustomElement$d } from './p-8b1537d5.js';
-import { d as defineCustomElement$c } from './p-55350e52.js';
-import { d as defineCustomElement$b } from './p-78ff471a.js';
-import { d as defineCustomElement$a } from './p-0c2de460.js';
-import { d as defineCustomElement$9 } from './p-07da844f.js';
+import { d as defineCustomElement$e } from './p-652ae542.js';
+import { d as defineCustomElement$d } from './p-f4ff43ee.js';
+import { d as defineCustomElement$c } from './p-bd503085.js';
+import { d as defineCustomElement$b } from './p-21e55e49.js';
+import { d as defineCustomElement$a } from './p-c16c49ca.js';
+import { d as defineCustomElement$9 } from './p-c3216aa7.js';
 import { d as defineCustomElement$8 } from './p-4d57271c.js';
-import { d as defineCustomElement$7 } from './p-61e8a4c8.js';
+import { d as defineCustomElement$7 } from './p-26475e68.js';
 import { d as defineCustomElement$6 } from './p-293c0ee8.js';
 import { d as defineCustomElement$5 } from './p-fc350fbd.js';
-import { d as defineCustomElement$4 } from './p-bc35e5a1.js';
+import { d as defineCustomElement$4 } from './p-3be733b1.js';
 import { d as defineCustomElement$3 } from './p-9b5c568d.js';
 import { d as defineCustomElement$2 } from './p-d2f9a11a.js';
 
@@ -145,7 +145,7 @@ const StzhCardSuperteaser$1 = /*@__PURE__*/ proxyCustomElement(class StzhCardSup
         };
         const Heading = `h${this.headingLevel}`;
         const HeadingLink = this.href ? 'a' : 'div';
-        return (h(Host, { key: '243e5f4de48ca7bd87a8438bbba6da5b8b5cbee7', "has-image": hasImage }, h("article", { key: 'aac91a0d5fe741054065568a2244b3a0782d5379', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '0cc0b045f9caf00a918921de3ab3987e714aa5f2', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: '70a867f9962146612d902666f850eba8ad0496d9', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'd36a2919d87d230992ccfba2a98209e7a4de213e', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: '38fc4d1cd3858f045167881c96f08329d6f20959', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: 'a237a5a335e9dc8acab176a51fb9a56bcbdcd3b0', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: '6f9c5f8ff4d43d29b25e619b31de57db24c31154', class: `stzh-card-superteaser__heading ${hasSlot(this.element, 'heading') ? 'stzh-card-superteaser__heading--slotted' : ''}` }, h(HeadingLink, { key: 'c22753bd8c790c4bd4539482830bbcf8d1c5f993', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '25d6308e28b1dce1c7ef5c8db41849f6b2abfe15', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '36bbef4240ce6bf8679cdaded7924ce04b02ee32', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: '615ad1a26661c3b2b483551dc5585ada2adcb1e0', class: "stzh-card-superteaser__event-date" }, h("span", { key: 'aadea5411e4ad15c11da622028c96da717b933dc' }, this.dateAdapter.format(eventDateStart, 'dateLong')), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: 'd451940d718e0bb5273c37f049d7ec3ef64b2a88' }, !this.isOnHomepage && h("span", { key: '3f8a6d158cd898c5f27ef3aaa8aa443e9f5b10f0' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time'))))), this.eventLocation && h("div", { key: 'f282e771fee84638dacaed8dfae5ef34a685bb9e', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: 'a02f7954fde980c37f28e79f3aa19a263cfeca08', class: `stzh-card-superteaser__description ${hasSlot(this.element, 'heading') ? 'stzh-card-superteaser__description--slotted' : ''}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: '2856d9912703f7b279c9ca21ae5b14551003606f', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: '2a3cfa5cfe80f08b466872fc7ed288cd6d4d0566', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: 'cb56d3361a5d264a4d1e5ca305f4cabc0e1470bc', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '0f73912e4559df4eb16512b8acf74d781799df1b', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && '0', eventDateStart.getDate()), h("div", { key: '799f495172f62abeba6bbb43a520c5807b2463d5', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: '18ce943077d0d30e90e35073a1ccac510c5860ea', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '974ffd75ac2c9276c2ff0dab1cc39094cdd14e97', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'ec5ecf48a324d1d7a5c8830431d173e1208ec57a', ratio: "2:1" }, h("div", { key: '6a1dec4e24d725fd9f7502fd77d42c69da82a3b3', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '5c9f7c6d52c5e8a8455d50c63be43bd97251564f', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '3812c79f9201e2a6b87cfcf4c6f609850498f2e3', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: '6d374221b71429b599989c30ca6e497c3cc75b17', class: "stzh-card-superteaser__meta" }, h("div", { key: '5d48fd059c32b0d8e610ead5ac20105f7f12e860', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '3b5ba0fb071839acfc0b147adf98e95b35a4890a', class: "stzh-card-superteaser__download" }, h("div", { key: '221e137d66668043994ce17eb4d8d604691ee4fa', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: '2dbdff1540ae7918e09328b43a6c6a87e805ae25', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: '46791b933efe0b1f491b9d0f33c290a32628dfa9', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: 'f4d9f246e4afbe1c5480dc713ecb470f6ae5b88c', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: '386eb37815559091e7a6e3d51f9a2ffb28062ea2', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
+        return (h(Host, { key: '4a755207f1eb529c29bbcb293f830351bf85dd0b', "has-image": hasImage }, h("article", { key: 'f7e85d2a50410333d200b620e22f5836962ba13e', class: classes, "aria-label": this.heading, role: "listitem" }, this.tag && h("stzh-tag", { key: '9d84bd2e1c52973e98506c1d8cd8772aa3517e19', class: "stzh-card-superteaser__tag", label: this.tag, nonInteractive: true }), h("div", { key: 'c20f09e9cb5f654f13f259582950353d2f7f3e7f', class: "stzh-card-superteaser__heading-wrapper" }, this.breadcrumbItems && (h("stzh-breadcrumb", { key: 'a18da51bab5547792821234e82d3963696ae56cf', class: "stzh-card-superteaser__breadcrumb", items: this.breadcrumbItems, variant: "teaser" })), this.dateline && h("div", { key: 'cabeb6345a5c5f1384aa44267a4aed9fe3875e38', class: "stzh-card-superteaser__dateline" }, this.dateline), this.topic && h("div", { key: '0ddc07cc825450fd328f712ac18642ddf2ac5e76', class: "stzh-card-superteaser__topic" }, this.topic), h(Heading, { key: 'd3b95485099bf097fb612260f38a0b1f56e69a60', class: `stzh-card-superteaser__heading ${hasSlot(this.element, 'heading') ? 'stzh-card-superteaser__heading--slotted' : ''}` }, h(HeadingLink, { key: '89b8fdfb5dc84a1c6d14240355d723b9b8cbf010', ref: el => (this.headingLinkElement = el), class: "stzh-card-superteaser__heading-link", href: this.href, target: this.target, download: this.download, onClick: this.handleCardClick }, this.heading ? (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el), innerHTML: this.heading })) : (h("div", { class: "stzh-card-superteaser__heading-link-text", ref: el => (this.headingTextElement = el) }, h("slot", { name: "heading" })))))), h("div", { key: '6dda86a14003e7025f6f2b996e975b7bddd20b38', class: "stzh-card-superteaser__description-wrapper" }, (eventDateStart || this.eventLocation) && (h("div", { key: '9aaa7ef623dc0ce9eb7dca07941baf36721d824b', class: "stzh-card-superteaser__event-infos" }, eventDateStart && (h("div", { key: 'a9d383f55a7b0fdb2bc68e3f702c9bb7f89fe31d', class: "stzh-card-superteaser__event-date" }, h("span", { key: 'be021c66b64eff2127074909b4fa83f349740597' }, this.dateAdapter.format(eventDateStart, 'dateLong')), this.hasProperStartAndOrEndDate(eventDateStart, eventDateEnd) && (h("span", { key: 'f865eef810accebb8a8b26144c9ca2a33715d45d' }, !this.isOnHomepage && h("span", { key: '9880c25baf82442fbacb19352f28904dbec09c16' }, ",\u00A0"), this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, 'time'))))), this.eventLocation && h("div", { key: 'c89de6c38da582da23179adbc0428483c7e5c239', class: "stzh-card-superteaser__event-location" }, this.eventLocation))), h("div", { key: 'a5225e44a5384de5b1b5e0ce30b5bac648c8dcb9', class: `stzh-card-superteaser__description ${hasSlot(this.element, 'heading') ? 'stzh-card-superteaser__description--slotted' : ''}` }, this.description ? this.description : h("slot", { name: "description" }))), h("div", { key: 'ea9df0616e204643a1aee4891e3e97eec51c2a49', class: "stzh-card-superteaser__image" }, eventDateStart && (h("div", { key: '8a2f0eec8f4009bb8c8bcabc582110ec8a249e5b', class: "stzh-card-superteaser__event-date-teaser" }, h("div", { key: '8b9a2cea1dd19134c28105382f75417aae0472b4', class: "stzh-card-superteaser__event-date-teaser-day-name" }, this.localization.$globals.dayNamesShort[eventDateStart.getDay()]), h("div", { key: '5ee0649ccd3750ec9a870a7e920e1fd69a0f988a', class: "stzh-card-superteaser__event-date-teaser-day" }, eventDateStart.getDate() < 10 && '0', eventDateStart.getDate()), h("div", { key: '7a39a5e27a622e6b782e389541e9cd2c94259772', class: "stzh-card-superteaser__event-date-teaser-month" }, this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]))), this.service && h("div", { key: 'c7e266a0aca96414ed84d95636d28769fc0ad9af', class: "stzh-card-superteaser__service" }, this.service), h("slot", { key: '7c7881dee9ceabc452cfa1605cf184fdb8bf0bfa', name: "image" }), this.placeholderImageEnabled && !hasImageSlot && (h("stzh-ratio", { key: 'b0cfca0dc30972e63531e6c90fd57792b0749448', ratio: "2:1" }, h("div", { key: '0dbd0798db3ac63f2eabbc569032468147ec9bf3', class: "stzh-card-superteaser__image-placeholder", innerHTML: PlaceholderImage })))), (this._meta.length > 0 || this.datalistItems || !!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '1316eb65043cf43566d30bc51cf8640294ef70f6', class: "stzh-card-superteaser__meta-wrapper" }, this.datalistItems && (h("stzh-datalist", { key: '89b8e1afdcf36fe36bbee5487162ea253975312c', class: "stzh-card-searchresult__datalist", items: this.datalistItems })), this._meta.length > 0 && (h("div", { key: 'c95f985b9f1b8962e89c34d1b5e4811818d3528f', class: "stzh-card-superteaser__meta" }, h("div", { key: '6dd18341abd87c8e35df1435d8940c6c6db397e1', class: "stzh-card-superteaser__meta-list" }, this._meta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__meta-list-item" }, meta))))))), (!!this.downloadHeading || this._downloadMeta.length > 0) && (h("div", { key: '6da754acec74375d3cc32a646daa86160bdfbb29', class: "stzh-card-superteaser__download" }, h("div", { key: 'c4c72e13f888507d9479a5efe3ecb917d8f2e5cb', class: "stzh-card-superteaser__download-data" }, this.downloadHeading && (h("div", { key: 'c7ed18eae260c2191c3c5759d2568542f94d9e85', class: "stzh-card-superteaser__download-heading" }, this.downloadHeading)), this._downloadMeta.length > 0 && (h("div", { key: 'b9a0f3cb751af92d249654ed17c3f0d30a994643', class: "stzh-card-superteaser__download-meta-list" }, this._downloadMeta.map(meta => (h(Fragment, null, h("div", { class: "stzh-card-superteaser__download-meta-list-item" }, meta))))))), h("div", { key: '5a63eef74476703e37ca5eee61f6958b2c955501', class: "stzh-card-superteaser__download-button" }, h("stzh-icon", { key: '3d740d96e78a6f0ab392a4cf6b38ba66f4868c70', class: "stzh-card-superteaser__download-icon", name: "download" })))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-card.js

@@ -1,4 +1,4 @@
-import { S as StzhCard$1, d as defineCustomElement$1 } from './p-273d413c.js';
+import { S as StzhCard$1, d as defineCustomElement$1 } from './p-dbe86180.js';
 
 const StzhCard = StzhCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-cardlist.js

@@ -1,4 +1,4 @@
-import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-ffec300d.js';
+import { S as StzhCardlist$1, d as defineCustomElement$1 } from './p-5e30852c.js';
 
 const StzhCardlist = StzhCardlist$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chip.js

@@ -1,4 +1,4 @@
-import { S as StzhChip$1, d as defineCustomElement$1 } from './p-2a972be2.js';
+import { S as StzhChip$1, d as defineCustomElement$1 } from './p-ba5a005c.js';
 
 const StzhChip = StzhChip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-chipselect.js

@@ -1,4 +1,4 @@
-import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-2dc162f9.js';
+import { S as StzhChipselect$1, d as defineCustomElement$1 } from './p-8c9e8d25.js';
 
 const StzhChipselect = StzhChipselect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-clamp.js

@@ -1,4 +1,4 @@
-import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-78ff471a.js';
+import { S as StzhClamp$1, d as defineCustomElement$1 } from './p-21e55e49.js';
 
 const StzhClamp = StzhClamp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-contact-cv.js

@@ -48,7 +48,7 @@ const StzhContactCv$1 = /*@__PURE__*/ proxyCustomElement(class StzhContactCv ext
             "stzh-contact-cv": true,
             "stzh-contact-cv--has-favorite-links": hasFavoriteLinks,
         };
-        return (h(Host, { key: '5f2714c707c86d8bfe8099f6119b874c1ffb752b' }, h("div", { key: 'd5f9cb75c8356458ef3807c3f92c89b8a49a83c7', class: classes }, h("div", { key: 'c21925dffae8bf299b116ed4e41b997527994611', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: 'ab36e04388f1994efaf4d9d763d3e1add53d1d85', class: "stzh-contact-cv__content-block" }, h("p", { key: '3096c9619833bc5612e1850597585bbb0e46b0ea', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: '7128f582d4cb8b1b360f80a1fd209de9efdc0eb1' }, this.jobtitle)), h("stzh-text", { key: '216fb7740b623579257d43310b943cd2a216749b', class: "stzh-contact-cv__content-block" }, h("p", { key: '061a381b96413b620155b59a6897d28dc704a12e', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '3dc7e4d71108fdc867e95935a9f6cfeab9bec6b9' }, this.responsibilities)), h("stzh-text", { key: 'e63a8f74e118d3cc623d67a63dc493a8faaddedd', class: "stzh-contact-cv__content-block" }, h("p", { key: '345cc61e1dad31f2f8ed46f58588a6eee7dbf413', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: 'e1d33d2b41122cf9869fa35c474c5730e9aa872e' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: 'eeca5df780fac9cc0560f8c8af96024b8eb12187', class: "stzh-contact-cv__content-block" }, h("p", { key: '73bd6ce7e000c42144ca7e8ba5d0737fcabbbbe8', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: 'fe2ee72f1e5e1d6c933c6da004e390999ec5e0e0' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '990cd34eb22573320afb421037a2e3248df5b7cc', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: 'ae38f591730db0ef68524685bbbcbe3f4d4e4c34', class: "stzh-contact-cv__content-block" }, h("p", { key: '46ab3e754c96fb0760fdcc579d373e08fcf4f9c5', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: 'e54e8c6914486bc98d178a9650316a0a2e83ed7d', name: "favorite-links" })))))));
+        return (h(Host, { key: 'e16951bb0beda26760541d8b8f115d2615202706' }, h("div", { key: '95971ca90f81ab1a9c0835fe3838e4f68fbdce54', class: classes }, h("div", { key: '99b30cff2cd8b6776b1cc5bb0485daac0e9a802f', class: "stzh-contact-cv__content-wrapper" }, h("stzh-text", { key: '88218f0189832c1ccaca1938886b8902a47036ee', class: "stzh-contact-cv__content-block" }, h("p", { key: '31135a4f006f14c3ff7a94ce546fdf22bd13f14c', class: "stzh-contact-cv__content-title" }, this.localization.jobtitle), h("span", { key: '6b3eb21ff7bc086bb3845e2f1315f5754c7ff590' }, this.jobtitle)), h("stzh-text", { key: '28cb5107869c8631732ce991daa8853e0678325a', class: "stzh-contact-cv__content-block" }, h("p", { key: '42f7e387aa82a763469c9fe584c312e1fc8eb41c', class: "stzh-contact-cv__content-title" }, this.localization.responsibilities), h("span", { key: '08179ea1eb051afb9c6cf98a08c6a05162d7d8be' }, this.responsibilities)), h("stzh-text", { key: '2957f5a119adc8bed39dba78158c95590fa88ec6', class: "stzh-contact-cv__content-block" }, h("p", { key: '050cacf27cf533b085d3dc239c0cf52d986e8a4d', class: "stzh-contact-cv__content-title" }, this.localization.trainings), h("stzh-list", { key: '0ae1d6771673e384a5652b3f9a15ae25193cafb1' }, this._trainings.map(training => (h("stzh-list-item", null, training))))), h("stzh-text", { key: '173c090b1b6c2f14da0226a918b0b030d39d2998', class: "stzh-contact-cv__content-block" }, h("p", { key: '0d0fa261265c264808ccf6d321018cf1469d2ccc', class: "stzh-contact-cv__content-title" }, this.localization.hobbies), h("stzh-list", { key: '54e808f6e66e4baed46b277a3121f97d63510d19' }, this._hobbies.map(hobby => (h("stzh-list-item", null, hobby))))), h("div", { key: '476440d209858efc05ca9b28dac85a33165cac17', class: "stzh-contact-cv__favorite-links" }, h("stzh-text", { key: '63da7fd65a798739047bf0578bbea10141cc80b5', class: "stzh-contact-cv__content-block" }, h("p", { key: '1c44eacd3debd9f806b39e1a632892206bc90892', class: "stzh-contact-cv__content-title" }, this.localization.favoriteLinks), h("slot", { key: '03c5cabcc3d5ff7ab740096f2c8e77570d0b8794', name: "favorite-links" })))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-contact.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-1c261255.js';
-import { d as defineCustomElement$6 } from './p-fb02e9f7.js';
+import { d as defineCustomElement$6 } from './p-652ae542.js';
 import { d as defineCustomElement$5 } from './p-3f9b452f.js';
 import { d as defineCustomElement$4 } from './p-4d57271c.js';
-import { d as defineCustomElement$3 } from './p-61e8a4c8.js';
+import { d as defineCustomElement$3 } from './p-26475e68.js';
 import { d as defineCustomElement$2 } from './p-9b5c568d.js';
 
 const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h,[stzh-hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-contact-h .has-focus.sc-stzh-contact{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.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}.sc-stzh-contact-h{--grid-template-areas:var(\n    --stzh-contact-grid-template-areas,\n      \"heading heading heading heading\" \"image image image image\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\n  );--grid-template-columns:var(\n    --stzh-contact-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\n    );--grid-template-columns:var(\n      --stzh-contact-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media print{.sc-stzh-contact-h{page-break-inside:avoid;break-inside:avoid}}.sc-stzh-contact-h.sc-stzh-contact-s>[slot=image],.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 900px){[has-availability=false].sc-stzh-contact-h{--grid-template-areas:var(\n      --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\n    )}}.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);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 900px){.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)}}@media screen and (min-width: 600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-contact.sc-stzh-contact{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-contact__main-heading.sc-stzh-contact{grid-area:heading}.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-type.sc-stzh-contact:not(:empty){padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-large);padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-xxsmall)}}@media screen and (min-width: 900px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge);padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading-section.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge);padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-small)}}.stzh-contact__main-heading-text.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__image-wrapper.sc-stzh-contact{grid-area:image;background-color:var(--stzh-color-secondary20)}.stzh-contact__role.sc-stzh-contact{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-contact__image.sc-stzh-contact{position:relative}.stzh-contact__info.sc-stzh-contact{grid-area:info}.stzh-contact__responsibility.sc-stzh-contact{grid-area:responsibility}.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__responsibility.sc-stzh-contact:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__responsibility-text.sc-stzh-contact:not(:empty){padding-bottom:var(--stzh-space-small)}}.stzh-contact__additional.sc-stzh-contact{grid-area:additional;gap:var(--stzh-space-medium);display:grid}@media screen and (min-width: 600px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact{gap:var(--stzh-space-xxlarge)}}.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1260px){.stzh-contact__additional.sc-stzh-contact-s>*,.stzh-contact__additional .sc-stzh-contact-s>*{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-contact__heading.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__name.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__emails.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__pobox.sc-stzh-contact:not(:empty):not(:last-child),.stzh-contact__availability-title.sc-stzh-contact:not(:empty):not(:last-child){margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__numbers.sc-stzh-contact{white-space:nowrap}.stzh-contact__number.sc-stzh-contact,.stzh-contact__email.sc-stzh-contact{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.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);margin:0px}@media screen and (min-width: 900px){.stzh-contact__heading.sc-stzh-contact,.stzh-contact__name.sc-stzh-contact,.stzh-contact__role.sc-stzh-contact,.stzh-contact__availability-title.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__heading.sc-stzh-contact,.stzh-contact__name.is-heading.sc-stzh-contact,.stzh-contact__availability-title.sc-stzh-contact{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-contact__availability.sc-stzh-contact{grid-area:availability;margin-top:var(--stzh-space-xlarge);gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-contact__availability.sc-stzh-contact{margin-top:0px}}.stzh-contact__availability-list.sc-stzh-contact,.stzh-contact__availability-hour-list.sc-stzh-contact{list-style:none;margin:0;padding:0}.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xsmall);display:grid}@media screen and (min-width: 600px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__availability-list.sc-stzh-contact{gap:var(--stzh-space-xlarge)}}.stzh-contact__availability-weekday.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: 900px){.stzh-contact__availability-weekday.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__availability-hours.sc-stzh-contact{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-contact__availability-hours.sc-stzh-contact{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--stzh-space-xsmall)}}.stzh-contact__availability-hours-separator.sc-stzh-contact{width:0.0625rem;background-color:currentColor;flex-shrink:0}.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:4rem;height:4rem}@media screen and (min-width: 600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:5rem;height:5rem}}@media screen and (min-width: 900px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:6.25rem;height:6.25rem}}@media screen and (min-width: 1260px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:7.5rem;height:7.5rem}}@media screen and (min-width: 1600px){.stzh-contact--has-image.sc-stzh-contact .stzh-contact__image.sc-stzh-contact{width:8.75rem;height:8.75rem}}.stzh-contact__image-wrapper.sc-stzh-contact{background-color:transparent}";
@@ -132,14 +132,13 @@ const StzhContact$1 = /*@__PURE__*/ proxyCustomElement(class StzhContact extends
         const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`;
         const isPerson = this.type === 'Person';
         const isOrganization = this.type === 'Organization';
-        return (h(Host, { key: '6b8541537fa72ea30cf713432d7a782b43342a6d', "has-availability": !!this.availability ? 'true' : 'false' }, h("div", { key: 'aad3bd662c1e63d6d9218e409b5fc874c4c66343', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: 'ad3237d5f2804515cb01f523c674f877fea41247', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) ||
+        return (h(Host, { key: '93d4945533708c5f54155ec09d869697c5dfbb9d', "has-availability": !!this.availability ? 'true' : 'false' }, h("div", { key: '21fbb484c0fbd69c73b6139f7259e0ecbde636b5', class: classes, itemscope: true, itemtype: `http://schema.org/${this.type}` }, h("div", { key: 'df9824b44ba53745df9e21348dd1954bf67c71b7', class: "stzh-contact__main-heading", itemprop: (isOrganization && !this.heading) ||
                 (isPerson && !this.name)
                 ? 'name'
-                : null }, h("div", { key: '00bdb58cc0f05253ea6dcdfa3b6e14c705f66e78', class: "stzh-contact__main-heading-section" }, this.mainHeading
-            ? h("stzh-heading", { level: this.mainHeadingLevel }, this.mainHeading)
-            : h("slot", { name: "main-heading" })), h("div", { key: '628d2ccc67bfacda3c8de3d1c5a6a9f2398eeb02', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '0902316e715a1d20d66d6fc8047deb153117e21d', curve: 'h3', level: "3" }, h("span", { key: '0617d2c74a292e5113bd22a5b2c81a17b880c4df', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) &&
-            (h("div", { key: '332c3ac203010f2676f6117fc56c0e831f9f6d9a', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '755ec8545699c95ac374d04f490cb689a5af6729', level: '3', curve: 'h3' }, this.name)), this.heading && isOrganization && (h("stzh-heading", { key: '4aa4174d3b6e4853407775dd85bacc21dd8cab86', level: '3', curve: 'h3' }, this.heading))))), isPerson &&
-            h("div", { key: 'e871e95220c2561327b01d9ca9c2a934315988b8', class: "stzh-contact__image-wrapper" }, h("div", { key: 'dfe4ed39beeff76c1141968f977129fe28f9ca76', class: "stzh-contact__image" }, h("slot", { key: '6ff4ad3afb9b72c31f13a7bbbe7db2f23485beb3', name: "image" })))), h("div", { key: '291ab81adec9944d09c6c0de0b591f33caf49224', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '8ef29b08b5e4f2cd328363a4c9428cebe4e603b6', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: '4bc9e6c6e7de53dc01b3504a324c5ac433d34b30', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: 'af235727b2c031b0e3d8dc7dd7720e936517e81a', class: "stzh-contact__additional" }, h("slot", { key: '7ffb069fc22db12de0e04054dd8cf58534b86eb4' })), h("div", { key: 'aff858962b2ce4463fc9959a57c9d7af1622dc55', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'c394aefa71aff5d7d62004291d98922a4e7df53a', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: '426337259b75b06a82c5198a1c9543a3ad71427c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '17268dc31944cdd90d2754e437e1d60c09bdf3ec' }, this._street.length > 0 && (h("div", { key: '5e6270964c6964a0b6c2008a738efee28ac69b1a', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'd2045a6ef5657a783d6518aa5305ea7f716cda4c' }, h("br", { key: '7fae58b05722abcbdc71db94b83e96a217c444aa' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '60b2b7bd58dcb5744b56b04b16e8fae352f5bc46', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '87629752284a1cff677d5b6d023ecb143ff4b668', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: 'b9b87cc58667da786ab3c4dc353fec4da5e06699', name: "address" })))), this._numbers.length > 0 && (h("div", { key: '23b08eddaac0ee37575966710cd069991a4c836a', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === 'fax' ? 'faxNumber' : 'telephone' }, number.number)))))), this._emails.length > 0 && (h("div", { key: '44059220e4cc3c0624edb1581928b8f1bced2861', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: 'cd56eeaa0fd06b56f359a542eb2ec2dc2169dc3c', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '7aeff13d49a47ae5af8852c28f85cfadba07b769' }, this.poboxHeading && (h("div", { key: '11c88ecbf1dd8797019f8aa36e79e306ad7caffd', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: '0c001a205f0b9c5aac4586821075bdd4e13a17e0', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'dc4871fad9ca21139aac00c278d4ffb5f7c6f384', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: 'c3aeb4691276de4d14db7472cf24e62f22e0d1a2', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '6567429810cd01d6373a1d2b933566b7cd77b37d', name: "pobox" })))), h("div", { key: '1e4f6714a7af441aa41126537268cafe926b6012', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: 'fa36566c87980d7d759157959694e395fee2f54e', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: 'b4232d73295a0a61225a55f081237b3fa320e4dd', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '621ed0fae705ba1dbc820dab1716b0d4bcad636b', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
+                : null }, h("div", { key: 'a0a9e0d01078091fe6bfe1925f199f2a78a7ebf8', class: "stzh-contact__main-heading-section" }, this.mainHeading
+            ? h("stzh-heading", { level: this.mainHeadingLevel, htmlContent: this.mainHeading })
+            : h("slot", { name: "main-heading" })), h("div", { key: '26d6ad6756f8129d7d4e45741db89b25592b609e', class: isPerson && "stzh-contact__main-heading-text" }, this.personRole && isPerson && (h("stzh-heading", { key: '049ba30d9ac80f4db06aa3f6364b58c5a9e95923', curve: 'h3', level: "3" }, h("span", { key: '079c690b01c708e988d0a75e85563d48fbb79309', class: "stzh-contact__role" }, this.personRole))), (isPerson && this.name || isOrganization && this.heading) && (h("div", { key: '3e12f29a5e60fe99bc44d398f13507d9be71b856', class: "stzh-contact__main-heading-type" }, this.name && isPerson && (h("stzh-heading", { key: '473db1cf026895d46852e9094bb7d4768f8eb7f8', level: '3', curve: 'h3', htmlContent: this.name })), this.heading && isOrganization && (h("stzh-heading", { key: 'bbb9b4938f5815add217db20195958bd4be07108', level: this.headingLevel, htmlContent: this.heading }))))), isPerson &&
+            h("div", { key: 'f9effa7cdd17d256281d898bad5194e157f6fa8e', class: "stzh-contact__image-wrapper" }, h("div", { key: '1e68373b7d0e16982ba3baf8f66ffd401c7e48c4', class: "stzh-contact__image" }, h("slot", { key: '83c5431b52277c0506fe95562c91459c6f17b576', name: "image" })))), h("div", { key: '642b9cb1ec65d41b2d107bb1f387329a3faa1cf0', class: "stzh-contact__responsibility" }, this.responsibilityTitle && (h(HeadingLevel, { key: '2e1b6f5588b65b3fa056f7e17663d81e3b9f32d1', class: "stzh-contact__heading", itemprop: this.responsibilityTitle, innerHTML: this.responsibilityTitle })), this.responsibility && (h("stzh-text", { key: 'ed48acd6a159fb2cb690c4079cec3d84fbd00497', class: "stzh-contact__responsibility-text" }, this.responsibility))), h("div", { key: '43a7446f969151c3e21d90e3f600028db8c05e16', class: "stzh-contact__additional" }, h("slot", { key: '1a150cc4eed26b87a2ca08d4408f8caed124bcc9' })), h("div", { key: 'cc919ad3fe2e89466c74186f3cf0f8148063b543', class: "stzh-contact__info" }, this.contactTitle && (h(AvailabilityTitleElement, { key: 'efd9578deb0ad609d62a0ef07561101af4557877', class: "stzh-contact__availability-title" }, this.contactTitle)), h("div", { key: 'cc78788563933b1d5859987c15bd89848ca68d5c', class: "stzh-contact__address", itemprop: "address", itemscope: true, itemtype: "http://schema.org/PostalAddress", innerHTML: this.address }, !this.address && (h(Fragment, { key: '2002678bcea2922f5620815f178d8aa723c3aba4' }, this._street.length > 0 && (h("div", { key: '06a3a190526dab590d730bf6b5fb050b2d7fb9a0', class: "stzh-contact__street", itemprop: "streetAddress" }, this._street.map((street) => (h(Fragment, null, street, h("br", null)))), this._streetInfo.length > 0 && (h(Fragment, { key: 'f133c4af6da56efc2de25a22fc8f33962c0897dc' }, h("br", { key: 'a1d46b45f61021828848d53731518bfeef2355df' }), ' ', this._streetInfo.map((streetInfo) => (h(Fragment, null, streetInfo, h("br", null)))))))), this.postalCode && (h("span", { key: '2806f448f9417793e4d5520ce05b80484552709b', class: "stzh-contact__postal-code", itemprop: "postalCode" }, this.postalCode, "\u00A0")), this.location && (h("span", { key: '99593cb7744ac09fd867027812fb6d0c0cc80aad', class: "stzh-contact__locality", itemprop: "addressLocality" }, this.location)), h("slot", { key: '65ae05ec65680f1db093e4d960d5ec16ed44af73', name: "address" })))), this._numbers.length > 0 && (h("div", { key: 'edf3676c5dfae6767c826eaf48d1eb3e33fd7a5d', class: "stzh-contact__numbers" }, this._numbers.map((number) => (h("div", { class: "stzh-contact__number" }, h("span", null, number.label, "\u00A0"), h("stzh-link", { size: "inherit", height: "auto", class: "stzh-contact__number-link", href: `${number.type}:${formatTel(number.number)}`, analyticsId: number.analyticsId || `${number.label} ${number.number}`, itemprop: number.type === 'fax' ? 'faxNumber' : 'telephone' }, number.number)))))), this._emails.length > 0 && (h("div", { key: 'ce89c2b9a98dc95cbcee2f84edc11d04eb7b8609', class: "stzh-contact__emails" }, this._emails.map((email) => (h("div", { class: "stzh-contact__email" }, h("span", null, email.label, "\u00A0"), email.href ? (h("stzh-link", { size: "inherit", height: "auto", class: "stzh-container__email-link", href: `mailto:${email.href}`, analyticsId: email.analyticsId || `${email.label} ${email.text}`, itemprop: "email" }, email.text)) : (h("span", { class: "stzh-container__email-link", itemprop: "email" }, email.text))))))), h("div", { key: '4b561bd1ed2b46f95a8f7b95432fe95e1390dddd', class: "stzh-contact__pobox", innerHTML: this.pobox }, !this.pobox && (h(Fragment, { key: '60fa5340056627cb308228c8b58376673c1524d9' }, this.poboxHeading && (h("div", { key: 'cc2e3fd70029606c4e96a8f59051c5d5ca56bb3a', class: "stzh-contact__pobox-heading" }, this.poboxHeading)), this.poboxTitle && (h("div", { key: 'ea19b8d89b032c88f1fb8f4981c58e1499c29189', class: "stzh-contact__pobox-title" }, this.poboxTitle)), this.poboxPostalCode && (h("span", { key: 'f77806ea195d5480d13cdf11289561bc29e23c44', class: "stzh-contact__pobox-postal-code" }, this.poboxPostalCode, "\u00A0")), this.poboxLocation && (h("span", { key: 'c224395b559279075a38b1c36c87655c7887f0b8', class: "stzh-contact__pobox-locality" }, this.poboxLocation)), h("slot", { key: '01b76f256b385765d1db26103f87f3b932cc9bc3', name: "pobox" })))), h("div", { key: 'af3b869df99b64e45751386e81a0d43c7be6c73f', class: "stzh-contact__additional-information", innerHTML: this.additionalInformation })), this.availability && (h("div", { key: '7df16ac63cfe7a03d068a80a04eab0072d068319', class: "stzh-contact__availability" }, this.availabilityTitle && (h(AvailabilityTitleElement, { key: '368dc0f38f8ffa5d4172d512b87a1e603c1d7dba', class: "stzh-contact__availability-title" }, this.availabilityTitle)), this._availability.length > 0 && (h("ul", { key: '5b7bded566fc0226ad8ef3e10d2b3b4d1c09c5c9', class: "stzh-contact__availability-list" }, this._availability.map((item) => (h("li", { class: "stzh-contact__availability-list-item" }, h("div", { class: "stzh-contact__availability-weekday" }, item.weekday), item.hours.length > 0 && (h("div", { class: "stzh-contact__availability-hours" }, item.hours.map((hour, index) => (h(Fragment, null, h("div", { class: "stzh-contact__availability-hour" }, hour), index < item.hours.length - 1 && (h("div", { class: "stzh-contact__availability-hours-separator" })))))))))))))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/stzh-contact.js.map

@@ -1 +1 @@
-{"file":"stzh-contact.js","mappings":"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","names":["StzhContact"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n      \"heading heading heading heading\" \"image image image image\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n          \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"  \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space('xsmall');\n      padding-bottom: space('xxsmall');\n\n      @include mq($from: small) {\n        padding-top: space('small');\n        padding-bottom: space('xxsmall');\n      }\n\n      @include mq($from: medium) {\n        padding-top: space('xsmall');\n        padding-bottom: space('xsmall');\n      }\n\n      @include mq($from: large) {\n        padding-top: space('small');\n        padding-bottom: space('small');\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n      padding-top: space('medium');\n      padding-bottom: space('xxsmall');\n\n      @include mq($from: small) {\n        margin-bottom: space('large');\n        padding-top: space('large');\n        padding-bottom: space('xxsmall');\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space('xlarge');\n        padding-top: space('xlarge');\n        padding-bottom: space('xsmall');\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space('xxlarge');\n        padding-top: space('xxlarge');\n        padding-bottom: space('small');\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role {\n    @include fontSize('milli');\n    @include font('medium');\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space('xxsmall')\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport {\n  ContactEmail,\n  ContactNumber,\n  StzhContactAvailabilityItem,\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 main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\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  /** Main heading */\n  @Prop() mainHeading: string\n\n  /** Sub heading */\n  @Prop() subHeading: string\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: '1' | '2' | '3' | '4' = '2'\n\n  /** Heading */\n  @Prop() heading: string\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string\n\n  /** Resposibility title */\n  @Prop() responsibility: string\n\n  /** Heading level */\n  @Prop() headingLevel: '1' | '2' | '3' | '4' = '3'\n\n  /** Name */\n  @Prop() name: string\n\n  /** Person role */\n  @Prop() personRole: 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 | string[]\n  private _street: string[] = []\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[]\n  private _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  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = []\n  private _emails: ContactEmail[] = []\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string\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  /** Contact title */\n  @Prop() contactTitle: string\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: '1' | '2' | '3' | '4' = '3'\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[]\n  private _availability: StzhContactAvailabilityItem[] = []\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\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\n  @Watch('numbers')\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue\n    }\n  }\n\n  @Watch('emails')\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue\n    }\n  }\n\n  @Watch('street')\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === 'string') {\n      try {\n        this._street = JSON.parse(newValue)\n      } catch (noArrayException) {\n        this._street = [newValue]\n      }\n    } else if (newValue) {\n      this._street = newValue\n    }\n  }\n\n  @Watch('streetInfo')\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === 'string') {\n      try {\n        this._streetInfo = JSON.parse(newValue)\n      } catch (noArrayException) {\n        this._streetInfo = [newValue]\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers)\n    this.emailsWatcher(this.emails)\n    this.availabilityWatcher(this.availability)\n    this.streetWatcher(this.street)\n    this.streetInfoWatcher(this.streetInfo)\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, 'image')\n    const hasAddress = !!this.address || hasSlot(this.element, 'address')\n    const hasAddons = hasSlot(this.element, 'addons')\n    const hasLinks = hasSlot(this.element, 'links')\n\n    const classes = {\n      'stzh-contact': true,\n      'stzh-contact--has-image': hasImage,\n      'stzh-contact--has-address': hasAddress,\n      'stzh-contact--has-addons': hasAddons,\n      'stzh-contact--has-links': hasLinks,\n    }\n\n    const HeadingLevel = `h${this.headingLevel}`\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`\n    const isPerson = this.type === 'Person';\n    const isOrganization = this.type === 'Organization';\n\n    return (\n      <Host has-availability={!!this.availability ? 'true' : 'false'}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n\n          <div class=\"stzh-contact__main-heading\"\n            itemprop={\n              (isOrganization && !this.heading) ||\n              (isPerson && !this.name)\n                ? 'name'\n                : null\n            }\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading\n                ? <stzh-heading level={this.mainHeadingLevel}>\n                      {this.mainHeading}\n                  </stzh-heading>\n                : <slot name=\"main-heading\"></slot>\n              }\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve='h3' level=\"3\"  >\n                  <span class=\"stzh-contact__role\">\n                    {this.personRole}\n                  </span>\n                </stzh-heading>\n              )}\n              {\n                (isPerson && this.name || isOrganization && this.heading) &&\n                (\n                <div class=\"stzh-contact__main-heading-type\">\n                  {this.name && isPerson && (\n                    <stzh-heading level='3' curve='h3'>\n                        {this.name}\n                    </stzh-heading>\n                  )}\n                  {this.heading && isOrganization && (\n                    <stzh-heading level='3' curve='h3'>\n                        {this.heading}\n                    </stzh-heading>\n                  )}\n                </div>\n                )\n              }\n            </div>\n            {isPerson &&\n            <div class=\"stzh-contact__image-wrapper\">\n              <div class=\"stzh-contact__image\">\n                <slot name=\"image\"></slot>\n              </div>\n            </div>\n            }\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n             {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n             {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">\n                {this.responsibility}\n              </stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n\n            {this.contactTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.contactTitle}\n                </AvailabilityTitleElement>\n              )}\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.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{' '}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span\n                      class=\"stzh-contact__postal-code\"\n                      itemprop=\"postalCode\"\n                    >\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span\n                      class=\"stzh-contact__locality\"\n                      itemprop=\"addressLocality\"\n                    >\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map((number) => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={\n                        number.analyticsId || `${number.label} ${number.number}`\n                      }\n                      itemprop={\n                        number.type === 'fax' ? 'faxNumber' : 'telephone'\n                      }\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map((email) => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={\n                          email.analyticsId || `${email.label} ${email.text}`\n                        }\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && (\n                    <div class=\"stzh-contact__pobox-heading\">\n                      {this.poboxHeading}\n                    </div>\n                  )}\n                  {this.poboxTitle && (\n                    <div class=\"stzh-contact__pobox-title\">\n                      {this.poboxTitle}\n                    </div>\n                  )}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">\n                      {this.poboxPostalCode}&nbsp;\n                    </span>\n                  )}\n                  {this.poboxLocation && (\n                    <span class=\"stzh-contact__pobox-locality\">\n                      {this.poboxLocation}\n                    </span>\n                  )}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map((item) => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">\n                        {item.weekday}\n                      </div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">\n                                {hour}\n                              </div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}
+{"file":"stzh-contact.js","mappings":"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","names":["StzhContact"],"sources":["src/components/CMS/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/CMS/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  --grid-template-areas: var(\n    --stzh-contact-grid-template-areas,\n      \"heading heading heading heading\" \"image image image image\" \"responsibility responsibility responsibility responsibility\" \"additional additional additional additional\" \"info info info info\" \"availability availability availability availability\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-contact-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-contact-grid-template-areas,\n        \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\" \"additional additional additional additional additional additional additional additional\" \"info info info info availability availability availability availability\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-contact-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  &[has-availability=\"false\"] {\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-contact-grid-template-areas,\n          \"heading heading heading heading heading heading heading heading\" \"image image image image . . . .\" \"responsibility responsibility responsibility responsibility responsibility responsibility . .\"  \"additional additional additional additional additional additional additional additional\" \"info info info info info info info info\"\n      );\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve(\"p1\");\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__main-heading {\n    grid-area: heading;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n  &__main-heading-type {\n    &:not(:empty) {\n      padding-top: space('xsmall');\n      padding-bottom: space('xxsmall');\n\n      @include mq($from: small) {\n        padding-top: space('small');\n        padding-bottom: space('xxsmall');\n      }\n\n      @include mq($from: medium) {\n        padding-top: space('xsmall');\n        padding-bottom: space('xsmall');\n      }\n\n      @include mq($from: large) {\n        padding-top: space('small');\n        padding-bottom: space('small');\n      }\n    }\n  }\n\n  &__main-heading-section {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n      padding-top: space('medium');\n      padding-bottom: space('xxsmall');\n\n      @include mq($from: small) {\n        margin-bottom: space('large');\n        padding-top: space('large');\n        padding-bottom: space('xxsmall');\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space('xlarge');\n        padding-top: space('xlarge');\n        padding-bottom: space('xsmall');\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space('xxlarge');\n        padding-top: space('xxlarge');\n        padding-bottom: space('small');\n      }\n    }\n  }\n\n  &__main-heading-text {\n    &:not(:empty) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &__image-wrapper {\n    grid-area: image;\n    background-color: $colorSecondary20;\n  }\n\n  &__role {\n    @include fontSize('milli');\n    @include font('medium');\n  }\n\n  &__image {\n    position: relative;\n  }\n\n  &__info {\n    grid-area: info;\n  }\n\n  &__responsibility {\n    grid-area: responsibility;\n\n    &:not(:empty) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__responsibility-text {\n    &:not(:empty) {\n      padding-bottom: space(\"xsmall\");\n\n      @include mq($from: small) {\n        padding-bottom: space(\"small\");\n      }\n      @include mq($from: medium) {\n        padding-bottom: space(\"medium\");\n      }\n      @include mq($from: large) {\n        padding-bottom: space(\"small\");\n      }\n    }\n  }\n\n  &__additional {\n    grid-area: additional;\n    @include spaceCurve(\"gap\", \"regular\");\n    display: grid;\n\n    ::slotted(*) {\n      margin-bottom: space(\"xlarge\");\n\n      @include mq($from: large) {\n        margin-bottom: space(\"xxlarge\");\n      }\n    }\n  }\n\n  &__heading,\n  &__name,\n  &__emails,\n  &__pobox,\n  &__availability-title {\n    &:not(:empty):not(:last-child) {\n      margin-bottom: space(\"xsmall\");\n    }\n  }\n\n  &__numbers {\n    white-space: nowrap;\n  }\n\n  &__number,\n  &__email {\n    display: flex;\n    align-items: center;\n    gap: space('xxsmall')\n  }\n\n  &__heading,\n  &__name,\n  &__role,\n  &__availability-title {\n    @include fontCurve(\"p1\");\n    margin: 0px;\n  }\n\n  &__heading,\n  &__name.is-heading,\n  &__availability-title {\n    @include font(\"heavy\");\n  }\n\n  &__availability {\n    grid-area: availability;\n    margin-top: space(\"xlarge\");\n    @include spaceCurve(\"gap\", \"small\");\n\n    @include mq($from: medium) {\n      margin-top: 0px;\n    }\n  }\n\n  &__availability-list,\n  &__availability-hour-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  &__availability-list {\n    @include spaceCurve(\"gap\", \"small\");\n    display: grid;\n  }\n\n  &__availability-weekday {\n    @include fontCurve(\"p1\");\n  }\n\n  &__availability-hours {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: small) {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      column-gap: space(\"xsmall\");\n    }\n  }\n\n  &__availability-hours-separator {\n    width: 1px;\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n\n  &--has-image &__image {\n    width: 64px;\n    height: 64px;\n\n    @include mq($from: small) {\n      width: 80px;\n      height: 80px;\n    }\n\n    @include mq($from: medium) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @include mq($from: large) {\n      width: 120px;\n      height: 120px;\n    }\n\n    @include mq($from: ultra) {\n      width: 140px;\n      height: 140px;\n    }\n  }\n\n  &__image-wrapper {\n    background-color: transparent;\n  }\n}\n","import {\n  Component,\n  Element,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport {\n  ContactEmail,\n  ContactNumber,\n  StzhContactAvailabilityItem,\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 main-heading - slot for main heading\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n * @slot pobox - slot for pobox (alternative for `pobox` property or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`)\n * @slot slot for additional (e.g. accordion with contact form, map or datalist)\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  /** Main heading */\n  @Prop() mainHeading: string\n\n  /** Sub heading */\n  @Prop() subHeading: string\n\n  /** Main heading level */\n  @Prop() mainHeadingLevel: '1' | '2' | '3' | '4' = '2'\n\n  /** Heading */\n  @Prop() heading: string\n\n  /** Resposibility title */\n  @Prop() responsibilityTitle: string\n\n  /** Resposibility title */\n  @Prop() responsibility: string\n\n  /** Heading level */\n  @Prop() headingLevel: '1' | '2' | '3' | '4' = '3'\n\n  /** Name */\n  @Prop() name: string\n\n  /** Person role */\n  @Prop() personRole: 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 | string[]\n  private _street: string[] = []\n\n  /** Additional street info */\n  @Prop() streetInfo: string | string[]\n  private _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  /**\n   * Numbers\n   * Array of objects that can include the attributes `label`, `number`, `text`, `href`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `text`).\n   */\n  @Prop() emails: ContactEmail[] | string = []\n  private _emails: ContactEmail[] = []\n\n  /** Pobox (alternative for pobox slot or separate properties `poboxHeading`, `poboxTitle`, `poboxPostalCode` & `poboxLocation`) */\n  @Prop() pobox: string\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  /** Contact title */\n  @Prop() contactTitle: string\n\n  /** Availability title level */\n  @Prop() availabilityTitleLevel: '1' | '2' | '3' | '4' = '3'\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[]\n  private _availability: StzhContactAvailabilityItem[] = []\n\n  /** Additional freetext */\n  @Prop() additionalInformation: string;\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\n  @Watch('numbers')\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._numbers = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._numbers = newValue\n    }\n  }\n\n  @Watch('emails')\n  emailsWatcher(newValue: ContactEmail[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._emails = JSON.parse(newValue);\n      } catch (jsonParseException) {\n        // Nothing to do here, just catching to prevent component from dying.\n      }\n    } else {\n      this._emails = newValue\n    }\n  }\n\n  @Watch('street')\n  streetWatcher(newValue: string[] | string) {\n    if (typeof newValue === 'string') {\n      try {\n        this._street = JSON.parse(newValue)\n      } catch (noArrayException) {\n        this._street = [newValue]\n      }\n    } else if (newValue) {\n      this._street = newValue\n    }\n  }\n\n  @Watch('streetInfo')\n  streetInfoWatcher(newValue: string[] | string) {\n    if (typeof newValue === 'string') {\n      try {\n        this._streetInfo = JSON.parse(newValue)\n      } catch (noArrayException) {\n        this._streetInfo = [newValue]\n      }\n    } else if (newValue) {\n      this._streetInfo = newValue\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers)\n    this.emailsWatcher(this.emails)\n    this.availabilityWatcher(this.availability)\n    this.streetWatcher(this.street)\n    this.streetInfoWatcher(this.streetInfo)\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, 'image')\n    const hasAddress = !!this.address || hasSlot(this.element, 'address')\n    const hasAddons = hasSlot(this.element, 'addons')\n    const hasLinks = hasSlot(this.element, 'links')\n\n    const classes = {\n      'stzh-contact': true,\n      'stzh-contact--has-image': hasImage,\n      'stzh-contact--has-address': hasAddress,\n      'stzh-contact--has-addons': hasAddons,\n      'stzh-contact--has-links': hasLinks,\n    }\n\n    const HeadingLevel = `h${this.headingLevel}`\n    const AvailabilityTitleElement = `h${this.availabilityTitleLevel}`\n    const isPerson = this.type === 'Person';\n    const isOrganization = this.type === 'Organization';\n\n    return (\n      <Host has-availability={!!this.availability ? 'true' : 'false'}>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n\n          <div class=\"stzh-contact__main-heading\"\n            itemprop={\n              (isOrganization && !this.heading) ||\n              (isPerson && !this.name)\n                ? 'name'\n                : null\n            }\n          >\n            <div class=\"stzh-contact__main-heading-section\">\n              {this.mainHeading\n                ? <stzh-heading level={this.mainHeadingLevel} htmlContent={this.mainHeading}/>\n                : <slot name=\"main-heading\"></slot>\n              }\n            </div>\n            <div class={isPerson && \"stzh-contact__main-heading-text\"}>\n              {this.personRole && isPerson && (\n                <stzh-heading curve='h3' level=\"3\"  >\n                  <span class=\"stzh-contact__role\">\n                    {this.personRole}\n                  </span>\n                </stzh-heading>\n              )}\n              {\n                (isPerson && this.name || isOrganization && this.heading) && (\n                  <div class=\"stzh-contact__main-heading-type\">\n                    {this.name && isPerson && (\n                      <stzh-heading level='3' curve='h3' htmlContent={this.name}/>\n                    )}\n                    {this.heading && isOrganization && (\n                      <stzh-heading level={this.headingLevel} htmlContent={this.heading} />\n                    )}\n                  </div>\n                )\n              }\n            </div>\n            {isPerson &&\n            <div class=\"stzh-contact__image-wrapper\">\n              <div class=\"stzh-contact__image\">\n                <slot name=\"image\"></slot>\n              </div>\n            </div>\n            }\n          </div>\n\n          <div class=\"stzh-contact__responsibility\">\n             {this.responsibilityTitle && (\n              <HeadingLevel\n                class=\"stzh-contact__heading\"\n                itemprop={this.responsibilityTitle}\n                innerHTML={this.responsibilityTitle}\n              />\n            )}\n             {this.responsibility && (\n              <stzh-text class=\"stzh-contact__responsibility-text\">\n                {this.responsibility}\n              </stzh-text>\n            )}\n          </div>\n\n          <div class=\"stzh-contact__additional\">\n            <slot></slot>\n          </div>\n\n          <div class=\"stzh-contact__info\">\n\n            {this.contactTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.contactTitle}\n                </AvailabilityTitleElement>\n              )}\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.length > 0 && (\n                    <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                      {this._street.map((street: string) => (\n                        <Fragment>\n                          {street}\n                          <br />\n                        </Fragment>\n                      ))}\n                      {this._streetInfo.length > 0 && (\n                        <Fragment>\n                          <br />{' '}\n                          {this._streetInfo.map((streetInfo: string) => (\n                            <Fragment>\n                              {streetInfo}\n                              <br />\n                            </Fragment>\n                          ))}\n                        </Fragment>\n                      )}\n                    </div>\n                  )}\n\n                  {this.postalCode && (\n                    <span\n                      class=\"stzh-contact__postal-code\"\n                      itemprop=\"postalCode\"\n                    >\n                      {this.postalCode}&nbsp;\n                    </span>\n                  )}\n\n                  {this.location && (\n                    <span\n                      class=\"stzh-contact__locality\"\n                      itemprop=\"addressLocality\"\n                    >\n                      {this.location}\n                    </span>\n                  )}\n\n                  <slot name=\"address\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            {this._numbers.length > 0 && (\n              <div class=\"stzh-contact__numbers\">\n                {this._numbers.map((number) => (\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <stzh-link\n                      size=\"inherit\"\n                      height=\"auto\"\n                      class=\"stzh-contact__number-link\"\n                      href={`${number.type}:${formatTel(number.number)}`}\n                      analyticsId={\n                        number.analyticsId || `${number.label} ${number.number}`\n                      }\n                      itemprop={\n                        number.type === 'fax' ? 'faxNumber' : 'telephone'\n                      }\n                    >\n                      {number.number}\n                    </stzh-link>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {this._emails.length > 0 && (\n              <div class=\"stzh-contact__emails\">\n                {this._emails.map((email) => (\n                  <div class=\"stzh-contact__email\">\n                    <span>{email.label}&nbsp;</span>\n                    {email.href ? (\n                      <stzh-link\n                        size=\"inherit\"\n                        height=\"auto\"\n                        class=\"stzh-container__email-link\"\n                        href={`mailto:${email.href}`}\n                        analyticsId={\n                          email.analyticsId || `${email.label} ${email.text}`\n                        }\n                        itemprop=\"email\"\n                      >\n                        {email.text}\n                      </stzh-link>\n                    ) : (\n                      <span class=\"stzh-container__email-link\" itemprop=\"email\">\n                        {email.text}\n                      </span>\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"stzh-contact__pobox\" innerHTML={this.pobox}>\n              {!this.pobox && (\n                <Fragment>\n                  {this.poboxHeading && (\n                    <div class=\"stzh-contact__pobox-heading\">\n                      {this.poboxHeading}\n                    </div>\n                  )}\n                  {this.poboxTitle && (\n                    <div class=\"stzh-contact__pobox-title\">\n                      {this.poboxTitle}\n                    </div>\n                  )}\n                  {this.poboxPostalCode && (\n                    <span class=\"stzh-contact__pobox-postal-code\">\n                      {this.poboxPostalCode}&nbsp;\n                    </span>\n                  )}\n                  {this.poboxLocation && (\n                    <span class=\"stzh-contact__pobox-locality\">\n                      {this.poboxLocation}\n                    </span>\n                  )}\n                  <slot name=\"pobox\"></slot>\n                </Fragment>\n              )}\n            </div>\n\n            <div class=\"stzh-contact__additional-information\" innerHTML={this.additionalInformation}></div>\n          </div>\n\n          {this.availability && (\n            <div class=\"stzh-contact__availability\">\n              {this.availabilityTitle && (\n                <AvailabilityTitleElement class=\"stzh-contact__availability-title\">\n                  {this.availabilityTitle}\n                </AvailabilityTitleElement>\n              )}\n\n              {this._availability.length > 0 && (\n                <ul class=\"stzh-contact__availability-list\">\n                  {this._availability.map((item) => (\n                    <li class=\"stzh-contact__availability-list-item\">\n                      <div class=\"stzh-contact__availability-weekday\">\n                        {item.weekday}\n                      </div>\n                      {item.hours.length > 0 && (\n                        <div class=\"stzh-contact__availability-hours\">\n                          {item.hours.map((hour, index) => (\n                            <Fragment>\n                              <div class=\"stzh-contact__availability-hour\">\n                                {hour}\n                              </div>\n                              {index < item.hours.length - 1 && (\n                                <div class=\"stzh-contact__availability-hours-separator\"></div>\n                              )}\n                            </Fragment>\n                          ))}\n                        </div>\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/stzh-datalist-item.js

@@ -1,4 +1,4 @@
-import { S as StzhDatalistItem$1, d as defineCustomElement$1 } from './p-07da844f.js';
+import { S as StzhDatalistItem$1, d as defineCustomElement$1 } from './p-c3216aa7.js';
 
 const StzhDatalistItem = StzhDatalistItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-datalist.js

@@ -1,4 +1,4 @@
-import { S as StzhDatalist$1, d as defineCustomElement$1 } from './p-0c2de460.js';
+import { S as StzhDatalist$1, d as defineCustomElement$1 } from './p-c16c49ca.js';
 
 const StzhDatalist = StzhDatalist$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-datamessagelist-item.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$b } from './p-fb02e9f7.js';
-import { d as defineCustomElement$a } from './p-55350e52.js';
-import { d as defineCustomElement$9 } from './p-2a972be2.js';
-import { d as defineCustomElement$8 } from './p-78ff471a.js';
+import { d as defineCustomElement$b } from './p-652ae542.js';
+import { d as defineCustomElement$a } from './p-bd503085.js';
+import { d as defineCustomElement$9 } from './p-ba5a005c.js';
+import { d as defineCustomElement$8 } from './p-21e55e49.js';
 import { d as defineCustomElement$7 } from './p-4d57271c.js';
-import { d as defineCustomElement$6 } from './p-61e8a4c8.js';
+import { d as defineCustomElement$6 } from './p-26475e68.js';
 import { d as defineCustomElement$5 } from './p-bc4d67fa.js';
-import { d as defineCustomElement$4 } from './p-fc1aafb5.js';
+import { d as defineCustomElement$4 } from './p-3c92a168.js';
 import { d as defineCustomElement$3 } from './p-7c23f23e.js';
 import { d as defineCustomElement$2 } from './p-fc350fbd.js';
 

package/dist/components/stzh-datatable.js

@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { f as flexsearch_bundle_min } from './p-4d8999d6.js';
 import { c as commonjsGlobal } from './p-1ab64d01.js';
 import { h as hasSlot } from './p-1c261255.js';
-import { d as defineCustomElement$h } from './p-60bfdfcf.js';
-import { d as defineCustomElement$g } from './p-02dde838.js';
-import { d as defineCustomElement$f } from './p-fb02e9f7.js';
-import { d as defineCustomElement$e } from './p-55350e52.js';
-import { d as defineCustomElement$d } from './p-f87105bb.js';
-import { d as defineCustomElement$c } from './p-0c2de460.js';
-import { d as defineCustomElement$b } from './p-07da844f.js';
+import { d as defineCustomElement$h } from './p-1dc83d62.js';
+import { d as defineCustomElement$g } from './p-0315f0e6.js';
+import { d as defineCustomElement$f } from './p-652ae542.js';
+import { d as defineCustomElement$e } from './p-bd503085.js';
+import { d as defineCustomElement$d } from './p-8c662622.js';
+import { d as defineCustomElement$c } from './p-c16c49ca.js';
+import { d as defineCustomElement$b } from './p-c3216aa7.js';
 import { d as defineCustomElement$a } from './p-c3e679b0.js';
 import { d as defineCustomElement$9 } from './p-3f9b452f.js';
 import { d as defineCustomElement$8 } from './p-4d57271c.js';
-import { d as defineCustomElement$7 } from './p-022b1add.js';
-import { d as defineCustomElement$6 } from './p-75de2b52.js';
+import { d as defineCustomElement$7 } from './p-0bed6703.js';
+import { d as defineCustomElement$6 } from './p-12654708.js';
 import { d as defineCustomElement$5 } from './p-7c23f23e.js';
 import { d as defineCustomElement$4 } from './p-fc350fbd.js';
 import { d as defineCustomElement$3 } from './p-9b5c568d.js';